@blimu/react 1.1.0 → 1.1.1

package/dist/components/ui/dropdown-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.js","sources":["../../../src/components/ui/dropdown-menu.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { Check, ChevronRight, Circle } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n\nconst DropdownMenu = DropdownMenuPrimitive.Root;\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group;\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal;\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub;\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n    inset?: boolean;\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\n      'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm text-blimu-muted-foreground outline-none focus:bg-blimu-accent focus:text-blimu-accent-foreground data-[state=open]:bg-blimu-accent data-[state=open]:text-blimu-accent-foreground',\n      inset && 'pl-8',\n      className,\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRight className=\"ml-auto h-3.5 w-3.5\" />\n  </DropdownMenuPrimitive.SubTrigger>\n));\nDropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;\n\nconst DropdownMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubContent\n    ref={ref}\n    style={{\n      backgroundColor: 'var(--blimu-popover)',\n    }}\n    className={cn(\n      'z-50 min-w-[8rem] overflow-hidden rounded-blimu border border-blimu-border text-blimu-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n      className,\n    )}\n    {...props}\n  />\n));\nDropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <DropdownMenuPrimitive.Portal>\n    <DropdownMenuPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        'z-50 min-w-[8rem] overflow-hidden rounded-blimu border border-blimu-border text-blimu-popover-foreground shadow-md p-1',\n        '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',\n        className,\n      )}\n      {...props}\n    />\n  </DropdownMenuPrimitive.Portal>\n));\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;\n\nconst DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n    inset?: boolean;\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Item\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 mx-1 text-sm text-blimu-muted-foreground outline-none transition-colors focus:bg-blimu-accent focus:text-blimu-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      inset && 'pl-8',\n      className,\n    )}\n    {...props}\n  />\n));\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <DropdownMenuPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm text-blimu-muted-foreground outline-none transition-colors focus:bg-blimu-accent focus:text-blimu-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      className,\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Check className=\"h-3.5 w-3.5\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.CheckboxItem>\n));\nDropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;\n\nconst DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm text-blimu-muted-foreground outline-none transition-colors focus:bg-blimu-accent focus:text-blimu-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      className,\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Circle className=\"h-2.5 w-2.5 fill-current\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.RadioItem>\n));\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;\n\nconst DropdownMenuLabel = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n    inset?: boolean;\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Label\n    ref={ref}\n    className={cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className)}\n    {...props}\n  />\n));\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;\n\nconst DropdownMenuSeparator = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Separator\n    ref={ref}\n    className={cn('-mx-1 my-1 h-px bg-blimu-border', className)}\n    {...props}\n  />\n));\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;\n\nconst DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span className={cn('ml-auto text-xs tracking-widest opacity-60', className)} {...props} />\n  );\n};\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut';\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n};\n"],"names":["DropdownMenu","DropdownMenuPrimitive.Root","DropdownMenuTrigger","DropdownMenuPrimitive.Trigger","DropdownMenuSubTrigger","React","className","inset","children","props","ref","jsxs","DropdownMenuPrimitive.SubTrigger","cn","jsx","ChevronRight","DropdownMenuSubContent","DropdownMenuPrimitive.SubContent","DropdownMenuContent","sideOffset","DropdownMenuPrimitive.Portal","DropdownMenuPrimitive.Content","DropdownMenuItem","DropdownMenuPrimitive.Item","DropdownMenuCheckboxItem","checked","DropdownMenuPrimitive.CheckboxItem","DropdownMenuPrimitive.ItemIndicator","Check","DropdownMenuRadioItem","DropdownMenuPrimitive.RadioItem","Circle","DropdownMenuLabel","DropdownMenuPrimitive.Label","DropdownMenuSeparator","DropdownMenuPrimitive.Separator"],"mappings":"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"}
+{"version":3,"file":"dropdown-menu.js","sources":["../../../src/components/ui/dropdown-menu.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { Check, ChevronRight, Circle } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\n\nconst DropdownMenu = DropdownMenuPrimitive.Root;\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group;\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal;\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub;\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n    inset?: boolean;\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\n      'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm text-blimu-muted-foreground outline-none focus:bg-blimu-accent focus:text-blimu-accent-foreground data-[state=open]:bg-blimu-accent data-[state=open]:text-blimu-accent-foreground',\n      inset && 'pl-8',\n      className,\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRight className=\"ml-auto h-3.5 w-3.5\" />\n  </DropdownMenuPrimitive.SubTrigger>\n));\nDropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;\n\nconst DropdownMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubContent\n    ref={ref}\n    style={{\n      backgroundColor: 'var(--blimu-popover)',\n    }}\n    className={cn(\n      'z-50 min-w-[8rem] overflow-hidden rounded-blimu border border-blimu-border text-blimu-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n      className,\n    )}\n    {...props}\n  />\n));\nDropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <DropdownMenuPrimitive.Portal>\n    <DropdownMenuPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        'z-50 min-w-[8rem] overflow-hidden rounded-blimu border border-blimu-border text-blimu-popover-foreground shadow-md p-1',\n        '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',\n        className,\n      )}\n      {...props}\n    />\n  </DropdownMenuPrimitive.Portal>\n));\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;\n\nconst DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n    inset?: boolean;\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Item\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 mx-1 text-sm text-blimu-muted-foreground outline-none transition-colors focus:bg-blimu-accent focus:text-blimu-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      inset && 'pl-8',\n      className,\n    )}\n    {...props}\n  />\n));\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <DropdownMenuPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm text-blimu-muted-foreground outline-none transition-colors focus:bg-blimu-accent focus:text-blimu-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      className,\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Check className=\"h-3.5 w-3.5\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.CheckboxItem>\n));\nDropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;\n\nconst DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm text-blimu-muted-foreground outline-none transition-colors focus:bg-blimu-accent focus:text-blimu-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n      className,\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Circle className=\"h-2.5 w-2.5 fill-current\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.RadioItem>\n));\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;\n\nconst DropdownMenuLabel = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n    inset?: boolean;\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Label\n    ref={ref}\n    className={cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className)}\n    {...props}\n  />\n));\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;\n\nconst DropdownMenuSeparator = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Separator\n    ref={ref}\n    className={cn('-mx-1 my-1 h-px bg-blimu-border', className)}\n    {...props}\n  />\n));\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;\n\nconst DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span className={cn('ml-auto text-xs tracking-widest opacity-60', className)} {...props} />\n  );\n};\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut';\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n};\n"],"names":["DropdownMenuPrimitive.Root","DropdownMenuPrimitive.Trigger","DropdownMenuPrimitive.SubTrigger","DropdownMenuPrimitive.SubContent","DropdownMenuPrimitive.Portal","DropdownMenuPrimitive.Content","DropdownMenuPrimitive.Item","DropdownMenuPrimitive.CheckboxItem","DropdownMenuPrimitive.ItemIndicator","DropdownMenuPrimitive.RadioItem","DropdownMenuPrimitive.Label","DropdownMenuPrimitive.Separator"],"mappings":"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"}

package/dist/components/user-avatar.cjs

@@ -1,2 +1,23 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");const t=require("./ui/avatar.cjs"),o=require("../lib/utils.cjs"),m=require("../lib/variants.cjs");function d({src:a,alt:r,fallback:s,size:i="default",className:n,...u}){const l=s||r?.split(" ").map(c=>c[0]).join("").toUpperCase().slice(0,2)||"U";return e.jsxs(t.Avatar,{className:o.cn(m.avatarVariants({size:i}),n),...u,children:[a&&e.jsx(t.AvatarImage,{src:a,alt:r}),e.jsx(t.AvatarFallback,{className:"bg-blimu-muted text-blimu-muted-foreground text-sm font-medium",children:l})]})}exports.UserAvatar=d;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+require("react");
+const avatar = require("./ui/avatar.cjs");
+const utils = require("../lib/utils.cjs");
+const variants = require("../lib/variants.cjs");
+function UserAvatar({
+  src,
+  alt,
+  fallback,
+  size = "default",
+  className,
+  ...props
+}) {
+  const fallbackText = fallback || alt?.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2) || "U";
+  return /* @__PURE__ */ jsxRuntime.jsxs(avatar.Avatar, { className: utils.cn(variants.avatarVariants({ size }), className), ...props, children: [
+    src && /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarImage, { src, alt }),
+    /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarFallback, { className: "bg-blimu-muted text-blimu-muted-foreground text-sm font-medium", children: fallbackText })
+  ] });
+}
+exports.UserAvatar = UserAvatar;
 //# sourceMappingURL=user-avatar.cjs.map

package/dist/components/user-avatar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"user-avatar.cjs","sources":["../../src/components/user-avatar.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Avatar, AvatarFallback, AvatarImage } from './ui/avatar';\nimport { cn } from '../lib/utils';\nimport { avatarVariants, type AvatarVariants } from '../lib/variants';\n\nexport interface UserAvatarProps extends React.ComponentPropsWithoutRef<typeof Avatar> {\n  /**\n   * Image source URL\n   */\n  src?: string;\n\n  /**\n   * Alt text for the image\n   */\n  alt?: string;\n\n  /**\n   * Fallback text or initials to display when image is not available\n   */\n  fallback?: string;\n\n  /**\n   * Size variant\n   * @default \"default\"\n   */\n  size?: AvatarVariants['size'];\n\n  /**\n   * Custom className\n   */\n  className?: string;\n}\n\n/**\n * UserAvatar component that displays a user's profile picture with fallback\n *\n * @example\n * ```tsx\n * <UserAvatar\n *   src=\"/avatar.jpg\"\n *   alt=\"John Doe\"\n *   fallback=\"JD\"\n *   size=\"lg\"\n * />\n * ```\n */\nexport function UserAvatar({\n  src,\n  alt,\n  fallback,\n  size = 'default',\n  className,\n  ...props\n}: UserAvatarProps) {\n  const fallbackText =\n    fallback ||\n    alt\n      ?.split(' ')\n      .map((n) => n[0])\n      .join('')\n      .toUpperCase()\n      .slice(0, 2) ||\n    'U';\n\n  return (\n    <Avatar className={cn(avatarVariants({ size }), className)} {...props}>\n      {src && <AvatarImage src={src} alt={alt} />}\n      <AvatarFallback className=\"bg-blimu-muted text-blimu-muted-foreground text-sm font-medium\">\n        {fallbackText}\n      </AvatarFallback>\n    </Avatar>\n  );\n}\n"],"names":["UserAvatar","src","alt","fallback","size","className","props","fallbackText","n","jsxs","Avatar","cn","avatarVariants","jsx","AvatarImage","AvatarFallback"],"mappings":"wOA+CO,SAASA,EAAW,CACzB,IAAAC,EACA,IAAAC,EACA,SAAAC,EACA,KAAAC,EAAO,UACP,UAAAC,EACA,GAAGC,CACL,EAAoB,CAClB,MAAMC,EACJJ,GACAD,GACI,MAAM,GAAG,EACV,IAAKM,GAAMA,EAAE,CAAC,CAAC,EACf,KAAK,EAAE,EACP,cACA,MAAM,EAAG,CAAC,GACb,IAEF,OACEC,EAAAA,KAACC,EAAAA,OAAA,CAAO,UAAWC,EAAAA,GAAGC,EAAAA,eAAe,CAAE,KAAAR,CAAA,CAAM,EAAGC,CAAS,EAAI,GAAGC,EAC7D,SAAA,CAAAL,GAAOY,EAAAA,IAACC,EAAAA,YAAA,CAAY,IAAAb,EAAU,IAAAC,CAAA,CAAU,EACzCW,EAAAA,IAACE,EAAAA,eAAA,CAAe,UAAU,iEACvB,SAAAR,CAAA,CACH,CAAA,EACF,CAEJ"}
+{"version":3,"file":"user-avatar.cjs","sources":["../../src/components/user-avatar.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Avatar, AvatarFallback, AvatarImage } from './ui/avatar';\nimport { cn } from '../lib/utils';\nimport { avatarVariants, type AvatarVariants } from '../lib/variants';\n\nexport interface UserAvatarProps extends React.ComponentPropsWithoutRef<typeof Avatar> {\n  /**\n   * Image source URL\n   */\n  src?: string;\n\n  /**\n   * Alt text for the image\n   */\n  alt?: string;\n\n  /**\n   * Fallback text or initials to display when image is not available\n   */\n  fallback?: string;\n\n  /**\n   * Size variant\n   * @default \"default\"\n   */\n  size?: AvatarVariants['size'];\n\n  /**\n   * Custom className\n   */\n  className?: string;\n}\n\n/**\n * UserAvatar component that displays a user's profile picture with fallback\n *\n * @example\n * ```tsx\n * <UserAvatar\n *   src=\"/avatar.jpg\"\n *   alt=\"John Doe\"\n *   fallback=\"JD\"\n *   size=\"lg\"\n * />\n * ```\n */\nexport function UserAvatar({\n  src,\n  alt,\n  fallback,\n  size = 'default',\n  className,\n  ...props\n}: UserAvatarProps) {\n  const fallbackText =\n    fallback ||\n    alt\n      ?.split(' ')\n      .map((n) => n[0])\n      .join('')\n      .toUpperCase()\n      .slice(0, 2) ||\n    'U';\n\n  return (\n    <Avatar className={cn(avatarVariants({ size }), className)} {...props}>\n      {src && <AvatarImage src={src} alt={alt} />}\n      <AvatarFallback className=\"bg-blimu-muted text-blimu-muted-foreground text-sm font-medium\">\n        {fallbackText}\n      </AvatarFallback>\n    </Avatar>\n  );\n}\n"],"names":["jsxs","Avatar","cn","avatarVariants","jsx","AvatarImage","AvatarFallback"],"mappings":";;;;;;;AA+CO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,QAAM,eACJ,YACA,KACI,MAAM,GAAG,EACV,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,EACf,KAAK,EAAE,EACP,cACA,MAAM,GAAG,CAAC,KACb;AAEF,SACEA,2BAAAA,KAACC,OAAAA,QAAA,EAAO,WAAWC,MAAAA,GAAGC,SAAAA,eAAe,EAAE,KAAA,CAAM,GAAG,SAAS,GAAI,GAAG,OAC7D,UAAA;AAAA,IAAA,OAAOC,2BAAAA,IAACC,OAAAA,aAAA,EAAY,KAAU,IAAA,CAAU;AAAA,IACzCD,2BAAAA,IAACE,OAAAA,gBAAA,EAAe,WAAU,kEACvB,UAAA,aAAA,CACH;AAAA,EAAA,GACF;AAEJ;;"}

package/dist/components/user-avatar.js

@@ -1,23 +1,23 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import "react";
-import { Avatar as p, AvatarImage as c, AvatarFallback as f } from "./ui/avatar.js";
-import { cn as u } from "../lib/utils.js";
-import { avatarVariants as d } from "../lib/variants.js";
-function j({
-  src: t,
-  alt: a,
-  fallback: m,
-  size: e = "default",
-  className: o,
-  ...i
+import { Avatar, AvatarImage, AvatarFallback } from "./ui/avatar.js";
+import { cn } from "../lib/utils.js";
+import { avatarVariants } from "../lib/variants.js";
+function UserAvatar({
+  src,
+  alt,
+  fallback,
+  size = "default",
+  className,
+  ...props
 }) {
-  const s = m || a?.split(" ").map((l) => l[0]).join("").toUpperCase().slice(0, 2) || "U";
-  return /* @__PURE__ */ n(p, { className: u(d({ size: e }), o), ...i, children: [
-    t && /* @__PURE__ */ r(c, { src: t, alt: a }),
-    /* @__PURE__ */ r(f, { className: "bg-blimu-muted text-blimu-muted-foreground text-sm font-medium", children: s })
+  const fallbackText = fallback || alt?.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2) || "U";
+  return /* @__PURE__ */ jsxs(Avatar, { className: cn(avatarVariants({ size }), className), ...props, children: [
+    src && /* @__PURE__ */ jsx(AvatarImage, { src, alt }),
+    /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-blimu-muted text-blimu-muted-foreground text-sm font-medium", children: fallbackText })
   ] });
 }
 export {
-  j as UserAvatar
+  UserAvatar
 };
 //# sourceMappingURL=user-avatar.js.map

package/dist/components/user-avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-avatar.js","sources":["../../src/components/user-avatar.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Avatar, AvatarFallback, AvatarImage } from './ui/avatar';\nimport { cn } from '../lib/utils';\nimport { avatarVariants, type AvatarVariants } from '../lib/variants';\n\nexport interface UserAvatarProps extends React.ComponentPropsWithoutRef<typeof Avatar> {\n  /**\n   * Image source URL\n   */\n  src?: string;\n\n  /**\n   * Alt text for the image\n   */\n  alt?: string;\n\n  /**\n   * Fallback text or initials to display when image is not available\n   */\n  fallback?: string;\n\n  /**\n   * Size variant\n   * @default \"default\"\n   */\n  size?: AvatarVariants['size'];\n\n  /**\n   * Custom className\n   */\n  className?: string;\n}\n\n/**\n * UserAvatar component that displays a user's profile picture with fallback\n *\n * @example\n * ```tsx\n * <UserAvatar\n *   src=\"/avatar.jpg\"\n *   alt=\"John Doe\"\n *   fallback=\"JD\"\n *   size=\"lg\"\n * />\n * ```\n */\nexport function UserAvatar({\n  src,\n  alt,\n  fallback,\n  size = 'default',\n  className,\n  ...props\n}: UserAvatarProps) {\n  const fallbackText =\n    fallback ||\n    alt\n      ?.split(' ')\n      .map((n) => n[0])\n      .join('')\n      .toUpperCase()\n      .slice(0, 2) ||\n    'U';\n\n  return (\n    <Avatar className={cn(avatarVariants({ size }), className)} {...props}>\n      {src && <AvatarImage src={src} alt={alt} />}\n      <AvatarFallback className=\"bg-blimu-muted text-blimu-muted-foreground text-sm font-medium\">\n        {fallbackText}\n      </AvatarFallback>\n    </Avatar>\n  );\n}\n"],"names":["UserAvatar","src","alt","fallback","size","className","props","fallbackText","n","jsxs","Avatar","cn","avatarVariants","jsx","AvatarImage","AvatarFallback"],"mappings":";;;;;AA+CO,SAASA,EAAW;AAAA,EACzB,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,GAAGC;AACL,GAAoB;AAClB,QAAMC,IACJJ,KACAD,GACI,MAAM,GAAG,EACV,IAAI,CAACM,MAAMA,EAAE,CAAC,CAAC,EACf,KAAK,EAAE,EACP,cACA,MAAM,GAAG,CAAC,KACb;AAEF,SACE,gBAAAC,EAACC,GAAA,EAAO,WAAWC,EAAGC,EAAe,EAAE,MAAAR,EAAA,CAAM,GAAGC,CAAS,GAAI,GAAGC,GAC7D,UAAA;AAAA,IAAAL,KAAO,gBAAAY,EAACC,GAAA,EAAY,KAAAb,GAAU,KAAAC,EAAA,CAAU;AAAA,IACzC,gBAAAW,EAACE,GAAA,EAAe,WAAU,kEACvB,UAAAR,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"user-avatar.js","sources":["../../src/components/user-avatar.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Avatar, AvatarFallback, AvatarImage } from './ui/avatar';\nimport { cn } from '../lib/utils';\nimport { avatarVariants, type AvatarVariants } from '../lib/variants';\n\nexport interface UserAvatarProps extends React.ComponentPropsWithoutRef<typeof Avatar> {\n  /**\n   * Image source URL\n   */\n  src?: string;\n\n  /**\n   * Alt text for the image\n   */\n  alt?: string;\n\n  /**\n   * Fallback text or initials to display when image is not available\n   */\n  fallback?: string;\n\n  /**\n   * Size variant\n   * @default \"default\"\n   */\n  size?: AvatarVariants['size'];\n\n  /**\n   * Custom className\n   */\n  className?: string;\n}\n\n/**\n * UserAvatar component that displays a user's profile picture with fallback\n *\n * @example\n * ```tsx\n * <UserAvatar\n *   src=\"/avatar.jpg\"\n *   alt=\"John Doe\"\n *   fallback=\"JD\"\n *   size=\"lg\"\n * />\n * ```\n */\nexport function UserAvatar({\n  src,\n  alt,\n  fallback,\n  size = 'default',\n  className,\n  ...props\n}: UserAvatarProps) {\n  const fallbackText =\n    fallback ||\n    alt\n      ?.split(' ')\n      .map((n) => n[0])\n      .join('')\n      .toUpperCase()\n      .slice(0, 2) ||\n    'U';\n\n  return (\n    <Avatar className={cn(avatarVariants({ size }), className)} {...props}>\n      {src && <AvatarImage src={src} alt={alt} />}\n      <AvatarFallback className=\"bg-blimu-muted text-blimu-muted-foreground text-sm font-medium\">\n        {fallbackText}\n      </AvatarFallback>\n    </Avatar>\n  );\n}\n"],"names":[],"mappings":";;;;;AA+CO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,GAAoB;AAClB,QAAM,eACJ,YACA,KACI,MAAM,GAAG,EACV,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,EACf,KAAK,EAAE,EACP,cACA,MAAM,GAAG,CAAC,KACb;AAEF,SACE,qBAAC,QAAA,EAAO,WAAW,GAAG,eAAe,EAAE,KAAA,CAAM,GAAG,SAAS,GAAI,GAAG,OAC7D,UAAA;AAAA,IAAA,OAAO,oBAAC,aAAA,EAAY,KAAU,IAAA,CAAU;AAAA,IACzC,oBAAC,gBAAA,EAAe,WAAU,kEACvB,UAAA,aAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/user-button/styles.cjs

@@ -1,2 +1,40 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../node_modules/class-variance-authority/dist/index.cjs"),t=e.cva("inline-flex items-center justify-center rounded-full transition-colors outline-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blimu-ring focus-visible:ring-offset-2 focus-visible:ring-offset-blimu-background disabled:pointer-events-none disabled:opacity-50 hover:opacity-80 text-blimu-foreground p-1",{variants:{variant:{default:"bg-transparent",outline:"border border-blimu-input bg-blimu-background",ghost:"hover:bg-blimu-accent hover:text-blimu-accent-foreground"},size:{default:"h-10 min-w-[2.5rem]",sm:"h-8 min-w-[2rem]",lg:"h-12 min-w-[3rem]"}},defaultVariants:{variant:"default",size:"default"}}),i=e.cva("z-50 min-w-[260px] overflow-hidden rounded-blimu border border-blimu-border bg-blimu-popover text-blimu-popover-foreground shadow-md",{variants:{variant:{default:""}},defaultVariants:{variant:"default"}});exports.userButtonContentVariants=i;exports.userButtonTriggerVariants=t;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("../../node_modules/class-variance-authority/dist/index.cjs");
+const userButtonTriggerVariants = index.cva(
+  "inline-flex items-center justify-center rounded-full transition-colors outline-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blimu-ring focus-visible:ring-offset-2 focus-visible:ring-offset-blimu-background disabled:pointer-events-none disabled:opacity-50 hover:opacity-80 text-blimu-foreground p-1",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-blimu-input bg-blimu-background",
+        ghost: "hover:bg-blimu-accent hover:text-blimu-accent-foreground"
+      },
+      size: {
+        default: "h-10 min-w-[2.5rem]",
+        sm: "h-8 min-w-[2rem]",
+        lg: "h-12 min-w-[3rem]"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+const userButtonContentVariants = index.cva(
+  "z-50 min-w-[260px] overflow-hidden rounded-blimu border border-blimu-border bg-blimu-popover text-blimu-popover-foreground shadow-md",
+  {
+    variants: {
+      variant: {
+        default: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+exports.userButtonContentVariants = userButtonContentVariants;
+exports.userButtonTriggerVariants = userButtonTriggerVariants;
 //# sourceMappingURL=styles.cjs.map

package/dist/components/user-button/styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styles.cjs","sources":["../../../src/components/user-button/styles.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\n/**\n * UserButton trigger variant styles\n */\nexport const userButtonTriggerVariants = cva(\n  'inline-flex items-center justify-center rounded-full transition-colors outline-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blimu-ring focus-visible:ring-offset-2 focus-visible:ring-offset-blimu-background disabled:pointer-events-none disabled:opacity-50 hover:opacity-80 text-blimu-foreground p-1',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        outline: 'border border-blimu-input bg-blimu-background',\n        ghost: 'hover:bg-blimu-accent hover:text-blimu-accent-foreground',\n      },\n      size: {\n        default: 'h-10 min-w-[2.5rem]',\n        sm: 'h-8 min-w-[2rem]',\n        lg: 'h-12 min-w-[3rem]',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport type UserButtonTriggerVariants = VariantProps<typeof userButtonTriggerVariants>;\n\n/**\n * UserButton dropdown content styles\n */\nexport const userButtonContentVariants = cva(\n  'z-50 min-w-[260px] overflow-hidden rounded-blimu border border-blimu-border bg-blimu-popover text-blimu-popover-foreground shadow-md',\n  {\n    variants: {\n      variant: {\n        default: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\nexport type UserButtonContentVariants = VariantProps<typeof userButtonContentVariants>;\n"],"names":["userButtonTriggerVariants","cva","userButtonContentVariants"],"mappings":"8JAKaA,EAA4BC,EAAAA,IACvC,uUACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iBACT,QAAS,gDACT,MAAO,0DAAA,EAET,KAAM,CACJ,QAAS,sBACT,GAAI,mBACJ,GAAI,mBAAA,CACN,EAEF,gBAAiB,CACf,QAAS,UACT,KAAM,SAAA,CACR,CAEJ,EAOaC,EAA4BD,EAAAA,IACvC,uIACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,EAAA,CACX,EAEF,gBAAiB,CACf,QAAS,SAAA,CACX,CAEJ"}
+{"version":3,"file":"styles.cjs","sources":["../../../src/components/user-button/styles.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\n/**\n * UserButton trigger variant styles\n */\nexport const userButtonTriggerVariants = cva(\n  'inline-flex items-center justify-center rounded-full transition-colors outline-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blimu-ring focus-visible:ring-offset-2 focus-visible:ring-offset-blimu-background disabled:pointer-events-none disabled:opacity-50 hover:opacity-80 text-blimu-foreground p-1',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        outline: 'border border-blimu-input bg-blimu-background',\n        ghost: 'hover:bg-blimu-accent hover:text-blimu-accent-foreground',\n      },\n      size: {\n        default: 'h-10 min-w-[2.5rem]',\n        sm: 'h-8 min-w-[2rem]',\n        lg: 'h-12 min-w-[3rem]',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport type UserButtonTriggerVariants = VariantProps<typeof userButtonTriggerVariants>;\n\n/**\n * UserButton dropdown content styles\n */\nexport const userButtonContentVariants = cva(\n  'z-50 min-w-[260px] overflow-hidden rounded-blimu border border-blimu-border bg-blimu-popover text-blimu-popover-foreground shadow-md',\n  {\n    variants: {\n      variant: {\n        default: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\nexport type UserButtonContentVariants = VariantProps<typeof userButtonContentVariants>;\n"],"names":["cva"],"mappings":";;;AAKO,MAAM,4BAA4BA,MAAAA;AAAAA,EACvC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,MAET,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;AAOO,MAAM,4BAA4BA,MAAAA;AAAAA,EACvC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;;;"}

package/dist/components/user-button/styles.js

@@ -1,5 +1,5 @@
-import { cva as e } from "../../node_modules/class-variance-authority/dist/index.js";
-const r = e(
+import { cva } from "../../node_modules/class-variance-authority/dist/index.js";
+const userButtonTriggerVariants = cva(
   "inline-flex items-center justify-center rounded-full transition-colors outline-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blimu-ring focus-visible:ring-offset-2 focus-visible:ring-offset-blimu-background disabled:pointer-events-none disabled:opacity-50 hover:opacity-80 text-blimu-foreground p-1",
   {
     variants: {
@@ -19,7 +19,8 @@ const r = e(
       size: "default"
     }
   }
-), n = e(
+);
+const userButtonContentVariants = cva(
   "z-50 min-w-[260px] overflow-hidden rounded-blimu border border-blimu-border bg-blimu-popover text-blimu-popover-foreground shadow-md",
   {
     variants: {
@@ -33,7 +34,7 @@ const r = e(
   }
 );
 export {
-  n as userButtonContentVariants,
-  r as userButtonTriggerVariants
+  userButtonContentVariants,
+  userButtonTriggerVariants
 };
 //# sourceMappingURL=styles.js.map

package/dist/components/user-button/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../src/components/user-button/styles.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\n/**\n * UserButton trigger variant styles\n */\nexport const userButtonTriggerVariants = cva(\n  'inline-flex items-center justify-center rounded-full transition-colors outline-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blimu-ring focus-visible:ring-offset-2 focus-visible:ring-offset-blimu-background disabled:pointer-events-none disabled:opacity-50 hover:opacity-80 text-blimu-foreground p-1',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        outline: 'border border-blimu-input bg-blimu-background',\n        ghost: 'hover:bg-blimu-accent hover:text-blimu-accent-foreground',\n      },\n      size: {\n        default: 'h-10 min-w-[2.5rem]',\n        sm: 'h-8 min-w-[2rem]',\n        lg: 'h-12 min-w-[3rem]',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport type UserButtonTriggerVariants = VariantProps<typeof userButtonTriggerVariants>;\n\n/**\n * UserButton dropdown content styles\n */\nexport const userButtonContentVariants = cva(\n  'z-50 min-w-[260px] overflow-hidden rounded-blimu border border-blimu-border bg-blimu-popover text-blimu-popover-foreground shadow-md',\n  {\n    variants: {\n      variant: {\n        default: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\nexport type UserButtonContentVariants = VariantProps<typeof userButtonContentVariants>;\n"],"names":["userButtonTriggerVariants","cva","userButtonContentVariants"],"mappings":";AAKO,MAAMA,IAA4BC;AAAA,EACvC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,MAET,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAOaC,IAA4BD;AAAA,EACvC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;"}
+{"version":3,"file":"styles.js","sources":["../../../src/components/user-button/styles.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\n/**\n * UserButton trigger variant styles\n */\nexport const userButtonTriggerVariants = cva(\n  'inline-flex items-center justify-center rounded-full transition-colors outline-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blimu-ring focus-visible:ring-offset-2 focus-visible:ring-offset-blimu-background disabled:pointer-events-none disabled:opacity-50 hover:opacity-80 text-blimu-foreground p-1',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        outline: 'border border-blimu-input bg-blimu-background',\n        ghost: 'hover:bg-blimu-accent hover:text-blimu-accent-foreground',\n      },\n      size: {\n        default: 'h-10 min-w-[2.5rem]',\n        sm: 'h-8 min-w-[2rem]',\n        lg: 'h-12 min-w-[3rem]',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport type UserButtonTriggerVariants = VariantProps<typeof userButtonTriggerVariants>;\n\n/**\n * UserButton dropdown content styles\n */\nexport const userButtonContentVariants = cva(\n  'z-50 min-w-[260px] overflow-hidden rounded-blimu border border-blimu-border bg-blimu-popover text-blimu-popover-foreground shadow-md',\n  {\n    variants: {\n      variant: {\n        default: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\nexport type UserButtonContentVariants = VariantProps<typeof userButtonContentVariants>;\n"],"names":[],"mappings":";AAKO,MAAM,4BAA4B;AAAA,EACvC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,MAET,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;AAOO,MAAM,4BAA4B;AAAA,EACvC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;"}

package/dist/components/user-button/user-button.cjs

@@ -1,2 +1,99 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");const i=require("../ui/avatar.cjs"),r=require("../ui/dropdown-menu.cjs"),n=require("../../lib/utils.cjs"),d=require("../../hooks/use-auth.cjs"),x=require("./styles.cjs"),v=require("../../node_modules/lucide-react/dist/esm/icons/log-out.cjs");function y({className:p,classes:s,onManageAccount:w,variant:f,size:j,showNameInTrigger:l=!1,showEmailInTrigger:c=!1,avatarPos:h="start"}={}){const{logout:g}=d.useAuth(),{user:t}=d.useUser(),a=t?.firstName&&t?.lastName?`${t.firstName} ${t.lastName}`:t?.firstName||t?.email?.split("@")[0]||"User",o=a?.split(" ").map(b=>b[0]).join("").toUpperCase().slice(0,2)||"U";if(!t)return null;const N=l||c,u=e.jsx(i.Avatar,{className:n.cn("w-8 h-8",s?.avatar),children:e.jsx(i.AvatarFallback,{className:n.cn("bg-blimu-muted text-blimu-muted-foreground text-sm font-medium",s?.avatarFallback),children:o})}),m=N&&e.jsxs("div",{className:n.cn("flex flex-col items-start",s?.userInfo),children:[l&&e.jsx("span",{className:n.cn("text-sm leading-tight font-medium",s?.userName),children:a}),c&&e.jsx("span",{className:n.cn("text-xs leading-tight opacity-70",s?.userEmail),children:t.email})]});return e.jsxs(r.DropdownMenu,{children:[e.jsx(r.DropdownMenuTrigger,{asChild:!0,children:e.jsx("button",{className:n.cn(x.userButtonTriggerVariants({variant:f,size:j}),"flex items-center gap-2",p,s?.trigger),children:h==="start"?e.jsxs(e.Fragment,{children:[u,m]}):e.jsxs(e.Fragment,{children:[m,u]})})}),e.jsxs(r.DropdownMenuContent,{className:n.cn(x.userButtonContentVariants(),"w-64 p-0",s?.popover),align:"end",sideOffset:8,children:[e.jsx(r.DropdownMenuLabel,{className:"p-0 ",children:e.jsxs("div",{className:"flex items-center gap-3 p-4",children:[e.jsx(i.Avatar,{className:"size-10",children:e.jsx(i.AvatarFallback,{className:"bg-blimu-primary text-blimu-primary-foreground text-base font-medium",children:o})}),a&&e.jsxs("div",{className:"flex flex-col",children:[e.jsx("span",{className:"text-sm font-medium text-blimu-foreground",children:a}),e.jsx("span",{className:"text-xs text-blimu-muted-foreground",children:t.email})]})]})}),e.jsx(r.DropdownMenuSeparator,{className:"m-0"}),e.jsx("div",{className:"py-1.5 space-y-2",children:e.jsxs(r.DropdownMenuItem,{onClick:g,className:n.cn("flex items-center gap-3 text-sm cursor-pointer",s?.signOutButton),children:[e.jsx(v.default,{className:"w-4 h-4 text-blimu-muted-foreground"}),e.jsx("span",{children:"Sign out"})]})}),e.jsx(r.DropdownMenuSeparator,{className:"m-0"}),e.jsx("div",{className:"p-4 bg-blimu-muted/50",children:e.jsxs("div",{className:"flex justify-center items-center gap-2 text-xs text-blimu-muted-foreground",children:[e.jsx("span",{children:"Secured by"}),e.jsx("span",{className:"font-semibold text-blimu-foreground",children:"Blimu"})]})})]})]})}exports.UserButton=y;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+require("react");
+const avatar = require("../ui/avatar.cjs");
+const dropdownMenu = require("../ui/dropdown-menu.cjs");
+const utils = require("../../lib/utils.cjs");
+const useAuth = require("../../hooks/use-auth.cjs");
+const styles = require("./styles.cjs");
+const logOut = require("../../node_modules/lucide-react/dist/esm/icons/log-out.cjs");
+function UserButton({
+  className,
+  classes,
+  onManageAccount,
+  variant,
+  size,
+  showNameInTrigger = false,
+  showEmailInTrigger = false,
+  avatarPos = "start"
+} = {}) {
+  const { logout } = useAuth.useAuth();
+  const { user } = useAuth.useUser();
+  const displayName = user?.firstName && user?.lastName ? `${user.firstName} ${user.lastName}` : user?.firstName || user?.email?.split("@")[0] || "User";
+  const initials = displayName?.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2) || "U";
+  if (!user) {
+    return null;
+  }
+  const showText = showNameInTrigger || showEmailInTrigger;
+  const avatarElement = /* @__PURE__ */ jsxRuntime.jsx(avatar.Avatar, { className: utils.cn("w-8 h-8", classes?.avatar), children: /* @__PURE__ */ jsxRuntime.jsx(
+    avatar.AvatarFallback,
+    {
+      className: utils.cn(
+        "bg-blimu-muted text-blimu-muted-foreground text-sm font-medium",
+        classes?.avatarFallback
+      ),
+      children: initials
+    }
+  ) });
+  const textElement = showText && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cn("flex flex-col items-start", classes?.userInfo), children: [
+    showNameInTrigger && /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn("text-sm leading-tight font-medium", classes?.userName), children: displayName }),
+    showEmailInTrigger && /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils.cn("text-xs leading-tight opacity-70", classes?.userEmail), children: user.email })
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenu, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        className: utils.cn(
+          styles.userButtonTriggerVariants({ variant, size }),
+          "flex items-center gap-2",
+          className,
+          classes?.trigger
+        ),
+        children: avatarPos === "start" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          avatarElement,
+          textElement
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          textElement,
+          avatarElement
+        ] })
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      dropdownMenu.DropdownMenuContent,
+      {
+        className: utils.cn(styles.userButtonContentVariants(), "w-64 p-0", classes?.popover),
+        align: "end",
+        sideOffset: 8,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuLabel, { className: "p-0 ", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 p-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(avatar.Avatar, { className: "size-10", children: /* @__PURE__ */ jsxRuntime.jsx(avatar.AvatarFallback, { className: "bg-blimu-primary text-blimu-primary-foreground text-base font-medium", children: initials }) }),
+            displayName && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-blimu-foreground", children: displayName }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-blimu-muted-foreground", children: user.email })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuSeparator, { className: "m-0" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-1.5 space-y-2", children: /* @__PURE__ */ jsxRuntime.jsxs(
+            dropdownMenu.DropdownMenuItem,
+            {
+              onClick: logout,
+              className: utils.cn("flex items-center gap-3 text-sm cursor-pointer", classes?.signOutButton),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(logOut.default, { className: "w-4 h-4 text-blimu-muted-foreground" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Sign out" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenuSeparator, { className: "m-0" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 bg-blimu-muted/50", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-center items-center gap-2 text-xs text-blimu-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Secured by" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-blimu-foreground", children: "Blimu" })
+          ] }) })
+        ]
+      }
+    )
+  ] });
+}
+exports.UserButton = UserButton;
 //# sourceMappingURL=user-button.cjs.map

package/dist/components/user-button/user-button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"user-button.cjs","sources":["../../../src/components/user-button/user-button.tsx"],"sourcesContent":["import React from 'react';\nimport { Avatar, AvatarFallback } from '@/components/ui/avatar';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu';\nimport { cn } from '@/lib/utils';\nimport { LogOut, Settings } from 'lucide-react';\n\nimport { useAuth, useUser } from '../../hooks/use-auth';\nimport type { BlimuComponentProps } from '../../types';\nimport {\n  userButtonTriggerVariants,\n  userButtonContentVariants,\n  type UserButtonTriggerVariants,\n} from './styles';\n\nexport interface UserButtonProps extends BlimuComponentProps, UserButtonTriggerVariants {\n  /** Callback when user clicks \"Manage account\" */\n  onManageAccount?: () => void;\n  /** Show user name in trigger button */\n  showNameInTrigger?: boolean;\n  /** Show user email in trigger button */\n  showEmailInTrigger?: boolean;\n  /** Avatar position when text is shown in trigger */\n  avatarPos?: 'start' | 'end';\n}\n\nexport function UserButton({\n  className,\n  classes,\n  onManageAccount,\n  variant,\n  size,\n  showNameInTrigger = false,\n  showEmailInTrigger = false,\n  avatarPos = 'start',\n}: UserButtonProps = {}) {\n  const { logout } = useAuth();\n  const { user } = useUser();\n\n  const displayName =\n    user?.firstName && user?.lastName\n      ? `${user.firstName} ${user.lastName}`\n      : user?.firstName || user?.email?.split('@')[0] || 'User';\n\n  const initials =\n    displayName\n      ?.split(' ')\n      .map((n) => n[0])\n      .join('')\n      .toUpperCase()\n      .slice(0, 2) || 'U';\n\n  if (!user) {\n    return null;\n  }\n\n  const showText = showNameInTrigger || showEmailInTrigger;\n\n  const avatarElement = (\n    <Avatar className={cn('w-8 h-8', classes?.avatar)}>\n      <AvatarFallback\n        className={cn(\n          'bg-blimu-muted text-blimu-muted-foreground text-sm font-medium',\n          classes?.avatarFallback,\n        )}\n      >\n        {initials}\n      </AvatarFallback>\n    </Avatar>\n  );\n\n  const textElement = showText && (\n    <div className={cn('flex flex-col items-start', classes?.userInfo)}>\n      {showNameInTrigger && (\n        <span className={cn('text-sm leading-tight font-medium', classes?.userName)}>\n          {displayName}\n        </span>\n      )}\n      {showEmailInTrigger && (\n        <span className={cn('text-xs leading-tight opacity-70', classes?.userEmail)}>\n          {user.email}\n        </span>\n      )}\n    </div>\n  );\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <button\n          className={cn(\n            userButtonTriggerVariants({ variant, size }),\n            'flex items-center gap-2',\n            className,\n            classes?.trigger,\n          )}\n        >\n          {avatarPos === 'start' ? (\n            <>\n              {avatarElement}\n              {textElement}\n            </>\n          ) : (\n            <>\n              {textElement}\n              {avatarElement}\n            </>\n          )}\n        </button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent\n        className={cn(userButtonContentVariants(), 'w-64 p-0', classes?.popover)}\n        align=\"end\"\n        sideOffset={8}\n      >\n        <DropdownMenuLabel className=\"p-0 \">\n          <div className=\"flex items-center gap-3 p-4\">\n            <Avatar className=\"size-10\">\n              <AvatarFallback className=\"bg-blimu-primary text-blimu-primary-foreground text-base font-medium\">\n                {initials}\n              </AvatarFallback>\n            </Avatar>\n            {displayName && (\n              <div className=\"flex flex-col\">\n                <span className=\"text-sm font-medium text-blimu-foreground\">{displayName}</span>\n                <span className=\"text-xs text-blimu-muted-foreground\">{user.email}</span>\n              </div>\n            )}\n          </div>\n        </DropdownMenuLabel>\n\n        <DropdownMenuSeparator className=\"m-0\" />\n        <div className=\"py-1.5 space-y-2\">\n          {/* <DropdownMenuItem\n            onClick={onManageAccount}\n            className={cn(\n              'flex items-center gap-3 text-sm cursor-pointer',\n              classes?.manageAccountButton,\n            )}\n          >\n            <Settings className=\"size-4 text-blimu-muted-foreground\" />\n            <span>Manage account</span>\n          </DropdownMenuItem> */}\n\n          <DropdownMenuItem\n            onClick={logout}\n            className={cn('flex items-center gap-3 text-sm cursor-pointer', classes?.signOutButton)}\n          >\n            <LogOut className=\"w-4 h-4 text-blimu-muted-foreground\" />\n            <span>Sign out</span>\n          </DropdownMenuItem>\n        </div>\n\n        <DropdownMenuSeparator className=\"m-0\" />\n\n        <div className=\"p-4 bg-blimu-muted/50\">\n          <div className=\"flex justify-center items-center gap-2 text-xs text-blimu-muted-foreground\">\n            <span>Secured by</span>\n            <span className=\"font-semibold text-blimu-foreground\">Blimu</span>\n          </div>\n        </div>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"],"names":["UserButton","className","classes","onManageAccount","variant","size","showNameInTrigger","showEmailInTrigger","avatarPos","logout","useAuth","user","useUser","displayName","initials","n","showText","avatarElement","Avatar","cn","jsx","AvatarFallback","textElement","jsxs","DropdownMenu","DropdownMenuTrigger","userButtonTriggerVariants","Fragment","DropdownMenuContent","userButtonContentVariants","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuItem","LogOut"],"mappings":"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"}
+{"version":3,"file":"user-button.cjs","sources":["../../../src/components/user-button/user-button.tsx"],"sourcesContent":["import React from 'react';\nimport { Avatar, AvatarFallback } from '@/components/ui/avatar';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu';\nimport { cn } from '@/lib/utils';\nimport { LogOut, Settings } from 'lucide-react';\n\nimport { useAuth, useUser } from '../../hooks/use-auth';\nimport type { BlimuComponentProps } from '../../types';\nimport {\n  userButtonTriggerVariants,\n  userButtonContentVariants,\n  type UserButtonTriggerVariants,\n} from './styles';\n\nexport interface UserButtonProps extends BlimuComponentProps, UserButtonTriggerVariants {\n  /** Callback when user clicks \"Manage account\" */\n  onManageAccount?: () => void;\n  /** Show user name in trigger button */\n  showNameInTrigger?: boolean;\n  /** Show user email in trigger button */\n  showEmailInTrigger?: boolean;\n  /** Avatar position when text is shown in trigger */\n  avatarPos?: 'start' | 'end';\n}\n\nexport function UserButton({\n  className,\n  classes,\n  onManageAccount,\n  variant,\n  size,\n  showNameInTrigger = false,\n  showEmailInTrigger = false,\n  avatarPos = 'start',\n}: UserButtonProps = {}) {\n  const { logout } = useAuth();\n  const { user } = useUser();\n\n  const displayName =\n    user?.firstName && user?.lastName\n      ? `${user.firstName} ${user.lastName}`\n      : user?.firstName || user?.email?.split('@')[0] || 'User';\n\n  const initials =\n    displayName\n      ?.split(' ')\n      .map((n) => n[0])\n      .join('')\n      .toUpperCase()\n      .slice(0, 2) || 'U';\n\n  if (!user) {\n    return null;\n  }\n\n  const showText = showNameInTrigger || showEmailInTrigger;\n\n  const avatarElement = (\n    <Avatar className={cn('w-8 h-8', classes?.avatar)}>\n      <AvatarFallback\n        className={cn(\n          'bg-blimu-muted text-blimu-muted-foreground text-sm font-medium',\n          classes?.avatarFallback,\n        )}\n      >\n        {initials}\n      </AvatarFallback>\n    </Avatar>\n  );\n\n  const textElement = showText && (\n    <div className={cn('flex flex-col items-start', classes?.userInfo)}>\n      {showNameInTrigger && (\n        <span className={cn('text-sm leading-tight font-medium', classes?.userName)}>\n          {displayName}\n        </span>\n      )}\n      {showEmailInTrigger && (\n        <span className={cn('text-xs leading-tight opacity-70', classes?.userEmail)}>\n          {user.email}\n        </span>\n      )}\n    </div>\n  );\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <button\n          className={cn(\n            userButtonTriggerVariants({ variant, size }),\n            'flex items-center gap-2',\n            className,\n            classes?.trigger,\n          )}\n        >\n          {avatarPos === 'start' ? (\n            <>\n              {avatarElement}\n              {textElement}\n            </>\n          ) : (\n            <>\n              {textElement}\n              {avatarElement}\n            </>\n          )}\n        </button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent\n        className={cn(userButtonContentVariants(), 'w-64 p-0', classes?.popover)}\n        align=\"end\"\n        sideOffset={8}\n      >\n        <DropdownMenuLabel className=\"p-0 \">\n          <div className=\"flex items-center gap-3 p-4\">\n            <Avatar className=\"size-10\">\n              <AvatarFallback className=\"bg-blimu-primary text-blimu-primary-foreground text-base font-medium\">\n                {initials}\n              </AvatarFallback>\n            </Avatar>\n            {displayName && (\n              <div className=\"flex flex-col\">\n                <span className=\"text-sm font-medium text-blimu-foreground\">{displayName}</span>\n                <span className=\"text-xs text-blimu-muted-foreground\">{user.email}</span>\n              </div>\n            )}\n          </div>\n        </DropdownMenuLabel>\n\n        <DropdownMenuSeparator className=\"m-0\" />\n        <div className=\"py-1.5 space-y-2\">\n          {/* <DropdownMenuItem\n            onClick={onManageAccount}\n            className={cn(\n              'flex items-center gap-3 text-sm cursor-pointer',\n              classes?.manageAccountButton,\n            )}\n          >\n            <Settings className=\"size-4 text-blimu-muted-foreground\" />\n            <span>Manage account</span>\n          </DropdownMenuItem> */}\n\n          <DropdownMenuItem\n            onClick={logout}\n            className={cn('flex items-center gap-3 text-sm cursor-pointer', classes?.signOutButton)}\n          >\n            <LogOut className=\"w-4 h-4 text-blimu-muted-foreground\" />\n            <span>Sign out</span>\n          </DropdownMenuItem>\n        </div>\n\n        <DropdownMenuSeparator className=\"m-0\" />\n\n        <div className=\"p-4 bg-blimu-muted/50\">\n          <div className=\"flex justify-center items-center gap-2 text-xs text-blimu-muted-foreground\">\n            <span>Secured by</span>\n            <span className=\"font-semibold text-blimu-foreground\">Blimu</span>\n          </div>\n        </div>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"],"names":["useAuth","useUser","Avatar","cn","jsx","AvatarFallback","jsxs","DropdownMenu","DropdownMenuTrigger","userButtonTriggerVariants","Fragment","DropdownMenuContent","userButtonContentVariants","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuItem","LogOut"],"mappings":"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"}

package/dist/components/user-button/user-button.js

@@ -1,86 +1,92 @@
-import { jsx as e, jsxs as r, Fragment as d } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import "react";
-import { Avatar as u, AvatarFallback as p } from "../ui/avatar.js";
-import { DropdownMenu as y, DropdownMenuTrigger as M, DropdownMenuContent as D, DropdownMenuLabel as B, DropdownMenuSeparator as f, DropdownMenuItem as C } from "../ui/dropdown-menu.js";
-import { cn as n } from "../../lib/utils.js";
-import { useAuth as U, useUser as j } from "../../hooks/use-auth.js";
-import { userButtonTriggerVariants as A, userButtonContentVariants as k } from "./styles.js";
-import F from "../../node_modules/lucide-react/dist/esm/icons/log-out.js";
-function G({
-  className: x,
-  classes: a,
-  onManageAccount: O,
-  variant: h,
-  size: N,
-  showNameInTrigger: m = !1,
-  showEmailInTrigger: s = !1,
-  avatarPos: g = "start"
+import { Avatar, AvatarFallback } from "../ui/avatar.js";
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuItem } from "../ui/dropdown-menu.js";
+import { cn } from "../../lib/utils.js";
+import { useAuth, useUser } from "../../hooks/use-auth.js";
+import { userButtonTriggerVariants, userButtonContentVariants } from "./styles.js";
+import LogOut from "../../node_modules/lucide-react/dist/esm/icons/log-out.js";
+function UserButton({
+  className,
+  classes,
+  onManageAccount,
+  variant,
+  size,
+  showNameInTrigger = false,
+  showEmailInTrigger = false,
+  avatarPos = "start"
 } = {}) {
-  const { logout: b } = U(), { user: t } = j(), i = t?.firstName && t?.lastName ? `${t.firstName} ${t.lastName}` : t?.firstName || t?.email?.split("@")[0] || "User", l = i?.split(" ").map((w) => w[0]).join("").toUpperCase().slice(0, 2) || "U";
-  if (!t)
+  const { logout } = useAuth();
+  const { user } = useUser();
+  const displayName = user?.firstName && user?.lastName ? `${user.firstName} ${user.lastName}` : user?.firstName || user?.email?.split("@")[0] || "User";
+  const initials = displayName?.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2) || "U";
+  if (!user) {
     return null;
-  const v = m || s, o = /* @__PURE__ */ e(u, { className: n("w-8 h-8", a?.avatar), children: /* @__PURE__ */ e(
-    p,
+  }
+  const showText = showNameInTrigger || showEmailInTrigger;
+  const avatarElement = /* @__PURE__ */ jsx(Avatar, { className: cn("w-8 h-8", classes?.avatar), children: /* @__PURE__ */ jsx(
+    AvatarFallback,
     {
-      className: n(
+      className: cn(
         "bg-blimu-muted text-blimu-muted-foreground text-sm font-medium",
-        a?.avatarFallback
+        classes?.avatarFallback
       ),
-      children: l
+      children: initials
     }
-  ) }), c = v && /* @__PURE__ */ r("div", { className: n("flex flex-col items-start", a?.userInfo), children: [
-    m && /* @__PURE__ */ e("span", { className: n("text-sm leading-tight font-medium", a?.userName), children: i }),
-    s && /* @__PURE__ */ e("span", { className: n("text-xs leading-tight opacity-70", a?.userEmail), children: t.email })
+  ) });
+  const textElement = showText && /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-start", classes?.userInfo), children: [
+    showNameInTrigger && /* @__PURE__ */ jsx("span", { className: cn("text-sm leading-tight font-medium", classes?.userName), children: displayName }),
+    showEmailInTrigger && /* @__PURE__ */ jsx("span", { className: cn("text-xs leading-tight opacity-70", classes?.userEmail), children: user.email })
   ] });
-  return /* @__PURE__ */ r(y, { children: [
-    /* @__PURE__ */ e(M, { asChild: !0, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
       "button",
       {
-        className: n(
-          A({ variant: h, size: N }),
+        className: cn(
+          userButtonTriggerVariants({ variant, size }),
           "flex items-center gap-2",
-          x,
-          a?.trigger
+          className,
+          classes?.trigger
         ),
-        children: g === "start" ? /* @__PURE__ */ r(d, { children: [
-          o,
-          c
-        ] }) : /* @__PURE__ */ r(d, { children: [
-          c,
-          o
+        children: avatarPos === "start" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          avatarElement,
+          textElement
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          textElement,
+          avatarElement
         ] })
       }
     ) }),
-    /* @__PURE__ */ r(
-      D,
+    /* @__PURE__ */ jsxs(
+      DropdownMenuContent,
       {
-        className: n(k(), "w-64 p-0", a?.popover),
+        className: cn(userButtonContentVariants(), "w-64 p-0", classes?.popover),
         align: "end",
         sideOffset: 8,
         children: [
-          /* @__PURE__ */ e(B, { className: "p-0 ", children: /* @__PURE__ */ r("div", { className: "flex items-center gap-3 p-4", children: [
-            /* @__PURE__ */ e(u, { className: "size-10", children: /* @__PURE__ */ e(p, { className: "bg-blimu-primary text-blimu-primary-foreground text-base font-medium", children: l }) }),
-            i && /* @__PURE__ */ r("div", { className: "flex flex-col", children: [
-              /* @__PURE__ */ e("span", { className: "text-sm font-medium text-blimu-foreground", children: i }),
-              /* @__PURE__ */ e("span", { className: "text-xs text-blimu-muted-foreground", children: t.email })
+          /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "p-0 ", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 p-4", children: [
+            /* @__PURE__ */ jsx(Avatar, { className: "size-10", children: /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-blimu-primary text-blimu-primary-foreground text-base font-medium", children: initials }) }),
+            displayName && /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-blimu-foreground", children: displayName }),
+              /* @__PURE__ */ jsx("span", { className: "text-xs text-blimu-muted-foreground", children: user.email })
             ] })
           ] }) }),
-          /* @__PURE__ */ e(f, { className: "m-0" }),
-          /* @__PURE__ */ e("div", { className: "py-1.5 space-y-2", children: /* @__PURE__ */ r(
-            C,
+          /* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "m-0" }),
+          /* @__PURE__ */ jsx("div", { className: "py-1.5 space-y-2", children: /* @__PURE__ */ jsxs(
+            DropdownMenuItem,
             {
-              onClick: b,
-              className: n("flex items-center gap-3 text-sm cursor-pointer", a?.signOutButton),
+              onClick: logout,
+              className: cn("flex items-center gap-3 text-sm cursor-pointer", classes?.signOutButton),
               children: [
-                /* @__PURE__ */ e(F, { className: "w-4 h-4 text-blimu-muted-foreground" }),
-                /* @__PURE__ */ e("span", { children: "Sign out" })
+                /* @__PURE__ */ jsx(LogOut, { className: "w-4 h-4 text-blimu-muted-foreground" }),
+                /* @__PURE__ */ jsx("span", { children: "Sign out" })
               ]
             }
           ) }),
-          /* @__PURE__ */ e(f, { className: "m-0" }),
-          /* @__PURE__ */ e("div", { className: "p-4 bg-blimu-muted/50", children: /* @__PURE__ */ r("div", { className: "flex justify-center items-center gap-2 text-xs text-blimu-muted-foreground", children: [
-            /* @__PURE__ */ e("span", { children: "Secured by" }),
-            /* @__PURE__ */ e("span", { className: "font-semibold text-blimu-foreground", children: "Blimu" })
+          /* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "m-0" }),
+          /* @__PURE__ */ jsx("div", { className: "p-4 bg-blimu-muted/50", children: /* @__PURE__ */ jsxs("div", { className: "flex justify-center items-center gap-2 text-xs text-blimu-muted-foreground", children: [
+            /* @__PURE__ */ jsx("span", { children: "Secured by" }),
+            /* @__PURE__ */ jsx("span", { className: "font-semibold text-blimu-foreground", children: "Blimu" })
           ] }) })
         ]
       }
@@ -88,6 +94,6 @@ function G({
   ] });
 }
 export {
-  G as UserButton
+  UserButton
 };
 //# sourceMappingURL=user-button.js.map