@authdog/react-elements 0.0.22 → 0.0.23

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @authdog/react-elements@0.0.22 build /home/runner/work/web-sdk/web-sdk/packages/react-elements
+> @authdog/react-elements@0.0.23 build /home/runner/work/web-sdk/web-sdk/packages/react-elements
 > pnpm tsup && pnpm build:styles
 
 CLI Building entry: src/index.ts, src/lib/utils.ts, src/components/ui/alert.tsx, src/components/ui/avatar.tsx, src/components/ui/badge.tsx, src/components/ui/button.tsx, src/components/ui/card.tsx, src/components/ui/dropdown-menu.tsx, src/components/ui/input.tsx, src/components/ui/label.tsx, src/components/ui/separator.tsx, src/components/ui/sheet.tsx
@@ -10,32 +10,7 @@
 CLI Cleaning output folder
 ESM Build start
 CJS Build start
-CJS dist/index.js                           18.64 KB
-CJS dist/lib/utils.js                       620.00 B
-CJS dist/components/ui/alert.js             1.65 KB
-CJS dist/components/ui/avatar.js            1.34 KB
-CJS dist/components/ui/badge.js             1.78 KB
-CJS dist/components/ui/button.js            1.94 KB
-CJS dist/components/ui/card.js              1.85 KB
-CJS dist/components/ui/dropdown-menu.js     6.10 KB
-CJS dist/components/ui/input.js             1.37 KB
-CJS dist/components/ui/label.js             1.14 KB
-CJS dist/components/ui/separator.js         1.18 KB
-CJS dist/components/ui/sheet.js             3.36 KB
-CJS dist/index.js.map                       49.95 KB
-CJS dist/lib/utils.js.map                   520.00 B
-CJS dist/components/ui/alert.js.map         3.01 KB
-CJS dist/components/ui/avatar.js.map        2.31 KB
-CJS dist/components/ui/badge.js.map         2.79 KB
-CJS dist/components/ui/button.js.map        3.17 KB
-CJS dist/components/ui/card.js.map          3.81 KB
-CJS dist/components/ui/dropdown-menu.js.map 12.51 KB
-CJS dist/components/ui/input.js.map         1.79 KB
-CJS dist/components/ui/label.js.map         1.45 KB
-CJS dist/components/ui/separator.js.map     1.64 KB
-CJS dist/components/ui/sheet.js.map         6.75 KB
-CJS ⚡️ Build success in 182ms
-ESM dist/index.mjs                           17.01 KB
+ESM dist/index.mjs                           17.35 KB
 ESM dist/lib/utils.mjs                       166.00 B
 ESM dist/components/ui/alert.mjs             1.19 KB
 ESM dist/components/ui/avatar.mjs            749.00 B
@@ -47,7 +22,7 @@
 ESM dist/components/ui/label.mjs             566.00 B
 ESM dist/components/ui/separator.mjs         604.00 B
 ESM dist/components/ui/sheet.mjs             2.68 KB
-ESM dist/index.mjs.map                       50.20 KB
+ESM dist/index.mjs.map                       50.75 KB
 ESM dist/lib/utils.mjs.map                   415.00 B
 ESM dist/components/ui/alert.mjs.map         2.82 KB
 ESM dist/components/ui/avatar.mjs.map        2.13 KB
@@ -59,12 +34,37 @@
 ESM dist/components/ui/label.mjs.map         1.32 KB
 ESM dist/components/ui/separator.mjs.map     1.51 KB
 ESM dist/components/ui/sheet.mjs.map         6.49 KB
-ESM ⚡️ Build success in 184ms
+ESM ⚡️ Build success in 215ms
+CJS dist/index.js                           19.04 KB
+CJS dist/lib/utils.js                       620.00 B
+CJS dist/components/ui/alert.js             1.65 KB
+CJS dist/components/ui/avatar.js            1.34 KB
+CJS dist/components/ui/badge.js             1.78 KB
+CJS dist/components/ui/button.js            1.94 KB
+CJS dist/components/ui/card.js              1.85 KB
+CJS dist/components/ui/dropdown-menu.js     6.10 KB
+CJS dist/components/ui/input.js             1.37 KB
+CJS dist/components/ui/label.js             1.14 KB
+CJS dist/components/ui/separator.js         1.18 KB
+CJS dist/components/ui/sheet.js             3.36 KB
+CJS dist/index.js.map                       50.46 KB
+CJS dist/lib/utils.js.map                   520.00 B
+CJS dist/components/ui/alert.js.map         3.01 KB
+CJS dist/components/ui/avatar.js.map        2.31 KB
+CJS dist/components/ui/badge.js.map         2.79 KB
+CJS dist/components/ui/button.js.map        3.17 KB
+CJS dist/components/ui/card.js.map          3.81 KB
+CJS dist/components/ui/dropdown-menu.js.map 12.51 KB
+CJS dist/components/ui/input.js.map         1.79 KB
+CJS dist/components/ui/label.js.map         1.45 KB
+CJS dist/components/ui/separator.js.map     1.64 KB
+CJS dist/components/ui/sheet.js.map         6.75 KB
+CJS ⚡️ Build success in 219ms
 DTS Build start
-DTS ⚡️ Build success in 9697ms
-DTS dist/index.d.mts 2.02 KB
-DTS dist/index.d.ts  2.02 KB
+DTS ⚡️ Build success in 9937ms
+DTS dist/index.d.mts 2.05 KB
+DTS dist/index.d.ts  2.05 KB
 
-> @authdog/react-elements@0.0.22 build:styles /home/runner/work/web-sdk/web-sdk/packages/react-elements
+> @authdog/react-elements@0.0.23 build:styles /home/runner/work/web-sdk/web-sdk/packages/react-elements
 > postcss src/global.css -o dist/styles.css
 

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @authdog/react-elements
 
+## 0.0.23
+
+### Patch Changes
+
+- ad71221: fix authentication nextjs sample
+
 ## 0.0.22
 
 ### Patch Changes

package/dist/index.d.mts

@@ -23,6 +23,7 @@ interface NavbarProps {
     children?: React__default.ReactNode;
     className?: string;
     logoText?: string;
+    isLoading?: boolean;
     user?: {
         name?: string;
         email?: string;
@@ -33,7 +34,7 @@ interface NavbarProps {
     onProfileSelected?: () => void;
     onLogout?: () => void;
 }
-declare function Navbar({ items, children, className, logoText, user, onNavigateHome, onNavItemClick, onProfileSelected, onLogout, }: NavbarProps): react_jsx_runtime.JSX.Element;
+declare function Navbar({ items, children, className, logoText, user, onNavigateHome, onNavItemClick, onProfileSelected, onLogout, isLoading }: NavbarProps): react_jsx_runtime.JSX.Element;
 
 interface UserProfileProps {
     user: {

package/dist/index.d.ts

@@ -23,6 +23,7 @@ interface NavbarProps {
     children?: React__default.ReactNode;
     className?: string;
     logoText?: string;
+    isLoading?: boolean;
     user?: {
         name?: string;
         email?: string;
@@ -33,7 +34,7 @@ interface NavbarProps {
     onProfileSelected?: () => void;
     onLogout?: () => void;
 }
-declare function Navbar({ items, children, className, logoText, user, onNavigateHome, onNavItemClick, onProfileSelected, onLogout, }: NavbarProps): react_jsx_runtime.JSX.Element;
+declare function Navbar({ items, children, className, logoText, user, onNavigateHome, onNavItemClick, onProfileSelected, onLogout, isLoading }: NavbarProps): react_jsx_runtime.JSX.Element;
 
 interface UserProfileProps {
     user: {

package/dist/index.js

@@ -1,3 +1,3 @@
 "use client";
-"use strict";var fe=Object.create;var M=Object.defineProperty;var ve=Object.getOwnPropertyDescriptor;var ge=Object.getOwnPropertyNames;var he=Object.getPrototypeOf,be=Object.prototype.hasOwnProperty;var xe=(t,o)=>{for(var r in o)M(t,r,{get:o[r],enumerable:!0})},j=(t,o,r,l)=>{if(o&&typeof o=="object"||typeof o=="function")for(let d of ge(o))!be.call(t,d)&&d!==r&&M(t,d,{get:()=>o[d],enumerable:!(l=ve(o,d))||l.enumerable});return t};var D=(t,o,r)=>(r=t!=null?fe(he(t)):{},j(o||!t||!t.__esModule?M(r,"default",{value:t,enumerable:!0}):r,t)),ye=t=>j(M({},"__esModule",{value:!0}),t);var ke={};xe(ke,{Button:()=>m,Navbar:()=>ae,PlaceholderAlert:()=>ue,UserProfile:()=>se});module.exports=ye(ke);var O=D(require("react")),U=require("@radix-ui/react-slot"),W=require("class-variance-authority");var F=require("clsx"),H=require("tailwind-merge");function n(...t){return(0,H.twMerge)((0,F.clsx)(t))}var X=require("react/jsx-runtime"),Pe=(0,W.cva)("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",icon:"h-10 w-10"}},defaultVariants:{variant:"default",size:"default"}}),m=O.forwardRef(({className:t,variant:o,size:r,asChild:l=!1,...d},v)=>(0,X.jsx)(l?U.Slot:"button",{className:n(Pe({variant:o,size:r,className:t})),ref:v,...d}));m.displayName="Button";var oe=require("react"),P=require("lucide-react");var x=D(require("@radix-ui/react-avatar"));var I=require("react/jsx-runtime");function S({className:t,...o}){return(0,I.jsx)(x.Root,{"data-slot":"avatar",className:n("relative flex size-8 shrink-0 overflow-hidden rounded-full",t),...o})}function R({className:t,...o}){return(0,I.jsx)(x.Image,{"data-slot":"avatar-image",className:n("aspect-square size-full",t),...o})}function k({className:t,...o}){return(0,I.jsx)(x.Fallback,{"data-slot":"avatar-fallback",className:n("bg-muted flex size-full items-center justify-center rounded-full",t),...o})}var i=D(require("@radix-ui/react-dropdown-menu")),G=require("lucide-react");var u=require("react/jsx-runtime");function $({...t}){return(0,u.jsx)(i.Root,{"data-slot":"dropdown-menu",...t})}function q({...t}){return(0,u.jsx)(i.Trigger,{"data-slot":"dropdown-menu-trigger",...t})}function J({className:t,sideOffset:o=4,...r}){return(0,u.jsx)(i.Portal,{children:(0,u.jsx)(i.Content,{"data-slot":"dropdown-menu-content",sideOffset:o,className: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",t),...r})})}function K({...t}){return(0,u.jsx)(i.Group,{"data-slot":"dropdown-menu-group",...t})}function L({className:t,inset:o,variant:r="default",...l}){return(0,u.jsx)(i.Item,{"data-slot":"dropdown-menu-item","data-inset":o,"data-variant":r,className: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",t),...l})}function Q({className:t,inset:o,...r}){return(0,u.jsx)(i.Label,{"data-slot":"dropdown-menu-label","data-inset":o,className:n("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",t),...r})}function E({className:t,...o}){return(0,u.jsx)(i.Separator,{"data-slot":"dropdown-menu-separator",className:n("bg-border -mx-1 my-1 h-px",t),...o})}var c=D(require("@radix-ui/react-dialog")),Y=require("lucide-react");var p=require("react/jsx-runtime"),we=Y.X;function Z({...t}){return(0,p.jsx)(c.Root,{"data-slot":"sheet",...t})}function ee({...t}){return(0,p.jsx)(c.Trigger,{"data-slot":"sheet-trigger",...t})}function Ne({...t}){return(0,p.jsx)(c.Portal,{"data-slot":"sheet-portal",...t})}function Ce({className:t,...o}){return(0,p.jsx)(c.Overlay,{"data-slot":"sheet-overlay",className: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",t),...o})}function te({className:t,children:o,side:r="right",...l}){return(0,p.jsxs)(Ne,{children:[(0,p.jsx)(Ce,{}),(0,p.jsxs)(c.Content,{"data-slot":"sheet-content",className:n("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",r==="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",r==="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",r==="top"&&"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",r==="bottom"&&"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",t),...l,children:[o,(0,p.jsxs)(c.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:[(0,p.jsx)(we,{className:"size-4"}),(0,p.jsx)("span",{className:"sr-only",children:"Close"})]})]})]})}var z=require("react"),A=require("react/jsx-runtime"),Me={className:"mr-2 h-4 w-4","aria-hidden":"true"},De=t=>{let[o,r]=(0,z.useState)(!1);return(0,z.useEffect)(()=>{r(!0)},[]),o?(0,A.jsx)(t,{...Me}):(0,A.jsx)("span",{className:"mr-2 h-4 w-4","aria-hidden":"true"})},y=({Icon:t})=>(0,A.jsx)("span",{className:"inline-flex items-center justify-center",children:De(t)});var a=require("react/jsx-runtime");function ae({items:t=[{title:"Dashboard",href:"/dashboard"},{title:"Projects",href:"/projects"},{title:"Team",href:"/team"},{title:"Reports",href:"/reports"}],children:o,className:r,logoText:l="ACME Corp",user:d={name:"John Doe",email:"john@example.com",image:"https://i.pravatar.cc/150?u=a042581f4e29026704d"},onNavigateHome:v=()=>console.log("Navigating to home"),onNavItemClick:w=s=>console.log(`Navigating to ${s}`),onProfileSelected:V,onLogout:g=()=>console.log("Logout clicked")}){let[s,C]=(0,oe.useState)(!1);return(0,a.jsx)("header",{className:n("border-b bg-background",r),children:(0,a.jsxs)("div",{className:"container flex h-16 items-center justify-between px-4 md:px-6",children:[(0,a.jsxs)("div",{className:"flex items-center gap-4",children:[(0,a.jsx)("span",{className:"text-xl font-bold cursor-pointer",onClick:v,children:l}),(0,a.jsx)("nav",{className:"hidden md:flex gap-6",children:t?.map((h,B)=>(0,a.jsx)("span",{onClick:()=>{h.disabled||w(h.href)},className:n("text-sm font-medium transition-colors hover:text-primary cursor-pointer",h.disabled&&"cursor-not-allowed opacity-80"),children:h.title},B))})]}),(0,a.jsxs)("div",{className:"flex items-center gap-4",children:[o,(0,a.jsxs)($,{children:[(0,a.jsx)(q,{asChild:!0,children:(0,a.jsx)(m,{variant:"ghost",className:"relative h-8 w-8 rounded-full",children:(0,a.jsxs)(S,{className:"h-8 w-8",children:[(0,a.jsx)(R,{src:d.image||"/placeholder.svg",alt:d.name}),(0,a.jsx)(k,{children:d.name?.charAt(0)})]})})}),(0,a.jsxs)(J,{className:"w-56",align:"end",forceMount:!0,children:[(0,a.jsx)(Q,{className:"font-normal",children:(0,a.jsxs)("div",{className:"flex flex-col space-y-1",children:[(0,a.jsx)("p",{className:"text-sm font-medium leading-none",children:d.name}),(0,a.jsx)("p",{className:"text-xs leading-none text-muted-foreground",children:d.email})]})}),(0,a.jsx)(E,{}),(0,a.jsx)(K,{children:(0,a.jsxs)(L,{onClick:V,children:[(0,a.jsx)(y,{Icon:P.User}),(0,a.jsx)("span",{children:"Profile"})]})}),(0,a.jsx)(E,{}),(0,a.jsxs)(L,{onClick:g,children:[(0,a.jsx)(y,{Icon:P.LogOut}),(0,a.jsx)("span",{children:"Log out"})]})]})]}),(0,a.jsxs)(Z,{open:s,onOpenChange:C,children:[(0,a.jsx)(ee,{asChild:!0,children:(0,a.jsx)(m,{variant:"ghost",size:"icon",className:"md:hidden","aria-label":"Open Menu",children:(0,a.jsx)(y,{Icon:P.Menu})})}),(0,a.jsx)(te,{side:"left",className:"pr-0",children:(0,a.jsx)("nav",{className:"grid gap-2 py-6",children:t?.map((h,B)=>(0,a.jsx)("a",{href:h.href,className:n("flex w-full items-center rounded-md px-3 py-2 text-sm font-medium hover:bg-accent",h.disabled&&"cursor-not-allowed opacity-80"),onClick:()=>C(!1),children:h.title},B))})})]})]})]})})}var N=require("react");var re=require("@radix-ui/react-slot"),ne=require("class-variance-authority");var ie=require("react/jsx-runtime"),Se=(0,ne.cva)("inline-flex items-center justify-center rounded-md 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 _({className:t,variant:o,asChild:r=!1,...l}){return(0,ie.jsx)(r?re.Slot:"span",{"data-slot":"badge",className:n(Se({variant:o}),t),...l})}var f=require("lucide-react"),e=require("react/jsx-runtime"),se=({user:t,emails:o=[],connectedAccounts:r=[]})=>{let[l,d]=(0,N.useState)(!1),[v,w]=(0,N.useState)("profile");(0,N.useEffect)(()=>{d(!0)},[]);let V={className:"mr-2 h-4 w-4","aria-hidden":"true"},g=s=>l?(0,e.jsx)(s,{...V}):null;return(0,e.jsxs)("div",{className:"grid grid-cols-[16rem,1fr] h-screen bg-gray-100",children:[(0,e.jsxs)("div",{className:"h-full border-r p-6 bg-white flex flex-col min-w-0",children:[(0,e.jsxs)("div",{className:"mb-6",children:[(0,e.jsx)("h1",{className:"text-xl font-bold",children:"Account"}),(0,e.jsx)("p",{className:"text-sm text-gray-500",children:"Manage your account info."})]}),(0,e.jsxs)("nav",{className:"space-y-1 flex-1",children:[(0,e.jsxs)("button",{onClick:()=>w("profile"),className:`flex items-center w-full px-3 py-2 text-sm rounded-md ${v==="profile"?"bg-gray-100 text-gray-900":"text-gray-700 hover:bg-gray-50"}`,children:[g(f.User),"Profile"]}),(0,e.jsxs)("button",{onClick:()=>w("security"),className:`flex items-center w-full px-3 py-2 text-sm rounded-md ${v==="security"?"bg-gray-100 text-gray-900":"text-gray-700 hover:bg-gray-50"}`,children:[g(f.Shield),"Security"]})]})]}),(0,e.jsxs)("div",{className:"h-full p-10 overflow-y-auto min-w-0 bg-white",children:[(0,e.jsxs)("div",{className:"flex justify-between items-center mb-6",children:[(0,e.jsx)("h2",{className:"text-xl font-semibold",children:v==="profile"?"Profile details":"Security settings"}),(0,e.jsx)("button",{className:"text-gray-500 hover:text-gray-700",children:g(f.X)})]}),v==="profile"?(0,e.jsxs)("div",{className:"space-y-8",children:[(0,e.jsxs)("div",{children:[(0,e.jsx)("h3",{className:"text-sm font-medium mb-4",children:"Profile"}),(0,e.jsxs)("div",{className:"flex items-center justify-between",children:[(0,e.jsxs)("div",{className:"flex items-center",children:[(0,e.jsxs)(S,{className:"h-12 w-12 mr-4 border",children:[(0,e.jsx)(R,{src:t.image,alt:"Profile picture"}),(0,e.jsx)(k,{children:t.name.split(" ").map(s=>s[0]).join("")})]}),(0,e.jsx)("span",{className:"font-medium",children:t.name})]}),(0,e.jsx)(m,{variant:"outline",size:"sm",children:"Edit profile"})]})]}),(0,e.jsxs)("div",{children:[(0,e.jsx)("h3",{className:"text-sm font-medium mb-4",children:"Email addresses"}),(0,e.jsxs)("div",{className:"space-y-3",children:[(o.length>0?o:[{address:t.email,isPrimary:!0}]).map((s,C)=>(0,e.jsxs)("div",{className:"flex items-center justify-between",children:[(0,e.jsx)("span",{children:s.address}),s.isPrimary&&(0,e.jsx)(_,{variant:"outline",className:"text-xs bg-gray-100 text-gray-700 hover:bg-gray-100",children:"Primary"})]},s.address)),(0,e.jsxs)(m,{variant:"ghost",size:"sm",className:"flex items-center text-gray-700",children:[g(f.PlusCircle),"Add email address"]})]})]}),(0,e.jsxs)("div",{children:[(0,e.jsx)("h3",{className:"text-sm font-medium mb-4",children:"Phone number"}),(0,e.jsxs)("div",{className:"space-y-3",children:[(0,e.jsxs)("div",{className:"flex items-center justify-between",children:[(0,e.jsx)("span",{children:"+1 (555) 123-4567"}),(0,e.jsx)(_,{variant:"outline",className:"text-xs bg-gray-100 text-gray-700 hover:bg-gray-100",children:"Primary"})]}),(0,e.jsxs)(m,{variant:"ghost",size:"sm",className:"flex items-center text-gray-700",children:[g(f.PlusCircle),"Add phone number"]})]})]}),(0,e.jsxs)("div",{children:[(0,e.jsx)("h3",{className:"text-sm font-medium mb-4",children:"Connected accounts"}),(0,e.jsxs)("div",{className:"space-y-3",children:[r.length>0?r.map((s,C)=>(0,e.jsxs)("div",{className:"flex items-center justify-between",children:[(0,e.jsxs)("div",{className:"flex items-center",children:[(0,e.jsx)("div",{className:"mr-2",children:(0,e.jsx)("span",{children:s.provider})}),(0,e.jsx)("span",{children:s.provider})]}),(0,e.jsx)("span",{className:"text-sm text-gray-500",children:s.email})]},s.provider+s.email)):(0,e.jsxs)("div",{className:"flex items-center justify-between",children:[(0,e.jsxs)("div",{className:"flex items-center",children:[(0,e.jsx)("div",{className:"mr-2",children:(0,e.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"20",height:"20",children:[(0,e.jsx)("path",{fill:"#4285F4",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"}),(0,e.jsx)("path",{fill:"#34A853",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"}),(0,e.jsx)("path",{fill:"#FBBC05",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"}),(0,e.jsx)("path",{fill:"#EA4335",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"})]})}),(0,e.jsx)("span",{children:"Google"})]}),(0,e.jsx)("span",{className:"text-sm text-gray-500",children:t.email})]}),(0,e.jsxs)(m,{variant:"ghost",size:"sm",className:"flex items-center text-gray-700",children:[g(f.PlusCircle),"Connect account"]})]})]})]}):(0,e.jsxs)("div",{className:"space-y-8",children:[(0,e.jsxs)("div",{children:[(0,e.jsx)("h3",{className:"text-sm font-medium mb-4",children:"Two-factor authentication"}),(0,e.jsx)("div",{className:"space-y-3",children:(0,e.jsxs)("div",{className:"flex items-center justify-between",children:[(0,e.jsxs)("div",{children:[(0,e.jsx)("p",{className:"font-medium",children:"Two-factor authentication"}),(0,e.jsx)("p",{className:"text-sm text-gray-500",children:"Add an extra layer of security to your account"})]}),(0,e.jsx)(m,{variant:"outline",size:"sm",children:"Enable"})]})})]}),(0,e.jsxs)("div",{children:[(0,e.jsx)("h3",{className:"text-sm font-medium mb-4",children:"Password"}),(0,e.jsx)("div",{className:"space-y-3",children:(0,e.jsxs)("div",{className:"flex items-center justify-between",children:[(0,e.jsxs)("div",{children:[(0,e.jsx)("p",{className:"font-medium",children:"Change password"}),(0,e.jsx)("p",{className:"text-sm text-gray-500",children:"Last changed 3 months ago"})]}),(0,e.jsx)(m,{variant:"outline",size:"sm",children:"Change"})]})})]}),(0,e.jsxs)("div",{children:[(0,e.jsx)("h3",{className:"text-sm font-medium mb-4",children:"Active sessions"}),(0,e.jsx)("div",{className:"space-y-3",children:(0,e.jsxs)("div",{className:"flex items-center justify-between",children:[(0,e.jsxs)("div",{children:[(0,e.jsx)("p",{className:"font-medium",children:"Current session"}),(0,e.jsx)("p",{className:"text-sm text-gray-500",children:"Chrome on Windows \u2022 Active now"})]}),(0,e.jsx)(m,{variant:"outline",size:"sm",children:"Sign out"})]})})]})]})]})]})};var pe=require("lucide-react");var de=require("class-variance-authority");var T=require("react/jsx-runtime"),Re=(0,de.cva)("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",{variants:{variant:{default:"bg-card text-card-foreground",destructive:"text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"}},defaultVariants:{variant:"default"}});function le({className:t,variant:o,...r}){return(0,T.jsx)("div",{"data-slot":"alert",role:"alert",className:n(Re({variant:o}),t),...r})}function me({className:t,...o}){return(0,T.jsx)("div",{"data-slot":"alert-title",className:n("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",t),...o})}function ce({className:t,...o}){return(0,T.jsx)("div",{"data-slot":"alert-description",className:n("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",t),...o})}var b=require("react/jsx-runtime"),ue=t=>{let o=t.title??"Placeholder Alert",r=t.description??"This is a placeholder alert.";return(0,b.jsx)("div",{className:"grid w-full max-w-xl items-start gap-4",children:(0,b.jsxs)(le,{children:[(0,b.jsx)(y,{Icon:pe.CheckCircle2Icon}),(0,b.jsx)(me,{children:o}),(0,b.jsx)(ce,{children:r})]})})};
+"use strict";var ge=Object.create;var M=Object.defineProperty;var he=Object.getOwnPropertyDescriptor;var be=Object.getOwnPropertyNames;var xe=Object.getPrototypeOf,ye=Object.prototype.hasOwnProperty;var we=(t,o)=>{for(var r in o)M(t,r,{get:o[r],enumerable:!0})},O=(t,o,r,l)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of be(o))!ye.call(t,s)&&s!==r&&M(t,s,{get:()=>o[s],enumerable:!(l=he(o,s))||l.enumerable});return t};var D=(t,o,r)=>(r=t!=null?ge(xe(t)):{},O(o||!t||!t.__esModule?M(r,"default",{value:t,enumerable:!0}):r,t)),Pe=t=>O(M({},"__esModule",{value:!0}),t);var Ae={};we(Ae,{Button:()=>m,Navbar:()=>ne,PlaceholderAlert:()=>ve,UserProfile:()=>le});module.exports=Pe(Ae);var X=D(require("react")),$=require("@radix-ui/react-slot"),q=require("class-variance-authority");var U=require("clsx"),W=require("tailwind-merge");function n(...t){return(0,W.twMerge)((0,U.clsx)(t))}var J=require("react/jsx-runtime"),Ne=(0,q.cva)("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",icon:"h-10 w-10"}},defaultVariants:{variant:"default",size:"default"}}),m=X.forwardRef(({className:t,variant:o,size:r,asChild:l=!1,...s},v)=>(0,J.jsx)(l?$.Slot:"button",{className:n(Ne({variant:o,size:r,className:t})),ref:v,...s}));m.displayName="Button";var j=require("react"),w=require("lucide-react");var x=D(require("@radix-ui/react-avatar"));var I=require("react/jsx-runtime");function S({className:t,...o}){return(0,I.jsx)(x.Root,{"data-slot":"avatar",className:n("relative flex size-8 shrink-0 overflow-hidden rounded-full",t),...o})}function R({className:t,...o}){return(0,I.jsx)(x.Image,{"data-slot":"avatar-image",className:n("aspect-square size-full",t),...o})}function k({className:t,...o}){return(0,I.jsx)(x.Fallback,{"data-slot":"avatar-fallback",className:n("bg-muted flex size-full items-center justify-center rounded-full",t),...o})}var i=D(require("@radix-ui/react-dropdown-menu")),L=require("lucide-react");var u=require("react/jsx-runtime");function K({...t}){return(0,u.jsx)(i.Root,{"data-slot":"dropdown-menu",...t})}function Q({...t}){return(0,u.jsx)(i.Trigger,{"data-slot":"dropdown-menu-trigger",...t})}function Y({className:t,sideOffset:o=4,...r}){return(0,u.jsx)(i.Portal,{children:(0,u.jsx)(i.Content,{"data-slot":"dropdown-menu-content",sideOffset:o,className: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",t),...r})})}function Z({...t}){return(0,u.jsx)(i.Group,{"data-slot":"dropdown-menu-group",...t})}function E({className:t,inset:o,variant:r="default",...l}){return(0,u.jsx)(i.Item,{"data-slot":"dropdown-menu-item","data-inset":o,"data-variant":r,className: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",t),...l})}function ee({className:t,inset:o,...r}){return(0,u.jsx)(i.Label,{"data-slot":"dropdown-menu-label","data-inset":o,className:n("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",t),...r})}function _({className:t,...o}){return(0,u.jsx)(i.Separator,{"data-slot":"dropdown-menu-separator",className:n("bg-border -mx-1 my-1 h-px",t),...o})}var c=D(require("@radix-ui/react-dialog")),te=require("lucide-react");var p=require("react/jsx-runtime"),Ce=te.X;function oe({...t}){return(0,p.jsx)(c.Root,{"data-slot":"sheet",...t})}function ae({...t}){return(0,p.jsx)(c.Trigger,{"data-slot":"sheet-trigger",...t})}function Me({...t}){return(0,p.jsx)(c.Portal,{"data-slot":"sheet-portal",...t})}function De({className:t,...o}){return(0,p.jsx)(c.Overlay,{"data-slot":"sheet-overlay",className: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",t),...o})}function re({className:t,children:o,side:r="right",...l}){return(0,p.jsxs)(Me,{children:[(0,p.jsx)(De,{}),(0,p.jsxs)(c.Content,{"data-slot":"sheet-content",className:n("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",r==="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",r==="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",r==="top"&&"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",r==="bottom"&&"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",t),...l,children:[o,(0,p.jsxs)(c.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:[(0,p.jsx)(Ce,{className:"size-4"}),(0,p.jsx)("span",{className:"sr-only",children:"Close"})]})]})]})}var z=require("react"),A=require("react/jsx-runtime"),Se={className:"mr-2 h-4 w-4","aria-hidden":"true"},Re=t=>{let[o,r]=(0,z.useState)(!1);return(0,z.useEffect)(()=>{r(!0)},[]),o?(0,A.jsx)(t,{...Se}):(0,A.jsx)("span",{className:"mr-2 h-4 w-4","aria-hidden":"true"})},y=({Icon:t})=>(0,A.jsx)("span",{className:"inline-flex items-center justify-center",children:Re(t)});var a=require("react/jsx-runtime");function ne({items:t=[{title:"Dashboard",href:"/dashboard"},{title:"Projects",href:"/projects"},{title:"Team",href:"/team"},{title:"Reports",href:"/reports"}],children:o,className:r,logoText:l="ACME Corp",user:s={name:"John Doe",email:"john@example.com",image:"https://i.pravatar.cc/150?u=a042581f4e29026704d"},onNavigateHome:v=()=>console.log("Navigating to home"),onNavItemClick:P=N=>console.log(`Navigating to ${N}`),onProfileSelected:V,onLogout:g=()=>console.log("Logout clicked"),isLoading:d=!1}){let[N,H]=(0,j.useState)(!1),[B,ze]=(0,j.useState)(d??!1);return(0,a.jsx)("header",{className:n("border-b bg-background",r),children:(0,a.jsxs)("div",{className:"container flex h-16 items-center justify-between px-4 md:px-6",children:[(0,a.jsxs)("div",{className:"flex items-center gap-4",children:[(0,a.jsx)("span",{className:"text-xl font-bold cursor-pointer",onClick:v,children:l}),(0,a.jsx)("nav",{className:"hidden md:flex gap-6",children:t?.map((h,G)=>(0,a.jsx)("span",{onClick:()=>{h.disabled||P(h.href)},className:n("text-sm font-medium transition-colors hover:text-primary cursor-pointer",h.disabled&&"cursor-not-allowed opacity-80"),children:h.title},G))})]}),(0,a.jsxs)("div",{className:"flex items-center gap-4",children:[o,s?.name&&(0,a.jsxs)(K,{children:[(0,a.jsx)(Q,{asChild:!0,children:(0,a.jsx)(m,{variant:"ghost",className:"relative h-8 w-8 rounded-full",disabled:B,children:(0,a.jsx)(S,{className:"h-8 w-8",children:B?(0,a.jsx)("div",{className:"h-8 w-8 animate-pulse bg-muted rounded-full"}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(R,{src:s.image||"/placeholder.svg",alt:s.name}),(0,a.jsx)(k,{children:s.name?.charAt(0)})]})})})}),(0,a.jsx)(Y,{className:"w-56",align:"end",forceMount:!0,children:B?(0,a.jsxs)("div",{className:"p-4",children:[(0,a.jsx)("div",{className:"h-4 w-3/4 animate-pulse bg-muted rounded mb-2"}),(0,a.jsx)("div",{className:"h-3 w-1/2 animate-pulse bg-muted rounded"})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(ee,{className:"font-normal",children:(0,a.jsxs)("div",{className:"flex flex-col space-y-1",children:[(0,a.jsx)("p",{className:"text-sm font-medium leading-none",children:s.name}),(0,a.jsx)("p",{className:"text-xs leading-none text-muted-foreground",children:s.email})]})}),(0,a.jsx)(_,{}),(0,a.jsx)(Z,{children:(0,a.jsxs)(E,{onClick:V,children:[(0,a.jsx)(y,{Icon:w.User}),(0,a.jsx)("span",{children:"Profile"})]})}),(0,a.jsx)(_,{}),(0,a.jsxs)(E,{onClick:g,children:[(0,a.jsx)(y,{Icon:w.LogOut}),(0,a.jsx)("span",{children:"Log out"})]})]})})]}),(0,a.jsxs)(oe,{open:N,onOpenChange:H,children:[(0,a.jsx)(ae,{asChild:!0,children:(0,a.jsx)(m,{variant:"ghost",size:"icon",className:"md:hidden","aria-label":"Open Menu",children:(0,a.jsx)(y,{Icon:w.Menu})})}),(0,a.jsx)(re,{side:"left",className:"pr-0",children:(0,a.jsx)("nav",{className:"grid gap-2 py-6",children:t?.map((h,G)=>(0,a.jsx)("a",{href:h.href,className:n("flex w-full items-center rounded-md px-3 py-2 text-sm font-medium hover:bg-accent",h.disabled&&"cursor-not-allowed opacity-80"),onClick:()=>H(!1),children:h.title},G))})})]})]})]})})}var C=require("react");var ie=require("@radix-ui/react-slot"),se=require("class-variance-authority");var de=require("react/jsx-runtime"),ke=(0,se.cva)("inline-flex items-center justify-center rounded-md 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 F({className:t,variant:o,asChild:r=!1,...l}){return(0,de.jsx)(r?ie.Slot:"span",{"data-slot":"badge",className:n(ke({variant:o}),t),...l})}var f=require("lucide-react"),e=require("react/jsx-runtime"),le=({user:t,emails:o=[],connectedAccounts:r=[]})=>{let[l,s]=(0,C.useState)(!1),[v,P]=(0,C.useState)("profile");(0,C.useEffect)(()=>{s(!0)},[]);let V={className:"mr-2 h-4 w-4","aria-hidden":"true"},g=d=>l?(0,e.jsx)(d,{...V}):null;return(0,e.jsxs)("div",{className:"grid grid-cols-[16rem,1fr] h-screen bg-gray-100",children:[(0,e.jsxs)("div",{className:"h-full border-r p-6 bg-white flex flex-col min-w-0",children:[(0,e.jsxs)("div",{className:"mb-6",children:[(0,e.jsx)("h1",{className:"text-xl font-bold",children:"Account"}),(0,e.jsx)("p",{className:"text-sm text-gray-500",children:"Manage your account info."})]}),(0,e.jsxs)("nav",{className:"space-y-1 flex-1",children:[(0,e.jsxs)("button",{onClick:()=>P("profile"),className:`flex items-center w-full px-3 py-2 text-sm rounded-md ${v==="profile"?"bg-gray-100 text-gray-900":"text-gray-700 hover:bg-gray-50"}`,children:[g(f.User),"Profile"]}),(0,e.jsxs)("button",{onClick:()=>P("security"),className:`flex items-center w-full px-3 py-2 text-sm rounded-md ${v==="security"?"bg-gray-100 text-gray-900":"text-gray-700 hover:bg-gray-50"}`,children:[g(f.Shield),"Security"]})]})]}),(0,e.jsxs)("div",{className:"h-full p-10 overflow-y-auto min-w-0 bg-white",children:[(0,e.jsxs)("div",{className:"flex justify-between items-center mb-6",children:[(0,e.jsx)("h2",{className:"text-xl font-semibold",children:v==="profile"?"Profile details":"Security settings"}),(0,e.jsx)("button",{className:"text-gray-500 hover:text-gray-700",children:g(f.X)})]}),v==="profile"?(0,e.jsxs)("div",{className:"space-y-8",children:[(0,e.jsxs)("div",{children:[(0,e.jsx)("h3",{className:"text-sm font-medium mb-4",children:"Profile"}),(0,e.jsxs)("div",{className:"flex items-center justify-between",children:[(0,e.jsxs)("div",{className:"flex items-center",children:[(0,e.jsxs)(S,{className:"h-12 w-12 mr-4 border",children:[(0,e.jsx)(R,{src:t.image,alt:"Profile picture"}),(0,e.jsx)(k,{children:t.name.split(" ").map(d=>d[0]).join("")})]}),(0,e.jsx)("span",{className:"font-medium",children:t.name})]}),(0,e.jsx)(m,{variant:"outline",size:"sm",children:"Edit profile"})]})]}),(0,e.jsxs)("div",{children:[(0,e.jsx)("h3",{className:"text-sm font-medium mb-4",children:"Email addresses"}),(0,e.jsxs)("div",{className:"space-y-3",children:[(o.length>0?o:[{address:t.email,isPrimary:!0}]).map((d,N)=>(0,e.jsxs)("div",{className:"flex items-center justify-between",children:[(0,e.jsx)("span",{children:d.address}),d.isPrimary&&(0,e.jsx)(F,{variant:"outline",className:"text-xs bg-gray-100 text-gray-700 hover:bg-gray-100",children:"Primary"})]},d.address)),(0,e.jsxs)(m,{variant:"ghost",size:"sm",className:"flex items-center text-gray-700",children:[g(f.PlusCircle),"Add email address"]})]})]}),(0,e.jsxs)("div",{children:[(0,e.jsx)("h3",{className:"text-sm font-medium mb-4",children:"Phone number"}),(0,e.jsxs)("div",{className:"space-y-3",children:[(0,e.jsxs)("div",{className:"flex items-center justify-between",children:[(0,e.jsx)("span",{children:"+1 (555) 123-4567"}),(0,e.jsx)(F,{variant:"outline",className:"text-xs bg-gray-100 text-gray-700 hover:bg-gray-100",children:"Primary"})]}),(0,e.jsxs)(m,{variant:"ghost",size:"sm",className:"flex items-center text-gray-700",children:[g(f.PlusCircle),"Add phone number"]})]})]}),(0,e.jsxs)("div",{children:[(0,e.jsx)("h3",{className:"text-sm font-medium mb-4",children:"Connected accounts"}),(0,e.jsxs)("div",{className:"space-y-3",children:[r.length>0?r.map((d,N)=>(0,e.jsxs)("div",{className:"flex items-center justify-between",children:[(0,e.jsxs)("div",{className:"flex items-center",children:[(0,e.jsx)("div",{className:"mr-2",children:(0,e.jsx)("span",{children:d.provider})}),(0,e.jsx)("span",{children:d.provider})]}),(0,e.jsx)("span",{className:"text-sm text-gray-500",children:d.email})]},d.provider+d.email)):(0,e.jsxs)("div",{className:"flex items-center justify-between",children:[(0,e.jsxs)("div",{className:"flex items-center",children:[(0,e.jsx)("div",{className:"mr-2",children:(0,e.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"20",height:"20",children:[(0,e.jsx)("path",{fill:"#4285F4",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"}),(0,e.jsx)("path",{fill:"#34A853",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"}),(0,e.jsx)("path",{fill:"#FBBC05",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"}),(0,e.jsx)("path",{fill:"#EA4335",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"})]})}),(0,e.jsx)("span",{children:"Google"})]}),(0,e.jsx)("span",{className:"text-sm text-gray-500",children:t.email})]}),(0,e.jsxs)(m,{variant:"ghost",size:"sm",className:"flex items-center text-gray-700",children:[g(f.PlusCircle),"Connect account"]})]})]})]}):(0,e.jsxs)("div",{className:"space-y-8",children:[(0,e.jsxs)("div",{children:[(0,e.jsx)("h3",{className:"text-sm font-medium mb-4",children:"Two-factor authentication"}),(0,e.jsx)("div",{className:"space-y-3",children:(0,e.jsxs)("div",{className:"flex items-center justify-between",children:[(0,e.jsxs)("div",{children:[(0,e.jsx)("p",{className:"font-medium",children:"Two-factor authentication"}),(0,e.jsx)("p",{className:"text-sm text-gray-500",children:"Add an extra layer of security to your account"})]}),(0,e.jsx)(m,{variant:"outline",size:"sm",children:"Enable"})]})})]}),(0,e.jsxs)("div",{children:[(0,e.jsx)("h3",{className:"text-sm font-medium mb-4",children:"Password"}),(0,e.jsx)("div",{className:"space-y-3",children:(0,e.jsxs)("div",{className:"flex items-center justify-between",children:[(0,e.jsxs)("div",{children:[(0,e.jsx)("p",{className:"font-medium",children:"Change password"}),(0,e.jsx)("p",{className:"text-sm text-gray-500",children:"Last changed 3 months ago"})]}),(0,e.jsx)(m,{variant:"outline",size:"sm",children:"Change"})]})})]}),(0,e.jsxs)("div",{children:[(0,e.jsx)("h3",{className:"text-sm font-medium mb-4",children:"Active sessions"}),(0,e.jsx)("div",{className:"space-y-3",children:(0,e.jsxs)("div",{className:"flex items-center justify-between",children:[(0,e.jsxs)("div",{children:[(0,e.jsx)("p",{className:"font-medium",children:"Current session"}),(0,e.jsx)("p",{className:"text-sm text-gray-500",children:"Chrome on Windows \u2022 Active now"})]}),(0,e.jsx)(m,{variant:"outline",size:"sm",children:"Sign out"})]})})]})]})]})]})};var fe=require("lucide-react");var me=require("class-variance-authority");var T=require("react/jsx-runtime"),Ie=(0,me.cva)("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",{variants:{variant:{default:"bg-card text-card-foreground",destructive:"text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"}},defaultVariants:{variant:"default"}});function ce({className:t,variant:o,...r}){return(0,T.jsx)("div",{"data-slot":"alert",role:"alert",className:n(Ie({variant:o}),t),...r})}function pe({className:t,...o}){return(0,T.jsx)("div",{"data-slot":"alert-title",className:n("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",t),...o})}function ue({className:t,...o}){return(0,T.jsx)("div",{"data-slot":"alert-description",className:n("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",t),...o})}var b=require("react/jsx-runtime"),ve=t=>{let o=t.title??"Placeholder Alert",r=t.description??"This is a placeholder alert.";return(0,b.jsx)("div",{className:"grid w-full max-w-xl items-start gap-4",children:(0,b.jsxs)(ce,{children:[(0,b.jsx)(y,{Icon:fe.CheckCircle2Icon}),(0,b.jsx)(pe,{children:o}),(0,b.jsx)(ue,{children:r})]})})};
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/components/ui/button.tsx","../src/lib/utils.ts","../src/components/core/navbar.tsx","../src/components/ui/avatar.tsx","../src/components/ui/dropdown-menu.tsx","../src/components/ui/sheet.tsx","../src/components/icons.tsx","../src/components/core/user-profile.tsx","../src/components/ui/badge.tsx","../src/components/core/placeholder-alert.tsx","../src/components/ui/alert.tsx"],"sourcesContent":["export {Button} from \"./components/ui/button\";\nexport {Navbar} from \"./components/core/navbar\";\nexport {UserProfile} from \"./components/core/user-profile\";\nexport {PlaceholderAlert} from \"./components/core/placeholder-alert\";","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 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n        outline:\n          \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-10 px-4 py-2\",\n        sm: \"h-9 rounded-md px-3\",\n        lg: \"h-11 rounded-md px-8\",\n        icon: \"h-10 w-10\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants };\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","\"use client\"\n\nimport type React from \"react\"\nimport { useState } from \"react\"\nimport { User, Settings, LogOut, Menu } from \"lucide-react\"\n// import type { LucideProps } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils\"\nimport { Avatar, AvatarFallback, AvatarImage } from \"../../components/ui/avatar\"\nimport { Button } from \"../../components/ui/button\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"../../components/ui/dropdown-menu\"\nimport { Sheet, SheetContent, SheetTrigger } from \"../../components/ui/sheet\"\nimport { IconWrapper } from \"../icons\"\n\ninterface NavItem {\n  title: string\n  href: string\n  disabled?: boolean\n}\n\ninterface NavbarProps {\n  items?: NavItem[]\n  children?: React.ReactNode\n  className?: string\n  logoText?: string\n  user?: {\n    name?: string\n    email?: string\n    image?: string\n  }\n  onNavigateHome?: () => void;\n  onNavItemClick?: (href: string) => void;\n  onProfileSelected?: () => void;\n  onLogout?: () => void;\n}\n\nexport function Navbar({\n  items = [\n    { title: \"Dashboard\", href: \"/dashboard\" },\n    { title: \"Projects\", href: \"/projects\" },\n    { title: \"Team\", href: \"/team\" },\n    { title: \"Reports\", href: \"/reports\" },\n  ],\n  children,\n  className,\n  logoText = \"ACME Corp\",\n  user = {\n    name: \"John Doe\",\n    email: \"john@example.com\",\n    image: \"https://i.pravatar.cc/150?u=a042581f4e29026704d\",\n  },\n  onNavigateHome = () => console.log(\"Navigating to home\"),\n  onNavItemClick = (href: string) => console.log(`Navigating to ${href}`),\n  onProfileSelected,\n  onLogout = () => console.log(\"Logout clicked\"),\n}: NavbarProps) {\n  const [open, setOpen] = useState(false)\n  // const [isMounted, setIsMounted] = useState(false)\n\n  // useEffect(() => {\n  //   setIsMounted(true)\n  // }, [])\n\n  // const iconProps: LucideProps = {\n  //   className: \"mr-2 h-4 w-4\",\n  //   \"aria-hidden\": \"true\"\n  // }\n\n  // const renderIcon = (Icon: any) => {\n  //   if (!isMounted) return null\n  //   return <Icon {...iconProps} />\n  // }\n\n  return (\n    <header className={cn(\"border-b bg-background\", className)}>\n      <div className=\"container flex h-16 items-center justify-between px-4 md:px-6\">\n        <div className=\"flex items-center gap-4\">\n          <span className=\"text-xl font-bold cursor-pointer\" onClick={onNavigateHome}>{logoText}</span>\n          <nav className=\"hidden md:flex gap-6\">\n            {items?.map((item, index) => (\n              <span\n                key={index}\n                // href={item.href}\n                onClick={() => {\n                  if (!item.disabled) {\n                    onNavItemClick(item.href)\n                  }\n                }}\n                className={cn(\n                  \"text-sm font-medium transition-colors hover:text-primary cursor-pointer\",\n                  item.disabled && \"cursor-not-allowed opacity-80\"\n                )}\n              >\n                {item.title}\n              </span>\n            ))}\n          </nav>\n        </div>\n        <div className=\"flex items-center gap-4\">\n          {children}\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <Button variant=\"ghost\" className=\"relative h-8 w-8 rounded-full\">\n                <Avatar className=\"h-8 w-8\">\n                  <AvatarImage src={user.image || \"/placeholder.svg\"} alt={user.name} />\n                  <AvatarFallback>{user.name?.charAt(0)}</AvatarFallback>\n                </Avatar>\n              </Button>\n            </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\">{user.name}</p>\n                  <p className=\"text-xs leading-none text-muted-foreground\">{user.email}</p>\n                </div>\n              </DropdownMenuLabel>\n              <DropdownMenuSeparator />\n              <DropdownMenuGroup>\n                <DropdownMenuItem onClick={onProfileSelected}>\n                  {/* {renderIcon(User)} */}\n                  <IconWrapper Icon={User} />\n                  <span>Profile</span>\n                </DropdownMenuItem>\n                 {/* <DropdownMenuItem>\n                  <IconWrapper Icon={Settings} />\n                  <span>Settings</span>\n                </DropdownMenuItem>\n                */}\n              </DropdownMenuGroup>\n              <DropdownMenuSeparator />\n              <DropdownMenuItem onClick={onLogout}>\n                {/* {renderIcon(LogOut)} */}\n                <IconWrapper Icon={LogOut} />\n                <span>Log out</span>\n              </DropdownMenuItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n          <Sheet open={open} onOpenChange={setOpen}>\n            <SheetTrigger asChild>\n              <Button variant=\"ghost\" size=\"icon\" className=\"md:hidden\" aria-label=\"Open Menu\">\n                {/* {renderIcon(Menu)} */}\n                <IconWrapper Icon={Menu} />\n              </Button>\n            </SheetTrigger>\n            <SheetContent side=\"left\" className=\"pr-0\">\n              <nav className=\"grid gap-2 py-6\">\n                {items?.map((item, index) => (\n                  <a\n                    key={index}\n                    href={item.href}\n                    className={cn(\n                      \"flex w-full items-center rounded-md px-3 py-2 text-sm font-medium hover:bg-accent\",\n                      item.disabled && \"cursor-not-allowed opacity-80\"\n                    )}\n                    onClick={() => setOpen(false)}\n                  >\n                    {item.title}\n                  </a>\n                ))}\n              </nav>\n            </SheetContent>\n          </Sheet>\n        </div>\n      </div>\n    </header>\n  )\n}\n","\"use client\"\n\nimport * as React from \"react\"\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\"\n\nimport { cn } from \"@authdog/react-elements/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","\"use client\"\n\nimport * as React from \"react\"\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\"\nimport { Check, ChevronRight, Circle } from \"lucide-react\"\nimport type { ComponentType } from \"react\"\n\nimport { cn } from \"@authdog/react-elements/lib/utils\"\n\nconst CheckIcon = Check as ComponentType<React.SVGProps<SVGSVGElement>>\nconst CircleIcon = Circle as ComponentType<React.SVGProps<SVGSVGElement>>\nconst ChevronRightIcon = ChevronRight as ComponentType<React.SVGProps<SVGSVGElement>>\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 flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8\",\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 * as SheetPrimitive from \"@radix-ui/react-dialog\"\nimport { X } from \"lucide-react\"\nimport type { ComponentType } from \"react\"\n\nimport { cn } from \"@authdog/react-elements/lib/utils\"\n\nconst XIcon = X as ComponentType<React.SVGProps<SVGSVGElement>>\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />\n}\n\nfunction SheetTrigger({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />\n}\n\nfunction SheetClose({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />\n}\n\nfunction SheetPortal({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n}\n\nfunction SheetOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-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 SheetContent({\n  className,\n  children,\n  side = \"right\",\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        className={cn(\n          \"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\",\n          side === \"right\" &&\n            \"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\",\n          side === \"left\" &&\n            \"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\",\n          side === \"top\" &&\n            \"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b\",\n          side === \"bottom\" &&\n            \"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <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\">\n          <XIcon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn(\"flex flex-col gap-1.5 p-4\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn(\"text-foreground font-semibold\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n}\n","import { LucideProps } from \"lucide-react\"\nimport { useEffect, useState } from \"react\"\n\nconst iconProps: LucideProps = {\n  className: \"mr-2 h-4 w-4\",\n  \"aria-hidden\": \"true\"\n}\n\nexport const renderIcon = ((Icon: any) => {\n  const [isMounted, setIsMounted] = useState(false)\n\n  useEffect(() => {\n    setIsMounted(true)\n  }, [])\n\n  if (!isMounted) {\n    return <span className=\"mr-2 h-4 w-4\" aria-hidden=\"true\" />\n  }\n\n  return <Icon {...iconProps} />\n}) as React.FC<{\n  Icon: any\n}>\n\nexport const IconWrapper = ({ Icon }: { Icon: any }) => {\n  return (\n    <span className=\"inline-flex items-center justify-center\">\n      {renderIcon(Icon)}\n    </span>\n  )\n}","\"use client\"\n\nimport { useEffect, useState } from \"react\"\nimport { Avatar, AvatarFallback, AvatarImage } from \"../../components/ui/avatar\"\nimport { Button } from \"../../components/ui/button\"\nimport { Card } from \"../../components/ui/card\"\nimport { Badge } from \"../../components/ui/badge\"\nimport { PlusCircle, User, Shield, X, LucideProps } from \"lucide-react\"\n\nexport interface UserProfileProps {\n  user: {\n    name: string;\n    email: string;\n    image: string;\n  };\n  emails?: { address: string; isPrimary?: boolean }[];\n  connectedAccounts?: { provider: string; email: string }[];\n}\n\nexport const UserProfile = ({\n  user,\n  emails = [],\n  connectedAccounts = [],\n}: UserProfileProps) => {\n  const [isMounted, setIsMounted] = useState(false)\n  const [activeTab, setActiveTab] = useState<\"profile\" | \"security\">(\"profile\");\n\n  useEffect(() => {\n    setIsMounted(true)\n  }, []);\n\n  const iconProps: LucideProps = {\n    className: \"mr-2 h-4 w-4\",\n    \"aria-hidden\": \"true\"\n  }\n\n  const renderIcon = (Icon: any) => {\n    if (!isMounted) return null\n    return <Icon {...iconProps} />\n  }\n\n  return (\n    <div className=\"grid grid-cols-[16rem,1fr] h-screen bg-gray-100\">\n      <div className=\"h-full border-r p-6 bg-white flex flex-col min-w-0\">\n        <div className=\"mb-6\">\n          <h1 className=\"text-xl font-bold\">Account</h1>\n          <p className=\"text-sm text-gray-500\">Manage your account info.</p>\n        </div>\n\n        <nav className=\"space-y-1 flex-1\">\n          <button\n            onClick={() => setActiveTab(\"profile\")}\n            className={`flex items-center w-full px-3 py-2 text-sm rounded-md ${\n              activeTab === \"profile\" ? \"bg-gray-100 text-gray-900\" : \"text-gray-700 hover:bg-gray-50\"\n            }`}\n          >\n            {renderIcon(User)}\n            Profile\n          </button>\n          <button\n            onClick={() => setActiveTab(\"security\")}\n            className={`flex items-center w-full px-3 py-2 text-sm rounded-md ${\n              activeTab === \"security\" ? \"bg-gray-100 text-gray-900\" : \"text-gray-700 hover:bg-gray-50\"\n            }`}\n          >\n            {renderIcon(Shield)}\n            Security\n          </button>\n        </nav>\n      </div>\n\n      <div className=\"h-full p-10 overflow-y-auto min-w-0 bg-white\">\n        <div className=\"flex justify-between items-center mb-6\">\n          <h2 className=\"text-xl font-semibold\">\n            {activeTab === \"profile\" ? \"Profile details\" : \"Security settings\"}\n          </h2>\n          <button className=\"text-gray-500 hover:text-gray-700\">\n            {renderIcon(X)}\n          </button>\n        </div>\n\n        {activeTab === \"profile\" ? (\n          <div className=\"space-y-8\">\n            {/* Profile Section */}\n            <div>\n              <h3 className=\"text-sm font-medium mb-4\">Profile</h3>\n              <div className=\"flex items-center justify-between\">\n                <div className=\"flex items-center\">\n                  <Avatar className=\"h-12 w-12 mr-4 border\">\n                    <AvatarImage src={user.image} alt=\"Profile picture\" />\n                    <AvatarFallback>{user.name.split(\" \").map(n => n[0]).join(\"\")}</AvatarFallback>\n                  </Avatar>\n                  <span className=\"font-medium\">{user.name}</span>\n                </div>\n                <Button variant=\"outline\" size=\"sm\">\n                  Edit profile\n                </Button>\n              </div>\n            </div>\n\n            {/* Email Addresses Section */}\n            <div>\n              <h3 className=\"text-sm font-medium mb-4\">Email addresses</h3>\n              <div className=\"space-y-3\">\n                {(emails.length > 0 ? emails : [{ address: user.email, isPrimary: true }]).map((email, i) => (\n                  <div className=\"flex items-center justify-between\" key={email.address}>\n                    <span>{email.address}</span>\n                    {email.isPrimary && (\n                      <Badge variant=\"outline\" className=\"text-xs bg-gray-100 text-gray-700 hover:bg-gray-100\">\n                        Primary\n                      </Badge>\n                    )}\n                  </div>\n                ))}\n                <Button variant=\"ghost\" size=\"sm\" className=\"flex items-center text-gray-700\">\n                  {renderIcon(PlusCircle)}\n                  Add email address\n                </Button>\n              </div>\n            </div>\n\n            {/* Phone Number Section */}\n            <div>\n              <h3 className=\"text-sm font-medium mb-4\">Phone number</h3>\n              <div className=\"space-y-3\">\n                <div className=\"flex items-center justify-between\">\n                  <span>+1 (555) 123-4567</span>\n                  <Badge variant=\"outline\" className=\"text-xs bg-gray-100 text-gray-700 hover:bg-gray-100\">\n                    Primary\n                  </Badge>\n                </div>\n                <Button variant=\"ghost\" size=\"sm\" className=\"flex items-center text-gray-700\">\n                  {renderIcon(PlusCircle)}\n                  Add phone number\n                </Button>\n              </div>\n            </div>\n\n            {/* Connected Accounts Section */}\n            <div>\n              <h3 className=\"text-sm font-medium mb-4\">Connected accounts</h3>\n              <div className=\"space-y-3\">\n                {connectedAccounts.length > 0 ? connectedAccounts.map((acc, i) => (\n                  <div className=\"flex items-center justify-between\" key={acc.provider + acc.email}>\n                    <div className=\"flex items-center\">\n                      <div className=\"mr-2\">\n                        <span>{acc.provider}</span>\n                      </div>\n                      <span>{acc.provider}</span>\n                    </div>\n                    <span className=\"text-sm text-gray-500\">{acc.email}</span>\n                  </div>\n                )) : (\n                  <div className=\"flex items-center justify-between\">\n                    <div className=\"flex items-center\">\n                      <div className=\"mr-2\">\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\">\n                          <path fill=\"#4285F4\" 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                          <path fill=\"#34A853\" 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                          <path fill=\"#FBBC05\" 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                          <path fill=\"#EA4335\" 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                        </svg>\n                      </div>\n                      <span>Google</span>\n                    </div>\n                    <span className=\"text-sm text-gray-500\">{user.email}</span>\n                  </div>\n                )}\n                <Button variant=\"ghost\" size=\"sm\" className=\"flex items-center text-gray-700\">\n                  {renderIcon(PlusCircle)}\n                  Connect account\n                </Button>\n              </div>\n            </div>\n          </div>\n        ) : (\n          <div className=\"space-y-8\">\n            {/* Security Settings */}\n            <div>\n              <h3 className=\"text-sm font-medium mb-4\">Two-factor authentication</h3>\n              <div className=\"space-y-3\">\n                <div className=\"flex items-center justify-between\">\n                  <div>\n                    <p className=\"font-medium\">Two-factor authentication</p>\n                    <p className=\"text-sm text-gray-500\">Add an extra layer of security to your account</p>\n                  </div>\n                  <Button variant=\"outline\" size=\"sm\">\n                    Enable\n                  </Button>\n                </div>\n              </div>\n            </div>\n\n            <div>\n              <h3 className=\"text-sm font-medium mb-4\">Password</h3>\n              <div className=\"space-y-3\">\n                <div className=\"flex items-center justify-between\">\n                  <div>\n                    <p className=\"font-medium\">Change password</p>\n                    <p className=\"text-sm text-gray-500\">Last changed 3 months ago</p>\n                  </div>\n                  <Button variant=\"outline\" size=\"sm\">\n                    Change\n                  </Button>\n                </div>\n              </div>\n            </div>\n\n            <div>\n              <h3 className=\"text-sm font-medium mb-4\">Active sessions</h3>\n              <div className=\"space-y-3\">\n                <div className=\"flex items-center justify-between\">\n                  <div>\n                    <p className=\"font-medium\">Current session</p>\n                    <p className=\"text-sm text-gray-500\">Chrome on Windows • Active now</p>\n                  </div>\n                  <Button variant=\"outline\" size=\"sm\">\n                    Sign out\n                  </Button>\n                </div>\n              </div>\n            </div>\n          </div>\n        )}\n      </div>\n\n      {/* <div className=\"absolute bottom-4 text-xs text-gray-500 flex items-center\">\n        Secured by\n        <span className=\"ml-1 font-medium flex items-center\">\n          <svg\n            width=\"14\"\n            height=\"14\"\n            viewBox=\"0 0 16 16\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            className=\"mr-1\"\n          >\n            <path d=\"M8 0L14.9282 4V12L8 16L1.07179 12V4L8 0Z\" fill=\"#6C47FF\" />\n          </svg>\n          Authdog\n        </span>\n      </div> */}\n    </div>\n  )\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 \"@authdog/react-elements/lib/utils\"\n\nconst badgeVariants = cva(\n  \"inline-flex items-center justify-center rounded-md 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\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\n        secondary:\n          \"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\n        destructive:\n          \"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\",\n        outline:\n          \"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Badge({\n  className,\n  variant,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : \"span\"\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      className={cn(badgeVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Badge, badgeVariants }\n","import { CheckCircle2Icon } from \"lucide-react\"\nimport { Alert, AlertDescription, AlertTitle } from \"../../components/ui/alert\"\nimport { IconWrapper } from \"../icons\"\n\ninterface PlaceholderAlertProps {\n  title?: string;\n  description?: string;\n}\n\nexport const PlaceholderAlert = (props: PlaceholderAlertProps) => {\n  const title = props.title ?? \"Placeholder Alert\";\n  const description = props.description ?? \"This is a placeholder alert.\";\n\n  return (      \n    <div className=\"grid w-full max-w-xl items-start gap-4\">\n      <Alert>\n        <IconWrapper Icon={CheckCircle2Icon} />\n        <AlertTitle>{title}</AlertTitle>\n        <AlertDescription>\n            {description}\n        </AlertDescription>\n      </Alert>\n    </div>\n  )\n}\n","import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@authdog/react-elements/lib/utils\"\n\nconst alertVariants = cva(\n  \"relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-card text-card-foreground\",\n        destructive:\n          \"text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        \"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        \"text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Alert, AlertTitle, AlertDescription }\n"],"mappings":"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","names":["index_exports","__export","Button","Navbar","PlaceholderAlert","UserProfile","__toCommonJS","React","import_react_slot","import_class_variance_authority","import_clsx","import_tailwind_merge","cn","inputs","import_jsx_runtime","buttonVariants","Button","className","variant","size","asChild","props","ref","cn","import_react","import_lucide_react","AvatarPrimitive","import_jsx_runtime","Avatar","className","props","cn","AvatarImage","AvatarFallback","DropdownMenuPrimitive","import_lucide_react","import_jsx_runtime","DropdownMenu","props","DropdownMenuTrigger","props","DropdownMenuContent","className","sideOffset","cn","DropdownMenuGroup","DropdownMenuItem","inset","variant","DropdownMenuLabel","className","inset","props","cn","DropdownMenuSeparator","SheetPrimitive","import_lucide_react","import_jsx_runtime","XIcon","Sheet","props","SheetTrigger","SheetPortal","props","SheetOverlay","className","cn","SheetContent","children","side","XIcon","import_react","import_jsx_runtime","iconProps","renderIcon","Icon","isMounted","setIsMounted","IconWrapper","import_jsx_runtime","Navbar","items","children","className","logoText","user","onNavigateHome","onNavItemClick","href","onProfileSelected","onLogout","open","setOpen","cn","item","index","DropdownMenu","DropdownMenuTrigger","Button","Avatar","AvatarImage","AvatarFallback","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuGroup","DropdownMenuItem","IconWrapper","Sheet","SheetTrigger","SheetContent","import_react","import_react_slot","import_class_variance_authority","import_jsx_runtime","badgeVariants","Badge","className","variant","asChild","props","cn","import_lucide_react","import_jsx_runtime","UserProfile","user","emails","connectedAccounts","isMounted","setIsMounted","activeTab","setActiveTab","iconProps","renderIcon","Icon","Avatar","AvatarImage","AvatarFallback","n","Button","email","i","Badge","acc","import_lucide_react","import_class_variance_authority","import_jsx_runtime","alertVariants","Alert","className","variant","props","cn","AlertTitle","AlertDescription","import_jsx_runtime","PlaceholderAlert","props","title","description","Alert","IconWrapper","AlertTitle","AlertDescription"]}
+{"version":3,"sources":["../src/index.ts","../src/components/ui/button.tsx","../src/lib/utils.ts","../src/components/core/navbar.tsx","../src/components/ui/avatar.tsx","../src/components/ui/dropdown-menu.tsx","../src/components/ui/sheet.tsx","../src/components/icons.tsx","../src/components/core/user-profile.tsx","../src/components/ui/badge.tsx","../src/components/core/placeholder-alert.tsx","../src/components/ui/alert.tsx"],"sourcesContent":["export {Button} from \"./components/ui/button\";\nexport {Navbar} from \"./components/core/navbar\";\nexport {UserProfile} from \"./components/core/user-profile\";\nexport {PlaceholderAlert} from \"./components/core/placeholder-alert\";","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 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n        outline:\n          \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-10 px-4 py-2\",\n        sm: \"h-9 rounded-md px-3\",\n        lg: \"h-11 rounded-md px-8\",\n        icon: \"h-10 w-10\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants };\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","\"use client\"\n\nimport type React from \"react\"\nimport { useState } from \"react\"\nimport { User, Settings, LogOut, Menu } from \"lucide-react\"\n// import type { LucideProps } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils\"\nimport { Avatar, AvatarFallback, AvatarImage } from \"../../components/ui/avatar\"\nimport { Button } from \"../../components/ui/button\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"../../components/ui/dropdown-menu\"\nimport { Sheet, SheetContent, SheetTrigger } from \"../../components/ui/sheet\"\nimport { IconWrapper } from \"../icons\"\n\ninterface NavItem {\n  title: string\n  href: string\n  disabled?: boolean\n}\n\ninterface NavbarProps {\n  items?: NavItem[]\n  children?: React.ReactNode\n  className?: string\n  logoText?: string\n  isLoading?: boolean\n  user?: {\n    name?: string\n    email?: string\n    image?: string\n  }\n  onNavigateHome?: () => void;\n  onNavItemClick?: (href: string) => void;\n  onProfileSelected?: () => void;\n  onLogout?: () => void;\n}\n\nexport function Navbar({\n  items = [\n    { title: \"Dashboard\", href: \"/dashboard\" },\n    { title: \"Projects\", href: \"/projects\" },\n    { title: \"Team\", href: \"/team\" },\n    { title: \"Reports\", href: \"/reports\" },\n  ],\n  children,\n  className,\n  logoText = \"ACME Corp\",\n  user = {\n    name: \"John Doe\",\n    email: \"john@example.com\",\n    image: \"https://i.pravatar.cc/150?u=a042581f4e29026704d\",\n  },\n  onNavigateHome = () => console.log(\"Navigating to home\"),\n  onNavItemClick = (href: string) => console.log(`Navigating to ${href}`),\n  onProfileSelected,\n  onLogout = () => console.log(\"Logout clicked\"),\n  isLoading = false\n}: NavbarProps) {\n  const [open, setOpen] = useState(false)\n  const [loading, setLoading] = useState(isLoading ?? false)\n\n  return (\n    <header className={cn(\"border-b bg-background\", className)}>\n      <div className=\"container flex h-16 items-center justify-between px-4 md:px-6\">\n        <div className=\"flex items-center gap-4\">\n          <span className=\"text-xl font-bold cursor-pointer\" onClick={onNavigateHome}>{logoText}</span>\n          <nav className=\"hidden md:flex gap-6\">\n            {items?.map((item, index) => (\n              <span\n                key={index}\n                // href={item.href}\n                onClick={() => {\n                  if (!item.disabled) {\n                    onNavItemClick(item.href)\n                  }\n                }}\n                className={cn(\n                  \"text-sm font-medium transition-colors hover:text-primary cursor-pointer\",\n                  item.disabled && \"cursor-not-allowed opacity-80\"\n                )}\n              >\n                {item.title}\n              </span>\n            ))}\n          </nav>\n        </div>\n        <div className=\"flex items-center gap-4\">\n          {children}\n\n\n          {\n            user?.name && (\n              <DropdownMenu>\n              <DropdownMenuTrigger asChild>\n                <Button variant=\"ghost\" className=\"relative h-8 w-8 rounded-full\" disabled={loading}>\n                  <Avatar className=\"h-8 w-8\">\n                    {loading ? (\n                      <div className=\"h-8 w-8 animate-pulse bg-muted rounded-full\" />\n                    ) : (\n                      <>\n                        <AvatarImage src={user.image || \"/placeholder.svg\"} alt={user.name} />\n                        <AvatarFallback>{user.name?.charAt(0)}</AvatarFallback>\n                      </>\n                    )}\n                  </Avatar>\n                </Button>\n              </DropdownMenuTrigger>\n              <DropdownMenuContent className=\"w-56\" align=\"end\" forceMount>\n                {loading ? (\n                  <div className=\"p-4\">\n                    <div className=\"h-4 w-3/4 animate-pulse bg-muted rounded mb-2\" />\n                    <div className=\"h-3 w-1/2 animate-pulse bg-muted rounded\" />\n                  </div>\n                ) : (\n                  <>\n                    <DropdownMenuLabel className=\"font-normal\">\n                      <div className=\"flex flex-col space-y-1\">\n                        <p className=\"text-sm font-medium leading-none\">{user.name}</p>\n                        <p className=\"text-xs leading-none text-muted-foreground\">{user.email}</p>\n                      </div>\n                    </DropdownMenuLabel>\n                    <DropdownMenuSeparator />\n                    <DropdownMenuGroup>\n                      <DropdownMenuItem onClick={onProfileSelected}>\n                        <IconWrapper Icon={User} />\n                        <span>Profile</span>\n                      </DropdownMenuItem>\n                    </DropdownMenuGroup>\n                    <DropdownMenuSeparator />\n                    <DropdownMenuItem onClick={onLogout}>\n                      <IconWrapper Icon={LogOut} />\n                      <span>Log out</span>\n                    </DropdownMenuItem>\n                  </>\n                )}\n              </DropdownMenuContent>\n            </DropdownMenu>\n            )\n          }\n         \n          <Sheet open={open} onOpenChange={setOpen}>\n            <SheetTrigger asChild>\n              <Button variant=\"ghost\" size=\"icon\" className=\"md:hidden\" aria-label=\"Open Menu\">\n                <IconWrapper Icon={Menu} />\n              </Button>\n            </SheetTrigger>\n            <SheetContent side=\"left\" className=\"pr-0\">\n              <nav className=\"grid gap-2 py-6\">\n                {items?.map((item, index) => (\n                  <a\n                    key={index}\n                    href={item.href}\n                    className={cn(\n                      \"flex w-full items-center rounded-md px-3 py-2 text-sm font-medium hover:bg-accent\",\n                      item.disabled && \"cursor-not-allowed opacity-80\"\n                    )}\n                    onClick={() => setOpen(false)}\n                  >\n                    {item.title}\n                  </a>\n                ))}\n              </nav>\n            </SheetContent>\n          </Sheet>\n        </div>\n      </div>\n    </header>\n  )\n}\n","\"use client\"\n\nimport * as React from \"react\"\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\"\n\nimport { cn } from \"@authdog/react-elements/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","\"use client\"\n\nimport * as React from \"react\"\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\"\nimport { Check, ChevronRight, Circle } from \"lucide-react\"\nimport type { ComponentType } from \"react\"\n\nimport { cn } from \"@authdog/react-elements/lib/utils\"\n\nconst CheckIcon = Check as ComponentType<React.SVGProps<SVGSVGElement>>\nconst CircleIcon = Circle as ComponentType<React.SVGProps<SVGSVGElement>>\nconst ChevronRightIcon = ChevronRight as ComponentType<React.SVGProps<SVGSVGElement>>\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 flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8\",\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 * as SheetPrimitive from \"@radix-ui/react-dialog\"\nimport { X } from \"lucide-react\"\nimport type { ComponentType } from \"react\"\n\nimport { cn } from \"@authdog/react-elements/lib/utils\"\n\nconst XIcon = X as ComponentType<React.SVGProps<SVGSVGElement>>\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />\n}\n\nfunction SheetTrigger({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />\n}\n\nfunction SheetClose({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />\n}\n\nfunction SheetPortal({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n}\n\nfunction SheetOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-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 SheetContent({\n  className,\n  children,\n  side = \"right\",\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        className={cn(\n          \"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\",\n          side === \"right\" &&\n            \"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\",\n          side === \"left\" &&\n            \"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\",\n          side === \"top\" &&\n            \"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b\",\n          side === \"bottom\" &&\n            \"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <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\">\n          <XIcon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn(\"flex flex-col gap-1.5 p-4\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn(\"text-foreground font-semibold\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n}\n","import { LucideProps } from \"lucide-react\"\nimport { useEffect, useState } from \"react\"\n\nconst iconProps: LucideProps = {\n  className: \"mr-2 h-4 w-4\",\n  \"aria-hidden\": \"true\"\n}\n\nexport const renderIcon = ((Icon: any) => {\n  const [isMounted, setIsMounted] = useState(false)\n\n  useEffect(() => {\n    setIsMounted(true)\n  }, [])\n\n  if (!isMounted) {\n    return <span className=\"mr-2 h-4 w-4\" aria-hidden=\"true\" />\n  }\n\n  return <Icon {...iconProps} />\n}) as React.FC<{\n  Icon: any\n}>\n\nexport const IconWrapper = ({ Icon }: { Icon: any }) => {\n  return (\n    <span className=\"inline-flex items-center justify-center\">\n      {renderIcon(Icon)}\n    </span>\n  )\n}","\"use client\"\n\nimport { useEffect, useState } from \"react\"\nimport { Avatar, AvatarFallback, AvatarImage } from \"../../components/ui/avatar\"\nimport { Button } from \"../../components/ui/button\"\nimport { Card } from \"../../components/ui/card\"\nimport { Badge } from \"../../components/ui/badge\"\nimport { PlusCircle, User, Shield, X, LucideProps } from \"lucide-react\"\n\nexport interface UserProfileProps {\n  user: {\n    name: string;\n    email: string;\n    image: string;\n  };\n  emails?: { address: string; isPrimary?: boolean }[];\n  connectedAccounts?: { provider: string; email: string }[];\n}\n\nexport const UserProfile = ({\n  user,\n  emails = [],\n  connectedAccounts = [],\n}: UserProfileProps) => {\n  const [isMounted, setIsMounted] = useState(false)\n  const [activeTab, setActiveTab] = useState<\"profile\" | \"security\">(\"profile\");\n\n  useEffect(() => {\n    setIsMounted(true)\n  }, []);\n\n  const iconProps: LucideProps = {\n    className: \"mr-2 h-4 w-4\",\n    \"aria-hidden\": \"true\"\n  }\n\n  const renderIcon = (Icon: any) => {\n    if (!isMounted) return null\n    return <Icon {...iconProps} />\n  }\n\n  return (\n    <div className=\"grid grid-cols-[16rem,1fr] h-screen bg-gray-100\">\n      <div className=\"h-full border-r p-6 bg-white flex flex-col min-w-0\">\n        <div className=\"mb-6\">\n          <h1 className=\"text-xl font-bold\">Account</h1>\n          <p className=\"text-sm text-gray-500\">Manage your account info.</p>\n        </div>\n\n        <nav className=\"space-y-1 flex-1\">\n          <button\n            onClick={() => setActiveTab(\"profile\")}\n            className={`flex items-center w-full px-3 py-2 text-sm rounded-md ${\n              activeTab === \"profile\" ? \"bg-gray-100 text-gray-900\" : \"text-gray-700 hover:bg-gray-50\"\n            }`}\n          >\n            {renderIcon(User)}\n            Profile\n          </button>\n          <button\n            onClick={() => setActiveTab(\"security\")}\n            className={`flex items-center w-full px-3 py-2 text-sm rounded-md ${\n              activeTab === \"security\" ? \"bg-gray-100 text-gray-900\" : \"text-gray-700 hover:bg-gray-50\"\n            }`}\n          >\n            {renderIcon(Shield)}\n            Security\n          </button>\n        </nav>\n      </div>\n\n      <div className=\"h-full p-10 overflow-y-auto min-w-0 bg-white\">\n        <div className=\"flex justify-between items-center mb-6\">\n          <h2 className=\"text-xl font-semibold\">\n            {activeTab === \"profile\" ? \"Profile details\" : \"Security settings\"}\n          </h2>\n          <button className=\"text-gray-500 hover:text-gray-700\">\n            {renderIcon(X)}\n          </button>\n        </div>\n\n        {activeTab === \"profile\" ? (\n          <div className=\"space-y-8\">\n            {/* Profile Section */}\n            <div>\n              <h3 className=\"text-sm font-medium mb-4\">Profile</h3>\n              <div className=\"flex items-center justify-between\">\n                <div className=\"flex items-center\">\n                  <Avatar className=\"h-12 w-12 mr-4 border\">\n                    <AvatarImage src={user.image} alt=\"Profile picture\" />\n                    <AvatarFallback>{user.name.split(\" \").map(n => n[0]).join(\"\")}</AvatarFallback>\n                  </Avatar>\n                  <span className=\"font-medium\">{user.name}</span>\n                </div>\n                <Button variant=\"outline\" size=\"sm\">\n                  Edit profile\n                </Button>\n              </div>\n            </div>\n\n            {/* Email Addresses Section */}\n            <div>\n              <h3 className=\"text-sm font-medium mb-4\">Email addresses</h3>\n              <div className=\"space-y-3\">\n                {(emails.length > 0 ? emails : [{ address: user.email, isPrimary: true }]).map((email, i) => (\n                  <div className=\"flex items-center justify-between\" key={email.address}>\n                    <span>{email.address}</span>\n                    {email.isPrimary && (\n                      <Badge variant=\"outline\" className=\"text-xs bg-gray-100 text-gray-700 hover:bg-gray-100\">\n                        Primary\n                      </Badge>\n                    )}\n                  </div>\n                ))}\n                <Button variant=\"ghost\" size=\"sm\" className=\"flex items-center text-gray-700\">\n                  {renderIcon(PlusCircle)}\n                  Add email address\n                </Button>\n              </div>\n            </div>\n\n            {/* Phone Number Section */}\n            <div>\n              <h3 className=\"text-sm font-medium mb-4\">Phone number</h3>\n              <div className=\"space-y-3\">\n                <div className=\"flex items-center justify-between\">\n                  <span>+1 (555) 123-4567</span>\n                  <Badge variant=\"outline\" className=\"text-xs bg-gray-100 text-gray-700 hover:bg-gray-100\">\n                    Primary\n                  </Badge>\n                </div>\n                <Button variant=\"ghost\" size=\"sm\" className=\"flex items-center text-gray-700\">\n                  {renderIcon(PlusCircle)}\n                  Add phone number\n                </Button>\n              </div>\n            </div>\n\n            {/* Connected Accounts Section */}\n            <div>\n              <h3 className=\"text-sm font-medium mb-4\">Connected accounts</h3>\n              <div className=\"space-y-3\">\n                {connectedAccounts.length > 0 ? connectedAccounts.map((acc, i) => (\n                  <div className=\"flex items-center justify-between\" key={acc.provider + acc.email}>\n                    <div className=\"flex items-center\">\n                      <div className=\"mr-2\">\n                        <span>{acc.provider}</span>\n                      </div>\n                      <span>{acc.provider}</span>\n                    </div>\n                    <span className=\"text-sm text-gray-500\">{acc.email}</span>\n                  </div>\n                )) : (\n                  <div className=\"flex items-center justify-between\">\n                    <div className=\"flex items-center\">\n                      <div className=\"mr-2\">\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\">\n                          <path fill=\"#4285F4\" 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                          <path fill=\"#34A853\" 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                          <path fill=\"#FBBC05\" 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                          <path fill=\"#EA4335\" 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                        </svg>\n                      </div>\n                      <span>Google</span>\n                    </div>\n                    <span className=\"text-sm text-gray-500\">{user.email}</span>\n                  </div>\n                )}\n                <Button variant=\"ghost\" size=\"sm\" className=\"flex items-center text-gray-700\">\n                  {renderIcon(PlusCircle)}\n                  Connect account\n                </Button>\n              </div>\n            </div>\n          </div>\n        ) : (\n          <div className=\"space-y-8\">\n            {/* Security Settings */}\n            <div>\n              <h3 className=\"text-sm font-medium mb-4\">Two-factor authentication</h3>\n              <div className=\"space-y-3\">\n                <div className=\"flex items-center justify-between\">\n                  <div>\n                    <p className=\"font-medium\">Two-factor authentication</p>\n                    <p className=\"text-sm text-gray-500\">Add an extra layer of security to your account</p>\n                  </div>\n                  <Button variant=\"outline\" size=\"sm\">\n                    Enable\n                  </Button>\n                </div>\n              </div>\n            </div>\n\n            <div>\n              <h3 className=\"text-sm font-medium mb-4\">Password</h3>\n              <div className=\"space-y-3\">\n                <div className=\"flex items-center justify-between\">\n                  <div>\n                    <p className=\"font-medium\">Change password</p>\n                    <p className=\"text-sm text-gray-500\">Last changed 3 months ago</p>\n                  </div>\n                  <Button variant=\"outline\" size=\"sm\">\n                    Change\n                  </Button>\n                </div>\n              </div>\n            </div>\n\n            <div>\n              <h3 className=\"text-sm font-medium mb-4\">Active sessions</h3>\n              <div className=\"space-y-3\">\n                <div className=\"flex items-center justify-between\">\n                  <div>\n                    <p className=\"font-medium\">Current session</p>\n                    <p className=\"text-sm text-gray-500\">Chrome on Windows • Active now</p>\n                  </div>\n                  <Button variant=\"outline\" size=\"sm\">\n                    Sign out\n                  </Button>\n                </div>\n              </div>\n            </div>\n          </div>\n        )}\n      </div>\n\n      {/* <div className=\"absolute bottom-4 text-xs text-gray-500 flex items-center\">\n        Secured by\n        <span className=\"ml-1 font-medium flex items-center\">\n          <svg\n            width=\"14\"\n            height=\"14\"\n            viewBox=\"0 0 16 16\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            className=\"mr-1\"\n          >\n            <path d=\"M8 0L14.9282 4V12L8 16L1.07179 12V4L8 0Z\" fill=\"#6C47FF\" />\n          </svg>\n          Authdog\n        </span>\n      </div> */}\n    </div>\n  )\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 \"@authdog/react-elements/lib/utils\"\n\nconst badgeVariants = cva(\n  \"inline-flex items-center justify-center rounded-md 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\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\n        secondary:\n          \"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\n        destructive:\n          \"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\",\n        outline:\n          \"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Badge({\n  className,\n  variant,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : \"span\"\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      className={cn(badgeVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Badge, badgeVariants }\n","import { CheckCircle2Icon } from \"lucide-react\"\nimport { Alert, AlertDescription, AlertTitle } from \"../../components/ui/alert\"\nimport { IconWrapper } from \"../icons\"\n\ninterface PlaceholderAlertProps {\n  title?: string;\n  description?: string;\n}\n\nexport const PlaceholderAlert = (props: PlaceholderAlertProps) => {\n  const title = props.title ?? \"Placeholder Alert\";\n  const description = props.description ?? \"This is a placeholder alert.\";\n\n  return (      \n    <div className=\"grid w-full max-w-xl items-start gap-4\">\n      <Alert>\n        <IconWrapper Icon={CheckCircle2Icon} />\n        <AlertTitle>{title}</AlertTitle>\n        <AlertDescription>\n            {description}\n        </AlertDescription>\n      </Alert>\n    </div>\n  )\n}\n","import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@authdog/react-elements/lib/utils\"\n\nconst alertVariants = cva(\n  \"relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-card text-card-foreground\",\n        destructive:\n          \"text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        \"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        \"text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Alert, AlertTitle, AlertDescription }\n"],"mappings":"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","names":["index_exports","__export","Button","Navbar","PlaceholderAlert","UserProfile","__toCommonJS","React","import_react_slot","import_class_variance_authority","import_clsx","import_tailwind_merge","cn","inputs","import_jsx_runtime","buttonVariants","Button","className","variant","size","asChild","props","ref","cn","import_react","import_lucide_react","AvatarPrimitive","import_jsx_runtime","Avatar","className","props","cn","AvatarImage","AvatarFallback","DropdownMenuPrimitive","import_lucide_react","import_jsx_runtime","DropdownMenu","props","DropdownMenuTrigger","props","DropdownMenuContent","className","sideOffset","cn","DropdownMenuGroup","DropdownMenuItem","inset","variant","DropdownMenuLabel","className","inset","props","cn","DropdownMenuSeparator","SheetPrimitive","import_lucide_react","import_jsx_runtime","XIcon","Sheet","props","SheetTrigger","SheetPortal","props","SheetOverlay","className","cn","SheetContent","children","side","XIcon","import_react","import_jsx_runtime","iconProps","renderIcon","Icon","isMounted","setIsMounted","IconWrapper","import_jsx_runtime","Navbar","items","children","className","logoText","user","onNavigateHome","onNavItemClick","href","onProfileSelected","onLogout","isLoading","open","setOpen","loading","setLoading","cn","item","index","DropdownMenu","DropdownMenuTrigger","Button","Avatar","AvatarImage","AvatarFallback","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuGroup","DropdownMenuItem","IconWrapper","Sheet","SheetTrigger","SheetContent","import_react","import_react_slot","import_class_variance_authority","import_jsx_runtime","badgeVariants","Badge","className","variant","asChild","props","cn","import_lucide_react","import_jsx_runtime","UserProfile","user","emails","connectedAccounts","isMounted","setIsMounted","activeTab","setActiveTab","iconProps","renderIcon","Icon","Avatar","AvatarImage","AvatarFallback","n","Button","email","i","Badge","acc","import_lucide_react","import_class_variance_authority","import_jsx_runtime","alertVariants","Alert","className","variant","props","cn","AlertTitle","AlertDescription","import_jsx_runtime","PlaceholderAlert","props","title","description","Alert","IconWrapper","AlertTitle","AlertDescription"]}

package/dist/index.mjs

@@ -1,3 +1,3 @@
 "use client";
-import*as L from"react";import{Slot as Y}from"@radix-ui/react-slot";import{cva as Z}from"class-variance-authority";import{clsx as K}from"clsx";import{twMerge as Q}from"tailwind-merge";function n(...e){return Q(K(e))}import{jsx as te}from"react/jsx-runtime";var ee=Z("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",icon:"h-10 w-10"}},defaultVariants:{variant:"default",size:"default"}}),m=L.forwardRef(({className:e,variant:a,size:r,asChild:c=!1,...p},f)=>te(c?Y:"button",{className:n(ee({variant:a,size:r,className:e})),ref:f,...p}));m.displayName="Button";import{useState as me}from"react";import{User as ce,LogOut as pe,Menu as ue}from"lucide-react";import*as x from"@radix-ui/react-avatar";import{jsx as k}from"react/jsx-runtime";function N({className:e,...a}){return k(x.Root,{"data-slot":"avatar",className:n("relative flex size-8 shrink-0 overflow-hidden rounded-full",e),...a})}function C({className:e,...a}){return k(x.Image,{"data-slot":"avatar-image",className:n("aspect-square size-full",e),...a})}function M({className:e,...a}){return k(x.Fallback,{"data-slot":"avatar-fallback",className:n("bg-muted flex size-full items-center justify-center rounded-full",e),...a})}import*as s from"@radix-ui/react-dropdown-menu";import{Check as Fe,ChevronRight as He,Circle as Oe}from"lucide-react";import{jsx as h,jsxs as Xe}from"react/jsx-runtime";function E({...e}){return h(s.Root,{"data-slot":"dropdown-menu",...e})}function _({...e}){return h(s.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}function j({className:e,sideOffset:a=4,...r}){return h(s.Portal,{children:h(s.Content,{"data-slot":"dropdown-menu-content",sideOffset:a,className: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",e),...r})})}function F({...e}){return h(s.Group,{"data-slot":"dropdown-menu-group",...e})}function I({className:e,inset:a,variant:r="default",...c}){return h(s.Item,{"data-slot":"dropdown-menu-item","data-inset":a,"data-variant":r,className: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",e),...c})}function H({className:e,inset:a,...r}){return h(s.Label,{"data-slot":"dropdown-menu-label","data-inset":a,className:n("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",e),...r})}function A({className:e,...a}){return h(s.Separator,{"data-slot":"dropdown-menu-separator",className:n("bg-border -mx-1 my-1 h-px",e),...a})}import*as l from"@radix-ui/react-dialog";import{X as oe}from"lucide-react";import{jsx as b,jsxs as z}from"react/jsx-runtime";var ae=oe;function O({...e}){return b(l.Root,{"data-slot":"sheet",...e})}function U({...e}){return b(l.Trigger,{"data-slot":"sheet-trigger",...e})}function re({...e}){return b(l.Portal,{"data-slot":"sheet-portal",...e})}function ne({className:e,...a}){return b(l.Overlay,{"data-slot":"sheet-overlay",className: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",e),...a})}function W({className:e,children:a,side:r="right",...c}){return z(re,{children:[b(ne,{}),z(l.Content,{"data-slot":"sheet-content",className:n("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",r==="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",r==="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",r==="top"&&"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",r==="bottom"&&"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",e),...c,children:[a,z(l.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:[b(ae,{className:"size-4"}),b("span",{className:"sr-only",children:"Close"})]})]})]})}import{useEffect as ie,useState as se}from"react";import{jsx as T}from"react/jsx-runtime";var de={className:"mr-2 h-4 w-4","aria-hidden":"true"},le=e=>{let[a,r]=se(!1);return ie(()=>{r(!0)},[]),a?T(e,{...de}):T("span",{className:"mr-2 h-4 w-4","aria-hidden":"true"})},y=({Icon:e})=>T("span",{className:"inline-flex items-center justify-center",children:le(e)});import{jsx as i,jsxs as u}from"react/jsx-runtime";function fe({items:e=[{title:"Dashboard",href:"/dashboard"},{title:"Projects",href:"/projects"},{title:"Team",href:"/team"},{title:"Reports",href:"/reports"}],children:a,className:r,logoText:c="ACME Corp",user:p={name:"John Doe",email:"john@example.com",image:"https://i.pravatar.cc/150?u=a042581f4e29026704d"},onNavigateHome:f=()=>console.log("Navigating to home"),onNavItemClick:P=d=>console.log(`Navigating to ${d}`),onProfileSelected:S,onLogout:v=()=>console.log("Logout clicked")}){let[d,w]=me(!1);return i("header",{className:n("border-b bg-background",r),children:u("div",{className:"container flex h-16 items-center justify-between px-4 md:px-6",children:[u("div",{className:"flex items-center gap-4",children:[i("span",{className:"text-xl font-bold cursor-pointer",onClick:f,children:c}),i("nav",{className:"hidden md:flex gap-6",children:e?.map((g,R)=>i("span",{onClick:()=>{g.disabled||P(g.href)},className:n("text-sm font-medium transition-colors hover:text-primary cursor-pointer",g.disabled&&"cursor-not-allowed opacity-80"),children:g.title},R))})]}),u("div",{className:"flex items-center gap-4",children:[a,u(E,{children:[i(_,{asChild:!0,children:i(m,{variant:"ghost",className:"relative h-8 w-8 rounded-full",children:u(N,{className:"h-8 w-8",children:[i(C,{src:p.image||"/placeholder.svg",alt:p.name}),i(M,{children:p.name?.charAt(0)})]})})}),u(j,{className:"w-56",align:"end",forceMount:!0,children:[i(H,{className:"font-normal",children:u("div",{className:"flex flex-col space-y-1",children:[i("p",{className:"text-sm font-medium leading-none",children:p.name}),i("p",{className:"text-xs leading-none text-muted-foreground",children:p.email})]})}),i(A,{}),i(F,{children:u(I,{onClick:S,children:[i(y,{Icon:ce}),i("span",{children:"Profile"})]})}),i(A,{}),u(I,{onClick:v,children:[i(y,{Icon:pe}),i("span",{children:"Log out"})]})]})]}),u(O,{open:d,onOpenChange:w,children:[i(U,{asChild:!0,children:i(m,{variant:"ghost",size:"icon",className:"md:hidden","aria-label":"Open Menu",children:i(y,{Icon:ue})})}),i(W,{side:"left",className:"pr-0",children:i("nav",{className:"grid gap-2 py-6",children:e?.map((g,R)=>i("a",{href:g.href,className:n("flex w-full items-center rounded-md px-3 py-2 text-sm font-medium hover:bg-accent",g.disabled&&"cursor-not-allowed opacity-80"),onClick:()=>w(!1),children:g.title},R))})})]})]})]})})}import{useEffect as xe,useState as X}from"react";import{Slot as ve}from"@radix-ui/react-slot";import{cva as ge}from"class-variance-authority";import{jsx as be}from"react/jsx-runtime";var he=ge("inline-flex items-center justify-center rounded-md 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 V({className:e,variant:a,asChild:r=!1,...c}){return be(r?ve:"span",{"data-slot":"badge",className:n(he({variant:a}),e),...c})}import{PlusCircle as B,User as ye,Shield as Pe,X as we}from"lucide-react";import{jsx as t,jsxs as o}from"react/jsx-runtime";var Ne=({user:e,emails:a=[],connectedAccounts:r=[]})=>{let[c,p]=X(!1),[f,P]=X("profile");xe(()=>{p(!0)},[]);let S={className:"mr-2 h-4 w-4","aria-hidden":"true"},v=d=>c?t(d,{...S}):null;return o("div",{className:"grid grid-cols-[16rem,1fr] h-screen bg-gray-100",children:[o("div",{className:"h-full border-r p-6 bg-white flex flex-col min-w-0",children:[o("div",{className:"mb-6",children:[t("h1",{className:"text-xl font-bold",children:"Account"}),t("p",{className:"text-sm text-gray-500",children:"Manage your account info."})]}),o("nav",{className:"space-y-1 flex-1",children:[o("button",{onClick:()=>P("profile"),className:`flex items-center w-full px-3 py-2 text-sm rounded-md ${f==="profile"?"bg-gray-100 text-gray-900":"text-gray-700 hover:bg-gray-50"}`,children:[v(ye),"Profile"]}),o("button",{onClick:()=>P("security"),className:`flex items-center w-full px-3 py-2 text-sm rounded-md ${f==="security"?"bg-gray-100 text-gray-900":"text-gray-700 hover:bg-gray-50"}`,children:[v(Pe),"Security"]})]})]}),o("div",{className:"h-full p-10 overflow-y-auto min-w-0 bg-white",children:[o("div",{className:"flex justify-between items-center mb-6",children:[t("h2",{className:"text-xl font-semibold",children:f==="profile"?"Profile details":"Security settings"}),t("button",{className:"text-gray-500 hover:text-gray-700",children:v(we)})]}),f==="profile"?o("div",{className:"space-y-8",children:[o("div",{children:[t("h3",{className:"text-sm font-medium mb-4",children:"Profile"}),o("div",{className:"flex items-center justify-between",children:[o("div",{className:"flex items-center",children:[o(N,{className:"h-12 w-12 mr-4 border",children:[t(C,{src:e.image,alt:"Profile picture"}),t(M,{children:e.name.split(" ").map(d=>d[0]).join("")})]}),t("span",{className:"font-medium",children:e.name})]}),t(m,{variant:"outline",size:"sm",children:"Edit profile"})]})]}),o("div",{children:[t("h3",{className:"text-sm font-medium mb-4",children:"Email addresses"}),o("div",{className:"space-y-3",children:[(a.length>0?a:[{address:e.email,isPrimary:!0}]).map((d,w)=>o("div",{className:"flex items-center justify-between",children:[t("span",{children:d.address}),d.isPrimary&&t(V,{variant:"outline",className:"text-xs bg-gray-100 text-gray-700 hover:bg-gray-100",children:"Primary"})]},d.address)),o(m,{variant:"ghost",size:"sm",className:"flex items-center text-gray-700",children:[v(B),"Add email address"]})]})]}),o("div",{children:[t("h3",{className:"text-sm font-medium mb-4",children:"Phone number"}),o("div",{className:"space-y-3",children:[o("div",{className:"flex items-center justify-between",children:[t("span",{children:"+1 (555) 123-4567"}),t(V,{variant:"outline",className:"text-xs bg-gray-100 text-gray-700 hover:bg-gray-100",children:"Primary"})]}),o(m,{variant:"ghost",size:"sm",className:"flex items-center text-gray-700",children:[v(B),"Add phone number"]})]})]}),o("div",{children:[t("h3",{className:"text-sm font-medium mb-4",children:"Connected accounts"}),o("div",{className:"space-y-3",children:[r.length>0?r.map((d,w)=>o("div",{className:"flex items-center justify-between",children:[o("div",{className:"flex items-center",children:[t("div",{className:"mr-2",children:t("span",{children:d.provider})}),t("span",{children:d.provider})]}),t("span",{className:"text-sm text-gray-500",children:d.email})]},d.provider+d.email)):o("div",{className:"flex items-center justify-between",children:[o("div",{className:"flex items-center",children:[t("div",{className:"mr-2",children:o("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"20",height:"20",children:[t("path",{fill:"#4285F4",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"}),t("path",{fill:"#34A853",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"}),t("path",{fill:"#FBBC05",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"}),t("path",{fill:"#EA4335",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"})]})}),t("span",{children:"Google"})]}),t("span",{className:"text-sm text-gray-500",children:e.email})]}),o(m,{variant:"ghost",size:"sm",className:"flex items-center text-gray-700",children:[v(B),"Connect account"]})]})]})]}):o("div",{className:"space-y-8",children:[o("div",{children:[t("h3",{className:"text-sm font-medium mb-4",children:"Two-factor authentication"}),t("div",{className:"space-y-3",children:o("div",{className:"flex items-center justify-between",children:[o("div",{children:[t("p",{className:"font-medium",children:"Two-factor authentication"}),t("p",{className:"text-sm text-gray-500",children:"Add an extra layer of security to your account"})]}),t(m,{variant:"outline",size:"sm",children:"Enable"})]})})]}),o("div",{children:[t("h3",{className:"text-sm font-medium mb-4",children:"Password"}),t("div",{className:"space-y-3",children:o("div",{className:"flex items-center justify-between",children:[o("div",{children:[t("p",{className:"font-medium",children:"Change password"}),t("p",{className:"text-sm text-gray-500",children:"Last changed 3 months ago"})]}),t(m,{variant:"outline",size:"sm",children:"Change"})]})})]}),o("div",{children:[t("h3",{className:"text-sm font-medium mb-4",children:"Active sessions"}),t("div",{className:"space-y-3",children:o("div",{className:"flex items-center justify-between",children:[o("div",{children:[t("p",{className:"font-medium",children:"Current session"}),t("p",{className:"text-sm text-gray-500",children:"Chrome on Windows \u2022 Active now"})]}),t(m,{variant:"outline",size:"sm",children:"Sign out"})]})})]})]})]})]})};import{CheckCircle2Icon as De}from"lucide-react";import{cva as Ce}from"class-variance-authority";import{jsx as G}from"react/jsx-runtime";var Me=Ce("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",{variants:{variant:{default:"bg-card text-card-foreground",destructive:"text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"}},defaultVariants:{variant:"default"}});function $({className:e,variant:a,...r}){return G("div",{"data-slot":"alert",role:"alert",className:n(Me({variant:a}),e),...r})}function q({className:e,...a}){return G("div",{"data-slot":"alert-title",className:n("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",e),...a})}function J({className:e,...a}){return G("div",{"data-slot":"alert-description",className:n("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",e),...a})}import{jsx as D,jsxs as Re}from"react/jsx-runtime";var Se=e=>{let a=e.title??"Placeholder Alert",r=e.description??"This is a placeholder alert.";return D("div",{className:"grid w-full max-w-xl items-start gap-4",children:Re($,{children:[D(y,{Icon:De}),D(q,{children:a}),D(J,{children:r})]})})};export{m as Button,fe as Navbar,Se as PlaceholderAlert,Ne as UserProfile};
+import*as _ from"react";import{Slot as oe}from"@radix-ui/react-slot";import{cva as ae}from"class-variance-authority";import{clsx as ee}from"clsx";import{twMerge as te}from"tailwind-merge";function i(...e){return te(ee(e))}import{jsx as ne}from"react/jsx-runtime";var re=ae("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",icon:"h-10 w-10"}},defaultVariants:{variant:"default",size:"default"}}),m=_.forwardRef(({className:e,variant:a,size:n,asChild:c=!1,...p},f)=>ne(c?oe:"button",{className:i(re({variant:a,size:n,className:e})),ref:f,...p}));m.displayName="Button";import{useState as q}from"react";import{User as fe,LogOut as ve,Menu as ge}from"lucide-react";import*as x from"@radix-ui/react-avatar";import{jsx as I}from"react/jsx-runtime";function N({className:e,...a}){return I(x.Root,{"data-slot":"avatar",className:i("relative flex size-8 shrink-0 overflow-hidden rounded-full",e),...a})}function C({className:e,...a}){return I(x.Image,{"data-slot":"avatar-image",className:i("aspect-square size-full",e),...a})}function M({className:e,...a}){return I(x.Fallback,{"data-slot":"avatar-fallback",className:i("bg-muted flex size-full items-center justify-center rounded-full",e),...a})}import*as s from"@radix-ui/react-dropdown-menu";import{Check as We,ChevronRight as Xe,Circle as $e}from"lucide-react";import{jsx as h,jsxs as Ke}from"react/jsx-runtime";function j({...e}){return h(s.Root,{"data-slot":"dropdown-menu",...e})}function F({...e}){return h(s.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}function H({className:e,sideOffset:a=4,...n}){return h(s.Portal,{children:h(s.Content,{"data-slot":"dropdown-menu-content",sideOffset:a,className:i("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",e),...n})})}function O({...e}){return h(s.Group,{"data-slot":"dropdown-menu-group",...e})}function A({className:e,inset:a,variant:n="default",...c}){return h(s.Item,{"data-slot":"dropdown-menu-item","data-inset":a,"data-variant":n,className:i("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",e),...c})}function U({className:e,inset:a,...n}){return h(s.Label,{"data-slot":"dropdown-menu-label","data-inset":a,className:i("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",e),...n})}function z({className:e,...a}){return h(s.Separator,{"data-slot":"dropdown-menu-separator",className:i("bg-border -mx-1 my-1 h-px",e),...a})}import*as l from"@radix-ui/react-dialog";import{X as ie}from"lucide-react";import{jsx as b,jsxs as T}from"react/jsx-runtime";var se=ie;function W({...e}){return b(l.Root,{"data-slot":"sheet",...e})}function X({...e}){return b(l.Trigger,{"data-slot":"sheet-trigger",...e})}function de({...e}){return b(l.Portal,{"data-slot":"sheet-portal",...e})}function le({className:e,...a}){return b(l.Overlay,{"data-slot":"sheet-overlay",className:i("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",e),...a})}function $({className:e,children:a,side:n="right",...c}){return T(de,{children:[b(le,{}),T(l.Content,{"data-slot":"sheet-content",className:i("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",n==="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",n==="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",n==="top"&&"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",n==="bottom"&&"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",e),...c,children:[a,T(l.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:[b(se,{className:"size-4"}),b("span",{className:"sr-only",children:"Close"})]})]})]})}import{useEffect as me,useState as ce}from"react";import{jsx as V}from"react/jsx-runtime";var pe={className:"mr-2 h-4 w-4","aria-hidden":"true"},ue=e=>{let[a,n]=ce(!1);return me(()=>{n(!0)},[]),a?V(e,{...pe}):V("span",{className:"mr-2 h-4 w-4","aria-hidden":"true"})},y=({Icon:e})=>V("span",{className:"inline-flex items-center justify-center",children:ue(e)});import{Fragment as J,jsx as r,jsxs as u}from"react/jsx-runtime";function he({items:e=[{title:"Dashboard",href:"/dashboard"},{title:"Projects",href:"/projects"},{title:"Team",href:"/team"},{title:"Reports",href:"/reports"}],children:a,className:n,logoText:c="ACME Corp",user:p={name:"John Doe",email:"john@example.com",image:"https://i.pravatar.cc/150?u=a042581f4e29026704d"},onNavigateHome:f=()=>console.log("Navigating to home"),onNavItemClick:w=P=>console.log(`Navigating to ${P}`),onProfileSelected:S,onLogout:v=()=>console.log("Logout clicked"),isLoading:d=!1}){let[P,E]=q(!1),[R,ze]=q(d??!1);return r("header",{className:i("border-b bg-background",n),children:u("div",{className:"container flex h-16 items-center justify-between px-4 md:px-6",children:[u("div",{className:"flex items-center gap-4",children:[r("span",{className:"text-xl font-bold cursor-pointer",onClick:f,children:c}),r("nav",{className:"hidden md:flex gap-6",children:e?.map((g,k)=>r("span",{onClick:()=>{g.disabled||w(g.href)},className:i("text-sm font-medium transition-colors hover:text-primary cursor-pointer",g.disabled&&"cursor-not-allowed opacity-80"),children:g.title},k))})]}),u("div",{className:"flex items-center gap-4",children:[a,p?.name&&u(j,{children:[r(F,{asChild:!0,children:r(m,{variant:"ghost",className:"relative h-8 w-8 rounded-full",disabled:R,children:r(N,{className:"h-8 w-8",children:R?r("div",{className:"h-8 w-8 animate-pulse bg-muted rounded-full"}):u(J,{children:[r(C,{src:p.image||"/placeholder.svg",alt:p.name}),r(M,{children:p.name?.charAt(0)})]})})})}),r(H,{className:"w-56",align:"end",forceMount:!0,children:R?u("div",{className:"p-4",children:[r("div",{className:"h-4 w-3/4 animate-pulse bg-muted rounded mb-2"}),r("div",{className:"h-3 w-1/2 animate-pulse bg-muted rounded"})]}):u(J,{children:[r(U,{className:"font-normal",children:u("div",{className:"flex flex-col space-y-1",children:[r("p",{className:"text-sm font-medium leading-none",children:p.name}),r("p",{className:"text-xs leading-none text-muted-foreground",children:p.email})]})}),r(z,{}),r(O,{children:u(A,{onClick:S,children:[r(y,{Icon:fe}),r("span",{children:"Profile"})]})}),r(z,{}),u(A,{onClick:v,children:[r(y,{Icon:ve}),r("span",{children:"Log out"})]})]})})]}),u(W,{open:P,onOpenChange:E,children:[r(X,{asChild:!0,children:r(m,{variant:"ghost",size:"icon",className:"md:hidden","aria-label":"Open Menu",children:r(y,{Icon:ge})})}),r($,{side:"left",className:"pr-0",children:r("nav",{className:"grid gap-2 py-6",children:e?.map((g,k)=>r("a",{href:g.href,className:i("flex w-full items-center rounded-md px-3 py-2 text-sm font-medium hover:bg-accent",g.disabled&&"cursor-not-allowed opacity-80"),onClick:()=>E(!1),children:g.title},k))})})]})]})]})})}import{useEffect as Pe,useState as K}from"react";import{Slot as be}from"@radix-ui/react-slot";import{cva as xe}from"class-variance-authority";import{jsx as we}from"react/jsx-runtime";var ye=xe("inline-flex items-center justify-center rounded-md 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 B({className:e,variant:a,asChild:n=!1,...c}){return we(n?be:"span",{"data-slot":"badge",className:i(ye({variant:a}),e),...c})}import{PlusCircle as G,User as Ne,Shield as Ce,X as Me}from"lucide-react";import{jsx as t,jsxs as o}from"react/jsx-runtime";var De=({user:e,emails:a=[],connectedAccounts:n=[]})=>{let[c,p]=K(!1),[f,w]=K("profile");Pe(()=>{p(!0)},[]);let S={className:"mr-2 h-4 w-4","aria-hidden":"true"},v=d=>c?t(d,{...S}):null;return o("div",{className:"grid grid-cols-[16rem,1fr] h-screen bg-gray-100",children:[o("div",{className:"h-full border-r p-6 bg-white flex flex-col min-w-0",children:[o("div",{className:"mb-6",children:[t("h1",{className:"text-xl font-bold",children:"Account"}),t("p",{className:"text-sm text-gray-500",children:"Manage your account info."})]}),o("nav",{className:"space-y-1 flex-1",children:[o("button",{onClick:()=>w("profile"),className:`flex items-center w-full px-3 py-2 text-sm rounded-md ${f==="profile"?"bg-gray-100 text-gray-900":"text-gray-700 hover:bg-gray-50"}`,children:[v(Ne),"Profile"]}),o("button",{onClick:()=>w("security"),className:`flex items-center w-full px-3 py-2 text-sm rounded-md ${f==="security"?"bg-gray-100 text-gray-900":"text-gray-700 hover:bg-gray-50"}`,children:[v(Ce),"Security"]})]})]}),o("div",{className:"h-full p-10 overflow-y-auto min-w-0 bg-white",children:[o("div",{className:"flex justify-between items-center mb-6",children:[t("h2",{className:"text-xl font-semibold",children:f==="profile"?"Profile details":"Security settings"}),t("button",{className:"text-gray-500 hover:text-gray-700",children:v(Me)})]}),f==="profile"?o("div",{className:"space-y-8",children:[o("div",{children:[t("h3",{className:"text-sm font-medium mb-4",children:"Profile"}),o("div",{className:"flex items-center justify-between",children:[o("div",{className:"flex items-center",children:[o(N,{className:"h-12 w-12 mr-4 border",children:[t(C,{src:e.image,alt:"Profile picture"}),t(M,{children:e.name.split(" ").map(d=>d[0]).join("")})]}),t("span",{className:"font-medium",children:e.name})]}),t(m,{variant:"outline",size:"sm",children:"Edit profile"})]})]}),o("div",{children:[t("h3",{className:"text-sm font-medium mb-4",children:"Email addresses"}),o("div",{className:"space-y-3",children:[(a.length>0?a:[{address:e.email,isPrimary:!0}]).map((d,P)=>o("div",{className:"flex items-center justify-between",children:[t("span",{children:d.address}),d.isPrimary&&t(B,{variant:"outline",className:"text-xs bg-gray-100 text-gray-700 hover:bg-gray-100",children:"Primary"})]},d.address)),o(m,{variant:"ghost",size:"sm",className:"flex items-center text-gray-700",children:[v(G),"Add email address"]})]})]}),o("div",{children:[t("h3",{className:"text-sm font-medium mb-4",children:"Phone number"}),o("div",{className:"space-y-3",children:[o("div",{className:"flex items-center justify-between",children:[t("span",{children:"+1 (555) 123-4567"}),t(B,{variant:"outline",className:"text-xs bg-gray-100 text-gray-700 hover:bg-gray-100",children:"Primary"})]}),o(m,{variant:"ghost",size:"sm",className:"flex items-center text-gray-700",children:[v(G),"Add phone number"]})]})]}),o("div",{children:[t("h3",{className:"text-sm font-medium mb-4",children:"Connected accounts"}),o("div",{className:"space-y-3",children:[n.length>0?n.map((d,P)=>o("div",{className:"flex items-center justify-between",children:[o("div",{className:"flex items-center",children:[t("div",{className:"mr-2",children:t("span",{children:d.provider})}),t("span",{children:d.provider})]}),t("span",{className:"text-sm text-gray-500",children:d.email})]},d.provider+d.email)):o("div",{className:"flex items-center justify-between",children:[o("div",{className:"flex items-center",children:[t("div",{className:"mr-2",children:o("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"20",height:"20",children:[t("path",{fill:"#4285F4",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"}),t("path",{fill:"#34A853",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"}),t("path",{fill:"#FBBC05",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"}),t("path",{fill:"#EA4335",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"})]})}),t("span",{children:"Google"})]}),t("span",{className:"text-sm text-gray-500",children:e.email})]}),o(m,{variant:"ghost",size:"sm",className:"flex items-center text-gray-700",children:[v(G),"Connect account"]})]})]})]}):o("div",{className:"space-y-8",children:[o("div",{children:[t("h3",{className:"text-sm font-medium mb-4",children:"Two-factor authentication"}),t("div",{className:"space-y-3",children:o("div",{className:"flex items-center justify-between",children:[o("div",{children:[t("p",{className:"font-medium",children:"Two-factor authentication"}),t("p",{className:"text-sm text-gray-500",children:"Add an extra layer of security to your account"})]}),t(m,{variant:"outline",size:"sm",children:"Enable"})]})})]}),o("div",{children:[t("h3",{className:"text-sm font-medium mb-4",children:"Password"}),t("div",{className:"space-y-3",children:o("div",{className:"flex items-center justify-between",children:[o("div",{children:[t("p",{className:"font-medium",children:"Change password"}),t("p",{className:"text-sm text-gray-500",children:"Last changed 3 months ago"})]}),t(m,{variant:"outline",size:"sm",children:"Change"})]})})]}),o("div",{children:[t("h3",{className:"text-sm font-medium mb-4",children:"Active sessions"}),t("div",{className:"space-y-3",children:o("div",{className:"flex items-center justify-between",children:[o("div",{children:[t("p",{className:"font-medium",children:"Current session"}),t("p",{className:"text-sm text-gray-500",children:"Chrome on Windows \u2022 Active now"})]}),t(m,{variant:"outline",size:"sm",children:"Sign out"})]})})]})]})]})]})};import{CheckCircle2Icon as ke}from"lucide-react";import{cva as Se}from"class-variance-authority";import{jsx as L}from"react/jsx-runtime";var Re=Se("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",{variants:{variant:{default:"bg-card text-card-foreground",destructive:"text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"}},defaultVariants:{variant:"default"}});function Q({className:e,variant:a,...n}){return L("div",{"data-slot":"alert",role:"alert",className:i(Re({variant:a}),e),...n})}function Y({className:e,...a}){return L("div",{"data-slot":"alert-title",className:i("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",e),...a})}function Z({className:e,...a}){return L("div",{"data-slot":"alert-description",className:i("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",e),...a})}import{jsx as D,jsxs as Ae}from"react/jsx-runtime";var Ie=e=>{let a=e.title??"Placeholder Alert",n=e.description??"This is a placeholder alert.";return D("div",{className:"grid w-full max-w-xl items-start gap-4",children:Ae(Q,{children:[D(y,{Icon:ke}),D(Y,{children:a}),D(Z,{children:n})]})})};export{m as Button,he as Navbar,Ie as PlaceholderAlert,De as UserProfile};
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/ui/button.tsx","../src/lib/utils.ts","../src/components/core/navbar.tsx","../src/components/ui/avatar.tsx","../src/components/ui/dropdown-menu.tsx","../src/components/ui/sheet.tsx","../src/components/icons.tsx","../src/components/core/user-profile.tsx","../src/components/ui/badge.tsx","../src/components/core/placeholder-alert.tsx","../src/components/ui/alert.tsx"],"sourcesContent":["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 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n        outline:\n          \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-10 px-4 py-2\",\n        sm: \"h-9 rounded-md px-3\",\n        lg: \"h-11 rounded-md px-8\",\n        icon: \"h-10 w-10\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants };\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","\"use client\"\n\nimport type React from \"react\"\nimport { useState } from \"react\"\nimport { User, Settings, LogOut, Menu } from \"lucide-react\"\n// import type { LucideProps } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils\"\nimport { Avatar, AvatarFallback, AvatarImage } from \"../../components/ui/avatar\"\nimport { Button } from \"../../components/ui/button\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"../../components/ui/dropdown-menu\"\nimport { Sheet, SheetContent, SheetTrigger } from \"../../components/ui/sheet\"\nimport { IconWrapper } from \"../icons\"\n\ninterface NavItem {\n  title: string\n  href: string\n  disabled?: boolean\n}\n\ninterface NavbarProps {\n  items?: NavItem[]\n  children?: React.ReactNode\n  className?: string\n  logoText?: string\n  user?: {\n    name?: string\n    email?: string\n    image?: string\n  }\n  onNavigateHome?: () => void;\n  onNavItemClick?: (href: string) => void;\n  onProfileSelected?: () => void;\n  onLogout?: () => void;\n}\n\nexport function Navbar({\n  items = [\n    { title: \"Dashboard\", href: \"/dashboard\" },\n    { title: \"Projects\", href: \"/projects\" },\n    { title: \"Team\", href: \"/team\" },\n    { title: \"Reports\", href: \"/reports\" },\n  ],\n  children,\n  className,\n  logoText = \"ACME Corp\",\n  user = {\n    name: \"John Doe\",\n    email: \"john@example.com\",\n    image: \"https://i.pravatar.cc/150?u=a042581f4e29026704d\",\n  },\n  onNavigateHome = () => console.log(\"Navigating to home\"),\n  onNavItemClick = (href: string) => console.log(`Navigating to ${href}`),\n  onProfileSelected,\n  onLogout = () => console.log(\"Logout clicked\"),\n}: NavbarProps) {\n  const [open, setOpen] = useState(false)\n  // const [isMounted, setIsMounted] = useState(false)\n\n  // useEffect(() => {\n  //   setIsMounted(true)\n  // }, [])\n\n  // const iconProps: LucideProps = {\n  //   className: \"mr-2 h-4 w-4\",\n  //   \"aria-hidden\": \"true\"\n  // }\n\n  // const renderIcon = (Icon: any) => {\n  //   if (!isMounted) return null\n  //   return <Icon {...iconProps} />\n  // }\n\n  return (\n    <header className={cn(\"border-b bg-background\", className)}>\n      <div className=\"container flex h-16 items-center justify-between px-4 md:px-6\">\n        <div className=\"flex items-center gap-4\">\n          <span className=\"text-xl font-bold cursor-pointer\" onClick={onNavigateHome}>{logoText}</span>\n          <nav className=\"hidden md:flex gap-6\">\n            {items?.map((item, index) => (\n              <span\n                key={index}\n                // href={item.href}\n                onClick={() => {\n                  if (!item.disabled) {\n                    onNavItemClick(item.href)\n                  }\n                }}\n                className={cn(\n                  \"text-sm font-medium transition-colors hover:text-primary cursor-pointer\",\n                  item.disabled && \"cursor-not-allowed opacity-80\"\n                )}\n              >\n                {item.title}\n              </span>\n            ))}\n          </nav>\n        </div>\n        <div className=\"flex items-center gap-4\">\n          {children}\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild>\n              <Button variant=\"ghost\" className=\"relative h-8 w-8 rounded-full\">\n                <Avatar className=\"h-8 w-8\">\n                  <AvatarImage src={user.image || \"/placeholder.svg\"} alt={user.name} />\n                  <AvatarFallback>{user.name?.charAt(0)}</AvatarFallback>\n                </Avatar>\n              </Button>\n            </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\">{user.name}</p>\n                  <p className=\"text-xs leading-none text-muted-foreground\">{user.email}</p>\n                </div>\n              </DropdownMenuLabel>\n              <DropdownMenuSeparator />\n              <DropdownMenuGroup>\n                <DropdownMenuItem onClick={onProfileSelected}>\n                  {/* {renderIcon(User)} */}\n                  <IconWrapper Icon={User} />\n                  <span>Profile</span>\n                </DropdownMenuItem>\n                 {/* <DropdownMenuItem>\n                  <IconWrapper Icon={Settings} />\n                  <span>Settings</span>\n                </DropdownMenuItem>\n                */}\n              </DropdownMenuGroup>\n              <DropdownMenuSeparator />\n              <DropdownMenuItem onClick={onLogout}>\n                {/* {renderIcon(LogOut)} */}\n                <IconWrapper Icon={LogOut} />\n                <span>Log out</span>\n              </DropdownMenuItem>\n            </DropdownMenuContent>\n          </DropdownMenu>\n          <Sheet open={open} onOpenChange={setOpen}>\n            <SheetTrigger asChild>\n              <Button variant=\"ghost\" size=\"icon\" className=\"md:hidden\" aria-label=\"Open Menu\">\n                {/* {renderIcon(Menu)} */}\n                <IconWrapper Icon={Menu} />\n              </Button>\n            </SheetTrigger>\n            <SheetContent side=\"left\" className=\"pr-0\">\n              <nav className=\"grid gap-2 py-6\">\n                {items?.map((item, index) => (\n                  <a\n                    key={index}\n                    href={item.href}\n                    className={cn(\n                      \"flex w-full items-center rounded-md px-3 py-2 text-sm font-medium hover:bg-accent\",\n                      item.disabled && \"cursor-not-allowed opacity-80\"\n                    )}\n                    onClick={() => setOpen(false)}\n                  >\n                    {item.title}\n                  </a>\n                ))}\n              </nav>\n            </SheetContent>\n          </Sheet>\n        </div>\n      </div>\n    </header>\n  )\n}\n","\"use client\"\n\nimport * as React from \"react\"\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\"\n\nimport { cn } from \"@authdog/react-elements/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","\"use client\"\n\nimport * as React from \"react\"\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\"\nimport { Check, ChevronRight, Circle } from \"lucide-react\"\nimport type { ComponentType } from \"react\"\n\nimport { cn } from \"@authdog/react-elements/lib/utils\"\n\nconst CheckIcon = Check as ComponentType<React.SVGProps<SVGSVGElement>>\nconst CircleIcon = Circle as ComponentType<React.SVGProps<SVGSVGElement>>\nconst ChevronRightIcon = ChevronRight as ComponentType<React.SVGProps<SVGSVGElement>>\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 flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8\",\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 * as SheetPrimitive from \"@radix-ui/react-dialog\"\nimport { X } from \"lucide-react\"\nimport type { ComponentType } from \"react\"\n\nimport { cn } from \"@authdog/react-elements/lib/utils\"\n\nconst XIcon = X as ComponentType<React.SVGProps<SVGSVGElement>>\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />\n}\n\nfunction SheetTrigger({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />\n}\n\nfunction SheetClose({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />\n}\n\nfunction SheetPortal({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n}\n\nfunction SheetOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-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 SheetContent({\n  className,\n  children,\n  side = \"right\",\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        className={cn(\n          \"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\",\n          side === \"right\" &&\n            \"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\",\n          side === \"left\" &&\n            \"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\",\n          side === \"top\" &&\n            \"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b\",\n          side === \"bottom\" &&\n            \"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <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\">\n          <XIcon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn(\"flex flex-col gap-1.5 p-4\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn(\"text-foreground font-semibold\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n}\n","import { LucideProps } from \"lucide-react\"\nimport { useEffect, useState } from \"react\"\n\nconst iconProps: LucideProps = {\n  className: \"mr-2 h-4 w-4\",\n  \"aria-hidden\": \"true\"\n}\n\nexport const renderIcon = ((Icon: any) => {\n  const [isMounted, setIsMounted] = useState(false)\n\n  useEffect(() => {\n    setIsMounted(true)\n  }, [])\n\n  if (!isMounted) {\n    return <span className=\"mr-2 h-4 w-4\" aria-hidden=\"true\" />\n  }\n\n  return <Icon {...iconProps} />\n}) as React.FC<{\n  Icon: any\n}>\n\nexport const IconWrapper = ({ Icon }: { Icon: any }) => {\n  return (\n    <span className=\"inline-flex items-center justify-center\">\n      {renderIcon(Icon)}\n    </span>\n  )\n}","\"use client\"\n\nimport { useEffect, useState } from \"react\"\nimport { Avatar, AvatarFallback, AvatarImage } from \"../../components/ui/avatar\"\nimport { Button } from \"../../components/ui/button\"\nimport { Card } from \"../../components/ui/card\"\nimport { Badge } from \"../../components/ui/badge\"\nimport { PlusCircle, User, Shield, X, LucideProps } from \"lucide-react\"\n\nexport interface UserProfileProps {\n  user: {\n    name: string;\n    email: string;\n    image: string;\n  };\n  emails?: { address: string; isPrimary?: boolean }[];\n  connectedAccounts?: { provider: string; email: string }[];\n}\n\nexport const UserProfile = ({\n  user,\n  emails = [],\n  connectedAccounts = [],\n}: UserProfileProps) => {\n  const [isMounted, setIsMounted] = useState(false)\n  const [activeTab, setActiveTab] = useState<\"profile\" | \"security\">(\"profile\");\n\n  useEffect(() => {\n    setIsMounted(true)\n  }, []);\n\n  const iconProps: LucideProps = {\n    className: \"mr-2 h-4 w-4\",\n    \"aria-hidden\": \"true\"\n  }\n\n  const renderIcon = (Icon: any) => {\n    if (!isMounted) return null\n    return <Icon {...iconProps} />\n  }\n\n  return (\n    <div className=\"grid grid-cols-[16rem,1fr] h-screen bg-gray-100\">\n      <div className=\"h-full border-r p-6 bg-white flex flex-col min-w-0\">\n        <div className=\"mb-6\">\n          <h1 className=\"text-xl font-bold\">Account</h1>\n          <p className=\"text-sm text-gray-500\">Manage your account info.</p>\n        </div>\n\n        <nav className=\"space-y-1 flex-1\">\n          <button\n            onClick={() => setActiveTab(\"profile\")}\n            className={`flex items-center w-full px-3 py-2 text-sm rounded-md ${\n              activeTab === \"profile\" ? \"bg-gray-100 text-gray-900\" : \"text-gray-700 hover:bg-gray-50\"\n            }`}\n          >\n            {renderIcon(User)}\n            Profile\n          </button>\n          <button\n            onClick={() => setActiveTab(\"security\")}\n            className={`flex items-center w-full px-3 py-2 text-sm rounded-md ${\n              activeTab === \"security\" ? \"bg-gray-100 text-gray-900\" : \"text-gray-700 hover:bg-gray-50\"\n            }`}\n          >\n            {renderIcon(Shield)}\n            Security\n          </button>\n        </nav>\n      </div>\n\n      <div className=\"h-full p-10 overflow-y-auto min-w-0 bg-white\">\n        <div className=\"flex justify-between items-center mb-6\">\n          <h2 className=\"text-xl font-semibold\">\n            {activeTab === \"profile\" ? \"Profile details\" : \"Security settings\"}\n          </h2>\n          <button className=\"text-gray-500 hover:text-gray-700\">\n            {renderIcon(X)}\n          </button>\n        </div>\n\n        {activeTab === \"profile\" ? (\n          <div className=\"space-y-8\">\n            {/* Profile Section */}\n            <div>\n              <h3 className=\"text-sm font-medium mb-4\">Profile</h3>\n              <div className=\"flex items-center justify-between\">\n                <div className=\"flex items-center\">\n                  <Avatar className=\"h-12 w-12 mr-4 border\">\n                    <AvatarImage src={user.image} alt=\"Profile picture\" />\n                    <AvatarFallback>{user.name.split(\" \").map(n => n[0]).join(\"\")}</AvatarFallback>\n                  </Avatar>\n                  <span className=\"font-medium\">{user.name}</span>\n                </div>\n                <Button variant=\"outline\" size=\"sm\">\n                  Edit profile\n                </Button>\n              </div>\n            </div>\n\n            {/* Email Addresses Section */}\n            <div>\n              <h3 className=\"text-sm font-medium mb-4\">Email addresses</h3>\n              <div className=\"space-y-3\">\n                {(emails.length > 0 ? emails : [{ address: user.email, isPrimary: true }]).map((email, i) => (\n                  <div className=\"flex items-center justify-between\" key={email.address}>\n                    <span>{email.address}</span>\n                    {email.isPrimary && (\n                      <Badge variant=\"outline\" className=\"text-xs bg-gray-100 text-gray-700 hover:bg-gray-100\">\n                        Primary\n                      </Badge>\n                    )}\n                  </div>\n                ))}\n                <Button variant=\"ghost\" size=\"sm\" className=\"flex items-center text-gray-700\">\n                  {renderIcon(PlusCircle)}\n                  Add email address\n                </Button>\n              </div>\n            </div>\n\n            {/* Phone Number Section */}\n            <div>\n              <h3 className=\"text-sm font-medium mb-4\">Phone number</h3>\n              <div className=\"space-y-3\">\n                <div className=\"flex items-center justify-between\">\n                  <span>+1 (555) 123-4567</span>\n                  <Badge variant=\"outline\" className=\"text-xs bg-gray-100 text-gray-700 hover:bg-gray-100\">\n                    Primary\n                  </Badge>\n                </div>\n                <Button variant=\"ghost\" size=\"sm\" className=\"flex items-center text-gray-700\">\n                  {renderIcon(PlusCircle)}\n                  Add phone number\n                </Button>\n              </div>\n            </div>\n\n            {/* Connected Accounts Section */}\n            <div>\n              <h3 className=\"text-sm font-medium mb-4\">Connected accounts</h3>\n              <div className=\"space-y-3\">\n                {connectedAccounts.length > 0 ? connectedAccounts.map((acc, i) => (\n                  <div className=\"flex items-center justify-between\" key={acc.provider + acc.email}>\n                    <div className=\"flex items-center\">\n                      <div className=\"mr-2\">\n                        <span>{acc.provider}</span>\n                      </div>\n                      <span>{acc.provider}</span>\n                    </div>\n                    <span className=\"text-sm text-gray-500\">{acc.email}</span>\n                  </div>\n                )) : (\n                  <div className=\"flex items-center justify-between\">\n                    <div className=\"flex items-center\">\n                      <div className=\"mr-2\">\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\">\n                          <path fill=\"#4285F4\" 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                          <path fill=\"#34A853\" 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                          <path fill=\"#FBBC05\" 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                          <path fill=\"#EA4335\" 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                        </svg>\n                      </div>\n                      <span>Google</span>\n                    </div>\n                    <span className=\"text-sm text-gray-500\">{user.email}</span>\n                  </div>\n                )}\n                <Button variant=\"ghost\" size=\"sm\" className=\"flex items-center text-gray-700\">\n                  {renderIcon(PlusCircle)}\n                  Connect account\n                </Button>\n              </div>\n            </div>\n          </div>\n        ) : (\n          <div className=\"space-y-8\">\n            {/* Security Settings */}\n            <div>\n              <h3 className=\"text-sm font-medium mb-4\">Two-factor authentication</h3>\n              <div className=\"space-y-3\">\n                <div className=\"flex items-center justify-between\">\n                  <div>\n                    <p className=\"font-medium\">Two-factor authentication</p>\n                    <p className=\"text-sm text-gray-500\">Add an extra layer of security to your account</p>\n                  </div>\n                  <Button variant=\"outline\" size=\"sm\">\n                    Enable\n                  </Button>\n                </div>\n              </div>\n            </div>\n\n            <div>\n              <h3 className=\"text-sm font-medium mb-4\">Password</h3>\n              <div className=\"space-y-3\">\n                <div className=\"flex items-center justify-between\">\n                  <div>\n                    <p className=\"font-medium\">Change password</p>\n                    <p className=\"text-sm text-gray-500\">Last changed 3 months ago</p>\n                  </div>\n                  <Button variant=\"outline\" size=\"sm\">\n                    Change\n                  </Button>\n                </div>\n              </div>\n            </div>\n\n            <div>\n              <h3 className=\"text-sm font-medium mb-4\">Active sessions</h3>\n              <div className=\"space-y-3\">\n                <div className=\"flex items-center justify-between\">\n                  <div>\n                    <p className=\"font-medium\">Current session</p>\n                    <p className=\"text-sm text-gray-500\">Chrome on Windows • Active now</p>\n                  </div>\n                  <Button variant=\"outline\" size=\"sm\">\n                    Sign out\n                  </Button>\n                </div>\n              </div>\n            </div>\n          </div>\n        )}\n      </div>\n\n      {/* <div className=\"absolute bottom-4 text-xs text-gray-500 flex items-center\">\n        Secured by\n        <span className=\"ml-1 font-medium flex items-center\">\n          <svg\n            width=\"14\"\n            height=\"14\"\n            viewBox=\"0 0 16 16\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            className=\"mr-1\"\n          >\n            <path d=\"M8 0L14.9282 4V12L8 16L1.07179 12V4L8 0Z\" fill=\"#6C47FF\" />\n          </svg>\n          Authdog\n        </span>\n      </div> */}\n    </div>\n  )\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 \"@authdog/react-elements/lib/utils\"\n\nconst badgeVariants = cva(\n  \"inline-flex items-center justify-center rounded-md 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\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\n        secondary:\n          \"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\n        destructive:\n          \"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\",\n        outline:\n          \"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Badge({\n  className,\n  variant,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : \"span\"\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      className={cn(badgeVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Badge, badgeVariants }\n","import { CheckCircle2Icon } from \"lucide-react\"\nimport { Alert, AlertDescription, AlertTitle } from \"../../components/ui/alert\"\nimport { IconWrapper } from \"../icons\"\n\ninterface PlaceholderAlertProps {\n  title?: string;\n  description?: string;\n}\n\nexport const PlaceholderAlert = (props: PlaceholderAlertProps) => {\n  const title = props.title ?? \"Placeholder Alert\";\n  const description = props.description ?? \"This is a placeholder alert.\";\n\n  return (      \n    <div className=\"grid w-full max-w-xl items-start gap-4\">\n      <Alert>\n        <IconWrapper Icon={CheckCircle2Icon} />\n        <AlertTitle>{title}</AlertTitle>\n        <AlertDescription>\n            {description}\n        </AlertDescription>\n      </Alert>\n    </div>\n  )\n}\n","import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@authdog/react-elements/lib/utils\"\n\nconst alertVariants = cva(\n  \"relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-card text-card-foreground\",\n        destructive:\n          \"text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        \"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        \"text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Alert, AlertTitle, AlertDescription }\n"],"mappings":"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","names":["React","Slot","cva","clsx","twMerge","cn","inputs","jsx","buttonVariants","cva","Button","className","variant","size","asChild","props","ref","Slot","cn","useState","User","LogOut","Menu","AvatarPrimitive","jsx","Avatar","className","props","cn","AvatarImage","AvatarFallback","DropdownMenuPrimitive","Check","ChevronRight","Circle","jsx","jsxs","DropdownMenu","props","jsx","DropdownMenuTrigger","props","jsx","DropdownMenuContent","className","sideOffset","cn","DropdownMenuGroup","DropdownMenuItem","inset","variant","DropdownMenuLabel","className","inset","props","jsx","cn","DropdownMenuSeparator","SheetPrimitive","X","jsx","jsxs","XIcon","X","Sheet","props","SheetTrigger","SheetPortal","props","jsx","SheetOverlay","className","cn","SheetContent","children","side","jsxs","XIcon","useEffect","useState","jsx","iconProps","renderIcon","Icon","isMounted","setIsMounted","IconWrapper","jsx","jsxs","Navbar","items","children","className","logoText","user","onNavigateHome","onNavItemClick","href","onProfileSelected","onLogout","open","setOpen","useState","cn","item","index","DropdownMenu","DropdownMenuTrigger","Button","Avatar","AvatarImage","AvatarFallback","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuGroup","DropdownMenuItem","IconWrapper","User","LogOut","Sheet","SheetTrigger","Menu","SheetContent","useEffect","useState","Slot","cva","jsx","badgeVariants","cva","Badge","className","variant","asChild","props","Slot","cn","PlusCircle","User","Shield","X","jsx","jsxs","UserProfile","user","emails","connectedAccounts","isMounted","setIsMounted","useState","activeTab","setActiveTab","useEffect","iconProps","renderIcon","Icon","Avatar","AvatarImage","AvatarFallback","n","Button","email","i","Badge","acc","CheckCircle2Icon","cva","jsx","alertVariants","cva","Alert","className","variant","props","cn","AlertTitle","AlertDescription","jsx","jsxs","PlaceholderAlert","props","title","description","Alert","IconWrapper","CheckCircle2Icon","AlertTitle","AlertDescription"]}
+{"version":3,"sources":["../src/components/ui/button.tsx","../src/lib/utils.ts","../src/components/core/navbar.tsx","../src/components/ui/avatar.tsx","../src/components/ui/dropdown-menu.tsx","../src/components/ui/sheet.tsx","../src/components/icons.tsx","../src/components/core/user-profile.tsx","../src/components/ui/badge.tsx","../src/components/core/placeholder-alert.tsx","../src/components/ui/alert.tsx"],"sourcesContent":["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 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n        outline:\n          \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-10 px-4 py-2\",\n        sm: \"h-9 rounded-md px-3\",\n        lg: \"h-11 rounded-md px-8\",\n        icon: \"h-10 w-10\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants };\n","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","\"use client\"\n\nimport type React from \"react\"\nimport { useState } from \"react\"\nimport { User, Settings, LogOut, Menu } from \"lucide-react\"\n// import type { LucideProps } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils\"\nimport { Avatar, AvatarFallback, AvatarImage } from \"../../components/ui/avatar\"\nimport { Button } from \"../../components/ui/button\"\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from \"../../components/ui/dropdown-menu\"\nimport { Sheet, SheetContent, SheetTrigger } from \"../../components/ui/sheet\"\nimport { IconWrapper } from \"../icons\"\n\ninterface NavItem {\n  title: string\n  href: string\n  disabled?: boolean\n}\n\ninterface NavbarProps {\n  items?: NavItem[]\n  children?: React.ReactNode\n  className?: string\n  logoText?: string\n  isLoading?: boolean\n  user?: {\n    name?: string\n    email?: string\n    image?: string\n  }\n  onNavigateHome?: () => void;\n  onNavItemClick?: (href: string) => void;\n  onProfileSelected?: () => void;\n  onLogout?: () => void;\n}\n\nexport function Navbar({\n  items = [\n    { title: \"Dashboard\", href: \"/dashboard\" },\n    { title: \"Projects\", href: \"/projects\" },\n    { title: \"Team\", href: \"/team\" },\n    { title: \"Reports\", href: \"/reports\" },\n  ],\n  children,\n  className,\n  logoText = \"ACME Corp\",\n  user = {\n    name: \"John Doe\",\n    email: \"john@example.com\",\n    image: \"https://i.pravatar.cc/150?u=a042581f4e29026704d\",\n  },\n  onNavigateHome = () => console.log(\"Navigating to home\"),\n  onNavItemClick = (href: string) => console.log(`Navigating to ${href}`),\n  onProfileSelected,\n  onLogout = () => console.log(\"Logout clicked\"),\n  isLoading = false\n}: NavbarProps) {\n  const [open, setOpen] = useState(false)\n  const [loading, setLoading] = useState(isLoading ?? false)\n\n  return (\n    <header className={cn(\"border-b bg-background\", className)}>\n      <div className=\"container flex h-16 items-center justify-between px-4 md:px-6\">\n        <div className=\"flex items-center gap-4\">\n          <span className=\"text-xl font-bold cursor-pointer\" onClick={onNavigateHome}>{logoText}</span>\n          <nav className=\"hidden md:flex gap-6\">\n            {items?.map((item, index) => (\n              <span\n                key={index}\n                // href={item.href}\n                onClick={() => {\n                  if (!item.disabled) {\n                    onNavItemClick(item.href)\n                  }\n                }}\n                className={cn(\n                  \"text-sm font-medium transition-colors hover:text-primary cursor-pointer\",\n                  item.disabled && \"cursor-not-allowed opacity-80\"\n                )}\n              >\n                {item.title}\n              </span>\n            ))}\n          </nav>\n        </div>\n        <div className=\"flex items-center gap-4\">\n          {children}\n\n\n          {\n            user?.name && (\n              <DropdownMenu>\n              <DropdownMenuTrigger asChild>\n                <Button variant=\"ghost\" className=\"relative h-8 w-8 rounded-full\" disabled={loading}>\n                  <Avatar className=\"h-8 w-8\">\n                    {loading ? (\n                      <div className=\"h-8 w-8 animate-pulse bg-muted rounded-full\" />\n                    ) : (\n                      <>\n                        <AvatarImage src={user.image || \"/placeholder.svg\"} alt={user.name} />\n                        <AvatarFallback>{user.name?.charAt(0)}</AvatarFallback>\n                      </>\n                    )}\n                  </Avatar>\n                </Button>\n              </DropdownMenuTrigger>\n              <DropdownMenuContent className=\"w-56\" align=\"end\" forceMount>\n                {loading ? (\n                  <div className=\"p-4\">\n                    <div className=\"h-4 w-3/4 animate-pulse bg-muted rounded mb-2\" />\n                    <div className=\"h-3 w-1/2 animate-pulse bg-muted rounded\" />\n                  </div>\n                ) : (\n                  <>\n                    <DropdownMenuLabel className=\"font-normal\">\n                      <div className=\"flex flex-col space-y-1\">\n                        <p className=\"text-sm font-medium leading-none\">{user.name}</p>\n                        <p className=\"text-xs leading-none text-muted-foreground\">{user.email}</p>\n                      </div>\n                    </DropdownMenuLabel>\n                    <DropdownMenuSeparator />\n                    <DropdownMenuGroup>\n                      <DropdownMenuItem onClick={onProfileSelected}>\n                        <IconWrapper Icon={User} />\n                        <span>Profile</span>\n                      </DropdownMenuItem>\n                    </DropdownMenuGroup>\n                    <DropdownMenuSeparator />\n                    <DropdownMenuItem onClick={onLogout}>\n                      <IconWrapper Icon={LogOut} />\n                      <span>Log out</span>\n                    </DropdownMenuItem>\n                  </>\n                )}\n              </DropdownMenuContent>\n            </DropdownMenu>\n            )\n          }\n         \n          <Sheet open={open} onOpenChange={setOpen}>\n            <SheetTrigger asChild>\n              <Button variant=\"ghost\" size=\"icon\" className=\"md:hidden\" aria-label=\"Open Menu\">\n                <IconWrapper Icon={Menu} />\n              </Button>\n            </SheetTrigger>\n            <SheetContent side=\"left\" className=\"pr-0\">\n              <nav className=\"grid gap-2 py-6\">\n                {items?.map((item, index) => (\n                  <a\n                    key={index}\n                    href={item.href}\n                    className={cn(\n                      \"flex w-full items-center rounded-md px-3 py-2 text-sm font-medium hover:bg-accent\",\n                      item.disabled && \"cursor-not-allowed opacity-80\"\n                    )}\n                    onClick={() => setOpen(false)}\n                  >\n                    {item.title}\n                  </a>\n                ))}\n              </nav>\n            </SheetContent>\n          </Sheet>\n        </div>\n      </div>\n    </header>\n  )\n}\n","\"use client\"\n\nimport * as React from \"react\"\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\"\n\nimport { cn } from \"@authdog/react-elements/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","\"use client\"\n\nimport * as React from \"react\"\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\"\nimport { Check, ChevronRight, Circle } from \"lucide-react\"\nimport type { ComponentType } from \"react\"\n\nimport { cn } from \"@authdog/react-elements/lib/utils\"\n\nconst CheckIcon = Check as ComponentType<React.SVGProps<SVGSVGElement>>\nconst CircleIcon = Circle as ComponentType<React.SVGProps<SVGSVGElement>>\nconst ChevronRightIcon = ChevronRight as ComponentType<React.SVGProps<SVGSVGElement>>\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 flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8\",\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 * as SheetPrimitive from \"@radix-ui/react-dialog\"\nimport { X } from \"lucide-react\"\nimport type { ComponentType } from \"react\"\n\nimport { cn } from \"@authdog/react-elements/lib/utils\"\n\nconst XIcon = X as ComponentType<React.SVGProps<SVGSVGElement>>\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />\n}\n\nfunction SheetTrigger({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />\n}\n\nfunction SheetClose({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />\n}\n\nfunction SheetPortal({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n}\n\nfunction SheetOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-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 SheetContent({\n  className,\n  children,\n  side = \"right\",\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        className={cn(\n          \"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\",\n          side === \"right\" &&\n            \"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\",\n          side === \"left\" &&\n            \"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\",\n          side === \"top\" &&\n            \"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b\",\n          side === \"bottom\" &&\n            \"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <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\">\n          <XIcon className=\"size-4\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn(\"flex flex-col gap-1.5 p-4\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn(\"text-foreground font-semibold\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Sheet,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n}\n","import { LucideProps } from \"lucide-react\"\nimport { useEffect, useState } from \"react\"\n\nconst iconProps: LucideProps = {\n  className: \"mr-2 h-4 w-4\",\n  \"aria-hidden\": \"true\"\n}\n\nexport const renderIcon = ((Icon: any) => {\n  const [isMounted, setIsMounted] = useState(false)\n\n  useEffect(() => {\n    setIsMounted(true)\n  }, [])\n\n  if (!isMounted) {\n    return <span className=\"mr-2 h-4 w-4\" aria-hidden=\"true\" />\n  }\n\n  return <Icon {...iconProps} />\n}) as React.FC<{\n  Icon: any\n}>\n\nexport const IconWrapper = ({ Icon }: { Icon: any }) => {\n  return (\n    <span className=\"inline-flex items-center justify-center\">\n      {renderIcon(Icon)}\n    </span>\n  )\n}","\"use client\"\n\nimport { useEffect, useState } from \"react\"\nimport { Avatar, AvatarFallback, AvatarImage } from \"../../components/ui/avatar\"\nimport { Button } from \"../../components/ui/button\"\nimport { Card } from \"../../components/ui/card\"\nimport { Badge } from \"../../components/ui/badge\"\nimport { PlusCircle, User, Shield, X, LucideProps } from \"lucide-react\"\n\nexport interface UserProfileProps {\n  user: {\n    name: string;\n    email: string;\n    image: string;\n  };\n  emails?: { address: string; isPrimary?: boolean }[];\n  connectedAccounts?: { provider: string; email: string }[];\n}\n\nexport const UserProfile = ({\n  user,\n  emails = [],\n  connectedAccounts = [],\n}: UserProfileProps) => {\n  const [isMounted, setIsMounted] = useState(false)\n  const [activeTab, setActiveTab] = useState<\"profile\" | \"security\">(\"profile\");\n\n  useEffect(() => {\n    setIsMounted(true)\n  }, []);\n\n  const iconProps: LucideProps = {\n    className: \"mr-2 h-4 w-4\",\n    \"aria-hidden\": \"true\"\n  }\n\n  const renderIcon = (Icon: any) => {\n    if (!isMounted) return null\n    return <Icon {...iconProps} />\n  }\n\n  return (\n    <div className=\"grid grid-cols-[16rem,1fr] h-screen bg-gray-100\">\n      <div className=\"h-full border-r p-6 bg-white flex flex-col min-w-0\">\n        <div className=\"mb-6\">\n          <h1 className=\"text-xl font-bold\">Account</h1>\n          <p className=\"text-sm text-gray-500\">Manage your account info.</p>\n        </div>\n\n        <nav className=\"space-y-1 flex-1\">\n          <button\n            onClick={() => setActiveTab(\"profile\")}\n            className={`flex items-center w-full px-3 py-2 text-sm rounded-md ${\n              activeTab === \"profile\" ? \"bg-gray-100 text-gray-900\" : \"text-gray-700 hover:bg-gray-50\"\n            }`}\n          >\n            {renderIcon(User)}\n            Profile\n          </button>\n          <button\n            onClick={() => setActiveTab(\"security\")}\n            className={`flex items-center w-full px-3 py-2 text-sm rounded-md ${\n              activeTab === \"security\" ? \"bg-gray-100 text-gray-900\" : \"text-gray-700 hover:bg-gray-50\"\n            }`}\n          >\n            {renderIcon(Shield)}\n            Security\n          </button>\n        </nav>\n      </div>\n\n      <div className=\"h-full p-10 overflow-y-auto min-w-0 bg-white\">\n        <div className=\"flex justify-between items-center mb-6\">\n          <h2 className=\"text-xl font-semibold\">\n            {activeTab === \"profile\" ? \"Profile details\" : \"Security settings\"}\n          </h2>\n          <button className=\"text-gray-500 hover:text-gray-700\">\n            {renderIcon(X)}\n          </button>\n        </div>\n\n        {activeTab === \"profile\" ? (\n          <div className=\"space-y-8\">\n            {/* Profile Section */}\n            <div>\n              <h3 className=\"text-sm font-medium mb-4\">Profile</h3>\n              <div className=\"flex items-center justify-between\">\n                <div className=\"flex items-center\">\n                  <Avatar className=\"h-12 w-12 mr-4 border\">\n                    <AvatarImage src={user.image} alt=\"Profile picture\" />\n                    <AvatarFallback>{user.name.split(\" \").map(n => n[0]).join(\"\")}</AvatarFallback>\n                  </Avatar>\n                  <span className=\"font-medium\">{user.name}</span>\n                </div>\n                <Button variant=\"outline\" size=\"sm\">\n                  Edit profile\n                </Button>\n              </div>\n            </div>\n\n            {/* Email Addresses Section */}\n            <div>\n              <h3 className=\"text-sm font-medium mb-4\">Email addresses</h3>\n              <div className=\"space-y-3\">\n                {(emails.length > 0 ? emails : [{ address: user.email, isPrimary: true }]).map((email, i) => (\n                  <div className=\"flex items-center justify-between\" key={email.address}>\n                    <span>{email.address}</span>\n                    {email.isPrimary && (\n                      <Badge variant=\"outline\" className=\"text-xs bg-gray-100 text-gray-700 hover:bg-gray-100\">\n                        Primary\n                      </Badge>\n                    )}\n                  </div>\n                ))}\n                <Button variant=\"ghost\" size=\"sm\" className=\"flex items-center text-gray-700\">\n                  {renderIcon(PlusCircle)}\n                  Add email address\n                </Button>\n              </div>\n            </div>\n\n            {/* Phone Number Section */}\n            <div>\n              <h3 className=\"text-sm font-medium mb-4\">Phone number</h3>\n              <div className=\"space-y-3\">\n                <div className=\"flex items-center justify-between\">\n                  <span>+1 (555) 123-4567</span>\n                  <Badge variant=\"outline\" className=\"text-xs bg-gray-100 text-gray-700 hover:bg-gray-100\">\n                    Primary\n                  </Badge>\n                </div>\n                <Button variant=\"ghost\" size=\"sm\" className=\"flex items-center text-gray-700\">\n                  {renderIcon(PlusCircle)}\n                  Add phone number\n                </Button>\n              </div>\n            </div>\n\n            {/* Connected Accounts Section */}\n            <div>\n              <h3 className=\"text-sm font-medium mb-4\">Connected accounts</h3>\n              <div className=\"space-y-3\">\n                {connectedAccounts.length > 0 ? connectedAccounts.map((acc, i) => (\n                  <div className=\"flex items-center justify-between\" key={acc.provider + acc.email}>\n                    <div className=\"flex items-center\">\n                      <div className=\"mr-2\">\n                        <span>{acc.provider}</span>\n                      </div>\n                      <span>{acc.provider}</span>\n                    </div>\n                    <span className=\"text-sm text-gray-500\">{acc.email}</span>\n                  </div>\n                )) : (\n                  <div className=\"flex items-center justify-between\">\n                    <div className=\"flex items-center\">\n                      <div className=\"mr-2\">\n                        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\">\n                          <path fill=\"#4285F4\" 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                          <path fill=\"#34A853\" 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                          <path fill=\"#FBBC05\" 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                          <path fill=\"#EA4335\" 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                        </svg>\n                      </div>\n                      <span>Google</span>\n                    </div>\n                    <span className=\"text-sm text-gray-500\">{user.email}</span>\n                  </div>\n                )}\n                <Button variant=\"ghost\" size=\"sm\" className=\"flex items-center text-gray-700\">\n                  {renderIcon(PlusCircle)}\n                  Connect account\n                </Button>\n              </div>\n            </div>\n          </div>\n        ) : (\n          <div className=\"space-y-8\">\n            {/* Security Settings */}\n            <div>\n              <h3 className=\"text-sm font-medium mb-4\">Two-factor authentication</h3>\n              <div className=\"space-y-3\">\n                <div className=\"flex items-center justify-between\">\n                  <div>\n                    <p className=\"font-medium\">Two-factor authentication</p>\n                    <p className=\"text-sm text-gray-500\">Add an extra layer of security to your account</p>\n                  </div>\n                  <Button variant=\"outline\" size=\"sm\">\n                    Enable\n                  </Button>\n                </div>\n              </div>\n            </div>\n\n            <div>\n              <h3 className=\"text-sm font-medium mb-4\">Password</h3>\n              <div className=\"space-y-3\">\n                <div className=\"flex items-center justify-between\">\n                  <div>\n                    <p className=\"font-medium\">Change password</p>\n                    <p className=\"text-sm text-gray-500\">Last changed 3 months ago</p>\n                  </div>\n                  <Button variant=\"outline\" size=\"sm\">\n                    Change\n                  </Button>\n                </div>\n              </div>\n            </div>\n\n            <div>\n              <h3 className=\"text-sm font-medium mb-4\">Active sessions</h3>\n              <div className=\"space-y-3\">\n                <div className=\"flex items-center justify-between\">\n                  <div>\n                    <p className=\"font-medium\">Current session</p>\n                    <p className=\"text-sm text-gray-500\">Chrome on Windows • Active now</p>\n                  </div>\n                  <Button variant=\"outline\" size=\"sm\">\n                    Sign out\n                  </Button>\n                </div>\n              </div>\n            </div>\n          </div>\n        )}\n      </div>\n\n      {/* <div className=\"absolute bottom-4 text-xs text-gray-500 flex items-center\">\n        Secured by\n        <span className=\"ml-1 font-medium flex items-center\">\n          <svg\n            width=\"14\"\n            height=\"14\"\n            viewBox=\"0 0 16 16\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            className=\"mr-1\"\n          >\n            <path d=\"M8 0L14.9282 4V12L8 16L1.07179 12V4L8 0Z\" fill=\"#6C47FF\" />\n          </svg>\n          Authdog\n        </span>\n      </div> */}\n    </div>\n  )\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 \"@authdog/react-elements/lib/utils\"\n\nconst badgeVariants = cva(\n  \"inline-flex items-center justify-center rounded-md 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\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\n        secondary:\n          \"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\n        destructive:\n          \"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\",\n        outline:\n          \"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Badge({\n  className,\n  variant,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : \"span\"\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      className={cn(badgeVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Badge, badgeVariants }\n","import { CheckCircle2Icon } from \"lucide-react\"\nimport { Alert, AlertDescription, AlertTitle } from \"../../components/ui/alert\"\nimport { IconWrapper } from \"../icons\"\n\ninterface PlaceholderAlertProps {\n  title?: string;\n  description?: string;\n}\n\nexport const PlaceholderAlert = (props: PlaceholderAlertProps) => {\n  const title = props.title ?? \"Placeholder Alert\";\n  const description = props.description ?? \"This is a placeholder alert.\";\n\n  return (      \n    <div className=\"grid w-full max-w-xl items-start gap-4\">\n      <Alert>\n        <IconWrapper Icon={CheckCircle2Icon} />\n        <AlertTitle>{title}</AlertTitle>\n        <AlertDescription>\n            {description}\n        </AlertDescription>\n      </Alert>\n    </div>\n  )\n}\n","import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@authdog/react-elements/lib/utils\"\n\nconst alertVariants = cva(\n  \"relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-card text-card-foreground\",\n        destructive:\n          \"text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Alert({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n  return (\n    <div\n      data-slot=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\n        \"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\n        \"text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Alert, AlertTitle, AlertDescription }\n"],"mappings":"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","names":["React","Slot","cva","clsx","twMerge","cn","inputs","jsx","buttonVariants","cva","Button","className","variant","size","asChild","props","ref","Slot","cn","useState","User","LogOut","Menu","AvatarPrimitive","jsx","Avatar","className","props","cn","AvatarImage","AvatarFallback","DropdownMenuPrimitive","Check","ChevronRight","Circle","jsx","jsxs","DropdownMenu","props","jsx","DropdownMenuTrigger","props","jsx","DropdownMenuContent","className","sideOffset","cn","DropdownMenuGroup","DropdownMenuItem","inset","variant","DropdownMenuLabel","className","inset","props","jsx","cn","DropdownMenuSeparator","SheetPrimitive","X","jsx","jsxs","XIcon","X","Sheet","props","SheetTrigger","SheetPortal","props","jsx","SheetOverlay","className","cn","SheetContent","children","side","jsxs","XIcon","useEffect","useState","jsx","iconProps","renderIcon","Icon","isMounted","setIsMounted","IconWrapper","Fragment","jsx","jsxs","Navbar","items","children","className","logoText","user","onNavigateHome","onNavItemClick","href","onProfileSelected","onLogout","isLoading","open","setOpen","useState","loading","setLoading","cn","item","index","DropdownMenu","DropdownMenuTrigger","Button","Avatar","AvatarImage","AvatarFallback","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuGroup","DropdownMenuItem","IconWrapper","User","LogOut","Sheet","SheetTrigger","Menu","SheetContent","useEffect","useState","Slot","cva","jsx","badgeVariants","cva","Badge","className","variant","asChild","props","Slot","cn","PlusCircle","User","Shield","X","jsx","jsxs","UserProfile","user","emails","connectedAccounts","isMounted","setIsMounted","useState","activeTab","setActiveTab","useEffect","iconProps","renderIcon","Icon","Avatar","AvatarImage","AvatarFallback","n","Button","email","i","Badge","acc","CheckCircle2Icon","cva","jsx","alertVariants","cva","Alert","className","variant","props","cn","AlertTitle","AlertDescription","jsx","jsxs","PlaceholderAlert","props","title","description","Alert","IconWrapper","CheckCircle2Icon","AlertTitle","AlertDescription"]}

package/dist/styles.css

@@ -634,6 +634,9 @@ video {
   margin-top: 0.25rem;
   margin-bottom: 0.25rem;
 }
+.mb-2 {
+  margin-bottom: 0.5rem;
+}
 .mb-4 {
   margin-bottom: 1rem;
 }
@@ -711,6 +714,9 @@ video {
 .h-16 {
   height: 4rem;
 }
+.h-3 {
+  height: 0.75rem;
+}
 .h-4 {
   height: 1rem;
 }
@@ -738,6 +744,9 @@ video {
 .min-h-screen {
   min-height: 100vh;
 }
+.w-1\/2 {
+  width: 50%;
+}
 .w-10 {
   width: 2.5rem;
 }
@@ -781,6 +790,15 @@ video {
 .shrink-0 {
   flex-shrink: 0;
 }
+@keyframes pulse {
+
+  50% {
+    opacity: .5;
+  }
+}
+.animate-pulse {
+  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
 .cursor-default {
   cursor: default;
 }
@@ -886,6 +904,9 @@ video {
 .whitespace-nowrap {
   white-space: nowrap;
 }
+.rounded {
+  border-radius: 0.25rem;
+}
 .rounded-full {
   border-radius: 9999px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@authdog/react-elements",
-  "version": "0.0.22",
+  "version": "0.0.23",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.mts",

package/src/components/core/navbar.tsx

@@ -31,6 +31,7 @@ interface NavbarProps {
   children?: React.ReactNode
   className?: string
   logoText?: string
+  isLoading?: boolean
   user?: {
     name?: string
     email?: string
@@ -61,23 +62,10 @@ export function Navbar({
   onNavItemClick = (href: string) => console.log(`Navigating to ${href}`),
   onProfileSelected,
   onLogout = () => console.log("Logout clicked"),
+  isLoading = false
 }: NavbarProps) {
   const [open, setOpen] = useState(false)
-  // const [isMounted, setIsMounted] = useState(false)
-
-  // useEffect(() => {
-  //   setIsMounted(true)
-  // }, [])
-
-  // const iconProps: LucideProps = {
-  //   className: "mr-2 h-4 w-4",
-  //   "aria-hidden": "true"
-  // }
-
-  // const renderIcon = (Icon: any) => {
-  //   if (!isMounted) return null
-  //   return <Icon {...iconProps} />
-  // }
+  const [loading, setLoading] = useState(isLoading ?? false)
 
   return (
     <header className={cn("border-b bg-background", className)}>
@@ -106,47 +94,61 @@ export function Navbar({
         </div>
         <div className="flex items-center gap-4">
           {children}
-          <DropdownMenu>
-            <DropdownMenuTrigger asChild>
-              <Button variant="ghost" className="relative h-8 w-8 rounded-full">
-                <Avatar className="h-8 w-8">
-                  <AvatarImage src={user.image || "/placeholder.svg"} alt={user.name} />
-                  <AvatarFallback>{user.name?.charAt(0)}</AvatarFallback>
-                </Avatar>
-              </Button>
-            </DropdownMenuTrigger>
-            <DropdownMenuContent className="w-56" align="end" forceMount>
-              <DropdownMenuLabel className="font-normal">
-                <div className="flex flex-col space-y-1">
-                  <p className="text-sm font-medium leading-none">{user.name}</p>
-                  <p className="text-xs leading-none text-muted-foreground">{user.email}</p>
-                </div>
-              </DropdownMenuLabel>
-              <DropdownMenuSeparator />
-              <DropdownMenuGroup>
-                <DropdownMenuItem onClick={onProfileSelected}>
-                  {/* {renderIcon(User)} */}
-                  <IconWrapper Icon={User} />
-                  <span>Profile</span>
-                </DropdownMenuItem>
-                 {/* <DropdownMenuItem>
-                  <IconWrapper Icon={Settings} />
-                  <span>Settings</span>
-                </DropdownMenuItem>
-                */}
-              </DropdownMenuGroup>
-              <DropdownMenuSeparator />
-              <DropdownMenuItem onClick={onLogout}>
-                {/* {renderIcon(LogOut)} */}
-                <IconWrapper Icon={LogOut} />
-                <span>Log out</span>
-              </DropdownMenuItem>
-            </DropdownMenuContent>
-          </DropdownMenu>
+
+
+          {
+            user?.name && (
+              <DropdownMenu>
+              <DropdownMenuTrigger asChild>
+                <Button variant="ghost" className="relative h-8 w-8 rounded-full" disabled={loading}>
+                  <Avatar className="h-8 w-8">
+                    {loading ? (
+                      <div className="h-8 w-8 animate-pulse bg-muted rounded-full" />
+                    ) : (
+                      <>
+                        <AvatarImage src={user.image || "/placeholder.svg"} alt={user.name} />
+                        <AvatarFallback>{user.name?.charAt(0)}</AvatarFallback>
+                      </>
+                    )}
+                  </Avatar>
+                </Button>
+              </DropdownMenuTrigger>
+              <DropdownMenuContent className="w-56" align="end" forceMount>
+                {loading ? (
+                  <div className="p-4">
+                    <div className="h-4 w-3/4 animate-pulse bg-muted rounded mb-2" />
+                    <div className="h-3 w-1/2 animate-pulse bg-muted rounded" />
+                  </div>
+                ) : (
+                  <>
+                    <DropdownMenuLabel className="font-normal">
+                      <div className="flex flex-col space-y-1">
+                        <p className="text-sm font-medium leading-none">{user.name}</p>
+                        <p className="text-xs leading-none text-muted-foreground">{user.email}</p>
+                      </div>
+                    </DropdownMenuLabel>
+                    <DropdownMenuSeparator />
+                    <DropdownMenuGroup>
+                      <DropdownMenuItem onClick={onProfileSelected}>
+                        <IconWrapper Icon={User} />
+                        <span>Profile</span>
+                      </DropdownMenuItem>
+                    </DropdownMenuGroup>
+                    <DropdownMenuSeparator />
+                    <DropdownMenuItem onClick={onLogout}>
+                      <IconWrapper Icon={LogOut} />
+                      <span>Log out</span>
+                    </DropdownMenuItem>
+                  </>
+                )}
+              </DropdownMenuContent>
+            </DropdownMenu>
+            )
+          }
+         
           <Sheet open={open} onOpenChange={setOpen}>
             <SheetTrigger asChild>
               <Button variant="ghost" size="icon" className="md:hidden" aria-label="Open Menu">
-                {/* {renderIcon(Menu)} */}
                 <IconWrapper Icon={Menu} />
               </Button>
             </SheetTrigger>