@ascendkit/nextjs 0.2.6 → 0.2.7

package/dist/components/index.d.ts

@@ -8,6 +8,6 @@ export { AscendKitAuthCard } from "./auth-card";
 export { AuthModal } from "./auth-modal";
 export { SignInButton } from "./sign-in-button";
 export { SignUpButton } from "./sign-up-button";
-export { AscendKitUserButton } from "./user-button";
+export { AscendKitUserButton, type AscendKitUserButtonProps } from "./user-button";
 export { BrandingBadge } from "./branding-badge";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,eAAe,CAAC;AACnF,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

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

@@ -1,11 +1,30 @@
 import { type UserButtonProps } from "@daveyplate/better-auth-ui";
+export interface AscendKitUserButtonProps extends UserButtonProps {
+    /**
+     * When `true`, renders a compact avatar-only trigger suitable for collapsed
+     * sidebars. The dropdown opens to the right instead of above.
+     *
+     * @default false
+     * @example
+     * ```tsx
+     * <AscendKitUserButton collapsed={isSidebarCollapsed} />
+     * ```
+     */
+    collapsed?: boolean;
+}
 /**
  * User avatar dropdown with sign-out, powered by Better Auth UI.
  *
- * Usage:
+ * Adapts to sidebar collapse state: when `collapsed` is true the trigger
+ * shrinks to a circular avatar with a chevron indicator and the dropdown
+ * opens to the right. When expanded (default) the full name, email and
+ * chevron are shown.
+ *
+ * @example
  * ```tsx
  * <AscendKitUserButton />
+ * <AscendKitUserButton collapsed />
  * ```
  */
-export declare function AscendKitUserButton(props: UserButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function AscendKitUserButton({ collapsed, ...props }: AscendKitUserButtonProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=user-button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"user-button.d.ts","sourceRoot":"","sources":["../../src/components/user-button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE9E;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,eAAe,2CAEzD"}
+{"version":3,"file":"user-button.d.ts","sourceRoot":"","sources":["../../src/components/user-button.tsx"],"names":[],"mappings":"AAIA,OAAO,EAIL,KAAK,eAAe,EACrB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,WAAW,wBAAyB,SAAQ,eAAe;IAC/D;;;;;;;;;OASG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,2CAe1B"}

package/dist/components/user-button.js

@@ -1,14 +1,36 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { UserButton } from "@daveyplate/better-auth-ui";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useContext } from "react";
+import { ChevronsUpDown } from "lucide-react";
+import { AuthUIContext, UserAvatar, UserButton, } from "@daveyplate/better-auth-ui";
 /**
  * User avatar dropdown with sign-out, powered by Better Auth UI.
  *
- * Usage:
+ * Adapts to sidebar collapse state: when `collapsed` is true the trigger
+ * shrinks to a circular avatar with a chevron indicator and the dropdown
+ * opens to the right. When expanded (default) the full name, email and
+ * chevron are shown.
+ *
+ * @example
  * ```tsx
  * <AscendKitUserButton />
+ * <AscendKitUserButton collapsed />
  * ```
  */
-export function AscendKitUserButton(props) {
+export function AscendKitUserButton({ collapsed, ...props }) {
+    if (collapsed) {
+        return (_jsx(UserButton, { ...props, disableDefaultLinks: true, size: "icon", side: "right", align: "start", trigger: _jsx(CollapsedTrigger, {}) }));
+    }
     return _jsx(UserButton, { ...props, disableDefaultLinks: true });
 }
+/**
+ * Compact trigger for collapsed sidebar: avatar circle + chevron arrows.
+ * Uses forwardRef so Radix's Slot (via DropdownMenuTrigger asChild) can
+ * attach its ref and event handlers (onClick, etc.) to the button.
+ */
+const CollapsedTrigger = forwardRef(function CollapsedTrigger(props, ref) {
+    const { hooks: { useSession }, } = useContext(AuthUIContext);
+    const { data: sessionData, isPending } = useSession();
+    const user = sessionData?.user;
+    return (_jsxs("button", { ref: ref, type: "button", ...props, className: `flex items-center gap-1 rounded-md p-1.5 transition hover:bg-accent/50 ${props.className ?? ""}`, children: [_jsx(UserAvatar, { user: user, isPending: isPending, className: "size-8" }), _jsx(ChevronsUpDown, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" })] }));
+});

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { AscendKitAuth, createAscendKitAuthRuntime, createAscendKitAdapter, createAccessTokenHandler, Analytics, } from "./server";
 export type { AscendKitAuthOptions, AscendKitSession, AscendKitUser, BrandingConfig } from "./shared/types";
 export { AscendKitProvider, useAscendKitContext, useAscendKit, useAuthModal, useAccessToken, useSessions, useUser, useAnalytics, verifyEmail } from "./client";
-export { Login, SignUp, EmailVerification, ForgotPassword, ResetPassword, SocialButton, AscendKitAuthCard, AuthModal, SignInButton, SignUpButton, AscendKitUserButton, BrandingBadge, } from "./components";
+export { Login, SignUp, EmailVerification, ForgotPassword, ResetPassword, SocialButton, AscendKitAuthCard, AuthModal, SignInButton, SignUpButton, AscendKitUserButton, type AscendKitUserButtonProps, BrandingBadge, } from "./components";
 export { SignedIn, SignedOut, AuthLoading } from "@daveyplate/better-auth-ui";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,aAAa,EACb,0BAA0B,EAC1B,sBAAsB,EACtB,wBAAwB,EACxB,SAAS,GACV,MAAM,UAAU,CAAC;AAClB,YAAY,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAG5G,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG/J,OAAO,EACL,KAAK,EACL,MAAM,EACN,iBAAiB,EACjB,cAAc,EACd,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,mBAAmB,EACnB,aAAa,GACd,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,aAAa,EACb,0BAA0B,EAC1B,sBAAsB,EACtB,wBAAwB,EACxB,SAAS,GACV,MAAM,UAAU,CAAC;AAClB,YAAY,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAG5G,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAG/J,OAAO,EACL,KAAK,EACL,MAAM,EACN,iBAAiB,EACjB,cAAc,EACd,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,mBAAmB,EACnB,KAAK,wBAAwB,EAC7B,aAAa,GACd,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ascendkit/nextjs",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "description": "AscendKit SDK for Next.js and React",
   "author": "ascendkit.dev",
   "license": "MIT",