@hanzo/ui 5.3.34 → 5.3.36

package/dist/src/3d/marquee.js

@@ -0,0 +1,208 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { motion } from "framer-motion";
+import { cn } from "@hanzo/ui/lib/utils";
+const marquee3DVariants = cva([
+    "relative overflow-hidden whitespace-nowrap",
+    "transform-gpu will-change-transform",
+    "[perspective:1000px]",
+], {
+    variants: {
+        variant: {
+            default: [
+                "bg-background text-foreground",
+                "[&_.marquee-content]:text-current",
+            ],
+            neon: [
+                "bg-black text-cyan-400",
+                "[&_.marquee-content]:text-cyan-400",
+                "[&_.marquee-content]:drop-shadow-[0_0_10px_currentColor]",
+                "[&_.marquee-content]:animate-pulse",
+            ],
+            rainbow: [
+                "bg-black",
+                "[&_.marquee-content]:bg-gradient-to-r [&_.marquee-content]:from-red-500 [&_.marquee-content]:via-yellow-500 [&_.marquee-content]:via-green-500 [&_.marquee-content]:via-blue-500 [&_.marquee-content]:to-purple-500",
+                "[&_.marquee-content]:bg-clip-text [&_.marquee-content]:text-transparent",
+            ],
+            metallic: [
+                "bg-slate-900",
+                "[&_.marquee-content]:bg-gradient-to-b [&_.marquee-content]:from-gray-200 [&_.marquee-content]:via-gray-400 [&_.marquee-content]:to-gray-600",
+                "[&_.marquee-content]:bg-clip-text [&_.marquee-content]:text-transparent",
+            ],
+            fire: [
+                "bg-black",
+                "[&_.marquee-content]:bg-gradient-to-t [&_.marquee-content]:from-red-600 [&_.marquee-content]:via-orange-500 [&_.marquee-content]:to-yellow-400",
+                "[&_.marquee-content]:bg-clip-text [&_.marquee-content]:text-transparent",
+                "[&_.marquee-content]:drop-shadow-[0_0_20px_#ff6600]",
+            ],
+            glass: [
+                "bg-white/10 backdrop-blur-sm",
+                "[&_.marquee-content]:text-white/90",
+                "[&_.marquee-content]:drop-shadow-[0_0_10px_rgba(255,255,255,0.3)]",
+            ],
+        },
+        size: {
+            sm: "h-8 text-sm [&_.marquee-content]:py-1",
+            default: "h-12 text-base [&_.marquee-content]:py-2",
+            lg: "h-16 text-lg [&_.marquee-content]:py-3",
+            xl: "h-20 text-xl [&_.marquee-content]:py-4",
+            "2xl": "h-24 text-2xl [&_.marquee-content]:py-5",
+            "3xl": "h-32 text-3xl [&_.marquee-content]:py-6",
+        },
+        direction: {
+            left: "",
+            right: "",
+            up: "flex-col",
+            down: "flex-col",
+        },
+        perspective: {
+            none: "[perspective:none]",
+            sm: "[perspective:500px]",
+            default: "[perspective:1000px]",
+            lg: "[perspective:1500px]",
+            xl: "[perspective:2000px]",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+        direction: "left",
+        perspective: "default",
+    },
+});
+const Marquee3D = React.forwardRef(({ className, variant, size, direction = "left", perspective, children, speed = 50, pauseOnHover = false, reverse = false, repeat = 5, gap = 0, rotateX = 0, rotateY = 0, rotateZ = 0, autoFill = false, gradient = false, gradientColor = "#ffffff", gradientWidth = 200, style, ...props }, ref) => {
+    const [containerWidth, setContainerWidth] = React.useState(0);
+    const [contentWidth, setContentWidth] = React.useState(0);
+    const containerRef = React.useRef(null);
+    const contentRef = React.useRef(null);
+    // Measure container and content dimensions
+    React.useEffect(() => {
+        const measureDimensions = () => {
+            if (containerRef.current && contentRef.current) {
+                const containerRect = containerRef.current.getBoundingClientRect();
+                const contentRect = contentRef.current.getBoundingClientRect();
+                if (direction === "left" || direction === "right") {
+                    setContainerWidth(containerRect.width);
+                    setContentWidth(contentRect.width);
+                }
+                else {
+                    setContainerWidth(containerRect.height);
+                    setContentWidth(contentRect.height);
+                }
+            }
+        };
+        measureDimensions();
+        window.addEventListener("resize", measureDimensions);
+        return () => window.removeEventListener("resize", measureDimensions);
+    }, [direction, children]);
+    // Calculate animation duration based on speed and content width
+    const duration = React.useMemo(() => {
+        if (contentWidth === 0)
+            return 20;
+        return contentWidth / speed;
+    }, [contentWidth, speed]);
+    // Calculate number of repeats needed for smooth infinite scroll
+    const actualRepeat = React.useMemo(() => {
+        if (autoFill && containerWidth > 0 && contentWidth > 0) {
+            return Math.ceil(containerWidth / contentWidth) + 2;
+        }
+        return repeat;
+    }, [autoFill, containerWidth, contentWidth, repeat]);
+    // Animation variants for different directions
+    const getAnimationProps = () => {
+        const isVertical = direction === "up" || direction === "down";
+        const distance = contentWidth + gap;
+        let animateProps = {};
+        if (direction === "left") {
+            animateProps = {
+                x: reverse ? [distance, -distance] : [-distance, distance],
+            };
+        }
+        else if (direction === "right") {
+            animateProps = {
+                x: reverse ? [-distance, distance] : [distance, -distance],
+            };
+        }
+        else if (direction === "up") {
+            animateProps = {
+                y: reverse ? [distance, -distance] : [-distance, distance],
+            };
+        }
+        else if (direction === "down") {
+            animateProps = {
+                y: reverse ? [-distance, distance] : [distance, -distance],
+            };
+        }
+        return {
+            animate: animateProps,
+            transition: {
+                duration,
+                ease: "linear",
+                repeat: Infinity,
+            },
+        };
+    };
+    // 3D transform style
+    const transform3D = `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) rotateZ(${rotateZ}deg)`;
+    // Gradient mask style
+    const gradientMask = gradient
+        ? {
+            maskImage: `linear-gradient(to right, transparent, ${gradientColor} ${gradientWidth}px, ${gradientColor} calc(100% - ${gradientWidth}px), transparent)`,
+            WebkitMaskImage: `linear-gradient(to right, transparent, ${gradientColor} ${gradientWidth}px, ${gradientColor} calc(100% - ${gradientWidth}px), transparent)`,
+        }
+        : {};
+    return (_jsx("div", { ref: containerRef, className: cn(marquee3DVariants({ variant, size, direction, perspective }), "flex items-center", direction === "up" || direction === "down" ? "flex-col" : "flex-row", className), style: {
+            ...style,
+            transform: transform3D,
+            ...gradientMask,
+        }, ...props, children: _jsx(motion.div, { ref: contentRef, className: cn("marquee-content flex shrink-0 font-bold", direction === "up" || direction === "down"
+                ? "flex-col"
+                : "flex-row", pauseOnHover && "hover:[animation-play-state:paused]"), style: {
+                gap: `${gap}px`,
+            }, ...getAnimationProps(), children: Array.from({ length: actualRepeat }).map((_, index) => (_jsxs(React.Fragment, { children: [_jsx("div", { className: cn("flex shrink-0 items-center justify-center", direction === "up" || direction === "down"
+                            ? "flex-col"
+                            : "flex-row"), style: {
+                            transform: `rotateX(${rotateX}deg) rotateY(${rotateY}deg) rotateZ(${rotateZ}deg)`,
+                            transformStyle: "preserve-3d",
+                        }, children: children }), index < actualRepeat - 1 && gap > 0 && (_jsx("div", { style: {
+                            width: direction === "up" || direction === "down"
+                                ? "100%"
+                                : `${gap}px`,
+                            height: direction === "up" || direction === "down"
+                                ? `${gap}px`
+                                : "100%",
+                        } }))] }, index))) }) }));
+});
+Marquee3D.displayName = "Marquee3D";
+// Preset marquee variants
+const Marquee3DPreset = {
+    Hero: React.forwardRef((props, ref) => (_jsx(Marquee3D, { ref: ref, variant: "rainbow", size: "3xl", speed: 30, rotateX: -10, gradient: true, ...props }))),
+    Neon: React.forwardRef((props, ref) => (_jsx(Marquee3D, { ref: ref, variant: "neon", size: "xl", speed: 40, rotateY: 5, pauseOnHover: true, ...props }))),
+    Metallic: React.forwardRef((props, ref) => (_jsx(Marquee3D, { ref: ref, variant: "metallic", size: "lg", speed: 35, rotateX: -5, rotateY: 2, gradient: true, gradientColor: "#c4c4c4", ...props }))),
+    Fire: React.forwardRef((props, ref) => (_jsx(Marquee3D, { ref: ref, variant: "fire", size: "2xl", speed: 60, rotateZ: 1, gradient: true, gradientColor: "#ff6600", ...props }))),
+    Glass: React.forwardRef((props, ref) => (_jsx(Marquee3D, { ref: ref, variant: "glass", size: "lg", speed: 25, rotateX: -8, pauseOnHover: true, gradient: true, gradientColor: "rgba(255,255,255,0.9)", ...props }))),
+};
+// Assign display names
+Marquee3DPreset.Hero.displayName = "Marquee3DPreset.Hero";
+Marquee3DPreset.Neon.displayName = "Marquee3DPreset.Neon";
+Marquee3DPreset.Metallic.displayName = "Marquee3DPreset.Metallic";
+Marquee3DPreset.Fire.displayName = "Marquee3DPreset.Fire";
+Marquee3DPreset.Glass.displayName = "Marquee3DPreset.Glass";
+// Marquee with floating 3D text effect
+const Marquee3DFloating = React.forwardRef(({ children, floatIntensity = 10, floatSpeed = 3, ...props }, ref) => {
+    const text = typeof children === "string" ? children : "";
+    return (_jsx(Marquee3D, { ref: ref, ...props, children: text ? (_jsx("div", { className: "flex space-x-1", children: text.split("").map((char, index) => (_jsx(motion.span, { className: "inline-block", animate: {
+                    y: [0, -floatIntensity, 0],
+                    rotateX: [0, 5, 0],
+                    rotateY: [0, 2, 0],
+                }, transition: {
+                    duration: floatSpeed,
+                    ease: "easeInOut",
+                    repeat: Infinity,
+                    delay: index * 0.1,
+                }, children: char === " " ? "\u00A0" : char }, index))) })) : (children) }));
+});
+Marquee3DFloating.displayName = "Marquee3DFloating";
+export { Marquee3D, Marquee3DPreset, Marquee3DFloating, marquee3DVariants, };

package/dist/src/3d/pin.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+interface Pin3DProps extends React.HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    href?: string;
+}
+declare const Pin3D: React.ForwardRefExoticComponent<Pin3DProps & React.RefAttributes<HTMLDivElement>>;
+export { Pin3D };
+//# sourceMappingURL=pin.d.ts.map

package/dist/src/3d/pin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pin.d.ts","sourceRoot":"","sources":["../../../src/3d/pin.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,UAAU,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,QAAA,MAAM,KAAK,mFAmBV,CAAA;AAID,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/src/3d/pin.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "@hanzo/ui/lib/utils";
+const Pin3D = React.forwardRef(({ className, title, href, children, ...props }, ref) => {
+    return (_jsxs("div", { ref: ref, className: cn("group/pin relative cursor-pointer", className), ...props, children: [_jsx("div", { className: "pointer-events-none absolute inset-0 z-10 flex h-full w-full items-center justify-center opacity-0 transition duration-500 group-hover/pin:opacity-100", children: _jsx("div", { className: "relative flex h-full w-full items-center justify-center", children: _jsx("div", { className: "absolute inset-0 bg-white opacity-0 transition duration-500 group-hover/pin:opacity-50" }) }) }), _jsx("div", { className: "transform-gpu transition duration-500 group-hover/pin:scale-95", children: children })] }));
+});
+Pin3D.displayName = "Pin3D";
+export { Pin3D };

package/dist/src/avatar.d.ts

@@ -0,0 +1,2 @@
+export * from '../primitives/avatar';
+//# sourceMappingURL=avatar.d.ts.map

package/dist/src/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/avatar.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}

package/dist/src/avatar.js

@@ -0,0 +1 @@
+export * from '../primitives/avatar';

package/dist/src/badge.d.ts

@@ -0,0 +1,2 @@
+export * from '../primitives/badge';
+//# sourceMappingURL=badge.d.ts.map

package/dist/src/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/badge.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA"}

package/dist/src/badge.js

@@ -0,0 +1 @@
+export * from '../primitives/badge';

package/dist/src/billing/components/billing-workspace.d.ts

@@ -0,0 +1,28 @@
+import type { BillingMetric, BusinessProfile, ComplianceItem, Invoice, PaymentMethod, Subscription, SubscriptionHistory, SubscriptionPlan, TaxSettings, RetentionOffer } from '../types';
+type WorkspaceTab = 'overview' | 'payment' | 'invoices' | 'business' | 'compliance';
+export interface BillingWorkspaceProps {
+    subscription: Subscription;
+    plans: SubscriptionPlan[];
+    usageMetrics?: BillingMetric[];
+    retentionOffers?: RetentionOffer[];
+    subscriptionHistory?: SubscriptionHistory[];
+    paymentMethods?: PaymentMethod[];
+    invoices?: Invoice[];
+    businessProfile: BusinessProfile;
+    taxSettings: TaxSettings;
+    complianceItems: ComplianceItem[];
+    defaultTab?: WorkspaceTab;
+    onUpgrade?: (planId: string) => Promise<void>;
+    onDowngrade?: (planId: string) => Promise<void>;
+    onCancel?: (reason: string, feedback?: string) => Promise<void>;
+    onAcceptOffer?: (offerId: string) => Promise<void>;
+    onAddPaymentMethod?: (method: PaymentMethod) => Promise<void>;
+    onRemovePaymentMethod?: (id: string) => Promise<void>;
+    onSetDefaultPaymentMethod?: (id: string) => Promise<void>;
+    onDownloadInvoice?: (invoice: Invoice) => Promise<void>;
+    onSaveBusinessProfile?: (profile: BusinessProfile) => Promise<void>;
+    onToggleAutomaticTax?: (enabled: boolean) => Promise<void>;
+}
+export declare function BillingWorkspace(props: BillingWorkspaceProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=billing-workspace.d.ts.map

package/dist/src/billing/components/billing-workspace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"billing-workspace.d.ts","sourceRoot":"","sources":["../../../../src/billing/components/billing-workspace.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,aAAa,EACb,eAAe,EACf,cAAc,EACd,OAAO,EACP,aAAa,EACb,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,WAAW,EACX,cAAc,EACf,MAAM,UAAU,CAAA;AAEjB,KAAK,YAAY,GACb,UAAU,GACV,SAAS,GACT,UAAU,GACV,UAAU,GACV,YAAY,CAAA;AAEhB,MAAM,WAAW,qBAAqB;IACpC,YAAY,EAAE,YAAY,CAAA;IAC1B,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,YAAY,CAAC,EAAE,aAAa,EAAE,CAAA;IAC9B,eAAe,CAAC,EAAE,cAAc,EAAE,CAAA;IAClC,mBAAmB,CAAC,EAAE,mBAAmB,EAAE,CAAA;IAC3C,cAAc,CAAC,EAAE,aAAa,EAAE,CAAA;IAChC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAA;IACpB,eAAe,EAAE,eAAe,CAAA;IAChC,WAAW,EAAE,WAAW,CAAA;IACxB,eAAe,EAAE,cAAc,EAAE,CAAA;IACjC,UAAU,CAAC,EAAE,YAAY,CAAA;IAEzB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC7C,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC/C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC/D,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAElD,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC7D,qBAAqB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACrD,yBAAyB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAEzD,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACvD,qBAAqB,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACnE,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAC3D;AAUD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAiG5D"}

package/dist/src/billing/components/billing-workspace.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { InvoiceManager } from './invoice-manager';
+import { PaymentMethodManager } from './payment-manager';
+import { SubscriptionPortal } from './subscription-portal';
+import { BusinessProfilePanel } from './business-profile-panel';
+import { TaxCompliancePanel } from './tax-compliance-panel';
+const tabs = [
+    { id: 'overview', label: 'Overview' },
+    { id: 'payment', label: 'Payment methods' },
+    { id: 'invoices', label: 'Invoices' },
+    { id: 'business', label: 'Business info' },
+    { id: 'compliance', label: 'Tax & compliance' },
+];
+export function BillingWorkspace(props) {
+    const { subscription, plans, usageMetrics, retentionOffers, subscriptionHistory, paymentMethods, invoices, businessProfile, taxSettings, complianceItems, defaultTab = 'overview', onUpgrade, onDowngrade, onCancel, onAcceptOffer, onAddPaymentMethod, onRemovePaymentMethod, onSetDefaultPaymentMethod, onDownloadInvoice, onSaveBusinessProfile, onToggleAutomaticTax, } = props;
+    const [activeTab, setActiveTab] = React.useState(defaultTab);
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "overflow-hidden rounded-2xl border border-zinc-200 bg-gradient-to-b from-zinc-50 to-white", children: [_jsxs("div", { className: "border-b border-zinc-200 px-4 py-4", children: [_jsx("h2", { className: "text-2xl font-semibold text-zinc-900", children: "Billing workspace" }), _jsx("p", { className: "text-sm text-zinc-500", children: "Run subscription, invoicing, payment, business profile, and compliance operations from one surface." })] }), _jsx("div", { className: "flex flex-wrap gap-2 p-3", children: tabs.map((tab) => (_jsx("button", { type: "button", onClick: () => setActiveTab(tab.id), className: `rounded-lg px-3 py-1.5 text-sm transition ${activeTab === tab.id
+                                ? 'bg-zinc-900 text-white'
+                                : 'text-zinc-600 hover:bg-zinc-100'}`, children: tab.label }, tab.id))) })] }), activeTab === 'overview' ? (_jsx(SubscriptionPortal, { subscription: subscription, availablePlans: plans, usageMetrics: usageMetrics, retentionOffers: retentionOffers, subscriptionHistory: subscriptionHistory, onUpgrade: onUpgrade, onDowngrade: onDowngrade, onCancel: onCancel, onAcceptOffer: onAcceptOffer })) : null, activeTab === 'payment' ? (_jsx(PaymentMethodManager, { paymentMethods: paymentMethods, onAdd: onAddPaymentMethod, onRemove: onRemovePaymentMethod, onSetDefault: onSetDefaultPaymentMethod })) : null, activeTab === 'invoices' ? (_jsx(InvoiceManager, { invoices: invoices, onDownload: onDownloadInvoice })) : null, activeTab === 'business' ? (_jsx(BusinessProfilePanel, { profile: businessProfile, onSave: onSaveBusinessProfile })) : null, activeTab === 'compliance' ? (_jsx(TaxCompliancePanel, { taxSettings: taxSettings, complianceItems: complianceItems, onToggleAutomaticTax: onToggleAutomaticTax })) : null] }));
+}

package/dist/src/billing/components/business-profile-panel.d.ts

@@ -0,0 +1,7 @@
+import type { BusinessProfile } from '../types';
+export interface BusinessProfilePanelProps {
+    profile: BusinessProfile;
+    onSave?: (profile: BusinessProfile) => Promise<void>;
+}
+export declare function BusinessProfilePanel(props: BusinessProfilePanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=business-profile-panel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"business-profile-panel.d.ts","sourceRoot":"","sources":["../../../../src/billing/components/business-profile-panel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE/C,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,eAAe,CAAA;IACxB,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CACrD;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CAgLpE"}

package/dist/src/billing/components/business-profile-panel.js

@@ -0,0 +1,44 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+export function BusinessProfilePanel(props) {
+    const { profile, onSave } = props;
+    const [draft, setDraft] = React.useState(profile);
+    const [saving, setSaving] = React.useState(false);
+    React.useEffect(() => {
+        setDraft(profile);
+    }, [profile]);
+    const hasFinanceAndLegal = (draft.contacts || []).some((contact) => contact.role === 'finance' || contact.role === 'legal');
+    const handleSave = React.useCallback(async () => {
+        if (!onSave)
+            return;
+        setSaving(true);
+        try {
+            await onSave(draft);
+        }
+        finally {
+            setSaving(false);
+        }
+    }, [draft, onSave]);
+    return (_jsx("div", { className: "space-y-4", children: _jsxs("div", { className: "overflow-hidden rounded-xl border border-zinc-200 bg-white", children: [_jsxs("div", { className: "border-b border-zinc-200 p-4", children: [_jsx("h3", { className: "text-lg font-semibold text-zinc-900", children: "Business profile" }), _jsx("p", { className: "text-sm text-zinc-500", children: "Keep your legal and support details accurate for invoices, tax, and compliance workflows." })] }), _jsxs("div", { className: "grid gap-4 p-4 md:grid-cols-2", children: [_jsxs("label", { className: "space-y-1 text-sm", children: [_jsx("span", { className: "font-medium text-zinc-700", children: "Legal name" }), _jsx("input", { value: draft.legalName, onChange: (e) => setDraft((prev) => ({ ...prev, legalName: e.target.value })), className: "w-full rounded-lg border border-zinc-300 px-3 py-2 outline-none transition focus:border-zinc-900" })] }), _jsxs("label", { className: "space-y-1 text-sm", children: [_jsx("span", { className: "font-medium text-zinc-700", children: "Display name" }), _jsx("input", { value: draft.displayName, onChange: (e) => setDraft((prev) => ({ ...prev, displayName: e.target.value })), className: "w-full rounded-lg border border-zinc-300 px-3 py-2 outline-none transition focus:border-zinc-900" })] }), _jsxs("label", { className: "space-y-1 text-sm", children: [_jsx("span", { className: "font-medium text-zinc-700", children: "Website" }), _jsx("input", { value: draft.website || '', onChange: (e) => setDraft((prev) => ({ ...prev, website: e.target.value })), className: "w-full rounded-lg border border-zinc-300 px-3 py-2 outline-none transition focus:border-zinc-900" })] }), _jsxs("label", { className: "space-y-1 text-sm", children: [_jsx("span", { className: "font-medium text-zinc-700", children: "Support email" }), _jsx("input", { value: draft.supportEmail || '', onChange: (e) => setDraft((prev) => ({ ...prev, supportEmail: e.target.value })), className: "w-full rounded-lg border border-zinc-300 px-3 py-2 outline-none transition focus:border-zinc-900" })] }), _jsxs("label", { className: "space-y-1 text-sm", children: [_jsx("span", { className: "font-medium text-zinc-700", children: "Statement descriptor" }), _jsx("input", { value: draft.statementDescriptor || '', onChange: (e) => setDraft((prev) => ({ ...prev, statementDescriptor: e.target.value })), className: "w-full rounded-lg border border-zinc-300 px-3 py-2 outline-none transition focus:border-zinc-900" })] }), _jsxs("label", { className: "space-y-1 text-sm", children: [_jsx("span", { className: "font-medium text-zinc-700", children: "Tax ID" }), _jsx("input", { value: draft.taxId || '', onChange: (e) => setDraft((prev) => ({ ...prev, taxId: e.target.value })), className: "w-full rounded-lg border border-zinc-300 px-3 py-2 outline-none transition focus:border-zinc-900" })] })] }), _jsxs("div", { className: "border-t border-zinc-200 bg-zinc-50 p-4", children: [_jsx("p", { className: "mb-2 text-sm font-medium text-zinc-700", children: "Registered address" }), _jsxs("div", { className: "grid gap-3 md:grid-cols-2", children: [_jsx("input", { value: draft.registeredAddress.line1, onChange: (e) => setDraft((prev) => ({
+                                        ...prev,
+                                        registeredAddress: { ...prev.registeredAddress, line1: e.target.value },
+                                    })), placeholder: "Line 1", className: "rounded-lg border border-zinc-300 px-3 py-2 text-sm outline-none transition focus:border-zinc-900" }), _jsx("input", { value: draft.registeredAddress.line2 || '', onChange: (e) => setDraft((prev) => ({
+                                        ...prev,
+                                        registeredAddress: { ...prev.registeredAddress, line2: e.target.value },
+                                    })), placeholder: "Line 2", className: "rounded-lg border border-zinc-300 px-3 py-2 text-sm outline-none transition focus:border-zinc-900" }), _jsx("input", { value: draft.registeredAddress.city, onChange: (e) => setDraft((prev) => ({
+                                        ...prev,
+                                        registeredAddress: { ...prev.registeredAddress, city: e.target.value },
+                                    })), placeholder: "City", className: "rounded-lg border border-zinc-300 px-3 py-2 text-sm outline-none transition focus:border-zinc-900" }), _jsx("input", { value: draft.registeredAddress.state || '', onChange: (e) => setDraft((prev) => ({
+                                        ...prev,
+                                        registeredAddress: { ...prev.registeredAddress, state: e.target.value },
+                                    })), placeholder: "State/Province", className: "rounded-lg border border-zinc-300 px-3 py-2 text-sm outline-none transition focus:border-zinc-900" }), _jsx("input", { value: draft.registeredAddress.zip, onChange: (e) => setDraft((prev) => ({
+                                        ...prev,
+                                        registeredAddress: { ...prev.registeredAddress, zip: e.target.value },
+                                    })), placeholder: "Postal code", className: "rounded-lg border border-zinc-300 px-3 py-2 text-sm outline-none transition focus:border-zinc-900" }), _jsx("input", { value: draft.registeredAddress.country, onChange: (e) => setDraft((prev) => ({
+                                        ...prev,
+                                        registeredAddress: { ...prev.registeredAddress, country: e.target.value },
+                                    })), placeholder: "Country", className: "rounded-lg border border-zinc-300 px-3 py-2 text-sm outline-none transition focus:border-zinc-900" })] })] }), _jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 border-t border-zinc-200 p-4", children: [_jsx("p", { className: "text-xs text-zinc-500", children: hasFinanceAndLegal
+                                ? 'Finance and legal contacts are configured.'
+                                : 'Tip: add at least one finance or legal contact for smooth audits.' }), _jsx("button", { type: "button", onClick: handleSave, disabled: !onSave || saving, className: "rounded-lg bg-zinc-900 px-3 py-2 text-sm font-medium text-white transition hover:bg-zinc-700 disabled:cursor-not-allowed disabled:opacity-60", children: saving ? 'Saving…' : 'Save profile' })] })] }) }));
+}

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

@@ -0,0 +1,13 @@
+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';
+//# 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":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAEpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AACxD,YAAY,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAC/D,YAAY,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAA;AAEzE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAC3D,YAAY,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAA;AAErE,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAA"}

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

@@ -0,0 +1,6 @@
+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';

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"}

package/dist/src/billing/components/invoice-manager.js

@@ -0,0 +1,131 @@
+'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,
+        maximumFractionDigits: 2,
+    }).format(value);
+}
+function formatDate(date) {
+    return new Intl.DateTimeFormat('en-US', {
+        month: 'short',
+        day: 'numeric',
+        year: 'numeric',
+    }).format(date);
+}
+function invoiceAmount(invoice) {
+    if (typeof invoice.breakdown?.totalCents === 'number') {
+        return invoice.breakdown.totalCents / 100;
+    }
+    if (typeof invoice.total === 'number') {
+        return invoice.total;
+    }
+    return invoice.amount;
+}
+const statusTone = {
+    paid: {
+        label: 'Paid',
+        className: 'bg-emerald-50 text-emerald-700 ring-emerald-600/20',
+    },
+    pending: {
+        label: 'Pending',
+        className: 'bg-amber-50 text-amber-700 ring-amber-600/20',
+    },
+    unpaid: {
+        label: 'Unpaid',
+        className: 'bg-rose-50 text-rose-700 ring-rose-600/20',
+    },
+    failed: {
+        label: 'Failed',
+        className: 'bg-rose-50 text-rose-700 ring-rose-600/20',
+    },
+    refunded: {
+        label: 'Refunded',
+        className: 'bg-sky-50 text-sky-700 ring-sky-600/20',
+    },
+    void: {
+        label: 'Void',
+        className: 'bg-zinc-100 text-zinc-700 ring-zinc-600/20',
+    },
+};
+const statusOptions = [
+    'all',
+    'paid',
+    'pending',
+    'unpaid',
+    'failed',
+    'refunded',
+    'void',
+];
+export function InvoiceManager(props) {
+    const { invoices = [], onDownload, onFilter, defaultView = 'table', pageSize = 10, } = props;
+    const [view, setView] = React.useState(defaultView);
+    const [search, setSearch] = React.useState('');
+    const [status, setStatus] = React.useState('all');
+    const [page, setPage] = React.useState(1);
+    const [busyInvoiceId, setBusyInvoiceId] = React.useState(null);
+    const filtered = React.useMemo(() => {
+        const q = search.trim().toLowerCase();
+        return invoices
+            .filter((invoice) => {
+            if (status !== 'all' && invoice.status !== status) {
+                return false;
+            }
+            if (!q) {
+                return true;
+            }
+            return [
+                invoice.invoiceNumber,
+                invoice.number ?? '',
+                invoice.id,
+                invoice.status,
+            ]
+                .join(' ')
+                .toLowerCase()
+                .includes(q);
+        })
+            .sort((a, b) => b.date.getTime() - a.date.getTime());
+    }, [invoices, search, status]);
+    const totalPages = Math.max(1, Math.ceil(filtered.length / pageSize));
+    const currentPageRows = 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(() => {
+        onFilter?.({
+            status: status === 'all' ? undefined : status,
+            search: search.trim() || undefined,
+        });
+    }, [onFilter, search, status]);
+    React.useEffect(() => {
+        if (page > totalPages) {
+            setPage(totalPages);
+        }
+    }, [page, totalPages]);
+    const handleDownload = React.useCallback(async (invoice) => {
+        if (!onDownload)
+            return;
+        setBusyInvoiceId(invoice.id);
+        try {
+            await onDownload(invoice);
+        }
+        finally {
+            setBusyInvoiceId(null);
+        }
+    }, [onDownload]);
+    return (_jsx("div", { className: "space-y-4", children: _jsxs("div", { className: "overflow-hidden rounded-xl border border-zinc-200 bg-white", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 border-b border-zinc-200 p-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-lg font-semibold text-zinc-900", children: "Invoice history" }), _jsxs("p", { className: "text-sm text-zinc-500", children: [filtered.length, " invoice(s) matching current filters"] })] }), _jsxs("div", { className: "inline-flex rounded-lg border border-zinc-200 p-1", children: [_jsx("button", { type: "button", onClick: () => setView('table'), className: `rounded-md px-3 py-1.5 text-sm transition ${view === 'table'
+                                        ? 'bg-zinc-900 text-white'
+                                        : 'text-zinc-600 hover:bg-zinc-100'}`, children: "Table" }), _jsx("button", { type: "button", onClick: () => setView('grid'), className: `rounded-md px-3 py-1.5 text-sm transition ${view === 'grid'
+                                        ? 'bg-zinc-900 text-white'
+                                        : 'text-zinc-600 hover:bg-zinc-100'}`, children: "Grid" })] })] }), _jsxs("div", { className: "flex flex-wrap gap-3 border-b border-zinc-200 p-4", children: [_jsx("input", { type: "search", value: search, onChange: (e) => {
+                                setSearch(e.target.value);
+                                setPage(1);
+                            }, placeholder: "Search invoices by id, number, or status", className: "min-w-[250px] flex-1 rounded-lg border border-zinc-300 px-3 py-2 text-sm outline-none transition focus:border-zinc-900" }), _jsx("select", { value: status, onChange: (e) => {
+                                setStatus(e.target.value);
+                                setPage(1);
+                            }, className: "rounded-lg border border-zinc-300 px-3 py-2 text-sm text-zinc-700 outline-none transition focus:border-zinc-900", children: statusOptions.map((value) => (_jsx("option", { value: value, children: value === 'all' ? 'All statuses' : statusTone[value].label }, value))) })] }), view === 'table' ? (_jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full min-w-[720px]", children: [_jsx("thead", { className: "bg-zinc-50", children: _jsxs("tr", { children: [_jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-zinc-500", children: "Invoice" }), _jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-zinc-500", children: "Date" }), _jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-zinc-500", children: "Amount" }), _jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-zinc-500", children: "Status" }), _jsx("th", { className: "px-4 py-3 text-right text-xs font-semibold uppercase tracking-wide text-zinc-500", children: "Actions" })] }) }), _jsx("tbody", { className: "divide-y divide-zinc-200", children: currentPageRows.length === 0 ? (_jsx("tr", { children: _jsx("td", { colSpan: 5, className: "px-4 py-10 text-center text-sm text-zinc-500", children: "No invoices found." }) })) : (currentPageRows.map((invoice) => (_jsxs("tr", { className: "bg-white", children: [_jsx("td", { className: "px-4 py-3 text-sm text-zinc-900", children: invoice.number || invoice.invoiceNumber || invoice.id }), _jsx("td", { className: "px-4 py-3 text-sm text-zinc-600", children: formatDate(invoice.date) }), _jsx("td", { className: "px-4 py-3 text-sm font-medium text-zinc-900", children: formatCurrency(invoiceAmount(invoice), invoice.currency || 'USD') }), _jsx("td", { className: "px-4 py-3 text-sm", children: _jsx("span", { className: `inline-flex rounded-full px-2 py-1 text-xs font-semibold ring-1 ${statusTone[invoice.status].className}`, children: statusTone[invoice.status].label }) }), _jsx("td", { className: "px-4 py-3 text-right", children: _jsx("button", { type: "button", disabled: !onDownload || busyInvoiceId === invoice.id, onClick: () => handleDownload(invoice), className: "rounded-md border border-zinc-300 px-3 py-1.5 text-xs font-medium text-zinc-700 transition hover:bg-zinc-100 disabled:cursor-not-allowed disabled:opacity-60", children: busyInvoiceId === invoice.id ? 'Downloading…' : 'Download PDF' }) })] }, invoice.id)))) })] }) })) : (_jsx("div", { className: "grid gap-3 p-4 md:grid-cols-2 xl:grid-cols-3", children: currentPageRows.length === 0 ? (_jsx("div", { className: "md:col-span-2 xl:col-span-3 rounded-lg border border-zinc-200 p-8 text-center text-sm text-zinc-500", children: "No invoices found." })) : (currentPageRows.map((invoice) => (_jsxs("div", { className: "rounded-lg border border-zinc-200 bg-white p-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsx("p", { className: "font-medium text-zinc-900", children: invoice.number || invoice.invoiceNumber || invoice.id }), _jsx("span", { className: `inline-flex rounded-full px-2 py-1 text-xs font-semibold ring-1 ${statusTone[invoice.status].className}`, children: statusTone[invoice.status].label })] }), _jsxs("p", { className: "mt-2 text-sm text-zinc-500", children: ["Issued ", formatDate(invoice.date)] }), _jsx("p", { className: "mt-2 text-xl font-semibold text-zinc-900", children: formatCurrency(invoiceAmount(invoice), invoice.currency || 'USD') }), _jsx("button", { type: "button", disabled: !onDownload || busyInvoiceId === invoice.id, onClick: () => handleDownload(invoice), className: "mt-4 w-full rounded-md border border-zinc-300 px-3 py-2 text-xs font-medium text-zinc-700 transition hover:bg-zinc-100 disabled:cursor-not-allowed disabled:opacity-60", children: busyInvoiceId === invoice.id ? 'Downloading…' : 'Download PDF' })] }, invoice.id)))) })), _jsxs("div", { className: "flex items-center justify-between border-t border-zinc-200 p-4", children: [_jsxs("p", { className: "text-xs text-zinc-500", 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-zinc-300 px-3 py-1.5 text-xs font-medium text-zinc-700 transition hover:bg-zinc-100 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-zinc-300 px-3 py-1.5 text-xs font-medium text-zinc-700 transition hover:bg-zinc-100 disabled:cursor-not-allowed disabled:opacity-60", children: "Next" })] })] })] }) }));
+}

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

@@ -0,0 +1,13 @@
+import type { PaymentMethod } from '../types';
+export interface PaymentMethodManagerProps {
+    paymentMethods?: PaymentMethod[];
+    initialMethods?: PaymentMethod[];
+    onAdd?: (method: PaymentMethod) => Promise<void>;
+    onRemove?: (id: string) => Promise<void>;
+    onSetDefault?: (id: string) => Promise<void>;
+    onMethodAdded?: (method: PaymentMethod) => void;
+    onMethodRemoved?: (id: string) => void;
+    onDefaultChanged?: (id: string) => void;
+}
+export declare function PaymentMethodManager(props: PaymentMethodManagerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=payment-manager.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"payment-manager.d.ts","sourceRoot":"","sources":["../../../../src/billing/components/payment-manager.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAE7C,MAAM,WAAW,yBAAyB;IACxC,cAAc,CAAC,EAAE,aAAa,EAAE,CAAA;IAChC,cAAc,CAAC,EAAE,aAAa,EAAE,CAAA;IAChC,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAChD,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IACxC,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC5C,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAA;IAC/C,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CACxC;AAqFD,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CAyNpE"}