@victusvinceere/saas-core 0.1.0

package/dist/components/auth/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ui/avatar.tsx","../../../src/lib/utils.ts","../../../src/components/ui/button.tsx","../../../src/components/ui/dropdown-menu.tsx","../../../src/components/ui/drawer.tsx","../../../src/components/auth/user-button.tsx","../../../src/hooks/use-mobile.ts","../../../src/components/ui/input.tsx","../../../src/components/ui/label.tsx","../../../src/components/ui/separator.tsx","../../../src/components/auth/auth-form.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Avatar({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Root>) {\n  return (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      className={cn(\n        \"relative flex size-8 shrink-0 overflow-hidden rounded-full\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarImage({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn(\"aspect-square size-full\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction AvatarFallback({\n  className,\n  ...props\n}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        \"bg-muted flex size-full items-center justify-center rounded-full\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Avatar, AvatarImage, AvatarFallback }\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils\"\n\nconst buttonVariants = cva(\n  \"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\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n        icon: \"size-9\",\n        \"icon-sm\": \"size-8\",\n        \"icon-lg\": \"size-10\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Button({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n  }) {\n  const Comp = asChild ? Slot : \"button\"\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      data-variant={variant}\n      data-size={size}\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n","\"use client\"\n\nimport * as React from \"react\"\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\"\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction DropdownMenu({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\nfunction DropdownMenuPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return (\n    <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n  )\n}\n\nfunction DropdownMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return (\n    <DropdownMenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"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\",\n          className\n        )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  )\n}\n\nfunction DropdownMenuGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return (\n    <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n  )\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean\n  variant?: \"default\" | \"destructive\"\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"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\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 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\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction DropdownMenuRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return (\n    <DropdownMenuPrimitive.RadioGroup\n      data-slot=\"dropdown-menu-radio-group\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 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\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  )\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn(\n        \"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto size-4\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  )\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        \"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 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuPortal,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n}\n","\"use client\"\n\nimport * as React from \"react\"\nimport { Drawer as DrawerPrimitive } from \"vaul\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Drawer({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n  return <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />\n}\n\nfunction DrawerTrigger({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n  return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />\n}\n\nfunction DrawerPortal({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n  return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />\n}\n\nfunction DrawerClose({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n  return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />\n}\n\nfunction DrawerOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n  return (\n    <DrawerPrimitive.Overlay\n      data-slot=\"drawer-overlay\"\n      className={cn(\n        \"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\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n  return (\n    <DrawerPortal data-slot=\"drawer-portal\">\n      <DrawerOverlay />\n      <DrawerPrimitive.Content\n        data-slot=\"drawer-content\"\n        className={cn(\n          \"group/drawer-content bg-background fixed z-50 flex h-auto flex-col\",\n          \"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\",\n          \"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\",\n          \"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\",\n          \"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\",\n          className\n        )}\n        {...props}\n      >\n        <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\" />\n        {children}\n      </DrawerPrimitive.Content>\n    </DrawerPortal>\n  )\n}\n\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"drawer-header\"\n      className={cn(\n        \"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\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"drawer-footer\"\n      className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n  return (\n    <DrawerPrimitive.Title\n      data-slot=\"drawer-title\"\n      className={cn(\"text-foreground font-semibold\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n  return (\n    <DrawerPrimitive.Description\n      data-slot=\"drawer-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n}\n","\"use client\";\n\nimport { Avatar, AvatarFallback, AvatarImage } from \"../ui/avatar\";\nimport { Button } from \"../ui/button\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"../ui/dropdown-menu\";\nimport {\n  Drawer,\n  DrawerContent,\n  DrawerHeader,\n  DrawerTitle,\n  DrawerTrigger,\n} from \"../ui/drawer\";\nimport { signOut, useSession } from \"next-auth/react\";\nimport { LogOut, Settings, User, CreditCard, Moon, Sun, type LucideIcon } from \"lucide-react\";\nimport Link from \"next/link\";\nimport { useIsMobile } from \"../../hooks/use-mobile\";\nimport { useTheme } from \"next-themes\";\n\nexport interface UserButtonMenuItem {\n  icon: LucideIcon;\n  label: string;\n  href: string;\n}\n\nexport interface UserButtonProps {\n  menuItems?: UserButtonMenuItem[];\n  signInHref?: string;\n  showThemeToggle?: boolean;\n}\n\nconst defaultMenuItems: UserButtonMenuItem[] = [\n  {\n    icon: User,\n    label: \"Profile\",\n    href: \"/dashboard/settings/profile\",\n  },\n  {\n    icon: CreditCard,\n    label: \"Billing\",\n    href: \"/dashboard/settings/billing\",\n  },\n  {\n    icon: Settings,\n    label: \"Settings\",\n    href: \"/dashboard/settings\",\n  },\n];\n\nexport function UserButton({\n  menuItems = defaultMenuItems,\n  signInHref = \"/login\",\n  showThemeToggle = true,\n}: UserButtonProps) {\n  const { data: session } = useSession();\n  const isMobile = useIsMobile();\n  const { theme, setTheme } = useTheme();\n\n  if (!session?.user) {\n    return (\n      <Button asChild variant=\"ghost\" size=\"sm\">\n        <Link href={signInHref}>Sign in</Link>\n      </Button>\n    );\n  }\n\n  const initials =\n    session.user.name\n      ?.split(\" \")\n      .map((n) => n[0])\n      .join(\"\")\n      .toUpperCase() || session.user.email?.[0]?.toUpperCase() || \"U\";\n\n  const toggleTheme = () => {\n    setTheme(theme === \"dark\" ? \"light\" : \"dark\");\n  };\n\n  const handleSignOut = () => {\n    signOut({ callbackUrl: \"/\" });\n  };\n\n  const AvatarButton = (\n    <Button variant=\"ghost\" className=\"relative h-8 w-8 rounded-full\">\n      <Avatar className=\"h-8 w-8\">\n        <AvatarImage\n          src={session.user.image || undefined}\n          alt={session.user.name || \"User\"}\n        />\n        <AvatarFallback className=\"bg-primary/10 text-primary\">\n          {initials}\n        </AvatarFallback>\n      </Avatar>\n    </Button>\n  );\n\n  // Mobile: Use Drawer\n  if (isMobile) {\n    return (\n      <Drawer>\n        <DrawerTrigger asChild>{AvatarButton}</DrawerTrigger>\n        <DrawerContent>\n          <DrawerHeader className=\"text-left\">\n            <DrawerTitle>Account</DrawerTitle>\n          </DrawerHeader>\n          <div className=\"px-4 pb-8\">\n            <div className=\"mb-6 flex items-center gap-3\">\n              <Avatar className=\"h-12 w-12\">\n                <AvatarImage\n                  src={session.user.image || undefined}\n                  alt={session.user.name || \"User\"}\n                />\n                <AvatarFallback className=\"bg-primary/10 text-primary text-lg\">\n                  {initials}\n                </AvatarFallback>\n              </Avatar>\n              <div>\n                <p className=\"font-medium\">{session.user.name || \"User\"}</p>\n                <p className=\"text-sm text-muted-foreground\">\n                  {session.user.email}\n                </p>\n              </div>\n            </div>\n\n            <div className=\"space-y-1\">\n              {menuItems.map((item) => (\n                <Button\n                  key={item.label}\n                  variant=\"ghost\"\n                  className=\"w-full justify-start\"\n                  asChild\n                >\n                  <Link href={item.href}>\n                    <item.icon className=\"mr-3 h-4 w-4\" />\n                    {item.label}\n                  </Link>\n                </Button>\n              ))}\n\n              {showThemeToggle && (\n                <Button\n                  variant=\"ghost\"\n                  className=\"w-full justify-start\"\n                  onClick={toggleTheme}\n                >\n                  {theme === \"dark\" ? (\n                    <Sun className=\"mr-3 h-4 w-4\" />\n                  ) : (\n                    <Moon className=\"mr-3 h-4 w-4\" />\n                  )}\n                  {theme === \"dark\" ? \"Light mode\" : \"Dark mode\"}\n                </Button>\n              )}\n\n              <div className=\"my-2 border-t\" />\n\n              <Button\n                variant=\"ghost\"\n                className=\"w-full justify-start text-destructive hover:text-destructive\"\n                onClick={handleSignOut}\n              >\n                <LogOut className=\"mr-3 h-4 w-4\" />\n                Sign out\n              </Button>\n            </div>\n          </div>\n        </DrawerContent>\n      </Drawer>\n    );\n  }\n\n  // Desktop: Use Dropdown\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>{AvatarButton}</DropdownMenuTrigger>\n      <DropdownMenuContent className=\"w-56\" align=\"end\" forceMount>\n        <DropdownMenuLabel className=\"font-normal\">\n          <div className=\"flex flex-col space-y-1\">\n            <p className=\"text-sm font-medium leading-none\">\n              {session.user.name || \"User\"}\n            </p>\n            <p className=\"text-xs leading-none text-muted-foreground\">\n              {session.user.email}\n            </p>\n          </div>\n        </DropdownMenuLabel>\n        <DropdownMenuSeparator />\n        {menuItems.map((item) => (\n          <DropdownMenuItem key={item.label} asChild>\n            <Link href={item.href}>\n              <item.icon className=\"mr-2 h-4 w-4\" />\n              {item.label}\n            </Link>\n          </DropdownMenuItem>\n        ))}\n        {showThemeToggle && (\n          <DropdownMenuItem onClick={toggleTheme}>\n            {theme === \"dark\" ? (\n              <Sun className=\"mr-2 h-4 w-4\" />\n            ) : (\n              <Moon className=\"mr-2 h-4 w-4\" />\n            )}\n            {theme === \"dark\" ? \"Light mode\" : \"Dark mode\"}\n          </DropdownMenuItem>\n        )}\n        <DropdownMenuSeparator />\n        <DropdownMenuItem\n          onClick={handleSignOut}\n          className=\"text-destructive focus:text-destructive\"\n        >\n          <LogOut className=\"mr-2 h-4 w-4\" />\n          Sign out\n        </DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n","\"use client\";\n\nimport * as React from \"react\";\n\nconst MOBILE_BREAKPOINT = 768;\n\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined);\n\n  React.useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    };\n    mql.addEventListener(\"change\", onChange);\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    return () => mql.removeEventListener(\"change\", onChange);\n  }, []);\n\n  return !!isMobile;\n}\n","import * as React from \"react\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input 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\",\n        \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n        \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n","\"use client\"\n\nimport * as React from \"react\"\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        \"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\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Label }\n","\"use client\"\n\nimport * as React from \"react\"\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Separator({\n  className,\n  orientation = \"horizontal\",\n  decorative = true,\n  ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n  return (\n    <SeparatorPrimitive.Root\n      data-slot=\"separator\"\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Separator }\n","\"use client\";\n\nimport { Button } from \"../ui/button\";\nimport { Input } from \"../ui/input\";\nimport { Label } from \"../ui/label\";\nimport { Separator } from \"../ui/separator\";\nimport { signIn } from \"next-auth/react\";\nimport { useState } from \"react\";\nimport { Loader2 } from \"lucide-react\";\nimport Link from \"next/link\";\nimport { useSearchParams } from \"next/navigation\";\n\nexport interface AuthFormProps {\n  mode: \"login\" | \"signup\";\n  providers?: Array<\"google\" | \"github\" | \"email\">;\n  signupHref?: string;\n  loginHref?: string;\n  verifyRequestHref?: string;\n  defaultCallbackUrl?: string;\n}\n\nexport function AuthForm({\n  mode,\n  providers = [\"google\", \"email\"],\n  signupHref = \"/signup\",\n  loginHref = \"/login\",\n  verifyRequestHref = \"/verify-request\",\n  defaultCallbackUrl = \"/dashboard\",\n}: AuthFormProps) {\n  const [email, setEmail] = useState(\"\");\n  const [isLoading, setIsLoading] = useState(false);\n  const [isGoogleLoading, setIsGoogleLoading] = useState(false);\n  const [isGithubLoading, setIsGithubLoading] = useState(false);\n  const [error, setError] = useState(\"\");\n  const searchParams = useSearchParams();\n  const callbackUrl = searchParams.get(\"callbackUrl\") || defaultCallbackUrl;\n\n  const isLogin = mode === \"login\";\n  const showGoogle = providers.includes(\"google\");\n  const showGithub = providers.includes(\"github\");\n  const showEmail = providers.includes(\"email\");\n\n  const handleEmailSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setIsLoading(true);\n    setError(\"\");\n\n    try {\n      const result = await signIn(\"resend\", {\n        email,\n        callbackUrl,\n        redirect: false,\n      });\n\n      if (result?.error) {\n        setError(\"Failed to send magic link. Please try again.\");\n      } else {\n        window.location.href = verifyRequestHref;\n      }\n    } catch {\n      setError(\"Something went wrong\");\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  const handleGoogleSignIn = async () => {\n    setIsGoogleLoading(true);\n    try {\n      await signIn(\"google\", {\n        callbackUrl,\n      });\n    } catch (error) {\n      console.error(\"Google sign in error:\", error);\n    } finally {\n      setIsGoogleLoading(false);\n    }\n  };\n\n  const handleGithubSignIn = async () => {\n    setIsGithubLoading(true);\n    try {\n      await signIn(\"github\", {\n        callbackUrl,\n      });\n    } catch (error) {\n      console.error(\"GitHub sign in error:\", error);\n    } finally {\n      setIsGithubLoading(false);\n    }\n  };\n\n  return (\n    <div className=\"space-y-6\">\n      <div className=\"space-y-2 text-center\">\n        <h1 className=\"text-2xl font-semibold tracking-tight\">\n          {isLogin ? \"Welcome back\" : \"Create an account\"}\n        </h1>\n        <p className=\"text-sm text-muted-foreground\">\n          {isLogin\n            ? \"Sign in to your account to continue\"\n            : \"Enter your email to get started\"}\n        </p>\n      </div>\n\n      {error && (\n        <div className=\"p-3 text-sm text-destructive bg-destructive/10 rounded-md\">\n          {error}\n        </div>\n      )}\n\n      {showGoogle && (\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          className=\"w-full\"\n          onClick={handleGoogleSignIn}\n          disabled={isGoogleLoading}\n        >\n          {isGoogleLoading ? (\n            <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" />\n          ) : (\n            <svg className=\"mr-2 h-4 w-4\" viewBox=\"0 0 24 24\">\n              <path\n                d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\"\n                fill=\"#4285F4\"\n              />\n              <path\n                d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\"\n                fill=\"#34A853\"\n              />\n              <path\n                d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\"\n                fill=\"#FBBC05\"\n              />\n              <path\n                d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\"\n                fill=\"#EA4335\"\n              />\n            </svg>\n          )}\n          Continue with Google\n        </Button>\n      )}\n\n      {showGithub && (\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          className=\"w-full\"\n          onClick={handleGithubSignIn}\n          disabled={isGithubLoading}\n        >\n          {isGithubLoading ? (\n            <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" />\n          ) : (\n            <svg className=\"mr-2 h-4 w-4\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n              <path d=\"M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z\" />\n            </svg>\n          )}\n          Continue with GitHub\n        </Button>\n      )}\n\n      {showEmail && (showGoogle || showGithub) && (\n        <div className=\"relative\">\n          <div className=\"absolute inset-0 flex items-center\">\n            <Separator className=\"w-full\" />\n          </div>\n          <div className=\"relative flex justify-center text-xs uppercase\">\n            <span className=\"bg-background px-2 text-muted-foreground\">\n              Or continue with email\n            </span>\n          </div>\n        </div>\n      )}\n\n      {showEmail && (\n        <form onSubmit={handleEmailSubmit} className=\"space-y-4\">\n          <div className=\"space-y-2\">\n            <Label htmlFor=\"email\">Email</Label>\n            <Input\n              id=\"email\"\n              type=\"email\"\n              placeholder=\"name@example.com\"\n              value={email}\n              onChange={(e) => setEmail(e.target.value)}\n              required\n              disabled={isLoading}\n            />\n          </div>\n          <Button type=\"submit\" className=\"w-full\" disabled={isLoading}>\n            {isLoading ? (\n              <>\n                <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" />\n                Sending magic link...\n              </>\n            ) : (\n              \"Send magic link\"\n            )}\n          </Button>\n        </form>\n      )}\n\n      <p className=\"text-center text-sm text-muted-foreground\">\n        {isLogin ? (\n          <>\n            Don&apos;t have an account?{\" \"}\n            <Link href={signupHref} className=\"text-primary hover:underline\">\n              Sign up\n            </Link>\n          </>\n        ) : (\n          <>\n            Already have an account?{\" \"}\n            <Link href={loginHref} className=\"text-primary hover:underline\">\n              Sign in\n            </Link>\n          </>\n        )}\n      </p>\n    </div>\n  );\n}\n"],"mappings":"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","names":["jsx","jsx","jsx","jsx","jsx","jsx","jsxs","jsx","jsxs","jsx","jsx","jsxs","jsx","jsx","Label","jsx","Separator","useState","Link","jsx","jsxs","error","Separator","Label"]}

package/dist/components/dashboard/index.d.mts

@@ -0,0 +1,32 @@
+import { S as SidebarNavGroup } from '../../sidebar-ttX_iZ40.mjs';
+export { a as Sidebar, b as SidebarNavItem, c as SidebarProps } from '../../sidebar-ttX_iZ40.mjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import 'lucide-react';
+
+interface MobileSidebarProps {
+    config: SidebarNavGroup[];
+    siteName?: string;
+    logo?: React.ReactNode;
+}
+declare function MobileSidebar({ config, siteName, logo }: MobileSidebarProps): react_jsx_runtime.JSX.Element;
+
+interface HeaderProps {
+    sidebarConfig: SidebarNavGroup[];
+    siteName?: string;
+    logo?: ReactNode;
+    children?: ReactNode;
+}
+declare function Header({ sidebarConfig, siteName, logo, children, }: HeaderProps): react_jsx_runtime.JSX.Element;
+
+interface DashboardLayoutProps {
+    children: ReactNode;
+    sidebarConfig: SidebarNavGroup[];
+    siteName?: string;
+    logo?: ReactNode;
+    headerContent?: ReactNode;
+    className?: string;
+}
+declare function DashboardLayout({ children, sidebarConfig, siteName, logo, headerContent, className, }: DashboardLayoutProps): react_jsx_runtime.JSX.Element;
+
+export { DashboardLayout, type DashboardLayoutProps, Header, type HeaderProps, MobileSidebar, type MobileSidebarProps, SidebarNavGroup };

package/dist/components/dashboard/index.d.ts

@@ -0,0 +1,32 @@
+import { S as SidebarNavGroup } from '../../sidebar-ttX_iZ40.js';
+export { a as Sidebar, b as SidebarNavItem, c as SidebarProps } from '../../sidebar-ttX_iZ40.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+import 'lucide-react';
+
+interface MobileSidebarProps {
+    config: SidebarNavGroup[];
+    siteName?: string;
+    logo?: React.ReactNode;
+}
+declare function MobileSidebar({ config, siteName, logo }: MobileSidebarProps): react_jsx_runtime.JSX.Element;
+
+interface HeaderProps {
+    sidebarConfig: SidebarNavGroup[];
+    siteName?: string;
+    logo?: ReactNode;
+    children?: ReactNode;
+}
+declare function Header({ sidebarConfig, siteName, logo, children, }: HeaderProps): react_jsx_runtime.JSX.Element;
+
+interface DashboardLayoutProps {
+    children: ReactNode;
+    sidebarConfig: SidebarNavGroup[];
+    siteName?: string;
+    logo?: ReactNode;
+    headerContent?: ReactNode;
+    className?: string;
+}
+declare function DashboardLayout({ children, sidebarConfig, siteName, logo, headerContent, className, }: DashboardLayoutProps): react_jsx_runtime.JSX.Element;
+
+export { DashboardLayout, type DashboardLayoutProps, Header, type HeaderProps, MobileSidebar, type MobileSidebarProps, SidebarNavGroup };

package/dist/components/dashboard/index.js

@@ -0,0 +1,440 @@
+"use client";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dashboard/index.ts
+var dashboard_exports = {};
+__export(dashboard_exports, {
+  DashboardLayout: () => DashboardLayout,
+  Header: () => Header,
+  MobileSidebar: () => MobileSidebar,
+  Sidebar: () => Sidebar
+});
+module.exports = __toCommonJS(dashboard_exports);
+
+// src/components/dashboard/sidebar.tsx
+var import_link = __toESM(require("next/link"));
+var import_navigation = require("next/navigation");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/ui/button.tsx
+var import_react_slot = require("@radix-ui/react-slot");
+var import_class_variance_authority = require("class-variance-authority");
+var import_jsx_runtime = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority.cva)(
+  "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",
+  {
+    variants: {
+      variant: {
+        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: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 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-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",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? import_react_slot.Slot : "button";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Comp,
+    {
+      "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/badge.tsx
+var import_react_slot2 = require("@radix-ui/react-slot");
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var badgeVariants = (0, import_class_variance_authority2.cva)(
+  "inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-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 transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? import_react_slot2.Slot : "span";
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    Comp,
+    {
+      "data-slot": "badge",
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/tooltip.tsx
+var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    TooltipPrimitive.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration,
+      ...props
+    }
+  );
+}
+function Tooltip({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
+}
+function TooltipTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    TooltipPrimitive.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn(
+        "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TooltipPrimitive.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+      ]
+    }
+  ) });
+}
+
+// src/components/dashboard/sidebar.tsx
+var import_lucide_react = require("lucide-react");
+var import_react = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function Sidebar({ config, siteName = "SaaS Kit", logo }) {
+  const pathname = (0, import_navigation.usePathname)();
+  const [isCollapsed, setIsCollapsed] = (0, import_react.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    "aside",
+    {
+      className: cn(
+        "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:flex-col transition-all duration-300",
+        isCollapsed ? "lg:w-16" : "lg:w-64"
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex grow flex-col gap-y-5 overflow-y-auto border-r bg-background pb-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "div",
+          {
+            className: cn(
+              "flex h-16 shrink-0 items-center border-b px-4",
+              isCollapsed && "justify-center px-2"
+            ),
+            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_link.default, { href: "/", className: "flex items-center gap-2", children: [
+              logo || /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex h-8 w-8 items-center justify-center rounded-lg bg-primary text-primary-foreground font-bold", children: "S" }),
+              !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-lg font-semibold", children: siteName })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("nav", { className: "flex flex-1 flex-col px-2", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { role: "list", className: "flex flex-1 flex-col gap-y-4", children: config.map((group) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("li", { children: [
+          !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "mb-2 px-2 text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: group.title }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { role: "list", className: "space-y-1", children: group.items.map((item) => {
+            const isActive = pathname === item.href;
+            const linkContent = /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+              import_link.default,
+              {
+                href: item.disabled ? "#" : item.href,
+                className: cn(
+                  "group flex items-center gap-x-3 rounded-lg px-3 py-2 text-sm font-medium transition-colors",
+                  isActive ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted hover:text-foreground",
+                  item.disabled && "pointer-events-none opacity-50",
+                  isCollapsed && "justify-center px-2"
+                ),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(item.icon, { className: "h-5 w-5 shrink-0" }),
+                  !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "flex-1", children: item.title }),
+                    item.badge && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                      Badge,
+                      {
+                        variant: "secondary",
+                        className: "ml-auto text-xs",
+                        children: item.badge
+                      }
+                    )
+                  ] })
+                ]
+              }
+            );
+            if (isCollapsed) {
+              return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Tooltip, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(TooltipTrigger, { asChild: true, children: linkContent }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(TooltipContent, { side: "right", className: "flex items-center gap-2", children: [
+                  item.title,
+                  item.badge && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Badge, { variant: "secondary", className: "text-xs", children: item.badge })
+                ] })
+              ] }) }, item.title);
+            }
+            return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { children: linkContent }, item.title);
+          }) })
+        ] }, group.title)) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "px-2", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: cn(
+              "w-full justify-center",
+              !isCollapsed && "justify-start"
+            ),
+            onClick: () => setIsCollapsed(!isCollapsed),
+            children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react.ChevronRight, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react.ChevronLeft, { className: "h-4 w-4 mr-2" }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "Collapse" })
+            ] })
+          }
+        ) })
+      ] })
+    }
+  ) });
+}
+
+// src/components/dashboard/mobile-sidebar.tsx
+var import_link2 = __toESM(require("next/link"));
+var import_navigation2 = require("next/navigation");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function MobileSidebar({ config, siteName = "SaaS Kit", logo }) {
+  const pathname = (0, import_navigation2.usePathname)();
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex grow flex-col gap-y-5 overflow-y-auto bg-background px-4 pb-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex h-16 shrink-0 items-center border-b", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_link2.default, { href: "/", className: "flex items-center gap-2", children: [
+      logo || /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex h-8 w-8 items-center justify-center rounded-lg bg-primary text-primary-foreground font-bold", children: "S" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-lg font-semibold", children: siteName })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("nav", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ul", { role: "list", className: "flex flex-1 flex-col gap-y-4", children: config.map((group) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("li", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "mb-2 px-2 text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: group.title }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ul", { role: "list", className: "space-y-1", children: group.items.map((item) => {
+        const isActive = pathname === item.href || pathname.startsWith(item.href + "/");
+        return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+          import_link2.default,
+          {
+            href: item.disabled ? "#" : item.href,
+            className: cn(
+              "group flex items-center gap-x-3 rounded-lg px-3 py-2 text-sm font-medium transition-colors",
+              isActive ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted hover:text-foreground",
+              item.disabled && "pointer-events-none opacity-50"
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(item.icon, { className: "h-5 w-5 shrink-0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "flex-1", children: item.title }),
+              item.badge && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Badge, { variant: "secondary", className: "ml-auto text-xs", children: item.badge })
+            ]
+          }
+        ) }, item.title);
+      }) })
+    ] }, group.title)) }) })
+  ] });
+}
+
+// src/components/ui/sheet.tsx
+var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
+var import_lucide_react2 = require("lucide-react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function Sheet({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+}
+function SheetTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+}
+function SheetPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+}
+function SheetOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    SheetPrimitive.Overlay,
+    {
+      "data-slot": "sheet-overlay",
+      className: cn(
+        "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 SheetContent({
+  className,
+  children,
+  side = "right",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(SheetPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SheetOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      SheetPrimitive.Content,
+      {
+        "data-slot": "sheet-content",
+        className: cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+          side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+          side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+          side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
+          side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(SheetPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary 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", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.XIcon, { className: "size-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/components/dashboard/header.tsx
+var import_lucide_react3 = require("lucide-react");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function Header({
+  sidebarConfig,
+  siteName,
+  logo,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("header", { className: "sticky top-0 z-40 flex h-16 shrink-0 items-center gap-x-4 border-b bg-background px-4 shadow-sm sm:gap-x-6 sm:px-6 lg:px-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Sheet, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SheetTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Button, { variant: "ghost", size: "icon", className: "lg:hidden", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react3.Menu, { className: "h-6 w-6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "sr-only", children: "Open sidebar" })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SheetContent, { side: "left", className: "w-64 p-0", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        MobileSidebar,
+        {
+          config: sidebarConfig,
+          siteName,
+          logo
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "h-6 w-px bg-border lg:hidden" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex flex-1" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex items-center gap-x-4 lg:gap-x-6", children })
+    ] })
+  ] });
+}
+
+// src/components/dashboard/dashboard-layout.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function DashboardLayout({
+  children,
+  sidebarConfig,
+  siteName = "SaaS Kit",
+  logo,
+  headerContent,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "min-h-screen bg-background", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Sidebar, { config: sidebarConfig, siteName, logo }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "lg:pl-64", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Header, { sidebarConfig, siteName, logo, children: headerContent }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("main", { className: cn("p-4 sm:p-6 lg:p-8", className), children })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DashboardLayout,
+  Header,
+  MobileSidebar,
+  Sidebar
+});
+//# sourceMappingURL=index.js.map