@blimu/react 1.1.0 → 1.1.4

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: _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 { LogOut } from 'lucide-react';\nimport React from 'react';\n\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';\n\nimport { useAuth, useUser } from '../../hooks/use-auth';\nimport type { BlimuComponentProps } from '../../types';\nimport {\n  userButtonContentVariants,\n  type UserButtonTriggerVariants,\n  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: _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.d.ts

@@ -11,5 +11,5 @@ export interface UserButtonProps extends BlimuComponentProps, UserButtonTriggerV
     /** Avatar position when text is shown in trigger */
     avatarPos?: 'start' | 'end';
 }
-export declare function UserButton({ className, classes, onManageAccount, variant, size, showNameInTrigger, showEmailInTrigger, avatarPos, }?: UserButtonProps): React.JSX.Element | null;
+export declare function UserButton({ className, classes, onManageAccount: _onManageAccount, variant, size, showNameInTrigger, showEmailInTrigger, avatarPos, }?: UserButtonProps): React.JSX.Element | null;
 //# sourceMappingURL=user-button.d.ts.map

package/dist/components/user-button/user-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"user-button.d.ts","sourceRoot":"","sources":["../../../src/components/user-button/user-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAGL,KAAK,yBAAyB,EAC/B,MAAM,UAAU,CAAC;AAElB,MAAM,WAAW,eAAgB,SAAQ,mBAAmB,EAAE,yBAAyB;IACrF,iDAAiD;IACjD,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,uCAAuC;IACvC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,wCAAwC;IACxC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CAC7B;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,OAAO,EACP,eAAe,EACf,OAAO,EACP,IAAI,EACJ,iBAAyB,EACzB,kBAA0B,EAC1B,SAAmB,GACpB,GAAE,eAAoB,4BAiItB"}
+{"version":3,"file":"user-button.d.ts","sourceRoot":"","sources":["../../../src/components/user-button/user-button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAEL,KAAK,yBAAyB,EAE/B,MAAM,UAAU,CAAC;AAElB,MAAM,WAAW,eAAgB,SAAQ,mBAAmB,EAAE,yBAAyB;IACrF,iDAAiD;IACjD,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,uCAAuC;IACvC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,wCAAwC;IACxC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CAC7B;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,OAAO,EACP,eAAe,EAAE,gBAAgB,EACjC,OAAO,EACP,IAAI,EACJ,iBAAyB,EACzB,kBAA0B,EAC1B,SAAmB,GACpB,GAAE,eAAoB,4BAiItB"}

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: _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

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

@@ -1 +1 @@
-{"version":3,"file":"user-button.js","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.js","sources":["../../../src/components/user-button/user-button.tsx"],"sourcesContent":["import { LogOut } from 'lucide-react';\nimport React from 'react';\n\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';\n\nimport { useAuth, useUser } from '../../hooks/use-auth';\nimport type { BlimuComponentProps } from '../../types';\nimport {\n  userButtonContentVariants,\n  type UserButtonTriggerVariants,\n  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: _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":[],"mappings":"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"}

package/dist/hooks/index.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const blimu_hook = require("../providers/blimu/blimu.hook.cjs");
+const useAuth = require("./use-auth.cjs");
+const useClient = require("./use-client.cjs");
+const useMembers = require("./use-members.cjs");
+const useStore = require("./use-store.cjs");
+exports.useBlimu = blimu_hook.useBlimu;
+exports.useAuth = useAuth.useAuth;
+exports.useUser = useAuth.useUser;
+exports.useClient = useClient.useClient;
+exports.useMembers = useMembers.useMembers;
+exports.useStore = useStore.useStore;
+//# sourceMappingURL=index.cjs.map

package/dist/hooks/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/hooks/index.d.ts

@@ -1,7 +1,8 @@
 export { useBlimu } from '../providers/blimu/blimu.hook';
+export type { UseAuthReturn } from './use-auth';
 export { useAuth, useUser } from './use-auth';
 export { useClient } from './use-client';
-export { useStore } from './use-store';
-export { useMembers } from './use-members';
 export type { ResourceMember, UseMembersOptions, UseMembersResult } from './use-members';
+export { useMembers } from './use-members';
+export { useStore } from './use-store';
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACzF,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC"}

package/dist/hooks/index.js

@@ -0,0 +1,14 @@
+import { useBlimu } from "../providers/blimu/blimu.hook.js";
+import { useAuth, useUser } from "./use-auth.js";
+import { useClient } from "./use-client.js";
+import { useMembers } from "./use-members.js";
+import { useStore } from "./use-store.js";
+export {
+  useAuth,
+  useBlimu,
+  useClient,
+  useMembers,
+  useStore,
+  useUser
+};
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/hooks/use-auth.cjs

@@ -1,2 +1,45 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),i=require("../providers/auth/auth.hook.cjs"),t=require("../types/index.cjs");function r(){const e=i.useAuthContext(),{state:s}=e,u=a.useMemo(()=>({isIdle:t.AuthStateGuards.isIdle(s),isLoading:t.AuthStateGuards.isLoading(s),isAuthenticated:t.AuthStateGuards.isAuthenticated(s),isUnauthenticated:t.AuthStateGuards.isUnauthenticated(s),isReady:t.AuthStateGuards.isReady(s),isError:t.AuthStateGuards.isError(s)}),[s]);return{...e,...u}}function n(){const{state:e}=i.useAuthContext(),s=t.AuthStateGuards.isAuthenticated(e)?e.user:null,u=a.useMemo(()=>({isIdle:t.AuthStateGuards.isIdle(e),isLoading:t.AuthStateGuards.isLoading(e),isAuthenticated:t.AuthStateGuards.isAuthenticated(e),isUnauthenticated:t.AuthStateGuards.isUnauthenticated(e),isError:t.AuthStateGuards.isError(e)}),[e]);return{user:s,...u}}exports.useAuth=r;exports.useUser=n;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const auth_hook = require("../providers/auth/auth.hook.cjs");
+const types_index = require("../types/index.cjs");
+function useAuth() {
+  const context = auth_hook.useAuthContext();
+  const { state } = context;
+  const booleanState = React.useMemo(
+    () => ({
+      isIdle: types_index.AuthStateGuards.isIdle(state),
+      isLoading: types_index.AuthStateGuards.isLoading(state),
+      isAuthenticated: types_index.AuthStateGuards.isAuthenticated(state),
+      isUnauthenticated: types_index.AuthStateGuards.isUnauthenticated(state),
+      isReady: types_index.AuthStateGuards.isReady(state),
+      isError: types_index.AuthStateGuards.isError(state)
+    }),
+    [state]
+  );
+  return {
+    ...context,
+    ...booleanState
+  };
+}
+function useUser() {
+  const { state } = auth_hook.useAuthContext();
+  const user = types_index.AuthStateGuards.isAuthenticated(state) ? state.user : null;
+  const booleanState = React.useMemo(
+    () => ({
+      isIdle: types_index.AuthStateGuards.isIdle(state),
+      isLoading: types_index.AuthStateGuards.isLoading(state),
+      isAuthenticated: types_index.AuthStateGuards.isAuthenticated(state),
+      isUnauthenticated: types_index.AuthStateGuards.isUnauthenticated(state),
+      isError: types_index.AuthStateGuards.isError(state)
+    }),
+    [state]
+  );
+  return {
+    user,
+    ...booleanState
+  };
+}
+exports.useAuth = useAuth;
+exports.useUser = useUser;
 //# sourceMappingURL=use-auth.cjs.map

package/dist/hooks/use-auth.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-auth.cjs","sources":["../../src/hooks/use-auth.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { useAuthContext } from '../providers/auth/auth.hook';\nimport { AuthStateGuards } from '../types';\n\n/**\n * Hook for accessing authentication state and actions\n *\n * Provides a type-safe interface to authentication state with discriminated union states\n * and convenient boolean properties for common checks.\n *\n * @example Using boolean properties\n * ```tsx\n * function MyComponent() {\n *   const { isAuthenticated, isLoading, login, logout } = useAuth();\n *\n *   if (isLoading) {\n *     return <Spinner />;\n *   }\n *\n *   if (isAuthenticated) {\n *     return (\n *       <div>\n *         <p>Welcome!</p>\n *         <button onClick={logout}>Logout</button>\n *       </div>\n *     );\n *   }\n *\n *   return <LoginForm onLogin={login} />;\n * }\n * ```\n *\n * @example Using discriminated union state for advanced cases\n * ```tsx\n * function AuthStatus() {\n *   const { state, isError } = useAuth();\n *\n *   if (isError && state.status === 'error') {\n *     return <div>Error: {state.error}</div>;\n *   }\n *\n *   return <div>Status: {state.status}</div>;\n * }\n * ```\n */\nexport function useAuth() {\n  const context = useAuthContext();\n  const { state } = context;\n\n  const booleanState = useMemo(\n    () => ({\n      isIdle: AuthStateGuards.isIdle(state),\n      isLoading: AuthStateGuards.isLoading(state),\n      isAuthenticated: AuthStateGuards.isAuthenticated(state),\n      isUnauthenticated: AuthStateGuards.isUnauthenticated(state),\n      isReady: AuthStateGuards.isReady(state),\n      isError: AuthStateGuards.isError(state),\n    }),\n    [state],\n  );\n\n  return {\n    ...context,\n    ...booleanState,\n  };\n}\n\n/**\n * Hook for getting current user information with auth state\n *\n * Returns the user object if authenticated (null otherwise) along with boolean state properties.\n *\n * @example\n * ```tsx\n * function UserProfile() {\n *   const { user, isAuthenticated, isLoading } = useUser();\n *\n *   if (isLoading) {\n *     return <Spinner />;\n *   }\n *\n *   if (!isAuthenticated || !user) {\n *     return <div>Not authenticated</div>;\n *   }\n *\n *   return (\n *     <div>\n *       <h1>{user.firstName} {user.lastName}</h1>\n *       <p>{user.email}</p>\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useUser() {\n  const { state } = useAuthContext();\n\n  const user = AuthStateGuards.isAuthenticated(state) ? state.user : null;\n\n  const booleanState = useMemo(\n    () => ({\n      isIdle: AuthStateGuards.isIdle(state),\n      isLoading: AuthStateGuards.isLoading(state),\n      isAuthenticated: AuthStateGuards.isAuthenticated(state),\n      isUnauthenticated: AuthStateGuards.isUnauthenticated(state),\n      isError: AuthStateGuards.isError(state),\n    }),\n    [state],\n  );\n\n  return {\n    user,\n    ...booleanState,\n  };\n}\n"],"names":["useAuth","context","useAuthContext","state","booleanState","useMemo","AuthStateGuards","useUser","user"],"mappings":"sLA8CO,SAASA,GAAU,CACxB,MAAMC,EAAUC,EAAAA,eAAA,EACV,CAAE,MAAAC,GAAUF,EAEZG,EAAeC,EAAAA,QACnB,KAAO,CACL,OAAQC,EAAAA,gBAAgB,OAAOH,CAAK,EACpC,UAAWG,EAAAA,gBAAgB,UAAUH,CAAK,EAC1C,gBAAiBG,EAAAA,gBAAgB,gBAAgBH,CAAK,EACtD,kBAAmBG,EAAAA,gBAAgB,kBAAkBH,CAAK,EAC1D,QAASG,EAAAA,gBAAgB,QAAQH,CAAK,EACtC,QAASG,EAAAA,gBAAgB,QAAQH,CAAK,CAAA,GAExC,CAACA,CAAK,CAAA,EAGR,MAAO,CACL,GAAGF,EACH,GAAGG,CAAA,CAEP,CA6BO,SAASG,GAAU,CACxB,KAAM,CAAE,MAAAJ,CAAA,EAAUD,iBAAA,EAEZM,EAAOF,EAAAA,gBAAgB,gBAAgBH,CAAK,EAAIA,EAAM,KAAO,KAE7DC,EAAeC,EAAAA,QACnB,KAAO,CACL,OAAQC,EAAAA,gBAAgB,OAAOH,CAAK,EACpC,UAAWG,EAAAA,gBAAgB,UAAUH,CAAK,EAC1C,gBAAiBG,EAAAA,gBAAgB,gBAAgBH,CAAK,EACtD,kBAAmBG,EAAAA,gBAAgB,kBAAkBH,CAAK,EAC1D,QAASG,EAAAA,gBAAgB,QAAQH,CAAK,CAAA,GAExC,CAACA,CAAK,CAAA,EAGR,MAAO,CACL,KAAAK,EACA,GAAGJ,CAAA,CAEP"}
+{"version":3,"file":"use-auth.cjs","sources":["../../src/hooks/use-auth.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { useAuthContext } from '../providers/auth/auth.hook';\nimport { type AuthContextValue, AuthStateGuards } from '../types';\n\n/**\n * Return type for useAuth hook\n */\nexport type UseAuthReturn = AuthContextValue & {\n  isIdle: boolean;\n  isLoading: boolean;\n  isAuthenticated: boolean;\n  isUnauthenticated: boolean;\n  isReady: boolean;\n  isError: boolean;\n};\n\n/**\n * Hook for accessing authentication state and actions\n *\n * Provides a type-safe interface to authentication state with discriminated union states\n * and convenient boolean properties for common checks.\n *\n * @example Using boolean properties\n * ```tsx\n * function MyComponent() {\n *   const { isAuthenticated, isLoading, login, logout } = useAuth();\n *\n *   if (isLoading) {\n *     return <Spinner />;\n *   }\n *\n *   if (isAuthenticated) {\n *     return (\n *       <div>\n *         <p>Welcome!</p>\n *         <button onClick={logout}>Logout</button>\n *       </div>\n *     );\n *   }\n *\n *   return <LoginForm onLogin={login} />;\n * }\n * ```\n *\n * @example Using discriminated union state for advanced cases\n * ```tsx\n * function AuthStatus() {\n *   const { state, isError } = useAuth();\n *\n *   if (isError && state.status === 'error') {\n *     return <div>Error: {state.error}</div>;\n *   }\n *\n *   return <div>Status: {state.status}</div>;\n * }\n * ```\n */\nexport function useAuth(): UseAuthReturn {\n  const context = useAuthContext();\n  const { state } = context;\n\n  const booleanState = useMemo(\n    () => ({\n      isIdle: AuthStateGuards.isIdle(state),\n      isLoading: AuthStateGuards.isLoading(state),\n      isAuthenticated: AuthStateGuards.isAuthenticated(state),\n      isUnauthenticated: AuthStateGuards.isUnauthenticated(state),\n      isReady: AuthStateGuards.isReady(state),\n      isError: AuthStateGuards.isError(state),\n    }),\n    [state],\n  );\n\n  return {\n    ...context,\n    ...booleanState,\n  };\n}\n\n/**\n * Hook for getting current user information with auth state\n *\n * Returns the user object if authenticated (null otherwise) along with boolean state properties.\n *\n * @example\n * ```tsx\n * function UserProfile() {\n *   const { user, isAuthenticated, isLoading } = useUser();\n *\n *   if (isLoading) {\n *     return <Spinner />;\n *   }\n *\n *   if (!isAuthenticated || !user) {\n *     return <div>Not authenticated</div>;\n *   }\n *\n *   return (\n *     <div>\n *       <h1>{user.firstName} {user.lastName}</h1>\n *       <p>{user.email}</p>\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useUser() {\n  const { state } = useAuthContext();\n\n  const user = AuthStateGuards.isAuthenticated(state) ? state.user : null;\n\n  const booleanState = useMemo(\n    () => ({\n      isIdle: AuthStateGuards.isIdle(state),\n      isLoading: AuthStateGuards.isLoading(state),\n      isAuthenticated: AuthStateGuards.isAuthenticated(state),\n      isUnauthenticated: AuthStateGuards.isUnauthenticated(state),\n      isError: AuthStateGuards.isError(state),\n    }),\n    [state],\n  );\n\n  return {\n    user,\n    ...booleanState,\n  };\n}\n"],"names":["useAuthContext","useMemo","AuthStateGuards"],"mappings":";;;;;AA0DO,SAAS,UAAyB;AACvC,QAAM,UAAUA,UAAAA,eAAA;AAChB,QAAM,EAAE,UAAU;AAElB,QAAM,eAAeC,MAAAA;AAAAA,IACnB,OAAO;AAAA,MACL,QAAQC,YAAAA,gBAAgB,OAAO,KAAK;AAAA,MACpC,WAAWA,YAAAA,gBAAgB,UAAU,KAAK;AAAA,MAC1C,iBAAiBA,YAAAA,gBAAgB,gBAAgB,KAAK;AAAA,MACtD,mBAAmBA,YAAAA,gBAAgB,kBAAkB,KAAK;AAAA,MAC1D,SAASA,YAAAA,gBAAgB,QAAQ,KAAK;AAAA,MACtC,SAASA,YAAAA,gBAAgB,QAAQ,KAAK;AAAA,IAAA;AAAA,IAExC,CAAC,KAAK;AAAA,EAAA;AAGR,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,EAAA;AAEP;AA6BO,SAAS,UAAU;AACxB,QAAM,EAAE,MAAA,IAAUF,yBAAA;AAElB,QAAM,OAAOE,YAAAA,gBAAgB,gBAAgB,KAAK,IAAI,MAAM,OAAO;AAEnE,QAAM,eAAeD,MAAAA;AAAAA,IACnB,OAAO;AAAA,MACL,QAAQC,YAAAA,gBAAgB,OAAO,KAAK;AAAA,MACpC,WAAWA,YAAAA,gBAAgB,UAAU,KAAK;AAAA,MAC1C,iBAAiBA,YAAAA,gBAAgB,gBAAgB,KAAK;AAAA,MACtD,mBAAmBA,YAAAA,gBAAgB,kBAAkB,KAAK;AAAA,MAC1D,SAASA,YAAAA,gBAAgB,QAAQ,KAAK;AAAA,IAAA;AAAA,IAExC,CAAC,KAAK;AAAA,EAAA;AAGR,SAAO;AAAA,IACL;AAAA,IACA,GAAG;AAAA,EAAA;AAEP;;;"}

package/dist/hooks/use-auth.d.ts

@@ -1,3 +1,15 @@
+import { type AuthContextValue } from '../types';
+/**
+ * Return type for useAuth hook
+ */
+export type UseAuthReturn = AuthContextValue & {
+    isIdle: boolean;
+    isLoading: boolean;
+    isAuthenticated: boolean;
+    isUnauthenticated: boolean;
+    isReady: boolean;
+    isError: boolean;
+};
 /**
  * Hook for accessing authentication state and actions
  *
@@ -39,21 +51,7 @@
  * }
  * ```
  */
-export declare function useAuth(): {
-    isIdle: boolean;
-    isLoading: boolean;
-    isAuthenticated: boolean;
-    isUnauthenticated: boolean;
-    isReady: boolean;
-    isError: boolean;
-    state: import("..").AuthState;
-    login: (returnUrl?: string) => void;
-    logout: () => Promise<void>;
-    getToken: (options: {
-        template: "web";
-    }) => Promise<string | null>;
-    getAuthState: () => import("..").AuthState;
-};
+export declare function useAuth(): UseAuthReturn;
 /**
  * Hook for getting current user information with auth state
  *

package/dist/hooks/use-auth.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-auth.d.ts","sourceRoot":"","sources":["../../src/hooks/use-auth.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,wBAAgB,OAAO;;;;;;;;qBAsEuQ,CAAC;;;;;;EAlD9R;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,OAAO;;;;;;;EAoBtB"}
+{"version":3,"file":"use-auth.d.ts","sourceRoot":"","sources":["../../src/hooks/use-auth.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,gBAAgB,EAAmB,MAAM,UAAU,CAAC;AAElE;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,gBAAgB,GAAG;IAC7C,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,OAAO,CAAC;IACzB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,wBAAgB,OAAO,IAAI,aAAa,CAoBvC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,OAAO;;;;;;;EAoBtB"}