@hanzo/ui 5.3.39 → 5.3.40

package/dist/src/billing/components/support-tiers-panel.js

@@ -1,90 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-const SUPPORT_TIERS = [
-    {
-        id: 'community',
-        name: 'Community',
-        price: 0,
-        billingPeriod: 'monthly',
-        features: [
-            'Community forum access',
-            'Public documentation',
-            'GitHub issues',
-            '72-hour response SLA',
-        ],
-    },
-    {
-        id: 'priority',
-        name: 'Priority',
-        price: 99,
-        billingPeriod: 'monthly',
-        highlighted: true,
-        features: [
-            'Email support',
-            'Dedicated support channel',
-            '24-hour response SLA',
-            'Priority bug fixes',
-            'Quarterly architecture review',
-        ],
-    },
-    {
-        id: 'enterprise',
-        name: 'Enterprise',
-        price: 499,
-        billingPeriod: 'monthly',
-        features: [
-            'Dedicated support engineer',
-            'Slack/Teams integration',
-            '4-hour response SLA',
-            'Custom SLAs available',
-            'Onboarding assistance',
-            'Monthly strategy calls',
-        ],
-    },
-];
-function formatCurrency(value) {
-    if (value === 0)
-        return 'Free';
-    return new Intl.NumberFormat('en-US', {
-        style: 'currency',
-        currency: 'USD',
-        maximumFractionDigits: 0,
-    }).format(value);
-}
-export function SupportTiersPanel({ currentTier, onSubscribe }) {
-    const [busyTierId, setBusyTierId] = React.useState(null);
-    const handleSubscribe = React.useCallback(async (tierId) => {
-        if (!onSubscribe)
-            return;
-        setBusyTierId(tierId);
-        try {
-            await onSubscribe(tierId);
-        }
-        finally {
-            setBusyTierId(null);
-        }
-    }, [onSubscribe]);
-    const activeTier = currentTier ?? 'community';
-    return (_jsxs("div", { className: "space-y-4", children: [_jsx("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: "Support plans" }), _jsx("p", { className: "text-sm text-text-muted", children: "Choose the level of support that fits your needs. Upgrade anytime." })] }) }), _jsx("div", { className: "grid gap-4 md:grid-cols-3", children: SUPPORT_TIERS.map((tier) => {
-                    const isCurrent = tier.id === activeTier;
-                    const isBusy = busyTierId === tier.id;
-                    return (_jsxs("div", { className: `relative rounded-xl border p-5 transition ${tier.highlighted && !isCurrent
-                            ? 'border-2 border-brand bg-bg-card'
-                            : isCurrent
-                                ? 'border-brand bg-brand/10'
-                                : 'border-border bg-bg-card'}`, children: [tier.highlighted && !isCurrent && (_jsx("span", { className: "absolute -top-3 left-4 rounded-full bg-brand px-3 py-0.5 text-xs font-semibold text-brand-foreground", children: "Recommended" })), _jsx("p", { className: "text-lg font-semibold text-text", children: tier.name }), _jsxs("p", { className: "mt-2 text-2xl font-bold text-text", children: [formatCurrency(tier.price), tier.price > 0 && (_jsxs("span", { className: "text-sm font-normal text-text-muted", children: ["/", tier.billingPeriod] }))] }), _jsx("ul", { className: "mt-4 space-y-2 text-sm text-text-secondary", children: tier.features.map((feature) => (_jsxs("li", { className: "flex items-start gap-2", children: [_jsx("span", { className: "mt-0.5 text-emerald-500", children: '\u2713' }), feature] }, feature))) }), _jsx("button", { type: "button", disabled: isCurrent || isBusy || !onSubscribe, onClick: () => handleSubscribe(tier.id), className: `mt-5 w-full rounded-lg px-3 py-2 text-sm font-medium transition ${isCurrent
-                                    ? 'cursor-not-allowed bg-bg-elevated text-text-dim'
-                                    : isBusy
-                                        ? 'cursor-wait bg-bg-elevated text-text-muted'
-                                        : tier.highlighted
-                                            ? 'bg-brand text-brand-foreground hover:bg-brand-hover active:scale-[0.97]'
-                                            : 'bg-text text-bg hover:opacity-80'}`, children: isCurrent
-                                    ? 'Current plan'
-                                    : isBusy
-                                        ? 'Subscribing...'
-                                        : tier.price === 0
-                                            ? 'Downgrade'
-                                            : 'Upgrade' })] }, tier.id));
-                }) })] }));
-}

package/dist/src/billing/components/tax-compliance-panel.d.ts

@@ -1,8 +0,0 @@
-import type { ComplianceItem, TaxSettings } from '../types';
-export interface TaxCompliancePanelProps {
-    taxSettings: TaxSettings;
-    complianceItems: ComplianceItem[];
-    onToggleAutomaticTax?: (enabled: boolean) => Promise<void>;
-}
-export declare function TaxCompliancePanel(props: TaxCompliancePanelProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=tax-compliance-panel.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"tax-compliance-panel.d.ts","sourceRoot":"","sources":["../../../../src/billing/components/tax-compliance-panel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE3D,MAAM,WAAW,uBAAuB;IACtC,WAAW,EAAE,WAAW,CAAA;IACxB,eAAe,EAAE,cAAc,EAAE,CAAA;IACjC,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAC3D;AAwBD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CA4HhE"}

package/dist/src/billing/components/tax-compliance-panel.js

@@ -1,41 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-const complianceTone = {
-    complete: {
-        label: 'Complete',
-        className: 'bg-emerald-500/10 text-emerald-500 ring-emerald-500/20',
-    },
-    required: {
-        label: 'Required',
-        className: 'bg-rose-500/10 text-rose-500 ring-rose-500/20',
-    },
-    review: {
-        label: 'Review',
-        className: 'bg-amber-500/10 text-amber-500 ring-amber-500/20',
-    },
-    blocked: {
-        label: 'Blocked',
-        className: 'bg-text-dim/10 text-text-muted ring-text-dim/20',
-    },
-};
-export function TaxCompliancePanel(props) {
-    const { taxSettings, complianceItems, onToggleAutomaticTax } = props;
-    const [automaticTax, setAutomaticTax] = React.useState(taxSettings.automaticCollection);
-    const [saving, setSaving] = React.useState(false);
-    React.useEffect(() => {
-        setAutomaticTax(taxSettings.automaticCollection);
-    }, [taxSettings.automaticCollection]);
-    const handleToggle = React.useCallback(async () => {
-        const next = !automaticTax;
-        setAutomaticTax(next);
-        setSaving(true);
-        try {
-            await onToggleAutomaticTax?.(next);
-        }
-        finally {
-            setSaving(false);
-        }
-    }, [automaticTax, onToggleAutomaticTax]);
-    return (_jsx("div", { className: "space-y-4", children: _jsxs("div", { className: "grid gap-4 xl:grid-cols-5", children: [_jsxs("div", { className: "xl:col-span-2 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: "Tax settings" }), _jsx("p", { className: "text-sm text-text-muted", children: "Manage registrations, nexus, and tax collection behavior" })] }), _jsxs("div", { className: "space-y-4 p-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-4 rounded-lg border border-border p-3", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium text-text", children: "Automatic tax" }), _jsx("p", { className: "text-xs text-text-muted", children: "Calculate and collect tax where required" })] }), _jsx("button", { type: "button", onClick: handleToggle, disabled: saving, className: `relative inline-flex h-6 w-11 items-center rounded-full transition ${automaticTax ? 'bg-brand' : 'bg-border-strong'}`, children: _jsx("span", { className: `inline-block h-4 w-4 transform rounded-full bg-white transition ${automaticTax ? 'translate-x-6' : 'translate-x-1'}` }) })] }), _jsxs("div", { children: [_jsx("p", { className: "mb-2 text-sm font-medium text-text", children: "Registrations" }), _jsx("div", { className: "space-y-2", children: taxSettings.registrations.length === 0 ? (_jsx("p", { className: "rounded-lg border border-dashed border-border p-3 text-sm text-text-muted", children: "No tax registrations configured." })) : (taxSettings.registrations.map((registration) => (_jsxs("div", { className: "rounded-lg border border-border p-3", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("p", { className: "text-sm font-medium text-text", children: registration.region }), _jsx("span", { className: "rounded-full bg-bg-elevated px-2 py-1 text-[10px] font-semibold uppercase tracking-wide text-text-secondary", children: registration.status })] }), _jsxs("p", { className: "mt-1 text-xs text-text-muted", children: [registration.type.toUpperCase(), " ", '\u00b7', " ", registration.registrationId] })] }, registration.id)))) })] })] })] }), _jsxs("div", { className: "xl:col-span-3 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: "Compliance checklist" }), _jsx("p", { className: "text-sm text-text-muted", children: "Track KYC/KYB, tax filings, and policy requirements" })] }), _jsx("div", { className: "divide-y divide-border", children: complianceItems.length === 0 ? (_jsx("div", { className: "p-6 text-sm text-text-muted", children: "No compliance tasks yet." })) : (complianceItems.map((item) => (_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3 p-4", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium text-text", children: item.title }), _jsx("p", { className: "mt-1 text-sm text-text-secondary", children: item.description }), _jsxs("p", { className: "mt-1 text-xs text-text-muted", children: ["Category: ", item.category.toUpperCase(), item.owner ? ` \u00b7 Owner: ${item.owner}` : ''] })] }), _jsxs("div", { className: "flex flex-col items-end gap-2", children: [_jsx("span", { className: `inline-flex rounded-full px-2 py-1 text-xs font-semibold ring-1 ${complianceTone[item.status].className}`, children: complianceTone[item.status].label }), item.actionLabel ? (_jsx("button", { type: "button", className: "rounded-md border border-border px-3 py-1.5 text-xs font-medium text-text-secondary transition hover:bg-bg-elevated", children: item.actionLabel })) : null] })] }, item.id)))) })] })] }) }));
-}

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

@@ -1,8 +0,0 @@
-import type { TransactionRecord } from '../types';
-export interface TransactionsPanelProps {
-    transactions: TransactionRecord[];
-    loading?: boolean;
-    pageSize?: number;
-}
-export declare function TransactionsPanel({ transactions, loading, pageSize }: TransactionsPanelProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=transactions-panel.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"transactions-panel.d.ts","sourceRoot":"","sources":["../../../../src/billing/components/transactions-panel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAmB,MAAM,UAAU,CAAA;AAElE,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,iBAAiB,EAAE,CAAA;IACjC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAqCD,wBAAgB,iBAAiB,CAAC,EAAE,YAAY,EAAE,OAAe,EAAE,QAAa,EAAE,EAAE,sBAAsB,2CAqIzG"}

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

@@ -1,64 +0,0 @@
-'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 formatDate(dateStr) {
-    return new Intl.DateTimeFormat('en-US', {
-        month: 'short',
-        day: 'numeric',
-        year: 'numeric',
-        hour: 'numeric',
-        minute: '2-digit',
-    }).format(new Date(dateStr));
-}
-const TYPE_LABELS = {
-    deposit: { label: 'Deposit', color: 'text-emerald-500' },
-    withdraw: { label: 'Withdrawal', color: 'text-rose-500' },
-    hold: { label: 'Hold', color: 'text-amber-500' },
-    'hold-removed': { label: 'Hold Released', color: 'text-sky-500' },
-    transfer: { label: 'Transfer', color: 'text-violet-500' },
-};
-const typeFilterOptions = [
-    'all',
-    'deposit',
-    'withdraw',
-    'hold',
-    'hold-removed',
-    'transfer',
-];
-export function TransactionsPanel({ transactions, loading = false, pageSize = 20 }) {
-    const [typeFilter, setTypeFilter] = React.useState('all');
-    const [page, setPage] = React.useState(1);
-    const filtered = React.useMemo(() => {
-        if (typeFilter === 'all')
-            return transactions;
-        return transactions.filter((t) => t.type === typeFilter);
-    }, [transactions, typeFilter]);
-    const totalPages = Math.max(1, Math.ceil(filtered.length / pageSize));
-    const pageRows = React.useMemo(() => {
-        const safePage = Math.min(page, totalPages);
-        const start = (safePage - 1) * pageSize;
-        return filtered.slice(start, start + pageSize);
-    }, [filtered, page, pageSize, totalPages]);
-    React.useEffect(() => {
-        if (page > totalPages)
-            setPage(totalPages);
-    }, [page, totalPages]);
-    if (loading) {
-        return (_jsxs("div", { className: "overflow-hidden rounded-xl border border-border bg-bg-card p-8 text-center", children: [_jsx("div", { className: "mx-auto h-6 w-6 animate-spin rounded-full border-2 border-text-dim border-t-brand" }), _jsx("p", { className: "mt-3 text-sm text-text-muted", children: "Loading transactions..." })] }));
-    }
-    return (_jsx("div", { className: "space-y-4", children: _jsxs("div", { className: "overflow-hidden rounded-xl border border-border bg-bg-card", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 border-b border-border p-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold text-text", children: "Transactions" }), _jsxs("p", { className: "text-sm text-text-muted", children: [filtered.length, " transaction(s)"] })] }), _jsx("select", { value: typeFilter, onChange: (e) => {
-                                setTypeFilter(e.target.value);
-                                setPage(1);
-                            }, className: "rounded-lg border border-border bg-bg-input px-3 py-2 text-sm text-text-secondary outline-none transition focus:border-brand", children: typeFilterOptions.map((t) => (_jsx("option", { value: t, children: t === 'all' ? 'All types' : TYPE_LABELS[t].label }, t))) })] }), _jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full min-w-[640px]", children: [_jsx("thead", { className: "bg-bg-elevated", children: _jsxs("tr", { children: [_jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-text-muted", children: "Date" }), _jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-text-muted", children: "Type" }), _jsx("th", { className: "px-4 py-3 text-right text-xs font-semibold uppercase tracking-wide text-text-muted", children: "Amount" }), _jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-text-muted", children: "Description" }), _jsx("th", { className: "px-4 py-3 text-right text-xs font-semibold uppercase tracking-wide text-text-muted", children: "Balance" })] }) }), _jsx("tbody", { className: "divide-y divide-border", children: pageRows.length === 0 ? (_jsx("tr", { children: _jsx("td", { colSpan: 5, className: "px-4 py-10 text-center text-sm text-text-muted", children: "No transactions found." }) })) : (pageRows.map((tx) => {
-                                    const typeInfo = TYPE_LABELS[tx.type] ?? { label: tx.type, color: 'text-text-muted' };
-                                    const isPositive = tx.type === 'deposit' || tx.type === 'hold-removed';
-                                    return (_jsxs("tr", { children: [_jsx("td", { className: "px-4 py-3 text-sm text-text-secondary", children: formatDate(tx.createdAt) }), _jsx("td", { className: "px-4 py-3 text-sm", children: _jsx("span", { className: `font-medium ${typeInfo.color}`, children: typeInfo.label }) }), _jsxs("td", { className: `px-4 py-3 text-right text-sm font-medium ${isPositive ? 'text-emerald-500' : 'text-rose-500'}`, children: [isPositive ? '+' : '-', formatCurrency(Math.abs(tx.amountCents) / 100, tx.currency)] }), _jsx("td", { className: "px-4 py-3 text-sm text-text-muted", children: tx.description || '\u2014' }), _jsx("td", { className: "px-4 py-3 text-right text-sm text-text-secondary", children: tx.balanceAfter != null ? formatCurrency(tx.balanceAfter / 100, tx.currency) : '\u2014' })] }, tx.id));
-                                })) })] }) }), totalPages > 1 && (_jsxs("div", { className: "flex items-center justify-between border-t border-border p-4", children: [_jsxs("p", { className: "text-xs text-text-muted", children: ["Page ", Math.min(page, totalPages), " of ", totalPages] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("button", { type: "button", onClick: () => setPage((p) => Math.max(1, p - 1)), disabled: page <= 1, className: "rounded-md border border-border px-3 py-1.5 text-xs font-medium text-text-secondary transition hover:bg-bg-elevated disabled:cursor-not-allowed disabled:opacity-60", children: "Previous" }), _jsx("button", { type: "button", onClick: () => setPage((p) => Math.min(totalPages, p + 1)), disabled: page >= totalPages, className: "rounded-md border border-border px-3 py-1.5 text-xs font-medium text-text-secondary transition hover:bg-bg-elevated disabled:cursor-not-allowed disabled:opacity-60", children: "Next" })] })] }))] }) }));
-}

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

@@ -1,7 +0,0 @@
-import type { UsageSummary } from '../types';
-export interface UsagePanelProps {
-    usage: UsageSummary | null;
-    loading?: boolean;
-}
-export declare function UsagePanel(props: UsagePanelProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=usage-panel.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"usage-panel.d.ts","sourceRoot":"","sources":["../../../../src/billing/components/usage-panel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAe,MAAM,UAAU,CAAA;AAEzD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,YAAY,GAAG,IAAI,CAAA;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAwGD,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAoDhD"}

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

@@ -1,64 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function formatCurrency(value, currency = 'USD') {
-    return new Intl.NumberFormat('en-US', {
-        style: 'currency',
-        currency,
-        minimumFractionDigits: 2,
-        maximumFractionDigits: 2,
-    }).format(value);
-}
-function formatNumber(value) {
-    if (value >= 1000000)
-        return `${(value / 1000000).toFixed(1)}M`;
-    if (value >= 1000)
-        return `${(value / 1000).toFixed(1)}k`;
-    return value.toLocaleString();
-}
-function formatDate(dateStr) {
-    return new Intl.DateTimeFormat('en-US', {
-        month: 'short',
-        day: 'numeric',
-    }).format(new Date(dateStr));
-}
-const METER_ICONS = {
-    ai: '\u{1F916}',
-    storage: '\u{1F4BE}',
-    network: '\u{1F310}',
-    network_egress: '\u{1F4E4}',
-    gpu: '\u26A1',
-    api_calls: '\u{1F4E1}',
-};
-const METER_COLORS = {
-    ai: 'bg-violet-500',
-    storage: 'bg-blue-500',
-    network: 'bg-emerald-500',
-    network_egress: 'bg-teal-500',
-    gpu: 'bg-amber-500',
-    api_calls: 'bg-indigo-500',
-};
-function UsageMeter({ record }) {
-    const utilization = record.limit && record.limit > 0
-        ? Math.min((record.current / record.limit) * 100, 100)
-        : null;
-    const icon = METER_ICONS[record.meterId] ?? '\u{1F4CA}';
-    const barColor = METER_COLORS[record.meterId] ?? 'bg-brand';
-    const isOverage = utilization !== null && utilization >= 100;
-    const isWarning = utilization !== null && utilization >= 80 && utilization < 100;
-    return (_jsxs("div", { className: "rounded-lg border border-border bg-bg-card p-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-lg", children: icon }), _jsx("p", { className: "text-sm font-medium text-text", children: record.label })] }), record.cost > 0 && (_jsx("span", { className: "rounded-full bg-bg-elevated px-2 py-0.5 text-xs font-medium text-text-secondary", children: formatCurrency(record.cost) }))] }), _jsxs("div", { className: "mt-3", children: [_jsxs("div", { className: "flex items-end justify-between", children: [_jsxs("p", { className: "text-2xl font-semibold text-text", children: [formatNumber(record.current), _jsx("span", { className: "ml-1 text-sm font-normal text-text-muted", children: record.unit })] }), record.limit && record.limit > 0 && (_jsxs("p", { className: "text-xs text-text-muted", children: ["of ", formatNumber(record.limit), " ", record.unit] }))] }), utilization !== null && (_jsxs("div", { className: "mt-2", children: [_jsx("div", { className: "h-2 rounded-full bg-bg-elevated", children: _jsx("div", { className: `h-2 rounded-full transition-all ${isOverage ? 'bg-danger' : isWarning ? 'bg-warning' : barColor}`, style: { width: `${Math.min(utilization, 100)}%` } }) }), _jsx("p", { className: `mt-1 text-xs ${isOverage ? 'text-danger font-medium' : isWarning ? 'text-warning' : 'text-text-muted'}`, children: isOverage
-                                    ? `${(utilization - 100).toFixed(0)}% over limit`
-                                    : `${utilization.toFixed(0)}% used` })] }))] })] }));
-}
-export function UsagePanel(props) {
-    const { usage, loading = false } = props;
-    if (loading) {
-        return (_jsxs("div", { className: "overflow-hidden rounded-xl border border-border bg-bg-card p-8 text-center", children: [_jsx("div", { className: "mx-auto h-6 w-6 animate-spin rounded-full border-2 border-text-dim border-t-brand" }), _jsx("p", { className: "mt-3 text-sm text-text-muted", children: "Loading usage data..." })] }));
-    }
-    if (!usage || usage.records.length === 0) {
-        return (_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: "Usage" }), _jsx("p", { className: "text-sm text-text-muted", children: "Current billing period resource consumption" })] }), _jsx("div", { className: "p-6 text-sm text-text-muted", children: "No usage data available for this period." })] }));
-    }
-    const periodLabel = usage.period.start && usage.period.end
-        ? `${formatDate(usage.period.start)} \u2013 ${formatDate(usage.period.end)}`
-        : 'Current period';
-    return (_jsx("div", { className: "space-y-4", children: _jsxs("div", { className: "overflow-hidden rounded-xl border border-border bg-bg-card", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3 border-b border-border p-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold text-text", children: "Usage" }), _jsx("p", { className: "text-sm text-text-muted", children: periodLabel })] }), _jsxs("div", { className: "text-right", children: [_jsx("p", { className: "text-xs uppercase tracking-wide text-text-muted", children: "Total cost" }), _jsx("p", { className: "mt-1 text-xl font-semibold text-text", children: formatCurrency(usage.totalCost, usage.currency) })] })] }), _jsx("div", { className: "grid gap-4 p-4 md:grid-cols-2 xl:grid-cols-3", children: usage.records.map((record) => (_jsx(UsageMeter, { record: record }, record.meterId))) })] }) }));
-}

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

@@ -1,7 +0,0 @@
-/**
- * @hanzo/ui/billing
- * Billing, subscription, payment, and invoice management components
- */
-export * from './components';
-export * from './types';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/billing/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,cAAc,cAAc,CAAA;AAG5B,cAAc,SAAS,CAAA"}

package/dist/src/billing/index.js

@@ -1,8 +0,0 @@
-/**
- * @hanzo/ui/billing
- * Billing, subscription, payment, and invoice management components
- */
-// Components
-export * from './components';
-// Types
-export * from './types';

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

@@ -1,312 +0,0 @@
-export type BillingInterval = "monthly" | "yearly" | "quarterly" | "custom";
-export interface SubscriptionPlan {
-    id: string;
-    name: string;
-    description: string;
-    price: number;
-    billingPeriod: BillingInterval;
-    features: string[];
-    limits?: Record<string, number | string>;
-    highlighted?: boolean;
-    badge?: string;
-    priceId?: string;
-    currency?: string;
-    trialDays?: number;
-    trialCreditCents?: number;
-    /** If true, clicking this plan opens an external URL instead of subscribing */
-    contactSales?: boolean;
-    /** External URL to redirect to (for agency/enterprise contact flows) */
-    externalUrl?: string;
-    /** Annual price alternative shown on the card */
-    annualPrice?: number;
-}
-export interface Subscription {
-    id: string;
-    customerId: string;
-    planId: string;
-    status: "active" | "canceled" | "past_due" | "trialing" | "unpaid" | "incomplete";
-    currentPeriodStart: Date;
-    currentPeriodEnd: Date;
-    usage?: Record<string, number>;
-    cancelAt?: Date;
-    cancelAtPeriodEnd?: boolean;
-    nextPlanId?: string | null;
-    discount?: SubscriptionDiscount | null;
-}
-export interface SubscriptionDiscount {
-    id: string;
-    code: string | null;
-    name: string | null;
-    kind: "percent" | "amount";
-    value: number;
-    currency: string | null;
-    duration: "forever" | "once" | "repeating" | null;
-    durationInMonths: number | null;
-}
-export interface RetentionOffer {
-    id: string;
-    title: string;
-    description: string;
-    discount: number;
-    durationMonths: number;
-    ctaLabel?: string;
-}
-export interface SubscriptionHistory {
-    id: string;
-    date: Date;
-    action: "created" | "upgraded" | "downgraded" | "canceled" | "renewed" | "payment_failed";
-    fromPlan?: string;
-    toPlan?: string;
-    details: string;
-}
-export interface BillingMetric {
-    id: string;
-    label: string;
-    current: number;
-    limit?: number;
-    unit?: string;
-    trendPercent?: number;
-}
-export interface BusinessAddress {
-    line1: string;
-    line2?: string;
-    city: string;
-    state?: string;
-    zip: string;
-    country: string;
-}
-export interface BusinessContact {
-    id: string;
-    role: "billing" | "finance" | "legal" | "support" | "operations";
-    name: string;
-    email: string;
-    phone?: string;
-}
-export interface BusinessProfile {
-    legalName: string;
-    displayName: string;
-    website?: string;
-    supportEmail?: string;
-    supportPhone?: string;
-    statementDescriptor?: string;
-    taxId?: string;
-    incorporationCountry?: string;
-    industry?: string;
-    registeredAddress: BusinessAddress;
-    contacts?: BusinessContact[];
-}
-export interface TaxRegistration {
-    id: string;
-    region: string;
-    type: "vat" | "gst" | "sales_tax" | "ein" | "abn" | "other";
-    registrationId: string;
-    status: "active" | "pending" | "expired";
-    filingFrequency?: "monthly" | "quarterly" | "yearly";
-    effectiveFrom?: Date | string;
-    expiresAt?: Date | string;
-}
-export interface TaxSettings {
-    automaticCollection: boolean;
-    reverseChargeEnabled?: boolean;
-    nexusRegions?: string[];
-    registrations: TaxRegistration[];
-}
-export interface ComplianceItem {
-    id: string;
-    title: string;
-    description: string;
-    category: "kyb" | "aml" | "tax" | "security" | "reporting";
-    status: "complete" | "required" | "review" | "blocked";
-    lastUpdated?: Date | string;
-    owner?: string;
-    actionLabel?: string;
-}
-export type PaymentMethodType = "card" | "paypal" | "apple_pay" | "google_pay" | "bank_account" | "sepa_debit" | "crypto" | "wire";
-export type CryptoNetwork = "bitcoin" | "ethereum" | "solana" | "usdc";
-export interface PaymentMethod {
-    id: string;
-    type: PaymentMethodType;
-    is_default: boolean;
-    created_at: string;
-    isDefault?: boolean;
-    card?: {
-        brand: string;
-        last4: string;
-        exp_month: number;
-        exp_year: number;
-        funding: string;
-    };
-    paypal?: {
-        email: string;
-    };
-    bank_account?: {
-        bankName?: string;
-        last4?: string;
-        country?: string;
-        currency?: string;
-    };
-    crypto?: {
-        network: CryptoNetwork;
-        walletAddress: string;
-        label?: string;
-    };
-    wire?: {
-        bankName: string;
-        accountHolder: string;
-        routingNumber?: string;
-        accountLast4?: string;
-        swift?: string;
-        iban?: string;
-        country?: string;
-    };
-    billing_details?: {
-        name?: string;
-        email?: string;
-        phone?: string;
-        address?: {
-            line1?: string;
-            line2?: string;
-            city?: string;
-            state?: string;
-            postal_code?: string;
-            country?: string;
-        };
-    };
-    _sourceToken?: string;
-    _verificationToken?: string;
-}
-export interface Invoice {
-    id: string;
-    invoiceNumber: string;
-    date: Date;
-    dueDate?: Date;
-    amount: number;
-    tax?: number;
-    total: number;
-    status: "paid" | "unpaid" | "failed" | "pending" | "refunded" | "void";
-    pdfUrl?: string;
-    items?: InvoiceItem[];
-    number?: string | null;
-    currency?: string;
-    created?: number;
-    invoicePdfUrl?: string | null;
-    breakdown?: {
-        subtotalCents?: number;
-        taxCents?: number;
-        totalCents: number;
-    };
-}
-export interface InvoiceItem {
-    id: string;
-    description: string;
-    quantity: number;
-    unitPrice: number;
-    total: number;
-}
-export interface InvoiceFilters {
-    status?: string;
-    dateFrom?: Date;
-    dateTo?: Date;
-    minAmount?: number;
-    maxAmount?: number;
-    search?: string;
-}
-export interface SpendAlert {
-    id: string;
-    title: string;
-    threshold: number;
-    currency: string;
-    triggeredAt?: string | null;
-    createdAt: string;
-    updatedAt: string;
-}
-export type UsageMeterType = "ai" | "storage" | "network" | "network_egress" | "gpu" | "api_calls";
-export interface UsageRecord {
-    meterId: UsageMeterType;
-    label: string;
-    current: number;
-    limit: number | null;
-    unit: string;
-    cost: number;
-    periodStart: string;
-    periodEnd: string;
-}
-export interface UsageSummary {
-    totalCost: number;
-    currency: string;
-    period: {
-        start: string;
-        end: string;
-    };
-    records: UsageRecord[];
-}
-export interface CreditGrant {
-    id: string;
-    userId?: string;
-    name: string;
-    amountCents: number;
-    remainingCents: number;
-    currency: string;
-    expiresAt?: string;
-    priority?: number;
-    eligibility?: string[];
-    voided?: boolean;
-    active: boolean;
-    createdAt?: string;
-}
-export type TransactionType = 'hold' | 'hold-removed' | 'transfer' | 'deposit' | 'withdraw';
-export interface TransactionRecord {
-    id: string;
-    type: TransactionType;
-    amountCents: number;
-    currency: string;
-    description?: string;
-    balanceAfter?: number;
-    tags?: string[];
-    createdAt: string;
-}
-export interface SupportTier {
-    id: string;
-    name: string;
-    price: number;
-    billingPeriod: 'monthly' | 'yearly';
-    features: string[];
-    highlighted?: boolean;
-}
-export interface DiscountCode {
-    id: string;
-    code: string;
-    name: string | null;
-    kind: "percent" | "amount";
-    value: number;
-    currency: string | null;
-    duration: "forever" | "once" | "repeating" | null;
-    durationInMonths: number | null;
-    valid: boolean;
-}
-export type BillingRole = 'owner' | 'admin' | 'viewer';
-export interface BillingAccount {
-    id: string;
-    name: string;
-    orgId: string;
-    orgName: string;
-    balance: number;
-    currency: string;
-    plan: string;
-    role: BillingRole;
-    createdAt: string;
-}
-export interface BillingAccountMember {
-    id: string;
-    userId: string;
-    email: string;
-    name: string;
-    role: BillingRole;
-    addedAt: string;
-}
-export interface Balance {
-    available: number;
-    pending?: number;
-    currency?: string;
-}
-//# sourceMappingURL=index.d.ts.map