@locusgraph/blocks 0.2.0 → 0.3.1

package/dist/billing/wallet-panel.d.ts

@@ -1,8 +0,0 @@
-import type { WalletGrant } from "../types.js";
-type WalletPanelProps = {
-    balanceMicroUsd: number;
-    debtMicroUsd?: number;
-    grants: WalletGrant[];
-};
-export declare function WalletPanel({ balanceMicroUsd, debtMicroUsd, grants }: WalletPanelProps): import("react").JSX.Element;
-export {};

package/dist/billing/wallet-panel.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Badge, RuleGridCell, RuleGridLabel } from "@locusgraph/components";
-import { balanceLevel, formatDate, formatMicroUsd } from "@locusgraph/utils";
-const levelHint = {
-    low: { badge: "Low", text: "Add credits before usage stops.", tone: "text-warn" },
-    empty: {
-        badge: "Empty",
-        text: "Paid usage is paused until you add credits.",
-        tone: "text-destructive",
-    },
-};
-export function WalletPanel({ balanceMicroUsd, debtMicroUsd = 0, grants }) {
-    const level = balanceLevel(balanceMicroUsd);
-    const hint = level === "fine" ? null : levelHint[level];
-    return (_jsxs(RuleGridCell, { "data-level": level, className: "gap-4", children: [_jsxs("span", { className: "flex items-center justify-between", children: [_jsx(RuleGridLabel, { children: "Prepaid credits" }), hint && (_jsx(Badge, { variant: level === "empty" ? "destructive" : "secondary", className: level === "low" ? "text-warn" : undefined, children: hint.badge }))] }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "font-heading text-3xl font-semibold tracking-[-0.02em] tabular-nums", children: formatMicroUsd(balanceMicroUsd) }), hint && _jsx("p", { className: `text-sm ${hint.tone}`, children: hint.text })] }), _jsxs("div", { className: "flex flex-col gap-3 text-sm", children: [grants.length > 0 ? (_jsx("ul", { className: "flex flex-col divide-y divide-line", children: grants.map((grant) => (_jsxs("li", { className: "flex justify-between gap-4 py-2", children: [_jsx("span", { children: grant.label }), _jsxs("span", { className: "text-muted-foreground tabular-nums", children: [formatMicroUsd(grant.remainingMicroUsd), " \u00B7", " ", grant.expiresAt ? `expires ${formatDate(grant.expiresAt)}` : "never expires"] })] }, `${grant.label}:${grant.expiresAt}`))) })) : (_jsx("p", { className: "text-muted-foreground", children: "No credits yet. Buy a pack to keep using paid features." })), debtMicroUsd > 0 && (_jsxs("p", { className: "text-destructive", children: [formatMicroUsd(debtMicroUsd), " owed. It comes out of the next credits you add."] }))] })] }));
-}

package/dist/keys/keys-table.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@locusgraph/components";
-import { LocalDate } from "../dates/local-date.js";
-function dateOr(value, empty) {
-    return value ? _jsx(LocalDate, { value: value }) : empty;
-}
-export function KeysTable({ keys, actions, highlightedId }) {
-    return (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Name" }), _jsx(TableHead, { className: "hidden md:table-cell", children: "Key" }), _jsx(TableHead, { children: "Product" }), _jsx(TableHead, { className: "hidden md:table-cell", children: "Created by" }), _jsx(TableHead, { className: "hidden sm:table-cell", children: "Created" }), _jsx(TableHead, { children: "Expires" }), actions && _jsx(TableHead, { className: "w-0" })] }) }), _jsx(TableBody, { children: keys.map((key) => (_jsxs(TableRow, { "data-new": key.id === highlightedId ? "" : undefined, className: "transition-colors duration-1000 data-new:bg-accent", children: [_jsx(TableCell, { className: "font-medium", children: key.name ?? "Untitled" }), _jsx(TableCell, { className: "hidden font-mono text-muted-foreground md:table-cell", children: key.maskedKey }), _jsx(TableCell, { children: key.productLabel }), _jsx(TableCell, { className: "hidden md:table-cell", children: key.createdBy }), _jsx(TableCell, { className: "hidden sm:table-cell", children: dateOr(key.createdAt, "") }), _jsx(TableCell, { children: dateOr(key.expiresAt, "Never") }), actions && _jsx(TableCell, { className: "text-right", children: actions(key) })] }, key.id))) })] }));
-}

package/dist/keys/no-keys.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, RuleGrid, RuleGridCell, RuleGridDescription, RuleGridLabel, } from "@locusgraph/components";
-import { KeyRoundIcon, PlusIcon } from "lucide-react";
-export function NoKeys({ newKeyHref, description = newKeyHref
-    ? "Create a key to let a service call LocusGraph products for this organization."
-    : "Ask an owner to create a key for this organization.", linkComponent: Link = "a", }) {
-    return (_jsx(RuleGrid, { columns: 1, children: _jsxs(RuleGridCell, { className: "items-center gap-3 py-12 text-center", children: [_jsx(KeyRoundIcon, { className: "size-5 text-muted-foreground" }), _jsx(RuleGridLabel, { children: "No API keys yet" }), _jsx(RuleGridDescription, { className: "max-w-sm", children: description }), newKeyHref && (_jsx(Button, { asChild: true, size: "sm", children: _jsxs(Link, { href: newKeyHref, children: [_jsx(PlusIcon, {}), "New key"] }) }))] }) }));
-}

package/dist/usage/quota-meter.d.ts

@@ -1,4 +0,0 @@
-import { type Quota } from "../types.js";
-export declare function QuotaMeter({ quota }: {
-    quota: Quota;
-}): import("react").JSX.Element;

package/dist/usage/quota-meter.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Progress } from "@locusgraph/components";
-import { formatCount, quotaPercent, quotaStatus } from "@locusgraph/utils";
-import { periodLabel } from "../types.js";
-const statusIndicator = {
-    ok: "",
-    near: "[&_[data-slot=progress-indicator]]:bg-warn",
-    over: "[&_[data-slot=progress-indicator]]:bg-destructive",
-};
-export function QuotaMeter({ quota }) {
-    const percent = quotaPercent(quota);
-    return (_jsxs("div", { "data-slot": "quota-meter", "data-status": quotaStatus(quota), className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex items-baseline justify-between gap-4 text-sm", children: [_jsx("span", { className: "font-mono", children: quota.key }), _jsxs("span", { className: "text-muted-foreground tabular-nums", children: [formatCount(quota.used), " of ", formatCount(quota.included), " ", periodLabel(quota.period)] })] }), _jsx(Progress, { value: percent, "aria-label": `${quota.key} ${percent}% of quota`, className: statusIndicator[quotaStatus(quota)] })] }));
-}

package/dist/usage/usage-attention.d.ts

@@ -1,11 +0,0 @@
-import { type LinkComponent, type Quota } from "../types.js";
-type UsageAttentionProps = {
-    balanceMicroUsd: number | null;
-    quotas: Quota[];
-    paidPlan: boolean;
-    buyCreditsHref: string;
-    upgradeHref: string;
-    linkComponent?: LinkComponent | "a";
-};
-export declare function UsageAttention({ balanceMicroUsd, quotas, paidPlan, buyCreditsHref, upgradeHref, linkComponent: Link, }: UsageAttentionProps): import("react").JSX.Element | null;
-export {};

package/dist/usage/usage-attention.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Alert, AlertDescription, AlertTitle, Button } from "@locusgraph/components";
-import { balanceLevel, formatCount, formatMicroUsd, quotaStatus } from "@locusgraph/utils";
-import { CircleAlertIcon } from "lucide-react";
-import { periodLabel } from "../types.js";
-function attentionTitle(empty, overCount) {
-    if (empty)
-        return "Out of credits";
-    return overCount > 0 ? "Usage is over your plan" : "Credits are running low";
-}
-export function UsageAttention({ balanceMicroUsd, quotas, paidPlan, buyCreditsHref, upgradeHref, linkComponent: Link = "a", }) {
-    const level = balanceMicroUsd === null ? "fine" : balanceLevel(balanceMicroUsd);
-    const over = quotas.filter((quota) => quotaStatus(quota) === "over");
-    if (level === "fine" && over.length === 0)
-        return null;
-    const empty = level === "empty";
-    return (_jsxs(Alert, { variant: empty ? "destructive" : "default", className: empty ? undefined : "text-warn *:data-[slot=alert-description]:text-warn/85", children: [_jsx(CircleAlertIcon, {}), _jsx(AlertTitle, { children: attentionTitle(empty, over.length) }), _jsxs(AlertDescription, { className: "flex flex-wrap items-end justify-between gap-4", children: [_jsxs("ul", { className: "flex flex-col gap-1", children: [over.map((quota) => (_jsxs("li", { children: [_jsx("span", { className: "font-mono", children: quota.key }), " is at ", formatCount(quota.used), " of", " ", formatCount(quota.included), " ", periodLabel(quota.period), "."] }, quota.key))), balanceMicroUsd !== null && level !== "fine" && (_jsx("li", { children: empty
-                                    ? "Paid usage is paused until you add credits."
-                                    : `${formatMicroUsd(balanceMicroUsd)} of credits left.` }))] }), _jsxs("div", { className: "flex items-center gap-4", children: [!paidPlan && (_jsx(Link, { href: upgradeHref, className: "text-sm text-foreground underline-offset-4 hover:underline", children: "Upgrade to Pro" })), _jsx(Button, { asChild: true, size: "sm", children: _jsx(Link, { href: buyCreditsHref, children: "Buy credits" }) })] })] })] }));
-}

package/dist/usage/usage-summary.d.ts

@@ -1,8 +0,0 @@
-import type { Quota } from "../types.js";
-type UsageSummaryProps = {
-    quotas: Quota[];
-    label?: string;
-    emptyText?: string;
-};
-export declare function UsageSummary({ quotas, label, emptyText, }: UsageSummaryProps): import("react").JSX.Element;
-export {};

package/dist/usage/usage-summary.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { RuleGrid, RuleGridCell, RuleGridLabel } from "@locusgraph/components";
-import { QuotaMeter } from "./quota-meter.js";
-export function UsageSummary({ quotas, label = "Usage", emptyText = "No plan includes metered usage yet.", }) {
-    return (_jsx(RuleGrid, { columns: 1, children: _jsxs(RuleGridCell, { className: "gap-5", children: [_jsx(RuleGridLabel, { children: label }), quotas.length > 0 ? (quotas.map((quota) => _jsx(QuotaMeter, { quota: quota }, quota.key))) : (_jsx("p", { className: "text-sm text-muted-foreground", children: emptyText }))] }) }));
-}