@pollinations/ui 0.1.0-alpha.0 → 0.1.0-alpha.3

package/dist/auth/sdk.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/modules/auth/sdk.ts","../../src/modules/auth/LoginButton.tsx","../../src/lib/cn.ts","../../src/primitives/Button.tsx","../../src/modules/auth/LogoutButton.tsx","../../src/modules/auth/UserAvatar.tsx","../../src/modules/auth/UserEmail.tsx","../../src/modules/auth/UserName.tsx","../../src/modules/auth/WhenLoggedIn.tsx","../../src/modules/auth/WhenLoggedOut.tsx"],"sourcesContent":["export { LoginButton, type LoginButtonProps } from \"./LoginButton.tsx\";\nexport { LogoutButton, type LogoutButtonProps } from \"./LogoutButton.tsx\";\nexport { UserAvatar, type UserAvatarProps } from \"./UserAvatar.tsx\";\nexport { UserEmail, type UserEmailProps } from \"./UserEmail.tsx\";\nexport { UserName, type UserNameProps } from \"./UserName.tsx\";\nexport { WhenLoggedIn, type WhenLoggedInProps } from \"./WhenLoggedIn.tsx\";\nexport { WhenLoggedOut, type WhenLoggedOutProps } from \"./WhenLoggedOut.tsx\";\n","import { useAuthActions, useAuthState } from \"@pollinations/sdk/react\";\nimport type { ReactNode } from \"react\";\nimport { Button, type ButtonProps } from \"../../primitives/Button.tsx\";\n\nexport type LoginButtonProps = Omit<\n    ButtonProps<\"button\">,\n    \"as\" | \"onClick\" | \"children\"\n> & {\n    children: ReactNode;\n};\n\n/** Button that kicks off the auth redirect. `null` when already logged in. */\nexport function LoginButton({ children, ...buttonProps }: LoginButtonProps) {\n    const { isLoggedIn } = useAuthState();\n    const { login } = useAuthActions();\n    if (isLoggedIn) return null;\n    return (\n        <Button {...buttonProps} onClick={() => login()}>\n            {children}\n        </Button>\n    );\n}\n","import { clsx } from \"clsx\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\n\nconst twMerge = extendTailwindMerge({ prefix: \"polli\" });\n\n/** Internal class merge for polli:-prefixed package primitive classes. */\nexport function cn(...inputs: (string | undefined | null | false)[]) {\n    return twMerge(clsx(...inputs));\n}\n","import type { PropsWithChildren } from \"react\";\nimport { cn } from \"../lib/cn.ts\";\nimport type { ThemeName } from \"../theme.ts\";\n\n/** Button only supports `danger`. Label/status color recipes live on Chip. */\ntype ButtonIntent = \"danger\";\n\nconst sizes = {\n    sm: \"polli:px-2 polli:pt-0.5 polli:pb-1\",\n    md: \"polli:px-4 polli:pt-1.5 polli:pb-2\",\n    lg: \"polli:px-6 polli:py-3\",\n} as const;\n\n// Cascade-driven base — reads [data-theme] vars.\nconst themeClasses =\n    \"polli:bg-theme-bg-active polli:text-theme-text-base \" +\n    \"polli:hover:bg-theme-bg-hover polli:transition-colors\";\n\n// Single intent: danger. Soft recipe — light tile + deep text, slightly\n// deeper bg on hover. No filled CTAs anywhere.\nconst intentClasses: Record<ButtonIntent, string> = {\n    danger:\n        \"polli:bg-intent-danger-bg-light polli:text-intent-danger-text \" +\n        \"polli:hover:bg-intent-danger-bg-hover polli:transition-colors\",\n};\n\ntype BaseButtonProps = {\n    /** Override the cascade theme for this button's subtree. Ignored when `intent` is set. */\n    theme?: ThemeName;\n    /** Only `\"danger\"` for now. */\n    intent?: ButtonIntent;\n    size?: keyof typeof sizes;\n    className?: string;\n    disabled?: boolean;\n};\n\nconst buttonClasses = ({\n    theme: _theme,\n    intent,\n    size,\n    className,\n    disabled,\n}: BaseButtonProps & { disabled?: boolean }) => {\n    const colorClasses = intent ? intentClasses[intent] : themeClasses;\n    return cn(\n        \"polli-control polli:inline-flex polli:items-center polli:justify-center polli:rounded-full polli:self-center polli:font-medium polli:leading-normal polli:box-border\",\n        disabled\n            ? \"polli:opacity-50 polli:cursor-not-allowed\"\n            : \"polli:hover:filter polli:hover:brightness-105 polli:cursor-pointer\",\n        colorClasses,\n        sizes[size || \"md\"],\n        className,\n    );\n};\n\nexport type ButtonProps<T extends React.ElementType = \"button\"> =\n    PropsWithChildren<BaseButtonProps> & {\n        as?: T;\n    } & Omit<React.ComponentPropsWithoutRef<T>, keyof BaseButtonProps | \"as\">;\n\nexport function Button<T extends React.ElementType = \"button\">({\n    as,\n    children,\n    theme,\n    intent,\n    size,\n    className,\n    disabled,\n    ...buttonProps\n}: ButtonProps<T>) {\n    const Component: React.ElementType = as || \"button\";\n\n    return (\n        <Component\n            // Cascade override only applies when `intent` is unset.\n            data-theme={intent ? undefined : theme}\n            data-intent={intent}\n            className={buttonClasses({\n                theme,\n                intent,\n                size,\n                className,\n                disabled,\n            })}\n            disabled={disabled}\n            {...buttonProps}\n        >\n            {children}\n        </Component>\n    );\n}\n","import { useAuthActions, useAuthState } from \"@pollinations/sdk/react\";\nimport type { ReactNode } from \"react\";\nimport { Button, type ButtonProps } from \"../../primitives/Button.tsx\";\n\nexport type LogoutButtonProps = Omit<\n    ButtonProps<\"button\">,\n    \"as\" | \"onClick\" | \"children\"\n> & {\n    children: ReactNode;\n};\n\n/** Button that clears the session. `null` when logged out. */\nexport function LogoutButton({ children, ...buttonProps }: LogoutButtonProps) {\n    const { isLoggedIn } = useAuthState();\n    const { logout } = useAuthActions();\n    if (!isLoggedIn) return null;\n    return (\n        <Button {...buttonProps} onClick={() => logout()}>\n            {children}\n        </Button>\n    );\n}\n","import { useAccountProfile, useAuthState } from \"@pollinations/sdk/react\";\nimport { cn } from \"../../lib/cn.ts\";\n\nexport type UserAvatarProps = {\n    size?: \"sm\" | \"md\" | \"lg\";\n    className?: string;\n};\n\nconst sizeClass = {\n    sm: \"polli:w-6 polli:h-6 polli:text-xs\",\n    md: \"polli:w-9 polli:h-9 polli:text-sm\",\n    lg: \"polli:w-12 polli:h-12 polli:text-base\",\n} as const;\n\nfunction initials(name: string): string | null {\n    const parts = name.trim().split(/\\s+/).filter(Boolean);\n    if (parts.length === 0) return null;\n    if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase() || null;\n    const first = parts[0][0] ?? \"\";\n    const last = parts[parts.length - 1][0] ?? \"\";\n    return (first + last).toUpperCase() || null;\n}\n\n/** Avatar from `profile.image`, or initials from `profile.name`. `null` otherwise. */\nexport function UserAvatar({ size = \"md\", className }: UserAvatarProps) {\n    const { isLoggedIn } = useAuthState();\n    const { data: profile } = useAccountProfile({ enabled: isLoggedIn });\n    if (!isLoggedIn) return null;\n\n    const base = cn(\n        \"polli:inline-flex polli:items-center polli:justify-center polli:rounded-full polli:overflow-hidden polli:bg-theme-bg-pale polli:text-theme-text-strong polli:font-semibold polli:select-none\",\n        sizeClass[size],\n        className,\n    );\n\n    if (profile?.image) {\n        return (\n            <img\n                data-polli=\"user-avatar\"\n                src={profile.image}\n                alt={profile.name ?? \"\"}\n                className={base}\n            />\n        );\n    }\n    const label = profile?.name ? initials(profile.name) : null;\n    if (!label) return null;\n    return (\n        <div\n            data-polli=\"user-avatar\"\n            role=\"img\"\n            aria-label={profile?.name ?? undefined}\n            className={base}\n        >\n            {label}\n        </div>\n    );\n}\n","import { useAccountProfile, useAuthState } from \"@pollinations/sdk/react\";\n\nexport type UserEmailProps = { className?: string };\n\n/** Renders `profile.email`. `null` when logged out or the key lacks `profile` scope. */\nexport function UserEmail({ className }: UserEmailProps) {\n    const { isLoggedIn } = useAuthState();\n    const { data: profile } = useAccountProfile({ enabled: isLoggedIn });\n    if (!isLoggedIn || !profile?.email) return null;\n    return (\n        <span data-polli=\"user-email\" className={className}>\n            {profile.email}\n        </span>\n    );\n}\n","import { useAccountProfile, useAuthState } from \"@pollinations/sdk/react\";\n\nexport type UserNameProps = { className?: string };\n\n/**\n * Renders the user's display name. Falls back to GitHub username when the\n * `profile` scope was not granted (or `name` is empty). `null` when logged\n * out, or when neither name nor GitHub username is available.\n */\nexport function UserName({ className }: UserNameProps) {\n    const { isLoggedIn } = useAuthState();\n    const { data: profile } = useAccountProfile({ enabled: isLoggedIn });\n    if (!isLoggedIn || !profile) return null;\n    const display = profile.name || profile.githubUsername;\n    if (!display) return null;\n    return (\n        <span data-polli=\"user-name\" className={className}>\n            {display}\n        </span>\n    );\n}\n","import { useAuthState } from \"@pollinations/sdk/react\";\nimport { Fragment, type ReactNode } from \"react\";\n\nexport type WhenLoggedInProps = { children: ReactNode };\n\n/** Renders `children` only when a user is signed in. */\nexport function WhenLoggedIn({ children }: WhenLoggedInProps) {\n    const { isLoggedIn } = useAuthState();\n    if (!isLoggedIn) return null;\n    return <Fragment>{children}</Fragment>;\n}\n","import { useAuthState } from \"@pollinations/sdk/react\";\nimport { Fragment, type ReactNode } from \"react\";\n\nexport type WhenLoggedOutProps = { children: ReactNode };\n\n/** Renders `children` only when no user is signed in. */\nexport function WhenLoggedOut({ children }: WhenLoggedOutProps) {\n    const { isLoggedIn } = useAuthState();\n    if (isLoggedIn) return null;\n    return <Fragment>{children}</Fragment>;\n}\n"],"mappings":"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","names":["import_jsx_runtime","import_react","import_jsx_runtime","import_react","import_jsx_runtime","import_react","import_jsx_runtime","import_react","import_jsx_runtime","import_react","import_jsx_runtime","import_react","import_jsx_runtime"]}
+{"version":3,"sources":["../../src/modules/auth/sdk.ts","../../src/modules/auth/LoginButton.tsx","../../src/lib/cn.ts","../../src/primitives/Button.tsx","../../src/modules/auth/UserAvatar.tsx","../../src/modules/auth/UserName.tsx","../../src/modules/auth/WhenLoggedIn.tsx","../../src/modules/auth/WhenLoggedOut.tsx"],"sourcesContent":["export { LoginButton, type LoginButtonProps } from \"./LoginButton.tsx\";\nexport { UserAvatar, type UserAvatarProps } from \"./UserAvatar.tsx\";\nexport { UserName, type UserNameProps } from \"./UserName.tsx\";\nexport { WhenLoggedIn, type WhenLoggedInProps } from \"./WhenLoggedIn.tsx\";\nexport { WhenLoggedOut, type WhenLoggedOutProps } from \"./WhenLoggedOut.tsx\";\n","import { useAuthActions, useAuthState } from \"@pollinations/sdk/react\";\nimport type { ReactNode } from \"react\";\nimport { Button, type ButtonProps } from \"../../primitives/Button.tsx\";\n\nexport type LoginButtonProps = Omit<\n    ButtonProps<\"button\">,\n    \"as\" | \"onClick\" | \"children\"\n> & {\n    children: ReactNode;\n};\n\n/** Button that kicks off the auth redirect. `null` when already logged in. */\nexport function LoginButton({ children, ...buttonProps }: LoginButtonProps) {\n    const { isLoggedIn } = useAuthState();\n    const { login } = useAuthActions();\n    if (isLoggedIn) return null;\n    return (\n        <Button {...buttonProps} onClick={() => login()}>\n            {children}\n        </Button>\n    );\n}\n","import { clsx } from \"clsx\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\n\nconst twMerge = extendTailwindMerge({ prefix: \"polli\" });\n\n/** Internal class merge for polli:-prefixed package primitive classes. */\nexport function cn(...inputs: (string | undefined | null | false)[]) {\n    return twMerge(clsx(...inputs));\n}\n","import type {\n    PropsWithChildren,\n    MouseEvent as ReactMouseEvent,\n    ReactNode,\n} from \"react\";\nimport { cn } from \"../lib/cn.ts\";\n\n/** Semantic action roles. Label recipes live on Chip. */\ntype ButtonIntent = \"danger\" | \"info\" | \"neutral\" | \"brand\" | \"commit\";\nexport type ButtonAppearance = \"pill\" | \"raised\";\n\nconst pillSizes = {\n    icon: \"polli:h-12 polli:w-12 polli:p-0\",\n    xs: \"polli:h-5 polli:px-1.5 polli:py-0 polli:text-[11px] polli:leading-none\",\n    sm: \"polli:min-h-7 polli:px-2 polli:pt-0.5 polli:pb-1\",\n    md: \"polli:min-h-9 polli:px-4 polli:pt-1.5 polli:pb-2\",\n    lg: \"polli:min-h-12 polli:px-6 polli:py-3\",\n} as const;\n\nconst raisedSizes = {\n    icon: \"polli:h-12 polli:w-12 polli:p-0\",\n    xs: \"polli:px-2 polli:py-1 polli:text-xs\",\n    sm: \"polli:px-4 polli:py-2 polli:text-sm\",\n    md: \"polli:px-7 polli:py-3.5 polli:text-base\",\n    lg: \"polli:px-8 polli:py-4 polli:text-lg\",\n} as const;\n\nconst appearanceClasses: Record<ButtonAppearance, string> = {\n    pill: \"polli:rounded-full\",\n    raised:\n        \"polli:rounded-xl polli:border-r-[3px] polli:border-b-[3px] polli:border-solid \" +\n        \"polli:border-theme-text-strong/20 polli:hover:border-theme-text-strong/45\",\n};\n\n// Cascade-driven base — reads [data-theme] vars.\nconst themeClasses =\n    \"polli:bg-theme-bg-active polli:text-theme-text-strong \" +\n    \"polli:hover:bg-theme-bg-hover polli:hover:text-theme-text-hover polli:transition-colors\";\n\n// Primary and destructive actions use outlines at rest.\n// Two accent families share one look: `brand` for\n// signing in (identity, calm pale hover) and `commit` for granting or saving\n// (fills with the accent only under the pointer or keyboard focus).\nconst outlined =\n    \"polli:border polli:border-theme-text-soft polli:bg-surface-white polli:text-theme-text-strong \" +\n    \"polli:transition-colors polli:[.dark_&]:bg-transparent\";\nconst intentClasses: Record<ButtonIntent, string> = {\n    brand: `${outlined} polli:hover:bg-theme-text-soft/10`,\n    commit:\n        `${outlined} polli:hover:border-theme-bg-active polli:hover:bg-theme-bg-active ` +\n        \"polli:focus-visible:border-theme-bg-active polli:focus-visible:bg-theme-bg-active \" +\n        \"polli:[.dark_&]:hover:bg-theme-bg-active polli:[.dark_&]:focus-visible:bg-theme-bg-active\",\n    danger:\n        \"polli:border polli:border-intent-danger-text polli:bg-transparent polli:text-intent-danger-text \" +\n        \"polli:hover:bg-intent-danger-bg-hover polli:focus-visible:bg-intent-danger-bg-hover polli:transition-colors\",\n    info:\n        \"polli:bg-intent-info-bg-light polli:text-intent-info-text \" +\n        \"polli:hover:bg-intent-info-bg-hover polli:transition-colors\",\n    // Secondary actions never take the accent: one step stronger grey on hover.\n    neutral:\n        \"polli:bg-theme-bg-subtle polli:text-theme-text-base \" +\n        \"polli:hover:bg-theme-text-muted/25 polli:hover:text-theme-text-strong polli:transition-colors\",\n};\n\ntype BaseButtonProps = {\n    icon?: ReactNode;\n    /** Optional semantic recipe; omit for the ambient theme button. */\n    intent?: ButtonIntent;\n    /** `raised` is the stronger website CTA treatment. */\n    appearance?: ButtonAppearance;\n    size?: keyof typeof pillSizes;\n    className?: string;\n    disabled?: boolean;\n};\n\nconst buttonClasses = ({\n    intent,\n    appearance = \"pill\",\n    size,\n    className,\n    disabled,\n}: BaseButtonProps & { disabled?: boolean }) => {\n    const colorClasses = intent ? intentClasses[intent] : themeClasses;\n    const sizeClasses = appearance === \"raised\" ? raisedSizes : pillSizes;\n    return cn(\n        \"polli-control polli:inline-flex polli:items-center polli:justify-center polli:self-center polli:font-body polli:text-sm polli:font-medium polli:leading-normal polli:box-border polli:border polli:border-transparent\",\n        disabled\n            ? \"polli:opacity-50 polli:cursor-not-allowed\"\n            : \"polli:hover:filter polli:hover:brightness-105 polli:cursor-pointer\",\n        colorClasses,\n        appearanceClasses[appearance],\n        sizeClasses[size || \"md\"],\n        className,\n    );\n};\n\nexport type ButtonProps<T extends React.ElementType = \"button\"> =\n    PropsWithChildren<BaseButtonProps> & {\n        as?: T;\n    } & Omit<React.ComponentPropsWithoutRef<T>, keyof BaseButtonProps | \"as\">;\n\nexport function Button<T extends React.ElementType = \"button\">({\n    as,\n    children,\n    icon,\n    intent,\n    appearance,\n    size,\n    className,\n    disabled,\n    ...buttonProps\n}: ButtonProps<T>) {\n    const Component: React.ElementType = as || \"button\";\n    const isButton = Component === \"button\";\n    const isAnchor = Component === \"a\";\n    const buttonType = (\n        buttonProps as {\n            type?: \"button\" | \"submit\" | \"reset\";\n        }\n    ).type;\n    const onClick = (\n        buttonProps as {\n            onClick?: (event: ReactMouseEvent) => void;\n        }\n    ).onClick;\n    const handleClick = disabled\n        ? (event: ReactMouseEvent) => {\n              event.preventDefault();\n              event.stopPropagation();\n          }\n        : onClick;\n\n    return (\n        <Component\n            {...buttonProps}\n            data-intent={intent}\n            {...(isButton ? { type: buttonType ?? \"button\", disabled } : {})}\n            {...(!isButton && disabled\n                ? { \"aria-disabled\": true, tabIndex: -1 }\n                : {})}\n            {...(isAnchor && disabled ? { href: undefined } : {})}\n            onClick={handleClick}\n            className={buttonClasses({\n                intent,\n                appearance,\n                size,\n                className,\n                disabled,\n            })}\n        >\n            {icon && (\n                <span\n                    aria-hidden=\"true\"\n                    className=\"polli:mr-2 polli:flex polli:size-4 polli:shrink-0 polli:[&>svg]:size-full\"\n                >\n                    {icon}\n                </span>\n            )}\n            {children}\n        </Component>\n    );\n}\n","import { useAccountProfile, useAuthState } from \"@pollinations/sdk/react\";\nimport { cn } from \"../../lib/cn.ts\";\n\nexport type UserAvatarProps = {\n    size?: \"sm\" | \"md\" | \"lg\";\n    className?: string;\n};\n\nconst sizeClass = {\n    sm: \"polli:w-6 polli:h-6 polli:text-xs\",\n    md: \"polli:w-9 polli:h-9 polli:text-sm\",\n    lg: \"polli:w-12 polli:h-12 polli:text-base\",\n} as const;\n\nfunction initials(name: string): string | null {\n    const parts = name.trim().split(/\\s+/).filter(Boolean);\n    if (parts.length === 0) return null;\n    if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase() || null;\n    const first = parts[0][0] ?? \"\";\n    const last = parts[parts.length - 1][0] ?? \"\";\n    return (first + last).toUpperCase() || null;\n}\n\n/** Avatar from `profile.image`, or initials from `profile.name`. `null` otherwise. */\nexport function UserAvatar({ size = \"md\", className }: UserAvatarProps) {\n    const { isLoggedIn } = useAuthState();\n    const { data: profile } = useAccountProfile({ enabled: isLoggedIn });\n    if (!isLoggedIn) return null;\n\n    const base = cn(\n        \"polli:inline-flex polli:items-center polli:justify-center polli:rounded-full polli:overflow-hidden polli:bg-theme-bg-pale polli:text-theme-text-strong polli:font-semibold polli:select-none\",\n        sizeClass[size],\n        className,\n    );\n\n    if (profile?.image) {\n        return (\n            <img\n                data-polli=\"user-avatar\"\n                src={profile.image}\n                alt={profile.name ?? \"\"}\n                className={base}\n            />\n        );\n    }\n    const label = profile?.name ? initials(profile.name) : null;\n    if (!label) return null;\n    return (\n        <div\n            data-polli=\"user-avatar\"\n            role=\"img\"\n            aria-label={profile?.name ?? undefined}\n            className={base}\n        >\n            {label}\n        </div>\n    );\n}\n","import { useAccountProfile, useAuthState } from \"@pollinations/sdk/react\";\n\nexport type UserNameProps = { className?: string };\n\n/**\n * Renders the user's display name. Falls back to GitHub username when the\n * `profile` scope was not granted (or `name` is empty). `null` when logged\n * out, or when neither name nor GitHub username is available.\n */\nexport function UserName({ className }: UserNameProps) {\n    const { isLoggedIn } = useAuthState();\n    const { data: profile } = useAccountProfile({ enabled: isLoggedIn });\n    if (!isLoggedIn || !profile) return null;\n    const display = profile.name || profile.githubUsername;\n    if (!display) return null;\n    return (\n        <span data-polli=\"user-name\" className={className}>\n            {display}\n        </span>\n    );\n}\n","import { useAuthState } from \"@pollinations/sdk/react\";\nimport { Fragment, type ReactNode } from \"react\";\n\nexport type WhenLoggedInProps = { children: ReactNode };\n\n/** Renders `children` only when a user is signed in. */\nexport function WhenLoggedIn({ children }: WhenLoggedInProps) {\n    const { isLoggedIn } = useAuthState();\n    if (!isLoggedIn) return null;\n    return <Fragment>{children}</Fragment>;\n}\n","import { useAuthState } from \"@pollinations/sdk/react\";\nimport { Fragment, type ReactNode } from \"react\";\n\nexport type WhenLoggedOutProps = { children: ReactNode };\n\n/** Renders `children` only when no user is signed in. */\nexport function WhenLoggedOut({ children }: WhenLoggedOutProps) {\n    const { isLoggedIn } = useAuthState();\n    if (isLoggedIn) return null;\n    return <Fragment>{children}</Fragment>;\n}\n"],"mappings":"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","names":["import_jsx_runtime","import_react","import_jsx_runtime","import_react","import_jsx_runtime","import_react","import_jsx_runtime","import_react","import_jsx_runtime"]}

package/dist/auth/sdk.d.cts

@@ -1,7 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
-import { a as ButtonProps } from '../Button-BvLF_Km2.cjs';
-import '../theme-VMRlhqST.cjs';
+import { B as ButtonProps } from '../Button-CO3Dpbkj.cjs';
 
 type LoginButtonProps = Omit<ButtonProps<"button">, "as" | "onClick" | "children"> & {
     children: ReactNode;
@@ -9,12 +8,6 @@ type LoginButtonProps = Omit<ButtonProps<"button">, "as" | "onClick" | "children
 /** Button that kicks off the auth redirect. `null` when already logged in. */
 declare function LoginButton({ children, ...buttonProps }: LoginButtonProps): react_jsx_runtime.JSX.Element | null;
 
-type LogoutButtonProps = Omit<ButtonProps<"button">, "as" | "onClick" | "children"> & {
-    children: ReactNode;
-};
-/** Button that clears the session. `null` when logged out. */
-declare function LogoutButton({ children, ...buttonProps }: LogoutButtonProps): react_jsx_runtime.JSX.Element | null;
-
 type UserAvatarProps = {
     size?: "sm" | "md" | "lg";
     className?: string;
@@ -22,12 +15,6 @@ type UserAvatarProps = {
 /** Avatar from `profile.image`, or initials from `profile.name`. `null` otherwise. */
 declare function UserAvatar({ size, className }: UserAvatarProps): react_jsx_runtime.JSX.Element | null;
 
-type UserEmailProps = {
-    className?: string;
-};
-/** Renders `profile.email`. `null` when logged out or the key lacks `profile` scope. */
-declare function UserEmail({ className }: UserEmailProps): react_jsx_runtime.JSX.Element | null;
-
 type UserNameProps = {
     className?: string;
 };
@@ -50,4 +37,4 @@ type WhenLoggedOutProps = {
 /** Renders `children` only when no user is signed in. */
 declare function WhenLoggedOut({ children }: WhenLoggedOutProps): react_jsx_runtime.JSX.Element | null;
 
-export { LoginButton, type LoginButtonProps, LogoutButton, type LogoutButtonProps, UserAvatar, type UserAvatarProps, UserEmail, type UserEmailProps, UserName, type UserNameProps, WhenLoggedIn, type WhenLoggedInProps, WhenLoggedOut, type WhenLoggedOutProps };
+export { LoginButton, type LoginButtonProps, UserAvatar, type UserAvatarProps, UserName, type UserNameProps, WhenLoggedIn, type WhenLoggedInProps, WhenLoggedOut, type WhenLoggedOutProps };

package/dist/auth/sdk.d.ts

@@ -1,7 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
-import { a as ButtonProps } from '../Button-DQAZzvyQ.js';
-import '../theme-VMRlhqST.js';
+import { B as ButtonProps } from '../Button-CO3Dpbkj.js';
 
 type LoginButtonProps = Omit<ButtonProps<"button">, "as" | "onClick" | "children"> & {
     children: ReactNode;
@@ -9,12 +8,6 @@ type LoginButtonProps = Omit<ButtonProps<"button">, "as" | "onClick" | "children
 /** Button that kicks off the auth redirect. `null` when already logged in. */
 declare function LoginButton({ children, ...buttonProps }: LoginButtonProps): react_jsx_runtime.JSX.Element | null;
 
-type LogoutButtonProps = Omit<ButtonProps<"button">, "as" | "onClick" | "children"> & {
-    children: ReactNode;
-};
-/** Button that clears the session. `null` when logged out. */
-declare function LogoutButton({ children, ...buttonProps }: LogoutButtonProps): react_jsx_runtime.JSX.Element | null;
-
 type UserAvatarProps = {
     size?: "sm" | "md" | "lg";
     className?: string;
@@ -22,12 +15,6 @@ type UserAvatarProps = {
 /** Avatar from `profile.image`, or initials from `profile.name`. `null` otherwise. */
 declare function UserAvatar({ size, className }: UserAvatarProps): react_jsx_runtime.JSX.Element | null;
 
-type UserEmailProps = {
-    className?: string;
-};
-/** Renders `profile.email`. `null` when logged out or the key lacks `profile` scope. */
-declare function UserEmail({ className }: UserEmailProps): react_jsx_runtime.JSX.Element | null;
-
 type UserNameProps = {
     className?: string;
 };
@@ -50,4 +37,4 @@ type WhenLoggedOutProps = {
 /** Renders `children` only when no user is signed in. */
 declare function WhenLoggedOut({ children }: WhenLoggedOutProps): react_jsx_runtime.JSX.Element | null;
 
-export { LoginButton, type LoginButtonProps, LogoutButton, type LogoutButtonProps, UserAvatar, type UserAvatarProps, UserEmail, type UserEmailProps, UserName, type UserNameProps, WhenLoggedIn, type WhenLoggedInProps, WhenLoggedOut, type WhenLoggedOutProps };
+export { LoginButton, type LoginButtonProps, UserAvatar, type UserAvatarProps, UserName, type UserNameProps, WhenLoggedIn, type WhenLoggedInProps, WhenLoggedOut, type WhenLoggedOutProps };

package/dist/auth/sdk.js

@@ -10,58 +10,100 @@ function cn(...inputs) {
 }
 
 // src/primitives/Button.tsx
-import { jsx } from "react/jsx-runtime";
-var sizes = {
-  sm: "polli:px-2 polli:pt-0.5 polli:pb-1",
-  md: "polli:px-4 polli:pt-1.5 polli:pb-2",
-  lg: "polli:px-6 polli:py-3"
+import { jsx, jsxs } from "react/jsx-runtime";
+var pillSizes = {
+  icon: "polli:h-12 polli:w-12 polli:p-0",
+  xs: "polli:h-5 polli:px-1.5 polli:py-0 polli:text-[11px] polli:leading-none",
+  sm: "polli:min-h-7 polli:px-2 polli:pt-0.5 polli:pb-1",
+  md: "polli:min-h-9 polli:px-4 polli:pt-1.5 polli:pb-2",
+  lg: "polli:min-h-12 polli:px-6 polli:py-3"
 };
-var themeClasses = "polli:bg-theme-bg-active polli:text-theme-text-base polli:hover:bg-theme-bg-hover polli:transition-colors";
+var raisedSizes = {
+  icon: "polli:h-12 polli:w-12 polli:p-0",
+  xs: "polli:px-2 polli:py-1 polli:text-xs",
+  sm: "polli:px-4 polli:py-2 polli:text-sm",
+  md: "polli:px-7 polli:py-3.5 polli:text-base",
+  lg: "polli:px-8 polli:py-4 polli:text-lg"
+};
+var appearanceClasses = {
+  pill: "polli:rounded-full",
+  raised: "polli:rounded-xl polli:border-r-[3px] polli:border-b-[3px] polli:border-solid polli:border-theme-text-strong/20 polli:hover:border-theme-text-strong/45"
+};
+var themeClasses = "polli:bg-theme-bg-active polli:text-theme-text-strong polli:hover:bg-theme-bg-hover polli:hover:text-theme-text-hover polli:transition-colors";
+var outlined = "polli:border polli:border-theme-text-soft polli:bg-surface-white polli:text-theme-text-strong polli:transition-colors polli:[.dark_&]:bg-transparent";
 var intentClasses = {
-  danger: "polli:bg-intent-danger-bg-light polli:text-intent-danger-text polli:hover:bg-intent-danger-bg-hover polli:transition-colors"
+  brand: `${outlined} polli:hover:bg-theme-text-soft/10`,
+  commit: `${outlined} polli:hover:border-theme-bg-active polli:hover:bg-theme-bg-active polli:focus-visible:border-theme-bg-active polli:focus-visible:bg-theme-bg-active polli:[.dark_&]:hover:bg-theme-bg-active polli:[.dark_&]:focus-visible:bg-theme-bg-active`,
+  danger: "polli:border polli:border-intent-danger-text polli:bg-transparent polli:text-intent-danger-text polli:hover:bg-intent-danger-bg-hover polli:focus-visible:bg-intent-danger-bg-hover polli:transition-colors",
+  info: "polli:bg-intent-info-bg-light polli:text-intent-info-text polli:hover:bg-intent-info-bg-hover polli:transition-colors",
+  // Secondary actions never take the accent: one step stronger grey on hover.
+  neutral: "polli:bg-theme-bg-subtle polli:text-theme-text-base polli:hover:bg-theme-text-muted/25 polli:hover:text-theme-text-strong polli:transition-colors"
 };
 var buttonClasses = ({
-  theme: _theme,
   intent,
+  appearance = "pill",
   size,
   className,
   disabled
 }) => {
   const colorClasses = intent ? intentClasses[intent] : themeClasses;
+  const sizeClasses = appearance === "raised" ? raisedSizes : pillSizes;
   return cn(
-    "polli-control polli:inline-flex polli:items-center polli:justify-center polli:rounded-full polli:self-center polli:font-medium polli:leading-normal polli:box-border",
+    "polli-control polli:inline-flex polli:items-center polli:justify-center polli:self-center polli:font-body polli:text-sm polli:font-medium polli:leading-normal polli:box-border polli:border polli:border-transparent",
     disabled ? "polli:opacity-50 polli:cursor-not-allowed" : "polli:hover:filter polli:hover:brightness-105 polli:cursor-pointer",
     colorClasses,
-    sizes[size || "md"],
+    appearanceClasses[appearance],
+    sizeClasses[size || "md"],
     className
   );
 };
 function Button({
   as,
   children,
-  theme,
+  icon,
   intent,
+  appearance,
   size,
   className,
   disabled,
   ...buttonProps
 }) {
   const Component = as || "button";
-  return /* @__PURE__ */ jsx(
+  const isButton = Component === "button";
+  const isAnchor = Component === "a";
+  const buttonType = buttonProps.type;
+  const onClick = buttonProps.onClick;
+  const handleClick = disabled ? (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+  } : onClick;
+  return /* @__PURE__ */ jsxs(
     Component,
     {
-      "data-theme": intent ? void 0 : theme,
+      ...buttonProps,
       "data-intent": intent,
+      ...isButton ? { type: buttonType ?? "button", disabled } : {},
+      ...!isButton && disabled ? { "aria-disabled": true, tabIndex: -1 } : {},
+      ...isAnchor && disabled ? { href: void 0 } : {},
+      onClick: handleClick,
       className: buttonClasses({
-        theme,
         intent,
+        appearance,
         size,
         className,
         disabled
       }),
-      disabled,
-      ...buttonProps,
-      children
+      children: [
+        icon && /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "polli:mr-2 polli:flex polli:size-4 polli:shrink-0 polli:[&>svg]:size-full",
+            children: icon
+          }
+        ),
+        children
+      ]
     }
   );
 }
@@ -75,19 +117,9 @@ function LoginButton({ children, ...buttonProps }) {
   return /* @__PURE__ */ jsx2(Button, { ...buttonProps, onClick: () => login(), children });
 }
 
-// src/modules/auth/LogoutButton.tsx
-import { useAuthActions as useAuthActions2, useAuthState as useAuthState2 } from "@pollinations/sdk/react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-function LogoutButton({ children, ...buttonProps }) {
-  const { isLoggedIn } = useAuthState2();
-  const { logout } = useAuthActions2();
-  if (!isLoggedIn) return null;
-  return /* @__PURE__ */ jsx3(Button, { ...buttonProps, onClick: () => logout(), children });
-}
-
 // src/modules/auth/UserAvatar.tsx
-import { useAccountProfile, useAuthState as useAuthState3 } from "@pollinations/sdk/react";
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { useAccountProfile, useAuthState as useAuthState2 } from "@pollinations/sdk/react";
+import { jsx as jsx3 } from "react/jsx-runtime";
 var sizeClass = {
   sm: "polli:w-6 polli:h-6 polli:text-xs",
   md: "polli:w-9 polli:h-9 polli:text-sm",
@@ -102,7 +134,7 @@ function initials(name) {
   return (first + last).toUpperCase() || null;
 }
 function UserAvatar({ size = "md", className }) {
-  const { isLoggedIn } = useAuthState3();
+  const { isLoggedIn } = useAuthState2();
   const { data: profile } = useAccountProfile({ enabled: isLoggedIn });
   if (!isLoggedIn) return null;
   const base = cn(
@@ -111,7 +143,7 @@ function UserAvatar({ size = "md", className }) {
     className
   );
   if (profile?.image) {
-    return /* @__PURE__ */ jsx4(
+    return /* @__PURE__ */ jsx3(
       "img",
       {
         "data-polli": "user-avatar",
@@ -123,7 +155,7 @@ function UserAvatar({ size = "md", className }) {
   }
   const label = profile?.name ? initials(profile.name) : null;
   if (!label) return null;
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(
     "div",
     {
       "data-polli": "user-avatar",
@@ -135,52 +167,40 @@ function UserAvatar({ size = "md", className }) {
   );
 }
 
-// src/modules/auth/UserEmail.tsx
-import { useAccountProfile as useAccountProfile2, useAuthState as useAuthState4 } from "@pollinations/sdk/react";
-import { jsx as jsx5 } from "react/jsx-runtime";
-function UserEmail({ className }) {
-  const { isLoggedIn } = useAuthState4();
-  const { data: profile } = useAccountProfile2({ enabled: isLoggedIn });
-  if (!isLoggedIn || !profile?.email) return null;
-  return /* @__PURE__ */ jsx5("span", { "data-polli": "user-email", className, children: profile.email });
-}
-
 // src/modules/auth/UserName.tsx
-import { useAccountProfile as useAccountProfile3, useAuthState as useAuthState5 } from "@pollinations/sdk/react";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { useAccountProfile as useAccountProfile2, useAuthState as useAuthState3 } from "@pollinations/sdk/react";
+import { jsx as jsx4 } from "react/jsx-runtime";
 function UserName({ className }) {
-  const { isLoggedIn } = useAuthState5();
-  const { data: profile } = useAccountProfile3({ enabled: isLoggedIn });
+  const { isLoggedIn } = useAuthState3();
+  const { data: profile } = useAccountProfile2({ enabled: isLoggedIn });
   if (!isLoggedIn || !profile) return null;
   const display = profile.name || profile.githubUsername;
   if (!display) return null;
-  return /* @__PURE__ */ jsx6("span", { "data-polli": "user-name", className, children: display });
+  return /* @__PURE__ */ jsx4("span", { "data-polli": "user-name", className, children: display });
 }
 
 // src/modules/auth/WhenLoggedIn.tsx
-import { useAuthState as useAuthState6 } from "@pollinations/sdk/react";
+import { useAuthState as useAuthState4 } from "@pollinations/sdk/react";
 import { Fragment } from "react";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 function WhenLoggedIn({ children }) {
-  const { isLoggedIn } = useAuthState6();
+  const { isLoggedIn } = useAuthState4();
   if (!isLoggedIn) return null;
-  return /* @__PURE__ */ jsx7(Fragment, { children });
+  return /* @__PURE__ */ jsx5(Fragment, { children });
 }
 
 // src/modules/auth/WhenLoggedOut.tsx
-import { useAuthState as useAuthState7 } from "@pollinations/sdk/react";
+import { useAuthState as useAuthState5 } from "@pollinations/sdk/react";
 import { Fragment as Fragment2 } from "react";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 function WhenLoggedOut({ children }) {
-  const { isLoggedIn } = useAuthState7();
+  const { isLoggedIn } = useAuthState5();
   if (isLoggedIn) return null;
-  return /* @__PURE__ */ jsx8(Fragment2, { children });
+  return /* @__PURE__ */ jsx6(Fragment2, { children });
 }
 export {
   LoginButton,
-  LogoutButton,
   UserAvatar,
-  UserEmail,
   UserName,
   WhenLoggedIn,
   WhenLoggedOut

package/dist/auth/sdk.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/modules/auth/LoginButton.tsx","../../src/lib/cn.ts","../../src/primitives/Button.tsx","../../src/modules/auth/LogoutButton.tsx","../../src/modules/auth/UserAvatar.tsx","../../src/modules/auth/UserEmail.tsx","../../src/modules/auth/UserName.tsx","../../src/modules/auth/WhenLoggedIn.tsx","../../src/modules/auth/WhenLoggedOut.tsx"],"sourcesContent":["import { useAuthActions, useAuthState } from \"@pollinations/sdk/react\";\nimport type { ReactNode } from \"react\";\nimport { Button, type ButtonProps } from \"../../primitives/Button.tsx\";\n\nexport type LoginButtonProps = Omit<\n    ButtonProps<\"button\">,\n    \"as\" | \"onClick\" | \"children\"\n> & {\n    children: ReactNode;\n};\n\n/** Button that kicks off the auth redirect. `null` when already logged in. */\nexport function LoginButton({ children, ...buttonProps }: LoginButtonProps) {\n    const { isLoggedIn } = useAuthState();\n    const { login } = useAuthActions();\n    if (isLoggedIn) return null;\n    return (\n        <Button {...buttonProps} onClick={() => login()}>\n            {children}\n        </Button>\n    );\n}\n","import { clsx } from \"clsx\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\n\nconst twMerge = extendTailwindMerge({ prefix: \"polli\" });\n\n/** Internal class merge for polli:-prefixed package primitive classes. */\nexport function cn(...inputs: (string | undefined | null | false)[]) {\n    return twMerge(clsx(...inputs));\n}\n","import type { PropsWithChildren } from \"react\";\nimport { cn } from \"../lib/cn.ts\";\nimport type { ThemeName } from \"../theme.ts\";\n\n/** Button only supports `danger`. Label/status color recipes live on Chip. */\ntype ButtonIntent = \"danger\";\n\nconst sizes = {\n    sm: \"polli:px-2 polli:pt-0.5 polli:pb-1\",\n    md: \"polli:px-4 polli:pt-1.5 polli:pb-2\",\n    lg: \"polli:px-6 polli:py-3\",\n} as const;\n\n// Cascade-driven base — reads [data-theme] vars.\nconst themeClasses =\n    \"polli:bg-theme-bg-active polli:text-theme-text-base \" +\n    \"polli:hover:bg-theme-bg-hover polli:transition-colors\";\n\n// Single intent: danger. Soft recipe — light tile + deep text, slightly\n// deeper bg on hover. No filled CTAs anywhere.\nconst intentClasses: Record<ButtonIntent, string> = {\n    danger:\n        \"polli:bg-intent-danger-bg-light polli:text-intent-danger-text \" +\n        \"polli:hover:bg-intent-danger-bg-hover polli:transition-colors\",\n};\n\ntype BaseButtonProps = {\n    /** Override the cascade theme for this button's subtree. Ignored when `intent` is set. */\n    theme?: ThemeName;\n    /** Only `\"danger\"` for now. */\n    intent?: ButtonIntent;\n    size?: keyof typeof sizes;\n    className?: string;\n    disabled?: boolean;\n};\n\nconst buttonClasses = ({\n    theme: _theme,\n    intent,\n    size,\n    className,\n    disabled,\n}: BaseButtonProps & { disabled?: boolean }) => {\n    const colorClasses = intent ? intentClasses[intent] : themeClasses;\n    return cn(\n        \"polli-control polli:inline-flex polli:items-center polli:justify-center polli:rounded-full polli:self-center polli:font-medium polli:leading-normal polli:box-border\",\n        disabled\n            ? \"polli:opacity-50 polli:cursor-not-allowed\"\n            : \"polli:hover:filter polli:hover:brightness-105 polli:cursor-pointer\",\n        colorClasses,\n        sizes[size || \"md\"],\n        className,\n    );\n};\n\nexport type ButtonProps<T extends React.ElementType = \"button\"> =\n    PropsWithChildren<BaseButtonProps> & {\n        as?: T;\n    } & Omit<React.ComponentPropsWithoutRef<T>, keyof BaseButtonProps | \"as\">;\n\nexport function Button<T extends React.ElementType = \"button\">({\n    as,\n    children,\n    theme,\n    intent,\n    size,\n    className,\n    disabled,\n    ...buttonProps\n}: ButtonProps<T>) {\n    const Component: React.ElementType = as || \"button\";\n\n    return (\n        <Component\n            // Cascade override only applies when `intent` is unset.\n            data-theme={intent ? undefined : theme}\n            data-intent={intent}\n            className={buttonClasses({\n                theme,\n                intent,\n                size,\n                className,\n                disabled,\n            })}\n            disabled={disabled}\n            {...buttonProps}\n        >\n            {children}\n        </Component>\n    );\n}\n","import { useAuthActions, useAuthState } from \"@pollinations/sdk/react\";\nimport type { ReactNode } from \"react\";\nimport { Button, type ButtonProps } from \"../../primitives/Button.tsx\";\n\nexport type LogoutButtonProps = Omit<\n    ButtonProps<\"button\">,\n    \"as\" | \"onClick\" | \"children\"\n> & {\n    children: ReactNode;\n};\n\n/** Button that clears the session. `null` when logged out. */\nexport function LogoutButton({ children, ...buttonProps }: LogoutButtonProps) {\n    const { isLoggedIn } = useAuthState();\n    const { logout } = useAuthActions();\n    if (!isLoggedIn) return null;\n    return (\n        <Button {...buttonProps} onClick={() => logout()}>\n            {children}\n        </Button>\n    );\n}\n","import { useAccountProfile, useAuthState } from \"@pollinations/sdk/react\";\nimport { cn } from \"../../lib/cn.ts\";\n\nexport type UserAvatarProps = {\n    size?: \"sm\" | \"md\" | \"lg\";\n    className?: string;\n};\n\nconst sizeClass = {\n    sm: \"polli:w-6 polli:h-6 polli:text-xs\",\n    md: \"polli:w-9 polli:h-9 polli:text-sm\",\n    lg: \"polli:w-12 polli:h-12 polli:text-base\",\n} as const;\n\nfunction initials(name: string): string | null {\n    const parts = name.trim().split(/\\s+/).filter(Boolean);\n    if (parts.length === 0) return null;\n    if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase() || null;\n    const first = parts[0][0] ?? \"\";\n    const last = parts[parts.length - 1][0] ?? \"\";\n    return (first + last).toUpperCase() || null;\n}\n\n/** Avatar from `profile.image`, or initials from `profile.name`. `null` otherwise. */\nexport function UserAvatar({ size = \"md\", className }: UserAvatarProps) {\n    const { isLoggedIn } = useAuthState();\n    const { data: profile } = useAccountProfile({ enabled: isLoggedIn });\n    if (!isLoggedIn) return null;\n\n    const base = cn(\n        \"polli:inline-flex polli:items-center polli:justify-center polli:rounded-full polli:overflow-hidden polli:bg-theme-bg-pale polli:text-theme-text-strong polli:font-semibold polli:select-none\",\n        sizeClass[size],\n        className,\n    );\n\n    if (profile?.image) {\n        return (\n            <img\n                data-polli=\"user-avatar\"\n                src={profile.image}\n                alt={profile.name ?? \"\"}\n                className={base}\n            />\n        );\n    }\n    const label = profile?.name ? initials(profile.name) : null;\n    if (!label) return null;\n    return (\n        <div\n            data-polli=\"user-avatar\"\n            role=\"img\"\n            aria-label={profile?.name ?? undefined}\n            className={base}\n        >\n            {label}\n        </div>\n    );\n}\n","import { useAccountProfile, useAuthState } from \"@pollinations/sdk/react\";\n\nexport type UserEmailProps = { className?: string };\n\n/** Renders `profile.email`. `null` when logged out or the key lacks `profile` scope. */\nexport function UserEmail({ className }: UserEmailProps) {\n    const { isLoggedIn } = useAuthState();\n    const { data: profile } = useAccountProfile({ enabled: isLoggedIn });\n    if (!isLoggedIn || !profile?.email) return null;\n    return (\n        <span data-polli=\"user-email\" className={className}>\n            {profile.email}\n        </span>\n    );\n}\n","import { useAccountProfile, useAuthState } from \"@pollinations/sdk/react\";\n\nexport type UserNameProps = { className?: string };\n\n/**\n * Renders the user's display name. Falls back to GitHub username when the\n * `profile` scope was not granted (or `name` is empty). `null` when logged\n * out, or when neither name nor GitHub username is available.\n */\nexport function UserName({ className }: UserNameProps) {\n    const { isLoggedIn } = useAuthState();\n    const { data: profile } = useAccountProfile({ enabled: isLoggedIn });\n    if (!isLoggedIn || !profile) return null;\n    const display = profile.name || profile.githubUsername;\n    if (!display) return null;\n    return (\n        <span data-polli=\"user-name\" className={className}>\n            {display}\n        </span>\n    );\n}\n","import { useAuthState } from \"@pollinations/sdk/react\";\nimport { Fragment, type ReactNode } from \"react\";\n\nexport type WhenLoggedInProps = { children: ReactNode };\n\n/** Renders `children` only when a user is signed in. */\nexport function WhenLoggedIn({ children }: WhenLoggedInProps) {\n    const { isLoggedIn } = useAuthState();\n    if (!isLoggedIn) return null;\n    return <Fragment>{children}</Fragment>;\n}\n","import { useAuthState } from \"@pollinations/sdk/react\";\nimport { Fragment, type ReactNode } from \"react\";\n\nexport type WhenLoggedOutProps = { children: ReactNode };\n\n/** Renders `children` only when no user is signed in. */\nexport function WhenLoggedOut({ children }: WhenLoggedOutProps) {\n    const { isLoggedIn } = useAuthState();\n    if (isLoggedIn) return null;\n    return <Fragment>{children}</Fragment>;\n}\n"],"mappings":"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","names":["jsx","useAuthActions","useAuthState","jsx","useAuthState","useAuthActions","useAuthState","jsx","useAuthState","useAccountProfile","useAuthState","jsx","useAccountProfile","useAuthState","jsx","useAuthState","jsx","useAuthState","Fragment","jsx"]}
+{"version":3,"sources":["../../src/modules/auth/LoginButton.tsx","../../src/lib/cn.ts","../../src/primitives/Button.tsx","../../src/modules/auth/UserAvatar.tsx","../../src/modules/auth/UserName.tsx","../../src/modules/auth/WhenLoggedIn.tsx","../../src/modules/auth/WhenLoggedOut.tsx"],"sourcesContent":["import { useAuthActions, useAuthState } from \"@pollinations/sdk/react\";\nimport type { ReactNode } from \"react\";\nimport { Button, type ButtonProps } from \"../../primitives/Button.tsx\";\n\nexport type LoginButtonProps = Omit<\n    ButtonProps<\"button\">,\n    \"as\" | \"onClick\" | \"children\"\n> & {\n    children: ReactNode;\n};\n\n/** Button that kicks off the auth redirect. `null` when already logged in. */\nexport function LoginButton({ children, ...buttonProps }: LoginButtonProps) {\n    const { isLoggedIn } = useAuthState();\n    const { login } = useAuthActions();\n    if (isLoggedIn) return null;\n    return (\n        <Button {...buttonProps} onClick={() => login()}>\n            {children}\n        </Button>\n    );\n}\n","import { clsx } from \"clsx\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\n\nconst twMerge = extendTailwindMerge({ prefix: \"polli\" });\n\n/** Internal class merge for polli:-prefixed package primitive classes. */\nexport function cn(...inputs: (string | undefined | null | false)[]) {\n    return twMerge(clsx(...inputs));\n}\n","import type {\n    PropsWithChildren,\n    MouseEvent as ReactMouseEvent,\n    ReactNode,\n} from \"react\";\nimport { cn } from \"../lib/cn.ts\";\n\n/** Semantic action roles. Label recipes live on Chip. */\ntype ButtonIntent = \"danger\" | \"info\" | \"neutral\" | \"brand\" | \"commit\";\nexport type ButtonAppearance = \"pill\" | \"raised\";\n\nconst pillSizes = {\n    icon: \"polli:h-12 polli:w-12 polli:p-0\",\n    xs: \"polli:h-5 polli:px-1.5 polli:py-0 polli:text-[11px] polli:leading-none\",\n    sm: \"polli:min-h-7 polli:px-2 polli:pt-0.5 polli:pb-1\",\n    md: \"polli:min-h-9 polli:px-4 polli:pt-1.5 polli:pb-2\",\n    lg: \"polli:min-h-12 polli:px-6 polli:py-3\",\n} as const;\n\nconst raisedSizes = {\n    icon: \"polli:h-12 polli:w-12 polli:p-0\",\n    xs: \"polli:px-2 polli:py-1 polli:text-xs\",\n    sm: \"polli:px-4 polli:py-2 polli:text-sm\",\n    md: \"polli:px-7 polli:py-3.5 polli:text-base\",\n    lg: \"polli:px-8 polli:py-4 polli:text-lg\",\n} as const;\n\nconst appearanceClasses: Record<ButtonAppearance, string> = {\n    pill: \"polli:rounded-full\",\n    raised:\n        \"polli:rounded-xl polli:border-r-[3px] polli:border-b-[3px] polli:border-solid \" +\n        \"polli:border-theme-text-strong/20 polli:hover:border-theme-text-strong/45\",\n};\n\n// Cascade-driven base — reads [data-theme] vars.\nconst themeClasses =\n    \"polli:bg-theme-bg-active polli:text-theme-text-strong \" +\n    \"polli:hover:bg-theme-bg-hover polli:hover:text-theme-text-hover polli:transition-colors\";\n\n// Primary and destructive actions use outlines at rest.\n// Two accent families share one look: `brand` for\n// signing in (identity, calm pale hover) and `commit` for granting or saving\n// (fills with the accent only under the pointer or keyboard focus).\nconst outlined =\n    \"polli:border polli:border-theme-text-soft polli:bg-surface-white polli:text-theme-text-strong \" +\n    \"polli:transition-colors polli:[.dark_&]:bg-transparent\";\nconst intentClasses: Record<ButtonIntent, string> = {\n    brand: `${outlined} polli:hover:bg-theme-text-soft/10`,\n    commit:\n        `${outlined} polli:hover:border-theme-bg-active polli:hover:bg-theme-bg-active ` +\n        \"polli:focus-visible:border-theme-bg-active polli:focus-visible:bg-theme-bg-active \" +\n        \"polli:[.dark_&]:hover:bg-theme-bg-active polli:[.dark_&]:focus-visible:bg-theme-bg-active\",\n    danger:\n        \"polli:border polli:border-intent-danger-text polli:bg-transparent polli:text-intent-danger-text \" +\n        \"polli:hover:bg-intent-danger-bg-hover polli:focus-visible:bg-intent-danger-bg-hover polli:transition-colors\",\n    info:\n        \"polli:bg-intent-info-bg-light polli:text-intent-info-text \" +\n        \"polli:hover:bg-intent-info-bg-hover polli:transition-colors\",\n    // Secondary actions never take the accent: one step stronger grey on hover.\n    neutral:\n        \"polli:bg-theme-bg-subtle polli:text-theme-text-base \" +\n        \"polli:hover:bg-theme-text-muted/25 polli:hover:text-theme-text-strong polli:transition-colors\",\n};\n\ntype BaseButtonProps = {\n    icon?: ReactNode;\n    /** Optional semantic recipe; omit for the ambient theme button. */\n    intent?: ButtonIntent;\n    /** `raised` is the stronger website CTA treatment. */\n    appearance?: ButtonAppearance;\n    size?: keyof typeof pillSizes;\n    className?: string;\n    disabled?: boolean;\n};\n\nconst buttonClasses = ({\n    intent,\n    appearance = \"pill\",\n    size,\n    className,\n    disabled,\n}: BaseButtonProps & { disabled?: boolean }) => {\n    const colorClasses = intent ? intentClasses[intent] : themeClasses;\n    const sizeClasses = appearance === \"raised\" ? raisedSizes : pillSizes;\n    return cn(\n        \"polli-control polli:inline-flex polli:items-center polli:justify-center polli:self-center polli:font-body polli:text-sm polli:font-medium polli:leading-normal polli:box-border polli:border polli:border-transparent\",\n        disabled\n            ? \"polli:opacity-50 polli:cursor-not-allowed\"\n            : \"polli:hover:filter polli:hover:brightness-105 polli:cursor-pointer\",\n        colorClasses,\n        appearanceClasses[appearance],\n        sizeClasses[size || \"md\"],\n        className,\n    );\n};\n\nexport type ButtonProps<T extends React.ElementType = \"button\"> =\n    PropsWithChildren<BaseButtonProps> & {\n        as?: T;\n    } & Omit<React.ComponentPropsWithoutRef<T>, keyof BaseButtonProps | \"as\">;\n\nexport function Button<T extends React.ElementType = \"button\">({\n    as,\n    children,\n    icon,\n    intent,\n    appearance,\n    size,\n    className,\n    disabled,\n    ...buttonProps\n}: ButtonProps<T>) {\n    const Component: React.ElementType = as || \"button\";\n    const isButton = Component === \"button\";\n    const isAnchor = Component === \"a\";\n    const buttonType = (\n        buttonProps as {\n            type?: \"button\" | \"submit\" | \"reset\";\n        }\n    ).type;\n    const onClick = (\n        buttonProps as {\n            onClick?: (event: ReactMouseEvent) => void;\n        }\n    ).onClick;\n    const handleClick = disabled\n        ? (event: ReactMouseEvent) => {\n              event.preventDefault();\n              event.stopPropagation();\n          }\n        : onClick;\n\n    return (\n        <Component\n            {...buttonProps}\n            data-intent={intent}\n            {...(isButton ? { type: buttonType ?? \"button\", disabled } : {})}\n            {...(!isButton && disabled\n                ? { \"aria-disabled\": true, tabIndex: -1 }\n                : {})}\n            {...(isAnchor && disabled ? { href: undefined } : {})}\n            onClick={handleClick}\n            className={buttonClasses({\n                intent,\n                appearance,\n                size,\n                className,\n                disabled,\n            })}\n        >\n            {icon && (\n                <span\n                    aria-hidden=\"true\"\n                    className=\"polli:mr-2 polli:flex polli:size-4 polli:shrink-0 polli:[&>svg]:size-full\"\n                >\n                    {icon}\n                </span>\n            )}\n            {children}\n        </Component>\n    );\n}\n","import { useAccountProfile, useAuthState } from \"@pollinations/sdk/react\";\nimport { cn } from \"../../lib/cn.ts\";\n\nexport type UserAvatarProps = {\n    size?: \"sm\" | \"md\" | \"lg\";\n    className?: string;\n};\n\nconst sizeClass = {\n    sm: \"polli:w-6 polli:h-6 polli:text-xs\",\n    md: \"polli:w-9 polli:h-9 polli:text-sm\",\n    lg: \"polli:w-12 polli:h-12 polli:text-base\",\n} as const;\n\nfunction initials(name: string): string | null {\n    const parts = name.trim().split(/\\s+/).filter(Boolean);\n    if (parts.length === 0) return null;\n    if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase() || null;\n    const first = parts[0][0] ?? \"\";\n    const last = parts[parts.length - 1][0] ?? \"\";\n    return (first + last).toUpperCase() || null;\n}\n\n/** Avatar from `profile.image`, or initials from `profile.name`. `null` otherwise. */\nexport function UserAvatar({ size = \"md\", className }: UserAvatarProps) {\n    const { isLoggedIn } = useAuthState();\n    const { data: profile } = useAccountProfile({ enabled: isLoggedIn });\n    if (!isLoggedIn) return null;\n\n    const base = cn(\n        \"polli:inline-flex polli:items-center polli:justify-center polli:rounded-full polli:overflow-hidden polli:bg-theme-bg-pale polli:text-theme-text-strong polli:font-semibold polli:select-none\",\n        sizeClass[size],\n        className,\n    );\n\n    if (profile?.image) {\n        return (\n            <img\n                data-polli=\"user-avatar\"\n                src={profile.image}\n                alt={profile.name ?? \"\"}\n                className={base}\n            />\n        );\n    }\n    const label = profile?.name ? initials(profile.name) : null;\n    if (!label) return null;\n    return (\n        <div\n            data-polli=\"user-avatar\"\n            role=\"img\"\n            aria-label={profile?.name ?? undefined}\n            className={base}\n        >\n            {label}\n        </div>\n    );\n}\n","import { useAccountProfile, useAuthState } from \"@pollinations/sdk/react\";\n\nexport type UserNameProps = { className?: string };\n\n/**\n * Renders the user's display name. Falls back to GitHub username when the\n * `profile` scope was not granted (or `name` is empty). `null` when logged\n * out, or when neither name nor GitHub username is available.\n */\nexport function UserName({ className }: UserNameProps) {\n    const { isLoggedIn } = useAuthState();\n    const { data: profile } = useAccountProfile({ enabled: isLoggedIn });\n    if (!isLoggedIn || !profile) return null;\n    const display = profile.name || profile.githubUsername;\n    if (!display) return null;\n    return (\n        <span data-polli=\"user-name\" className={className}>\n            {display}\n        </span>\n    );\n}\n","import { useAuthState } from \"@pollinations/sdk/react\";\nimport { Fragment, type ReactNode } from \"react\";\n\nexport type WhenLoggedInProps = { children: ReactNode };\n\n/** Renders `children` only when a user is signed in. */\nexport function WhenLoggedIn({ children }: WhenLoggedInProps) {\n    const { isLoggedIn } = useAuthState();\n    if (!isLoggedIn) return null;\n    return <Fragment>{children}</Fragment>;\n}\n","import { useAuthState } from \"@pollinations/sdk/react\";\nimport { Fragment, type ReactNode } from \"react\";\n\nexport type WhenLoggedOutProps = { children: ReactNode };\n\n/** Renders `children` only when no user is signed in. */\nexport function WhenLoggedOut({ children }: WhenLoggedOutProps) {\n    const { isLoggedIn } = useAuthState();\n    if (isLoggedIn) return null;\n    return <Fragment>{children}</Fragment>;\n}\n"],"mappings":"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","names":["jsx","useAuthState","jsx","useAuthState","useAccountProfile","useAuthState","jsx","useAuthState","jsx","useAuthState","Fragment","jsx"]}