@varity-labs/ui-kit 2.0.0-beta.15 → 2.0.0-beta.16

package/README.md

@@ -206,7 +206,7 @@ function ThemeToggle() {
 
 ```tsx
 import {
-  PrivyStack,
+  AuthProvider,
   DashboardLayout,
   DashboardHeader,
   DashboardSidebar,
@@ -263,7 +263,7 @@ function App() {
 
 ---
 
-**Part of the [Varity SDK](https://github.com/varity-labs/varity-sdk)** -- Build, deploy, and monetize apps 70% cheaper than AWS.
+**Part of the [Varity SDK](https://github.com/varity-labs/varity-sdk).** Deploy any app, AI agent, or LLM in 60 seconds. 60-80% cheaper than AWS.
 
 [Documentation](https://docs.varity.so) | [GitHub](https://github.com/varity-labs/varity-sdk) | [Discord](https://discord.gg/7vWsdwa2Bg)
 

package/dist/components/AI/ChatbotWidget.d.ts

@@ -4,7 +4,7 @@
  * Full-featured chatbot widget for conversational AI interactions.
  */
 import React from 'react';
-import { Message } from './MessageBubble';
+import { Message } from './MessageBubble.js';
 export interface ChatbotWidgetProps {
     /** Widget title */
     title?: string;

package/dist/components/AI/ChatbotWidget.js

@@ -4,8 +4,8 @@
  * Full-featured chatbot widget for conversational AI interactions.
  */
 import React, { useState, useRef, useEffect } from 'react';
-import { MessageBubble } from './MessageBubble';
-import { InputBar } from './InputBar';
+import { MessageBubble } from './MessageBubble.js';
+import { InputBar } from './InputBar.js';
 /**
  * ChatbotWidget Component
  *

package/dist/components/AI/index.d.ts

@@ -3,10 +3,10 @@
  *
  * AI-powered chatbot and conversational interface components.
  */
-export { ChatbotWidget } from './ChatbotWidget';
-export { MessageBubble } from './MessageBubble';
-export { InputBar } from './InputBar';
-export type { ChatbotWidgetProps } from './ChatbotWidget';
-export type { MessageBubbleProps, Message } from './MessageBubble';
-export type { InputBarProps } from './InputBar';
+export { ChatbotWidget } from './ChatbotWidget.js';
+export { MessageBubble } from './MessageBubble.js';
+export { InputBar } from './InputBar.js';
+export type { ChatbotWidgetProps } from './ChatbotWidget.js';
+export type { MessageBubbleProps, Message } from './MessageBubble.js';
+export type { InputBarProps } from './InputBar.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/AI/index.js

@@ -3,7 +3,7 @@
  *
  * AI-powered chatbot and conversational interface components.
  */
-export { ChatbotWidget } from './ChatbotWidget';
-export { MessageBubble } from './MessageBubble';
-export { InputBar } from './InputBar';
+export { ChatbotWidget } from './ChatbotWidget.js';
+export { MessageBubble } from './MessageBubble.js';
+export { InputBar } from './InputBar.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Analytics/EnhancedKPICard.js

@@ -1,7 +1,7 @@
 'use client';
 import React, { useMemo } from 'react';
 import { HelpCircle, Clock, TrendingUp, TrendingDown, Minus } from 'lucide-react';
-import { Sparkline, getSparklineColors } from './Sparkline';
+import { Sparkline, getSparklineColors } from './Sparkline.js';
 export function EnhancedKPICard({ title, value, change, icon, source, trend = 'neutral', color = 'blue', sparklineData, showSparkline = false, lastSynced, helpText, onClick, }) {
     const colorClasses = {
         blue: {

package/dist/components/Analytics/index.d.ts

@@ -3,14 +3,14 @@
  *
  * Data visualization and analytics components for Varity dashboards.
  */
-export { AnalyticsCard } from './AnalyticsCard';
-export { ChartContainer } from './ChartContainer';
-export { DataTable } from './DataTable';
-export { MetricDisplay } from './MetricDisplay';
-export { Sparkline, SPARKLINE_COLORS, getSparklineColors } from './Sparkline';
-export { EnhancedKPICard } from './EnhancedKPICard';
-export type { AnalyticsCardProps } from './AnalyticsCard';
-export type { ChartContainerProps, ChartAction } from './ChartContainer';
-export type { DataTableProps, DataTableColumn } from './DataTable';
-export type { MetricDisplayProps } from './MetricDisplay';
+export { AnalyticsCard } from './AnalyticsCard.js';
+export { ChartContainer } from './ChartContainer.js';
+export { DataTable } from './DataTable.js';
+export { MetricDisplay } from './MetricDisplay.js';
+export { Sparkline, SPARKLINE_COLORS, getSparklineColors } from './Sparkline.js';
+export { EnhancedKPICard } from './EnhancedKPICard.js';
+export type { AnalyticsCardProps } from './AnalyticsCard.js';
+export type { ChartContainerProps, ChartAction } from './ChartContainer.js';
+export type { DataTableProps, DataTableColumn } from './DataTable.js';
+export type { MetricDisplayProps } from './MetricDisplay.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Analytics/index.js

@@ -3,10 +3,10 @@
  *
  * Data visualization and analytics components for Varity dashboards.
  */
-export { AnalyticsCard } from './AnalyticsCard';
-export { ChartContainer } from './ChartContainer';
-export { DataTable } from './DataTable';
-export { MetricDisplay } from './MetricDisplay';
-export { Sparkline, SPARKLINE_COLORS, getSparklineColors } from './Sparkline';
-export { EnhancedKPICard } from './EnhancedKPICard';
+export { AnalyticsCard } from './AnalyticsCard.js';
+export { ChartContainer } from './ChartContainer.js';
+export { DataTable } from './DataTable.js';
+export { MetricDisplay } from './MetricDisplay.js';
+export { Sparkline, SPARKLINE_COLORS, getSparklineColors } from './Sparkline.js';
+export { EnhancedKPICard } from './EnhancedKPICard.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Branding/index.d.ts

@@ -3,10 +3,10 @@
  *
  * Branding and theming components for Varity dashboards.
  */
-export { Logo } from './Logo';
-export { Attribution, validateAttribution, monitorAttribution } from './Attribution';
-export { ThemeProvider, useTheme, defaultTheme, themePresets } from './ThemeProvider';
-export type { LogoProps } from './Logo';
-export type { AttributionProps } from './Attribution';
-export type { ThemeProviderProps, VarityTheme } from './ThemeProvider';
+export { Logo } from './Logo.js';
+export { Attribution, validateAttribution, monitorAttribution } from './Attribution.js';
+export { ThemeProvider, useTheme, defaultTheme, themePresets } from './ThemeProvider.js';
+export type { LogoProps } from './Logo.js';
+export type { AttributionProps } from './Attribution.js';
+export type { ThemeProviderProps, VarityTheme } from './ThemeProvider.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Branding/index.js

@@ -3,7 +3,7 @@
  *
  * Branding and theming components for Varity dashboards.
  */
-export { Logo } from './Logo';
-export { Attribution, validateAttribution, monitorAttribution } from './Attribution';
-export { ThemeProvider, useTheme, defaultTheme, themePresets } from './ThemeProvider';
+export { Logo } from './Logo.js';
+export { Attribution, validateAttribution, monitorAttribution } from './Attribution.js';
+export { ThemeProvider, useTheme, defaultTheme, themePresets } from './ThemeProvider.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Dashboard/DashboardHeader.d.ts

@@ -4,7 +4,7 @@
  * Displays user information, notifications, and quick actions.
  */
 import React from 'react';
-import { UserInfo } from './DashboardLayout';
+import { UserInfo } from './DashboardLayout.js';
 export interface DashboardHeaderProps {
     /** Header height in pixels */
     height?: number;

package/dist/components/Dashboard/DashboardLayout.js

@@ -5,9 +5,9 @@
  * Fully customizable through theming system.
  */
 import React from 'react';
-import { DashboardHeader } from './DashboardHeader';
-import { DashboardSidebar } from './DashboardSidebar';
-import { DashboardFooter } from './DashboardFooter';
+import { DashboardHeader } from './DashboardHeader.js';
+import { DashboardSidebar } from './DashboardSidebar.js';
+import { DashboardFooter } from './DashboardFooter.js';
 /**
  * DashboardLayout Component
  *

package/dist/components/Dashboard/DashboardSidebar.d.ts

@@ -4,7 +4,7 @@
  * Provides main navigation with collapsible menu items.
  */
 import React from 'react';
-import { NavigationItem } from './DashboardLayout';
+import { NavigationItem } from './DashboardLayout.js';
 export interface DashboardSidebarProps {
     /** Sidebar width in pixels */
     width?: number;

package/dist/components/Dashboard/index.d.ts

@@ -4,16 +4,16 @@
  * Complete dashboard layout system for Varity-powered applications.
  * Includes layout components, data display components, and loading states.
  */
-export { DashboardLayout } from './DashboardLayout';
-export { DashboardHeader } from './DashboardHeader';
-export { DashboardSidebar } from './DashboardSidebar';
-export { DashboardFooter } from './DashboardFooter';
-export { KPICard, type KPICardProps } from './KPICard';
-export { StatusBadge, IntegrationStatus, type StatusBadgeProps, type StatusType, type IntegrationStatusProps } from './StatusBadge';
-export { EmptyState, EmptyStatePresets, type EmptyStateProps } from './EmptyState';
-export { LoadingSkeleton, SkeletonText, SkeletonCard, SkeletonTable, SkeletonList, type LoadingSkeletonProps, } from './LoadingSkeleton';
-export type { DashboardLayoutProps, NavigationItem, UserInfo } from './DashboardLayout';
-export type { DashboardHeaderProps } from './DashboardHeader';
-export type { DashboardSidebarProps } from './DashboardSidebar';
-export type { DashboardFooterProps, FooterLink } from './DashboardFooter';
+export { DashboardLayout } from './DashboardLayout.js';
+export { DashboardHeader } from './DashboardHeader.js';
+export { DashboardSidebar } from './DashboardSidebar.js';
+export { DashboardFooter } from './DashboardFooter.js';
+export { KPICard, type KPICardProps } from './KPICard.js';
+export { StatusBadge, IntegrationStatus, type StatusBadgeProps, type StatusType, type IntegrationStatusProps } from './StatusBadge.js';
+export { EmptyState, EmptyStatePresets, type EmptyStateProps } from './EmptyState.js';
+export { LoadingSkeleton, SkeletonText, SkeletonCard, SkeletonTable, SkeletonList, type LoadingSkeletonProps, } from './LoadingSkeleton.js';
+export type { DashboardLayoutProps, NavigationItem, UserInfo } from './DashboardLayout.js';
+export type { DashboardHeaderProps } from './DashboardHeader.js';
+export type { DashboardSidebarProps } from './DashboardSidebar.js';
+export type { DashboardFooterProps, FooterLink } from './DashboardFooter.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Dashboard/index.js

@@ -5,14 +5,14 @@
  * Includes layout components, data display components, and loading states.
  */
 // Layout Components
-export { DashboardLayout } from './DashboardLayout';
-export { DashboardHeader } from './DashboardHeader';
-export { DashboardSidebar } from './DashboardSidebar';
-export { DashboardFooter } from './DashboardFooter';
+export { DashboardLayout } from './DashboardLayout.js';
+export { DashboardHeader } from './DashboardHeader.js';
+export { DashboardSidebar } from './DashboardSidebar.js';
+export { DashboardFooter } from './DashboardFooter.js';
 // Data Display Components
-export { KPICard } from './KPICard';
-export { StatusBadge, IntegrationStatus } from './StatusBadge';
-export { EmptyState, EmptyStatePresets } from './EmptyState';
+export { KPICard } from './KPICard.js';
+export { StatusBadge, IntegrationStatus } from './StatusBadge.js';
+export { EmptyState, EmptyStatePresets } from './EmptyState.js';
 // Loading States
-export { LoadingSkeleton, SkeletonText, SkeletonCard, SkeletonTable, SkeletonList, } from './LoadingSkeleton';
+export { LoadingSkeleton, SkeletonText, SkeletonCard, SkeletonTable, SkeletonList, } from './LoadingSkeleton.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Display/index.d.ts

@@ -3,7 +3,7 @@
  *
  * Visual display components for Varity dashboards
  */
-export { Badge, PriorityBadge, ProjectStatusBadge, TaskStatusBadge, RoleBadge } from './Badge';
-export { Avatar, AvatarGroup } from './Avatar';
-export { ProgressBar } from './ProgressBar';
+export { Badge, PriorityBadge, ProjectStatusBadge, TaskStatusBadge, RoleBadge } from './Badge.js';
+export { Avatar, AvatarGroup } from './Avatar.js';
+export { ProgressBar } from './ProgressBar.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Display/index.js

@@ -3,7 +3,7 @@
  *
  * Visual display components for Varity dashboards
  */
-export { Badge, PriorityBadge, ProjectStatusBadge, TaskStatusBadge, RoleBadge } from './Badge';
-export { Avatar, AvatarGroup } from './Avatar';
-export { ProgressBar } from './ProgressBar';
+export { Badge, PriorityBadge, ProjectStatusBadge, TaskStatusBadge, RoleBadge } from './Badge.js';
+export { Avatar, AvatarGroup } from './Avatar.js';
+export { ProgressBar } from './ProgressBar.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Feedback/ToastProvider.js

@@ -1,6 +1,6 @@
 'use client';
 import React, { createContext, useCallback, useState, } from 'react';
-import { ToastItem, TOAST_DURATION, MAX_VISIBLE } from './Toast';
+import { ToastItem, TOAST_DURATION, MAX_VISIBLE } from './Toast.js';
 export const ToastContext = createContext(null);
 let toastId = 0;
 export function ToastProvider({ children }) {

package/dist/components/Feedback/index.d.ts

@@ -3,9 +3,9 @@
  *
  * Toast notifications and feedback components for Varity dashboards
  */
-export { ToastProvider } from './ToastProvider';
-export { useToast } from './useToast';
-export type { ToastContextValue } from './ToastProvider';
-export type { Toast, ToastType } from './Toast';
-export { Skeleton } from './Skeleton';
+export { ToastProvider } from './ToastProvider.js';
+export { useToast } from './useToast.js';
+export type { ToastContextValue } from './ToastProvider.js';
+export type { Toast, ToastType } from './Toast.js';
+export { Skeleton } from './Skeleton.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Feedback/index.js

@@ -3,7 +3,7 @@
  *
  * Toast notifications and feedback components for Varity dashboards
  */
-export { ToastProvider } from './ToastProvider';
-export { useToast } from './useToast';
-export { Skeleton } from './Skeleton';
+export { ToastProvider } from './ToastProvider.js';
+export { useToast } from './useToast.js';
+export { Skeleton } from './Skeleton.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Feedback/useToast.d.ts

@@ -1,3 +1,3 @@
-import { type ToastContextValue } from './ToastProvider';
+import { type ToastContextValue } from './ToastProvider.js';
 export declare function useToast(): ToastContextValue;
 //# sourceMappingURL=useToast.d.ts.map

package/dist/components/Feedback/useToast.js

@@ -1,6 +1,6 @@
 'use client';
 import { useContext } from 'react';
-import { ToastContext } from './ToastProvider';
+import { ToastContext } from './ToastProvider.js';
 export function useToast() {
     const ctx = useContext(ToastContext);
     if (!ctx)

package/dist/components/Form/index.d.ts

@@ -3,11 +3,11 @@
  *
  * Input components for building forms in Varity dashboards
  */
-export { Button } from './Button';
-export { Input } from './Input';
-export { Textarea } from './Textarea';
-export { Select } from './Select';
-export { Toggle } from './Toggle';
-export { Checkbox } from './Checkbox';
-export { RadioGroup } from './RadioGroup';
+export { Button } from './Button.js';
+export { Input } from './Input.js';
+export { Textarea } from './Textarea.js';
+export { Select } from './Select.js';
+export { Toggle } from './Toggle.js';
+export { Checkbox } from './Checkbox.js';
+export { RadioGroup } from './RadioGroup.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Form/index.js

@@ -3,11 +3,11 @@
  *
  * Input components for building forms in Varity dashboards
  */
-export { Button } from './Button';
-export { Input } from './Input';
-export { Textarea } from './Textarea';
-export { Select } from './Select';
-export { Toggle } from './Toggle';
-export { Checkbox } from './Checkbox';
-export { RadioGroup } from './RadioGroup';
+export { Button } from './Button.js';
+export { Input } from './Input.js';
+export { Textarea } from './Textarea.js';
+export { Select } from './Select.js';
+export { Toggle } from './Toggle.js';
+export { Checkbox } from './Checkbox.js';
+export { RadioGroup } from './RadioGroup.js';
 //# sourceMappingURL=index.js.map

package/dist/components/InAppWallet/EmailLoginButton.js

@@ -13,7 +13,7 @@
  * ```
  */
 import React, { useState } from 'react';
-import { useInAppWallet } from './InAppWalletProvider';
+import { useInAppWallet } from './InAppWalletProvider.js';
 import { getErrorMessage } from '@varity-labs/types';
 export function EmailLoginButton({ onSuccess, onError, buttonClassName = '', inputClassName = '', placeholder = 'Enter your email', buttonText = 'Continue with Email', loadingText = 'Sending code...' }) {
     const { loginWithEmail, isLoading } = useInAppWallet();

package/dist/components/InAppWallet/OnboardingFlow.js

@@ -13,9 +13,9 @@
  * ```
  */
 import React, { useState } from 'react';
-import { useInAppWallet } from './InAppWalletProvider';
-import { EmailLoginButton } from './EmailLoginButton';
-import { SocialLoginButtons } from './SocialLoginButtons';
+import { useInAppWallet } from './InAppWalletProvider.js';
+import { EmailLoginButton } from './EmailLoginButton.js';
+import { SocialLoginButtons } from './SocialLoginButtons.js';
 export function OnboardingFlow({ onComplete, onSkip, skipBuyUSDC = false, companyName = 'Varity', companyLogo }) {
     const { user, isAuthenticated } = useInAppWallet();
     const [currentStep, setCurrentStep] = useState('welcome');

package/dist/components/InAppWallet/SocialLoginButtons.js

@@ -13,7 +13,7 @@
  * ```
  */
 import React from 'react';
-import { useInAppWallet } from './InAppWalletProvider';
+import { useInAppWallet } from './InAppWalletProvider.js';
 import { getErrorMessage } from '@varity-labs/types';
 const providerConfig = {
     google: {

package/dist/components/InAppWallet/index.d.ts

@@ -7,9 +7,9 @@
  * - Automatic custodial wallet creation
  * - Complete onboarding flow
  */
-export { InAppWalletProvider, useInAppWallet } from './InAppWalletProvider';
-export { EmailLoginButton } from './EmailLoginButton';
-export { SocialLoginButtons } from './SocialLoginButtons';
-export { OnboardingFlow } from './OnboardingFlow';
-export type { InAppWalletContextType } from './InAppWalletProvider';
+export { InAppWalletProvider, useInAppWallet } from './InAppWalletProvider.js';
+export { EmailLoginButton } from './EmailLoginButton.js';
+export { SocialLoginButtons } from './SocialLoginButtons.js';
+export { OnboardingFlow } from './OnboardingFlow.js';
+export type { InAppWalletContextType } from './InAppWalletProvider.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/InAppWallet/index.js

@@ -7,8 +7,8 @@
  * - Automatic custodial wallet creation
  * - Complete onboarding flow
  */
-export { InAppWalletProvider, useInAppWallet } from './InAppWalletProvider';
-export { EmailLoginButton } from './EmailLoginButton';
-export { SocialLoginButtons } from './SocialLoginButtons';
-export { OnboardingFlow } from './OnboardingFlow';
+export { InAppWalletProvider, useInAppWallet } from './InAppWalletProvider.js';
+export { EmailLoginButton } from './EmailLoginButton.js';
+export { SocialLoginButtons } from './SocialLoginButtons.js';
+export { OnboardingFlow } from './OnboardingFlow.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Navigation/index.d.ts

@@ -3,6 +3,6 @@
  *
  * Navigation components for Varity dashboards
  */
-export { CommandPalette } from './CommandPalette';
-export { Breadcrumb } from './Breadcrumb';
+export { CommandPalette } from './CommandPalette.js';
+export { Breadcrumb } from './Breadcrumb.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Navigation/index.js

@@ -3,6 +3,6 @@
  *
  * Navigation components for Varity dashboards
  */
-export { CommandPalette } from './CommandPalette';
-export { Breadcrumb } from './Breadcrumb';
+export { CommandPalette } from './CommandPalette.js';
+export { Breadcrumb } from './Breadcrumb.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Onramp/index.d.ts

@@ -5,8 +5,8 @@
  * - Credit/Debit card
  * - Apple Pay & Google Pay
  */
-export { BuyUSDCButton } from './BuyUSDCButton';
-export { OnrampWidget } from './OnrampWidget';
-export type { BuyUSDCButtonProps } from './BuyUSDCButton';
-export type { OnrampWidgetProps, Purchase } from './OnrampWidget';
+export { BuyUSDCButton } from './BuyUSDCButton.js';
+export { OnrampWidget } from './OnrampWidget.js';
+export type { BuyUSDCButtonProps } from './BuyUSDCButton.js';
+export type { OnrampWidgetProps, Purchase } from './OnrampWidget.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Onramp/index.js

@@ -5,6 +5,6 @@
  * - Credit/Debit card
  * - Apple Pay & Google Pay
  */
-export { BuyUSDCButton } from './BuyUSDCButton';
-export { OnrampWidget } from './OnrampWidget';
+export { BuyUSDCButton } from './BuyUSDCButton.js';
+export { OnrampWidget } from './OnrampWidget.js';
 //# sourceMappingURL=index.js.map

package/dist/components/Overlay/ConfirmDialog.js

@@ -1,7 +1,7 @@
 'use client';
 import React from 'react';
-import { Dialog } from './Dialog';
-import { Button } from '../Form/Button';
+import { Dialog } from './Dialog.js';
+import { Button } from '../Form/Button.js';
 export function ConfirmDialog({ open, onClose, onConfirm, title, description, confirmLabel = 'Delete', confirmVariant = 'danger', loading = false, }) {
     return (React.createElement(Dialog, { open: open, onClose: onClose, title: title, description: description },
         React.createElement("div", { className: "flex gap-2 pt-4" },

package/dist/components/Overlay/index.d.ts

@@ -3,7 +3,7 @@
  *
  * Modal dialogs and overlays for Varity dashboards
  */
-export { Dialog } from './Dialog';
-export { ConfirmDialog } from './ConfirmDialog';
-export { DropdownMenu } from './DropdownMenu';
+export { Dialog } from './Dialog.js';
+export { ConfirmDialog } from './ConfirmDialog.js';
+export { DropdownMenu } from './DropdownMenu.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Overlay/index.js

@@ -3,7 +3,7 @@
  *
  * Modal dialogs and overlays for Varity dashboards
  */
-export { Dialog } from './Dialog';
-export { ConfirmDialog } from './ConfirmDialog';
-export { DropdownMenu } from './DropdownMenu';
+export { Dialog } from './Dialog.js';
+export { ConfirmDialog } from './ConfirmDialog.js';
+export { DropdownMenu } from './DropdownMenu.js';
 //# sourceMappingURL=index.js.map

package/dist/components/PaymentWidget/PaymentGate.d.ts

@@ -18,7 +18,7 @@
  * ```
  */
 import React from 'react';
-import { PaymentGateProps } from './types';
+import { PaymentGateProps } from './types.js';
 /**
  * PaymentGate - Paywall component for premium content
  *

package/dist/components/PaymentWidget/PaymentGate.js

@@ -18,8 +18,8 @@
  * ```
  */
 import React from 'react';
-import { useVarityPayment } from './useVarityPayment';
-import { PaymentWidget } from './PaymentWidget';
+import { useVarityPayment } from './useVarityPayment.js';
+import { PaymentWidget } from './PaymentWidget.js';
 /**
  * PaymentGate - Paywall component for premium content
  *

package/dist/components/PaymentWidget/PaymentWidget.d.ts

@@ -19,7 +19,7 @@
  * ```
  */
 import React from 'react';
-import { PaymentWidgetProps } from './types';
+import { PaymentWidgetProps } from './types.js';
 /**
  * PaymentWidget - Required component for app monetization
  *

package/dist/components/PaymentWidget/PaymentWidget.js

@@ -19,7 +19,7 @@
  * ```
  */
 import React from 'react';
-import { useVarityPayment } from './useVarityPayment';
+import { useVarityPayment } from './useVarityPayment.js';
 /**
  * PaymentWidget - Required component for app monetization
  *

package/dist/components/PaymentWidget/index.d.ts

@@ -22,9 +22,9 @@
  * const { hasPurchased, purchase } = useVarityPayment({ appId: 123 });
  * ```
  */
-export { PaymentWidget } from './PaymentWidget';
-export { PaymentGate } from './PaymentGate';
-export { useVarityPayment } from './useVarityPayment';
-export type { PaymentWidgetProps, PaymentGateProps, UseVarityPaymentReturn, UseVarityPaymentOptions, AppPricing, PaymentType, } from './types';
-export { VARITY_PAYMENTS_ADDRESS, VARITY_TREASURY_ADDRESS, PLATFORM_FEE_BPS, VARITY_PAYMENTS_ABI, } from './types';
+export { PaymentWidget } from './PaymentWidget.js';
+export { PaymentGate } from './PaymentGate.js';
+export { useVarityPayment } from './useVarityPayment.js';
+export type { PaymentWidgetProps, PaymentGateProps, UseVarityPaymentReturn, UseVarityPaymentOptions, AppPricing, PaymentType, } from './types.js';
+export { VARITY_PAYMENTS_ADDRESS, VARITY_TREASURY_ADDRESS, PLATFORM_FEE_BPS, VARITY_PAYMENTS_ABI, } from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/PaymentWidget/index.js

@@ -23,10 +23,10 @@
  * ```
  */
 // Components
-export { PaymentWidget } from './PaymentWidget';
-export { PaymentGate } from './PaymentGate';
+export { PaymentWidget } from './PaymentWidget.js';
+export { PaymentGate } from './PaymentGate.js';
 // Hooks
-export { useVarityPayment } from './useVarityPayment';
+export { useVarityPayment } from './useVarityPayment.js';
 // Constants
-export { VARITY_PAYMENTS_ADDRESS, VARITY_TREASURY_ADDRESS, PLATFORM_FEE_BPS, VARITY_PAYMENTS_ABI, } from './types';
+export { VARITY_PAYMENTS_ADDRESS, VARITY_TREASURY_ADDRESS, PLATFORM_FEE_BPS, VARITY_PAYMENTS_ABI, } from './types.js';
 //# sourceMappingURL=index.js.map

package/dist/components/PaymentWidget/useSeamlessPayment.js

@@ -18,7 +18,7 @@
  */
 import { useCallback, useState } from 'react';
 import { useFundWallet } from '@privy-io/react-auth';
-import { useVarityPayment } from './useVarityPayment';
+import { useVarityPayment } from './useVarityPayment.js';
 const USDC_ADDRESS = '0xaf88d065e77c8cC2239327C5EDb3A432268e5831'; // Arbitrum One USDC
 const VARITY_PAYMENTS_ADDRESS = '0x0568cf3b5b9c94542aa8d32eb51ffa38912fc48c';
 /**

package/dist/components/PaymentWidget/useVarityPayment.d.ts

@@ -6,7 +6,7 @@
  * This hook currently provides the state API so consuming components compile
  * and run without errors while the payment backend is finalised.
  */
-import { UseVarityPaymentReturn, UseVarityPaymentOptions } from './types';
+import { UseVarityPaymentReturn, UseVarityPaymentOptions } from './types.js';
 /**
  * Hook for managing app purchase state
  *

package/dist/components/Payments/CheckoutModal.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SubscriptionPlan } from './types';
+import { SubscriptionPlan } from './types.js';
 /**
  * Checkout Modal Component
  * Handles payment processing for subscriptions.

package/dist/components/Payments/CheckoutModal.js

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import { formatUSDC } from './constants';
+import { formatUSDC } from './constants.js';
 var CheckoutStep;
 (function (CheckoutStep) {
     CheckoutStep["REVIEW"] = "review";