@pollinations/ui 0.0.1

package/dist/wallet/sdk.cjs

@@ -0,0 +1,203 @@
+"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/modules/wallet/sdk.ts
+var sdk_exports = {};
+__export(sdk_exports, {
+  Balance: () => Balance,
+  KeyBudget: () => KeyBudget,
+  KeyExpiry: () => KeyExpiry,
+  KeyModels: () => KeyModels,
+  KeyPrefix: () => KeyPrefix
+});
+module.exports = __toCommonJS(sdk_exports);
+
+// src/modules/wallet/Balance.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/Chip.tsx
+var import_jsx_runtime = 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 intentClasses = {
+  news: "polli:bg-[oklch(0.935_0.06_158)] polli:text-[oklch(0.46_0.13_158)]",
+  alpha: "polli:bg-[oklch(0.93_0.06_300)] polli:text-[oklch(0.42_0.18_300)]",
+  neutral: "polli:border polli:border-gray-400/70 polli:bg-gray-100/80 polli:text-gray-900"
+};
+var Chip = ({
+  theme,
+  intent,
+  size = "md",
+  className,
+  children,
+  ...rest
+}) => {
+  const intentClass = intent ? intentClasses[intent] : "polli:bg-theme-bg-active polli:text-theme-text-strong";
+  return /* @__PURE__ */ (0, import_jsx_runtime.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_runtime2 = require("react/jsx-runtime");
+function Balance({ className } = {}) {
+  const { isLoggedIn } = (0, import_react.useAuthState)();
+  const { data: balance } = (0, import_react.useAccountBalance)({ enabled: isLoggedIn });
+  if (!isLoggedIn || balance == null) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    Chip,
+    {
+      "data-polli": "balance",
+      className: cn("polli:tabular-nums", className),
+      children: [
+        formatPollen(balance.balance),
+        " pollen"
+      ]
+    }
+  );
+}
+
+// src/modules/wallet/KeyBudget.tsx
+var import_react2 = require("@pollinations/sdk/react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function KeyBudget({ className } = {}) {
+  const { isLoggedIn } = (0, import_react2.useAuthState)();
+  const { data: key } = (0, import_react2.useAccountKey)({ enabled: isLoggedIn });
+  const budget = key?.pollenBudget;
+  if (!isLoggedIn || budget == null) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    Chip,
+    {
+      "data-polli": "key-budget",
+      className: cn("polli:tabular-nums", className),
+      children: [
+        formatPollen(budget),
+        " pollen"
+      ]
+    }
+  );
+}
+
+// src/modules/wallet/KeyExpiry.tsx
+var import_react3 = require("@pollinations/sdk/react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function KeyExpiry({ className } = {}) {
+  const { isLoggedIn } = (0, import_react3.useAuthState)();
+  const { data: key } = (0, import_react3.useAccountKey)({ enabled: isLoggedIn });
+  if (!isLoggedIn || !key?.expiresAt) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    Chip,
+    {
+      "data-polli": "key-expiry",
+      className: cn("polli:tabular-nums", className),
+      children: key.expiresAt.slice(0, 10)
+    }
+  );
+}
+
+// src/modules/wallet/KeyModels.tsx
+var import_react4 = require("@pollinations/sdk/react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function KeyModels({ className } = {}) {
+  const { isLoggedIn } = (0, import_react4.useAuthState)();
+  const { data: key } = (0, import_react4.useAccountKey)({ enabled: isLoggedIn });
+  if (!isLoggedIn || !key) return null;
+  const models = key.permissions?.models ?? null;
+  const text = models === null ? "All models" : `${models.length} model${models.length === 1 ? "" : "s"}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Chip, { "data-polli": "key-models", className, children: text });
+}
+
+// src/modules/wallet/KeyPrefix.tsx
+var import_react5 = require("@pollinations/sdk/react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function KeyPrefix({ className } = {}) {
+  const { apiKey } = (0, import_react5.useAuthState)();
+  if (!apiKey) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    Chip,
+    {
+      "data-polli": "key-prefix",
+      className: cn("polli:font-mono polli:select-none", className),
+      children: [
+        apiKey.slice(0, 7),
+        "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022"
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Balance,
+  KeyBudget,
+  KeyExpiry,
+  KeyModels,
+  KeyPrefix
+});
+//# sourceMappingURL=sdk.cjs.map

package/dist/wallet/sdk.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/modules/wallet/sdk.ts","../../src/modules/wallet/Balance.tsx","../../src/lib/cn.ts","../../src/primitives/Chip.tsx","../../src/modules/wallet/format-pollen.ts","../../src/modules/wallet/KeyBudget.tsx","../../src/modules/wallet/KeyExpiry.tsx","../../src/modules/wallet/KeyModels.tsx","../../src/modules/wallet/KeyPrefix.tsx"],"sourcesContent":["export { Balance, type BalanceProps } from \"./Balance.tsx\";\nexport { KeyBudget, type KeyBudgetProps } from \"./KeyBudget.tsx\";\nexport { KeyExpiry, type KeyExpiryProps } from \"./KeyExpiry.tsx\";\nexport { KeyModels, type KeyModelsProps } from \"./KeyModels.tsx\";\nexport { KeyPrefix, type KeyPrefixProps } from \"./KeyPrefix.tsx\";\n","import { useAccountBalance, useAuthState } from \"@pollinations/sdk/react\";\nimport { cn } from \"../../lib/cn.ts\";\nimport { Chip } from \"../../primitives/Chip.tsx\";\nimport { formatPollen } from \"./format-pollen.ts\";\n\nexport type BalanceProps = { className?: string };\n\n/** Renders the logged-in user's pollen balance. `null` until loaded. */\nexport function Balance({ className }: BalanceProps = {}) {\n    const { isLoggedIn } = useAuthState();\n    const { data: balance } = useAccountBalance({ enabled: isLoggedIn });\n    if (!isLoggedIn || balance == null) return null;\n    return (\n        <Chip\n            data-polli=\"balance\"\n            className={cn(\"polli:tabular-nums\", className)}\n        >\n            {formatPollen(balance.balance)} pollen\n        </Chip>\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 { ComponentPropsWithoutRef, FC } from \"react\";\nimport { cn } from \"../lib/cn.ts\";\nimport type { ThemeName } from \"../theme.ts\";\n\n/** Semantic chip labels for status and metadata badges. */\ntype ChipIntent = \"news\" | \"alpha\" | \"neutral\";\n\nconst chipSizes = {\n    sm: \"polli:px-2 polli:py-0.5 polli:text-xs\",\n    md: \"polli:px-2.5 polli:py-0.5 polli:text-sm\",\n    lg: \"polli:px-3 polli:py-1 polli:text-sm\",\n} as const;\n\nconst intentClasses: Record<ChipIntent, string> = {\n    news: \"polli:bg-[oklch(0.935_0.06_158)] polli:text-[oklch(0.46_0.13_158)]\",\n    alpha: \"polli:bg-[oklch(0.93_0.06_300)] polli:text-[oklch(0.42_0.18_300)]\",\n    neutral:\n        \"polli:border polli:border-gray-400/70 polli:bg-gray-100/80 polli:text-gray-900\",\n};\n\nexport type ChipProps = ComponentPropsWithoutRef<\"span\"> & {\n    /** Override the cascade theme for this chip's subtree. */\n    theme?: ThemeName;\n    /** Semantic intent. Wins over `theme` when set. */\n    intent?: ChipIntent;\n    size?: keyof typeof chipSizes;\n};\n\n// Static, rectangular colored container. Round shapes are reserved for buttons.\n// Reads `bg-theme-bg-active` / `text-theme-text-strong` from the cascade unless\n// `intent` is set (semantic, theme-independent).\nexport const Chip: FC<ChipProps> = ({\n    theme,\n    intent,\n    size = \"md\",\n    className,\n    children,\n    ...rest\n}) => {\n    const intentClass = intent\n        ? intentClasses[intent]\n        : \"polli:bg-theme-bg-active polli:text-theme-text-strong\";\n    return (\n        <span\n            {...rest}\n            data-theme={theme}\n            className={cn(\n                \"polli:inline-flex polli:shrink-0 polli:items-center polli:gap-1 polli:rounded-lg polli:font-medium polli:leading-normal\",\n                chipSizes[size],\n                intentClass,\n                className,\n            )}\n        >\n            {children}\n        </span>\n    );\n};\n","// 5-digit budget for pollen display. Integer takes its space, decimals fill\n// the remainder (capped at 4), floor toward -infinity, trailing zeros stripped.\n// Integers needing >=6 digits switch to compact (K/M/B, 3 sig figs).\n// Decimal point and minus sign do not count toward the budget.\n\nconst BUDGET = 5;\nconst MAX_DECIMALS = 4;\nconst COMPACT_THRESHOLD = 100_000;\n\nfunction floorTo(value: number, decimals: number): number {\n    const factor = 10 ** decimals;\n    return Math.floor(value * factor) / factor;\n}\n\nfunction formatCompact(value: number): string {\n    const abs = Math.abs(value);\n    const sign = value < 0 ? \"-\" : \"\";\n    const [unit, scale] =\n        abs >= 1e9\n            ? ([\"B\", 1e9] as const)\n            : abs >= 1e6\n              ? ([\"M\", 1e6] as const)\n              : ([\"K\", 1e3] as const);\n    const ratio = abs / scale;\n    const intDigits = Math.max(1, Math.floor(Math.log10(ratio)) + 1);\n    const decimals = Math.max(0, 3 - intDigits);\n    const floored = floorTo(ratio, decimals);\n    return `${sign}${Number(floored.toFixed(decimals)).toString()}${unit}`;\n}\n\nexport function formatPollen(value: number): string {\n    if (!Number.isFinite(value) || value === 0) return \"0\";\n\n    const abs = Math.abs(value);\n\n    if (abs >= COMPACT_THRESHOLD) return formatCompact(value);\n\n    const intDigits = abs >= 1 ? Math.floor(Math.log10(abs)) + 1 : 1;\n    const decimals = Math.min(MAX_DECIMALS, Math.max(0, BUDGET - intDigits));\n    const floored = floorTo(value, decimals);\n    if (floored === 0) return \"0\";\n    return Number(floored.toFixed(decimals)).toString();\n}\n","import { useAccountKey, useAuthState } from \"@pollinations/sdk/react\";\nimport { cn } from \"../../lib/cn.ts\";\nimport { Chip } from \"../../primitives/Chip.tsx\";\nimport { formatPollen } from \"./format-pollen.ts\";\n\nexport type KeyBudgetProps = { className?: string };\n\n/** Renders the current delegated key's remaining budget. `null` until loaded. */\nexport function KeyBudget({ className }: KeyBudgetProps = {}) {\n    const { isLoggedIn } = useAuthState();\n    const { data: key } = useAccountKey({ enabled: isLoggedIn });\n    const budget = key?.pollenBudget;\n    if (!isLoggedIn || budget == null) return null;\n    return (\n        <Chip\n            data-polli=\"key-budget\"\n            className={cn(\"polli:tabular-nums\", className)}\n        >\n            {formatPollen(budget)} pollen\n        </Chip>\n    );\n}\n","import { useAccountKey, useAuthState } from \"@pollinations/sdk/react\";\nimport { cn } from \"../../lib/cn.ts\";\nimport { Chip } from \"../../primitives/Chip.tsx\";\n\nexport type KeyExpiryProps = { className?: string };\n\n/** Renders the current delegated key's expiry date (YYYY-MM-DD) or `null`. */\nexport function KeyExpiry({ className }: KeyExpiryProps = {}) {\n    const { isLoggedIn } = useAuthState();\n    const { data: key } = useAccountKey({ enabled: isLoggedIn });\n    if (!isLoggedIn || !key?.expiresAt) return null;\n    return (\n        <Chip\n            data-polli=\"key-expiry\"\n            className={cn(\"polli:tabular-nums\", className)}\n        >\n            {key.expiresAt.slice(0, 10)}\n        </Chip>\n    );\n}\n","import { useAccountKey, useAuthState } from \"@pollinations/sdk/react\";\nimport { Chip } from \"../../primitives/Chip.tsx\";\n\nexport type KeyModelsProps = { className?: string };\n\n/** Renders \"All models\" or \"N models\" for the current key. `null` until loaded. */\nexport function KeyModels({ className }: KeyModelsProps = {}) {\n    const { isLoggedIn } = useAuthState();\n    const { data: key } = useAccountKey({ enabled: isLoggedIn });\n    if (!isLoggedIn || !key) return null;\n    const models = key.permissions?.models ?? null;\n    const text =\n        models === null\n            ? \"All models\"\n            : `${models.length} model${models.length === 1 ? \"\" : \"s\"}`;\n    return (\n        <Chip data-polli=\"key-models\" className={className}>\n            {text}\n        </Chip>\n    );\n}\n","import { useAuthState } from \"@pollinations/sdk/react\";\nimport { cn } from \"../../lib/cn.ts\";\nimport { Chip } from \"../../primitives/Chip.tsx\";\n\nexport type KeyPrefixProps = { className?: string };\n\n/** Renders the first 7 chars of the API key followed by bullets. `null` when logged out. */\nexport function KeyPrefix({ className }: KeyPrefixProps = {}) {\n    const { apiKey } = useAuthState();\n    if (!apiKey) return null;\n    return (\n        <Chip\n            data-polli=\"key-prefix\"\n            className={cn(\"polli:font-mono polli:select-none\", className)}\n        >\n            {apiKey.slice(0, 7)}\n            {\"••••••••\"}\n        </Chip>\n    );\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/wallet/sdk.d.cts

@@ -0,0 +1,33 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type BalanceProps = {
+    className?: string;
+};
+/** Renders the logged-in user's pollen balance. `null` until loaded. */
+declare function Balance({ className }?: BalanceProps): react_jsx_runtime.JSX.Element | null;
+
+type KeyBudgetProps = {
+    className?: string;
+};
+/** Renders the current delegated key's remaining budget. `null` until loaded. */
+declare function KeyBudget({ className }?: KeyBudgetProps): react_jsx_runtime.JSX.Element | null;
+
+type KeyExpiryProps = {
+    className?: string;
+};
+/** Renders the current delegated key's expiry date (YYYY-MM-DD) or `null`. */
+declare function KeyExpiry({ className }?: KeyExpiryProps): react_jsx_runtime.JSX.Element | null;
+
+type KeyModelsProps = {
+    className?: string;
+};
+/** Renders "All models" or "N models" for the current key. `null` until loaded. */
+declare function KeyModels({ className }?: KeyModelsProps): react_jsx_runtime.JSX.Element | null;
+
+type KeyPrefixProps = {
+    className?: string;
+};
+/** Renders the first 7 chars of the API key followed by bullets. `null` when logged out. */
+declare function KeyPrefix({ className }?: KeyPrefixProps): react_jsx_runtime.JSX.Element | null;
+
+export { Balance, type BalanceProps, KeyBudget, type KeyBudgetProps, KeyExpiry, type KeyExpiryProps, KeyModels, type KeyModelsProps, KeyPrefix, type KeyPrefixProps };

package/dist/wallet/sdk.d.ts

@@ -0,0 +1,33 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type BalanceProps = {
+    className?: string;
+};
+/** Renders the logged-in user's pollen balance. `null` until loaded. */
+declare function Balance({ className }?: BalanceProps): react_jsx_runtime.JSX.Element | null;
+
+type KeyBudgetProps = {
+    className?: string;
+};
+/** Renders the current delegated key's remaining budget. `null` until loaded. */
+declare function KeyBudget({ className }?: KeyBudgetProps): react_jsx_runtime.JSX.Element | null;
+
+type KeyExpiryProps = {
+    className?: string;
+};
+/** Renders the current delegated key's expiry date (YYYY-MM-DD) or `null`. */
+declare function KeyExpiry({ className }?: KeyExpiryProps): react_jsx_runtime.JSX.Element | null;
+
+type KeyModelsProps = {
+    className?: string;
+};
+/** Renders "All models" or "N models" for the current key. `null` until loaded. */
+declare function KeyModels({ className }?: KeyModelsProps): react_jsx_runtime.JSX.Element | null;
+
+type KeyPrefixProps = {
+    className?: string;
+};
+/** Renders the first 7 chars of the API key followed by bullets. `null` when logged out. */
+declare function KeyPrefix({ className }?: KeyPrefixProps): react_jsx_runtime.JSX.Element | null;
+
+export { Balance, type BalanceProps, KeyBudget, type KeyBudgetProps, KeyExpiry, type KeyExpiryProps, KeyModels, type KeyModelsProps, KeyPrefix, type KeyPrefixProps };

package/dist/wallet/sdk.js

@@ -0,0 +1,172 @@
+// src/modules/wallet/Balance.tsx
+import { useAccountBalance, useAuthState } from "@pollinations/sdk/react";
+
+// src/lib/cn.ts
+import { clsx } from "clsx";
+import { extendTailwindMerge } from "tailwind-merge";
+var twMerge = extendTailwindMerge({ prefix: "polli" });
+function cn(...inputs) {
+  return twMerge(clsx(...inputs));
+}
+
+// src/primitives/Chip.tsx
+import { jsx } from "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 intentClasses = {
+  news: "polli:bg-[oklch(0.935_0.06_158)] polli:text-[oklch(0.46_0.13_158)]",
+  alpha: "polli:bg-[oklch(0.93_0.06_300)] polli:text-[oklch(0.42_0.18_300)]",
+  neutral: "polli:border polli:border-gray-400/70 polli:bg-gray-100/80 polli:text-gray-900"
+};
+var Chip = ({
+  theme,
+  intent,
+  size = "md",
+  className,
+  children,
+  ...rest
+}) => {
+  const intentClass = intent ? intentClasses[intent] : "polli:bg-theme-bg-active polli:text-theme-text-strong";
+  return /* @__PURE__ */ 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
+import { jsxs } from "react/jsx-runtime";
+function Balance({ className } = {}) {
+  const { isLoggedIn } = useAuthState();
+  const { data: balance } = useAccountBalance({ enabled: isLoggedIn });
+  if (!isLoggedIn || balance == null) return null;
+  return /* @__PURE__ */ jsxs(
+    Chip,
+    {
+      "data-polli": "balance",
+      className: cn("polli:tabular-nums", className),
+      children: [
+        formatPollen(balance.balance),
+        " pollen"
+      ]
+    }
+  );
+}
+
+// src/modules/wallet/KeyBudget.tsx
+import { useAccountKey, useAuthState as useAuthState2 } from "@pollinations/sdk/react";
+import { jsxs as jsxs2 } from "react/jsx-runtime";
+function KeyBudget({ className } = {}) {
+  const { isLoggedIn } = useAuthState2();
+  const { data: key } = useAccountKey({ enabled: isLoggedIn });
+  const budget = key?.pollenBudget;
+  if (!isLoggedIn || budget == null) return null;
+  return /* @__PURE__ */ jsxs2(
+    Chip,
+    {
+      "data-polli": "key-budget",
+      className: cn("polli:tabular-nums", className),
+      children: [
+        formatPollen(budget),
+        " pollen"
+      ]
+    }
+  );
+}
+
+// src/modules/wallet/KeyExpiry.tsx
+import { useAccountKey as useAccountKey2, useAuthState as useAuthState3 } from "@pollinations/sdk/react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function KeyExpiry({ className } = {}) {
+  const { isLoggedIn } = useAuthState3();
+  const { data: key } = useAccountKey2({ enabled: isLoggedIn });
+  if (!isLoggedIn || !key?.expiresAt) return null;
+  return /* @__PURE__ */ jsx2(
+    Chip,
+    {
+      "data-polli": "key-expiry",
+      className: cn("polli:tabular-nums", className),
+      children: key.expiresAt.slice(0, 10)
+    }
+  );
+}
+
+// src/modules/wallet/KeyModels.tsx
+import { useAccountKey as useAccountKey3, useAuthState as useAuthState4 } from "@pollinations/sdk/react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+function KeyModels({ className } = {}) {
+  const { isLoggedIn } = useAuthState4();
+  const { data: key } = useAccountKey3({ enabled: isLoggedIn });
+  if (!isLoggedIn || !key) return null;
+  const models = key.permissions?.models ?? null;
+  const text = models === null ? "All models" : `${models.length} model${models.length === 1 ? "" : "s"}`;
+  return /* @__PURE__ */ jsx3(Chip, { "data-polli": "key-models", className, children: text });
+}
+
+// src/modules/wallet/KeyPrefix.tsx
+import { useAuthState as useAuthState5 } from "@pollinations/sdk/react";
+import { jsxs as jsxs3 } from "react/jsx-runtime";
+function KeyPrefix({ className } = {}) {
+  const { apiKey } = useAuthState5();
+  if (!apiKey) return null;
+  return /* @__PURE__ */ jsxs3(
+    Chip,
+    {
+      "data-polli": "key-prefix",
+      className: cn("polli:font-mono polli:select-none", className),
+      children: [
+        apiKey.slice(0, 7),
+        "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022"
+      ]
+    }
+  );
+}
+export {
+  Balance,
+  KeyBudget,
+  KeyExpiry,
+  KeyModels,
+  KeyPrefix
+};
+//# sourceMappingURL=sdk.js.map

package/dist/wallet/sdk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/modules/wallet/Balance.tsx","../../src/lib/cn.ts","../../src/primitives/Chip.tsx","../../src/modules/wallet/format-pollen.ts","../../src/modules/wallet/KeyBudget.tsx","../../src/modules/wallet/KeyExpiry.tsx","../../src/modules/wallet/KeyModels.tsx","../../src/modules/wallet/KeyPrefix.tsx"],"sourcesContent":["import { useAccountBalance, useAuthState } from \"@pollinations/sdk/react\";\nimport { cn } from \"../../lib/cn.ts\";\nimport { Chip } from \"../../primitives/Chip.tsx\";\nimport { formatPollen } from \"./format-pollen.ts\";\n\nexport type BalanceProps = { className?: string };\n\n/** Renders the logged-in user's pollen balance. `null` until loaded. */\nexport function Balance({ className }: BalanceProps = {}) {\n    const { isLoggedIn } = useAuthState();\n    const { data: balance } = useAccountBalance({ enabled: isLoggedIn });\n    if (!isLoggedIn || balance == null) return null;\n    return (\n        <Chip\n            data-polli=\"balance\"\n            className={cn(\"polli:tabular-nums\", className)}\n        >\n            {formatPollen(balance.balance)} pollen\n        </Chip>\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 { ComponentPropsWithoutRef, FC } from \"react\";\nimport { cn } from \"../lib/cn.ts\";\nimport type { ThemeName } from \"../theme.ts\";\n\n/** Semantic chip labels for status and metadata badges. */\ntype ChipIntent = \"news\" | \"alpha\" | \"neutral\";\n\nconst chipSizes = {\n    sm: \"polli:px-2 polli:py-0.5 polli:text-xs\",\n    md: \"polli:px-2.5 polli:py-0.5 polli:text-sm\",\n    lg: \"polli:px-3 polli:py-1 polli:text-sm\",\n} as const;\n\nconst intentClasses: Record<ChipIntent, string> = {\n    news: \"polli:bg-[oklch(0.935_0.06_158)] polli:text-[oklch(0.46_0.13_158)]\",\n    alpha: \"polli:bg-[oklch(0.93_0.06_300)] polli:text-[oklch(0.42_0.18_300)]\",\n    neutral:\n        \"polli:border polli:border-gray-400/70 polli:bg-gray-100/80 polli:text-gray-900\",\n};\n\nexport type ChipProps = ComponentPropsWithoutRef<\"span\"> & {\n    /** Override the cascade theme for this chip's subtree. */\n    theme?: ThemeName;\n    /** Semantic intent. Wins over `theme` when set. */\n    intent?: ChipIntent;\n    size?: keyof typeof chipSizes;\n};\n\n// Static, rectangular colored container. Round shapes are reserved for buttons.\n// Reads `bg-theme-bg-active` / `text-theme-text-strong` from the cascade unless\n// `intent` is set (semantic, theme-independent).\nexport const Chip: FC<ChipProps> = ({\n    theme,\n    intent,\n    size = \"md\",\n    className,\n    children,\n    ...rest\n}) => {\n    const intentClass = intent\n        ? intentClasses[intent]\n        : \"polli:bg-theme-bg-active polli:text-theme-text-strong\";\n    return (\n        <span\n            {...rest}\n            data-theme={theme}\n            className={cn(\n                \"polli:inline-flex polli:shrink-0 polli:items-center polli:gap-1 polli:rounded-lg polli:font-medium polli:leading-normal\",\n                chipSizes[size],\n                intentClass,\n                className,\n            )}\n        >\n            {children}\n        </span>\n    );\n};\n","// 5-digit budget for pollen display. Integer takes its space, decimals fill\n// the remainder (capped at 4), floor toward -infinity, trailing zeros stripped.\n// Integers needing >=6 digits switch to compact (K/M/B, 3 sig figs).\n// Decimal point and minus sign do not count toward the budget.\n\nconst BUDGET = 5;\nconst MAX_DECIMALS = 4;\nconst COMPACT_THRESHOLD = 100_000;\n\nfunction floorTo(value: number, decimals: number): number {\n    const factor = 10 ** decimals;\n    return Math.floor(value * factor) / factor;\n}\n\nfunction formatCompact(value: number): string {\n    const abs = Math.abs(value);\n    const sign = value < 0 ? \"-\" : \"\";\n    const [unit, scale] =\n        abs >= 1e9\n            ? ([\"B\", 1e9] as const)\n            : abs >= 1e6\n              ? ([\"M\", 1e6] as const)\n              : ([\"K\", 1e3] as const);\n    const ratio = abs / scale;\n    const intDigits = Math.max(1, Math.floor(Math.log10(ratio)) + 1);\n    const decimals = Math.max(0, 3 - intDigits);\n    const floored = floorTo(ratio, decimals);\n    return `${sign}${Number(floored.toFixed(decimals)).toString()}${unit}`;\n}\n\nexport function formatPollen(value: number): string {\n    if (!Number.isFinite(value) || value === 0) return \"0\";\n\n    const abs = Math.abs(value);\n\n    if (abs >= COMPACT_THRESHOLD) return formatCompact(value);\n\n    const intDigits = abs >= 1 ? Math.floor(Math.log10(abs)) + 1 : 1;\n    const decimals = Math.min(MAX_DECIMALS, Math.max(0, BUDGET - intDigits));\n    const floored = floorTo(value, decimals);\n    if (floored === 0) return \"0\";\n    return Number(floored.toFixed(decimals)).toString();\n}\n","import { useAccountKey, useAuthState } from \"@pollinations/sdk/react\";\nimport { cn } from \"../../lib/cn.ts\";\nimport { Chip } from \"../../primitives/Chip.tsx\";\nimport { formatPollen } from \"./format-pollen.ts\";\n\nexport type KeyBudgetProps = { className?: string };\n\n/** Renders the current delegated key's remaining budget. `null` until loaded. */\nexport function KeyBudget({ className }: KeyBudgetProps = {}) {\n    const { isLoggedIn } = useAuthState();\n    const { data: key } = useAccountKey({ enabled: isLoggedIn });\n    const budget = key?.pollenBudget;\n    if (!isLoggedIn || budget == null) return null;\n    return (\n        <Chip\n            data-polli=\"key-budget\"\n            className={cn(\"polli:tabular-nums\", className)}\n        >\n            {formatPollen(budget)} pollen\n        </Chip>\n    );\n}\n","import { useAccountKey, useAuthState } from \"@pollinations/sdk/react\";\nimport { cn } from \"../../lib/cn.ts\";\nimport { Chip } from \"../../primitives/Chip.tsx\";\n\nexport type KeyExpiryProps = { className?: string };\n\n/** Renders the current delegated key's expiry date (YYYY-MM-DD) or `null`. */\nexport function KeyExpiry({ className }: KeyExpiryProps = {}) {\n    const { isLoggedIn } = useAuthState();\n    const { data: key } = useAccountKey({ enabled: isLoggedIn });\n    if (!isLoggedIn || !key?.expiresAt) return null;\n    return (\n        <Chip\n            data-polli=\"key-expiry\"\n            className={cn(\"polli:tabular-nums\", className)}\n        >\n            {key.expiresAt.slice(0, 10)}\n        </Chip>\n    );\n}\n","import { useAccountKey, useAuthState } from \"@pollinations/sdk/react\";\nimport { Chip } from \"../../primitives/Chip.tsx\";\n\nexport type KeyModelsProps = { className?: string };\n\n/** Renders \"All models\" or \"N models\" for the current key. `null` until loaded. */\nexport function KeyModels({ className }: KeyModelsProps = {}) {\n    const { isLoggedIn } = useAuthState();\n    const { data: key } = useAccountKey({ enabled: isLoggedIn });\n    if (!isLoggedIn || !key) return null;\n    const models = key.permissions?.models ?? null;\n    const text =\n        models === null\n            ? \"All models\"\n            : `${models.length} model${models.length === 1 ? \"\" : \"s\"}`;\n    return (\n        <Chip data-polli=\"key-models\" className={className}>\n            {text}\n        </Chip>\n    );\n}\n","import { useAuthState } from \"@pollinations/sdk/react\";\nimport { cn } from \"../../lib/cn.ts\";\nimport { Chip } from \"../../primitives/Chip.tsx\";\n\nexport type KeyPrefixProps = { className?: string };\n\n/** Renders the first 7 chars of the API key followed by bullets. `null` when logged out. */\nexport function KeyPrefix({ className }: KeyPrefixProps = {}) {\n    const { apiKey } = useAuthState();\n    if (!apiKey) return null;\n    return (\n        <Chip\n            data-polli=\"key-prefix\"\n            className={cn(\"polli:font-mono polli:select-none\", className)}\n        >\n            {apiKey.slice(0, 7)}\n            {\"••••••••\"}\n        </Chip>\n    );\n}\n"],"mappings":"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","names":["useAuthState","jsxs","useAuthState","useAccountKey","useAuthState","jsx","useAuthState","useAccountKey","useAccountKey","useAuthState","jsx","useAuthState","useAccountKey","useAuthState","jsxs","useAuthState"]}

package/dist/wallet.css

@@ -0,0 +1,73 @@
+/** biome-ignore-all lint/suspicious/noUnknownAtRules: tailwind handles it */
+
+:root {
+    --polli-color-paid-pale: oklch(0.93 0.09 95.746);
+    --polli-color-paid-soft: oklch(0.85 0.16 95.746);
+    --polli-color-paid-deep: #78350f;
+    --polli-color-tier-pale: oklch(0.93 0.06 55);
+    --polli-color-tier-soft: oklch(0.83 0.13 55);
+    --polli-color-tier-deep: #7c3f1e;
+}
+
+@theme inline {
+    --color-paid-pale: var(--polli-color-paid-pale);
+    --color-paid-soft: var(--polli-color-paid-soft);
+    --color-paid-deep: var(--polli-color-paid-deep);
+    --color-tier-pale: var(--polli-color-tier-pale);
+    --color-tier-soft: var(--polli-color-tier-soft);
+    --color-tier-deep: var(--polli-color-tier-deep);
+}
+
+.polli-wallet-chip-paid {
+    background-color: var(--polli-color-paid-pale);
+    color: var(--polli-color-paid-deep);
+}
+
+.polli-wallet-chip-tier {
+    background-color: var(--polli-color-tier-pale);
+    color: var(--polli-color-tier-deep);
+}
+
+.polli-wallet-panel-paid {
+    background-color: color-mix(
+        in oklab,
+        var(--polli-color-paid-pale) 60%,
+        transparent
+    );
+    color: var(--polli-color-paid-deep);
+}
+
+.polli-wallet-panel-tier {
+    background-color: color-mix(
+        in oklab,
+        var(--polli-color-tier-pale) 60%,
+        transparent
+    );
+    color: var(--polli-color-tier-deep);
+}
+
+.polli-wallet-dot-paid {
+    background-color: var(--polli-color-paid-soft);
+}
+
+.polli-wallet-dot-tier {
+    background-color: var(--polli-color-tier-soft);
+}
+
+.polli-wallet-text-paid {
+    color: var(--polli-color-paid-deep);
+}
+
+.polli-wallet-text-tier {
+    color: var(--polli-color-tier-deep);
+}
+
+.polli-wallet-balance-value {
+    font-size: 2.25rem;
+}
+
+@media (min-width: 640px) {
+    .polli-wallet-balance-value {
+        font-size: 3rem;
+    }
+}