@augmenting-integrations/ui 0.1.0 → 0.2.1

package/dist/index.mjs

@@ -1,6 +1,6 @@
 // src/components/ui/avatar.tsx
 import * as React2 from "react";
-import { Avatar as AvatarPrimitive } from "@base-ui/react/avatar";
+import { Avatar as AvatarPrimitive } from "radix-ui";
 
 // src/lib/utils.ts
 import { clsx } from "clsx";
@@ -21,24 +21,30 @@ function Avatar({
       "data-slot": "avatar",
       "data-size": size,
       className: cn(
-        "group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten",
+        "group/avatar relative flex size-8 shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6",
         className
       ),
       ...props
     }
   );
 }
-function AvatarImage({ className, ...props }) {
+function AvatarImage({
+  className,
+  ...props
+}) {
   return /* @__PURE__ */ React2.createElement(
     AvatarPrimitive.Image,
     {
       "data-slot": "avatar-image",
-      className: cn("aspect-square size-full rounded-full object-cover", className),
+      className: cn("aspect-square size-full", className),
       ...props
     }
   );
 }
-function AvatarFallback({ className, ...props }) {
+function AvatarFallback({
+  className,
+  ...props
+}) {
   return /* @__PURE__ */ React2.createElement(
     AvatarPrimitive.Fallback,
     {
@@ -57,7 +63,7 @@ function AvatarBadge({ className, ...props }) {
     {
       "data-slot": "avatar-badge",
       className: cn(
-        "absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground bg-blend-color ring-2 ring-background select-none",
+        "absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground ring-2 ring-background select-none",
         "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden",
         "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2",
         "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2",
@@ -95,20 +101,20 @@ function AvatarGroupCount({ className, ...props }) {
 }
 
 // src/components/ui/badge.tsx
-import { mergeProps } from "@base-ui/react/merge-props";
-import { useRender } from "@base-ui/react/use-render";
+import * as React3 from "react";
 import { cva } from "class-variance-authority";
+import { Slot } from "radix-ui";
 var badgeVariants = cva(
-  "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",
+  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
-        secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
-        destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
-        outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
-        ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
-        link: "text-primary underline-offset-4 hover:underline"
+        default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "bg-destructive text-white focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/90",
+        outline: "border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        ghost: "[a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 [a&]:hover:underline"
       }
     },
     defaultVariants: {
@@ -119,49 +125,46 @@ var badgeVariants = cva(
 function Badge({
   className,
   variant = "default",
-  render,
+  asChild = false,
   ...props
 }) {
-  return useRender({
-    defaultTagName: "span",
-    props: mergeProps(
-      {
-        className: cn(badgeVariants({ variant }), className)
-      },
-      props
-    ),
-    render,
-    state: {
-      slot: "badge",
-      variant
+  const Comp = asChild ? Slot.Root : "span";
+  return /* @__PURE__ */ React3.createElement(
+    Comp,
+    {
+      "data-slot": "badge",
+      "data-variant": variant,
+      className: cn(badgeVariants({ variant }), className),
+      ...props
     }
-  });
+  );
 }
 
 // src/components/ui/button.tsx
-import { Button as ButtonPrimitive } from "@base-ui/react/button";
+import * as React4 from "react";
 import { cva as cva2 } from "class-variance-authority";
+import { Slot as Slot2 } from "radix-ui";
 var buttonVariants = cva2(
-  "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  "inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
-        outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
-        ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
-        destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
         link: "text-primary underline-offset-4 hover:underline"
       },
       size: {
-        default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-        xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
-        sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
-        lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-        icon: "size-8",
-        "icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
-        "icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
-        "icon-lg": "size-9"
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
       }
     },
     defaultVariants: {
@@ -174,12 +177,16 @@ function Button({
   className,
   variant = "default",
   size = "default",
+  asChild = false,
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
-    ButtonPrimitive,
+  const Comp = asChild ? Slot2.Root : "button";
+  return /* @__PURE__ */ React4.createElement(
+    Comp,
     {
       "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
       className: cn(buttonVariants({ variant, size, className })),
       ...props
     }
@@ -187,19 +194,14 @@ function Button({
 }
 
 // src/components/ui/card.tsx
-import * as React3 from "react";
-function Card({
-  className,
-  size = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ React3.createElement(
+import * as React5 from "react";
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ React5.createElement(
     "div",
     {
       "data-slot": "card",
-      "data-size": size,
       className: cn(
-        "group/card flex flex-col gap-4 overflow-hidden rounded-xl bg-card py-4 text-sm text-card-foreground ring-1 ring-foreground/10 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",
+        "flex flex-col gap-6 rounded-xl border bg-card py-6 text-card-foreground shadow-sm",
         className
       ),
       ...props
@@ -207,12 +209,12 @@ function Card({
   );
 }
 function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ React3.createElement(
+  return /* @__PURE__ */ React5.createElement(
     "div",
     {
       "data-slot": "card-header",
       className: cn(
-        "group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3",
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
         className
       ),
       ...props
@@ -220,20 +222,17 @@ function CardHeader({ className, ...props }) {
   );
 }
 function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ React3.createElement(
+  return /* @__PURE__ */ React5.createElement(
     "div",
     {
       "data-slot": "card-title",
-      className: cn(
-        "font-heading text-base leading-snug font-medium group-data-[size=sm]/card:text-sm",
-        className
-      ),
+      className: cn("leading-none font-semibold", className),
       ...props
     }
   );
 }
 function CardDescription({ className, ...props }) {
-  return /* @__PURE__ */ React3.createElement(
+  return /* @__PURE__ */ React5.createElement(
     "div",
     {
       "data-slot": "card-description",
@@ -243,7 +242,7 @@ function CardDescription({ className, ...props }) {
   );
 }
 function CardAction({ className, ...props }) {
-  return /* @__PURE__ */ React3.createElement(
+  return /* @__PURE__ */ React5.createElement(
     "div",
     {
       "data-slot": "card-action",
@@ -256,77 +255,76 @@ function CardAction({ className, ...props }) {
   );
 }
 function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ React3.createElement(
-    "div",
-    {
-      "data-slot": "card-content",
-      className: cn("px-4 group-data-[size=sm]/card:px-3", className),
-      ...props
-    }
-  );
+  return /* @__PURE__ */ React5.createElement("div", { "data-slot": "card-content", className: cn("px-6", className), ...props });
 }
 function CardFooter({ className, ...props }) {
-  return /* @__PURE__ */ React3.createElement(
+  return /* @__PURE__ */ React5.createElement(
     "div",
     {
       "data-slot": "card-footer",
-      className: cn(
-        "flex items-center rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/card:p-3",
-        className
-      ),
+      className: cn("flex items-center px-6 [.border-t]:pt-6", className),
       ...props
     }
   );
 }
 
 // src/components/ui/checkbox.tsx
-import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
+import * as React6 from "react";
 import { CheckIcon } from "lucide-react";
-function Checkbox({ className, ...props }) {
-  return /* @__PURE__ */ React.createElement(
+import { Checkbox as CheckboxPrimitive } from "radix-ui";
+function Checkbox({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React6.createElement(
     CheckboxPrimitive.Root,
     {
       "data-slot": "checkbox",
       className: cn(
-        "peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input transition-colors outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary",
+        "peer size-4 shrink-0 rounded-[4px] border border-input shadow-xs transition-shadow outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-input/30 dark:aria-invalid:ring-destructive/40 dark:data-[state=checked]:bg-primary",
         className
       ),
       ...props
     },
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React6.createElement(
       CheckboxPrimitive.Indicator,
       {
         "data-slot": "checkbox-indicator",
-        className: "grid place-content-center text-current transition-none [&>svg]:size-3.5"
+        className: "grid place-content-center text-current transition-none"
       },
-      /* @__PURE__ */ React.createElement(CheckIcon, null)
+      /* @__PURE__ */ React6.createElement(CheckIcon, { className: "size-3.5" })
     )
   );
 }
 
 // src/components/ui/dialog.tsx
-import * as React4 from "react";
-import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+import * as React7 from "react";
 import { XIcon } from "lucide-react";
+import { Dialog as DialogPrimitive } from "radix-ui";
 function Dialog({ ...props }) {
-  return /* @__PURE__ */ React4.createElement(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+  return /* @__PURE__ */ React7.createElement(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
 }
-function DialogTrigger({ ...props }) {
-  return /* @__PURE__ */ React4.createElement(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+function DialogTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ React7.createElement(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
 }
 function DialogPortal({ ...props }) {
-  return /* @__PURE__ */ React4.createElement(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+  return /* @__PURE__ */ React7.createElement(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
 }
 function DialogClose({ ...props }) {
-  return /* @__PURE__ */ React4.createElement(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
+  return /* @__PURE__ */ React7.createElement(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
 }
-function DialogOverlay({ className, ...props }) {
-  return /* @__PURE__ */ React4.createElement(
-    DialogPrimitive.Backdrop,
+function DialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React7.createElement(
+    DialogPrimitive.Overlay,
     {
       "data-slot": "dialog-overlay",
       className: cn(
-        "fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        "fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
         className
       ),
       ...props
@@ -339,34 +337,34 @@ function DialogContent({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ React4.createElement(DialogPortal, null, /* @__PURE__ */ React4.createElement(DialogOverlay, null), /* @__PURE__ */ React4.createElement(
-    DialogPrimitive.Popup,
+  return /* @__PURE__ */ React7.createElement(DialogPortal, { "data-slot": "dialog-portal" }, /* @__PURE__ */ React7.createElement(DialogOverlay, null), /* @__PURE__ */ React7.createElement(
+    DialogPrimitive.Content,
     {
       "data-slot": "dialog-content",
       className: cn(
-        "fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm 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",
+        "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 bg-background p-6 shadow-lg duration-200 outline-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:max-w-lg",
         className
       ),
       ...props
     },
     children,
-    showCloseButton && /* @__PURE__ */ React4.createElement(
+    showCloseButton && /* @__PURE__ */ React7.createElement(
       DialogPrimitive.Close,
       {
         "data-slot": "dialog-close",
-        render: /* @__PURE__ */ React4.createElement(Button, { variant: "ghost", className: "absolute top-2 right-2", size: "icon-sm" })
+        className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
       },
-      /* @__PURE__ */ React4.createElement(XIcon, null),
-      /* @__PURE__ */ React4.createElement("span", { className: "sr-only" }, "Close")
+      /* @__PURE__ */ React7.createElement(XIcon, null),
+      /* @__PURE__ */ React7.createElement("span", { className: "sr-only" }, "Close")
     )
   ));
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ React7.createElement(
     "div",
     {
       "data-slot": "dialog-header",
-      className: cn("flex flex-col gap-2", className),
+      className: cn("flex flex-col gap-2 text-center sm:text-left", className),
       ...props
     }
   );
@@ -377,107 +375,85 @@ function DialogFooter({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ React7.createElement(
     "div",
     {
       "data-slot": "dialog-footer",
-      className: cn(
-        "-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 sm:flex-row sm:justify-end",
-        className
-      ),
+      className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
       ...props
     },
     children,
-    showCloseButton && /* @__PURE__ */ React4.createElement(DialogPrimitive.Close, { render: /* @__PURE__ */ React4.createElement(Button, { variant: "outline" }) }, "Close")
+    showCloseButton && /* @__PURE__ */ React7.createElement(DialogPrimitive.Close, { asChild: true }, /* @__PURE__ */ React7.createElement(Button, { variant: "outline" }, "Close"))
   );
 }
-function DialogTitle({ className, ...props }) {
-  return /* @__PURE__ */ React4.createElement(
+function DialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React7.createElement(
     DialogPrimitive.Title,
     {
       "data-slot": "dialog-title",
-      className: cn("font-heading text-base leading-none font-medium", className),
+      className: cn("text-lg leading-none font-semibold", className),
       ...props
     }
   );
 }
-function DialogDescription({ className, ...props }) {
-  return /* @__PURE__ */ React4.createElement(
+function DialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React7.createElement(
     DialogPrimitive.Description,
     {
       "data-slot": "dialog-description",
-      className: cn(
-        "text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",
-        className
-      ),
+      className: cn("text-sm text-muted-foreground", className),
       ...props
     }
   );
 }
 
 // src/components/ui/dropdown-menu.tsx
-import * as React5 from "react";
-import { Menu as MenuPrimitive } from "@base-ui/react/menu";
-import { ChevronRightIcon, CheckIcon as CheckIcon2 } from "lucide-react";
-function DropdownMenu({ ...props }) {
-  return /* @__PURE__ */ React5.createElement(MenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
-}
-function DropdownMenuPortal({ ...props }) {
-  return /* @__PURE__ */ React5.createElement(MenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
-}
-function DropdownMenuTrigger({ ...props }) {
-  return /* @__PURE__ */ React5.createElement(MenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+import * as React8 from "react";
+import { CheckIcon as CheckIcon2, ChevronRightIcon, CircleIcon } from "lucide-react";
+import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+function DropdownMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ React8.createElement(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
 }
-function DropdownMenuContent({
-  align = "start",
-  alignOffset = 0,
-  side = "bottom",
-  sideOffset = 4,
-  className,
+function DropdownMenuPortal({
   ...props
 }) {
-  return /* @__PURE__ */ React5.createElement(MenuPrimitive.Portal, null, /* @__PURE__ */ React5.createElement(
-    MenuPrimitive.Positioner,
-    {
-      className: "isolate z-50 outline-none",
-      align,
-      alignOffset,
-      side,
-      sideOffset
-    },
-    /* @__PURE__ */ React5.createElement(
-      MenuPrimitive.Popup,
-      {
-        "data-slot": "dropdown-menu-content",
-        className: cn(
-          "z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95",
-          className
-        ),
-        ...props
-      }
-    )
-  ));
+  return /* @__PURE__ */ React8.createElement(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
 }
-function DropdownMenuGroup({ ...props }) {
-  return /* @__PURE__ */ React5.createElement(MenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
+function DropdownMenuTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ React8.createElement(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
 }
-function DropdownMenuLabel({
+function DropdownMenuContent({
   className,
-  inset,
+  sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ React5.createElement(
-    MenuPrimitive.GroupLabel,
+  return /* @__PURE__ */ React8.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React8.createElement(
+    DropdownMenuPrimitive.Content,
     {
-      "data-slot": "dropdown-menu-label",
-      "data-inset": inset,
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
       className: cn(
-        "px-1.5 py-1 text-xs font-medium text-muted-foreground data-inset:pl-7",
+        "z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
         className
       ),
       ...props
     }
-  );
+  ));
+}
+function DropdownMenuGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ React8.createElement(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
 }
 function DropdownMenuItem({
   className,
@@ -485,132 +461,86 @@ function DropdownMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ React5.createElement(
-    MenuPrimitive.Item,
+  return /* @__PURE__ */ React8.createElement(
+    DropdownMenuPrimitive.Item,
     {
       "data-slot": "dropdown-menu-item",
       "data-inset": inset,
       "data-variant": variant,
       className: cn(
-        "group/dropdown-menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive",
+        "relative flex cursor-default 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-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!",
         className
       ),
       ...props
     }
   );
 }
-function DropdownMenuSub({ ...props }) {
-  return /* @__PURE__ */ React5.createElement(MenuPrimitive.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...props });
-}
-function DropdownMenuSubTrigger({
+function DropdownMenuCheckboxItem({
   className,
-  inset,
   children,
+  checked,
   ...props
 }) {
-  return /* @__PURE__ */ React5.createElement(
-    MenuPrimitive.SubmenuTrigger,
+  return /* @__PURE__ */ React8.createElement(
+    DropdownMenuPrimitive.CheckboxItem,
     {
-      "data-slot": "dropdown-menu-sub-trigger",
-      "data-inset": inset,
+      "data-slot": "dropdown-menu-checkbox-item",
       className: cn(
-        "flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-popup-open:bg-accent data-popup-open: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",
+        "relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden 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",
         className
       ),
+      checked,
       ...props
     },
-    children,
-    /* @__PURE__ */ React5.createElement(ChevronRightIcon, { className: "ml-auto" })
+    /* @__PURE__ */ React8.createElement("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" }, /* @__PURE__ */ React8.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React8.createElement(CheckIcon2, { className: "size-4" }))),
+    children
   );
 }
-function DropdownMenuSubContent({
-  align = "start",
-  alignOffset = -3,
-  side = "right",
-  sideOffset = 0,
-  className,
+function DropdownMenuRadioGroup({
   ...props
 }) {
-  return /* @__PURE__ */ React5.createElement(
-    DropdownMenuContent,
-    {
-      "data-slot": "dropdown-menu-sub-content",
-      className: cn(
-        "w-auto min-w-[96px] rounded-lg bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 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
-      ),
-      align,
-      alignOffset,
-      side,
-      sideOffset,
-      ...props
-    }
-  );
+  return /* @__PURE__ */ React8.createElement(DropdownMenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props });
 }
-function DropdownMenuCheckboxItem({
+function DropdownMenuRadioItem({
   className,
   children,
-  checked,
-  inset,
   ...props
 }) {
-  return /* @__PURE__ */ React5.createElement(
-    MenuPrimitive.CheckboxItem,
+  return /* @__PURE__ */ React8.createElement(
+    DropdownMenuPrimitive.RadioItem,
     {
-      "data-slot": "dropdown-menu-checkbox-item",
-      "data-inset": inset,
+      "data-slot": "dropdown-menu-radio-item",
       className: cn(
-        "relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 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-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden 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",
         className
       ),
-      checked,
       ...props
     },
-    /* @__PURE__ */ React5.createElement(
-      "span",
-      {
-        className: "pointer-events-none absolute right-2 flex items-center justify-center",
-        "data-slot": "dropdown-menu-checkbox-item-indicator"
-      },
-      /* @__PURE__ */ React5.createElement(MenuPrimitive.CheckboxItemIndicator, null, /* @__PURE__ */ React5.createElement(CheckIcon2, null))
-    ),
+    /* @__PURE__ */ React8.createElement("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" }, /* @__PURE__ */ React8.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React8.createElement(CircleIcon, { className: "size-2 fill-current" }))),
     children
   );
 }
-function DropdownMenuRadioGroup({ ...props }) {
-  return /* @__PURE__ */ React5.createElement(MenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props });
-}
-function DropdownMenuRadioItem({
+function DropdownMenuLabel({
   className,
-  children,
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ React5.createElement(
-    MenuPrimitive.RadioItem,
+  return /* @__PURE__ */ React8.createElement(
+    DropdownMenuPrimitive.Label,
     {
-      "data-slot": "dropdown-menu-radio-item",
+      "data-slot": "dropdown-menu-label",
       "data-inset": inset,
-      className: cn(
-        "relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
+      className: cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className),
       ...props
-    },
-    /* @__PURE__ */ React5.createElement(
-      "span",
-      {
-        className: "pointer-events-none absolute right-2 flex items-center justify-center",
-        "data-slot": "dropdown-menu-radio-item-indicator"
-      },
-      /* @__PURE__ */ React5.createElement(MenuPrimitive.RadioItemIndicator, null, /* @__PURE__ */ React5.createElement(CheckIcon2, null))
-    ),
-    children
+    }
   );
 }
-function DropdownMenuSeparator({ className, ...props }) {
-  return /* @__PURE__ */ React5.createElement(
-    MenuPrimitive.Separator,
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React8.createElement(
+    DropdownMenuPrimitive.Separator,
     {
       "data-slot": "dropdown-menu-separator",
       className: cn("-mx-1 my-1 h-px bg-border", className),
@@ -619,12 +549,51 @@ function DropdownMenuSeparator({ className, ...props }) {
   );
 }
 function DropdownMenuShortcut({ className, ...props }) {
-  return /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React8.createElement(
     "span",
     {
       "data-slot": "dropdown-menu-shortcut",
+      className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuSub({
+  ...props
+}) {
+  return /* @__PURE__ */ React8.createElement(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+}
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ React8.createElement(
+    DropdownMenuPrimitive.SubTrigger,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      "data-inset": inset,
       className: cn(
-        "ml-auto text-xs tracking-widest text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground",
+        "flex cursor-default 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-[inset]:pl-8 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
+        className
+      ),
+      ...props
+    },
+    children,
+    /* @__PURE__ */ React8.createElement(ChevronRightIcon, { className: "ml-auto size-4" })
+  );
+}
+function DropdownMenuSubContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React8.createElement(
+    DropdownMenuPrimitive.SubContent,
+    {
+      "data-slot": "dropdown-menu-sub-content",
+      className: cn(
+        "z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
         className
       ),
       ...props
@@ -633,16 +602,17 @@ function DropdownMenuShortcut({ className, ...props }) {
 }
 
 // src/components/ui/input.tsx
-import * as React6 from "react";
-import { Input as InputPrimitive } from "@base-ui/react/input";
+import * as React9 from "react";
 function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ React6.createElement(
-    InputPrimitive,
+  return /* @__PURE__ */ React9.createElement(
+    "input",
     {
       type,
       "data-slot": "input",
       className: cn(
-        "h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+        "h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30",
+        "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
+        "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
         className
       ),
       ...props
@@ -651,10 +621,14 @@ function Input({ className, type, ...props }) {
 }
 
 // src/components/ui/label.tsx
-import * as React7 from "react";
-function Label({ className, ...props }) {
-  return /* @__PURE__ */ React7.createElement(
-    "label",
+import * as React10 from "react";
+import { Label as LabelPrimitive } from "radix-ui";
+function Label({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React10.createElement(
+    LabelPrimitive.Root,
     {
       "data-slot": "label",
       className: cn(
@@ -667,29 +641,17 @@ function Label({ className, ...props }) {
 }
 
 // src/components/ui/select.tsx
-import * as React8 from "react";
-import { Select as SelectPrimitive } from "@base-ui/react/select";
-import { ChevronDownIcon, CheckIcon as CheckIcon3, ChevronUpIcon } from "lucide-react";
-var Select = SelectPrimitive.Root;
-function SelectGroup({ className, ...props }) {
-  return /* @__PURE__ */ React8.createElement(
-    SelectPrimitive.Group,
-    {
-      "data-slot": "select-group",
-      className: cn("scroll-my-1 p-1", className),
-      ...props
-    }
-  );
+import * as React11 from "react";
+import { CheckIcon as CheckIcon3, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import { Select as SelectPrimitive } from "radix-ui";
+function Select({ ...props }) {
+  return /* @__PURE__ */ React11.createElement(SelectPrimitive.Root, { "data-slot": "select", ...props });
 }
-function SelectValue({ className, ...props }) {
-  return /* @__PURE__ */ React8.createElement(
-    SelectPrimitive.Value,
-    {
-      "data-slot": "select-value",
-      className: cn("flex flex-1 text-left", className),
-      ...props
-    }
-  );
+function SelectGroup({ ...props }) {
+  return /* @__PURE__ */ React11.createElement(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
+}
+function SelectValue({ ...props }) {
+  return /* @__PURE__ */ React11.createElement(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
 }
 function SelectTrigger({
   className,
@@ -697,96 +659,99 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ React8.createElement(
+  return /* @__PURE__ */ React11.createElement(
     SelectPrimitive.Trigger,
     {
       "data-slot": "select-trigger",
       "data-size": size,
       className: cn(
-        "flex w-fit items-center justify-between gap-1.5 rounded-lg border border-input bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "flex w-fit items-center justify-between gap-2 rounded-md border border-input bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
         className
       ),
       ...props
     },
     children,
-    /* @__PURE__ */ React8.createElement(
-      SelectPrimitive.Icon,
-      {
-        render: /* @__PURE__ */ React8.createElement(ChevronDownIcon, { className: "pointer-events-none size-4 text-muted-foreground" })
-      }
-    )
+    /* @__PURE__ */ React11.createElement(SelectPrimitive.Icon, { asChild: true }, /* @__PURE__ */ React11.createElement(ChevronDownIcon, { className: "size-4 opacity-50" }))
   );
 }
 function SelectContent({
   className,
   children,
-  side = "bottom",
-  sideOffset = 4,
+  position = "item-aligned",
   align = "center",
-  alignOffset = 0,
-  alignItemWithTrigger = true,
   ...props
 }) {
-  return /* @__PURE__ */ React8.createElement(SelectPrimitive.Portal, null, /* @__PURE__ */ React8.createElement(
-    SelectPrimitive.Positioner,
+  return /* @__PURE__ */ React11.createElement(SelectPrimitive.Portal, null, /* @__PURE__ */ React11.createElement(
+    SelectPrimitive.Content,
     {
-      side,
-      sideOffset,
+      "data-slot": "select-content",
+      className: cn(
+        "relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className
+      ),
+      position,
       align,
-      alignOffset,
-      alignItemWithTrigger,
-      className: "isolate z-50"
+      ...props
     },
-    /* @__PURE__ */ React8.createElement(
-      SelectPrimitive.Popup,
+    /* @__PURE__ */ React11.createElement(SelectScrollUpButton, null),
+    /* @__PURE__ */ React11.createElement(
+      SelectPrimitive.Viewport,
       {
-        "data-slot": "select-content",
-        "data-align-trigger": alignItemWithTrigger,
         className: cn(
-          "relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 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
+          "p-1",
+          position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+        )
       },
-      /* @__PURE__ */ React8.createElement(SelectScrollUpButton, null),
-      /* @__PURE__ */ React8.createElement(SelectPrimitive.List, null, children),
-      /* @__PURE__ */ React8.createElement(SelectScrollDownButton, null)
-    )
+      children
+    ),
+    /* @__PURE__ */ React11.createElement(SelectScrollDownButton, null)
   ));
 }
-function SelectLabel({ className, ...props }) {
-  return /* @__PURE__ */ React8.createElement(
-    SelectPrimitive.GroupLabel,
+function SelectLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React11.createElement(
+    SelectPrimitive.Label,
     {
       "data-slot": "select-label",
-      className: cn("px-1.5 py-1 text-xs text-muted-foreground", className),
+      className: cn("px-2 py-1.5 text-xs text-muted-foreground", className),
       ...props
     }
   );
 }
-function SelectItem({ className, children, ...props }) {
-  return /* @__PURE__ */ React8.createElement(
+function SelectItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ React11.createElement(
     SelectPrimitive.Item,
     {
       "data-slot": "select-item",
       className: cn(
-        "relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]: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 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        "relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden 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 [&_svg:not([class*='text-'])]:text-muted-foreground *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
         className
       ),
       ...props
     },
-    /* @__PURE__ */ React8.createElement(SelectPrimitive.ItemText, { className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap" }, children),
-    /* @__PURE__ */ React8.createElement(
-      SelectPrimitive.ItemIndicator,
+    /* @__PURE__ */ React11.createElement(
+      "span",
       {
-        render: /* @__PURE__ */ React8.createElement("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" })
+        "data-slot": "select-item-indicator",
+        className: "absolute right-2 flex size-3.5 items-center justify-center"
       },
-      /* @__PURE__ */ React8.createElement(CheckIcon3, { className: "pointer-events-none" })
-    )
+      /* @__PURE__ */ React11.createElement(SelectPrimitive.ItemIndicator, null, /* @__PURE__ */ React11.createElement(CheckIcon3, { className: "size-4" }))
+    ),
+    /* @__PURE__ */ React11.createElement(SelectPrimitive.ItemText, null, children)
   );
 }
-function SelectSeparator({ className, ...props }) {
-  return /* @__PURE__ */ React8.createElement(
+function SelectSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React11.createElement(
     SelectPrimitive.Separator,
     {
       "data-slot": "select-separator",
@@ -799,51 +764,48 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ React8.createElement(
-    SelectPrimitive.ScrollUpArrow,
+  return /* @__PURE__ */ React11.createElement(
+    SelectPrimitive.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
-      className: cn(
-        "top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
+      className: cn("flex cursor-default items-center justify-center py-1", className),
       ...props
     },
-    /* @__PURE__ */ React8.createElement(ChevronUpIcon, null)
+    /* @__PURE__ */ React11.createElement(ChevronUpIcon, { className: "size-4" })
   );
 }
 function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ React8.createElement(
-    SelectPrimitive.ScrollDownArrow,
+  return /* @__PURE__ */ React11.createElement(
+    SelectPrimitive.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
-      className: cn(
-        "bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
+      className: cn("flex cursor-default items-center justify-center py-1", className),
       ...props
     },
-    /* @__PURE__ */ React8.createElement(ChevronDownIcon, null)
+    /* @__PURE__ */ React11.createElement(ChevronDownIcon, { className: "size-4" })
   );
 }
 
 // src/components/ui/separator.tsx
-import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
+import * as React12 from "react";
+import { Separator as SeparatorPrimitive } from "radix-ui";
 function Separator({
   className,
   orientation = "horizontal",
+  decorative = true,
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
-    SeparatorPrimitive,
+  return /* @__PURE__ */ React12.createElement(
+    SeparatorPrimitive.Root,
     {
       "data-slot": "separator",
+      decorative,
       orientation,
       className: cn(
-        "shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch",
+        "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
@@ -852,28 +814,31 @@ function Separator({
 }
 
 // src/components/ui/sheet.tsx
-import * as React9 from "react";
-import { Dialog as SheetPrimitive } from "@base-ui/react/dialog";
+import * as React13 from "react";
 import { XIcon as XIcon2 } from "lucide-react";
+import { Dialog as SheetPrimitive } from "radix-ui";
 function Sheet({ ...props }) {
-  return /* @__PURE__ */ React9.createElement(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+  return /* @__PURE__ */ React13.createElement(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
 }
 function SheetTrigger({ ...props }) {
-  return /* @__PURE__ */ React9.createElement(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+  return /* @__PURE__ */ React13.createElement(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
 }
 function SheetClose({ ...props }) {
-  return /* @__PURE__ */ React9.createElement(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
+  return /* @__PURE__ */ React13.createElement(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
 }
 function SheetPortal({ ...props }) {
-  return /* @__PURE__ */ React9.createElement(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ React13.createElement(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
 }
-function SheetOverlay({ className, ...props }) {
-  return /* @__PURE__ */ React9.createElement(
-    SheetPrimitive.Backdrop,
+function SheetOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React13.createElement(
+    SheetPrimitive.Overlay,
     {
       "data-slot": "sheet-overlay",
       className: cn(
-        "fixed inset-0 z-50 bg-black/10 transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs",
+        "fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
         className
       ),
       ...props
@@ -887,41 +852,36 @@ function SheetContent({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ React9.createElement(SheetPortal, null, /* @__PURE__ */ React9.createElement(SheetOverlay, null), /* @__PURE__ */ React9.createElement(
-    SheetPrimitive.Popup,
+  return /* @__PURE__ */ React13.createElement(SheetPortal, null, /* @__PURE__ */ React13.createElement(SheetOverlay, null), /* @__PURE__ */ React13.createElement(
+    SheetPrimitive.Content,
     {
       "data-slot": "sheet-content",
-      "data-side": side,
       className: cn(
-        "fixed z-50 flex flex-col gap-4 bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out data-ending-style:opacity-0 data-starting-style:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-ending-style:translate-y-[2.5rem] data-[side=bottom]:data-starting-style:translate-y-[2.5rem] data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:data-ending-style:translate-x-[-2.5rem] data-[side=left]:data-starting-style:translate-x-[-2.5rem] data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:data-ending-style:translate-x-[2.5rem] data-[side=right]:data-starting-style:translate-x-[2.5rem] data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-ending-style:translate-y-[-2.5rem] data-[side=top]:data-starting-style:translate-y-[-2.5rem] data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm",
+        "fixed z-50 flex flex-col gap-4 bg-background shadow-lg transition ease-in-out data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:animate-in data-[state=open]:duration-500",
+        side === "right" && "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
+        side === "left" && "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        side === "top" && "inset-x-0 top-0 h-auto border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        side === "bottom" && "inset-x-0 bottom-0 h-auto border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
         className
       ),
       ...props
     },
     children,
-    showCloseButton && /* @__PURE__ */ React9.createElement(
-      SheetPrimitive.Close,
-      {
-        "data-slot": "sheet-close",
-        render: /* @__PURE__ */ React9.createElement(Button, { variant: "ghost", className: "absolute top-3 right-3", size: "icon-sm" })
-      },
-      /* @__PURE__ */ React9.createElement(XIcon2, null),
-      /* @__PURE__ */ React9.createElement("span", { className: "sr-only" }, "Close")
-    )
+    showCloseButton && /* @__PURE__ */ React13.createElement(SheetPrimitive.Close, { className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-secondary" }, /* @__PURE__ */ React13.createElement(XIcon2, { className: "size-4" }), /* @__PURE__ */ React13.createElement("span", { className: "sr-only" }, "Close"))
   ));
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ React9.createElement(
+  return /* @__PURE__ */ React13.createElement(
     "div",
     {
       "data-slot": "sheet-header",
-      className: cn("flex flex-col gap-0.5 p-4", className),
+      className: cn("flex flex-col gap-1.5 p-4", className),
       ...props
     }
   );
 }
 function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ React9.createElement(
+  return /* @__PURE__ */ React13.createElement(
     "div",
     {
       "data-slot": "sheet-footer",
@@ -930,18 +890,24 @@ function SheetFooter({ className, ...props }) {
     }
   );
 }
-function SheetTitle({ className, ...props }) {
-  return /* @__PURE__ */ React9.createElement(
+function SheetTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React13.createElement(
     SheetPrimitive.Title,
     {
       "data-slot": "sheet-title",
-      className: cn("font-heading text-base font-medium text-foreground", className),
+      className: cn("font-semibold text-foreground", className),
       ...props
     }
   );
 }
-function SheetDescription({ className, ...props }) {
-  return /* @__PURE__ */ React9.createElement(
+function SheetDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React13.createElement(
     SheetPrimitive.Description,
     {
       "data-slot": "sheet-description",
@@ -952,9 +918,9 @@ function SheetDescription({ className, ...props }) {
 }
 
 // src/components/ui/table.tsx
-import * as React10 from "react";
+import * as React14 from "react";
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ React10.createElement("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto" }, /* @__PURE__ */ React10.createElement(
+  return /* @__PURE__ */ React14.createElement("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto" }, /* @__PURE__ */ React14.createElement(
     "table",
     {
       "data-slot": "table",
@@ -964,7 +930,7 @@ function Table({ className, ...props }) {
   ));
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ React10.createElement(
+  return /* @__PURE__ */ React14.createElement(
     "thead",
     {
       "data-slot": "table-header",
@@ -974,7 +940,7 @@ function TableHeader({ className, ...props }) {
   );
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ React10.createElement(
+  return /* @__PURE__ */ React14.createElement(
     "tbody",
     {
       "data-slot": "table-body",
@@ -984,7 +950,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableFooter({ className, ...props }) {
-  return /* @__PURE__ */ React10.createElement(
+  return /* @__PURE__ */ React14.createElement(
     "tfoot",
     {
       "data-slot": "table-footer",
@@ -994,7 +960,7 @@ function TableFooter({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ React10.createElement(
+  return /* @__PURE__ */ React14.createElement(
     "tr",
     {
       "data-slot": "table-row",
@@ -1007,12 +973,12 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ React10.createElement(
+  return /* @__PURE__ */ React14.createElement(
     "th",
     {
       "data-slot": "table-head",
       className: cn(
-        "h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0",
+        "h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
         className
       ),
       ...props
@@ -1020,12 +986,12 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ React10.createElement(
+  return /* @__PURE__ */ React14.createElement(
     "td",
     {
       "data-slot": "table-cell",
       className: cn(
-        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0",
+        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
         className
       ),
       ...props
@@ -1033,7 +999,7 @@ function TableCell({ className, ...props }) {
   );
 }
 function TableCaption({ className, ...props }) {
-  return /* @__PURE__ */ React10.createElement(
+  return /* @__PURE__ */ React14.createElement(
     "caption",
     {
       "data-slot": "table-caption",
@@ -1044,25 +1010,30 @@ function TableCaption({ className, ...props }) {
 }
 
 // src/components/ui/tabs.tsx
-import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
+import * as React15 from "react";
 import { cva as cva3 } from "class-variance-authority";
+import { Tabs as TabsPrimitive } from "radix-ui";
 function Tabs({
   className,
   orientation = "horizontal",
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React15.createElement(
     TabsPrimitive.Root,
     {
       "data-slot": "tabs",
       "data-orientation": orientation,
-      className: cn("group/tabs flex gap-2 data-horizontal:flex-col", className),
+      orientation,
+      className: cn(
+        "group/tabs flex gap-2 data-[orientation=horizontal]:flex-col",
+        className
+      ),
       ...props
     }
   );
 }
 var tabsListVariants = cva3(
-  "group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none",
+  "group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-[orientation=horizontal]/tabs:h-9 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col data-[variant=line]:rounded-none",
   {
     variants: {
       variant: {
@@ -1080,7 +1051,7 @@ function TabsList({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React15.createElement(
     TabsPrimitive.List,
     {
       "data-slot": "tabs-list",
@@ -1090,42 +1061,48 @@ function TabsList({
     }
   );
 }
-function TabsTrigger({ className, ...props }) {
-  return /* @__PURE__ */ React.createElement(
-    TabsPrimitive.Tab,
+function TabsTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React15.createElement(
+    TabsPrimitive.Trigger,
     {
       "data-slot": "tabs-trigger",
       className: cn(
-        "relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent",
-        "data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground",
-        "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100",
+        "relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none dark:text-muted-foreground dark:hover:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent",
+        "data-[state=active]:bg-background data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 dark:data-[state=active]:text-foreground",
+        "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100",
         className
       ),
       ...props
     }
   );
 }
-function TabsContent({ className, ...props }) {
-  return /* @__PURE__ */ React.createElement(
-    TabsPrimitive.Panel,
+function TabsContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React15.createElement(
+    TabsPrimitive.Content,
     {
       "data-slot": "tabs-content",
-      className: cn("flex-1 text-sm outline-none", className),
+      className: cn("flex-1 outline-none", className),
       ...props
     }
   );
 }
 
 // src/components/ui/textarea.tsx
-import * as React11 from "react";
+import * as React16 from "react";
 function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ React11.createElement(
+  return /* @__PURE__ */ React16.createElement(
     "textarea",
     {
       "data-slot": "textarea",
       className: cn(
-        "flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+        "flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] 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 aria-invalid:border-destructive aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:ring-destructive/40",
         className
       ),
       ...props
@@ -1150,16 +1127,16 @@ function Logo({
 }
 
 // src/components/chrome/ThemeSwitcher.tsx
-import * as React13 from "react";
+import * as React18 from "react";
 import { useTheme } from "next-themes";
 import { Moon, Sun, Palette } from "lucide-react";
 import { BASE_THEMES } from "@augmenting-integrations/themes";
 
 // src/providers/ThemeProvider.tsx
-import * as React12 from "react";
+import * as React17 from "react";
 import { ThemeProvider as NextThemesProvider } from "next-themes";
 import { THEME_COOKIE_KEY } from "@augmenting-integrations/themes";
-var ThemeNameContext = React12.createContext(null);
+var ThemeNameContext = React17.createContext(null);
 function readCookie() {
   if (typeof document === "undefined") return null;
   const match = document.cookie.split("; ").find((row) => row.startsWith(`${THEME_COOKIE_KEY}=`));
@@ -1176,21 +1153,21 @@ function ThemeProvider({
   defaultTheme,
   defaultVariant
 }) {
-  const [themeName, setThemeNameState] = React12.useState(
+  const [themeName, setThemeNameState] = React17.useState(
     () => readCookie() ?? defaultTheme
   );
-  React12.useEffect(() => {
+  React17.useEffect(() => {
     document.documentElement.setAttribute("data-theme", themeName);
   }, [themeName]);
-  const setThemeName = React12.useCallback((next) => {
+  const setThemeName = React17.useCallback((next) => {
     writeCookie(next);
     setThemeNameState(next);
   }, []);
-  const value = React12.useMemo(
+  const value = React17.useMemo(
     () => ({ themeName, setThemeName }),
     [themeName, setThemeName]
   );
-  return /* @__PURE__ */ React12.createElement(ThemeNameContext.Provider, { value }, /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React17.createElement(ThemeNameContext.Provider, { value }, /* @__PURE__ */ React17.createElement(
     NextThemesProvider,
     {
       attribute: "class",
@@ -1202,7 +1179,7 @@ function ThemeProvider({
   ));
 }
 function useThemeName() {
-  const ctx = React12.useContext(ThemeNameContext);
+  const ctx = React17.useContext(ThemeNameContext);
   if (!ctx) throw new Error("useThemeName must be used inside <ThemeProvider />");
   return ctx;
 }
@@ -1211,14 +1188,14 @@ function useThemeName() {
 function ThemeSwitcher({ className }) {
   const { themeName, setThemeName } = useThemeName();
   const { resolvedTheme, setTheme } = useTheme();
-  const mounted = React13.useSyncExternalStore(
+  const mounted = React18.useSyncExternalStore(
     () => () => {
     },
     () => true,
     () => false
   );
   if (!mounted) {
-    return /* @__PURE__ */ React13.createElement(
+    return /* @__PURE__ */ React18.createElement(
       "div",
       {
         className: cn(
@@ -1230,7 +1207,7 @@ function ThemeSwitcher({ className }) {
   }
   const isDark = resolvedTheme === "dark";
   const activeLabel = BASE_THEMES.find((t) => t.id === themeName)?.label ?? "Theme";
-  return /* @__PURE__ */ React13.createElement("div", { className: cn("flex items-center gap-2", className) }, /* @__PURE__ */ React13.createElement(
+  return /* @__PURE__ */ React18.createElement("div", { className: cn("flex items-center gap-2", className) }, /* @__PURE__ */ React18.createElement(
     "button",
     {
       type: "button",
@@ -1238,16 +1215,16 @@ function ThemeSwitcher({ className }) {
       "aria-label": isDark ? "Switch to light mode" : "Switch to dark mode",
       className: "inline-flex h-9 w-9 items-center justify-center rounded-md border border-border bg-background text-foreground transition hover:bg-muted"
     },
-    isDark ? /* @__PURE__ */ React13.createElement(Sun, { className: "h-4 w-4" }) : /* @__PURE__ */ React13.createElement(Moon, { className: "h-4 w-4" })
-  ), /* @__PURE__ */ React13.createElement(DropdownMenu, null, /* @__PURE__ */ React13.createElement(
+    isDark ? /* @__PURE__ */ React18.createElement(Sun, { className: "h-4 w-4" }) : /* @__PURE__ */ React18.createElement(Moon, { className: "h-4 w-4" })
+  ), /* @__PURE__ */ React18.createElement(DropdownMenu, null, /* @__PURE__ */ React18.createElement(
     DropdownMenuTrigger,
     {
       className: "inline-flex h-9 items-center gap-2 rounded-md border border-border bg-background px-3 text-sm text-foreground transition hover:bg-muted",
       "aria-label": "Switch theme palette"
     },
-    /* @__PURE__ */ React13.createElement(Palette, { className: "h-4 w-4" }),
-    /* @__PURE__ */ React13.createElement("span", { className: "font-medium" }, activeLabel)
-  ), /* @__PURE__ */ React13.createElement(DropdownMenuContent, { align: "end", sideOffset: 6, className: "w-72 p-1" }, BASE_THEMES.map((t) => /* @__PURE__ */ React13.createElement(
+    /* @__PURE__ */ React18.createElement(Palette, { className: "h-4 w-4" }),
+    /* @__PURE__ */ React18.createElement("span", { className: "font-medium" }, activeLabel)
+  ), /* @__PURE__ */ React18.createElement(DropdownMenuContent, { align: "end", sideOffset: 6, className: "w-72 p-1" }, BASE_THEMES.map((t) => /* @__PURE__ */ React18.createElement(
     DropdownMenuItem,
     {
       key: t.id,
@@ -1257,14 +1234,14 @@ function ThemeSwitcher({ className }) {
         themeName === t.id && "bg-muted"
       )
     },
-    /* @__PURE__ */ React13.createElement(
+    /* @__PURE__ */ React18.createElement(
       "span",
       {
         "aria-hidden": true,
         className: "mt-0.5 inline-flex h-6 w-6 shrink-0 overflow-hidden rounded-full ring-1 ring-border"
       },
-      /* @__PURE__ */ React13.createElement("span", { className: "h-full w-1/2", style: { background: t.swatch.primary } }),
-      /* @__PURE__ */ React13.createElement(
+      /* @__PURE__ */ React18.createElement("span", { className: "h-full w-1/2", style: { background: t.swatch.primary } }),
+      /* @__PURE__ */ React18.createElement(
         "span",
         {
           className: "h-full w-1/2",
@@ -1272,20 +1249,20 @@ function ThemeSwitcher({ className }) {
         }
       )
     ),
-    /* @__PURE__ */ React13.createElement("span", { className: "flex flex-col" }, /* @__PURE__ */ React13.createElement("span", { className: "text-sm font-medium" }, t.label), /* @__PURE__ */ React13.createElement("span", { className: "text-xs text-muted-foreground" }, t.description))
+    /* @__PURE__ */ React18.createElement("span", { className: "flex flex-col" }, /* @__PURE__ */ React18.createElement("span", { className: "text-sm font-medium" }, t.label), /* @__PURE__ */ React18.createElement("span", { className: "text-xs text-muted-foreground" }, t.description))
   )))));
 }
 
 // src/components/chrome/RoleSwitcher.tsx
-import * as React14 from "react";
+import * as React19 from "react";
 import { signIn, useSession } from "next-auth/react";
 import { UserCog } from "lucide-react";
 var ROLES = ["visitor", "sales", "agent", "admin"];
 function RoleSwitcher({ className }) {
   const { data: session, update } = useSession();
-  const [open, setOpen] = React14.useState(false);
+  const [open, setOpen] = React19.useState(false);
   const current = session?.user?.role ?? "visitor";
-  return /* @__PURE__ */ React14.createElement("div", { className: cn("relative", className) }, /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ React19.createElement("div", { className: cn("relative", className) }, /* @__PURE__ */ React19.createElement(
     "button",
     {
       type: "button",
@@ -1294,17 +1271,17 @@ function RoleSwitcher({ className }) {
       "aria-expanded": open,
       className: "inline-flex h-9 items-center gap-2 rounded-md border border-border bg-background px-3 text-sm text-foreground transition hover:bg-muted"
     },
-    /* @__PURE__ */ React14.createElement(UserCog, { className: "h-4 w-4" }),
-    /* @__PURE__ */ React14.createElement("span", { className: "font-medium capitalize" }, current)
-  ), open ? /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React19.createElement(UserCog, { className: "h-4 w-4" }),
+    /* @__PURE__ */ React19.createElement("span", { className: "font-medium capitalize" }, current)
+  ), open ? /* @__PURE__ */ React19.createElement(
     "div",
     {
       role: "menu",
       className: "absolute right-0 top-full z-50 mt-2 w-56 rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg",
       onMouseLeave: () => setOpen(false)
     },
-    /* @__PURE__ */ React14.createElement("div", { className: "px-2 py-1 text-xs uppercase tracking-wide text-muted-foreground" }, "Switch role (dev)"),
-    ROLES.map((r) => /* @__PURE__ */ React14.createElement(
+    /* @__PURE__ */ React19.createElement("div", { className: "px-2 py-1 text-xs uppercase tracking-wide text-muted-foreground" }, "Switch role (dev)"),
+    ROLES.map((r) => /* @__PURE__ */ React19.createElement(
       "button",
       {
         key: r,
@@ -1320,14 +1297,14 @@ function RoleSwitcher({ className }) {
           current === r && "bg-muted"
         )
       },
-      /* @__PURE__ */ React14.createElement("span", null, r),
-      current === r ? /* @__PURE__ */ React14.createElement("span", { className: "text-xs text-muted-foreground" }, "active") : null
+      /* @__PURE__ */ React19.createElement("span", null, r),
+      current === r ? /* @__PURE__ */ React19.createElement("span", { className: "text-xs text-muted-foreground" }, "active") : null
     ))
   ) : null);
 }
 
 // src/components/shells/PublicShell.tsx
-import * as React15 from "react";
+import * as React20 from "react";
 import { useBrand as useBrand2 } from "@augmenting-integrations/brand";
 function PublicShell({
   children,
@@ -1337,7 +1314,7 @@ function PublicShell({
   Link
 }) {
   const brand = useBrand2();
-  return /* @__PURE__ */ React15.createElement("div", { className: "flex min-h-svh flex-col bg-background text-foreground" }, /* @__PURE__ */ React15.createElement("header", { className: "border-b border-border bg-background/80 backdrop-blur" }, /* @__PURE__ */ React15.createElement("div", { className: "mx-auto flex max-w-6xl items-center justify-between px-6 py-4" }, /* @__PURE__ */ React15.createElement(Link, { href: "/", "aria-label": "Home" }, /* @__PURE__ */ React15.createElement(Logo, null)), /* @__PURE__ */ React15.createElement("nav", { className: "flex items-center gap-6 text-sm" }, navLinks.map((link) => /* @__PURE__ */ React15.createElement(
+  return /* @__PURE__ */ React20.createElement("div", { className: "flex min-h-svh flex-col bg-background text-foreground" }, /* @__PURE__ */ React20.createElement("header", { className: "border-b border-border bg-background/80 backdrop-blur" }, /* @__PURE__ */ React20.createElement("div", { className: "mx-auto flex max-w-6xl items-center justify-between px-6 py-4" }, /* @__PURE__ */ React20.createElement(Link, { href: "/", "aria-label": "Home" }, /* @__PURE__ */ React20.createElement(Logo, null)), /* @__PURE__ */ React20.createElement("nav", { className: "flex items-center gap-6 text-sm" }, navLinks.map((link) => /* @__PURE__ */ React20.createElement(
     Link,
     {
       key: link.href,
@@ -1345,18 +1322,18 @@ function PublicShell({
       className: "text-muted-foreground transition hover:text-foreground"
     },
     link.label
-  )), /* @__PURE__ */ React15.createElement(
+  )), /* @__PURE__ */ React20.createElement(
     Link,
     {
       href: loginHref,
       className: "text-muted-foreground transition hover:text-foreground"
     },
     "Log in"
-  ), /* @__PURE__ */ React15.createElement(ThemeSwitcher, null)))), /* @__PURE__ */ React15.createElement("main", { className: "flex-1" }, children), /* @__PURE__ */ React15.createElement("footer", { className: "border-t border-border" }, /* @__PURE__ */ React15.createElement("div", { className: "mx-auto flex max-w-6xl flex-wrap items-center justify-between gap-3 px-6 py-6 text-sm text-muted-foreground" }, /* @__PURE__ */ React15.createElement("span", null, "\xA9 ", (/* @__PURE__ */ new Date()).getFullYear(), " ", brand.name), /* @__PURE__ */ React15.createElement("div", { className: "flex gap-4" }, (footerLinks ?? []).map((link) => /* @__PURE__ */ React15.createElement(Link, { key: link.href, href: link.href, className: "hover:text-foreground" }, link.label))))));
+  ), /* @__PURE__ */ React20.createElement(ThemeSwitcher, null)))), /* @__PURE__ */ React20.createElement("main", { className: "flex-1" }, children), /* @__PURE__ */ React20.createElement("footer", { className: "border-t border-border" }, /* @__PURE__ */ React20.createElement("div", { className: "mx-auto flex max-w-6xl flex-wrap items-center justify-between gap-3 px-6 py-6 text-sm text-muted-foreground" }, /* @__PURE__ */ React20.createElement("span", null, "\xA9 ", (/* @__PURE__ */ new Date()).getFullYear(), " ", brand.name), /* @__PURE__ */ React20.createElement("div", { className: "flex gap-4" }, (footerLinks ?? []).map((link) => /* @__PURE__ */ React20.createElement(Link, { key: link.href, href: link.href, className: "hover:text-foreground" }, link.label))))));
 }
 
 // src/components/shells/AppShell.tsx
-import * as React16 from "react";
+import * as React21 from "react";
 import { Menu, X } from "lucide-react";
 function NavGroup({
   group,
@@ -1364,9 +1341,9 @@ function NavGroup({
   Link
 }) {
   if (group.items.length === 0) return null;
-  return /* @__PURE__ */ React16.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ React16.createElement("p", { className: "px-3 text-xs font-semibold uppercase tracking-wide text-muted-foreground" }, group.label), /* @__PURE__ */ React16.createElement("ul", { className: "space-y-0.5" }, group.items.map((item) => {
+  return /* @__PURE__ */ React21.createElement("div", { className: "space-y-1" }, /* @__PURE__ */ React21.createElement("p", { className: "px-3 text-xs font-semibold uppercase tracking-wide text-muted-foreground" }, group.label), /* @__PURE__ */ React21.createElement("ul", { className: "space-y-0.5" }, group.items.map((item) => {
     const active = pathname === item.href || pathname.startsWith(`${item.href}/`);
-    return /* @__PURE__ */ React16.createElement("li", { key: item.href }, /* @__PURE__ */ React16.createElement(
+    return /* @__PURE__ */ React21.createElement("li", { key: item.href }, /* @__PURE__ */ React21.createElement(
       Link,
       {
         href: item.href,
@@ -1375,8 +1352,8 @@ function NavGroup({
           active ? "bg-sidebar-accent text-sidebar-accent-foreground" : "text-sidebar-foreground hover:bg-sidebar-accent/60"
         )
       },
-      /* @__PURE__ */ React16.createElement(item.icon, { className: "h-4 w-4 shrink-0" }),
-      /* @__PURE__ */ React16.createElement("span", null, item.label)
+      /* @__PURE__ */ React21.createElement(item.icon, { className: "h-4 w-4 shrink-0" }),
+      /* @__PURE__ */ React21.createElement("span", null, item.label)
     ));
   })));
 }
@@ -1388,16 +1365,16 @@ function AppShell({
   homeHref = "/",
   showRoleSwitcher = true
 }) {
-  const [mobileOpen, setMobileOpen] = React16.useState(false);
-  const sidebarContent = /* @__PURE__ */ React16.createElement("div", { className: "flex h-full flex-col gap-6 px-3 py-4" }, /* @__PURE__ */ React16.createElement(Link, { href: homeHref, className: "px-2", "aria-label": "Home" }, /* @__PURE__ */ React16.createElement(Logo, null)), navGroups.map((g) => /* @__PURE__ */ React16.createElement(NavGroup, { key: g.label, group: g, pathname, Link })));
-  return /* @__PURE__ */ React16.createElement("div", { className: "flex min-h-svh bg-background text-foreground" }, /* @__PURE__ */ React16.createElement("aside", { className: "hidden w-64 shrink-0 border-r border-sidebar-border bg-sidebar text-sidebar-foreground md:block" }, sidebarContent), mobileOpen ? /* @__PURE__ */ React16.createElement("div", { className: "fixed inset-0 z-50 flex md:hidden" }, /* @__PURE__ */ React16.createElement(
+  const [mobileOpen, setMobileOpen] = React21.useState(false);
+  const sidebarContent = /* @__PURE__ */ React21.createElement("div", { className: "flex h-full flex-col gap-6 px-3 py-4" }, /* @__PURE__ */ React21.createElement(Link, { href: homeHref, className: "px-2", "aria-label": "Home" }, /* @__PURE__ */ React21.createElement(Logo, null)), navGroups.map((g) => /* @__PURE__ */ React21.createElement(NavGroup, { key: g.label, group: g, pathname, Link })));
+  return /* @__PURE__ */ React21.createElement("div", { className: "flex min-h-svh bg-background text-foreground" }, /* @__PURE__ */ React21.createElement("aside", { className: "hidden w-64 shrink-0 border-r border-sidebar-border bg-sidebar text-sidebar-foreground md:block" }, sidebarContent), mobileOpen ? /* @__PURE__ */ React21.createElement("div", { className: "fixed inset-0 z-50 flex md:hidden" }, /* @__PURE__ */ React21.createElement(
     "div",
     {
       className: "flex-1 bg-foreground/40 backdrop-blur-sm",
       onClick: () => setMobileOpen(false),
       "aria-hidden": true
     }
-  ), /* @__PURE__ */ React16.createElement("aside", { className: "relative w-72 border-l border-sidebar-border bg-sidebar text-sidebar-foreground" }, /* @__PURE__ */ React16.createElement(
+  ), /* @__PURE__ */ React21.createElement("aside", { className: "relative w-72 border-l border-sidebar-border bg-sidebar text-sidebar-foreground" }, /* @__PURE__ */ React21.createElement(
     "button",
     {
       type: "button",
@@ -1405,8 +1382,8 @@ function AppShell({
       "aria-label": "Close menu",
       className: "absolute right-2 top-2 inline-flex h-9 w-9 items-center justify-center rounded-md hover:bg-sidebar-accent"
     },
-    /* @__PURE__ */ React16.createElement(X, { className: "h-4 w-4" })
-  ), sidebarContent)) : null, /* @__PURE__ */ React16.createElement("div", { className: "flex min-w-0 flex-1 flex-col" }, /* @__PURE__ */ React16.createElement("header", { className: "flex h-14 items-center justify-between gap-3 border-b border-border bg-background/80 px-4 backdrop-blur md:px-6" }, /* @__PURE__ */ React16.createElement(
+    /* @__PURE__ */ React21.createElement(X, { className: "h-4 w-4" })
+  ), sidebarContent)) : null, /* @__PURE__ */ React21.createElement("div", { className: "flex min-w-0 flex-1 flex-col" }, /* @__PURE__ */ React21.createElement("header", { className: "flex h-14 items-center justify-between gap-3 border-b border-border bg-background/80 px-4 backdrop-blur md:px-6" }, /* @__PURE__ */ React21.createElement(
     "button",
     {
       type: "button",
@@ -1414,12 +1391,12 @@ function AppShell({
       "aria-label": "Open menu",
       className: "inline-flex h-9 w-9 items-center justify-center rounded-md border border-border md:hidden"
     },
-    /* @__PURE__ */ React16.createElement(Menu, { className: "h-4 w-4" })
-  ), /* @__PURE__ */ React16.createElement("div", { className: "flex items-center gap-3 md:ml-auto" }, showRoleSwitcher ? /* @__PURE__ */ React16.createElement(RoleSwitcher, null) : null, /* @__PURE__ */ React16.createElement(ThemeSwitcher, null))), /* @__PURE__ */ React16.createElement("main", { className: "min-w-0 flex-1 px-4 py-6 md:px-8 md:py-8" }, children)));
+    /* @__PURE__ */ React21.createElement(Menu, { className: "h-4 w-4" })
+  ), /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-3 md:ml-auto" }, showRoleSwitcher ? /* @__PURE__ */ React21.createElement(RoleSwitcher, null) : null, /* @__PURE__ */ React21.createElement(ThemeSwitcher, null))), /* @__PURE__ */ React21.createElement("main", { className: "min-w-0 flex-1 px-4 py-6 md:px-8 md:py-8" }, children)));
 }
 
 // src/components/shells/StudioShell.tsx
-import * as React17 from "react";
+import * as React22 from "react";
 function StudioShell({
   title,
   description,
@@ -1427,7 +1404,7 @@ function StudioShell({
   children,
   className
 }) {
-  return /* @__PURE__ */ React17.createElement("section", { className: cn("space-y-6", className) }, /* @__PURE__ */ React17.createElement("header", { className: "flex flex-wrap items-start justify-between gap-3" }, /* @__PURE__ */ React17.createElement("div", null, /* @__PURE__ */ React17.createElement("h1", { className: "text-2xl font-semibold tracking-tight" }, title), description ? /* @__PURE__ */ React17.createElement("p", { className: "mt-1 max-w-2xl text-sm text-muted-foreground" }, description) : null), actions ? /* @__PURE__ */ React17.createElement("div", { className: "flex items-center gap-2" }, actions) : null), /* @__PURE__ */ React17.createElement("div", { className: "rounded-lg border border-border bg-card p-4 md:p-6" }, children));
+  return /* @__PURE__ */ React22.createElement("section", { className: cn("space-y-6", className) }, /* @__PURE__ */ React22.createElement("header", { className: "flex flex-wrap items-start justify-between gap-3" }, /* @__PURE__ */ React22.createElement("div", null, /* @__PURE__ */ React22.createElement("h1", { className: "text-2xl font-semibold tracking-tight" }, title), description ? /* @__PURE__ */ React22.createElement("p", { className: "mt-1 max-w-2xl text-sm text-muted-foreground" }, description) : null), actions ? /* @__PURE__ */ React22.createElement("div", { className: "flex items-center gap-2" }, actions) : null), /* @__PURE__ */ React22.createElement("div", { className: "rounded-lg border border-border bg-card p-4 md:p-6" }, children));
 }
 
 // src/providers/SessionProvider.tsx
@@ -1440,29 +1417,29 @@ function SessionProvider({
 }
 
 // src/providers/QueryProvider.tsx
-import * as React18 from "react";
+import * as React23 from "react";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 function QueryProvider({ children }) {
-  const [client] = React18.useState(
+  const [client] = React23.useState(
     () => new QueryClient({
       defaultOptions: {
         queries: { staleTime: 3e4, refetchOnWindowFocus: false }
       }
     })
   );
-  return /* @__PURE__ */ React18.createElement(QueryClientProvider, { client }, children);
+  return /* @__PURE__ */ React23.createElement(QueryClientProvider, { client }, children);
 }
 
 // src/providers/MockProvider.tsx
-import * as React19 from "react";
+import * as React24 from "react";
 function MockProvider({
   children,
   loadWorker,
   serviceWorkerUrl = "/mockServiceWorker.js"
 }) {
-  const [ready, setReady] = React19.useState(() => process.env.NODE_ENV !== "development");
-  const [error, setError] = React19.useState(null);
-  React19.useEffect(() => {
+  const [ready, setReady] = React24.useState(() => process.env.NODE_ENV !== "development");
+  const [error, setError] = React24.useState(null);
+  React24.useEffect(() => {
     if (process.env.NODE_ENV !== "development") return;
     let cancelled = false;
     void (async () => {
@@ -1486,9 +1463,9 @@ function MockProvider({
     };
   }, [loadWorker, serviceWorkerUrl]);
   if (!ready) {
-    return /* @__PURE__ */ React19.createElement("div", { className: "flex min-h-svh items-center justify-center bg-background text-muted-foreground" }, /* @__PURE__ */ React19.createElement("p", { className: "text-sm" }, "Initializing mocks\u2026"));
+    return /* @__PURE__ */ React24.createElement("div", { className: "flex min-h-svh items-center justify-center bg-background text-muted-foreground" }, /* @__PURE__ */ React24.createElement("p", { className: "text-sm" }, "Initializing mocks\u2026"));
   }
-  return /* @__PURE__ */ React19.createElement(React19.Fragment, null, error ? /* @__PURE__ */ React19.createElement("div", { className: "border-b border-destructive/40 bg-destructive/10 px-4 py-2 text-xs text-destructive" }, "MSW failed to start (", error, "). Mock API calls will return real 404s.") : null, children);
+  return /* @__PURE__ */ React24.createElement(React24.Fragment, null, error ? /* @__PURE__ */ React24.createElement("div", { className: "border-b border-destructive/40 bg-destructive/10 px-4 py-2 text-xs text-destructive" }, "MSW failed to start (", error, "). Mock API calls will return real 404s.") : null, children);
 }
 export {
   AppShell,