better-auth-ui 3.2.6 → 3.2.11

package/dist/index.cjs

@@ -22,7 +22,7 @@ var _chunkCRAHKL2Ccjs = require('./chunk-CRAHKL2C.cjs');
 
 // src/components/account/account-view.tsx
 var _lucidereact = require('lucide-react');
-var _react = require('react'); var React = _interopRequireWildcard(_react); var React2 = _interopRequireWildcard(_react);
+var _react = require('react'); var React = _interopRequireWildcard(_react); var React2 = _interopRequireWildcard(_react); var React3 = _interopRequireWildcard(_react); var React4 = _interopRequireWildcard(_react); var React6 = _interopRequireWildcard(_react); var React5 = _interopRequireWildcard(_react); var React7 = _interopRequireWildcard(_react); var React8 = _interopRequireWildcard(_react); var React9 = _interopRequireWildcard(_react); var React10 = _interopRequireWildcard(_react); var React11 = _interopRequireWildcard(_react); var React12 = _interopRequireWildcard(_react); var React13 = _interopRequireWildcard(_react); var React14 = _interopRequireWildcard(_react);
 
 // src/hooks/use-authenticate.ts
 
@@ -63,82 +63,69 @@ function useAuthenticate(options) {
 
 
 // src/components/ui/card.tsx
+
 var _jsxruntime = require('react/jsx-runtime');
-function Card({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "card",
-      className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
-        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "card-header",
-      className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
-        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "card-title",
-      className: _chunkCRAHKL2Ccjs.cn.call(void 0, "leading-none font-semibold", className),
-      ...props
-    }
-  );
-}
-function CardDescription({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "card-description",
-      className: _chunkCRAHKL2Ccjs.cn.call(void 0, "text-muted-foreground text-sm", className),
-      ...props
-    }
-  );
-}
-function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "card-content",
-      className: _chunkCRAHKL2Ccjs.cn.call(void 0, "px-6", className),
-      ...props
-    }
-  );
-}
-function CardFooter({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "card-footer",
-      className: _chunkCRAHKL2Ccjs.cn.call(void 0, "flex items-center px-6 [.border-t]:pt-6", className),
-      ...props
-    }
-  );
-}
+var Card = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "div",
+  {
+    ref,
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
+      "rounded-xl border bg-card text-card-foreground shadow",
+      className
+    ),
+    ...props
+  }
+));
+Card.displayName = "Card";
+var CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "div",
+  {
+    ref,
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, "flex flex-col space-y-1.5 p-6", className),
+    ...props
+  }
+));
+CardHeader.displayName = "CardHeader";
+var CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "div",
+  {
+    ref,
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, "font-semibold leading-none tracking-tight", className),
+    ...props
+  }
+));
+CardTitle.displayName = "CardTitle";
+var CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "div",
+  {
+    ref,
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, "text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+var CardContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkCRAHKL2Ccjs.cn.call(void 0, "p-6 pt-0", className), ...props }));
+CardContent.displayName = "CardContent";
+var CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "div",
+  {
+    ref,
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, "flex items-center p-6 pt-0", className),
+    ...props
+  }
+));
+CardFooter.displayName = "CardFooter";
 
 // src/components/ui/skeleton.tsx
 
-function Skeleton({ className, ...props }) {
+function Skeleton({
+  className,
+  ...props
+}) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
-      "data-slot": "skeleton",
-      className: _chunkCRAHKL2Ccjs.cn.call(void 0, "bg-accent animate-pulse rounded-md", className),
+      className: _chunkCRAHKL2Ccjs.cn.call(void 0, "animate-pulse rounded-md bg-primary/10", className),
       ...props
     }
   );
@@ -149,26 +136,27 @@ function Skeleton({ className, ...props }) {
 var _reacthookform = require('react-hook-form');
 
 // src/components/ui/button.tsx
+
 var _reactslot = require('@radix-ui/react-slot');
 var _classvarianceauthority = require('class-variance-authority');
 
 var buttonVariants = _classvarianceauthority.cva.call(void 0, 
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
-        destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-        secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
         link: "text-primary underline-offset-4 hover:underline"
       },
       size: {
-        default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        icon: "size-9"
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-10 rounded-md px-8",
+        icon: "h-9 w-9"
       }
     },
     defaultVariants: {
@@ -177,23 +165,20 @@ var buttonVariants = _classvarianceauthority.cva.call(void 0,
     }
   }
 );
-function Button({
-  className,
-  variant,
-  size,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? _reactslot.Slot : "button";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    Comp,
-    {
-      "data-slot": "button",
-      className: _chunkCRAHKL2Ccjs.cn.call(void 0, buttonVariants({ variant, size, className })),
-      ...props
-    }
-  );
-}
+var Button = React2.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? _reactslot.Slot : "button";
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      Comp,
+      {
+        className: _chunkCRAHKL2Ccjs.cn.call(void 0, buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
 
 // src/components/settings/shared/settings-action-button.tsx
 
@@ -501,191 +486,241 @@ async function fileToBase64(file) {
 }
 
 // src/components/ui/dialog.tsx
+
 var _reactdialog = require('@radix-ui/react-dialog'); var DialogPrimitive = _interopRequireWildcard(_reactdialog);
 
 
-function Dialog({
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogPrimitive.Root, { "data-slot": "dialog", ...props });
-}
-function DialogPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
-}
-function DialogOverlay({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    DialogPrimitive.Overlay,
-    {
-      "data-slot": "dialog-overlay",
-      className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DialogContent({
-  className,
-  children,
-  showCloseButton = true,
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogOverlay, {}),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      DialogPrimitive.Content,
-      {
-        "data-slot": "dialog-content",
-        className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
-          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 p-6 shadow-lg duration-200 sm:max-w-lg",
-          className
-        ),
-        ...props,
-        children: [
-          children,
-          showCloseButton && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-            DialogPrimitive.Close,
-            {
-              "data-slot": "dialog-close",
-              className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-              children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.XIcon, {}),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Close" })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
-function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "dialog-header",
-      className: _chunkCRAHKL2Ccjs.cn.call(void 0, "flex flex-col gap-2 text-center sm:text-left", className),
-      ...props
-    }
-  );
-}
-function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
+var Dialog = DialogPrimitive.Root;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogOverlay = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props
+  }
+));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var DialogContent = React3.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DialogPortal, { children: [
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogOverlay, {}),
+  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    DialogPrimitive.Content,
     {
-      "data-slot": "dialog-footer",
+      ref,
       className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
-        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
         className
       ),
-      ...props
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
     }
-  );
-}
-function DialogTitle({
+  )
+] }));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+var DialogHeader = ({
   className,
   ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    DialogPrimitive.Title,
-    {
-      "data-slot": "dialog-title",
-      className: _chunkCRAHKL2Ccjs.cn.call(void 0, "text-lg leading-none font-semibold", className),
-      ...props
-    }
-  );
-}
-function DialogDescription({
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "div",
+  {
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = ({
   className,
   ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    DialogPrimitive.Description,
-    {
-      "data-slot": "dialog-description",
-      className: _chunkCRAHKL2Ccjs.cn.call(void 0, "text-muted-foreground text-sm", className),
-      ...props
-    }
-  );
-}
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "div",
+  {
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
+      "text-lg font-semibold leading-none tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, "text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/ui/dropdown-menu.tsx
+
 var _reactdropdownmenu = require('@radix-ui/react-dropdown-menu'); var DropdownMenuPrimitive = _interopRequireWildcard(_reactdropdownmenu);
 
 
-function DropdownMenu({
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
-}
-function DropdownMenuTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    DropdownMenuPrimitive.Trigger,
-    {
-      "data-slot": "dropdown-menu-trigger",
-      ...props
-    }
-  );
-}
-function DropdownMenuContent({
-  className,
-  sideOffset = 4,
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    DropdownMenuPrimitive.Content,
-    {
-      "data-slot": "dropdown-menu-content",
-      sideOffset,
-      className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 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 p-1 shadow-md",
-        className
-      ),
-      ...props
-    }
-  ) });
-}
-function DropdownMenuItem({
-  className,
-  inset,
-  variant = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    DropdownMenuPrimitive.Item,
-    {
-      "data-slot": "dropdown-menu-item",
-      "data-inset": inset,
-      "data-variant": variant,
-      className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
-        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props
+
+var DropdownMenu = DropdownMenuPrimitive.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+var DropdownMenuSubTrigger = React4.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  DropdownMenuPrimitive.SubTrigger,
+  {
+    ref,
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
+      "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronRight, { className: "ml-auto" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuSubContent = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  DropdownMenuPrimitive.SubContent,
+  {
+    ref,
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 origin-[--radix-dropdown-menu-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+var DropdownMenuContent = React4.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  DropdownMenuPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
+      "z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
+      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 origin-[--radix-dropdown-menu-content-transform-origin]",
+      className
+    ),
+    ...props
+  }
+) }));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var dropdownMenuItemVariants = _classvarianceauthority.cva.call(void 0, 
+  "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "",
+        destructive: "text-destructive focus:bg-destructive focus:text-destructive-foreground"
+      },
+      inset: {
+        true: "pl-8"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
     }
-  );
-}
-function DropdownMenuSeparator({
+  }
+);
+var DropdownMenuItem = React4.forwardRef(({ className, variant, inset, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  DropdownMenuPrimitive.Item,
+  {
+    ref,
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, dropdownMenuItemVariants({ variant, inset, className })),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+var DropdownMenuCheckboxItem = React4.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  DropdownMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Check, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React4.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  DropdownMenuPrimitive.RadioItem,
+  {
+    ref,
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuLabel = React4.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  DropdownMenuPrimitive.Label,
+  {
+    ref,
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+var DropdownMenuSeparator = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  DropdownMenuPrimitive.Separator,
+  {
+    ref,
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, "-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+var DropdownMenuShortcut = ({
   className,
   ...props
-}) {
+}) => {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    DropdownMenuPrimitive.Separator,
+    "span",
     {
-      "data-slot": "dropdown-menu-separator",
-      className: _chunkCRAHKL2Ccjs.cn.call(void 0, "bg-border -mx-1 my-1 h-px", className),
+      className: _chunkCRAHKL2Ccjs.cn.call(void 0, "ml-auto text-xs tracking-widest opacity-60", className),
       ...props
     }
   );
-}
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // src/components/ui/form.tsx
 
@@ -696,47 +731,44 @@ function DropdownMenuSeparator({
 
 
 
-
 // src/components/ui/label.tsx
+
 var _reactlabel = require('@radix-ui/react-label'); var LabelPrimitive = _interopRequireWildcard(_reactlabel);
 
-function Label2({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    LabelPrimitive.Root,
-    {
-      "data-slot": "label",
-      className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
-        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
-        className
-      ),
-      ...props
-    }
-  );
-}
+
+var labelVariants = _classvarianceauthority.cva.call(void 0, 
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+var Label2 = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  LabelPrimitive.Root,
+  {
+    ref,
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, labelVariants(), className),
+    ...props
+  }
+));
+Label2.displayName = LabelPrimitive.Root.displayName;
 
 // src/components/ui/form.tsx
 
 var Form = _reacthookform.FormProvider;
-var FormFieldContext = React.createContext(
-  {}
-);
+var FormFieldContext = React6.createContext(null);
 var FormField = ({
   ...props
 }) => {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacthookform.Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React.useContext(FormFieldContext);
-  const itemContext = React.useContext(FormItemContext);
-  const { getFieldState } = _reacthookform.useFormContext.call(void 0, );
-  const formState = _reacthookform.useFormState.call(void 0, { name: fieldContext.name });
-  const fieldState = getFieldState(fieldContext.name, formState);
+  const fieldContext = React6.useContext(FormFieldContext);
+  const itemContext = React6.useContext(FormItemContext);
+  const { getFieldState, formState } = _reacthookform.useFormContext.call(void 0, );
   if (!fieldContext) {
     throw new Error("useFormField should be used within <FormField>");
   }
+  if (!itemContext) {
+    throw new Error("useFormField should be used within <FormItem>");
+  }
+  const fieldState = getFieldState(fieldContext.name, formState);
   const { id } = itemContext;
   return {
     id,
@@ -747,138 +779,133 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React.createContext(
-  {}
-);
-function FormItem({ className, ...props }) {
-  const id = React.useId();
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "form-item",
-      className: _chunkCRAHKL2Ccjs.cn.call(void 0, "grid gap-2", className),
-      ...props
-    }
-  ) });
-}
-function FormLabel({
-  className,
-  ...props
-}) {
+var FormItemContext = React6.createContext(null);
+var FormItem = React6.forwardRef(({ className, ...props }, ref) => {
+  const id = React6.useId();
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkCRAHKL2Ccjs.cn.call(void 0, "space-y-2", className), ...props }) });
+});
+FormItem.displayName = "FormItem";
+var FormLabel = React6.forwardRef(({ className, ...props }, ref) => {
   const { error, formItemId } = useFormField();
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     Label2,
     {
-      "data-slot": "form-label",
-      "data-error": !!error,
-      className: _chunkCRAHKL2Ccjs.cn.call(void 0, "data-[error=true]:text-destructive", className),
+      ref,
+      className: _chunkCRAHKL2Ccjs.cn.call(void 0, error && "text-destructive", className),
       htmlFor: formItemId,
       ...props
     }
   );
-}
-function FormControl({ ...props }) {
+});
+FormLabel.displayName = "FormLabel";
+var FormControl = React6.forwardRef(({ ...props }, ref) => {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _reactslot.Slot,
     {
-      "data-slot": "form-control",
+      ref,
       id: formItemId,
       "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
       "aria-invalid": !!error,
       ...props
     }
   );
-}
-function FormMessage({ className, ...props }) {
+});
+FormControl.displayName = "FormControl";
+var FormDescription = React6.forwardRef(({ className, ...props }, ref) => {
+  const { formDescriptionId } = useFormField();
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "p",
+    {
+      ref,
+      id: formDescriptionId,
+      className: _chunkCRAHKL2Ccjs.cn.call(void 0, "text-[0.8rem] text-muted-foreground", className),
+      ...props
+    }
+  );
+});
+FormDescription.displayName = "FormDescription";
+var FormMessage = React6.forwardRef(({ className, children, ...props }, ref) => {
   const { error, formMessageId } = useFormField();
-  const body = error ? String(_nullishCoalesce((error == null ? void 0 : error.message), () => ( ""))) : props.children;
+  const body = error ? String(_nullishCoalesce((error == null ? void 0 : error.message), () => ( ""))) : children;
   if (!body) {
     return null;
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "p",
     {
-      "data-slot": "form-message",
+      ref,
       id: formMessageId,
-      className: _chunkCRAHKL2Ccjs.cn.call(void 0, "text-destructive text-sm", className),
+      className: _chunkCRAHKL2Ccjs.cn.call(void 0, "text-[0.8rem] font-medium text-destructive", className),
       ...props,
       children: body
     }
   );
-}
+});
+FormMessage.displayName = "FormMessage";
 
 // src/components/ui/input.tsx
 
-function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "input",
-    {
-      type,
-      "data-slot": "input",
-      className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
-        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-// src/components/organization/organization-logo.tsx
-
-
-
-// src/components/ui/avatar.tsx
-var _reactavatar = require('@radix-ui/react-avatar'); var AvatarPrimitive = _interopRequireWildcard(_reactavatar);
 
-function Avatar({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    AvatarPrimitive.Root,
-    {
-      "data-slot": "avatar",
-      className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
-        "relative flex size-8 shrink-0 overflow-hidden rounded-full",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AvatarImage({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    AvatarPrimitive.Image,
-    {
-      "data-slot": "avatar-image",
-      className: _chunkCRAHKL2Ccjs.cn.call(void 0, "aspect-square size-full", className),
-      ...props
-    }
-  );
-}
-function AvatarFallback({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    AvatarPrimitive.Fallback,
-    {
-      "data-slot": "avatar-fallback",
-      className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
-        "bg-muted flex size-full items-center justify-center rounded-full",
-        className
-      ),
-      ...props
-    }
-  );
-}
+var Input = React7.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "input",
+      {
+        type,
+        className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
+          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+
+// src/components/organization/organization-logo.tsx
+
+
+
+// src/components/ui/avatar.tsx
+
+var _reactavatar = require('@radix-ui/react-avatar'); var AvatarPrimitive = _interopRequireWildcard(_reactavatar);
+
+var Avatar = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  AvatarPrimitive.Root,
+  {
+    ref,
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
+      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+      className
+    ),
+    ...props
+  }
+));
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+var AvatarImage = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  AvatarPrimitive.Image,
+  {
+    ref,
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, "aspect-square h-full w-full", className),
+    ...props
+  }
+));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+var AvatarFallback = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  AvatarPrimitive.Fallback,
+  {
+    ref,
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
+      "flex h-full w-full items-center justify-center rounded-full bg-muted",
+      className
+    ),
+    ...props
+  }
+));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 
 // src/components/organization/organization-logo.tsx
 
@@ -2441,49 +2468,47 @@ function UpdateAvatarCard({
 
 
 // src/components/ui/checkbox.tsx
+
 var _reactcheckbox = require('@radix-ui/react-checkbox'); var CheckboxPrimitive = _interopRequireWildcard(_reactcheckbox);
 
 
-function Checkbox({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    CheckboxPrimitive.Root,
-    {
-      "data-slot": "checkbox",
-      className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
-        "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        CheckboxPrimitive.Indicator,
-        {
-          "data-slot": "checkbox-indicator",
-          className: "flex items-center justify-center text-current transition-none",
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CheckIcon, { className: "size-3.5" })
-        }
-      )
-    }
-  );
-}
+var Checkbox = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  CheckboxPrimitive.Root,
+  {
+    ref,
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
+      "grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      CheckboxPrimitive.Indicator,
+      {
+        className: _chunkCRAHKL2Ccjs.cn.call(void 0, "grid place-content-center text-current"),
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Check, { className: "h-4 w-4" })
+      }
+    )
+  }
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 
 // src/components/ui/textarea.tsx
 
-function Textarea({ className, ...props }) {
+
+var Textarea = React10.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "textarea",
     {
-      "data-slot": "textarea",
       className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
-        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
         className
       ),
+      ref,
       ...props
     }
   );
-}
+});
+Textarea.displayName = "Textarea";
 
 // src/components/settings/account/update-field-card.tsx
 
@@ -3413,131 +3438,116 @@ function PersonalAccountView({
 }
 
 // src/components/ui/select.tsx
+
 var _reactselect = require('@radix-ui/react-select'); var SelectPrimitive = _interopRequireWildcard(_reactselect);
 
 
-function Select({
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.Root, { "data-slot": "select", ...props });
-}
-function SelectValue({
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.Value, { "data-slot": "select-value", ...props });
-}
-function SelectTrigger({
-  className,
-  size = "default",
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    SelectPrimitive.Trigger,
-    {
-      "data-slot": "select-trigger",
-      "data-size": size,
-      className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
-        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 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 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronDownIcon, { className: "size-4 opacity-50" }) })
-      ]
-    }
-  );
-}
-function SelectContent({
-  className,
-  children,
-  position = "popper",
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.Portal, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    SelectPrimitive.Content,
-    {
-      "data-slot": "select-content",
-      className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 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 shadow-md",
-        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,
-      ...props,
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectScrollUpButton, {}),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          SelectPrimitive.Viewport,
-          {
-            className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
-              "p-1",
-              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
-            ),
-            children
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectScrollDownButton, {})
-      ]
-    }
-  ) });
-}
-function SelectItem({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    SelectPrimitive.Item,
-    {
-      "data-slot": "select-item",
-      className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
-        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground 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 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",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CheckIcon, { className: "size-4" }) }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.ItemText, { children })
-      ]
-    }
-  );
-}
-function SelectScrollUpButton({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    SelectPrimitive.ScrollUpButton,
-    {
-      "data-slot": "select-scroll-up-button",
-      className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
-        "flex cursor-default items-center justify-center py-1",
-        className
-      ),
-      ...props,
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronUpIcon, { className: "size-4" })
-    }
-  );
-}
-function SelectScrollDownButton({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    SelectPrimitive.ScrollDownButton,
-    {
-      "data-slot": "select-scroll-down-button",
-      className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
-        "flex cursor-default items-center justify-center py-1",
-        className
+var Select = SelectPrimitive.Root;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  SelectPrimitive.Trigger,
+  {
+    ref,
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
+      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  SelectPrimitive.ScrollUpButton,
+  {
+    ref,
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronUp, { className: "h-4 w-4" })
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  SelectPrimitive.ScrollDownButton,
+  {
+    ref,
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronDown, { className: "h-4 w-4" })
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React11.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.Portal, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  SelectPrimitive.Content,
+  {
+    ref,
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
+      "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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 origin-[--radix-select-content-transform-origin]",
+      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,
+    ...props,
+    children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectScrollUpButton, {}),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        SelectPrimitive.Viewport,
+        {
+          className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
+            "p-1",
+            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
       ),
-      ...props,
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronDownIcon, { className: "size-4" })
-    }
-  );
-}
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  SelectPrimitive.Label,
+  {
+    ref,
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, "px-2 py-1.5 text-sm font-semibold", className),
+    ...props
+  }
+));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  SelectPrimitive.Item,
+  {
+    ref,
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  SelectPrimitive.Separator,
+  {
+    ref,
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, "-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/settings/api-key/create-api-key-dialog.tsx
 
@@ -4863,7 +4873,7 @@ var VKIcon = ({ className }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
     )
   }
 );
-var XIcon3 = ({ className }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var XIcon2 = ({ className }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   "svg",
   {
     className,
@@ -5001,7 +5011,7 @@ var socialProviders = [
   {
     provider: "twitter",
     name: "X",
-    icon: XIcon3
+    icon: XIcon2
   },
   {
     provider: "zoom",
@@ -6058,93 +6068,94 @@ function SecuritySettingsCards({
 }
 
 // src/components/ui/drawer.tsx
+
 var _vaul = require('vaul');
 
-function Drawer({
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _vaul.Drawer.Root, { "data-slot": "drawer", ...props });
-}
-function DrawerTrigger({
+var Drawer = ({
+  shouldScaleBackground = true,
   ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _vaul.Drawer.Trigger, { "data-slot": "drawer-trigger", ...props });
-}
-function DrawerPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _vaul.Drawer.Portal, { "data-slot": "drawer-portal", ...props });
-}
-function DrawerOverlay({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _vaul.Drawer.Overlay,
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  _vaul.Drawer.Root,
+  {
+    shouldScaleBackground,
+    ...props
+  }
+);
+Drawer.displayName = "Drawer";
+var DrawerTrigger = _vaul.Drawer.Trigger;
+var DrawerPortal = _vaul.Drawer.Portal;
+var DrawerClose = _vaul.Drawer.Close;
+var DrawerOverlay = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  _vaul.Drawer.Overlay,
+  {
+    ref,
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, "fixed inset-0 z-50 bg-black/80", className),
+    ...props
+  }
+));
+DrawerOverlay.displayName = _vaul.Drawer.Overlay.displayName;
+var DrawerContent = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DrawerPortal, { children: [
+  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DrawerOverlay, {}),
+  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _vaul.Drawer.Content,
     {
-      "data-slot": "drawer-overlay",
+      ref,
       className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
         className
       ),
-      ...props
+      ...props,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
+        children
+      ]
     }
-  );
-}
-function DrawerContent({
+  )
+] }));
+DrawerContent.displayName = "DrawerContent";
+var DrawerHeader = ({
   className,
-  children,
   ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, DrawerPortal, { "data-slot": "drawer-portal", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DrawerOverlay, {}),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _vaul.Drawer.Content,
-      {
-        "data-slot": "drawer-content",
-        className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
-          "group/drawer-content bg-background fixed z-50 flex h-auto flex-col",
-          "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b",
-          "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t",
-          "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm",
-          "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm",
-          className
-        ),
-        ...props,
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
-          children
-        ]
-      }
-    )
-  ] });
-}
-function DrawerHeader({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "drawer-header",
-      className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
-        "flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DrawerTitle({
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "div",
+  {
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, "grid gap-1.5 p-4 text-center sm:text-left", className),
+    ...props
+  }
+);
+DrawerHeader.displayName = "DrawerHeader";
+var DrawerFooter = ({
   className,
   ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _vaul.Drawer.Title,
-    {
-      "data-slot": "drawer-title",
-      className: _chunkCRAHKL2Ccjs.cn.call(void 0, "text-foreground font-semibold", className),
-      ...props
-    }
-  );
-}
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "div",
+  {
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, "mt-auto flex flex-col gap-2 p-4", className),
+    ...props
+  }
+);
+DrawerFooter.displayName = "DrawerFooter";
+var DrawerTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  _vaul.Drawer.Title,
+  {
+    ref,
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
+      "text-lg font-semibold leading-none tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+DrawerTitle.displayName = _vaul.Drawer.Title.displayName;
+var DrawerDescription = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  _vaul.Drawer.Description,
+  {
+    ref,
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, "text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+DrawerDescription.displayName = _vaul.Drawer.Description.displayName;
 
 // src/components/account/account-view.tsx
 
@@ -6388,61 +6399,44 @@ function AuthCallback({ redirectTo }) {
 var _inputotp = require('input-otp');
 
 
-function InputOTP({
-  className,
-  containerClassName,
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _inputotp.OTPInput,
-    {
-      "data-slot": "input-otp",
-      containerClassName: _chunkCRAHKL2Ccjs.cn.call(void 0, 
-        "flex items-center gap-2 has-disabled:opacity-50",
-        containerClassName
-      ),
-      className: _chunkCRAHKL2Ccjs.cn.call(void 0, "disabled:cursor-not-allowed", className),
-      ...props
-    }
-  );
-}
-function InputOTPGroup({ className, ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      "data-slot": "input-otp-group",
-      className: _chunkCRAHKL2Ccjs.cn.call(void 0, "flex items-center", className),
-      ...props
-    }
-  );
-}
-function InputOTPSlot({
-  index,
-  className,
-  ...props
-}) {
-  const inputOTPContext = React2.useContext(_inputotp.OTPInputContext);
-  const { char, hasFakeCaret, isActive } = _nullishCoalesce((inputOTPContext == null ? void 0 : inputOTPContext.slots[index]), () => ( {}));
+var InputOTP = React13.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  _inputotp.OTPInput,
+  {
+    ref,
+    containerClassName: _chunkCRAHKL2Ccjs.cn.call(void 0, 
+      "flex items-center gap-2 has-[:disabled]:opacity-50",
+      containerClassName
+    ),
+    className: _chunkCRAHKL2Ccjs.cn.call(void 0, "disabled:cursor-not-allowed", className),
+    ...props
+  }
+));
+InputOTP.displayName = "InputOTP";
+var InputOTPGroup = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, className: _chunkCRAHKL2Ccjs.cn.call(void 0, "flex items-center", className), ...props }));
+InputOTPGroup.displayName = "InputOTPGroup";
+var InputOTPSlot = React13.forwardRef(({ index, className, ...props }, ref) => {
+  const inputOTPContext = React13.useContext(_inputotp.OTPInputContext);
+  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
-      "data-slot": "input-otp-slot",
-      "data-active": isActive,
+      ref,
       className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
-        "data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex h-9 w-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]",
+        "relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm shadow-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",
+        isActive && "z-10 ring-1 ring-ring",
         className
       ),
       ...props,
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
       ]
     }
   );
-}
-function InputOTPSeparator({ ...props }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.MinusIcon, {}) });
-}
+});
+InputOTPSlot.displayName = "InputOTPSlot";
+var InputOTPSeparator = React13.forwardRef(({ ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref, role: "separator", ...props, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Minus, {}) }));
+InputOTPSeparator.displayName = "InputOTPSeparator";
 
 // src/components/auth/otp-input-group.tsx
 
@@ -9109,28 +9103,26 @@ var AcceptInvitationSkeleton = ({
 };
 
 // src/components/ui/separator.tsx
+
 var _reactseparator = require('@radix-ui/react-separator'); var SeparatorPrimitive = _interopRequireWildcard(_reactseparator);
 
-function Separator3({
-  className,
-  orientation = "horizontal",
-  decorative = true,
-  ...props
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+var Separator3 = React14.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     SeparatorPrimitive.Root,
     {
-      "data-slot": "separator",
+      ref,
       decorative,
       orientation,
       className: _chunkCRAHKL2Ccjs.cn.call(void 0, 
-        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        "shrink-0 bg-border",
+        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
         className
       ),
       ...props
     }
-  );
-}
+  )
+);
+Separator3.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/components/auth/email-otp-button.tsx
 
@@ -12615,4 +12607,4 @@ function UserButton({
 
 
 
-exports.AcceptInvitationCard = AcceptInvitationCard; exports.AccountSettingsCards = AccountSettingsCards; exports.AccountView = AccountView; exports.AccountsCard = AccountsCard; exports.ApiKeysCard = ApiKeysCard; exports.AppleIcon = AppleIcon; exports.AuthCallback = AuthCallback; exports.AuthForm = AuthForm; exports.AuthLoading = AuthLoading; exports.AuthUIContext = _chunkSV64DXGWcjs.AuthUIContext; exports.AuthUIProvider = _chunkSV64DXGWcjs.AuthUIProvider; exports.AuthView = AuthView; exports.ChangeEmailCard = ChangeEmailCard; exports.ChangePasswordCard = ChangePasswordCard; exports.CreateOrganizationDialog = CreateOrganizationDialog; exports.DeleteAccountCard = DeleteAccountCard; exports.DeleteOrganizationCard = DeleteOrganizationCard; exports.DiscordIcon = DiscordIcon; exports.DropboxIcon = DropboxIcon; exports.FacebookIcon = FacebookIcon; exports.ForgotPasswordForm = ForgotPasswordForm; exports.GitHubIcon = GitHubIcon; exports.GitLabIcon = GitLabIcon; exports.GoogleIcon = GoogleIcon; exports.HuggingFaceIcon = HuggingFaceIcon; exports.InputFieldSkeleton = InputFieldSkeleton; exports.KickIcon = KickIcon; exports.LinearIcon = LinearIcon; exports.LinkedInIcon = LinkedInIcon; exports.MagicLinkForm = MagicLinkForm; exports.MicrosoftIcon = MicrosoftIcon; exports.NotionIcon = NotionIcon; exports.OrganizationCellView = OrganizationCellView; exports.OrganizationInvitationsCard = OrganizationInvitationsCard; exports.OrganizationLogo = OrganizationLogo; exports.OrganizationLogoCard = OrganizationLogoCard; exports.OrganizationMembersCard = OrganizationMembersCard; exports.OrganizationNameCard = OrganizationNameCard; exports.OrganizationSettingsCards = OrganizationSettingsCards; exports.OrganizationSlugCard = OrganizationSlugCard; exports.OrganizationSwitcher = OrganizationSwitcher; exports.OrganizationView = OrganizationView; exports.OrganizationsCard = OrganizationsCard; exports.PasskeysCard = PasskeysCard; exports.PasswordInput = PasswordInput; exports.ProvidersCard = ProvidersCard; exports.RecoverAccountForm = RecoverAccountForm; exports.RedditIcon = RedditIcon; exports.RedirectToSignIn = RedirectToSignIn; exports.RedirectToSignUp = RedirectToSignUp; exports.ResetPasswordForm = ResetPasswordForm; exports.RobloxIcon = RobloxIcon; exports.SecuritySettingsCards = SecuritySettingsCards; exports.SessionsCard = SessionsCard; exports.SettingsCard = SettingsCard; exports.SettingsCellSkeleton = SettingsCellSkeleton; exports.SignInForm = SignInForm; exports.SignOut = SignOut; exports.SignUpForm = SignUpForm; exports.SignedIn = SignedIn; exports.SignedOut = SignedOut; exports.SlackIcon = SlackIcon; exports.SpotifyIcon = SpotifyIcon; exports.TikTokIcon = TikTokIcon; exports.TwitchIcon = TwitchIcon; exports.TwoFactorCard = TwoFactorCard; exports.TwoFactorForm = TwoFactorForm; exports.UpdateAvatarCard = UpdateAvatarCard; exports.UpdateFieldCard = UpdateFieldCard; exports.UpdateNameCard = UpdateNameCard; exports.UpdateUsernameCard = UpdateUsernameCard; exports.UserAvatar = UserAvatar; exports.UserButton = UserButton; exports.UserInvitationsCard = UserInvitationsCard; exports.UserView = UserView; exports.VKIcon = VKIcon; exports.XIcon = XIcon3; exports.ZoomIcon = ZoomIcon; exports.accountViewPaths = _chunkCRAHKL2Ccjs.accountViewPaths; exports.authLocalization = _chunkCRAHKL2Ccjs.authLocalization; exports.authViewPaths = _chunkCRAHKL2Ccjs.authViewPaths; exports.getViewByPath = _chunkCRAHKL2Ccjs.getViewByPath; exports.organizationViewPaths = _chunkCRAHKL2Ccjs.organizationViewPaths; exports.socialProviders = socialProviders; exports.useAuthData = _chunkSV64DXGWcjs.useAuthData; exports.useAuthenticate = useAuthenticate; exports.useCurrentOrganization = _chunkSV64DXGWcjs.useCurrentOrganization;
+exports.AcceptInvitationCard = AcceptInvitationCard; exports.AccountSettingsCards = AccountSettingsCards; exports.AccountView = AccountView; exports.AccountsCard = AccountsCard; exports.ApiKeysCard = ApiKeysCard; exports.AppleIcon = AppleIcon; exports.AuthCallback = AuthCallback; exports.AuthForm = AuthForm; exports.AuthLoading = AuthLoading; exports.AuthUIContext = _chunkSV64DXGWcjs.AuthUIContext; exports.AuthUIProvider = _chunkSV64DXGWcjs.AuthUIProvider; exports.AuthView = AuthView; exports.ChangeEmailCard = ChangeEmailCard; exports.ChangePasswordCard = ChangePasswordCard; exports.CreateOrganizationDialog = CreateOrganizationDialog; exports.DeleteAccountCard = DeleteAccountCard; exports.DeleteOrganizationCard = DeleteOrganizationCard; exports.DiscordIcon = DiscordIcon; exports.DropboxIcon = DropboxIcon; exports.FacebookIcon = FacebookIcon; exports.ForgotPasswordForm = ForgotPasswordForm; exports.GitHubIcon = GitHubIcon; exports.GitLabIcon = GitLabIcon; exports.GoogleIcon = GoogleIcon; exports.HuggingFaceIcon = HuggingFaceIcon; exports.InputFieldSkeleton = InputFieldSkeleton; exports.KickIcon = KickIcon; exports.LinearIcon = LinearIcon; exports.LinkedInIcon = LinkedInIcon; exports.MagicLinkForm = MagicLinkForm; exports.MicrosoftIcon = MicrosoftIcon; exports.NotionIcon = NotionIcon; exports.OrganizationCellView = OrganizationCellView; exports.OrganizationInvitationsCard = OrganizationInvitationsCard; exports.OrganizationLogo = OrganizationLogo; exports.OrganizationLogoCard = OrganizationLogoCard; exports.OrganizationMembersCard = OrganizationMembersCard; exports.OrganizationNameCard = OrganizationNameCard; exports.OrganizationSettingsCards = OrganizationSettingsCards; exports.OrganizationSlugCard = OrganizationSlugCard; exports.OrganizationSwitcher = OrganizationSwitcher; exports.OrganizationView = OrganizationView; exports.OrganizationsCard = OrganizationsCard; exports.PasskeysCard = PasskeysCard; exports.PasswordInput = PasswordInput; exports.ProvidersCard = ProvidersCard; exports.RecoverAccountForm = RecoverAccountForm; exports.RedditIcon = RedditIcon; exports.RedirectToSignIn = RedirectToSignIn; exports.RedirectToSignUp = RedirectToSignUp; exports.ResetPasswordForm = ResetPasswordForm; exports.RobloxIcon = RobloxIcon; exports.SecuritySettingsCards = SecuritySettingsCards; exports.SessionsCard = SessionsCard; exports.SettingsCard = SettingsCard; exports.SettingsCellSkeleton = SettingsCellSkeleton; exports.SignInForm = SignInForm; exports.SignOut = SignOut; exports.SignUpForm = SignUpForm; exports.SignedIn = SignedIn; exports.SignedOut = SignedOut; exports.SlackIcon = SlackIcon; exports.SpotifyIcon = SpotifyIcon; exports.TikTokIcon = TikTokIcon; exports.TwitchIcon = TwitchIcon; exports.TwoFactorCard = TwoFactorCard; exports.TwoFactorForm = TwoFactorForm; exports.UpdateAvatarCard = UpdateAvatarCard; exports.UpdateFieldCard = UpdateFieldCard; exports.UpdateNameCard = UpdateNameCard; exports.UpdateUsernameCard = UpdateUsernameCard; exports.UserAvatar = UserAvatar; exports.UserButton = UserButton; exports.UserInvitationsCard = UserInvitationsCard; exports.UserView = UserView; exports.VKIcon = VKIcon; exports.XIcon = XIcon2; exports.ZoomIcon = ZoomIcon; exports.accountViewPaths = _chunkCRAHKL2Ccjs.accountViewPaths; exports.authLocalization = _chunkCRAHKL2Ccjs.authLocalization; exports.authViewPaths = _chunkCRAHKL2Ccjs.authViewPaths; exports.getViewByPath = _chunkCRAHKL2Ccjs.getViewByPath; exports.organizationViewPaths = _chunkCRAHKL2Ccjs.organizationViewPaths; exports.socialProviders = socialProviders; exports.useAuthData = _chunkSV64DXGWcjs.useAuthData; exports.useAuthenticate = useAuthenticate; exports.useCurrentOrganization = _chunkSV64DXGWcjs.useCurrentOrganization;