@hanzo/ui-shadcn 5.7.2

package/dist/src/billing/components/card-form.js

@@ -0,0 +1,139 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+// -- Card number formatting --
+function formatCardNumber(value) {
+    const digits = value.replace(/\D/g, '').slice(0, 16);
+    return digits.replace(/(.{4})/g, '$1 ').trim();
+}
+function formatExpiry(value) {
+    const digits = value.replace(/\D/g, '').slice(0, 4);
+    if (digits.length >= 3)
+        return digits.slice(0, 2) + '/' + digits.slice(2);
+    return digits;
+}
+function detectBrand(digits) {
+    if (digits.startsWith('4'))
+        return 'visa';
+    if (/^5[1-5]/.test(digits) || /^2[2-7]/.test(digits))
+        return 'mastercard';
+    if (/^3[47]/.test(digits))
+        return 'amex';
+    if (/^6(?:011|5)/.test(digits))
+        return 'discover';
+    return '';
+}
+// -- Shared input style --
+const inputStyle = {
+    width: '100%',
+    background: 'rgba(255,255,255,0.04)',
+    border: '1px solid rgba(255,255,255,0.10)',
+    borderRadius: '8px',
+    padding: '10px 12px',
+    color: '#fafafa',
+    fontSize: '14px',
+    fontFamily: 'ui-sans-serif, system-ui, sans-serif',
+    outline: 'none',
+    transition: 'border-color 0.2s',
+    boxSizing: 'border-box',
+};
+const inputFocusStyle = {
+    borderColor: 'rgba(255,255,255,0.35)',
+};
+const labelStyle = {
+    display: 'block',
+    fontSize: '12px',
+    fontWeight: 500,
+    color: 'rgba(255,255,255,0.5)',
+    marginBottom: '4px',
+    textTransform: 'uppercase',
+    letterSpacing: '0.05em',
+};
+// -- Component --
+const COMMERCE_API = process.env.NEXT_PUBLIC_COMMERCE_API ?? 'https://api.hanzo.ai/api/v1';
+export function CardForm({ onSuccess, apiBaseUrl, authToken, disabled }) {
+    const [number, setNumber] = React.useState('');
+    const [name, setName] = React.useState('');
+    const [expiry, setExpiry] = React.useState('');
+    const [cvc, setCvc] = React.useState('');
+    const [zip, setZip] = React.useState('');
+    const [error, setError] = React.useState(null);
+    const [loading, setLoading] = React.useState(false);
+    const [focusedField, setFocusedField] = React.useState(null);
+    const rawNumber = number.replace(/\D/g, '');
+    const brand = detectBrand(rawNumber);
+    const cvcLength = brand === 'amex' ? 4 : 3;
+    const handleSubmit = React.useCallback(async (e) => {
+        e.preventDefault();
+        setError(null);
+        if (rawNumber.length < 13) {
+            setError('Invalid card number');
+            return;
+        }
+        if (!expiry.includes('/')) {
+            setError('Invalid expiry (MM/YY)');
+            return;
+        }
+        const [mm, yy] = expiry.split('/');
+        if (!mm || !yy || mm.length !== 2 || yy.length !== 2) {
+            setError('Invalid expiry');
+            return;
+        }
+        if (cvc.length < 3) {
+            setError('Invalid CVC');
+            return;
+        }
+        if (!name.trim()) {
+            setError('Cardholder name is required');
+            return;
+        }
+        setLoading(true);
+        try {
+            const base = apiBaseUrl ?? COMMERCE_API;
+            const headers = { 'Content-Type': 'application/json' };
+            if (authToken)
+                headers['Authorization'] = `Bearer ${authToken}`;
+            const res = await fetch(`${base}/billing/card/tokenize`, {
+                method: 'POST',
+                headers,
+                body: JSON.stringify({
+                    number: rawNumber,
+                    expiry_month: mm,
+                    expiry_year: `20${yy}`,
+                    cvc,
+                    name: name.trim(),
+                    zip: zip.trim(),
+                }),
+            });
+            if (!res.ok) {
+                const data = await res.json().catch(() => ({}));
+                throw new Error(data.error ?? `Tokenization failed (${res.status})`);
+            }
+            const data = await res.json();
+            await onSuccess(data);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : 'Card processing error');
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [rawNumber, expiry, cvc, name, zip, apiBaseUrl, authToken, onSuccess]);
+    const fieldStyle = (field) => ({
+        ...inputStyle,
+        ...(focusedField === field ? inputFocusStyle : {}),
+    });
+    const canSubmit = !disabled && !loading && rawNumber.length >= 13 && !!expiry && !!cvc && !!name.trim();
+    return (_jsxs("form", { onSubmit: handleSubmit, style: { display: 'flex', flexDirection: 'column', gap: '12px' }, children: [_jsxs("div", { children: [_jsx("label", { style: labelStyle, children: "Card number" }), _jsxs("div", { style: { position: 'relative' }, children: [_jsx("input", { type: "text", inputMode: "numeric", autoComplete: "cc-number", placeholder: "1234 5678 9012 3456", value: number, onChange: e => setNumber(formatCardNumber(e.target.value)), onFocus: () => setFocusedField('number'), onBlur: () => setFocusedField(null), style: { ...fieldStyle('number'), paddingRight: brand ? '44px' : '12px' }, disabled: disabled || loading, maxLength: 19 }), brand && (_jsx("span", { style: { position: 'absolute', right: '12px', top: '50%', transform: 'translateY(-50%)', fontSize: '11px', fontWeight: 600, color: 'rgba(255,255,255,0.5)', textTransform: 'uppercase' }, children: brand }))] })] }), _jsxs("div", { children: [_jsx("label", { style: labelStyle, children: "Cardholder name" }), _jsx("input", { type: "text", autoComplete: "cc-name", placeholder: "Jane Smith", value: name, onChange: e => setName(e.target.value), onFocus: () => setFocusedField('name'), onBlur: () => setFocusedField(null), style: fieldStyle('name'), disabled: disabled || loading })] }), _jsxs("div", { style: { display: 'grid', gridTemplateColumns: '1fr 1fr', gap: '10px' }, children: [_jsxs("div", { children: [_jsx("label", { style: labelStyle, children: "Expiry" }), _jsx("input", { type: "text", inputMode: "numeric", autoComplete: "cc-exp", placeholder: "MM/YY", value: expiry, onChange: e => setExpiry(formatExpiry(e.target.value)), onFocus: () => setFocusedField('expiry'), onBlur: () => setFocusedField(null), style: fieldStyle('expiry'), disabled: disabled || loading, maxLength: 5 })] }), _jsxs("div", { children: [_jsx("label", { style: labelStyle, children: brand === 'amex' ? 'CID (4 digits)' : 'CVC' }), _jsx("input", { type: "password", inputMode: "numeric", autoComplete: "cc-csc", placeholder: brand === 'amex' ? '1234' : '123', value: cvc, onChange: e => setCvc(e.target.value.replace(/\D/g, '').slice(0, cvcLength)), onFocus: () => setFocusedField('cvc'), onBlur: () => setFocusedField(null), style: fieldStyle('cvc'), disabled: disabled || loading, maxLength: cvcLength })] })] }), _jsxs("div", { children: [_jsxs("label", { style: labelStyle, children: ["ZIP / Postal code", ' ', _jsx("span", { style: { color: 'rgba(255,255,255,0.25)' }, children: "(optional)" })] }), _jsx("input", { type: "text", autoComplete: "postal-code", placeholder: "10001", value: zip, onChange: e => setZip(e.target.value.slice(0, 10)), onFocus: () => setFocusedField('zip'), onBlur: () => setFocusedField(null), style: fieldStyle('zip'), disabled: disabled || loading })] }), error && (_jsx("p", { style: { margin: 0, fontSize: '13px', color: '#f87171' }, children: error })), _jsx("button", { type: "submit", disabled: !canSubmit, style: {
+                    width: '100%',
+                    borderRadius: '8px',
+                    border: 'none',
+                    backgroundColor: canSubmit ? 'rgb(250,250,250)' : 'rgba(250,250,250,0.3)',
+                    color: canSubmit ? 'rgb(9,9,11)' : 'rgba(9,9,11,0.5)',
+                    padding: '10px 16px',
+                    fontSize: '14px',
+                    fontWeight: 500,
+                    cursor: canSubmit ? 'pointer' : 'not-allowed',
+                    transition: 'opacity 0.15s',
+                }, children: loading ? 'Processing...' : 'Save card' }), _jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '6px', fontSize: '11px', color: 'rgba(255,255,255,0.3)' }, children: [_jsxs("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [_jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2" }), _jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })] }), "Encrypted \u00B7 PCI-compliant \u00B7 Powered by Hanzo Commerce"] })] }));
+}

package/dist/src/billing/components/cost-explorer.d.ts

@@ -0,0 +1,7 @@
+import type { UsageSummary } from '../types';
+export interface CostExplorerProps {
+    usage: UsageSummary | null;
+    usageLoading: boolean;
+}
+export declare function CostExplorer({ usage, usageLoading }: CostExplorerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=cost-explorer.d.ts.map

package/dist/src/billing/components/cost-explorer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cost-explorer.d.ts","sourceRoot":"","sources":["../../../../src/billing/components/cost-explorer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAe,MAAM,UAAU,CAAA;AAEzD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAA;IAC1B,YAAY,EAAE,OAAO,CAAA;CACtB;AA2BD,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,iBAAiB,2CA6LtE"}

package/dist/src/billing/components/cost-explorer.js

@@ -0,0 +1,73 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useMemo } from 'react';
+function fmt(amount, currency = 'usd') {
+    return new Intl.NumberFormat('en-US', { style: 'currency', currency }).format(amount);
+}
+const meterLabels = {
+    ai: 'LLM / Chat',
+    api_calls: 'API Requests',
+    storage: 'Storage',
+    gpu: 'GPU Compute',
+    network: 'Network',
+    network_egress: 'Egress',
+};
+const meterColors = {
+    ai: 'bg-violet-500',
+    api_calls: 'bg-indigo-500',
+    storage: 'bg-blue-500',
+    gpu: 'bg-amber-500',
+    network: 'bg-emerald-500',
+    network_egress: 'bg-teal-500',
+};
+export function CostExplorer({ usage, usageLoading }) {
+    const [timeRange, setTimeRange] = useState('30d');
+    const [productFilter, setProductFilter] = useState('all');
+    const [sortKey, setSortKey] = useState('cost');
+    const [sortAsc, setSortAsc] = useState(false);
+    const records = usage?.records ?? [];
+    const totalCost = usage?.totalCost ?? 0;
+    const currency = usage?.currency ?? 'usd';
+    // Available product types from records
+    const productTypes = useMemo(() => {
+        const types = new Set(records.map(r => r.meterId));
+        return Array.from(types);
+    }, [records]);
+    // Filtered + sorted records
+    const filtered = useMemo(() => {
+        let list = productFilter === 'all' ? records : records.filter(r => r.meterId === productFilter);
+        list = [...list].sort((a, b) => {
+            let cmp = 0;
+            if (sortKey === 'cost')
+                cmp = a.cost - b.cost;
+            else if (sortKey === 'usage')
+                cmp = a.current - b.current;
+            else
+                cmp = a.label.localeCompare(b.label);
+            return sortAsc ? cmp : -cmp;
+        });
+        return list;
+    }, [records, productFilter, sortKey, sortAsc]);
+    // Top 5 drivers by cost
+    const topDrivers = useMemo(() => [...records].sort((a, b) => b.cost - a.cost).slice(0, 5), [records]);
+    const handleSort = (key) => {
+        if (sortKey === key)
+            setSortAsc(!sortAsc);
+        else {
+            setSortKey(key);
+            setSortAsc(false);
+        }
+    };
+    const sortIndicator = (key) => sortKey === key ? (sortAsc ? ' \u2191' : ' \u2193') : '';
+    if (usageLoading) {
+        return (_jsx("div", { className: "flex items-center justify-center py-16", children: _jsx("div", { className: "h-6 w-6 animate-spin rounded-full border-2 border-text-dim border-t-brand" }) }));
+    }
+    return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-3 rounded-xl border border-border bg-bg-card p-4", children: [_jsx("div", { className: "flex gap-1 rounded-lg bg-bg p-0.5", children: ['7d', '30d', '90d'].map(t => (_jsx("button", { type: "button", onClick: () => setTimeRange(t), className: `rounded-md px-3 py-1.5 text-xs font-medium transition ${timeRange === t ? 'bg-bg-elevated text-text' : 'text-text-muted hover:text-text'}`, children: t }, t))) }), _jsxs("select", { value: productFilter, onChange: e => setProductFilter(e.target.value), className: "rounded-lg border border-border bg-bg-input px-3 py-1.5 text-xs text-text outline-none", children: [_jsx("option", { value: "all", children: "All products" }), productTypes.map(t => (_jsx("option", { value: t, children: meterLabels[t] ?? t }, t)))] }), _jsx("select", { disabled: true, className: "rounded-lg border border-border bg-bg-input px-3 py-1.5 text-xs text-text-dim opacity-50 cursor-not-allowed", children: _jsx("option", { children: "Model (coming soon)" }) }), _jsx("select", { disabled: true, className: "rounded-lg border border-border bg-bg-input px-3 py-1.5 text-xs text-text-dim opacity-50 cursor-not-allowed", children: _jsx("option", { children: "Project (coming soon)" }) })] }), _jsxs("div", { className: "rounded-xl border border-border bg-bg-card p-6", children: [_jsxs("div", { className: "flex items-end justify-between mb-4", children: [_jsxs("div", { children: [_jsxs("p", { className: "text-xs uppercase tracking-wide text-text-dim", children: ["Total Cost (", timeRange, ")"] }), _jsx("p", { className: "text-3xl font-bold text-text mt-1", children: fmt(totalCost, currency) })] }), usage?.period && (_jsxs("p", { className: "text-xs text-text-muted", children: [new Date(usage.period.start).toLocaleDateString(), " ", '\u2014', " ", new Date(usage.period.end).toLocaleDateString()] }))] }), _jsx("div", { className: "flex items-center justify-center h-32 rounded-lg bg-bg border border-dashed border-border", children: _jsxs("p", { className: "text-xs text-text-dim", children: ["Cost trend chart ", '\u2014', " coming soon"] }) })] }), topDrivers.length > 0 && (_jsxs("div", { children: [_jsx("h3", { className: "text-xs font-medium uppercase tracking-wide text-text-dim mb-3", children: "Top Drivers" }), _jsx("div", { className: "space-y-2", children: topDrivers.map(rec => {
+                            const pct = totalCost > 0 ? (rec.cost / totalCost) * 100 : 0;
+                            const color = meterColors[rec.meterId] ?? 'bg-gray-500';
+                            return (_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("span", { className: "w-24 shrink-0 text-xs text-text-muted truncate", children: meterLabels[rec.meterId] ?? rec.label }), _jsx("div", { className: "flex-1 h-4 rounded bg-bg-elevated overflow-hidden", children: _jsx("div", { className: `h-full rounded ${color} transition-all`, style: { width: `${pct}%` } }) }), _jsx("span", { className: "w-20 shrink-0 text-right text-xs font-medium text-text", children: fmt(rec.cost) }), _jsxs("span", { className: "w-12 shrink-0 text-right text-[11px] text-text-muted", children: [pct.toFixed(1), "%"] })] }, rec.meterId));
+                        }) })] })), _jsx("div", { className: "rounded-xl border border-border overflow-hidden", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { children: _jsxs("tr", { className: "bg-bg-elevated text-xs uppercase tracking-wide text-text-muted", children: [_jsxs("th", { className: "px-4 py-3 text-left cursor-pointer select-none", onClick: () => handleSort('label'), children: ["Product", sortIndicator('label')] }), _jsx("th", { className: "px-4 py-3 text-left", children: "Meter" }), _jsxs("th", { className: "px-4 py-3 text-right cursor-pointer select-none", onClick: () => handleSort('usage'), children: ["Usage", sortIndicator('usage')] }), _jsxs("th", { className: "px-4 py-3 text-right cursor-pointer select-none", onClick: () => handleSort('cost'), children: ["Cost", sortIndicator('cost')] }), _jsx("th", { className: "px-4 py-3 text-right", children: "% of Total" })] }) }), _jsx("tbody", { className: "divide-y divide-border", children: filtered.length === 0 ? (_jsx("tr", { children: _jsx("td", { colSpan: 5, className: "px-4 py-8 text-center text-text-muted text-sm", children: "No usage data for this period." }) })) : (filtered.map(rec => {
+                                const pct = totalCost > 0 ? (rec.cost / totalCost) * 100 : 0;
+                                return (_jsxs("tr", { className: "hover:bg-bg-card transition-colors", children: [_jsx("td", { className: "px-4 py-3 text-text font-medium", children: meterLabels[rec.meterId] ?? rec.label }), _jsx("td", { className: "px-4 py-3 text-text-muted", children: rec.meterId }), _jsxs("td", { className: "px-4 py-3 text-right text-text", children: [rec.current.toLocaleString(), " ", rec.unit, rec.limit ? _jsxs("span", { className: "text-text-dim", children: [" / ", rec.limit.toLocaleString()] }) : null] }), _jsx("td", { className: "px-4 py-3 text-right text-text font-medium", children: fmt(rec.cost) }), _jsxs("td", { className: "px-4 py-3 text-right text-text-muted", children: [pct.toFixed(1), "%"] })] }, rec.meterId));
+                            })) }), filtered.length > 0 && (_jsx("tfoot", { children: _jsxs("tr", { className: "bg-bg-elevated font-medium", children: [_jsx("td", { colSpan: 3, className: "px-4 py-3 text-xs uppercase tracking-wide text-text-muted", children: "Total" }), _jsx("td", { className: "px-4 py-3 text-right text-text", children: fmt(totalCost, currency) }), _jsx("td", { className: "px-4 py-3 text-right text-text-muted", children: "100%" })] }) }))] }) })] }));
+}

package/dist/src/billing/components/credit-modal.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+export interface CreditModalProps {
+    /** Controls visibility. */
+    open: boolean;
+    /** Fired on escape, overlay click, or the close affordance. */
+    onClose: () => void;
+    /** Non-cash promotional trial credit remaining, in cents. */
+    trialBalanceCents?: number;
+    /** Real (paid) prepaid credit remaining, in cents. */
+    prepaidBalanceCents?: number;
+    /** Trial credit originally granted, in cents — drives the welcome copy. */
+    trialGrantedCents?: number;
+    /** ISO 4217 currency code. */
+    currency?: string;
+    /** Preset top-up amounts, in cents. */
+    topUpOptions?: number[];
+    /**
+     * Injected top-up handler. The Square/HUSD payment flow lives in the caller;
+     * this modal only presents amounts + buckets, then hands back the chosen cents.
+     * Omit to render a read-only balance view.
+     */
+    onTopUp?: (amountCents: number) => void | Promise<void>;
+    /** First-run celebration state (e.g. trial credit just landed). */
+    isNewUser?: boolean;
+    /** Disables actions while a payment/settlement is in flight. */
+    busy?: boolean;
+    /** Error to surface (e.g. a failed charge). */
+    error?: string | null;
+    /**
+     * Optional caller-injected payment surface (e.g. <SquareCardForm/>),
+     * rendered below the amount picker.
+     */
+    children?: React.ReactNode;
+    /** Overrides the default (non-welcome) heading. */
+    title?: string;
+}
+export declare function CreditModal({ open, onClose, trialBalanceCents, prepaidBalanceCents, trialGrantedCents, currency, topUpOptions, onTopUp, isNewUser, busy, error, children, title, }: CreditModalProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=credit-modal.d.ts.map

package/dist/src/billing/components/credit-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"credit-modal.d.ts","sourceRoot":"","sources":["../../../../src/billing/components/credit-modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAgB9B,MAAM,WAAW,gBAAgB;IAC/B,2BAA2B;IAC3B,IAAI,EAAE,OAAO,CAAA;IACb,+DAA+D;IAC/D,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,6DAA6D;IAC7D,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,sDAAsD;IACtD,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,2EAA2E;IAC3E,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uCAAuC;IACvC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACvD,mEAAmE;IACnE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gEAAgE;IAChE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAUD,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,OAAO,EACP,iBAAqB,EACrB,mBAAuB,EACvB,iBAAiB,EACjB,QAAgB,EAChB,YAAqC,EACrC,OAAO,EACP,SAAiB,EACjB,IAAY,EACZ,KAAK,EACL,QAAQ,EACR,KAA2B,GAC5B,EAAE,gBAAgB,2CAyHlB"}

package/dist/src/billing/components/credit-modal.js

@@ -0,0 +1,39 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from '../../../primitives/dialog';
+/**
+ * Default preset top-up amounts, in cents ($10 / $25 / $50 / $100).
+ * Callers may override via `topUpOptions`.
+ */
+const DEFAULT_TOP_UP_OPTIONS = [1000, 2500, 5000, 10000];
+function formatCents(cents, currency) {
+    return new Intl.NumberFormat('en-US', {
+        style: 'currency',
+        currency,
+        minimumFractionDigits: 2,
+    }).format((cents || 0) / 100);
+}
+export function CreditModal({ open, onClose, trialBalanceCents = 0, prepaidBalanceCents = 0, trialGrantedCents, currency = 'usd', topUpOptions = DEFAULT_TOP_UP_OPTIONS, onTopUp, isNewUser = false, busy = false, error, children, title = 'Credits & balance', }) {
+    const [custom, setCustom] = React.useState('');
+    const totalCents = trialBalanceCents + prepaidBalanceCents;
+    const welcomeCents = trialGrantedCents ?? trialBalanceCents;
+    const showWelcome = isNewUser && welcomeCents > 0;
+    const customCents = React.useMemo(() => {
+        const dollars = Number.parseFloat(custom);
+        if (!Number.isFinite(dollars) || dollars <= 0)
+            return 0;
+        return Math.round(dollars * 100);
+    }, [custom]);
+    const topUp = React.useCallback((cents) => {
+        if (busy || cents <= 0 || !onTopUp)
+            return;
+        void onTopUp(cents);
+    }, [busy, onTopUp]);
+    return (_jsx(Dialog, { open: open, onOpenChange: (next) => { if (!next)
+            onClose(); }, children: _jsxs(DialogContent, { className: "max-w-md border-border bg-bg-card text-text", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { className: "text-text", children: showWelcome
+                                ? `You've got ${formatCents(welcomeCents, currency)} in free credits`
+                                : title }), _jsx(DialogDescription, { className: "text-text-muted", children: showWelcome
+                                ? 'Start building — trial credit is applied automatically before any charge.'
+                                : 'Trial credit is applied before your prepaid balance.' })] }), _jsxs("div", { className: "overflow-hidden rounded-xl border border-border bg-bg", children: [_jsxs("div", { className: "grid grid-cols-2 divide-x divide-border", children: [_jsxs("div", { className: "p-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("p", { className: "text-xs font-semibold uppercase tracking-[0.14em] text-text-muted", children: "Trial" }), _jsx("span", { className: "rounded-full bg-warning/10 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wider text-warning", children: "Promo" })] }), _jsx("p", { className: "mt-1 text-2xl font-bold text-text", children: formatCents(trialBalanceCents, currency) }), _jsx("p", { className: "mt-0.5 text-xs text-text-dim", children: "Non-cash credit" })] }), _jsxs("div", { className: "p-4", children: [_jsx("p", { className: "text-xs font-semibold uppercase tracking-[0.14em] text-text-muted", children: "Prepaid" }), _jsx("p", { className: "mt-1 text-2xl font-bold text-text", children: formatCents(prepaidBalanceCents, currency) }), _jsx("p", { className: "mt-0.5 text-xs text-text-dim", children: "Paid credit" })] })] }), _jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 border-t border-border px-4 py-3", children: [_jsxs("span", { className: "text-sm text-text-muted", children: [formatCents(trialBalanceCents, currency), " trial + ", formatCents(prepaidBalanceCents, currency), " credits"] }), _jsxs("span", { className: "text-sm font-semibold text-text", children: ["Total ", formatCents(totalCents, currency)] })] })] }), onTopUp && (_jsxs("div", { className: "space-y-3", children: [_jsx("p", { className: "text-sm font-medium text-text", children: "Add credits" }), topUpOptions.length > 0 && (_jsx("div", { className: "grid grid-cols-4 gap-2", children: topUpOptions.map((cents) => (_jsx("button", { type: "button", disabled: busy, onClick: () => topUp(cents), className: "rounded-lg border border-border bg-bg px-3 py-2 text-sm font-semibold text-text transition hover:bg-bg-elevated disabled:cursor-not-allowed disabled:opacity-60", children: formatCents(cents, currency) }, cents))) })), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("div", { className: "relative flex-1", children: [_jsx("span", { className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-sm text-text-dim", children: "$" }), _jsx("input", { type: "number", min: "0", step: "0.01", inputMode: "decimal", value: custom, onChange: (e) => setCustom(e.target.value), placeholder: "Custom amount", disabled: busy, className: "w-full rounded-lg border border-border bg-bg py-2 pl-7 pr-3 text-sm text-text placeholder:text-text-dim focus:border-brand focus:outline-none disabled:opacity-60" })] }), _jsx("button", { type: "button", disabled: busy || customCents <= 0, onClick: () => topUp(customCents), className: "rounded-lg bg-brand px-5 py-2 text-sm font-semibold text-brand-foreground transition hover:bg-brand-hover active:scale-[0.97] disabled:cursor-not-allowed disabled:opacity-60", children: busy ? 'Processing…' : 'Add' })] })] })), children, error && (_jsx("p", { role: "alert", className: "text-sm text-danger", children: error }))] }) }));
+}

package/dist/src/billing/components/credits-panel.d.ts

@@ -0,0 +1,8 @@
+import type { CreditGrant } from '../types';
+export interface CreditsPanelProps {
+    creditGrants: CreditGrant[];
+    creditBalance?: number;
+    onClaimStarterCredit?: () => Promise<void>;
+}
+export declare function CreditsPanel({ creditGrants, creditBalance, onClaimStarterCredit }: CreditsPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=credits-panel.d.ts.map

package/dist/src/billing/components/credits-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"credits-panel.d.ts","sourceRoot":"","sources":["../../../../src/billing/components/credits-panel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3C,MAAM,WAAW,iBAAiB;IAChC,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,oBAAoB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CAC3C;AA4BD,wBAAgB,YAAY,CAAC,EAAE,YAAY,EAAE,aAAiB,EAAE,oBAAoB,EAAE,EAAE,iBAAiB,2CAwJxG"}

package/dist/src/billing/components/credits-panel.js

@@ -0,0 +1,58 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+function formatCurrency(value, currency = 'USD') {
+    return new Intl.NumberFormat('en-US', {
+        style: 'currency',
+        currency,
+        minimumFractionDigits: 2,
+    }).format(value);
+}
+function formatCountdown(expiresAt) {
+    const diff = new Date(expiresAt).getTime() - Date.now();
+    if (diff <= 0)
+        return 'Expired';
+    const days = Math.floor(diff / (1000 * 60 * 60 * 24));
+    const hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+    if (days > 0)
+        return `${days}d ${hours}h remaining`;
+    const mins = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
+    return `${hours}h ${mins}m remaining`;
+}
+function formatDate(dateStr) {
+    return new Intl.DateTimeFormat('en-US', {
+        month: 'short',
+        day: 'numeric',
+        year: 'numeric',
+    }).format(new Date(dateStr));
+}
+export function CreditsPanel({ creditGrants, creditBalance = 0, onClaimStarterCredit }) {
+    const [claiming, setClaiming] = React.useState(false);
+    const [claimError, setClaimError] = React.useState(null);
+    const hasStarterCredit = creditGrants.some((g) => g.name.toLowerCase().includes('starter') && g.active);
+    const activeGrants = creditGrants.filter((g) => g.active && !g.voided);
+    const expiredGrants = creditGrants.filter((g) => !g.active || g.voided);
+    const handleClaim = React.useCallback(async () => {
+        if (!onClaimStarterCredit)
+            return;
+        setClaiming(true);
+        setClaimError(null);
+        try {
+            await onClaimStarterCredit();
+        }
+        catch (err) {
+            setClaimError(err instanceof Error ? err.message : 'Failed to claim credit');
+        }
+        finally {
+            setClaiming(false);
+        }
+    }, [onClaimStarterCredit]);
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "overflow-hidden rounded-xl border border-border bg-bg-card", children: [_jsxs("div", { className: "border-b border-border p-4", children: [_jsx("h3", { className: "text-lg font-semibold text-text", children: "Credits" }), _jsx("p", { className: "text-sm text-text-muted", children: "View your credit grants, starter credits, and promotional balances" })] }), _jsxs("div", { className: "flex flex-wrap items-center justify-between gap-4 p-4", children: [_jsxs("div", { children: [_jsx("p", { className: "text-xs font-semibold uppercase tracking-[0.14em] text-text-muted", children: "Total credit balance" }), _jsx("p", { className: "mt-1 text-3xl font-bold text-text", children: formatCurrency(creditBalance / 100) })] }), onClaimStarterCredit && !hasStarterCredit && (_jsx("button", { type: "button", disabled: claiming, onClick: handleClaim, className: "rounded-lg bg-brand px-5 py-2.5 text-sm font-semibold text-brand-foreground transition hover:bg-brand-hover active:scale-[0.97] disabled:cursor-not-allowed disabled:opacity-60", children: claiming ? 'Claiming...' : 'Claim $5 Starter Credit' }))] }), claimError && (_jsx("div", { className: "border-t border-border px-4 py-2", children: _jsx("p", { className: "text-sm text-danger", children: claimError }) }))] }), activeGrants.length > 0 && (_jsxs("div", { className: "overflow-hidden rounded-xl border border-border bg-bg-card", children: [_jsx("div", { className: "border-b border-border px-4 py-3", children: _jsx("h4", { className: "text-sm font-semibold text-text", children: "Active credits" }) }), _jsx("div", { className: "divide-y divide-border", children: activeGrants.map((grant) => {
+                            const pct = grant.amountCents > 0
+                                ? Math.round((grant.remainingCents / grant.amountCents) * 100)
+                                : 0;
+                            return (_jsxs("div", { className: "p-4", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium text-text", children: grant.name }), _jsxs("div", { className: "mt-1 flex flex-wrap items-center gap-2 text-xs text-text-muted", children: [_jsxs("span", { children: [formatCurrency(grant.remainingCents / 100, grant.currency), " of ", formatCurrency(grant.amountCents / 100, grant.currency), " remaining"] }), grant.createdAt && (_jsxs("span", { children: ["Granted ", formatDate(grant.createdAt)] }))] })] }), grant.expiresAt && (_jsx("span", { className: `rounded-full px-3 py-1 text-xs font-semibold ${new Date(grant.expiresAt).getTime() - Date.now() < 7 * 24 * 60 * 60 * 1000
+                                                    ? 'bg-warning/10 text-warning'
+                                                    : 'bg-bg-elevated text-text-muted'}`, children: formatCountdown(grant.expiresAt) }))] }), _jsxs("div", { className: "mt-3", children: [_jsx("div", { className: "h-2 rounded-full bg-bg-elevated", children: _jsx("div", { className: "h-2 rounded-full bg-brand transition-all", style: { width: `${pct}%` } }) }), _jsxs("p", { className: "mt-1 text-xs text-text-dim", children: [pct, "% remaining"] })] })] }, grant.id));
+                        }) })] })), expiredGrants.length > 0 && (_jsxs("div", { className: "overflow-hidden rounded-xl border border-border bg-bg-card", children: [_jsx("div", { className: "border-b border-border px-4 py-3", children: _jsx("h4", { className: "text-sm font-semibold text-text-muted", children: "Expired / used credits" }) }), _jsx("div", { className: "divide-y divide-border", children: expiredGrants.map((grant) => (_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 px-4 py-3 opacity-60", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium text-text-muted", children: grant.name }), _jsxs("p", { className: "text-xs text-text-dim", children: [formatCurrency(grant.amountCents / 100, grant.currency), " ", grant.voided ? 'Voided' : 'Expired'] })] }), grant.expiresAt && (_jsxs("p", { className: "text-xs text-text-dim", children: ["Expired ", formatDate(grant.expiresAt)] }))] }, grant.id))) })] })), creditGrants.length === 0 && (_jsxs("div", { className: "rounded-xl border border-dashed border-border p-8 text-center", children: [_jsx("p", { className: "text-sm text-text-muted", children: "No credit grants yet." }), onClaimStarterCredit && !hasStarterCredit && (_jsx("p", { className: "mt-2 text-xs text-text-dim", children: "Claim your $5 starter credit above to get started." }))] }))] }));
+}

package/dist/src/billing/components/guided-setup.d.ts

@@ -0,0 +1,13 @@
+export interface GuidedSetupProps {
+    hasPaymentMethod: boolean;
+    hasSubscription: boolean;
+    hasSpendAlert: boolean;
+    hasCredits: boolean;
+    onAddPaymentMethod: () => void;
+    onPickPlan: () => void;
+    onSetSpendLimit: () => void;
+    onBuyCredits: () => void;
+    onDismiss: () => void;
+}
+export declare function GuidedSetup(props: GuidedSetupProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=guided-setup.d.ts.map

package/dist/src/billing/components/guided-setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"guided-setup.d.ts","sourceRoot":"","sources":["../../../../src/billing/components/guided-setup.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,gBAAgB,EAAE,OAAO,CAAA;IACzB,eAAe,EAAE,OAAO,CAAA;IACxB,aAAa,EAAE,OAAO,CAAA;IACtB,UAAU,EAAE,OAAO,CAAA;IACnB,kBAAkB,EAAE,MAAM,IAAI,CAAA;IAC9B,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,SAAS,EAAE,MAAM,IAAI,CAAA;CACtB;AAWD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAsHlD"}

package/dist/src/billing/components/guided-setup.js

@@ -0,0 +1,44 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function GuidedSetup(props) {
+    const steps = [
+        {
+            label: 'Add a payment method',
+            description: 'Required to activate your account and start using Hanzo services.',
+            done: props.hasPaymentMethod,
+            required: true,
+            action: props.onAddPaymentMethod,
+            actionLabel: 'Add payment method',
+        },
+        {
+            label: 'Pick a billing mode',
+            description: 'Choose a monthly plan for predictable costs, or pay-as-you-go for flexible usage.',
+            done: props.hasSubscription,
+            required: true,
+            action: props.onPickPlan,
+            actionLabel: 'Choose plan',
+        },
+        {
+            label: 'Set a spend limit',
+            description: 'Prevent surprise bills by setting a monthly budget with automatic alerts.',
+            done: props.hasSpendAlert,
+            required: false,
+            action: props.onSetSpendLimit,
+            actionLabel: 'Set limit',
+        },
+        {
+            label: 'Buy credits',
+            description: 'Pre-pay for usage at a discount. Credits are applied before card charges.',
+            done: props.hasCredits,
+            required: false,
+            action: props.onBuyCredits,
+            actionLabel: 'Buy credits',
+        },
+    ];
+    const completedCount = steps.filter(s => s.done).length;
+    return (_jsx("div", { className: "mx-auto max-w-lg py-8", children: _jsxs("div", { className: "rounded-2xl border border-border bg-bg-card p-8", children: [_jsx("h2", { className: "text-lg font-semibold text-text mb-1", children: "Get billing ready" }), _jsxs("p", { className: "text-sm text-text-muted mb-6", children: ["Complete these steps to activate your account. ", completedCount, " of ", steps.length, " done."] }), _jsx("div", { className: "h-1.5 rounded-full bg-bg-elevated mb-8 overflow-hidden", children: _jsx("div", { className: "h-full rounded-full bg-success transition-all duration-500", style: { width: `${(completedCount / steps.length) * 100}%` } }) }), _jsx("div", { className: "space-y-4", children: steps.map((step, i) => (_jsxs("div", { className: `flex items-start gap-4 rounded-xl border p-4 transition ${step.done
+                            ? 'border-success/20 bg-success/5'
+                            : 'border-border bg-bg'}`, children: [_jsx("div", { className: `mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center rounded-full text-xs font-semibold ${step.done
+                                    ? 'bg-success text-white'
+                                    : 'bg-bg-elevated text-text-muted border border-border'}`, children: step.done ? (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) })) : (i + 1) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2 mb-0.5", children: [_jsx("p", { className: `text-sm font-medium ${step.done ? 'text-success' : 'text-text'}`, children: step.label }), !step.required && !step.done && (_jsx("span", { className: "text-[10px] uppercase tracking-wider text-text-dim", children: "Optional" }))] }), _jsx("p", { className: "text-xs text-text-muted", children: step.description })] }), !step.done && (_jsx("button", { type: "button", onClick: step.action, className: "shrink-0 rounded-lg border border-border px-3 py-1.5 text-xs font-medium text-text transition hover:bg-bg-elevated", children: step.actionLabel }))] }, step.label))) }), _jsx("div", { className: "mt-6 text-center", children: _jsx("button", { type: "button", onClick: props.onDismiss, className: "text-sm text-text-muted transition hover:text-text", children: "Skip setup" }) })] }) }));
+}

package/dist/src/billing/components/index.d.ts

@@ -0,0 +1,49 @@
+export { SubscriptionPortal } from './subscription-portal';
+export type { SubscriptionPortalProps } from './subscription-portal';
+export { PaymentMethodManager } from './payment-manager';
+export type { PaymentMethodManagerProps } from './payment-manager';
+export { InvoiceManager } from './invoice-manager';
+export type { InvoiceManagerProps } from './invoice-manager';
+export { BusinessProfilePanel } from './business-profile-panel';
+export type { BusinessProfilePanelProps } from './business-profile-panel';
+export { TaxCompliancePanel } from './tax-compliance-panel';
+export type { TaxCompliancePanelProps } from './tax-compliance-panel';
+export { BillingWorkspace } from './billing-workspace';
+export type { BillingWorkspaceProps } from './billing-workspace';
+export { SpendAlertsPanel } from './spend-alerts';
+export type { SpendAlertsPanelProps } from './spend-alerts';
+export { UsagePanel } from './usage-panel';
+export type { UsagePanelProps } from './usage-panel';
+export { CreditsPanel } from './credits-panel';
+export type { CreditsPanelProps } from './credits-panel';
+export { CreditModal } from './credit-modal';
+export type { CreditModalProps } from './credit-modal';
+export { TransactionsPanel } from './transactions-panel';
+export type { TransactionsPanelProps } from './transactions-panel';
+export { PromotionsPanel } from './promotions-panel';
+export type { PromotionsPanelProps } from './promotions-panel';
+export { SupportTiersPanel } from './support-tiers-panel';
+export type { SupportTiersPanelProps } from './support-tiers-panel';
+export { AccountSwitcher } from './account-switcher';
+export type { AccountSwitcherProps } from './account-switcher';
+export { AccountMembers } from './account-members';
+export type { AccountMembersProps } from './account-members';
+export { StatusBar } from './status-bar';
+export type { StatusBarProps, BillingSection } from './status-bar';
+export { OverviewDashboard } from './overview-dashboard';
+export type { OverviewDashboardProps } from './overview-dashboard';
+export { CostExplorer } from './cost-explorer';
+export type { CostExplorerProps } from './cost-explorer';
+export { InvoicesPayments } from './invoices-payments';
+export type { InvoicesPaymentsProps } from './invoices-payments';
+export { BillingSettings } from './billing-settings';
+export type { BillingSettingsProps } from './billing-settings';
+export { GuidedSetup } from './guided-setup';
+export type { GuidedSetupProps } from './guided-setup';
+export { CardForm } from './card-form';
+export type { CardFormProps } from './card-form';
+export { SquareCardForm } from './square-card-form';
+export type { SquareCardFormProps } from './square-card-form';
+export { AnimatedCard } from './animated-card';
+export type { AnimatedCardProps } from './animated-card';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/billing/components/index.ts"],"names":[],"mappings":"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"}

package/dist/src/billing/components/index.js

@@ -0,0 +1,24 @@
+export { SubscriptionPortal } from './subscription-portal';
+export { PaymentMethodManager } from './payment-manager';
+export { InvoiceManager } from './invoice-manager';
+export { BusinessProfilePanel } from './business-profile-panel';
+export { TaxCompliancePanel } from './tax-compliance-panel';
+export { BillingWorkspace } from './billing-workspace';
+export { SpendAlertsPanel } from './spend-alerts';
+export { UsagePanel } from './usage-panel';
+export { CreditsPanel } from './credits-panel';
+export { CreditModal } from './credit-modal';
+export { TransactionsPanel } from './transactions-panel';
+export { PromotionsPanel } from './promotions-panel';
+export { SupportTiersPanel } from './support-tiers-panel';
+export { AccountSwitcher } from './account-switcher';
+export { AccountMembers } from './account-members';
+export { StatusBar } from './status-bar';
+export { OverviewDashboard } from './overview-dashboard';
+export { CostExplorer } from './cost-explorer';
+export { InvoicesPayments } from './invoices-payments';
+export { BillingSettings } from './billing-settings';
+export { GuidedSetup } from './guided-setup';
+export { CardForm } from './card-form';
+export { SquareCardForm } from './square-card-form';
+export { AnimatedCard } from './animated-card';

package/dist/src/billing/components/invoice-manager.d.ts

@@ -0,0 +1,10 @@
+import type { Invoice, InvoiceFilters } from '../types';
+export interface InvoiceManagerProps {
+    invoices?: Invoice[];
+    onDownload?: (invoice: Invoice) => Promise<void>;
+    onFilter?: (filters: InvoiceFilters) => void;
+    defaultView?: 'table' | 'grid';
+    pageSize?: number;
+}
+export declare function InvoiceManager(props: InvoiceManagerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=invoice-manager.d.ts.map

package/dist/src/billing/components/invoice-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"invoice-manager.d.ts","sourceRoot":"","sources":["../../../../src/billing/components/invoice-manager.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAEvD,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAA;IACpB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAChD,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAA;IAC5C,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAqED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAqQxD"}