@olwiba/cn 0.1.50 → 0.1.52

package/dist/index.js

@@ -1,10 +1,10 @@
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import * as React38 from 'react';
+import * as React39 from 'react';
 import { useMemo, useCallback, useRef, useState, useEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import { ChevronDown, ArrowLeft, ArrowRight, Check, X, Search, ChevronRight, Circle, Dot, ChevronUp, PanelLeft, MoreHorizontal, ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon, ChevronLeft, GripVertical, LoaderCircle, OctagonX, TriangleAlert, Info, CircleCheck, Loader2Icon } from 'lucide-react';
+import { ChevronDown, ArrowLeft, ArrowRight, Check, X, Search, ChevronRight, Circle, Dot, EyeOff, Eye, ChevronUp, PanelLeft, MoreHorizontal, ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon, ChevronLeft, GripVertical, LoaderCircle, OctagonX, TriangleAlert, Info, CircleCheck, Loader2Icon } from 'lucide-react';
 import { cva } from 'class-variance-authority';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import { Slot } from '@radix-ui/react-slot';
@@ -45,7 +45,7 @@ import confetti from 'canvas-confetti';
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
-var UIVariantContext = React38.createContext(void 0);
+var UIVariantContext = React39.createContext(void 0);
 function UIVariantProvider({
   mode,
   children
@@ -53,17 +53,17 @@ function UIVariantProvider({
   return /* @__PURE__ */ jsx(UIVariantContext.Provider, { value: mode, children });
 }
 function useUIVariant() {
-  return React38.useContext(UIVariantContext);
+  return React39.useContext(UIVariantContext);
 }
-var AccordionContext = React38.createContext({});
-var Accordion = React38.forwardRef(({ mode: modeProp, size, ...props }, ref) => {
+var AccordionContext = React39.createContext({});
+var Accordion = React39.forwardRef(({ mode: modeProp, size, ...props }, ref) => {
   const inheritedMode = useUIVariant();
   const mode = modeProp ?? inheritedMode;
   return /* @__PURE__ */ jsx(AccordionContext.Provider, { value: { mode, size }, children: /* @__PURE__ */ jsx(AccordionPrimitive.Root, { ref, ...props }) });
 });
 Accordion.displayName = "Accordion";
-var AccordionItem = React38.forwardRef(({ className, ...props }, ref) => {
-  const { mode } = React38.useContext(AccordionContext);
+var AccordionItem = React39.forwardRef(({ className, ...props }, ref) => {
+  const { mode } = React39.useContext(AccordionContext);
   return /* @__PURE__ */ jsx(
     AccordionPrimitive.Item,
     {
@@ -80,8 +80,8 @@ var AccordionItem = React38.forwardRef(({ className, ...props }, ref) => {
   );
 });
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React38.forwardRef(({ className, children, ...props }, ref) => {
-  const { mode, size } = React38.useContext(AccordionContext);
+var AccordionTrigger = React39.forwardRef(({ className, children, ...props }, ref) => {
+  const { mode, size } = React39.useContext(AccordionContext);
   return /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
     AccordionPrimitive.Trigger,
     {
@@ -106,8 +106,8 @@ var AccordionTrigger = React38.forwardRef(({ className, children, ...props }, re
   ) });
 });
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-var AccordionContent = React38.forwardRef(({ className, children, ...props }, ref) => {
-  const { mode, size } = React38.useContext(AccordionContext);
+var AccordionContent = React39.forwardRef(({ className, children, ...props }, ref) => {
+  const { mode, size } = React39.useContext(AccordionContext);
   return /* @__PURE__ */ jsx(
     AccordionPrimitive.Content,
     {
@@ -141,7 +141,7 @@ var alertVariants = cva(
     }
   }
 );
-var Alert = React38.forwardRef(({ className, variant, mode: modeProp, size, disabled, ...props }, ref) => {
+var Alert = React39.forwardRef(({ className, variant, mode: modeProp, size, disabled, ...props }, ref) => {
   const mode = modeProp ?? useUIVariant();
   return /* @__PURE__ */ jsx(
     "div",
@@ -162,7 +162,7 @@ var Alert = React38.forwardRef(({ className, variant, mode: modeProp, size, disa
   );
 });
 Alert.displayName = "Alert";
-var AlertTitle = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertTitle = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h5",
   {
     ref,
@@ -171,7 +171,7 @@ var AlertTitle = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDescription = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -217,7 +217,7 @@ var glassButtonBg = {
   outline: "bg-background/40 hover:bg-background/60",
   secondary: "bg-secondary/50 hover:bg-secondary/40"
 };
-var Button = React38.forwardRef(
+var Button = React39.forwardRef(
   ({ className, variant, size, asChild = false, mode: modeProp, ...props }, ref) => {
     const mode = modeProp ?? useUIVariant();
     const Comp = asChild ? Slot : "button";
@@ -273,7 +273,7 @@ Button.displayName = "Button";
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogOverlay = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Overlay,
   {
     className: cn(
@@ -285,7 +285,7 @@ var AlertDialogOverlay = React38.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React38.forwardRef(({ className, mode: modeProp, children, ...props }, ref) => {
+var AlertDialogContent = React39.forwardRef(({ className, mode: modeProp, children, ...props }, ref) => {
   const mode = modeProp ?? useUIVariant();
   return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
     /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
@@ -335,7 +335,7 @@ var AlertDialogFooter = ({
   }
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogTitle = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Title,
   {
     ref,
@@ -344,7 +344,7 @@ var AlertDialogTitle = React38.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDialogDescription = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AlertDialogPrimitive.Description,
   {
     ref,
@@ -353,12 +353,12 @@ var AlertDialogDescription = React38.forwardRef(({ className, ...props }, ref) =
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React38.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Action, { ref, asChild: true, ...props, children: /* @__PURE__ */ jsx(Button, { children }) }));
+var AlertDialogAction = React39.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Action, { ref, asChild: true, ...props, children: /* @__PURE__ */ jsx(Button, { children }) }));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React38.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Cancel, { ref, asChild: true, ...props, children: /* @__PURE__ */ jsx(Button, { variant: "outline", className: "mt-2 sm:mt-0", children }) }));
+var AlertDialogCancel = React39.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Cancel, { ref, asChild: true, ...props, children: /* @__PURE__ */ jsx(Button, { variant: "outline", className: "mt-2 sm:mt-0", children }) }));
 AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
 var AspectRatio = AspectRatioPrimitive.Root;
-var AvatarContext = React38.createContext({});
+var AvatarContext = React39.createContext({});
 var sizeClasses = {
   sm: "h-8 w-8",
   default: "h-10 w-10",
@@ -395,7 +395,7 @@ var blobKeyframes = `
     100% { border-radius: 51% 49% 50% 50% / 52% 48% 51% 49%; transform: rotate(360deg)  scale(0.83); }
   }
 `;
-var Avatar = React38.forwardRef(({ className, mode: modeProp, size = "default", disabled, ...props }, ref) => {
+var Avatar = React39.forwardRef(({ className, mode: modeProp, size = "default", disabled, ...props }, ref) => {
   const mode = modeProp ?? useUIVariant();
   if (mode === "playful") {
     return /* @__PURE__ */ jsx(AvatarContext.Provider, { value: { mode }, children: /* @__PURE__ */ jsxs("div", { className: cn("relative overflow-visible", sizeClasses[size], disabled && "opacity-50 pointer-events-none"), children: [
@@ -451,7 +451,7 @@ var Avatar = React38.forwardRef(({ className, mode: modeProp, size = "default",
   ) });
 });
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AvatarImage = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   AvatarPrimitive.Image,
   {
     ref,
@@ -460,8 +460,8 @@ var AvatarImage = React38.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React38.forwardRef(({ className, ...props }, ref) => {
-  const { mode } = React38.useContext(AvatarContext);
+var AvatarFallback = React39.forwardRef(({ className, ...props }, ref) => {
+  const { mode } = React39.useContext(AvatarContext);
   return /* @__PURE__ */ jsx(
     AvatarPrimitive.Fallback,
     {
@@ -548,14 +548,14 @@ function Badge({ className, variant, size, disabled = false, mode: modeProp, ...
     }
   );
 }
-var Breadcrumb = React38.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
+var Breadcrumb = React39.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
 var breadcrumbListSizeClasses = {
   sm: "gap-1 text-xs sm:gap-1.5",
   default: "gap-1.5 text-sm sm:gap-2.5",
   lg: "gap-2 text-base sm:gap-3"
 };
-var BreadcrumbList = React38.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ jsx(
+var BreadcrumbList = React39.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ jsx(
   "ol",
   {
     ref,
@@ -568,7 +568,7 @@ var BreadcrumbList = React38.forwardRef(({ className, size = "default", ...props
   }
 ));
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var BreadcrumbItem = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "li",
   {
     ref,
@@ -577,7 +577,7 @@ var BreadcrumbItem = React38.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React38.forwardRef(({ asChild, className, disabled, ...props }, ref) => {
+var BreadcrumbLink = React39.forwardRef(({ asChild, className, disabled, ...props }, ref) => {
   const Comp = asChild ? Slot : "a";
   return /* @__PURE__ */ jsx(
     Comp,
@@ -593,7 +593,7 @@ var BreadcrumbLink = React38.forwardRef(({ asChild, className, disabled, ...prop
   );
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var BreadcrumbPage = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "span",
   {
     ref,
@@ -637,7 +637,7 @@ var BreadcrumbEllipsis = ({
   }
 );
 BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
-var Separator = React38.forwardRef(
+var Separator = React39.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
     SeparatorPrimitive.Root,
     {
@@ -724,7 +724,7 @@ var calendarCellSizes = {
   default: "2rem",
   lg: "2.5rem"
 };
-var CalendarUIContext = React38.createContext({});
+var CalendarUIContext = React39.createContext({});
 function Calendar({
   className,
   classNames,
@@ -888,10 +888,10 @@ function CalendarDayButton({
   modifiers,
   ...props
 }) {
-  const { uiMode } = React38.useContext(CalendarUIContext);
+  const { uiMode } = React39.useContext(CalendarUIContext);
   const defaultClassNames = getDefaultClassNames();
-  const ref = React38.useRef(null);
-  React38.useEffect(() => {
+  const ref = React39.useRef(null);
+  React39.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
   const isSelectedSingle = modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle;
@@ -931,7 +931,7 @@ function CalendarDayButton({
   }
   return button;
 }
-var Card = React38.forwardRef(
+var Card = React39.forwardRef(
   ({ className, mode: modeProp, ...props }, ref) => {
     const mode = modeProp ?? useUIVariant();
     if (mode === "playful") {
@@ -972,7 +972,7 @@ var Card = React38.forwardRef(
   }
 );
 Card.displayName = "Card";
-var CardHeader = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardHeader = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -981,7 +981,7 @@ var CardHeader = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardTitle = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -993,7 +993,7 @@ var CardTitle = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardDescription = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -1002,9 +1002,9 @@ var CardDescription = React38.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+var CardContent = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardFooter = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -1023,13 +1023,13 @@ var navOffset = {
   default: { prevH: "-left-12", nextH: "-right-12", prevV: "-top-12", nextV: "-bottom-12" },
   lg: { prevH: "-left-14", nextH: "-right-14", prevV: "-top-14", nextV: "-bottom-14" }
 };
-var CarouselContext = React38.createContext(null);
+var CarouselContext = React39.createContext(null);
 function useCarousel() {
-  const context = React38.useContext(CarouselContext);
+  const context = React39.useContext(CarouselContext);
   if (!context) throw new Error("useCarousel must be used within a <Carousel />");
   return context;
 }
-var Carousel = React38.forwardRef(
+var Carousel = React39.forwardRef(
   ({
     orientation = "horizontal",
     opts,
@@ -1047,20 +1047,20 @@ var Carousel = React38.forwardRef(
       { ...opts, axis: orientation === "horizontal" ? "x" : "y" },
       plugins
     );
-    const [canScrollPrev, setCanScrollPrev] = React38.useState(false);
-    const [canScrollNext, setCanScrollNext] = React38.useState(false);
-    const onSelect = React38.useCallback((api2) => {
+    const [canScrollPrev, setCanScrollPrev] = React39.useState(false);
+    const [canScrollNext, setCanScrollNext] = React39.useState(false);
+    const onSelect = React39.useCallback((api2) => {
       if (!api2) return;
       setCanScrollPrev(api2.canScrollPrev());
       setCanScrollNext(api2.canScrollNext());
     }, []);
-    const scrollPrev = React38.useCallback(() => {
+    const scrollPrev = React39.useCallback(() => {
       api?.scrollPrev();
     }, [api]);
-    const scrollNext = React38.useCallback(() => {
+    const scrollNext = React39.useCallback(() => {
       api?.scrollNext();
     }, [api]);
-    const handleKeyDown = React38.useCallback(
+    const handleKeyDown = React39.useCallback(
       (event) => {
         if (event.key === "ArrowLeft") {
           event.preventDefault();
@@ -1072,11 +1072,11 @@ var Carousel = React38.forwardRef(
       },
       [scrollPrev, scrollNext]
     );
-    React38.useEffect(() => {
+    React39.useEffect(() => {
       if (!api || !setApi) return;
       setApi(api);
     }, [api, setApi]);
-    React38.useEffect(() => {
+    React39.useEffect(() => {
       if (!api) return;
       onSelect(api);
       api.on("reInit", onSelect);
@@ -1118,7 +1118,7 @@ var Carousel = React38.forwardRef(
   }
 );
 Carousel.displayName = "Carousel";
-var CarouselContent = React38.forwardRef(({ className, ...props }, ref) => {
+var CarouselContent = React39.forwardRef(({ className, ...props }, ref) => {
   const { carouselRef, orientation } = useCarousel();
   return /* @__PURE__ */ jsx("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx(
     "div",
@@ -1130,7 +1130,7 @@ var CarouselContent = React38.forwardRef(({ className, ...props }, ref) => {
   ) });
 });
 CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React38.forwardRef(({ className, ...props }, ref) => {
+var CarouselItem = React39.forwardRef(({ className, ...props }, ref) => {
   const { orientation } = useCarousel();
   return /* @__PURE__ */ jsx(
     "div",
@@ -1148,7 +1148,7 @@ var CarouselItem = React38.forwardRef(({ className, ...props }, ref) => {
   );
 });
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React38.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+var CarouselPrevious = React39.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
   const { orientation, scrollPrev, canScrollPrev, mode, carouselSize } = useCarousel();
   const dim = navDim[carouselSize];
   const posH = `${navOffset[carouselSize].prevH} top-1/2 -translate-y-1/2`;
@@ -1206,7 +1206,7 @@ var CarouselPrevious = React38.forwardRef(({ className, variant = "outline", siz
   );
 });
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React38.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+var CarouselNext = React39.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
   const { orientation, scrollNext, canScrollNext, mode, carouselSize } = useCarousel();
   const dim = navDim[carouselSize];
   const posH = `${navOffset[carouselSize].nextH} top-1/2 -translate-y-1/2`;
@@ -1265,16 +1265,16 @@ var CarouselNext = React38.forwardRef(({ className, variant = "outline", size =
 });
 CarouselNext.displayName = "CarouselNext";
 var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React38.createContext(null);
+var ChartContext = React39.createContext(null);
 function useChart() {
-  const context = React38.useContext(ChartContext);
+  const context = React39.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
   return context;
 }
-var ChartContainer = React38.forwardRef(({ id, className, children, config, disabled = false, ...props }, ref) => {
-  const uniqueId = React38.useId();
+var ChartContainer = React39.forwardRef(({ id, className, children, config, disabled = false, ...props }, ref) => {
+  const uniqueId = React39.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
   return /* @__PURE__ */ jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs(
     "div",
@@ -1321,7 +1321,7 @@ ${colorConfig.map(([key, itemConfig]) => {
   );
 };
 var ChartTooltip = RechartsPrimitive.Tooltip;
-var ChartTooltipContent = React38.forwardRef(
+var ChartTooltipContent = React39.forwardRef(
   ({
     active,
     payload,
@@ -1338,7 +1338,7 @@ var ChartTooltipContent = React38.forwardRef(
     labelKey
   }, ref) => {
     const { config } = useChart();
-    const tooltipLabel = React38.useMemo(() => {
+    const tooltipLabel = React39.useMemo(() => {
       if (hideLabel || !payload?.length) {
         return null;
       }
@@ -1434,7 +1434,7 @@ var ChartTooltipContent = React38.forwardRef(
 );
 ChartTooltipContent.displayName = "ChartTooltip";
 var ChartLegend = RechartsPrimitive.Legend;
-var ChartLegendContent = React38.forwardRef(
+var ChartLegendContent = React39.forwardRef(
   ({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
     const { config } = useChart();
     if (!payload?.length) {
@@ -1492,7 +1492,7 @@ function getPayloadConfigFromPayload(config, payload, key) {
   }
   return configLabelKey in config ? config[configLabelKey] : config[key];
 }
-var Checkbox = React38.forwardRef(({ className, mode: modeProp, ...props }, ref) => {
+var Checkbox = React39.forwardRef(({ className, mode: modeProp, ...props }, ref) => {
   const mode = modeProp ?? useUIVariant();
   if (mode === "playful") {
     return /* @__PURE__ */ jsxs("span", { className: "group/playful relative inline-flex", children: [
@@ -1539,7 +1539,7 @@ var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogOverlay = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -1551,7 +1551,7 @@ var DialogOverlay = React38.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React38.forwardRef(({ className, mode: modeProp, presentation = "default", showCloseButton = true, children, ...props }, ref) => {
+var DialogContent = React39.forwardRef(({ className, mode: modeProp, presentation = "default", showCloseButton = true, children, ...props }, ref) => {
   const mode = modeProp ?? useUIVariant();
   return /* @__PURE__ */ jsxs(DialogPortal, { children: [
     /* @__PURE__ */ jsx(DialogOverlay, { className: mode === "glass" ? "bg-black/40" : void 0 }),
@@ -1610,7 +1610,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogTitle = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Title,
   {
     ref,
@@ -1622,7 +1622,7 @@ var DialogTitle = React38.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogDescription = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Description,
   {
     ref,
@@ -1665,15 +1665,15 @@ function formatShortcut(shortcut, isMac) {
   return key ? `${modStr}+${key}` : `${modStr}+`;
 }
 function useIsMac() {
-  const [isMac, setIsMac] = React38.useState(false);
-  React38.useEffect(() => {
+  const [isMac, setIsMac] = React39.useState(false);
+  React39.useEffect(() => {
     setIsMac(
       typeof navigator !== "undefined" && navigator.platform.toUpperCase().includes("MAC")
     );
   }, []);
   return isMac;
 }
-var Hotkey = React38.forwardRef(
+var Hotkey = React39.forwardRef(
   ({ shortcut, asKbd = false, mode: modeProp, className, ...props }, ref) => {
     const isMac = useIsMac();
     const content = formatShortcut(shortcut, isMac);
@@ -1722,7 +1722,7 @@ var Hotkey = React38.forwardRef(
   }
 );
 Hotkey.displayName = "Hotkey";
-var Command = React38.forwardRef(({ className, mode, disabled, ...props }, ref) => {
+var Command = React39.forwardRef(({ className, mode, disabled, ...props }, ref) => {
   const inner = /* @__PURE__ */ jsx(UIVariantProvider, { mode, children: /* @__PURE__ */ jsx(
     Command$1,
     {
@@ -1756,7 +1756,7 @@ Command.displayName = Command$1.displayName;
 var CommandDialog = ({ children, ...props }) => {
   return /* @__PURE__ */ jsx(Dialog, { ...props, children: /* @__PURE__ */ jsx(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ jsx(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) }) });
 };
-var CommandInput = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+var CommandInput = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ jsx(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
   /* @__PURE__ */ jsx(
     Command$1.Input,
@@ -1771,7 +1771,7 @@ var CommandInput = React38.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = Command$1.Input.displayName;
-var CommandList = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandList = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.List,
   {
     ref,
@@ -1780,7 +1780,7 @@ var CommandList = React38.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = Command$1.List.displayName;
-var CommandEmpty = React38.forwardRef((props, ref) => /* @__PURE__ */ jsx(
+var CommandEmpty = React39.forwardRef((props, ref) => /* @__PURE__ */ jsx(
   Command$1.Empty,
   {
     ref,
@@ -1789,7 +1789,7 @@ var CommandEmpty = React38.forwardRef((props, ref) => /* @__PURE__ */ jsx(
   }
 ));
 CommandEmpty.displayName = Command$1.Empty.displayName;
-var CommandGroup = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandGroup = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.Group,
   {
     ref,
@@ -1801,7 +1801,7 @@ var CommandGroup = React38.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = Command$1.Group.displayName;
-var CommandSeparator = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CommandSeparator = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Command$1.Separator,
   {
     ref,
@@ -1810,7 +1810,7 @@ var CommandSeparator = React38.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = Command$1.Separator.displayName;
-var CommandItem = React38.forwardRef(({ className, ...props }, ref) => {
+var CommandItem = React39.forwardRef(({ className, ...props }, ref) => {
   const mode = useUIVariant();
   return /* @__PURE__ */ jsx(
     Command$1.Item,
@@ -1853,7 +1853,7 @@ var ContextMenuGroup = ContextMenuPrimitive.Group;
 var ContextMenuPortal = ContextMenuPrimitive.Portal;
 var ContextMenuSub = ContextMenuPrimitive.Sub;
 var ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
-var ContextMenuSubTrigger = React38.forwardRef(({ className, inset, children, ...props }, ref) => {
+var ContextMenuSubTrigger = React39.forwardRef(({ className, inset, children, ...props }, ref) => {
   const mode = useUIVariant();
   return /* @__PURE__ */ jsxs(
     ContextMenuPrimitive.SubTrigger,
@@ -1876,7 +1876,7 @@ var ContextMenuSubTrigger = React38.forwardRef(({ className, inset, children, ..
   );
 });
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-var ContextMenuSubContent = React38.forwardRef(({ className, mode: modeProp, children, ...props }, ref) => {
+var ContextMenuSubContent = React39.forwardRef(({ className, mode: modeProp, children, ...props }, ref) => {
   const inheritedMode = useUIVariant();
   const mode = modeProp ?? inheritedMode;
   return /* @__PURE__ */ jsx(
@@ -1896,7 +1896,7 @@ var ContextMenuSubContent = React38.forwardRef(({ className, mode: modeProp, chi
   );
 });
 ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
-var ContextMenuContent = React38.forwardRef(({ className, mode: modeProp, children, ...props }, ref) => {
+var ContextMenuContent = React39.forwardRef(({ className, mode: modeProp, children, ...props }, ref) => {
   const inheritedMode = useUIVariant();
   const mode = modeProp ?? inheritedMode;
   return /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
@@ -1916,7 +1916,7 @@ var ContextMenuContent = React38.forwardRef(({ className, mode: modeProp, childr
   ) });
 });
 ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-var ContextMenuItem = React38.forwardRef(({ className, inset, ...props }, ref) => {
+var ContextMenuItem = React39.forwardRef(({ className, inset, ...props }, ref) => {
   const mode = useUIVariant();
   return /* @__PURE__ */ jsx(
     ContextMenuPrimitive.Item,
@@ -1935,7 +1935,7 @@ var ContextMenuItem = React38.forwardRef(({ className, inset, ...props }, ref) =
   );
 });
 ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
-var ContextMenuCheckboxItem = React38.forwardRef(({ className, children, checked, ...props }, ref) => {
+var ContextMenuCheckboxItem = React39.forwardRef(({ className, children, checked, ...props }, ref) => {
   const mode = useUIVariant();
   return /* @__PURE__ */ jsxs(
     ContextMenuPrimitive.CheckboxItem,
@@ -1958,7 +1958,7 @@ var ContextMenuCheckboxItem = React38.forwardRef(({ className, children, checked
   );
 });
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
-var ContextMenuRadioItem = React38.forwardRef(({ className, children, ...props }, ref) => {
+var ContextMenuRadioItem = React39.forwardRef(({ className, children, ...props }, ref) => {
   const mode = useUIVariant();
   return /* @__PURE__ */ jsxs(
     ContextMenuPrimitive.RadioItem,
@@ -1980,7 +1980,7 @@ var ContextMenuRadioItem = React38.forwardRef(({ className, children, ...props }
   );
 });
 ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-var ContextMenuLabel = React38.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var ContextMenuLabel = React39.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   ContextMenuPrimitive.Label,
   {
     ref,
@@ -1993,7 +1993,7 @@ var ContextMenuLabel = React38.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-var ContextMenuSeparator = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var ContextMenuSeparator = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ContextMenuPrimitive.Separator,
   {
     ref,
@@ -2035,7 +2035,7 @@ Drawer.displayName = "Drawer";
 var DrawerTrigger = Drawer$1.Trigger;
 var DrawerPortal = Drawer$1.Portal;
 var DrawerClose = Drawer$1.Close;
-var DrawerOverlay = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DrawerOverlay = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Drawer$1.Overlay,
   {
     ref,
@@ -2044,7 +2044,7 @@ var DrawerOverlay = React38.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DrawerOverlay.displayName = Drawer$1.Overlay.displayName;
-var DrawerContent = React38.forwardRef(({ className, mode: modeProp, children, ...props }, ref) => {
+var DrawerContent = React39.forwardRef(({ className, mode: modeProp, children, ...props }, ref) => {
   const mode = modeProp ?? useUIVariant();
   return /* @__PURE__ */ jsxs(DrawerPortal, { children: [
     /* @__PURE__ */ jsx(DrawerOverlay, {}),
@@ -2091,7 +2091,7 @@ var DrawerFooter = ({
   }
 );
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DrawerTitle = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Drawer$1.Title,
   {
     ref,
@@ -2103,7 +2103,7 @@ var DrawerTitle = React38.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DrawerTitle.displayName = Drawer$1.Title.displayName;
-var DrawerDescription = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DrawerDescription = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   Drawer$1.Description,
   {
     ref,
@@ -2118,7 +2118,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React38.forwardRef(({ className, inset, children, ...props }, ref) => {
+var DropdownMenuSubTrigger = React39.forwardRef(({ className, inset, children, ...props }, ref) => {
   const mode = useUIVariant();
   return /* @__PURE__ */ jsxs(
     DropdownMenuPrimitive.SubTrigger,
@@ -2141,7 +2141,7 @@ var DropdownMenuSubTrigger = React38.forwardRef(({ className, inset, children, .
   );
 });
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React38.forwardRef(({ className, mode: modeProp, children, ...props }, ref) => {
+var DropdownMenuSubContent = React39.forwardRef(({ className, mode: modeProp, children, ...props }, ref) => {
   const inheritedMode = useUIVariant();
   const mode = modeProp ?? inheritedMode;
   return /* @__PURE__ */ jsx(
@@ -2161,7 +2161,7 @@ var DropdownMenuSubContent = React38.forwardRef(({ className, mode: modeProp, ch
   );
 });
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React38.forwardRef(({ className, sideOffset = 4, mode: modeProp, children, ...props }, ref) => {
+var DropdownMenuContent = React39.forwardRef(({ className, sideOffset = 4, mode: modeProp, children, ...props }, ref) => {
   const inheritedMode = useUIVariant();
   const mode = modeProp ?? inheritedMode;
   return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
@@ -2182,7 +2182,7 @@ var DropdownMenuContent = React38.forwardRef(({ className, sideOffset = 4, mode:
   ) });
 });
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React38.forwardRef(({ className, inset, ...props }, ref) => {
+var DropdownMenuItem = React39.forwardRef(({ className, inset, ...props }, ref) => {
   const mode = useUIVariant();
   return /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Item,
@@ -2201,7 +2201,7 @@ var DropdownMenuItem = React38.forwardRef(({ className, inset, ...props }, ref)
   );
 });
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React38.forwardRef(({ className, children, checked, ...props }, ref) => {
+var DropdownMenuCheckboxItem = React39.forwardRef(({ className, children, checked, ...props }, ref) => {
   const mode = useUIVariant();
   return /* @__PURE__ */ jsxs(
     DropdownMenuPrimitive.CheckboxItem,
@@ -2224,7 +2224,7 @@ var DropdownMenuCheckboxItem = React38.forwardRef(({ className, children, checke
   );
 });
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React38.forwardRef(({ className, children, ...props }, ref) => {
+var DropdownMenuRadioItem = React39.forwardRef(({ className, children, ...props }, ref) => {
   const mode = useUIVariant();
   return /* @__PURE__ */ jsxs(
     DropdownMenuPrimitive.RadioItem,
@@ -2246,7 +2246,7 @@ var DropdownMenuRadioItem = React38.forwardRef(({ className, children, ...props
   );
 });
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React38.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuLabel = React39.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -2259,7 +2259,7 @@ var DropdownMenuLabel = React38.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuSeparator = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -2390,7 +2390,7 @@ var labelVariants = cva(
     }
   }
 );
-var Label3 = React38.forwardRef(({ className, size, ...props }, ref) => /* @__PURE__ */ jsx(
+var Label3 = React39.forwardRef(({ className, size, ...props }, ref) => /* @__PURE__ */ jsx(
   LabelPrimitive.Root,
   {
     ref,
@@ -2617,15 +2617,15 @@ function FieldError({
   );
 }
 var Form = FormProvider;
-var FormFieldContext = React38.createContext(null);
+var FormFieldContext = React39.createContext(null);
 var FormField = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React38.useContext(FormFieldContext);
-  const itemContext = React38.useContext(FormItemContext);
+  const fieldContext = React39.useContext(FormFieldContext);
+  const itemContext = React39.useContext(FormItemContext);
   const { getFieldState, formState } = useFormContext();
   if (!fieldContext) {
     throw new Error("useFormField should be used within <FormField>");
@@ -2644,13 +2644,13 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React38.createContext(null);
-var FormItem = React38.forwardRef(({ className, ...props }, ref) => {
-  const id = React38.useId();
+var FormItemContext = React39.createContext(null);
+var FormItem = React39.forwardRef(({ className, ...props }, ref) => {
+  const id = React39.useId();
   return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx("div", { ref, className: cn("space-y-2", className), ...props }) });
 });
 FormItem.displayName = "FormItem";
-var FormLabel = React38.forwardRef(({ className, ...props }, ref) => {
+var FormLabel = React39.forwardRef(({ className, ...props }, ref) => {
   const { error, formItemId } = useFormField();
   return /* @__PURE__ */ jsx(
     Label3,
@@ -2663,7 +2663,7 @@ var FormLabel = React38.forwardRef(({ className, ...props }, ref) => {
   );
 });
 FormLabel.displayName = "FormLabel";
-var FormControl = React38.forwardRef(({ ...props }, ref) => {
+var FormControl = React39.forwardRef(({ ...props }, ref) => {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
   return /* @__PURE__ */ jsx(
     Slot,
@@ -2677,7 +2677,7 @@ var FormControl = React38.forwardRef(({ ...props }, ref) => {
   );
 });
 FormControl.displayName = "FormControl";
-var FormDescription = React38.forwardRef(({ className, ...props }, ref) => {
+var FormDescription = React39.forwardRef(({ className, ...props }, ref) => {
   const { formDescriptionId } = useFormField();
   return /* @__PURE__ */ jsx(
     "p",
@@ -2690,7 +2690,7 @@ var FormDescription = React38.forwardRef(({ className, ...props }, ref) => {
   );
 });
 FormDescription.displayName = "FormDescription";
-var FormMessage = React38.forwardRef(({ className, children, ...props }, ref) => {
+var FormMessage = React39.forwardRef(({ className, children, ...props }, ref) => {
   const { error, formMessageId } = useFormField();
   const body = error ? String(error?.message ?? "") : children;
   if (!body) {
@@ -2710,7 +2710,7 @@ var FormMessage = React38.forwardRef(({ className, children, ...props }, ref) =>
 FormMessage.displayName = "FormMessage";
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React38.forwardRef(({ className, align = "center", sideOffset = 4, mode: modeProp, children, ...props }, ref) => {
+var HoverCardContent = React39.forwardRef(({ className, align = "center", sideOffset = 4, mode: modeProp, children, ...props }, ref) => {
   const inheritedMode = useUIVariant();
   const mode = modeProp ?? inheritedMode;
   return /* @__PURE__ */ jsx(
@@ -2734,7 +2734,7 @@ var HoverCardContent = React38.forwardRef(({ className, align = "center", sideOf
 HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
 var inputBase = "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm aria-invalid:border-destructive aria-invalid:focus-visible:ring-destructive/20";
 var inputPlayfulBacking = "absolute inset-0 z-0 translate-x-[3px] translate-y-[3px] -rotate-[0.4deg] rounded-md bg-foreground/8 transition-transform duration-200 group-hover/playful:-rotate-[1deg] group-focus-within/playful:-rotate-[1deg] dark:bg-foreground/10";
-var Input = React38.forwardRef(
+var Input = React39.forwardRef(
   ({ className, type, mode: modeProp, ...props }, ref) => {
     const contextMode = useUIVariant();
     const mode = modeProp ?? contextMode;
@@ -2768,7 +2768,7 @@ var textareaSizes = {
   default: "min-h-20 px-3 py-2 text-base md:text-sm",
   lg: "min-h-28 px-4 py-3 text-base"
 };
-var Textarea = React38.forwardRef(
+var Textarea = React39.forwardRef(
   ({ className, size = "default", mode: modeProp, ...props }, ref) => {
     const mode = modeProp ?? useUIVariant();
     const textarea = /* @__PURE__ */ jsx(
@@ -2948,11 +2948,11 @@ function InputGroupTextarea({
     }
   );
 }
-var InputOTPSizeContext = React38.createContext("default");
+var InputOTPSizeContext = React39.createContext("default");
 function useInputOTPSize() {
-  return React38.useContext(InputOTPSizeContext);
+  return React39.useContext(InputOTPSizeContext);
 }
-var InputOTP = React38.forwardRef(({ className, containerClassName, mode, size = "default", ...props }, ref) => {
+var InputOTP = React39.forwardRef(({ className, containerClassName, mode, size = "default", ...props }, ref) => {
   const otpInputProps = props;
   return /* @__PURE__ */ jsx(UIVariantProvider, { mode, children: /* @__PURE__ */ jsx(InputOTPSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx(
     OTPInput,
@@ -2969,10 +2969,10 @@ var InputOTP = React38.forwardRef(({ className, containerClassName, mode, size =
   ) }) });
 });
 InputOTP.displayName = "InputOTP";
-var InputOTPGroup = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center", className), ...props }));
+var InputOTPGroup = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center", className), ...props }));
 InputOTPGroup.displayName = "InputOTPGroup";
-var InputOTPSlot = React38.forwardRef(({ index, className, ...props }, ref) => {
-  const inputOTPContext = React38.useContext(OTPInputContext);
+var InputOTPSlot = React39.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React39.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
   const mode = useUIVariant();
   const size = useInputOTPSize();
@@ -2999,8 +2999,56 @@ var InputOTPSlot = React38.forwardRef(({ index, className, ...props }, ref) => {
   );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
-var InputOTPSeparator = React38.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx(Dot, {}) }));
+var InputOTPSeparator = React39.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ jsx(Dot, {}) }));
 InputOTPSeparator.displayName = "InputOTPSeparator";
+var PasswordInput = React39.forwardRef(
+  ({ className, hideToggle, disabled, ...props }, ref) => {
+    const [revealed, setRevealed] = React39.useState(false);
+    if (hideToggle) {
+      return /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "password",
+          className,
+          disabled,
+          ref,
+          ...props
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxs("div", { className: "relative w-full", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: revealed ? "text" : "password",
+          className: cn("pr-10", className),
+          disabled,
+          ref,
+          ...props
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          tabIndex: -1,
+          disabled,
+          "aria-pressed": revealed,
+          "aria-label": revealed ? "Hide password" : "Show password",
+          onClick: () => setRevealed((current) => !current),
+          className: cn(
+            "absolute inset-y-0 right-0 z-10 flex w-10 items-center justify-center",
+            "text-muted-foreground transition-colors hover:text-foreground",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+            "rounded-md disabled:pointer-events-none disabled:opacity-50"
+          ),
+          children: revealed ? /* @__PURE__ */ jsx(EyeOff, { className: "size-4", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Eye, { className: "size-4", "aria-hidden": "true" })
+        }
+      )
+    ] });
+  }
+);
+PasswordInput.displayName = "PasswordInput";
 var spinnerReset = "[appearance:textfield] [&::-webkit-outer-spin-button]:m-0 [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:m-0 [&::-webkit-inner-spin-button]:appearance-none";
 function toNumber(value) {
   if (value === void 0 || value === null || value === "") return null;
@@ -3019,7 +3067,7 @@ function writeValue(input, next) {
   setter?.call(input, next);
   input.dispatchEvent(new Event("input", { bubbles: true }));
 }
-var NumberInput = React38.forwardRef(
+var NumberInput = React39.forwardRef(
   ({
     className,
     mode: modeProp,
@@ -3034,12 +3082,12 @@ var NumberInput = React38.forwardRef(
   }, forwardedRef) => {
     const contextMode = useUIVariant();
     const mode = modeProp ?? contextMode;
-    const innerRef = React38.useRef(null);
-    React38.useImperativeHandle(forwardedRef, () => innerRef.current);
-    const [current, setCurrent] = React38.useState(
+    const innerRef = React39.useRef(null);
+    React39.useImperativeHandle(forwardedRef, () => innerRef.current);
+    const [current, setCurrent] = React39.useState(
       () => toNumber(props.value ?? props.defaultValue)
     );
-    React38.useEffect(() => {
+    React39.useEffect(() => {
       if (props.value !== void 0) setCurrent(toNumber(props.value));
     }, [props.value]);
     const minNum = toNumber(min);
@@ -3421,7 +3469,7 @@ function MenubarSub({
 }) {
   return /* @__PURE__ */ jsx(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
 }
-var Menubar = React38.forwardRef(({ className, mode, ...props }, ref) => /* @__PURE__ */ jsx(UIVariantProvider, { mode, children: /* @__PURE__ */ jsx(
+var Menubar = React39.forwardRef(({ className, mode, ...props }, ref) => /* @__PURE__ */ jsx(UIVariantProvider, { mode, children: /* @__PURE__ */ jsx(
   MenubarPrimitive.Root,
   {
     ref,
@@ -3436,7 +3484,7 @@ var Menubar = React38.forwardRef(({ className, mode, ...props }, ref) => /* @__P
   }
 ) }));
 Menubar.displayName = MenubarPrimitive.Root.displayName;
-var MenubarTrigger = React38.forwardRef(({ className, ...props }, ref) => {
+var MenubarTrigger = React39.forwardRef(({ className, ...props }, ref) => {
   const mode = useUIVariant();
   return /* @__PURE__ */ jsx(
     MenubarPrimitive.Trigger,
@@ -3454,7 +3502,7 @@ var MenubarTrigger = React38.forwardRef(({ className, ...props }, ref) => {
   );
 });
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
-var MenubarSubTrigger = React38.forwardRef(({ className, inset, children, ...props }, ref) => {
+var MenubarSubTrigger = React39.forwardRef(({ className, inset, children, ...props }, ref) => {
   const mode = useUIVariant();
   return /* @__PURE__ */ jsxs(
     MenubarPrimitive.SubTrigger,
@@ -3477,7 +3525,7 @@ var MenubarSubTrigger = React38.forwardRef(({ className, inset, children, ...pro
   );
 });
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-var MenubarSubContent = React38.forwardRef(({ className, mode: modeProp, children, ...props }, ref) => {
+var MenubarSubContent = React39.forwardRef(({ className, mode: modeProp, children, ...props }, ref) => {
   const inheritedMode = useUIVariant();
   const mode = modeProp ?? inheritedMode;
   return /* @__PURE__ */ jsx(
@@ -3497,7 +3545,7 @@ var MenubarSubContent = React38.forwardRef(({ className, mode: modeProp, childre
   );
 });
 MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
-var MenubarContent = React38.forwardRef(
+var MenubarContent = React39.forwardRef(
   ({ className, align = "start", alignOffset = -4, sideOffset = 8, mode: modeProp, children, ...props }, ref) => {
     const inheritedMode = useUIVariant();
     const mode = modeProp ?? inheritedMode;
@@ -3522,7 +3570,7 @@ var MenubarContent = React38.forwardRef(
   }
 );
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-var MenubarItem = React38.forwardRef(({ className, inset, ...props }, ref) => {
+var MenubarItem = React39.forwardRef(({ className, inset, ...props }, ref) => {
   const mode = useUIVariant();
   return /* @__PURE__ */ jsx(
     MenubarPrimitive.Item,
@@ -3541,7 +3589,7 @@ var MenubarItem = React38.forwardRef(({ className, inset, ...props }, ref) => {
   );
 });
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
-var MenubarCheckboxItem = React38.forwardRef(({ className, children, checked, ...props }, ref) => {
+var MenubarCheckboxItem = React39.forwardRef(({ className, children, checked, ...props }, ref) => {
   const mode = useUIVariant();
   return /* @__PURE__ */ jsxs(
     MenubarPrimitive.CheckboxItem,
@@ -3564,7 +3612,7 @@ var MenubarCheckboxItem = React38.forwardRef(({ className, children, checked, ..
   );
 });
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-var MenubarRadioItem = React38.forwardRef(({ className, children, ...props }, ref) => {
+var MenubarRadioItem = React39.forwardRef(({ className, children, ...props }, ref) => {
   const mode = useUIVariant();
   return /* @__PURE__ */ jsxs(
     MenubarPrimitive.RadioItem,
@@ -3586,7 +3634,7 @@ var MenubarRadioItem = React38.forwardRef(({ className, children, ...props }, re
   );
 });
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-var MenubarLabel = React38.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var MenubarLabel = React39.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   MenubarPrimitive.Label,
   {
     ref,
@@ -3599,7 +3647,7 @@ var MenubarLabel = React38.forwardRef(({ className, inset, ...props }, ref) => /
   }
 ));
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-var MenubarSeparator = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var MenubarSeparator = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   MenubarPrimitive.Separator,
   {
     ref,
@@ -3627,7 +3675,7 @@ var MenubarShortcut = ({
   );
 };
 MenubarShortcut.displayName = "MenubarShortcut";
-var NavigationMenu = React38.forwardRef(({ className, children, mode: modeProp, ...props }, ref) => {
+var NavigationMenu = React39.forwardRef(({ className, children, mode: modeProp, ...props }, ref) => {
   const mode = modeProp ?? useUIVariant();
   return /* @__PURE__ */ jsx(UIVariantProvider, { mode, children: /* @__PURE__ */ jsxs(
     NavigationMenuPrimitive.Root,
@@ -3646,7 +3694,7 @@ var NavigationMenu = React38.forwardRef(({ className, children, mode: modeProp,
   ) });
 });
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React38.forwardRef(({ className, ...props }, ref) => {
+var NavigationMenuList = React39.forwardRef(({ className, ...props }, ref) => {
   const mode = useUIVariant();
   return /* @__PURE__ */ jsx(
     NavigationMenuPrimitive.List,
@@ -3666,7 +3714,7 @@ var NavigationMenuItem = NavigationMenuPrimitive.Item;
 var navigationMenuTriggerStyle = cva(
   "group inline-flex h-10 w-max cursor-pointer items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-accent-foreground data-[state=open]:bg-accent/50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent"
 );
-var NavigationMenuTrigger = React38.forwardRef(({ className, children, ...props }, ref) => {
+var NavigationMenuTrigger = React39.forwardRef(({ className, children, ...props }, ref) => {
   const mode = useUIVariant();
   const trigger = /* @__PURE__ */ jsxs(
     NavigationMenuPrimitive.Trigger,
@@ -3708,7 +3756,7 @@ var NavigationMenuTrigger = React38.forwardRef(({ className, children, ...props
   return trigger;
 });
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var NavigationMenuContent = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -3720,7 +3768,7 @@ var NavigationMenuContent = React38.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
-var NavigationMenuLink = React38.forwardRef(({ className, asChild, children, ...props }, ref) => {
+var NavigationMenuLink = React39.forwardRef(({ className, asChild, children, ...props }, ref) => {
   const mode = useUIVariant();
   if (!asChild && mode === "playful") {
     return /* @__PURE__ */ jsxs("span", { className: "group/playful relative inline-flex", children: [
@@ -3758,7 +3806,7 @@ var NavigationMenuLink = React38.forwardRef(({ className, asChild, children, ...
   );
 });
 NavigationMenuLink.displayName = NavigationMenuPrimitive.Link.displayName;
-var NavigationMenuViewport = React38.forwardRef(({ className, ...props }, ref) => {
+var NavigationMenuViewport = React39.forwardRef(({ className, ...props }, ref) => {
   const mode = useUIVariant();
   if (mode === "playful") {
     return /* @__PURE__ */ jsx("div", { className: "absolute left-0 top-full flex justify-center", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
@@ -3796,7 +3844,7 @@ var NavigationMenuViewport = React38.forwardRef(({ className, ...props }, ref) =
   ) });
 });
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var NavigationMenuIndicator = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -3826,7 +3874,7 @@ var Pagination = ({
   ) });
 };
 Pagination.displayName = "Pagination";
-var PaginationContent = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var PaginationContent = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "ul",
   {
     ref,
@@ -3835,7 +3883,7 @@ var PaginationContent = React38.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("", className), ...props }));
+var PaginationItem = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("", className), ...props }));
 PaginationItem.displayName = "PaginationItem";
 var paginationLinkSizes = {
   sm: "h-9 w-9",
@@ -3932,7 +3980,7 @@ PaginationEllipsis.displayName = "PaginationEllipsis";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
-var PopoverContent = React38.forwardRef(({ className, align = "center", sideOffset = 4, mode: modeProp, children, ...props }, ref) => {
+var PopoverContent = React39.forwardRef(({ className, align = "center", sideOffset = 4, mode: modeProp, children, ...props }, ref) => {
   const inheritedMode = useUIVariant();
   const mode = modeProp ?? inheritedMode;
   return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
@@ -3955,7 +4003,7 @@ var PopoverContent = React38.forwardRef(({ className, align = "center", sideOffs
   ) });
 });
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-var Progress = React38.forwardRef(({ className, value, disabled = false, mode: modeProp, ...props }, ref) => {
+var Progress = React39.forwardRef(({ className, value, disabled = false, mode: modeProp, ...props }, ref) => {
   const mode = modeProp ?? useUIVariant();
   const bar = /* @__PURE__ */ jsx(
     ProgressPrimitive.Root,
@@ -3993,7 +4041,7 @@ var Progress = React38.forwardRef(({ className, value, disabled = false, mode: m
   return bar;
 });
 Progress.displayName = ProgressPrimitive.Root.displayName;
-var RadioGroup4 = React38.forwardRef(({ className, ...props }, ref) => {
+var RadioGroup4 = React39.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     RadioGroupPrimitive.Root,
     {
@@ -4004,7 +4052,7 @@ var RadioGroup4 = React38.forwardRef(({ className, ...props }, ref) => {
   );
 });
 RadioGroup4.displayName = RadioGroupPrimitive.Root.displayName;
-var RadioGroupItem = React38.forwardRef(({ className, mode: modeProp, ...props }, ref) => {
+var RadioGroupItem = React39.forwardRef(({ className, mode: modeProp, ...props }, ref) => {
   const mode = modeProp ?? useUIVariant();
   if (mode === "playful") {
     return /* @__PURE__ */ jsxs("span", { className: "group/playful relative inline-flex", children: [
@@ -4071,7 +4119,7 @@ var ResizableHandle = ({
     children: withHandle && /* @__PURE__ */ jsx("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsx(GripVertical, { className: "h-2.5 w-2.5" }) })
   }
 );
-var ScrollArea = React38.forwardRef(({ className, children, scrollbars = "vertical", ...props }, ref) => /* @__PURE__ */ jsxs(
+var ScrollArea = React39.forwardRef(({ className, children, scrollbars = "vertical", ...props }, ref) => /* @__PURE__ */ jsxs(
   ScrollAreaPrimitive.Root,
   {
     ref,
@@ -4086,7 +4134,7 @@ var ScrollArea = React38.forwardRef(({ className, children, scrollbars = "vertic
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React38.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
+var ScrollBar = React39.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -4105,7 +4153,7 @@ ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React38.forwardRef(({ className, children, mode: modeProp, size = "default", ...props }, ref) => {
+var SelectTrigger = React39.forwardRef(({ className, children, mode: modeProp, size = "default", ...props }, ref) => {
   const inheritedMode = useUIVariant();
   const mode = modeProp ?? inheritedMode;
   return /* @__PURE__ */ jsxs(
@@ -4130,7 +4178,7 @@ var SelectTrigger = React38.forwardRef(({ className, children, mode: modeProp, s
   );
 });
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollUpButton = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -4143,7 +4191,7 @@ var SelectScrollUpButton = React38.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollDownButton = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -4156,7 +4204,7 @@ var SelectScrollDownButton = React38.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React38.forwardRef(({ className, children, position = "popper", mode: modeProp, ...props }, ref) => {
+var SelectContent = React39.forwardRef(({ className, children, position = "popper", mode: modeProp, ...props }, ref) => {
   const inheritedMode = useUIVariant();
   const mode = modeProp ?? inheritedMode;
   return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
@@ -4191,7 +4239,7 @@ var SelectContent = React38.forwardRef(({ className, children, position = "poppe
   ) });
 });
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectLabel = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Label,
   {
     ref,
@@ -4200,7 +4248,7 @@ var SelectLabel = React38.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React38.forwardRef(({ className, children, ...props }, ref) => {
+var SelectItem = React39.forwardRef(({ className, children, ...props }, ref) => {
   const mode = useUIVariant();
   return /* @__PURE__ */ jsxs(
     SelectPrimitive.Item,
@@ -4221,7 +4269,7 @@ var SelectItem = React38.forwardRef(({ className, children, ...props }, ref) =>
   );
 });
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectSeparator = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Separator,
   {
     ref,
@@ -4234,7 +4282,7 @@ var Sheet = DialogPrimitive.Root;
 var SheetTrigger = DialogPrimitive.Trigger;
 var SheetClose = DialogPrimitive.Close;
 var SheetPortal = DialogPrimitive.Portal;
-var SheetOverlay = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetOverlay = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     className: cn(
@@ -4274,7 +4322,7 @@ var sideRoundingPlayful = {
   top: "rounded-b-xl",
   bottom: "rounded-t-xl"
 };
-var SheetContent = React38.forwardRef(({ side = "right", className, children, container, mode: modeProp, ...props }, ref) => {
+var SheetContent = React39.forwardRef(({ side = "right", className, children, container, mode: modeProp, ...props }, ref) => {
   const mode = modeProp ?? useUIVariant();
   return /* @__PURE__ */ jsxs(SheetPortal, { container: container ?? void 0, children: [
     /* @__PURE__ */ jsx(SheetOverlay, {}),
@@ -4329,7 +4377,7 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetTitle = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Title,
   {
     ref,
@@ -4338,7 +4386,7 @@ var SheetTitle = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SheetTitle.displayName = DialogPrimitive.Title.displayName;
-var SheetDescription = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetDescription = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Description,
   {
     ref,
@@ -4349,8 +4397,8 @@ var SheetDescription = React38.forwardRef(({ className, ...props }, ref) => /* @
 SheetDescription.displayName = DialogPrimitive.Description.displayName;
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React38.useState(void 0);
-  React38.useEffect(() => {
+  const [isMobile, setIsMobile] = React39.useState(void 0);
+  React39.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -4376,7 +4424,7 @@ function Skeleton({
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip2 = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React38.forwardRef(({ className, sideOffset = 4, mode: modeProp, children, ...props }, ref) => {
+var TooltipContent = React39.forwardRef(({ className, sideOffset = 4, mode: modeProp, children, ...props }, ref) => {
   const mode = modeProp ?? useUIVariant();
   return /* @__PURE__ */ jsx(
     TooltipPrimitive.Content,
@@ -4402,15 +4450,15 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React38.createContext(null);
+var SidebarContext = React39.createContext(null);
 function useSidebar() {
-  const context = React38.useContext(SidebarContext);
+  const context = React39.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
   return context;
 }
-var SidebarProvider = React38.forwardRef(
+var SidebarProvider = React39.forwardRef(
   ({
     defaultOpen = true,
     open: openProp,
@@ -4425,14 +4473,14 @@ var SidebarProvider = React38.forwardRef(
     ...props
   }, ref) => {
     const viewportIsMobile = useIsMobile();
-    const wrapperRef = React38.useRef(null);
-    const [portalContainer, setPortalContainer] = React38.useState(null);
-    const [isContainerMobile, setIsContainerMobile] = React38.useState(null);
+    const wrapperRef = React39.useRef(null);
+    const [portalContainer, setPortalContainer] = React39.useState(null);
+    const [isContainerMobile, setIsContainerMobile] = React39.useState(null);
     const isMobile = isContainerMobile ?? viewportIsMobile;
-    const [openMobile, setOpenMobile] = React38.useState(false);
-    const [_open, _setOpen] = React38.useState(defaultOpen);
+    const [openMobile, setOpenMobile] = React39.useState(false);
+    const [_open, _setOpen] = React39.useState(defaultOpen);
     const open = openProp ?? _open;
-    const setOpen = React38.useCallback(
+    const setOpen = React39.useCallback(
       (value) => {
         const openState = typeof value === "function" ? value(open) : value;
         if (setOpenProp) {
@@ -4444,10 +4492,10 @@ var SidebarProvider = React38.forwardRef(
       },
       [setOpenProp, open]
     );
-    const toggleSidebar = React38.useCallback(() => {
+    const toggleSidebar = React39.useCallback(() => {
       return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
     }, [isMobile, setOpen, setOpenMobile]);
-    React38.useEffect(() => {
+    React39.useEffect(() => {
       const node = wrapperRef.current;
       if (!node) return;
       setPortalContainer(node.ownerDocument?.body ?? null);
@@ -4467,7 +4515,7 @@ var SidebarProvider = React38.forwardRef(
       observer.observe(node);
       return () => observer.disconnect();
     }, [mobileBreakpoint]);
-    React38.useEffect(() => {
+    React39.useEffect(() => {
       const handleKeyDown = (event) => {
         if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
           event.preventDefault();
@@ -4478,7 +4526,7 @@ var SidebarProvider = React38.forwardRef(
       return () => window.removeEventListener("keydown", handleKeyDown);
     }, [toggleSidebar]);
     const state = open ? "expanded" : "collapsed";
-    const contextValue = React38.useMemo(
+    const contextValue = React39.useMemo(
       () => ({
         state,
         open,
@@ -4528,7 +4576,7 @@ var SidebarProvider = React38.forwardRef(
   }
 );
 SidebarProvider.displayName = "SidebarProvider";
-var Sidebar = React38.forwardRef(
+var Sidebar = React39.forwardRef(
   ({
     side = "left",
     variant = "sidebar",
@@ -4662,7 +4710,7 @@ var Sidebar = React38.forwardRef(
   }
 );
 Sidebar.displayName = "Sidebar";
-var SidebarTrigger = React38.forwardRef(({ className, onClick, ...props }, ref) => {
+var SidebarTrigger = React39.forwardRef(({ className, onClick, ...props }, ref) => {
   const { toggleSidebar } = useSidebar();
   return /* @__PURE__ */ jsxs(
     Button,
@@ -4685,7 +4733,7 @@ var SidebarTrigger = React38.forwardRef(({ className, onClick, ...props }, ref)
   );
 });
 SidebarTrigger.displayName = "SidebarTrigger";
-var SidebarRail = React38.forwardRef(({ className, ...props }, ref) => {
+var SidebarRail = React39.forwardRef(({ className, ...props }, ref) => {
   const { toggleSidebar } = useSidebar();
   return /* @__PURE__ */ jsx(
     "button",
@@ -4710,7 +4758,7 @@ var SidebarRail = React38.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarRail.displayName = "SidebarRail";
-var SidebarInset = React38.forwardRef(({ className, ...props }, ref) => {
+var SidebarInset = React39.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "main",
     {
@@ -4727,7 +4775,7 @@ var SidebarInset = React38.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInset.displayName = "SidebarInset";
-var SidebarInput = React38.forwardRef(({ className, ...props }, ref) => {
+var SidebarInput = React39.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     Input,
     {
@@ -4742,7 +4790,7 @@ var SidebarInput = React38.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInput.displayName = "SidebarInput";
-var SidebarHeader = React38.forwardRef(({ className, ...props }, ref) => {
+var SidebarHeader = React39.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -4754,7 +4802,7 @@ var SidebarHeader = React38.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = React38.forwardRef(({ className, ...props }, ref) => {
+var SidebarFooter = React39.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -4766,7 +4814,7 @@ var SidebarFooter = React38.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarSeparator = React38.forwardRef(({ className, ...props }, ref) => {
+var SidebarSeparator = React39.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     Separator,
     {
@@ -4778,7 +4826,7 @@ var SidebarSeparator = React38.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarSeparator.displayName = "SidebarSeparator";
-var SidebarContent = React38.forwardRef(({ className, ...props }, ref) => {
+var SidebarContent = React39.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -4793,7 +4841,7 @@ var SidebarContent = React38.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarContent.displayName = "SidebarContent";
-var SidebarGroup = React38.forwardRef(({ className, ...props }, ref) => {
+var SidebarGroup = React39.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -4805,7 +4853,7 @@ var SidebarGroup = React38.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarGroup.displayName = "SidebarGroup";
-var SidebarGroupLabel = React38.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupLabel = React39.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot : "div";
   return /* @__PURE__ */ jsx(
     Comp,
@@ -4822,7 +4870,7 @@ var SidebarGroupLabel = React38.forwardRef(({ className, asChild = false, ...pro
   );
 });
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarGroupAction = React38.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupAction = React39.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot : "button";
   return /* @__PURE__ */ jsx(
     Comp,
@@ -4841,7 +4889,7 @@ var SidebarGroupAction = React38.forwardRef(({ className, asChild = false, ...pr
   );
 });
 SidebarGroupAction.displayName = "SidebarGroupAction";
-var SidebarGroupContent = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SidebarGroupContent = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -4851,7 +4899,7 @@ var SidebarGroupContent = React38.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 SidebarGroupContent.displayName = "SidebarGroupContent";
-var SidebarMenu = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SidebarMenu = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "ul",
   {
     ref,
@@ -4861,7 +4909,7 @@ var SidebarMenu = React38.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SidebarMenuItem = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "li",
   {
     ref,
@@ -4896,7 +4944,7 @@ var sidebarMenuButtonVariants = cva(
     }
   }
 );
-var SidebarMenuButton = React38.forwardRef(
+var SidebarMenuButton = React39.forwardRef(
   ({
     asChild = false,
     isActive = false,
@@ -4964,7 +5012,7 @@ var SidebarMenuButton = React38.forwardRef(
   }
 );
 SidebarMenuButton.displayName = "SidebarMenuButton";
-var SidebarMenuAction = React38.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+var SidebarMenuAction = React39.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? Slot : "button";
   return /* @__PURE__ */ jsx(
     Comp,
@@ -4987,7 +5035,7 @@ var SidebarMenuAction = React38.forwardRef(({ className, asChild = false, showOn
   );
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
-var SidebarMenuBadge = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SidebarMenuBadge = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -5005,8 +5053,8 @@ var SidebarMenuBadge = React38.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 SidebarMenuBadge.displayName = "SidebarMenuBadge";
-var SidebarMenuSkeleton = React38.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-  const width = React38.useMemo(() => {
+var SidebarMenuSkeleton = React39.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React39.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ jsxs(
@@ -5039,7 +5087,7 @@ var SidebarMenuSkeleton = React38.forwardRef(({ className, showIcon = false, ...
   );
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-var SidebarMenuSub = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SidebarMenuSub = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "ul",
   {
     ref,
@@ -5053,9 +5101,9 @@ var SidebarMenuSub = React38.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubItem = React38.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, ...props }));
+var SidebarMenuSubItem = React39.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, ...props }));
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
-var SidebarMenuSubButton = React38.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+var SidebarMenuSubButton = React39.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
   const Comp = asChild ? Slot : "a";
   return /* @__PURE__ */ jsx(
     Comp,
@@ -5087,7 +5135,7 @@ var sliderThumbSizes = {
   default: "h-5 w-5",
   lg: "h-6 w-6"
 };
-var Slider = React38.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ jsxs(
+var Slider = React39.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ jsxs(
   SliderPrimitive.Root,
   {
     ref,
@@ -5121,8 +5169,8 @@ var Slider = React38.forwardRef(({ className, size = "default", ...props }, ref)
 ));
 Slider.displayName = SliderPrimitive.Root.displayName;
 function useDocumentTheme() {
-  const [theme, setTheme] = React38.useState("light");
-  React38.useEffect(() => {
+  const [theme, setTheme] = React39.useState("light");
+  React39.useEffect(() => {
     const root = document.documentElement;
     const read2 = () => setTheme(
       root.classList.contains("dark") || root.dataset.theme === "dark" ? "dark" : "light"
@@ -5140,6 +5188,12 @@ var Toaster = ({
   className,
   style,
   duration = DEFAULT_TOAST_DURATION,
+  // On by default, because the alternative was every consumer deciding
+  // separately: the apps passed `closeButton`, the docs site did not, and the
+  // same component then looked like two different components depending on where
+  // you met it. A toast carrying an action is also one you may want to dismiss
+  // without taking it, and waiting out the timer is not a dismissal.
+  closeButton = true,
   ...props
 }) => {
   const theme = useDocumentTheme();
@@ -5147,17 +5201,35 @@ var Toaster = ({
   const mode = modeProp ?? ctxVariant;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("style", { children: `
-        [data-sonner-toaster] {
-          --toast-close-button-start: unset;
-          --toast-close-button-end: 0.5rem;
-          --toast-close-button-transform: translateY(0.5rem);
-        }
         [data-sonner-toaster] [data-sonner-toast][data-styled='true'] [data-close-button] {
+          /* Positioned here rather than through sonner's own
+             --toast-close-button-start/end variables, which is what this used
+             to do and why the button still rendered top-left, half outside the
+             card, on every consumer.
+
+             sonner declares those variables on \`[data-sonner-toaster][dir='ltr']\`
+             \u2014 two attribute selectors \u2014 and the override sat on
+             \`[data-sonner-toaster]\`, which is one. Sonner won every time, so
+             the variables never changed and \`left: 0\` stood. Nothing about it
+             looked wrong in this file; the rule was simply never in effect.
+
+             This selector already carries the extra ancestor needed to outrank
+             sonner's own \`[data-sonner-toast][data-styled='true'] [data-close-button]\`,
+             so setting the properties directly is both simpler and no longer
+             dependent on variables whose declaration site we do not control. */
+          left: unset;
+          right: 0.375rem;
+          top: 0.375rem;
           height: 1.25rem;
           width: 1.25rem;
           padding: 0;
           border: none;
+          /* The top-right corner is rounded harder than the other three so the
+             hover fill nests inside the toast's own curve. Tucked this close to
+             the corner, a uniformly square-ish button reads as overhanging the
+             card the moment it gains a background. */
           border-radius: var(--radius-sm);
+          border-top-right-radius: 0.375rem;
           background: transparent;
           /* Inherited rather than a fixed token: on a richColors toast the
              text is already the only colour guaranteed to read against that
@@ -5194,6 +5266,24 @@ var Toaster = ({
           line-height: 1.45;
           opacity: 0.75;
         }
+        /* Top-aligned rather than centred on the whole card.
+           sonner centres every child, which is right for a one-line toast and
+           steadily worse as it grows: with a title, a description and an
+           action, the icon drifts to the middle of a three-line block and
+           stops reading as the marker for the line it belongs to. Toasts have
+           no height limit, so this only gets worse the taller they are. */
+        [data-sonner-toaster] [data-sonner-toast][data-styled='true'] {
+          align-items: flex-start;
+          flex-wrap: wrap;
+        }
+        [data-sonner-toaster] [data-sonner-toast][data-styled='true'] [data-icon] {
+          /* Optical centring against the title's first line, not its box. */
+          margin-top: 0.0625rem;
+        }
+        [data-sonner-toaster] [data-sonner-toast][data-styled='true'] [data-content] {
+          flex: 1 1 auto;
+          min-width: 0;
+        }
         /* Buttons inherit the toast's own colour rather than the global
            primary, so an action on a richColors error still reads against red
            instead of disappearing into it. */
@@ -5203,6 +5293,25 @@ var Toaster = ({
           font-size: 0.75rem;
           font-weight: 500;
         }
+        /* The action gets its own row under the text.
+           sonner puts it inline at the end of the flex row, which on a toast
+           with a description squeezes it against the right edge next to the
+           close button and leaves it competing with the cross for the same
+           corner. A flex-basis of 100% forces the wrap; max-width: max-content
+           then pulls it back to its label width so it does not become a
+           full-width bar. */
+        [data-sonner-toaster] [data-sonner-toast][data-styled='true'] [data-action] {
+          flex: 0 0 100%;
+          max-width: max-content;
+          margin-left: 0;
+          margin-top: 0.5rem;
+        }
+        /* Line the action up with the title rather than the icon. The offset is
+           the icon's own box plus the toast's column gap, so the three left
+           edges of title, description and action agree. */
+        [data-sonner-toaster] [data-sonner-toast][data-styled='true']:has([data-icon]) [data-action] {
+          margin-left: calc(1rem + var(--toast-icon-margin-start) + var(--toast-icon-margin-end) + 6px);
+        }
         [data-sonner-toaster] [data-sonner-toast][data-styled='true'] [data-action] {
           background: color-mix(in oklab, currentColor 90%, transparent);
           color: var(--normal-bg);
@@ -5293,7 +5402,7 @@ function StatusIndicator({
   children,
   ...props
 }) {
-  const hasAccessibleLabel = props["aria-label"] != null || props["aria-labelledby"] != null || React38.Children.count(children) > 0;
+  const hasAccessibleLabel = props["aria-label"] != null || props["aria-labelledby"] != null || React39.Children.count(children) > 0;
   return /* @__PURE__ */ jsxs(
     "span",
     {
@@ -5344,7 +5453,7 @@ var switchSizes = {
     thumb: "size-6 data-[state=checked]:translate-x-7"
   }
 };
-var Switch = React38.forwardRef(({ className, size = "default", mode: modeProp, ...props }, ref) => {
+var Switch = React39.forwardRef(({ className, size = "default", mode: modeProp, ...props }, ref) => {
   const mode = modeProp ?? useUIVariant();
   const sizes = switchSizes[size];
   if (mode === "playful") {
@@ -5402,7 +5511,7 @@ var Switch = React38.forwardRef(({ className, size = "default", mode: modeProp,
   );
 });
 Switch.displayName = SwitchPrimitives.Root.displayName;
-var TableSizeContext = React38.createContext("default");
+var TableSizeContext = React39.createContext("default");
 var tableTextSizes = {
   sm: "text-xs",
   default: "text-sm",
@@ -5423,7 +5532,7 @@ var tableCaptionSizes = {
   default: "mt-4 text-sm",
   lg: "mt-4 text-sm"
 };
-var Table = React38.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(TableSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx(
+var Table = React39.forwardRef(({ className, size = "default", ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(TableSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx(
   "table",
   {
     ref,
@@ -5432,9 +5541,9 @@ var Table = React38.forwardRef(({ className, size = "default", ...props }, ref)
   }
 ) }) }));
 Table.displayName = "Table";
-var TableHeader = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableBody = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tbody",
   {
     ref,
@@ -5443,7 +5552,7 @@ var TableBody = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableFooter = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tfoot",
   {
     ref,
@@ -5455,7 +5564,7 @@ var TableFooter = React38.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableRow = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tr",
   {
     ref,
@@ -5467,8 +5576,8 @@ var TableRow = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React38.forwardRef(({ className, ...props }, ref) => {
-  const size = React38.useContext(TableSizeContext);
+var TableHead = React39.forwardRef(({ className, ...props }, ref) => {
+  const size = React39.useContext(TableSizeContext);
   return /* @__PURE__ */ jsx(
     "th",
     {
@@ -5483,8 +5592,8 @@ var TableHead = React38.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TableHead.displayName = "TableHead";
-var TableCell = React38.forwardRef(({ className, ...props }, ref) => {
-  const size = React38.useContext(TableSizeContext);
+var TableCell = React39.forwardRef(({ className, ...props }, ref) => {
+  const size = React39.useContext(TableSizeContext);
   return /* @__PURE__ */ jsx(
     "td",
     {
@@ -5499,8 +5608,8 @@ var TableCell = React38.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TableCell.displayName = "TableCell";
-var TableCaption = React38.forwardRef(({ className, ...props }, ref) => {
-  const size = React38.useContext(TableSizeContext);
+var TableCaption = React39.forwardRef(({ className, ...props }, ref) => {
+  const size = React39.useContext(TableSizeContext);
   return /* @__PURE__ */ jsx(
     "caption",
     {
@@ -5511,7 +5620,7 @@ var TableCaption = React38.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TableCaption.displayName = "TableCaption";
-var TabsSizeContext = React38.createContext("default");
+var TabsSizeContext = React39.createContext("default");
 var tabsListSizes = {
   sm: "h-8 p-1",
   default: "h-10 p-1",
@@ -5522,13 +5631,13 @@ var tabsTriggerSizes = {
   default: "px-3 py-1.5 text-sm",
   lg: "px-4 py-2 text-sm"
 };
-var Tabs = React38.forwardRef(({ mode: modeProp, ...props }, ref) => {
+var Tabs = React39.forwardRef(({ mode: modeProp, ...props }, ref) => {
   const inheritedMode = useUIVariant();
   const mode = modeProp ?? inheritedMode;
   return /* @__PURE__ */ jsx(UIVariantProvider, { mode, children: /* @__PURE__ */ jsx(TabsPrimitive.Root, { ref, ...props }) });
 });
 Tabs.displayName = TabsPrimitive.Root.displayName;
-var TabsList = React38.forwardRef(({ className, size = "default", ...props }, ref) => {
+var TabsList = React39.forwardRef(({ className, size = "default", ...props }, ref) => {
   const mode = useUIVariant();
   return /* @__PURE__ */ jsx(TabsSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx(
     TabsPrimitive.List,
@@ -5546,8 +5655,8 @@ var TabsList = React38.forwardRef(({ className, size = "default", ...props }, re
   ) });
 });
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React38.forwardRef(({ className, ...props }, ref) => {
-  const size = React38.useContext(TabsSizeContext);
+var TabsTrigger = React39.forwardRef(({ className, ...props }, ref) => {
+  const size = React39.useContext(TabsSizeContext);
   const mode = useUIVariant();
   const trigger = /* @__PURE__ */ jsx(
     TabsPrimitive.Trigger,
@@ -5578,7 +5687,7 @@ var TabsTrigger = React38.forwardRef(({ className, ...props }, ref) => {
   return trigger;
 });
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsContent = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Content,
   {
     ref,
@@ -5610,7 +5719,7 @@ var toggleVariants = cva(
     }
   }
 );
-var Toggle = React38.forwardRef(({ className, variant, size, mode: modeProp, ...props }, ref) => {
+var Toggle = React39.forwardRef(({ className, variant, size, mode: modeProp, ...props }, ref) => {
   const inheritedMode = useUIVariant();
   const mode = modeProp ?? inheritedMode;
   const toggle = /* @__PURE__ */ jsx(
@@ -5641,11 +5750,11 @@ var Toggle = React38.forwardRef(({ className, variant, size, mode: modeProp, ...
   return toggle;
 });
 Toggle.displayName = TogglePrimitive.Root.displayName;
-var ToggleGroupContext = React38.createContext({
+var ToggleGroupContext = React39.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React38.forwardRef(({ className, variant, size, mode: modeProp, children, ...props }, ref) => {
+var ToggleGroup = React39.forwardRef(({ className, variant, size, mode: modeProp, children, ...props }, ref) => {
   const inheritedMode = useUIVariant();
   const mode = modeProp ?? inheritedMode;
   return /* @__PURE__ */ jsx(UIVariantProvider, { mode, children: /* @__PURE__ */ jsx(
@@ -5659,8 +5768,8 @@ var ToggleGroup = React38.forwardRef(({ className, variant, size, mode: modeProp
   ) });
 });
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React38.forwardRef(({ className, children, variant, size, mode: modeProp, ...props }, ref) => {
-  const context = React38.useContext(ToggleGroupContext);
+var ToggleGroupItem = React39.forwardRef(({ className, children, variant, size, mode: modeProp, ...props }, ref) => {
+  const context = React39.useContext(ToggleGroupContext);
   const inheritedMode = useUIVariant();
   const mode = modeProp ?? context.mode ?? inheritedMode;
   const item = /* @__PURE__ */ jsx(
@@ -7197,7 +7306,7 @@ function AsciiText({
               const isAccent = accentCols.has(cell.col);
               const multiAccentColor = multiAccentCols?.get(cell.col);
               const shineAlpha = shineBounds && shineCols.has(cell.col) ? getShineAlpha(cell.col, cell.row, 0.2, shineBounds) * (cell.ch === "\u2591" ? 0.55 : 1) : 0;
-              return /* @__PURE__ */ jsxs(React38.Fragment, { children: [
+              return /* @__PURE__ */ jsxs(React39.Fragment, { children: [
                 /* @__PURE__ */ jsx(
                   "rect",
                   {
@@ -7275,8 +7384,8 @@ function useCopyToClipboard(timeout = 2e3) {
   return { copyToClipboard, isCopied };
 }
 function useResolvedTheme() {
-  const [theme, setTheme] = React38.useState(read);
-  React38.useEffect(() => {
+  const [theme, setTheme] = React39.useState(read);
+  React39.useEffect(() => {
     setTheme(read());
     const observer = new MutationObserver(() => setTheme(read()));
     observer.observe(document.documentElement, {
@@ -7422,6 +7531,6 @@ function Enchanted({ children, className, hoverOnly = false, glintClassName, ...
   ] });
 }
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AsciiText, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Enchanted, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item4 as Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label3 as Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NumberInput, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup4 as RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, 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, Spinner, StatusIndicator, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeScript, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip2 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UIVariantProvider, badgeVariants, buttonGroupVariants, buttonVariants, cn, fireConfetti, inputBase, inputPlayfulBacking, navigationMenuTriggerStyle, statusIndicatorDotVariants, toggleVariants, useCopyToClipboard, useFormField, useIsMobile, useResolvedTheme, useSidebar, useUIVariant };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AsciiText, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Enchanted, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item4 as Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label3 as Label, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NumberInput, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PasswordInput, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RadioGroup4 as RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, 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, Spinner, StatusIndicator, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeScript, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip2 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UIVariantProvider, badgeVariants, buttonGroupVariants, buttonVariants, cn, fireConfetti, inputBase, inputPlayfulBacking, navigationMenuTriggerStyle, statusIndicatorDotVariants, toggleVariants, useCopyToClipboard, useFormField, useIsMobile, useResolvedTheme, useSidebar, useUIVariant };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map