@pactor-app/ui 1.2.0 → 1.7.0

package/dist/{chunk-Q5NUGUJG.js → chunk-E2TD6JD2.js}

@@ -1,15 +1,13 @@
-import {
-  Button,
-  buttonVariants
-} from "./chunk-F3H23KYG.js";
 import {
   Popover,
   PopoverContent,
   PopoverTrigger
-} from "./chunk-2LYMCWEJ.js";
+} from "./chunk-L4Z7MNYY.js";
 import {
+  Button,
+  buttonVariants,
   cn
-} from "./chunk-RQHJBTEU.js";
+} from "./chunk-WKJUCGV4.js";
 
 // src/ui/alert.tsx
 import { cva } from "class-variance-authority";
@@ -103,7 +101,7 @@ function AlertDialogOverlay({
     {
       "data-slot": "alert-dialog-overlay",
       className: cn(
-        "fixed inset-0 z-50 bg-black/50 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        "fixed inset-0 z-50 bg-(--overlay-background) data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
         className
       ),
       ...props
@@ -121,7 +119,7 @@ function AlertDialogContent({
       {
         "data-slot": "alert-dialog-content",
         className: cn(
-          "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-border bg-background p-6 shadow-lg duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 sm:max-w-lg",
+          "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-border bg-popover p-6 shadow-lg 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:fade-out-0 data-closed:zoom-out-95 sm:max-w-lg",
           className
         ),
         ...props
@@ -424,7 +422,7 @@ function Calendar({
     DayPicker,
     {
       showOutsideDays,
-      className: cn("bg-background p-3", className),
+      className: cn("bg-card p-3", className),
       classNames: {
         root: cn("w-fit", defaultClassNames.root),
         months: cn("relative flex flex-col gap-4 md:flex-row", defaultClassNames.months),
@@ -457,15 +455,15 @@ function Calendar({
         week: cn("mt-2 flex w-full", defaultClassNames.week),
         day: cn("h-8 w-8 p-0 text-center text-sm", defaultClassNames.day),
         day_button: cn(
-          "size-8 cursor-pointer rounded-md p-0 font-normal hover:bg-accent hover:text-accent-foreground aria-selected:opacity-100",
+          "size-8 cursor-pointer rounded-md p-0 font-normal hover:bg-(--calendar-day-hover-background) hover:text-(--calendar-day-hover-foreground) aria-selected:opacity-100",
           defaultClassNames.day_button
         ),
         selected: cn(
-          "[&>button]:bg-primary [&>button]:text-primary-foreground [&>button]:hover:bg-primary",
+          "[&>button]:bg-(--calendar-selected-background) [&>button]:text-(--calendar-selected-foreground) [&>button]:hover:bg-(--calendar-selected-background) [&>button]:hover:text-(--calendar-selected-foreground)",
           defaultClassNames.selected
         ),
         today: cn(
-          "[&>button]:bg-accent [&>button]:text-accent-foreground",
+          "[&>button]:bg-(--calendar-today-background) [&>button]:text-(--calendar-today-foreground) [&>button]:hover:bg-(--calendar-today-background) [&>button]:hover:text-(--calendar-today-foreground) [&>button]:border [&>button]:border-(--calendar-today-border)",
           defaultClassNames.today
         ),
         outside: cn(
@@ -878,7 +876,7 @@ function CommandItem({
     {
       "data-slot": "command-item",
       className: cn(
-        "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-[selected=true]:bg-(--menu-active-background) data-[selected=true]:text-(--menu-active-foreground) [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       ...props
@@ -890,11 +888,11 @@ function CommandItem({
 import { ResponsiveContainer } from "recharts";
 import { jsx as jsx14 } from "react/jsx-runtime";
 var CHART_TOKEN_COLORS = [
-  "hsl(var(--chart-1))",
-  "hsl(var(--chart-2))",
-  "hsl(var(--chart-3))",
-  "hsl(var(--chart-4))",
-  "hsl(var(--chart-5))"
+  "var(--chart-1)",
+  "var(--chart-2)",
+  "var(--chart-3)",
+  "var(--chart-4)",
+  "var(--chart-5)"
 ];
 function chartColor(index, colors) {
   if (colors && colors.length > 0) {
@@ -959,7 +957,7 @@ function ContextMenuContent({
     {
       "data-slot": "context-menu-content",
       className: cn(
-        "z-50 max-h-(--available-height) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+        "z-50 max-h-(--available-height) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-border bg-popover p-1 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:fade-out-0 data-closed:zoom-out-95",
         className
       ),
       ...props
@@ -977,7 +975,7 @@ function ContextMenuItem({
       "data-slot": "context-menu-item",
       "data-variant": variant,
       className: cn(
-        "relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-(--menu-hover-background) focus:text-(--menu-hover-foreground) data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       ...props
@@ -998,32 +996,15 @@ function ContextMenuSeparator({
   );
 }
 
-// src/ui/input.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
-function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsx17(
-    "input",
-    {
-      type,
-      "data-slot": "input",
-      className: cn(
-        "flex h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-xs transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
 // src/ui/table.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ jsx18(
+      children: /* @__PURE__ */ jsx17(
         "table",
         {
           "data-slot": "table",
@@ -1035,7 +1016,7 @@ function Table({ className, ...props }) {
   );
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(
     "thead",
     {
       "data-slot": "table-header",
@@ -1045,7 +1026,7 @@ function TableHeader({ className, ...props }) {
   );
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(
     "tbody",
     {
       "data-slot": "table-body",
@@ -1055,7 +1036,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(
     "tfoot",
     {
       "data-slot": "table-footer",
@@ -1068,7 +1049,7 @@ function TableFooter({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(
     "tr",
     {
       "data-slot": "table-row",
@@ -1081,7 +1062,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(
     "th",
     {
       "data-slot": "table-head",
@@ -1094,7 +1075,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(
     "td",
     {
       "data-slot": "table-cell",
@@ -1110,7 +1091,7 @@ function TableCaption({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(
     "caption",
     {
       "data-slot": "table-caption",
@@ -1123,16 +1104,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 jsx19, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs7 } from "react/jsx-runtime";
 function DropdownMenu({
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(MenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+  return /* @__PURE__ */ jsx18(MenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
 }
 function DropdownMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(MenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+  return /* @__PURE__ */ jsx18(MenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
 }
 function DropdownMenuContent({
   className,
@@ -1141,19 +1122,19 @@ function DropdownMenuContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(MenuPrimitive.Portal, { children: /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(MenuPrimitive.Portal, { children: /* @__PURE__ */ jsx18(
     MenuPrimitive.Positioner,
     {
       align,
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsx19(
+      children: /* @__PURE__ */ jsx18(
         MenuPrimitive.Popup,
         {
           "data-slot": "dropdown-menu-content",
           className: cn(
-            "z-50 max-h-(--available-height) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+            "z-50 max-h-(--available-height) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-border bg-popover p-1 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:fade-out-0 data-closed:zoom-out-95",
             className
           ),
           ...props
@@ -1167,13 +1148,13 @@ function DropdownMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     MenuPrimitive.Item,
     {
       "data-slot": "dropdown-menu-item",
       "data-variant": variant,
       className: cn(
-        "relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-(--menu-hover-background) focus:text-(--menu-hover-foreground) data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       ...props
@@ -1184,7 +1165,7 @@ function DropdownMenuSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     MenuPrimitive.Separator,
     {
       "data-slot": "dropdown-menu-separator",
@@ -1196,7 +1177,7 @@ function DropdownMenuSeparator({
 function DropdownMenuSub({
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(MenuPrimitive.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...props });
+  return /* @__PURE__ */ jsx18(MenuPrimitive.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...props });
 }
 function DropdownMenuSubTrigger({
   className,
@@ -1208,13 +1189,13 @@ function DropdownMenuSubTrigger({
     {
       "data-slot": "dropdown-menu-sub-trigger",
       className: cn(
-        "flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-(--menu-hover-background) focus:text-(--menu-hover-foreground) data-open:bg-(--menu-active-background) data-open:text-(--menu-active-foreground) [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx19(ChevronRightIcon4, { className: "ml-auto" })
+        /* @__PURE__ */ jsx18(ChevronRightIcon4, { className: "ml-auto" })
       ]
     }
   );
@@ -1224,12 +1205,12 @@ function DropdownMenuSubContent({
   sideOffset = 2,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(MenuPrimitive.Portal, { children: /* @__PURE__ */ jsx19(MenuPrimitive.Positioner, { sideOffset, className: "isolate z-50", children: /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(MenuPrimitive.Portal, { children: /* @__PURE__ */ jsx18(MenuPrimitive.Positioner, { sideOffset, className: "isolate z-50", children: /* @__PURE__ */ jsx18(
     MenuPrimitive.Popup,
     {
       "data-slot": "dropdown-menu-sub-content",
       className: cn(
-        "z-50 min-w-32 origin-(--transform-origin) overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+        "z-50 min-w-32 origin-(--transform-origin) overflow-hidden rounded-md border border-border bg-popover p-1 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:fade-out-0 data-closed:zoom-out-95",
         className
       ),
       ...props
@@ -1238,9 +1219,9 @@ function DropdownMenuSubContent({
 }
 
 // src/ui/empty.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function Empty({ className, ...props }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       "data-slot": "empty",
@@ -1253,7 +1234,7 @@ function Empty({ className, ...props }) {
   );
 }
 function EmptyHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       "data-slot": "empty-header",
@@ -1263,7 +1244,7 @@ function EmptyHeader({ className, ...props }) {
   );
 }
 function EmptyTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       "data-slot": "empty-title",
@@ -1273,7 +1254,7 @@ function EmptyTitle({ className, ...props }) {
   );
 }
 function EmptyDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx19(
     "p",
     {
       "data-slot": "empty-description",
@@ -1283,7 +1264,7 @@ function EmptyDescription({ className, ...props }) {
   );
 }
 function EmptyContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       "data-slot": "empty-content",
@@ -1298,9 +1279,9 @@ function EmptyContent({ className, ...props }) {
 
 // src/ui/field.tsx
 import { Field as FieldPrimitive } from "@base-ui/react/field";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function Field({ className, ...props }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     FieldPrimitive.Root,
     {
       "data-slot": "field",
@@ -1310,7 +1291,7 @@ function Field({ className, ...props }) {
   );
 }
 function FieldLabel({ className, ...props }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     FieldPrimitive.Label,
     {
       "data-slot": "field-label",
@@ -1320,7 +1301,7 @@ function FieldLabel({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     FieldPrimitive.Description,
     {
       "data-slot": "field-description",
@@ -1330,7 +1311,7 @@ function FieldDescription({ className, ...props }) {
   );
 }
 function FieldError({ className, ...props }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     FieldPrimitive.Error,
     {
       "data-slot": "field-error",
@@ -1342,16 +1323,16 @@ function FieldError({ className, ...props }) {
 
 // src/ui/hover-card.tsx
 import { PreviewCard as PreviewCardPrimitive } from "@base-ui/react/preview-card";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 function HoverCard({
   ...props
 }) {
-  return /* @__PURE__ */ jsx22(PreviewCardPrimitive.Root, { "data-slot": "hover-card", ...props });
+  return /* @__PURE__ */ jsx21(PreviewCardPrimitive.Root, { "data-slot": "hover-card", ...props });
 }
 function HoverCardTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx22(PreviewCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
+  return /* @__PURE__ */ jsx21(PreviewCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
 }
 function HoverCardContent({
   className,
@@ -1360,19 +1341,19 @@ function HoverCardContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx22(PreviewCardPrimitive.Portal, { children: /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx21(PreviewCardPrimitive.Portal, { children: /* @__PURE__ */ jsx21(
     PreviewCardPrimitive.Positioner,
     {
       align,
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsx22(
+      children: /* @__PURE__ */ jsx21(
         PreviewCardPrimitive.Popup,
         {
           "data-slot": "hover-card-content",
           className: cn(
-            "z-50 w-64 origin-(--transform-origin) rounded-md border border-border bg-popover p-4 text-popover-foreground shadow-md outline-hidden duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+            "z-50 w-64 origin-(--transform-origin) rounded-md border border-border bg-popover p-4 text-popover-foreground shadow-md shadow-(color:--shadow-color) outline-hidden duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
             className
           ),
           ...props
@@ -1383,9 +1364,9 @@ function HoverCardContent({
 }
 
 // src/ui/input-group.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 function InputGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx22(
     "div",
     {
       "data-slot": "input-group",
@@ -1407,7 +1388,7 @@ function InputGroupAddon({
   align = "inline-start",
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx22(
     "div",
     {
       role: "group",
@@ -1426,7 +1407,7 @@ function InputGroupInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx22(
     "input",
     {
       "data-slot": "input-group-input",
@@ -1443,13 +1424,13 @@ function InputGroupInput({
 import { OTPInput, OTPInputContext } from "input-otp";
 import { MinusIcon } from "lucide-react";
 import * as React2 from "react";
-import { jsx as jsx24, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs8 } from "react/jsx-runtime";
 function InputOTP({
   className,
   containerClassName,
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx23(
     OTPInput,
     {
       "data-slot": "input-otp",
@@ -1463,7 +1444,7 @@ function InputOTP({
   );
 }
 function InputOTPGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       "data-slot": "input-otp-group",
@@ -1491,19 +1472,19 @@ function InputOTPSlot({
       ...props,
       children: [
         char,
-        hasFakeCaret ? /* @__PURE__ */ jsx24("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx24("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) }) : null
+        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
       ]
     }
   );
 }
 function InputOTPSeparator({ ...props }) {
-  return /* @__PURE__ */ jsx24("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx24(MinusIcon, {}) });
+  return /* @__PURE__ */ jsx23("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx23(MinusIcon, {}) });
 }
 
 // src/ui/item.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function Item({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx24(
     "div",
     {
       "data-slot": "item",
@@ -1516,7 +1497,7 @@ function Item({ className, ...props }) {
   );
 }
 function ItemMedia({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx24(
     "div",
     {
       "data-slot": "item-media",
@@ -1529,7 +1510,7 @@ function ItemMedia({ className, ...props }) {
   );
 }
 function ItemContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx24(
     "div",
     {
       "data-slot": "item-content",
@@ -1539,7 +1520,7 @@ function ItemContent({ className, ...props }) {
   );
 }
 function ItemTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx24(
     "div",
     {
       "data-slot": "item-title",
@@ -1549,7 +1530,7 @@ function ItemTitle({ className, ...props }) {
   );
 }
 function ItemDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx24(
     "p",
     {
       "data-slot": "item-description",
@@ -1559,7 +1540,7 @@ function ItemDescription({ className, ...props }) {
   );
 }
 function ItemActions({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx24(
     "div",
     {
       "data-slot": "item-actions",
@@ -1570,9 +1551,9 @@ function ItemActions({ className, ...props }) {
 }
 
 // src/ui/kbd.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 function Kbd({ className, ...props }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx25(
     "kbd",
     {
       "data-slot": "kbd",
@@ -1586,12 +1567,12 @@ function Kbd({ className, ...props }) {
 }
 
 // src/ui/label.tsx
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function Label({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx26(
     "label",
     {
       "data-slot": "label",
@@ -1607,17 +1588,17 @@ function Label({
 // src/ui/menubar.tsx
 import { Menu as MenuPrimitive2 } from "@base-ui/react/menu";
 import { Menubar as MenubarPrimitive } from "@base-ui/react/menubar";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function Menubar({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx27(
     MenubarPrimitive,
     {
       "data-slot": "menubar",
       className: cn(
-        "flex h-9 items-center gap-1 rounded-md border border-border bg-background p-1 shadow-xs",
+        "flex h-9 items-center gap-1 rounded-md border border-border bg-card p-1 shadow-xs",
         className
       ),
       ...props
@@ -1627,18 +1608,18 @@ function Menubar({
 function MenubarMenu({
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(MenuPrimitive2.Root, { "data-slot": "menubar-menu", ...props });
+  return /* @__PURE__ */ jsx27(MenuPrimitive2.Root, { "data-slot": "menubar-menu", ...props });
 }
 function MenubarTrigger({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx27(
     MenuPrimitive2.Trigger,
     {
       "data-slot": "menubar-trigger",
       className: cn(
-        "flex cursor-pointer items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground",
+        "flex cursor-pointer items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none hover:bg-(--menu-hover-background) hover:text-(--menu-hover-foreground) focus:bg-(--menu-hover-background) focus:text-(--menu-hover-foreground) data-open:bg-(--menu-active-background) data-open:text-(--menu-active-foreground)",
         className
       ),
       ...props
@@ -1652,19 +1633,19 @@ function MenubarContent({
   sideOffset = 8,
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(MenuPrimitive2.Portal, { children: /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx27(MenuPrimitive2.Portal, { children: /* @__PURE__ */ jsx27(
     MenuPrimitive2.Positioner,
     {
       align,
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsx28(
+      children: /* @__PURE__ */ jsx27(
         MenuPrimitive2.Popup,
         {
           "data-slot": "menubar-content",
           className: cn(
-            "z-50 min-w-36 origin-(--transform-origin) overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+            "z-50 min-w-36 origin-(--transform-origin) overflow-hidden rounded-md border border-border bg-popover p-1 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:fade-out-0 data-closed:zoom-out-95",
             className
           ),
           ...props
@@ -1678,13 +1659,13 @@ function MenubarItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx27(
     MenuPrimitive2.Item,
     {
       "data-slot": "menubar-item",
       "data-variant": variant,
       className: cn(
-        "relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-(--menu-hover-background) focus:text-(--menu-hover-foreground) data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       ...props
@@ -1695,7 +1676,7 @@ function MenubarSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx27(
     MenuPrimitive2.Separator,
     {
       "data-slot": "menubar-separator",
@@ -1709,7 +1690,7 @@ function MenubarSeparator({
 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 jsx29, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs9 } from "react/jsx-runtime";
 function NavigationMenu({
   className,
   children,
@@ -1723,7 +1704,7 @@ function NavigationMenu({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx29(NavigationMenuViewport, {})
+        /* @__PURE__ */ jsx28(NavigationMenuViewport, {})
       ]
     }
   );
@@ -1732,7 +1713,7 @@ function NavigationMenuList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx28(
     NavigationMenuPrimitive.List,
     {
       "data-slot": "navigation-menu-list",
@@ -1745,7 +1726,7 @@ function NavigationMenuItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx28(
     NavigationMenuPrimitive.Item,
     {
       "data-slot": "navigation-menu-item",
@@ -1755,7 +1736,7 @@ function NavigationMenuItem({
   );
 }
 var navigationMenuTriggerStyle = cva3(
-  "group/navigation-menu-trigger inline-flex h-9 w-max 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-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 data-open:bg-accent/50 data-open:text-accent-foreground"
+  "group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-md bg-transparent px-4 py-2 text-sm font-medium transition-colors hover:bg-(--menu-hover-background) hover:text-(--menu-hover-foreground) focus:bg-(--menu-hover-background) focus:text-(--menu-hover-foreground) focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 data-open:bg-(--menu-active-background)/50 data-open:text-(--menu-active-foreground)"
 );
 function NavigationMenuTrigger({
   className,
@@ -1770,7 +1751,7 @@ function NavigationMenuTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx28(
           ChevronDownIcon2,
           {
             className: "relative top-px ml-1 size-3 transition-transform duration-200 group-data-open/navigation-menu-trigger:rotate-180",
@@ -1785,7 +1766,7 @@ function NavigationMenuContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx28(
     NavigationMenuPrimitive.Content,
     {
       "data-slot": "navigation-menu-content",
@@ -1798,21 +1779,21 @@ function NavigationMenuContent({
   );
 }
 function NavigationMenuViewport({ className }) {
-  return /* @__PURE__ */ jsx29(NavigationMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx28(NavigationMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx28(
     NavigationMenuPrimitive.Positioner,
     {
       side: "bottom",
       align: "start",
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsx29(
+      children: /* @__PURE__ */ jsx28(
         NavigationMenuPrimitive.Popup,
         {
           "data-slot": "navigation-menu-popup",
           className: cn(
-            "origin-(--transform-origin) overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+            "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:fade-out-0 data-closed:zoom-out-95",
             className
           ),
-          children: /* @__PURE__ */ jsx29(NavigationMenuPrimitive.Viewport, { "data-slot": "navigation-menu-viewport" })
+          children: /* @__PURE__ */ jsx28(NavigationMenuPrimitive.Viewport, { "data-slot": "navigation-menu-viewport" })
         }
       )
     }
@@ -1822,12 +1803,12 @@ function NavigationMenuLink({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx28(
     NavigationMenuPrimitive.Link,
     {
       "data-slot": "navigation-menu-link",
       className: cn(
-        "flex flex-col gap-1 rounded-md p-2 text-sm transition-colors outline-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 data-active:bg-accent/50 data-active:text-accent-foreground [&_svg:not([class*='size-'])]:size-4",
+        "flex flex-col gap-1 rounded-md p-2 text-sm transition-colors outline-none hover:bg-(--menu-hover-background) hover:text-(--menu-hover-foreground) focus:bg-(--menu-hover-background) focus:text-(--menu-hover-foreground) focus-visible:ring-[3px] focus-visible:ring-ring/50 data-active:bg-(--menu-active-background)/50 data-active:text-(--menu-active-foreground) [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       ...props
@@ -1837,9 +1818,9 @@ function NavigationMenuLink({
 
 // src/ui/pagination.tsx
 import { ChevronLeftIcon as ChevronLeftIcon3, ChevronRightIcon as ChevronRightIcon5, MoreHorizontalIcon as MoreHorizontalIcon2 } from "lucide-react";
-import { jsx as jsx30, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs10 } from "react/jsx-runtime";
 function Pagination({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx29(
     "nav",
     {
       role: "navigation",
@@ -1851,7 +1832,7 @@ function Pagination({ className, ...props }) {
   );
 }
 function PaginationContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx29(
     "ul",
     {
       "data-slot": "pagination-content",
@@ -1861,7 +1842,7 @@ function PaginationContent({ className, ...props }) {
   );
 }
 function PaginationItem({ ...props }) {
-  return /* @__PURE__ */ jsx30("li", { "data-slot": "pagination-item", ...props });
+  return /* @__PURE__ */ jsx29("li", { "data-slot": "pagination-item", ...props });
 }
 function PaginationLink({
   className,
@@ -1869,7 +1850,7 @@ function PaginationLink({
   disabled,
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx29(
     "a",
     {
       "aria-current": isActive ? "page" : void 0,
@@ -1881,6 +1862,7 @@ function PaginationLink({
         buttonVariants({
           variant: isActive ? "outline" : "ghost"
         }),
+        isActive && "border-(color:--pagination-active-border) bg-(--pagination-active-background) rounded-(--pagination-active-radius)",
         disabled && "pointer-events-none opacity-50",
         className
       ),
@@ -1899,8 +1881,8 @@ function PaginationPrevious({
       className: cn("gap-1 px-2.5 sm:pl-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx30(ChevronLeftIcon3, {}),
-        /* @__PURE__ */ jsx30("span", { className: "hidden sm:block", children: "Previous" })
+        /* @__PURE__ */ jsx29(ChevronLeftIcon3, {}),
+        /* @__PURE__ */ jsx29("span", { className: "hidden sm:block", children: "Previous" })
       ]
     }
   );
@@ -1916,8 +1898,8 @@ function PaginationNext({
       className: cn("gap-1 px-2.5 sm:pr-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx30("span", { className: "hidden sm:block", children: "Next" }),
-        /* @__PURE__ */ jsx30(ChevronRightIcon5, {})
+        /* @__PURE__ */ jsx29("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ jsx29(ChevronRightIcon5, {})
       ]
     }
   );
@@ -1931,8 +1913,8 @@ function PaginationEllipsis({ className, ...props }) {
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx30(MoreHorizontalIcon2, { className: "size-4" }),
-        /* @__PURE__ */ jsx30("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ jsx29(MoreHorizontalIcon2, { className: "size-4" }),
+        /* @__PURE__ */ jsx29("span", { className: "sr-only", children: "More pages" })
       ]
     }
   );
@@ -1940,9 +1922,9 @@ function PaginationEllipsis({ className, ...props }) {
 
 // src/ui/progress.tsx
 import { Progress as ProgressPrimitive } from "@base-ui/react/progress";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 function Progress({ className, ...props }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx30(
     ProgressPrimitive.Root,
     {
       "data-slot": "progress",
@@ -1952,11 +1934,11 @@ function Progress({ className, ...props }) {
   );
 }
 function ProgressTrack({ className, ...props }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx30(
     ProgressPrimitive.Track,
     {
       "data-slot": "progress-track",
-      className: cn("h-2 w-full overflow-hidden rounded-full bg-muted", className),
+      className: cn("h-2 w-full overflow-hidden rounded-full bg-(--progress-track)", className),
       ...props
     }
   );
@@ -1965,12 +1947,12 @@ function ProgressIndicator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx30(
     ProgressPrimitive.Indicator,
     {
       "data-slot": "progress-indicator",
       className: cn(
-        "h-full bg-primary transition-[width] duration-300 ease-in-out",
+        "h-full bg-(--progress-indicator) transition-[width] duration-300 ease-in-out",
         className
       ),
       ...props
@@ -1981,9 +1963,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 jsx32 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function RadioGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx31(
     RadioGroupPrimitive,
     {
       "data-slot": "radio-group",
@@ -1993,21 +1975,21 @@ function RadioGroup({ className, ...props }) {
   );
 }
 function RadioGroupItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx31(
     RadioPrimitive.Root,
     {
       "data-slot": "radio-group-item",
       className: cn(
-        "aspect-square size-4 shrink-0 cursor-pointer rounded-full border border-input shadow-xs transition-colors outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-checked:border-primary",
+        "aspect-square size-4 shrink-0 cursor-pointer inline-flex items-center justify-center rounded-full border border-(color:--radio-border) shadow-xs transition-colors outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-checked:border-(color:--radio-checked)",
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx32(
+      children: /* @__PURE__ */ jsx31(
         RadioPrimitive.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "flex items-center justify-center",
-          children: /* @__PURE__ */ jsx32("span", { className: "size-2 rounded-full bg-primary" })
+          children: /* @__PURE__ */ jsx31("span", { className: "size-2 rounded-full bg-(--radio-checked)" })
         }
       )
     }
@@ -2021,12 +2003,12 @@ import {
   Panel as PanelPrimitive,
   Separator as PanelResizeHandlePrimitive
 } from "react-resizable-panels";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function PanelGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx32(
     PanelGroupPrimitive,
     {
       "data-slot": "resizable-panel-group",
@@ -2039,14 +2021,14 @@ function PanelGroup({
   );
 }
 function Panel({ ...props }) {
-  return /* @__PURE__ */ jsx33(PanelPrimitive, { "data-slot": "resizable-panel", ...props });
+  return /* @__PURE__ */ jsx32(PanelPrimitive, { "data-slot": "resizable-panel", ...props });
 }
 function ResizableHandle({
   withHandle,
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx32(
     PanelResizeHandlePrimitive,
     {
       "data-slot": "resizable-handle",
@@ -2055,14 +2037,14 @@ function ResizableHandle({
         className
       ),
       ...props,
-      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
+      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
     }
   );
 }
 
 // src/ui/scroll-area.tsx
 import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area";
-import { jsx as jsx34, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs11 } from "react/jsx-runtime";
 function ScrollArea({
   className,
   children,
@@ -2075,7 +2057,7 @@ function ScrollArea({
       className: cn("relative overflow-hidden", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx33(
           ScrollAreaPrimitive.Viewport,
           {
             "data-slot": "scroll-area-viewport",
@@ -2083,8 +2065,8 @@ function ScrollArea({
             children
           }
         ),
-        /* @__PURE__ */ jsx34(ScrollBar, {}),
-        /* @__PURE__ */ jsx34(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ jsx33(ScrollBar, {}),
+        /* @__PURE__ */ jsx33(ScrollAreaPrimitive.Corner, {})
       ]
     }
   );
@@ -2094,7 +2076,7 @@ function ScrollBar({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx33(
     ScrollAreaPrimitive.Scrollbar,
     {
       "data-slot": "scroll-area-scrollbar",
@@ -2106,7 +2088,7 @@ function ScrollBar({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx34(
+      children: /* @__PURE__ */ jsx33(
         ScrollAreaPrimitive.Thumb,
         {
           "data-slot": "scroll-area-thumb",
@@ -2120,17 +2102,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 jsx35, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs12 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 function SelectGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx35(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
+  return /* @__PURE__ */ jsx34(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
 }
 function SelectValue({
   ...props
 }) {
-  return /* @__PURE__ */ jsx35(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ jsx34(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
 }
 function SelectTrigger({
   className,
@@ -2150,10 +2132,10 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx35(
+        /* @__PURE__ */ jsx34(
           SelectPrimitive.Icon,
           {
-            render: /* @__PURE__ */ jsx35(ChevronDownIcon3, { className: "size-4 opacity-50" })
+            render: /* @__PURE__ */ jsx34(ChevronDownIcon3, { className: "size-4 opacity-50" })
           }
         )
       ]
@@ -2169,7 +2151,7 @@ function SelectContent({
   alignItemWithTrigger = false,
   ...props
 }) {
-  return /* @__PURE__ */ jsx35(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx34(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx34(
     SelectPrimitive.Positioner,
     {
       side,
@@ -2182,14 +2164,14 @@ function SelectContent({
         {
           "data-slot": "select-content",
           className: cn(
-            "relative z-50 max-h-96 min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border border-border bg-popover text-popover-foreground shadow-md duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+            "relative z-50 max-h-96 min-w-[8rem] overflow-x-hidden overflow-y-auto 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:fade-out-0 data-closed:zoom-out-95",
             className
           ),
           ...props,
           children: [
-            /* @__PURE__ */ jsx35(SelectScrollUpButton, {}),
-            /* @__PURE__ */ jsx35(SelectPrimitive.List, { className: "p-1", children }),
-            /* @__PURE__ */ jsx35(SelectScrollDownButton, {})
+            /* @__PURE__ */ jsx34(SelectScrollUpButton, {}),
+            /* @__PURE__ */ jsx34(SelectPrimitive.List, { className: "p-1", children }),
+            /* @__PURE__ */ jsx34(SelectScrollDownButton, {})
           ]
         }
       )
@@ -2200,7 +2182,7 @@ function SelectLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx34(
     SelectPrimitive.GroupLabel,
     {
       "data-slot": "select-label",
@@ -2219,13 +2201,13 @@ function SelectItem({
     {
       "data-slot": "select-item",
       className: cn(
-        "relative flex w-full cursor-pointer items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-none select-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "relative flex w-full cursor-pointer items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-none select-none focus:bg-(--menu-hover-background) focus:text-(--menu-hover-foreground) data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       ...props,
       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 })
+        /* @__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 })
       ]
     }
   );
@@ -2234,7 +2216,7 @@ function SelectSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx34(
     SelectPrimitive.Separator,
     {
       "data-slot": "select-separator",
@@ -2247,7 +2229,7 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx34(
     SelectPrimitive.ScrollUpArrow,
     {
       "data-slot": "select-scroll-up-button",
@@ -2256,7 +2238,7 @@ function SelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx35(ChevronUpIcon, { className: "size-4" })
+      children: /* @__PURE__ */ jsx34(ChevronUpIcon, { className: "size-4" })
     }
   );
 }
@@ -2264,7 +2246,7 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx34(
     SelectPrimitive.ScrollDownArrow,
     {
       "data-slot": "select-scroll-down-button",
@@ -2273,194 +2255,16 @@ function SelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx35(ChevronDownIcon3, { className: "size-4" })
-    }
-  );
-}
-
-// src/ui/separator.tsx
-import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
-import { jsx as jsx36 } from "react/jsx-runtime";
-function Separator({
-  className,
-  orientation = "horizontal",
-  decorative: _decorative,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx36(
-    SeparatorPrimitive,
-    {
-      "data-slot": "separator",
-      orientation,
-      className: cn(
-        "shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-// src/ui/sheet.tsx
-import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
-import { XIcon } from "lucide-react";
-import { cva as cva4 } from "class-variance-authority";
-import { jsx as jsx37, jsxs as jsxs13 } from "react/jsx-runtime";
-function Sheet({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx37(DialogPrimitive.Root, { "data-slot": "sheet", ...props });
-}
-function SheetTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx37(DialogPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
-}
-function SheetClose({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx37(DialogPrimitive.Close, { "data-slot": "sheet-close", ...props });
-}
-function SheetPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx37(DialogPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
-}
-function SheetOverlay({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx37(
-    DialogPrimitive.Backdrop,
-    {
-      "data-slot": "sheet-overlay",
-      className: cn(
-        "fixed inset-0 z-50 bg-black/50 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
-        className
-      ),
-      ...props
-    }
-  );
-}
-var sheetVariants = cva4(
-  "fixed z-50 flex flex-col gap-4 border-border bg-background shadow-lg transition ease-in-out data-open:animate-in data-open:duration-300 data-closed:animate-out data-closed:duration-200",
-  {
-    variants: {
-      side: {
-        right: "inset-y-0 right-0 h-full w-3/4 border-l data-open:slide-in-from-right data-closed:slide-out-to-right sm:max-w-sm",
-        left: "inset-y-0 left-0 h-full w-3/4 border-r data-open:slide-in-from-left data-closed:slide-out-to-left sm:max-w-sm",
-        top: "inset-x-0 top-0 border-b data-open:slide-in-from-top data-closed:slide-out-to-top",
-        bottom: "inset-x-0 bottom-0 border-t data-open:slide-in-from-bottom data-closed:slide-out-to-bottom"
-      }
-    },
-    defaultVariants: {
-      side: "right"
-    }
-  }
-);
-function SheetContent({
-  className,
-  children,
-  side = "right",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs13(SheetPortal, { "data-slot": "sheet-portal", children: [
-    /* @__PURE__ */ jsx37(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs13(
-      DialogPrimitive.Popup,
-      {
-        "data-slot": "sheet-content",
-        className: cn(sheetVariants({ side }), className),
-        ...props,
-        children: [
-          children,
-          /* @__PURE__ */ jsxs13(
-            DialogPrimitive.Close,
-            {
-              "data-slot": "sheet-close",
-              render: /* @__PURE__ */ jsx37(
-                "button",
-                {
-                  type: "button",
-                  className: "absolute top-4 right-4 cursor-pointer rounded-xs opacity-70 transition-opacity hover:opacity-100 focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
-                }
-              ),
-              children: [
-                /* @__PURE__ */ jsx37(XIcon, {}),
-                /* @__PURE__ */ jsx37("span", { className: "sr-only", children: "Close" })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
-function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
-    "div",
-    {
-      "data-slot": "sheet-header",
-      className: cn("flex flex-col gap-1.5 p-4", className),
-      ...props
-    }
-  );
-}
-function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
-    "div",
-    {
-      "data-slot": "sheet-footer",
-      className: cn("mt-auto flex flex-col gap-2 p-4", className),
-      ...props
-    }
-  );
-}
-function SheetTitle({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx37(
-    DialogPrimitive.Title,
-    {
-      "data-slot": "sheet-title",
-      className: cn("font-semibold text-foreground", className),
-      ...props
-    }
-  );
-}
-function SheetDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx37(
-    DialogPrimitive.Description,
-    {
-      "data-slot": "sheet-description",
-      className: cn("text-sm text-muted-foreground", className),
-      ...props
-    }
-  );
-}
-
-// src/ui/skeleton.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
-function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx38(
-    "div",
-    {
-      "data-slot": "skeleton",
-      className: cn("animate-pulse rounded-md bg-muted", className),
-      ...props
+      children: /* @__PURE__ */ jsx34(ChevronDownIcon3, { className: "size-4" })
     }
   );
 }
 
 // src/ui/slider.tsx
 import { Slider as SliderPrimitive } from "@base-ui/react/slider";
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 function Slider({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx35(
     SliderPrimitive.Root,
     {
       "data-slot": "slider",
@@ -2473,7 +2277,7 @@ function Slider({ className, ...props }) {
   );
 }
 function SliderControl({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx35(
     SliderPrimitive.Control,
     {
       "data-slot": "slider-control",
@@ -2483,12 +2287,12 @@ function SliderControl({ className, ...props }) {
   );
 }
 function SliderTrack({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx35(
     SliderPrimitive.Track,
     {
       "data-slot": "slider-track",
       className: cn(
-        "relative h-1.5 w-full grow overflow-hidden rounded-full bg-muted",
+        "relative h-1.5 w-full grow overflow-hidden rounded-full bg-(--slider-track)",
         className
       ),
       ...props
@@ -2496,22 +2300,22 @@ function SliderTrack({ className, ...props }) {
   );
 }
 function SliderIndicator({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx35(
     SliderPrimitive.Indicator,
     {
       "data-slot": "slider-indicator",
-      className: cn("absolute h-full bg-primary", className),
+      className: cn("absolute h-full bg-(--slider-range)", className),
       ...props
     }
   );
 }
 function SliderThumb({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx35(
     SliderPrimitive.Thumb,
     {
       "data-slot": "slider-thumb",
       className: cn(
-        "block size-4 shrink-0 cursor-grab rounded-full border border-primary bg-background shadow-sm transition-colors focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none active:cursor-grabbing disabled:pointer-events-none disabled:opacity-50",
+        "block size-4 shrink-0 cursor-grab rounded-full border border-primary bg-(--slider-thumb) shadow-sm transition-colors focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none active:cursor-grabbing disabled:pointer-events-none disabled:opacity-50",
         className
       ),
       ...props
@@ -2521,8 +2325,8 @@ function SliderThumb({ className, ...props }) {
 
 // src/ui/toast.tsx
 import { Toast as ToastPrimitive } from "@base-ui/react/toast";
-import { XIcon as XIcon2 } from "lucide-react";
-import { jsx as jsx40, jsxs as jsxs14 } from "react/jsx-runtime";
+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({
@@ -2538,7 +2342,7 @@ var toastVariantClass = {
 };
 function ToasterViewport({ className }) {
   const { toasts } = ToastPrimitive.useToastManager();
-  return /* @__PURE__ */ jsx40(ToastPrimitive.Portal, { children: /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx36(ToastPrimitive.Portal, { children: /* @__PURE__ */ jsx36(
     ToastPrimitive.Viewport,
     {
       "data-slot": "toast-viewport",
@@ -2546,26 +2350,26 @@ function ToasterViewport({ className }) {
         "fixed top-4 right-4 z-[100] flex w-80 flex-col gap-2 outline-none",
         className
       ),
-      children: toasts.map((item) => /* @__PURE__ */ jsx40(
+      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 transition-[opacity,transform] duration-200 data-ending-style:animate-toast-out data-starting-style:animate-toast-in",
+            "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__ */ jsxs14(ToastPrimitive.Content, { className: "flex items-start justify-between gap-2", children: [
-            /* @__PURE__ */ jsxs14("div", { className: "grid gap-0.5", children: [
-              /* @__PURE__ */ jsx40(
+          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__ */ jsx40(
+              /* @__PURE__ */ jsx36(
                 ToastPrimitive.Description,
                 {
                   "data-slot": "toast-description",
@@ -2573,13 +2377,13 @@ function ToasterViewport({ className }) {
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx40(
+            /* @__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__ */ jsx40(XIcon2, {})
+                children: /* @__PURE__ */ jsx36(XIcon, {})
               }
             )
           ] })
@@ -2590,14 +2394,14 @@ function ToasterViewport({ className }) {
   ) });
 }
 function Toaster({ className }) {
-  return /* @__PURE__ */ jsx40(ToastPrimitive.Provider, { toastManager, children: /* @__PURE__ */ jsx40(ToasterViewport, { className }) });
+  return /* @__PURE__ */ jsx36(ToastPrimitive.Provider, { toastManager, children: /* @__PURE__ */ jsx36(ToasterViewport, { className }) });
 }
 
 // src/ui/spinner.tsx
 import { Loader2Icon } from "lucide-react";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 function Spinner({ className, ...props }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx37(
     Loader2Icon,
     {
       role: "status",
@@ -2611,22 +2415,22 @@ function Spinner({ className, ...props }) {
 
 // src/ui/switch.tsx
 import { Switch as SwitchPrimitive } from "@base-ui/react/switch";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 function Switch({ className, ...props }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx38(
     SwitchPrimitive.Root,
     {
       "data-slot": "switch",
       className: cn(
-        "inline-flex h-[1.15rem] w-8 shrink-0 cursor-pointer items-center rounded-full border border-transparent shadow-xs transition-colors outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-checked:bg-primary data-unchecked:bg-input",
+        "inline-flex h-[1.15rem] w-8 shrink-0 cursor-pointer items-center rounded-full border border-transparent shadow-xs transition-colors outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-checked:bg-(--switch-track-checked) data-unchecked:bg-(--switch-track)",
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx42(
+      children: /* @__PURE__ */ jsx38(
         SwitchPrimitive.Thumb,
         {
           "data-slot": "switch-thumb",
-          className: "pointer-events-none block size-4 rounded-full bg-background transition-transform data-checked:translate-x-[calc(100%-2px)] data-unchecked:translate-x-0"
+          className: "pointer-events-none block size-4 rounded-full bg-(--switch-thumb) transition-transform data-checked:translate-x-[calc(100%-2px)] data-unchecked:translate-x-0"
         }
       )
     }
@@ -2635,12 +2439,12 @@ function Switch({ className, ...props }) {
 
 // src/ui/tabs.tsx
 import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 function Tabs({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx39(
     TabsPrimitive.Root,
     {
       "data-slot": "tabs",
@@ -2653,7 +2457,7 @@ function TabsList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx39(
     TabsPrimitive.List,
     {
       "data-slot": "tabs-list",
@@ -2669,12 +2473,12 @@ function TabsTrigger({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx39(
     TabsPrimitive.Tab,
     {
       "data-slot": "tabs-trigger",
       className: cn(
-        "inline-flex h-[calc(100%-1px)] flex-1 cursor-pointer items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-foreground transition-colors focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-active:border-border data-active:bg-background data-active:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "inline-flex h-[calc(100%-1px)] flex-1 cursor-pointer items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-foreground transition-colors focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-active:border-border data-active:bg-card data-active:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       ...props
@@ -2685,7 +2489,7 @@ function TabsContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx39(
     TabsPrimitive.Panel,
     {
       "data-slot": "tabs-content",
@@ -2697,9 +2501,9 @@ 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 jsx44 } from "react/jsx-runtime";
-var toggleVariants = cva5(
+import { cva as cva4 } from "class-variance-authority";
+import { jsx as jsx40 } from "react/jsx-runtime";
+var toggleVariants = cva4(
   "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",
   {
     variants: {
@@ -2725,7 +2529,7 @@ function Toggle({
   size,
   ...props
 }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx40(
     TogglePrimitive,
     {
       "data-slot": "toggle",
@@ -2739,7 +2543,7 @@ function Toggle({
 import { Toggle as TogglePrimitive2 } from "@base-ui/react/toggle";
 import { ToggleGroup as ToggleGroupPrimitive } from "@base-ui/react/toggle-group";
 import * as React3 from "react";
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 var ToggleGroupContext = React3.createContext({
   size: "default",
   variant: "default"
@@ -2751,18 +2555,18 @@ function ToggleGroup({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx41(
     ToggleGroupPrimitive,
     {
       "data-slot": "toggle-group",
       "data-variant": variant,
       "data-size": size,
       className: cn(
-        "group/toggle-group flex w-fit items-center rounded-md [&>[data-slot=toggle]]:rounded-none [&>[data-slot=toggle]]:first:rounded-l-md [&>[data-slot=toggle]]:last:rounded-r-md",
+        "group/toggle-group flex w-fit items-center gap-1 rounded-md",
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx45(ToggleGroupContext.Provider, { value: { variant, size }, children })
+      children: /* @__PURE__ */ jsx41(ToggleGroupContext.Provider, { value: { variant, size }, children })
     }
   );
 }
@@ -2774,7 +2578,7 @@ function ToggleGroupItem({
   ...props
 }) {
   const context = React3.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx41(
     TogglePrimitive2,
     {
       "data-slot": "toggle-group-item",
@@ -2795,9 +2599,9 @@ function ToggleGroupItem({
 }
 
 // src/ui/typography.tsx
-import { cva as cva6 } from "class-variance-authority";
-import { jsx as jsx46 } from "react/jsx-runtime";
-var typographyVariants = cva6("", {
+import { cva as cva5 } from "class-variance-authority";
+import { jsx as jsx42 } from "react/jsx-runtime";
+var typographyVariants = cva5("", {
   variants: {
     variant: {
       h1: "scroll-m-20 text-4xl font-extrabold tracking-tight text-balance",
@@ -2832,7 +2636,7 @@ var variantTagMap = {
 };
 function Typography({ className, variant = "p", ...props }) {
   const Tag = variantTagMap[variant ?? "p"];
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx42(
     Tag,
     {
       "data-slot": "typography",
@@ -2901,7 +2705,6 @@ export {
   ContextMenuContent,
   ContextMenuItem,
   ContextMenuSeparator,
-  Input,
   Table,
   TableHeader,
   TableBody,
@@ -2986,18 +2789,6 @@ export {
   SelectSeparator,
   SelectScrollUpButton,
   SelectScrollDownButton,
-  Separator,
-  Sheet,
-  SheetTrigger,
-  SheetClose,
-  SheetPortal,
-  SheetOverlay,
-  SheetContent,
-  SheetHeader,
-  SheetFooter,
-  SheetTitle,
-  SheetDescription,
-  Skeleton,
   Slider,
   SliderControl,
   SliderTrack,