@pollinations/ui 0.0.2 → 0.1.0-alpha.0

package/dist/auth/sdk.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
-import { a as ButtonProps } from '../Button-CWUBCiIc.cjs';
+import { a as ButtonProps } from '../Button-BvLF_Km2.cjs';
 import '../theme-VMRlhqST.cjs';
 
 type LoginButtonProps = Omit<ButtonProps<"button">, "as" | "onClick" | "children"> & {

package/dist/auth/sdk.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
-import { a as ButtonProps } from '../Button-Bn8pGg6N.js';
+import { a as ButtonProps } from '../Button-DQAZzvyQ.js';
 import '../theme-VMRlhqST.js';
 
 type LoginButtonProps = Omit<ButtonProps<"button">, "as" | "onClick" | "children"> & {

package/dist/auth/sdk.js

@@ -12,13 +12,13 @@ function cn(...inputs) {
 // src/primitives/Button.tsx
 import { jsx } from "react/jsx-runtime";
 var sizes = {
-  small: "polli:px-2 polli:pt-0.5 polli:pb-1",
-  medium: "polli:px-4 polli:pt-1.5 polli:pb-2",
-  large: "polli:px-6 polli:py-3"
+  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"
 };
 var themeClasses = "polli:bg-theme-bg-active polli:text-theme-text-base polli:hover:bg-theme-bg-hover polli:transition-colors";
 var intentClasses = {
-  danger: "polli:bg-intent-danger-bg-light polli:text-intent-danger-text polli:hover:bg-[oklch(0.88_0.075_25)] polli:transition-colors"
+  danger: "polli:bg-intent-danger-bg-light polli:text-intent-danger-text polli:hover:bg-intent-danger-bg-hover polli:transition-colors"
 };
 var buttonClasses = ({
   theme: _theme,
@@ -29,10 +29,10 @@ var buttonClasses = ({
 }) => {
   const colorClasses = intent ? intentClasses[intent] : themeClasses;
   return cn(
-    "polli:inline-flex polli:items-center polli:justify-center polli:rounded-full polli:self-center polli:placeholder-green-950 polli:font-medium polli:leading-normal polli:box-border",
+    "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",
     disabled ? "polli:opacity-50 polli:cursor-not-allowed" : "polli:hover:filter polli:hover:brightness-105 polli:cursor-pointer",
     colorClasses,
-    sizes[size || "medium"],
+    sizes[size || "md"],
     className
   );
 };
@@ -51,6 +51,7 @@ function Button({
     Component,
     {
       "data-theme": intent ? void 0 : theme,
+      "data-intent": intent,
       className: buttonClasses({
         theme,
         intent,

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    small: \"polli:px-2 polli:pt-0.5 polli:pb-1\",\n    medium: \"polli:px-4 polli:pt-1.5 polli:pb-2\",\n    large: \"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-[oklch(0.88_0.075_25)] 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:inline-flex polli:items-center polli:justify-center polli:rounded-full polli:self-center polli:placeholder-green-950 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 || \"medium\"],\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            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/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":";AAAA,SAAS,gBAAgB,oBAAoB;;;ACA7C,SAAS,YAAY;AACrB,SAAS,2BAA2B;AAEpC,IAAM,UAAU,oBAAoB,EAAE,QAAQ,QAAQ,CAAC;AAGhD,SAAS,MAAM,QAA+C;AACjE,SAAO,QAAQ,KAAK,GAAG,MAAM,CAAC;AAClC;;;ACiEQ;AAlER,IAAM,QAAQ;AAAA,EACV,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACR;AAGA,IAAM,eACF;AAKJ,IAAM,gBAA8C;AAAA,EAChD,QACI;AAER;AAYA,IAAM,gBAAgB,CAAC;AAAA,EACnB,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,MAAgD;AAC5C,QAAM,eAAe,SAAS,cAAc,MAAM,IAAI;AACtD,SAAO;AAAA,IACH;AAAA,IACA,WACM,8CACA;AAAA,IACN;AAAA,IACA,MAAM,QAAQ,IAAI;AAAA,IAClB;AAAA,EACJ;AACJ;AAOO,SAAS,OAA+C;AAAA,EAC3D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,GAAmB;AACf,QAAM,YAA+B,MAAM;AAE3C,SACI;AAAA,IAAC;AAAA;AAAA,MAEG,cAAY,SAAS,SAAY;AAAA,MACjC,eAAa;AAAA,MACb,WAAW,cAAc;AAAA,QACrB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACJ,CAAC;AAAA,MACD;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACL;AAER;;;AFzEQ,gBAAAA,YAAA;AALD,SAAS,YAAY,EAAE,UAAU,GAAG,YAAY,GAAqB;AACxE,QAAM,EAAE,WAAW,IAAI,aAAa;AACpC,QAAM,EAAE,MAAM,IAAI,eAAe;AACjC,MAAI,WAAY,QAAO;AACvB,SACI,gBAAAA,KAAC,UAAQ,GAAG,aAAa,SAAS,MAAM,MAAM,GACzC,UACL;AAER;;;AGrBA,SAAS,kBAAAC,iBAAgB,gBAAAC,qBAAoB;AAiBrC,gBAAAC,YAAA;AALD,SAAS,aAAa,EAAE,UAAU,GAAG,YAAY,GAAsB;AAC1E,QAAM,EAAE,WAAW,IAAIC,cAAa;AACpC,QAAM,EAAE,OAAO,IAAIC,gBAAe;AAClC,MAAI,CAAC,WAAY,QAAO;AACxB,SACI,gBAAAF,KAAC,UAAQ,GAAG,aAAa,SAAS,MAAM,OAAO,GAC1C,UACL;AAER;;;ACrBA,SAAS,mBAAmB,gBAAAG,qBAAoB;AAqCpC,gBAAAC,YAAA;AA7BZ,IAAM,YAAY;AAAA,EACd,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACR;AAEA,SAAS,SAAS,MAA6B;AAC3C,QAAM,QAAQ,KAAK,KAAK,EAAE,MAAM,KAAK,EAAE,OAAO,OAAO;AACrD,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,MAAI,MAAM,WAAW,EAAG,QAAO,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,YAAY,KAAK;AACrE,QAAM,QAAQ,MAAM,CAAC,EAAE,CAAC,KAAK;AAC7B,QAAM,OAAO,MAAM,MAAM,SAAS,CAAC,EAAE,CAAC,KAAK;AAC3C,UAAQ,QAAQ,MAAM,YAAY,KAAK;AAC3C;AAGO,SAAS,WAAW,EAAE,OAAO,MAAM,UAAU,GAAoB;AACpE,QAAM,EAAE,WAAW,IAAIC,cAAa;AACpC,QAAM,EAAE,MAAM,QAAQ,IAAI,kBAAkB,EAAE,SAAS,WAAW,CAAC;AACnE,MAAI,CAAC,WAAY,QAAO;AAExB,QAAM,OAAO;AAAA,IACT;AAAA,IACA,UAAU,IAAI;AAAA,IACd;AAAA,EACJ;AAEA,MAAI,SAAS,OAAO;AAChB,WACI,gBAAAD;AAAA,MAAC;AAAA;AAAA,QACG,cAAW;AAAA,QACX,KAAK,QAAQ;AAAA,QACb,KAAK,QAAQ,QAAQ;AAAA,QACrB,WAAW;AAAA;AAAA,IACf;AAAA,EAER;AACA,QAAM,QAAQ,SAAS,OAAO,SAAS,QAAQ,IAAI,IAAI;AACvD,MAAI,CAAC,MAAO,QAAO;AACnB,SACI,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACG,cAAW;AAAA,MACX,MAAK;AAAA,MACL,cAAY,SAAS,QAAQ;AAAA,MAC7B,WAAW;AAAA,MAEV;AAAA;AAAA,EACL;AAER;;;ACzDA,SAAS,qBAAAE,oBAAmB,gBAAAC,qBAAoB;AAUxC,gBAAAC,YAAA;AALD,SAAS,UAAU,EAAE,UAAU,GAAmB;AACrD,QAAM,EAAE,WAAW,IAAID,cAAa;AACpC,QAAM,EAAE,MAAM,QAAQ,IAAID,mBAAkB,EAAE,SAAS,WAAW,CAAC;AACnE,MAAI,CAAC,cAAc,CAAC,SAAS,MAAO,QAAO;AAC3C,SACI,gBAAAE,KAAC,UAAK,cAAW,cAAa,WACzB,kBAAQ,OACb;AAER;;;ACdA,SAAS,qBAAAC,oBAAmB,gBAAAC,qBAAoB;AAgBxC,gBAAAC,YAAA;AAPD,SAAS,SAAS,EAAE,UAAU,GAAkB;AACnD,QAAM,EAAE,WAAW,IAAID,cAAa;AACpC,QAAM,EAAE,MAAM,QAAQ,IAAID,mBAAkB,EAAE,SAAS,WAAW,CAAC;AACnE,MAAI,CAAC,cAAc,CAAC,QAAS,QAAO;AACpC,QAAM,UAAU,QAAQ,QAAQ,QAAQ;AACxC,MAAI,CAAC,QAAS,QAAO;AACrB,SACI,gBAAAE,KAAC,UAAK,cAAW,aAAY,WACxB,mBACL;AAER;;;ACpBA,SAAS,gBAAAC,qBAAoB;AAC7B,SAAS,gBAAgC;AAQ9B,gBAAAC,YAAA;AAHJ,SAAS,aAAa,EAAE,SAAS,GAAsB;AAC1D,QAAM,EAAE,WAAW,IAAID,cAAa;AACpC,MAAI,CAAC,WAAY,QAAO;AACxB,SAAO,gBAAAC,KAAC,YAAU,UAAS;AAC/B;;;ACVA,SAAS,gBAAAC,qBAAoB;AAC7B,SAAS,YAAAC,iBAAgC;AAQ9B,gBAAAC,YAAA;AAHJ,SAAS,cAAc,EAAE,SAAS,GAAuB;AAC5D,QAAM,EAAE,WAAW,IAAIF,cAAa;AACpC,MAAI,WAAY,QAAO;AACvB,SAAO,gBAAAE,KAACD,WAAA,EAAU,UAAS;AAC/B;","names":["jsx","useAuthActions","useAuthState","jsx","useAuthState","useAuthActions","useAuthState","jsx","useAuthState","useAccountProfile","useAuthState","jsx","useAccountProfile","useAuthState","jsx","useAuthState","jsx","useAuthState","Fragment","jsx"]}

package/dist/compositions/app-user.cjs

@@ -0,0 +1,497 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/compositions/app-user/index.ts
+var app_user_exports = {};
+__export(app_user_exports, {
+  AppUserMenu: () => AppUserMenu,
+  isEmbeddedContext: () => isEmbeddedContext
+});
+module.exports = __toCommonJS(app_user_exports);
+
+// src/compositions/app-user/AppUserMenu.tsx
+var import_react10 = require("@pollinations/sdk/react");
+
+// src/modules/auth/LoginButton.tsx
+var import_react = require("@pollinations/sdk/react");
+
+// src/lib/cn.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({ prefix: "polli" });
+function cn(...inputs) {
+  return twMerge((0, import_clsx.clsx)(...inputs));
+}
+
+// src/primitives/Button.tsx
+var import_jsx_runtime = require("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"
+};
+var themeClasses = "polli:bg-theme-bg-active polli:text-theme-text-base polli:hover:bg-theme-bg-hover polli:transition-colors";
+var intentClasses = {
+  danger: "polli:bg-intent-danger-bg-light polli:text-intent-danger-text polli:hover:bg-intent-danger-bg-hover polli:transition-colors"
+};
+var buttonClasses = ({
+  theme: _theme,
+  intent,
+  size,
+  className,
+  disabled
+}) => {
+  const colorClasses = intent ? intentClasses[intent] : themeClasses;
+  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",
+    disabled ? "polli:opacity-50 polli:cursor-not-allowed" : "polli:hover:filter polli:hover:brightness-105 polli:cursor-pointer",
+    colorClasses,
+    sizes[size || "md"],
+    className
+  );
+};
+function Button({
+  as,
+  children,
+  theme,
+  intent,
+  size,
+  className,
+  disabled,
+  ...buttonProps
+}) {
+  const Component = as || "button";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Component,
+    {
+      "data-theme": intent ? void 0 : theme,
+      "data-intent": intent,
+      className: buttonClasses({
+        theme,
+        intent,
+        size,
+        className,
+        disabled
+      }),
+      disabled,
+      ...buttonProps,
+      children
+    }
+  );
+}
+
+// src/modules/auth/LoginButton.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function LoginButton({ children, ...buttonProps }) {
+  const { isLoggedIn } = (0, import_react.useAuthState)();
+  const { login } = (0, import_react.useAuthActions)();
+  if (isLoggedIn) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Button, { ...buttonProps, onClick: () => login(), children });
+}
+
+// src/modules/auth/UserAvatar.tsx
+var import_react2 = require("@pollinations/sdk/react");
+var import_jsx_runtime3 = require("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",
+  lg: "polli:w-12 polli:h-12 polli:text-base"
+};
+function initials(name) {
+  const parts = name.trim().split(/\s+/).filter(Boolean);
+  if (parts.length === 0) return null;
+  if (parts.length === 1) return parts[0].slice(0, 2).toUpperCase() || null;
+  const first = parts[0][0] ?? "";
+  const last = parts[parts.length - 1][0] ?? "";
+  return (first + last).toUpperCase() || null;
+}
+function UserAvatar({ size = "md", className }) {
+  const { isLoggedIn } = (0, import_react2.useAuthState)();
+  const { data: profile } = (0, import_react2.useAccountProfile)({ enabled: isLoggedIn });
+  if (!isLoggedIn) return null;
+  const base = cn(
+    "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",
+    sizeClass[size],
+    className
+  );
+  if (profile?.image) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "img",
+      {
+        "data-polli": "user-avatar",
+        src: profile.image,
+        alt: profile.name ?? "",
+        className: base
+      }
+    );
+  }
+  const label = profile?.name ? initials(profile.name) : null;
+  if (!label) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "div",
+    {
+      "data-polli": "user-avatar",
+      role: "img",
+      "aria-label": profile?.name ?? void 0,
+      className: base,
+      children: label
+    }
+  );
+}
+
+// src/modules/auth/UserName.tsx
+var import_react3 = require("@pollinations/sdk/react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function UserName({ className }) {
+  const { isLoggedIn } = (0, import_react3.useAuthState)();
+  const { data: profile } = (0, import_react3.useAccountProfile)({ enabled: isLoggedIn });
+  if (!isLoggedIn || !profile) return null;
+  const display = profile.name || profile.githubUsername;
+  if (!display) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { "data-polli": "user-name", className, children: display });
+}
+
+// src/modules/auth/WhenLoggedIn.tsx
+var import_react4 = require("@pollinations/sdk/react");
+var import_react5 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function WhenLoggedIn({ children }) {
+  const { isLoggedIn } = (0, import_react4.useAuthState)();
+  if (!isLoggedIn) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react5.Fragment, { children });
+}
+
+// src/modules/auth/WhenLoggedOut.tsx
+var import_react6 = require("@pollinations/sdk/react");
+var import_react7 = require("react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function WhenLoggedOut({ children }) {
+  const { isLoggedIn } = (0, import_react6.useAuthState)();
+  if (isLoggedIn) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react7.Fragment, { children });
+}
+
+// src/modules/wallet/Balance.tsx
+var import_react8 = require("@pollinations/sdk/react");
+
+// src/primitives/Chip.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var chipSizes = {
+  sm: "polli:px-2 polli:py-0.5 polli:text-xs",
+  md: "polli:px-2.5 polli:py-0.5 polli:text-sm",
+  lg: "polli:px-3 polli:py-1 polli:text-sm"
+};
+var intentClasses2 = {
+  news: "polli:bg-intent-news-bg-light polli:text-intent-news-text",
+  alpha: "polli:bg-intent-alpha-bg-light polli:text-intent-alpha-text",
+  neutral: "polli:border polli:border-gray-400/70 polli:bg-gray-100/80 polli:text-gray-900",
+  success: "polli:border polli:border-intent-success-border polli:bg-intent-success-bg-light polli:text-intent-success-text",
+  warning: "polli:border polli:border-intent-warning-border polli:bg-intent-warning-bg-light polli:text-intent-warning-text",
+  danger: "polli:border polli:border-intent-danger-border polli:bg-intent-danger-bg-light polli:text-intent-danger-text"
+};
+var Chip = ({
+  theme,
+  intent,
+  size = "md",
+  className,
+  children,
+  ...rest
+}) => {
+  const intentClass = intent ? intentClasses2[intent] : "polli:bg-theme-bg-active polli:text-theme-text-strong";
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "span",
+    {
+      ...rest,
+      "data-theme": theme,
+      className: cn(
+        "polli:inline-flex polli:shrink-0 polli:items-center polli:gap-1 polli:rounded-lg polli:font-medium polli:leading-normal",
+        chipSizes[size],
+        intentClass,
+        className
+      ),
+      children
+    }
+  );
+};
+
+// src/modules/wallet/format-pollen.ts
+var BUDGET = 5;
+var MAX_DECIMALS = 4;
+var COMPACT_THRESHOLD = 1e5;
+function floorTo(value, decimals) {
+  const factor = 10 ** decimals;
+  return Math.floor(value * factor) / factor;
+}
+function formatCompact(value) {
+  const abs = Math.abs(value);
+  const sign = value < 0 ? "-" : "";
+  const [unit, scale] = abs >= 1e9 ? ["B", 1e9] : abs >= 1e6 ? ["M", 1e6] : ["K", 1e3];
+  const ratio = abs / scale;
+  const intDigits = Math.max(1, Math.floor(Math.log10(ratio)) + 1);
+  const decimals = Math.max(0, 3 - intDigits);
+  const floored = floorTo(ratio, decimals);
+  return `${sign}${Number(floored.toFixed(decimals)).toString()}${unit}`;
+}
+function formatPollen(value) {
+  if (!Number.isFinite(value) || value === 0) return "0";
+  const abs = Math.abs(value);
+  if (abs >= COMPACT_THRESHOLD) return formatCompact(value);
+  const intDigits = abs >= 1 ? Math.floor(Math.log10(abs)) + 1 : 1;
+  const decimals = Math.min(MAX_DECIMALS, Math.max(0, BUDGET - intDigits));
+  const floored = floorTo(value, decimals);
+  if (floored === 0) return "0";
+  return Number(floored.toFixed(decimals)).toString();
+}
+
+// src/modules/wallet/Balance.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function Balance({ className } = {}) {
+  const { isLoggedIn } = (0, import_react8.useAuthState)();
+  const { data: balance } = (0, import_react8.useAccountBalance)({ enabled: isLoggedIn });
+  if (!isLoggedIn || balance == null) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    Chip,
+    {
+      "data-polli": "balance",
+      className: cn("polli:tabular-nums", className),
+      children: [
+        formatPollen(balance.balance),
+        " pollen"
+      ]
+    }
+  );
+}
+
+// src/primitives/ChevronIcon.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var ChevronIcon = ({ expanded, className }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  "svg",
+  {
+    "aria-hidden": "true",
+    width: "12",
+    height: "12",
+    viewBox: "0 0 12 12",
+    className: cn(
+      "polli:shrink-0 polli:transition-transform polli:duration-200 polli:ease-out",
+      expanded && "polli:rotate-180",
+      className
+    ),
+    children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      "path",
+      {
+        d: "M3 4.5 6 7.5l3-3",
+        fill: "none",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "1.5"
+      }
+    )
+  }
+);
+
+// src/primitives/Dropdown.tsx
+var import_popover = require("@ark-ui/react/popover");
+var import_portal = require("@ark-ui/react/portal");
+var import_react9 = require("react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var DEFAULT_PANEL = "polli:rounded-lg polli:border polli:border-theme-border polli:bg-theme-bg-pale polli:shadow-lg";
+var Dropdown = ({
+  theme,
+  trigger,
+  children,
+  align = "start",
+  open: openProp,
+  onOpenChange,
+  className
+}) => {
+  const [internalOpen, setInternalOpen] = (0, import_react9.useState)(false);
+  const isControlled = openProp !== void 0;
+  const open = isControlled ? openProp : internalOpen;
+  const setOpen = (next) => {
+    if (!isControlled) setInternalOpen(next);
+    onOpenChange?.(next);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    import_popover.Popover.Root,
+    {
+      open,
+      onOpenChange: (details) => setOpen(details.open),
+      positioning: {
+        placement: align === "end" ? "bottom-end" : "bottom-start"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_popover.Popover.Trigger, { asChild: true, children: trigger(open) }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_portal.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_popover.Popover.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          import_popover.Popover.Content,
+          {
+            "data-theme": theme,
+            className: cn(
+              "polli:z-50 polli:overflow-hidden polli:focus:outline-none",
+              DEFAULT_PANEL,
+              className
+            ),
+            children: typeof children === "function" ? children(() => setOpen(false)) : children
+          }
+        ) }) })
+      ]
+    }
+  );
+};
+
+// src/primitives/DropdownItem.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
+function DropdownItem({
+  as,
+  className,
+  children,
+  ...rest
+}) {
+  const Component = as || "button";
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    Component,
+    {
+      ...Component === "button" ? { type: "button" } : void 0,
+      ...rest,
+      className: cn(
+        "polli-control polli:flex polli:w-full polli:cursor-pointer polli:items-center polli:gap-2 polli:rounded-lg polli:bg-transparent polli:px-3 polli:py-2 polli:text-left polli:text-sm polli:font-medium polli:text-theme-text-base polli:no-underline polli:transition-colors polli:hover:bg-theme-bg-hover polli:focus-visible:bg-theme-bg-hover",
+        className
+      ),
+      children
+    }
+  );
+}
+
+// src/compositions/app-user/AppUserMenu.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var defaultLabels = {
+  authorize: "Authorize app",
+  appUserMenu: "App user menu",
+  topUpAccount: "Top up account",
+  logout: "Log out from this app"
+};
+function isEmbeddedContext(embedQueryParam = "embed") {
+  if (typeof window === "undefined") return false;
+  const search = new URLSearchParams(window.location.search);
+  if (search.get(embedQueryParam) === "1") return true;
+  try {
+    return window.self !== window.top;
+  } catch {
+    return true;
+  }
+}
+function AppUserMenu({
+  dashboardHref,
+  labels: labelOverrides,
+  hiddenWhenEmbedded = false,
+  embedQueryParam = "embed"
+}) {
+  if (hiddenWhenEmbedded && isEmbeddedContext(embedQueryParam)) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    AppUserMenuContent,
+    {
+      dashboardHref,
+      labels: labelOverrides
+    }
+  );
+}
+function AppUserMenuContent({
+  dashboardHref,
+  labels: labelOverrides
+}) {
+  const labels = { ...defaultLabels, ...labelOverrides };
+  const { logout } = (0, import_react10.useAuthActions)();
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { "data-theme": "amber", className: "polli:flex polli:justify-end", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(WhenLoggedOut, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(LoginButton, { theme: "amber", children: labels.authorize }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(WhenLoggedIn, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      Dropdown,
+      {
+        theme: "amber",
+        align: "end",
+        className: "polli:w-64 polli:p-1",
+        trigger: (open) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+          "button",
+          {
+            type: "button",
+            "data-theme": "amber",
+            "aria-label": labels.appUserMenu,
+            className: "polli-control polli:flex polli:min-w-0 polli:items-center polli:gap-2 polli:rounded-full polli:bg-theme-bg-active polli:py-1 polli:pl-1 polli:pr-3 polli:text-theme-text-base polli:shadow-sm polli:transition-colors polli:hover:bg-theme-bg-hover",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                UserAvatar,
+                {
+                  size: "md",
+                  className: "polli:h-8 polli:w-8"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "polli:flex polli:min-w-0 polli:flex-col polli:items-start polli:leading-tight", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(UserName, { className: "polli:max-w-32 polli:truncate polli:text-sm polli:font-semibold" }),
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Balance, { className: "polli:bg-transparent polli:px-0 polli:py-0 polli:text-xs polli:text-theme-text-base" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                ChevronIcon,
+                {
+                  expanded: open,
+                  className: "polli:h-4 polli:w-4 polli:text-theme-text-base"
+                }
+              )
+            ]
+          }
+        ),
+        children: (close) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+          "div",
+          {
+            "data-theme": "amber",
+            className: "polli:flex polli:flex-col",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                DropdownItem,
+                {
+                  as: "a",
+                  href: dashboardHref,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  onClick: close,
+                  children: labels.topUpAccount
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                DropdownItem,
+                {
+                  type: "button",
+                  onClick: () => {
+                    close();
+                    logout();
+                  },
+                  children: labels.logout
+                }
+              )
+            ]
+          }
+        )
+      }
+    ) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AppUserMenu,
+  isEmbeddedContext
+});
+//# sourceMappingURL=app-user.cjs.map