@pactor-app/ui 1.18.1 → 1.21.0

package/dist/{chunk-XA6OJ54X.js → chunk-JWZHJEUS.js}

@@ -900,45 +900,13 @@ function CommandItem({
   );
 }
 
-// src/ui/chart.tsx
-import { ResponsiveContainer } from "recharts";
-import { jsx as jsx14 } from "react/jsx-runtime";
-var CHART_TOKEN_COLORS = [
-  "var(--chart-1)",
-  "var(--chart-2)",
-  "var(--chart-3)",
-  "var(--chart-4)",
-  "var(--chart-5)"
-];
-function chartColor(index, colors) {
-  if (colors && colors.length > 0) {
-    return colors[index % colors.length];
-  }
-  return CHART_TOKEN_COLORS[index % CHART_TOKEN_COLORS.length];
-}
-function ChartContainer({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx14(
-    "div",
-    {
-      "data-slot": "chart-container",
-      className: cn("h-64 w-full", className),
-      ...props,
-      children: /* @__PURE__ */ jsx14(ResponsiveContainer, { width: "100%", height: "100%", children })
-    }
-  );
-}
-
 // src/ui/textarea.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function Textarea({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx14(
     "textarea",
     {
       "data-slot": "textarea",
@@ -953,22 +921,22 @@ function Textarea({
 
 // src/ui/context-menu.tsx
 import { ContextMenu as ContextMenuPrimitive } from "@base-ui/react/context-menu";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function ContextMenu({
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
+  return /* @__PURE__ */ jsx15(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
 }
 function ContextMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
+  return /* @__PURE__ */ jsx15(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
 }
 function ContextMenuContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx16(ContextMenuPrimitive.Positioner, { className: "isolate z-50", children: /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx15(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx15(ContextMenuPrimitive.Positioner, { className: "isolate z-50", children: /* @__PURE__ */ jsx15(
     ContextMenuPrimitive.Popup,
     {
       "data-slot": "context-menu-content",
@@ -985,7 +953,7 @@ function ContextMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx15(
     ContextMenuPrimitive.Item,
     {
       "data-slot": "context-menu-item",
@@ -1002,7 +970,7 @@ function ContextMenuSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx15(
     ContextMenuPrimitive.Separator,
     {
       "data-slot": "context-menu-separator",
@@ -1013,14 +981,14 @@ function ContextMenuSeparator({
 }
 
 // src/ui/table.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx16(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ jsx17(
+      children: /* @__PURE__ */ jsx16(
         "table",
         {
           "data-slot": "table",
@@ -1032,7 +1000,7 @@ function Table({ className, ...props }) {
   );
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx16(
     "thead",
     {
       "data-slot": "table-header",
@@ -1042,7 +1010,7 @@ function TableHeader({ className, ...props }) {
   );
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx16(
     "tbody",
     {
       "data-slot": "table-body",
@@ -1052,7 +1020,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx16(
     "tfoot",
     {
       "data-slot": "table-footer",
@@ -1065,7 +1033,7 @@ function TableFooter({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx16(
     "tr",
     {
       "data-slot": "table-row",
@@ -1078,7 +1046,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx16(
     "th",
     {
       "data-slot": "table-head",
@@ -1091,7 +1059,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx16(
     "td",
     {
       "data-slot": "table-cell",
@@ -1107,7 +1075,7 @@ function TableCaption({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx16(
     "caption",
     {
       "data-slot": "table-caption",
@@ -1120,16 +1088,16 @@ function TableCaption({
 // src/ui/dropdown-menu.tsx
 import { Menu as MenuPrimitive } from "@base-ui/react/menu";
 import { ChevronRightIcon as ChevronRightIcon4 } from "lucide-react";
-import { jsx as jsx18, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs7 } from "react/jsx-runtime";
 function DropdownMenu({
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(MenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+  return /* @__PURE__ */ jsx17(MenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
 }
 function DropdownMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(MenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+  return /* @__PURE__ */ jsx17(MenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
 }
 function DropdownMenuContent({
   className,
@@ -1138,14 +1106,14 @@ function DropdownMenuContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(MenuPrimitive.Portal, { children: /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(MenuPrimitive.Portal, { children: /* @__PURE__ */ jsx17(
     MenuPrimitive.Positioner,
     {
       align,
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsx18(
+      children: /* @__PURE__ */ jsx17(
         MenuPrimitive.Popup,
         {
           "data-slot": "dropdown-menu-content",
@@ -1164,7 +1132,7 @@ function DropdownMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(
     MenuPrimitive.Item,
     {
       "data-slot": "dropdown-menu-item",
@@ -1181,7 +1149,7 @@ function DropdownMenuSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(
     MenuPrimitive.Separator,
     {
       "data-slot": "dropdown-menu-separator",
@@ -1193,7 +1161,7 @@ function DropdownMenuSeparator({
 function DropdownMenuSub({
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(MenuPrimitive.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...props });
+  return /* @__PURE__ */ jsx17(MenuPrimitive.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...props });
 }
 function DropdownMenuSubTrigger({
   className,
@@ -1211,7 +1179,7 @@ function DropdownMenuSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx18(ChevronRightIcon4, { className: "ml-auto" })
+        /* @__PURE__ */ jsx17(ChevronRightIcon4, { className: "ml-auto" })
       ]
     }
   );
@@ -1221,7 +1189,7 @@ function DropdownMenuSubContent({
   sideOffset = 2,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(MenuPrimitive.Portal, { children: /* @__PURE__ */ jsx18(MenuPrimitive.Positioner, { sideOffset, className: "isolate z-50", children: /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(MenuPrimitive.Portal, { children: /* @__PURE__ */ jsx17(MenuPrimitive.Positioner, { sideOffset, className: "isolate z-50", children: /* @__PURE__ */ jsx17(
     MenuPrimitive.Popup,
     {
       "data-slot": "dropdown-menu-sub-content",
@@ -1235,9 +1203,9 @@ function DropdownMenuSubContent({
 }
 
 // src/ui/empty.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function Empty({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       "data-slot": "empty",
@@ -1250,7 +1218,7 @@ function Empty({ className, ...props }) {
   );
 }
 function EmptyHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       "data-slot": "empty-header",
@@ -1260,7 +1228,7 @@ function EmptyHeader({ className, ...props }) {
   );
 }
 function EmptyTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       "data-slot": "empty-title",
@@ -1270,7 +1238,7 @@ function EmptyTitle({ className, ...props }) {
   );
 }
 function EmptyDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     "p",
     {
       "data-slot": "empty-description",
@@ -1280,7 +1248,7 @@ function EmptyDescription({ className, ...props }) {
   );
 }
 function EmptyContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       "data-slot": "empty-content",
@@ -1295,9 +1263,9 @@ function EmptyContent({ className, ...props }) {
 
 // src/ui/field.tsx
 import { Field as FieldPrimitive } from "@base-ui/react/field";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function Field({ className, ...props }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx19(
     FieldPrimitive.Root,
     {
       "data-slot": "field",
@@ -1307,7 +1275,7 @@ function Field({ className, ...props }) {
   );
 }
 function FieldLabel({ className, ...props }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx19(
     FieldPrimitive.Label,
     {
       "data-slot": "field-label",
@@ -1317,7 +1285,7 @@ function FieldLabel({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx19(
     FieldPrimitive.Description,
     {
       "data-slot": "field-description",
@@ -1327,7 +1295,7 @@ function FieldDescription({ className, ...props }) {
   );
 }
 function FieldError({ className, ...props }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx19(
     FieldPrimitive.Error,
     {
       "data-slot": "field-error",
@@ -1339,16 +1307,16 @@ function FieldError({ className, ...props }) {
 
 // src/ui/hover-card.tsx
 import { PreviewCard as PreviewCardPrimitive } from "@base-ui/react/preview-card";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function HoverCard({
   ...props
 }) {
-  return /* @__PURE__ */ jsx21(PreviewCardPrimitive.Root, { "data-slot": "hover-card", ...props });
+  return /* @__PURE__ */ jsx20(PreviewCardPrimitive.Root, { "data-slot": "hover-card", ...props });
 }
 function HoverCardTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx21(PreviewCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
+  return /* @__PURE__ */ jsx20(PreviewCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
 }
 function HoverCardContent({
   className,
@@ -1357,14 +1325,14 @@ function HoverCardContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx21(PreviewCardPrimitive.Portal, { children: /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(PreviewCardPrimitive.Portal, { children: /* @__PURE__ */ jsx20(
     PreviewCardPrimitive.Positioner,
     {
       align,
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsx21(
+      children: /* @__PURE__ */ jsx20(
         PreviewCardPrimitive.Popup,
         {
           "data-slot": "hover-card-content",
@@ -1380,9 +1348,9 @@ function HoverCardContent({
 }
 
 // src/ui/input-group.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 function InputGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       "data-slot": "input-group",
@@ -1404,7 +1372,7 @@ function InputGroupAddon({
   align = "inline-start",
   ...props
 }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       role: "group",
@@ -1423,7 +1391,7 @@ function InputGroupInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx21(
     "input",
     {
       "data-slot": "input-group-input",
@@ -1440,13 +1408,13 @@ function InputGroupInput({
 import { OTPInput, OTPInputContext } from "input-otp";
 import { MinusIcon } from "lucide-react";
 import * as React3 from "react";
-import { jsx as jsx23, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs8 } from "react/jsx-runtime";
 function InputOTP({
   className,
   containerClassName,
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx22(
     OTPInput,
     {
       "data-slot": "input-otp",
@@ -1460,7 +1428,7 @@ function InputOTP({
   );
 }
 function InputOTPGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx22(
     "div",
     {
       "data-slot": "input-otp-group",
@@ -1488,19 +1456,19 @@ function InputOTPSlot({
       ...props,
       children: [
         char,
-        hasFakeCaret ? /* @__PURE__ */ jsx23("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx23("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) }) : null
+        hasFakeCaret ? /* @__PURE__ */ jsx22("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx22("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) }) : null
       ]
     }
   );
 }
 function InputOTPSeparator({ ...props }) {
-  return /* @__PURE__ */ jsx23("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx23(MinusIcon, {}) });
+  return /* @__PURE__ */ jsx22("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx22(MinusIcon, {}) });
 }
 
 // src/ui/item.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function Item({ className, ...props }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       "data-slot": "item",
@@ -1513,7 +1481,7 @@ function Item({ className, ...props }) {
   );
 }
 function ItemMedia({ className, ...props }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       "data-slot": "item-media",
@@ -1526,7 +1494,7 @@ function ItemMedia({ className, ...props }) {
   );
 }
 function ItemContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       "data-slot": "item-content",
@@ -1536,7 +1504,7 @@ function ItemContent({ className, ...props }) {
   );
 }
 function ItemTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       "data-slot": "item-title",
@@ -1546,7 +1514,7 @@ function ItemTitle({ className, ...props }) {
   );
 }
 function ItemDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx23(
     "p",
     {
       "data-slot": "item-description",
@@ -1556,7 +1524,7 @@ function ItemDescription({ className, ...props }) {
   );
 }
 function ItemActions({ className, ...props }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       "data-slot": "item-actions",
@@ -1567,9 +1535,9 @@ function ItemActions({ className, ...props }) {
 }
 
 // src/ui/kbd.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function Kbd({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx24(
     "kbd",
     {
       "data-slot": "kbd",
@@ -1583,12 +1551,12 @@ function Kbd({ className, ...props }) {
 }
 
 // src/ui/label.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 function Label({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx25(
     "label",
     {
       "data-slot": "label",
@@ -1601,6 +1569,22 @@ function Label({
   );
 }
 
+// src/ui/spinner.tsx
+import { Loader2Icon } from "lucide-react";
+import { jsx as jsx26 } from "react/jsx-runtime";
+function Spinner({ className, ...props }) {
+  return /* @__PURE__ */ jsx26(
+    Loader2Icon,
+    {
+      role: "status",
+      "aria-label": "Loading",
+      "data-slot": "spinner",
+      className: cn("size-4 animate-spin", className),
+      ...props
+    }
+  );
+}
+
 // src/ui/menubar.tsx
 import { Menu as MenuPrimitive2 } from "@base-ui/react/menu";
 import { Menubar as MenubarPrimitive } from "@base-ui/react/menubar";
@@ -1702,17 +1686,93 @@ function MenubarSeparator({
   );
 }
 
+// src/ui/toast.tsx
+import { Toast as ToastPrimitive } from "@base-ui/react/toast";
+import { XIcon } from "lucide-react";
+import { jsx as jsx28, jsxs as jsxs9 } from "react/jsx-runtime";
+var toastManager = ToastPrimitive.createToastManager();
+function toast(message, options = {}) {
+  return toastManager.add({
+    title: message,
+    description: options.description,
+    type: options.variant ?? "info",
+    timeout: options.duration
+  });
+}
+var toastVariantClass = {
+  success: "border-l-4 border-l-success",
+  error: "border-l-4 border-l-destructive",
+  info: "border-l-4 border-l-info",
+  warning: "border-l-4 border-l-warning"
+};
+function ToasterViewport({ className }) {
+  const { toasts } = ToastPrimitive.useToastManager();
+  return /* @__PURE__ */ jsx28(ToastPrimitive.Portal, { children: /* @__PURE__ */ jsx28(
+    ToastPrimitive.Viewport,
+    {
+      "data-slot": "toast-viewport",
+      className: cn(
+        "fixed top-4 right-4 z-[100] flex w-80 flex-col gap-2 outline-none",
+        className
+      ),
+      children: toasts.map((item) => /* @__PURE__ */ jsx28(
+        ToastPrimitive.Root,
+        {
+          toast: item,
+          "data-slot": "toast",
+          "data-type": item.type ?? "info",
+          className: cn(
+            "rounded-md border border-border bg-popover px-4 py-3 text-sm text-popover-foreground shadow-md shadow-(color:--shadow-color) transition-[opacity,transform] duration-200 data-ending-style:animate-toast-out data-starting-style:animate-toast-in",
+            toastVariantClass[item.type ?? "info"] ?? toastVariantClass.info
+          ),
+          children: /* @__PURE__ */ jsxs9(ToastPrimitive.Content, { className: "flex items-start justify-between gap-2", children: [
+            /* @__PURE__ */ jsxs9("div", { className: "grid gap-0.5", children: [
+              /* @__PURE__ */ jsx28(
+                ToastPrimitive.Title,
+                {
+                  "data-slot": "toast-title",
+                  className: "font-medium"
+                }
+              ),
+              /* @__PURE__ */ jsx28(
+                ToastPrimitive.Description,
+                {
+                  "data-slot": "toast-description",
+                  className: "text-muted-foreground"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx28(
+              ToastPrimitive.Close,
+              {
+                "data-slot": "toast-close",
+                "aria-label": "Close",
+                className: "cursor-pointer rounded-xs opacity-70 transition-opacity hover:opacity-100 focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none [&_svg]:size-3.5",
+                children: /* @__PURE__ */ jsx28(XIcon, {})
+              }
+            )
+          ] })
+        },
+        item.id
+      ))
+    }
+  ) });
+}
+function Toaster({ className }) {
+  return /* @__PURE__ */ jsx28(ToastPrimitive.Provider, { toastManager, children: /* @__PURE__ */ jsx28(ToasterViewport, { className }) });
+}
+
 // src/ui/navigation-menu.tsx
 import { NavigationMenu as NavigationMenuPrimitive } from "@base-ui/react/navigation-menu";
 import { ChevronDownIcon as ChevronDownIcon2 } from "lucide-react";
 import { cva as cva3 } from "class-variance-authority";
-import { jsx as jsx28, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs10 } from "react/jsx-runtime";
 function NavigationMenu({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     NavigationMenuPrimitive.Root,
     {
       "data-slot": "navigation-menu",
@@ -1720,7 +1780,7 @@ function NavigationMenu({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx28(NavigationMenuViewport, {})
+        /* @__PURE__ */ jsx29(NavigationMenuViewport, {})
       ]
     }
   );
@@ -1729,7 +1789,7 @@ function NavigationMenuList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     NavigationMenuPrimitive.List,
     {
       "data-slot": "navigation-menu-list",
@@ -1742,7 +1802,7 @@ function NavigationMenuItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     NavigationMenuPrimitive.Item,
     {
       "data-slot": "navigation-menu-item",
@@ -1759,7 +1819,7 @@ function NavigationMenuTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     NavigationMenuPrimitive.Trigger,
     {
       "data-slot": "navigation-menu-trigger",
@@ -1767,7 +1827,7 @@ function NavigationMenuTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx29(
           ChevronDownIcon2,
           {
             className: "relative top-px ml-1 size-3 transition-transform duration-200 group-data-open/navigation-menu-trigger:rotate-180",
@@ -1782,7 +1842,7 @@ function NavigationMenuContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     NavigationMenuPrimitive.Content,
     {
       "data-slot": "navigation-menu-content",
@@ -1795,13 +1855,13 @@ function NavigationMenuContent({
   );
 }
 function NavigationMenuViewport({ className }) {
-  return /* @__PURE__ */ jsx28(NavigationMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(NavigationMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx29(
     NavigationMenuPrimitive.Positioner,
     {
       side: "bottom",
       align: "start",
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsx28(
+      children: /* @__PURE__ */ jsx29(
         NavigationMenuPrimitive.Popup,
         {
           "data-slot": "navigation-menu-popup",
@@ -1809,7 +1869,7 @@ function NavigationMenuViewport({ className }) {
             "origin-(--transform-origin) overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md shadow-(color:--shadow-color) duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fill-mode-forwards data-closed:fade-out-0 data-closed:zoom-out-95",
             className
           ),
-          children: /* @__PURE__ */ jsx28(NavigationMenuPrimitive.Viewport, { "data-slot": "navigation-menu-viewport" })
+          children: /* @__PURE__ */ jsx29(NavigationMenuPrimitive.Viewport, { "data-slot": "navigation-menu-viewport" })
         }
       )
     }
@@ -1819,7 +1879,7 @@ function NavigationMenuLink({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     NavigationMenuPrimitive.Link,
     {
       "data-slot": "navigation-menu-link",
@@ -1834,9 +1894,9 @@ function NavigationMenuLink({
 
 // src/ui/pagination.tsx
 import { ChevronLeftIcon as ChevronLeftIcon3, ChevronRightIcon as ChevronRightIcon5, MoreHorizontalIcon as MoreHorizontalIcon2 } from "lucide-react";
-import { jsx as jsx29, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs11 } from "react/jsx-runtime";
 function Pagination({ className, ...props }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "nav",
     {
       role: "navigation",
@@ -1848,7 +1908,7 @@ function Pagination({ className, ...props }) {
   );
 }
 function PaginationContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "ul",
     {
       "data-slot": "pagination-content",
@@ -1858,7 +1918,7 @@ function PaginationContent({ className, ...props }) {
   );
 }
 function PaginationItem({ ...props }) {
-  return /* @__PURE__ */ jsx29("li", { "data-slot": "pagination-item", ...props });
+  return /* @__PURE__ */ jsx30("li", { "data-slot": "pagination-item", ...props });
 }
 function PaginationLink({
   className,
@@ -1866,7 +1926,7 @@ function PaginationLink({
   disabled,
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx30(
     "a",
     {
       "aria-current": isActive ? "page" : void 0,
@@ -1890,15 +1950,15 @@ function PaginationPrevious({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     PaginationLink,
     {
       "aria-label": "Go to previous page",
       className: cn("gap-1 px-2.5 sm:pl-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx29(ChevronLeftIcon3, {}),
-        /* @__PURE__ */ jsx29("span", { className: "hidden sm:block", children: "Previous" })
+        /* @__PURE__ */ jsx30(ChevronLeftIcon3, {}),
+        /* @__PURE__ */ jsx30("span", { className: "hidden sm:block", children: "Previous" })
       ]
     }
   );
@@ -1907,21 +1967,21 @@ function PaginationNext({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     PaginationLink,
     {
       "aria-label": "Go to next page",
       className: cn("gap-1 px-2.5 sm:pr-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx29("span", { className: "hidden sm:block", children: "Next" }),
-        /* @__PURE__ */ jsx29(ChevronRightIcon5, {})
+        /* @__PURE__ */ jsx30("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ jsx30(ChevronRightIcon5, {})
       ]
     }
   );
 }
 function PaginationEllipsis({ className, ...props }) {
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "span",
     {
       "aria-hidden": true,
@@ -1929,8 +1989,8 @@ function PaginationEllipsis({ className, ...props }) {
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx29(MoreHorizontalIcon2, { className: "size-4" }),
-        /* @__PURE__ */ jsx29("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ jsx30(MoreHorizontalIcon2, { className: "size-4" }),
+        /* @__PURE__ */ jsx30("span", { className: "sr-only", children: "More pages" })
       ]
     }
   );
@@ -1938,9 +1998,9 @@ function PaginationEllipsis({ className, ...props }) {
 
 // src/ui/progress.tsx
 import { Progress as ProgressPrimitive } from "@base-ui/react/progress";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function Progress({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     ProgressPrimitive.Root,
     {
       "data-slot": "progress",
@@ -1950,7 +2010,7 @@ function Progress({ className, ...props }) {
   );
 }
 function ProgressTrack({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     ProgressPrimitive.Track,
     {
       "data-slot": "progress-track",
@@ -1963,7 +2023,7 @@ function ProgressIndicator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     ProgressPrimitive.Indicator,
     {
       "data-slot": "progress-indicator",
@@ -1979,9 +2039,9 @@ function ProgressIndicator({
 // src/ui/radio-group.tsx
 import { Radio as RadioPrimitive } from "@base-ui/react/radio";
 import { RadioGroup as RadioGroupPrimitive } from "@base-ui/react/radio-group";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function RadioGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     RadioGroupPrimitive,
     {
       "data-slot": "radio-group",
@@ -1991,7 +2051,7 @@ function RadioGroup({ className, ...props }) {
   );
 }
 function RadioGroupItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     RadioPrimitive.Root,
     {
       "data-slot": "radio-group-item",
@@ -2000,12 +2060,12 @@ function RadioGroupItem({ className, ...props }) {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx31(
+      children: /* @__PURE__ */ jsx32(
         RadioPrimitive.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "flex items-center justify-center",
-          children: /* @__PURE__ */ jsx31("span", { className: "size-2 rounded-full bg-(--radio-checked)" })
+          children: /* @__PURE__ */ jsx32("span", { className: "size-2 rounded-full bg-(--radio-checked)" })
         }
       )
     }
@@ -2019,12 +2079,12 @@ import {
   Panel as PanelPrimitive,
   Separator as PanelResizeHandlePrimitive
 } from "react-resizable-panels";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 function PanelGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     PanelGroupPrimitive,
     {
       "data-slot": "resizable-panel-group",
@@ -2037,14 +2097,14 @@ function PanelGroup({
   );
 }
 function Panel({ ...props }) {
-  return /* @__PURE__ */ jsx32(PanelPrimitive, { "data-slot": "resizable-panel", ...props });
+  return /* @__PURE__ */ jsx33(PanelPrimitive, { "data-slot": "resizable-panel", ...props });
 }
 function ResizableHandle({
   withHandle,
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     PanelResizeHandlePrimitive,
     {
       "data-slot": "resizable-handle",
@@ -2053,27 +2113,27 @@ function ResizableHandle({
         className
       ),
       ...props,
-      children: withHandle ? /* @__PURE__ */ jsx32("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border border-border bg-border", children: /* @__PURE__ */ jsx32(GripVerticalIcon, { className: "size-2.5" }) }) : null
+      children: withHandle ? /* @__PURE__ */ jsx33("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border border-border bg-border", children: /* @__PURE__ */ jsx33(GripVerticalIcon, { className: "size-2.5" }) }) : null
     }
   );
 }
 
 // src/ui/scroll-area.tsx
 import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area";
-import { jsx as jsx33, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs12 } from "react/jsx-runtime";
 function ScrollArea({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     ScrollAreaPrimitive.Root,
     {
       "data-slot": "scroll-area",
       className: cn("relative overflow-hidden", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx33(
+        /* @__PURE__ */ jsx34(
           ScrollAreaPrimitive.Viewport,
           {
             "data-slot": "scroll-area-viewport",
@@ -2081,8 +2141,8 @@ function ScrollArea({
             children
           }
         ),
-        /* @__PURE__ */ jsx33(ScrollBar, {}),
-        /* @__PURE__ */ jsx33(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ jsx34(ScrollBar, {}),
+        /* @__PURE__ */ jsx34(ScrollAreaPrimitive.Corner, {})
       ]
     }
   );
@@ -2092,7 +2152,7 @@ function ScrollBar({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     ScrollAreaPrimitive.Scrollbar,
     {
       "data-slot": "scroll-area-scrollbar",
@@ -2104,7 +2164,7 @@ function ScrollBar({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx33(
+      children: /* @__PURE__ */ jsx34(
         ScrollAreaPrimitive.Thumb,
         {
           "data-slot": "scroll-area-thumb",
@@ -2118,17 +2178,17 @@ function ScrollBar({
 // src/ui/select.tsx
 import { Select as SelectPrimitive } from "@base-ui/react/select";
 import { CheckIcon as CheckIcon2, ChevronDownIcon as ChevronDownIcon3, ChevronUpIcon } from "lucide-react";
-import { jsx as jsx34, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs13 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 function SelectGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
+  return /* @__PURE__ */ jsx35(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
 }
 function SelectValue({
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ jsx35(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
 }
 function SelectTrigger({
   className,
@@ -2136,7 +2196,7 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     SelectPrimitive.Trigger,
     {
       "data-slot": "select-trigger",
@@ -2148,10 +2208,10 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx35(
           SelectPrimitive.Icon,
           {
-            render: /* @__PURE__ */ jsx34(ChevronDownIcon3, { className: "size-4 opacity-50" })
+            render: /* @__PURE__ */ jsx35(ChevronDownIcon3, { className: "size-4 opacity-50" })
           }
         )
       ]
@@ -2169,7 +2229,7 @@ function SelectContent({
   alignItemWithTrigger = false,
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx35(
     SelectPrimitive.Positioner,
     {
       side,
@@ -2177,7 +2237,7 @@ function SelectContent({
       align,
       alignItemWithTrigger,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsxs12(
+      children: /* @__PURE__ */ jsxs13(
         SelectPrimitive.Popup,
         {
           "data-slot": "select-content",
@@ -2191,9 +2251,9 @@ function SelectContent({
           ),
           ...props,
           children: [
-            /* @__PURE__ */ jsx34(SelectScrollUpButton, {}),
-            /* @__PURE__ */ jsx34(SelectPrimitive.List, { className: "p-1", children }),
-            /* @__PURE__ */ jsx34(SelectScrollDownButton, {})
+            /* @__PURE__ */ jsx35(SelectScrollUpButton, {}),
+            /* @__PURE__ */ jsx35(SelectPrimitive.List, { className: "p-1", children }),
+            /* @__PURE__ */ jsx35(SelectScrollDownButton, {})
           ]
         }
       )
@@ -2204,7 +2264,7 @@ function SelectLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     SelectPrimitive.GroupLabel,
     {
       "data-slot": "select-label",
@@ -2218,7 +2278,7 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     SelectPrimitive.Item,
     {
       "data-slot": "select-item",
@@ -2228,8 +2288,8 @@ function SelectItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx34("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx34(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx34(CheckIcon2, { className: "size-4" }) }) }),
-        /* @__PURE__ */ jsx34(SelectPrimitive.ItemText, { children })
+        /* @__PURE__ */ jsx35("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx35(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx35(CheckIcon2, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx35(SelectPrimitive.ItemText, { children })
       ]
     }
   );
@@ -2238,7 +2298,7 @@ function SelectSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     SelectPrimitive.Separator,
     {
       "data-slot": "select-separator",
@@ -2251,7 +2311,7 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     SelectPrimitive.ScrollUpArrow,
     {
       "data-slot": "select-scroll-up-button",
@@ -2260,7 +2320,7 @@ function SelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx34(ChevronUpIcon, { className: "size-4" })
+      children: /* @__PURE__ */ jsx35(ChevronUpIcon, { className: "size-4" })
     }
   );
 }
@@ -2268,7 +2328,7 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     SelectPrimitive.ScrollDownArrow,
     {
       "data-slot": "select-scroll-down-button",
@@ -2277,16 +2337,16 @@ function SelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx34(ChevronDownIcon3, { className: "size-4" })
+      children: /* @__PURE__ */ jsx35(ChevronDownIcon3, { className: "size-4" })
     }
   );
 }
 
 // src/ui/slider.tsx
 import { Slider as SliderPrimitive } from "@base-ui/react/slider";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 function Slider({ className, ...props }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     SliderPrimitive.Root,
     {
       "data-slot": "slider",
@@ -2299,7 +2359,7 @@ function Slider({ className, ...props }) {
   );
 }
 function SliderControl({ className, ...props }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     SliderPrimitive.Control,
     {
       "data-slot": "slider-control",
@@ -2309,7 +2369,7 @@ function SliderControl({ className, ...props }) {
   );
 }
 function SliderTrack({ className, ...props }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     SliderPrimitive.Track,
     {
       "data-slot": "slider-track",
@@ -2322,7 +2382,7 @@ function SliderTrack({ className, ...props }) {
   );
 }
 function SliderIndicator({ className, ...props }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     SliderPrimitive.Indicator,
     {
       "data-slot": "slider-indicator",
@@ -2332,7 +2392,7 @@ function SliderIndicator({ className, ...props }) {
   );
 }
 function SliderThumb({ className, ...props }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx36(
     SliderPrimitive.Thumb,
     {
       "data-slot": "slider-thumb",
@@ -2345,101 +2405,11 @@ function SliderThumb({ className, ...props }) {
   );
 }
 
-// src/ui/toast.tsx
-import { Toast as ToastPrimitive } from "@base-ui/react/toast";
-import { XIcon } from "lucide-react";
-import { jsx as jsx36, jsxs as jsxs13 } from "react/jsx-runtime";
-var toastManager = ToastPrimitive.createToastManager();
-function toast(message, options = {}) {
-  return toastManager.add({
-    title: message,
-    description: options.description,
-    type: options.variant ?? "info"
-  });
-}
-var toastVariantClass = {
-  success: "border-l-4 border-l-success",
-  error: "border-l-4 border-l-destructive",
-  info: "border-l-4 border-l-info"
-};
-function ToasterViewport({ className }) {
-  const { toasts } = ToastPrimitive.useToastManager();
-  return /* @__PURE__ */ jsx36(ToastPrimitive.Portal, { children: /* @__PURE__ */ jsx36(
-    ToastPrimitive.Viewport,
-    {
-      "data-slot": "toast-viewport",
-      className: cn(
-        "fixed top-4 right-4 z-[100] flex w-80 flex-col gap-2 outline-none",
-        className
-      ),
-      children: toasts.map((item) => /* @__PURE__ */ jsx36(
-        ToastPrimitive.Root,
-        {
-          toast: item,
-          "data-slot": "toast",
-          "data-type": item.type ?? "info",
-          className: cn(
-            "rounded-md border border-border bg-popover px-4 py-3 text-sm text-popover-foreground shadow-md shadow-(color:--shadow-color) transition-[opacity,transform] duration-200 data-ending-style:animate-toast-out data-starting-style:animate-toast-in",
-            toastVariantClass[item.type ?? "info"] ?? toastVariantClass.info
-          ),
-          children: /* @__PURE__ */ jsxs13(ToastPrimitive.Content, { className: "flex items-start justify-between gap-2", children: [
-            /* @__PURE__ */ jsxs13("div", { className: "grid gap-0.5", children: [
-              /* @__PURE__ */ jsx36(
-                ToastPrimitive.Title,
-                {
-                  "data-slot": "toast-title",
-                  className: "font-medium"
-                }
-              ),
-              /* @__PURE__ */ jsx36(
-                ToastPrimitive.Description,
-                {
-                  "data-slot": "toast-description",
-                  className: "text-muted-foreground"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx36(
-              ToastPrimitive.Close,
-              {
-                "data-slot": "toast-close",
-                "aria-label": "Close",
-                className: "cursor-pointer rounded-xs opacity-70 transition-opacity hover:opacity-100 focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none [&_svg]:size-3.5",
-                children: /* @__PURE__ */ jsx36(XIcon, {})
-              }
-            )
-          ] })
-        },
-        item.id
-      ))
-    }
-  ) });
-}
-function Toaster({ className }) {
-  return /* @__PURE__ */ jsx36(ToastPrimitive.Provider, { toastManager, children: /* @__PURE__ */ jsx36(ToasterViewport, { className }) });
-}
-
-// src/ui/spinner.tsx
-import { Loader2Icon } from "lucide-react";
-import { jsx as jsx37 } from "react/jsx-runtime";
-function Spinner({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
-    Loader2Icon,
-    {
-      role: "status",
-      "aria-label": "Loading",
-      "data-slot": "spinner",
-      className: cn("size-4 animate-spin", className),
-      ...props
-    }
-  );
-}
-
 // src/ui/switch.tsx
 import { Switch as SwitchPrimitive } from "@base-ui/react/switch";
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 function Switch({ className, ...props }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx37(
     SwitchPrimitive.Root,
     {
       "data-slot": "switch",
@@ -2448,7 +2418,7 @@ function Switch({ className, ...props }) {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx38(
+      children: /* @__PURE__ */ jsx37(
         SwitchPrimitive.Thumb,
         {
           "data-slot": "switch-thumb",
@@ -2462,12 +2432,12 @@ function Switch({ className, ...props }) {
 // src/ui/tabs.tsx
 import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
 import { cva as cva4 } from "class-variance-authority";
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 function Tabs({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx38(
     TabsPrimitive.Root,
     {
       "data-slot": "tabs",
@@ -2496,7 +2466,7 @@ function TabsList({
   variant,
   ...props
 }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx38(
     TabsPrimitive.List,
     {
       "data-slot": "tabs-list",
@@ -2510,7 +2480,7 @@ function TabsTrigger({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx38(
     TabsPrimitive.Tab,
     {
       "data-slot": "tabs-trigger",
@@ -2532,7 +2502,7 @@ function TabsContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx38(
     TabsPrimitive.Panel,
     {
       "data-slot": "tabs-content",
@@ -2545,7 +2515,7 @@ function TabsContent({
 // src/ui/toggle.tsx
 import { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
 import { cva as cva5 } from "class-variance-authority";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var toggleVariants = cva5(
   "inline-flex cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-colors outline-none hover:bg-muted hover:text-muted-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-pressed:bg-accent data-pressed:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
@@ -2572,7 +2542,7 @@ function Toggle({
   size,
   ...props
 }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx39(
     TogglePrimitive,
     {
       "data-slot": "toggle",
@@ -2586,7 +2556,7 @@ function Toggle({
 import { Toggle as TogglePrimitive2 } from "@base-ui/react/toggle";
 import { ToggleGroup as ToggleGroupPrimitive } from "@base-ui/react/toggle-group";
 import * as React4 from "react";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 var ToggleGroupContext = React4.createContext({
   size: "default",
   variant: "default"
@@ -2598,7 +2568,7 @@ function ToggleGroup({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx40(
     ToggleGroupPrimitive,
     {
       "data-slot": "toggle-group",
@@ -2609,7 +2579,7 @@ function ToggleGroup({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx41(ToggleGroupContext.Provider, { value: { variant, size }, children })
+      children: /* @__PURE__ */ jsx40(ToggleGroupContext.Provider, { value: { variant, size }, children })
     }
   );
 }
@@ -2621,7 +2591,7 @@ function ToggleGroupItem({
   ...props
 }) {
   const context = React4.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx40(
     TogglePrimitive2,
     {
       "data-slot": "toggle-group-item",
@@ -2643,7 +2613,7 @@ function ToggleGroupItem({
 
 // src/ui/typography.tsx
 import { cva as cva6 } from "class-variance-authority";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 var typographyVariants = cva6("", {
   variants: {
     variant: {
@@ -2679,7 +2649,7 @@ var variantTagMap = {
 };
 function Typography({ className, variant = "p", ...props }) {
   const Tag = variantTagMap[variant ?? "p"];
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx41(
     Tag,
     {
       "data-slot": "typography",
@@ -2690,6 +2660,120 @@ function Typography({ className, variant = "p", ...props }) {
   );
 }
 
+// src/ui/bubble.tsx
+import * as React5 from "react";
+import { cva as cva7 } from "class-variance-authority";
+import { jsx as jsx42 } from "react/jsx-runtime";
+function BubbleGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx42(
+    "div",
+    {
+      "data-slot": "bubble-group",
+      className: cn("flex min-w-0 flex-col gap-2", className),
+      ...props
+    }
+  );
+}
+var bubbleVariants = cva7(
+  "group/bubble relative flex w-fit max-w-[80%] min-w-0 flex-col gap-1 group-data-[align=end]/message:self-end data-[align=end]:self-end data-[variant=ghost]:max-w-full",
+  {
+    variants: {
+      variant: {
+        default: "*:data-[slot=bubble-content]:bg-primary *:data-[slot=bubble-content]:text-primary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-primary/80",
+        secondary: "*:data-[slot=bubble-content]:bg-secondary *:data-[slot=bubble-content]:text-secondary-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)]",
+        muted: "*:data-[slot=bubble-content]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:bg-[color-mix(in_oklch,var(--muted),var(--foreground)_5%)]",
+        tinted: "*:data-[slot=bubble-content]:bg-(--bubble-background) *:data-[slot=bubble-content]:text-foreground [&>[data-slot=bubble-content]:is(button,a):hover]:bg-(--bubble-hover-background)",
+        outline: "*:data-[slot=bubble-content]:border-border *:data-[slot=bubble-content]:bg-card [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-input/30",
+        ghost: "border-none *:data-[slot=bubble-content]:rounded-none *:data-[slot=bubble-content]:bg-transparent *:data-[slot=bubble-content]:p-0 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted [&>[data-slot=bubble-content]:is(button,a):hover]:text-foreground dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-muted/50",
+        destructive: "*:data-[slot=bubble-content]:bg-destructive/10 *:data-[slot=bubble-content]:text-destructive dark:*:data-[slot=bubble-content]:bg-destructive/20 [&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/20 dark:[&>[data-slot=bubble-content]:is(button,a):hover]:bg-destructive/30"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Bubble({
+  variant = "default",
+  align = "start",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx42(
+    "div",
+    {
+      "data-slot": "bubble",
+      "data-variant": variant,
+      "data-align": align,
+      className: cn(bubbleVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function BubbleContent({
+  asChild = false,
+  className,
+  children,
+  ...props
+}) {
+  const cls = cn(
+    "w-fit max-w-full min-w-0 overflow-hidden rounded-xl border border-transparent px-3 py-2 text-sm leading-relaxed wrap-break-word group-data-[align=end]/bubble:self-end [button]:text-left [button,a]:transition-colors [button,a]:outline-none [button,a]:focus-visible:border-ring [button,a]:focus-visible:ring-3 [button,a]:focus-visible:ring-ring/50",
+    className
+  );
+  if (asChild && React5.isValidElement(children)) {
+    return React5.cloneElement(children, {
+      "data-slot": "bubble-content",
+      className: cn(cls, children.props.className),
+      ...props
+    });
+  }
+  return /* @__PURE__ */ jsx42(
+    "div",
+    {
+      "data-slot": "bubble-content",
+      className: cls,
+      ...props,
+      children
+    }
+  );
+}
+var bubbleReactionsVariants = cva7(
+  "absolute z-10 flex w-fit shrink-0 items-center justify-center gap-1 rounded-full bg-muted px-1.5 py-0.5 text-sm ring-3 ring-card has-[button]:p-0",
+  {
+    variants: {
+      side: {
+        top: "top-0 -translate-y-3/4",
+        bottom: "bottom-0 translate-y-3/4"
+      },
+      align: {
+        start: "left-3",
+        end: "right-3"
+      }
+    },
+    defaultVariants: {
+      side: "bottom",
+      align: "end"
+    }
+  }
+);
+function BubbleReactions({
+  side = "bottom",
+  align = "end",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx42(
+    "div",
+    {
+      "data-slot": "bubble-reactions",
+      "data-align": align,
+      "data-side": side,
+      className: cn(bubbleReactionsVariants({ side, align }), className),
+      ...props
+    }
+  );
+}
+
 export {
   Alert,
   AlertTitle,
@@ -2739,9 +2823,6 @@ export {
   CommandEmpty,
   CommandGroup,
   CommandItem,
-  CHART_TOKEN_COLORS,
-  chartColor,
-  ChartContainer,
   Textarea,
   ContextMenu,
   ContextMenuTrigger,
@@ -2791,12 +2872,16 @@ export {
   ItemActions,
   Kbd,
   Label,
+  Spinner,
   Menubar,
   MenubarMenu,
   MenubarTrigger,
   MenubarContent,
   MenubarItem,
   MenubarSeparator,
+  toastManager,
+  toast,
+  Toaster,
   NavigationMenu,
   NavigationMenuList,
   NavigationMenuItem,
@@ -2837,10 +2922,6 @@ export {
   SliderTrack,
   SliderIndicator,
   SliderThumb,
-  toastManager,
-  toast,
-  Toaster,
-  Spinner,
   Switch,
   Tabs,
   TabsList,
@@ -2851,5 +2932,9 @@ export {
   ToggleGroup,
   ToggleGroupItem,
   typographyVariants,
-  Typography
+  Typography,
+  BubbleGroup,
+  Bubble,
+  BubbleContent,
+  BubbleReactions
 };