@designbasekorea/figma-ui 0.6.4 → 0.6.8

package/dist/index.d.ts

@@ -2,12 +2,14 @@ import React from 'react';
 import { PaymentStatus, UsageResetPeriod, LicenseManagerMessageTypes } from '@designbasekorea/figma-license-core';
 import { GradientScheme, GradientTone } from '@designbasekorea/ui-wc/react';
 export * from '@designbasekorea/ui-wc/react';
+export { Accordion, ActivityHeatmap, AdBanner, AiChat, AiChatList, Alert, AnimationBackground, AnimationText, AppBadge, AudioPlayer, Avatar, Backdrop, Badge, Banner, BottomNavigation, BottomSheet, Breadcrumbs, Button, Calendar, Card, Carousel, ChatComposer, ChatList, ChatMessage, ChatOrb, ChatRoom, ChatSuggestions, ChatTyping, ChatWelcome, ChatWidget, Checkbox, Chip, CodeBlock, ColorPicker, ColorSwatch, Confirm, Container, ContextMenu, CookieBanner, Countdown, CursorFollower, DatePicker, Divider, DownloadProgress, Drawer, Dropdown, Dropzone, EmailVerify, EmptyState, FileUploader, FloatingActionButton, Footer, Form, Gantt, Gradient, Grid, GridBackground, GridItem, Image, ImageList, ImagePlaceholder, Indicator, Input, Kanban, Label, Lightbox, List, Logo, MarkdownEditor, Marquee, Masonry, MenuItem, Modal, ModalBody, ModalFooter, ModalHeader, Navbar, OnboardingModal, OtpInput, PageHeader, Pagination, PhoneVerify, Popover, Progress, ProgressStep, Progressbar, Radio, RandomGradient, RangeSlider, Rating, Reorder, ResizablePanels, ScrollArea, SearchBar, Section, SectionAppDownload, SectionContact, SectionCta, SectionFaq, SectionFeature, SectionFeatureGrid, SectionHero, SectionLogoCloud, SectionPricing, SectionStats, SectionTestimonials, SegmentControl, Select, Share, Sidebar, Signature, Skeleton, Spinner, SplitView, Stack, Stat, Stepper, Table, Tabs, Testimonial, Textarea, TimePicker, Timeline, Toast, Toggle, Toolbar, Tooltip, TopBanner, Tutorial, TwoFactor, VideoPlayer, YouTubePlayer, useContextMenu } from '@designbasekorea/ui-wc/react';
 
 type I18nText = string | {
     key: string;
     values?: Record<string, any>;
 };
 type TFunctionLite = (key: string, values?: Record<string, any>) => string;
+declare function interpolateText(template: string, values?: Record<string, unknown>): string;
 declare function resolveText(t: TFunctionLite | undefined, input: I18nText | undefined, fallback?: string): string | undefined;
 
 interface DonationBadgeProps {
@@ -140,7 +142,11 @@ interface LogoDropdownProps {
     links?: LogoDropdownLink[];
     position?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
     className?: string;
-    t?: (key: string) => string;
+    t?: TFunctionLite;
+    showLanguageSelector?: boolean;
+    languages?: Language[];
+    currentLanguage?: string;
+    onLanguageChange?: (languageCode: string) => void;
 }
 declare const LogoDropdown: React.FC<LogoDropdownProps>;
 
@@ -240,6 +246,43 @@ interface InteractionFeedbackProps {
 }
 declare const InteractionFeedback: React.FC<InteractionFeedbackProps>;
 
+interface LanguageSettingsModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    languages?: Language[];
+    currentLanguage?: string;
+    onLanguageChange?: (languageCode: string) => void;
+    title?: string;
+    description?: string;
+    className?: string;
+    t?: TFunctionLite;
+}
+declare const LanguageSettingsModal: React.FC<LanguageSettingsModalProps>;
+
+interface LicenseOfferProps {
+    joinUrl?: string;
+    guideUrl?: string;
+    membershipUrl?: string;
+    t?: TFunctionLite;
+    className?: string;
+}
+declare const LicenseOffer: React.FC<LicenseOfferProps>;
+
+interface LicenseStatusCardProps {
+    status: PaymentStatus;
+    licenseKey?: string;
+    licenseStatus?: string;
+    licenseSource?: string;
+    accessScope?: string;
+    expiresAt?: string;
+    lastVerifiedAt?: string;
+    validationMessage?: string;
+    allowRevealKey?: boolean;
+    t?: TFunctionLite;
+    className?: string;
+}
+declare const LicenseStatusCard: React.FC<LicenseStatusCardProps>;
+
 interface PricingFeature {
     name: string;
     free: string | boolean;
@@ -260,6 +303,7 @@ interface PricingComparisonProps {
 declare const PricingComparison: React.FC<PricingComparisonProps>;
 
 interface WordPressLinks {
+    membershipUrl?: string;
     purchaseUrl?: string;
     accountUrl?: string;
     helpUrl?: string;
@@ -281,6 +325,14 @@ interface LicensePageState {
     usageReason?: 'USAGE_LIMIT_REACHED' | 'FEATURE_NOT_ALLOWED';
     lastMessage?: string;
     lastErrorCode?: string;
+    deactivateMessage?: string;
+    deactivateErrorCode?: string;
+    licenseStatus?: string;
+    licenseSource?: string;
+    accessScope?: string;
+    expiresAt?: string;
+    lastVerifiedAt?: string;
+    validationMessage?: string;
 }
 declare const DEFAULT_LICENSE_MESSAGE_TYPES: LicenseManagerMessageTypes;
 declare const START_DESIGNBASE_AUTH_MESSAGE = "start-designbase-auth";
@@ -309,6 +361,8 @@ interface PageLicenseProps {
     licenseKey?: string;
     wordpressLinks?: WordPressLinks;
     paymentPageUrl?: string;
+    mode?: 'pricing' | 'youtube-membership';
+    membershipUrl?: string;
     enableAccountAuth?: boolean;
     showLicenseKeyInput?: boolean;
     pricingFeatures?: PricingFeature[];
@@ -336,6 +390,7 @@ interface PaymentBadgeProps {
 }
 declare const PaymentBadge: React.FC<PaymentBadgeProps>;
 
+type PaymentActionFeedbackVariant = 'success' | 'error' | 'info' | 'warning';
 interface PaymentStatusSectionProps {
     status: 'PAID' | 'FREE' | 'UNPAID';
     usageCount?: number;
@@ -345,9 +400,13 @@ interface PaymentStatusSectionProps {
     onDeactivate: () => void;
     isDeactivating?: boolean;
     showDetails?: boolean;
+    actionMessage?: I18nText;
+    actionMessageVariant?: PaymentActionFeedbackVariant;
+    errorCode?: string;
     className?: string;
     t?: TFunctionLite;
 }
+declare function resolvePaymentFeedbackVariant(errorCode?: string, explicitVariant?: PaymentActionFeedbackVariant): PaymentActionFeedbackVariant;
 declare const PaymentStatusSection: React.FC<PaymentStatusSectionProps>;
 
 interface ProgressModalProgress {
@@ -442,5 +501,19 @@ interface UpgradeBannerProps {
 }
 declare const UpgradeBanner: React.FC<UpgradeBannerProps>;
 
-export { DEFAULT_LICENSE_MESSAGE_TYPES, DonationBadge, FigmaContainer, FigmaFooter, FigmaHeader, FigmaPageHead, FigmaSection, FigmaSidebar, FigmaToast, FigmaToastProvider, FormWithSubmit, InteractionFeedback, LanguageSelector, LogoDropdown, PageLicense, PaymentBadge, PaymentStatusSection, PricingComparison, ProgressModal, ResizablePlugin, START_DESIGNBASE_AUTH_MESSAGE, SettingsModal, TitleDescription, UpgradeBanner, getActiveSection, resolveText, scrollToSection, useFigmaLicenseBridge, useFigmaToast, useToast };
-export type { DonationBadgeProps, FeedbackStatus, FigmaContainerProps, FigmaContainerSize, FigmaFooterProps, FigmaHeaderAction, FigmaHeaderProps, FigmaPageHeadAction, FigmaPageHeadProps, FigmaSectionProps, FigmaSidebarProps, FormWithSubmitProps, I18nText, InteractionFeedbackProps, Language, LanguageSelectorProps, LicensePageState, LogoDropdownLink, LogoDropdownProps, PageLicenseProps, PaymentBadgeProps, PaymentStatusSectionProps, PlanPricing, PricingComparisonProps, PricingFeature, ProgressModalProgress, ProgressModalProps, ResizablePluginProps, SettingsCategory, SettingsCategoryGroup, SettingsModalProps, TFunctionLite, TitleDescriptionProps, UpgradeBannerProps, WordPressLinks };
+type UsagePaymentStatus = 'PAID' | 'FREE' | 'TRIAL' | 'BETA';
+interface UsageStatusPopoverProps {
+    paymentStatus: UsagePaymentStatus;
+    usageCount?: number;
+    maxDailyUsage?: number;
+    showUsage?: boolean;
+    showPlan?: boolean;
+    isLoading?: boolean;
+    onLicensePageClick?: () => void;
+    t?: TFunctionLite;
+    className?: string;
+}
+declare const UsageStatusPopover: React.FC<UsageStatusPopoverProps>;
+
+export { DEFAULT_LICENSE_MESSAGE_TYPES, DonationBadge, FigmaContainer, FigmaFooter, FigmaHeader, FigmaPageHead, FigmaSection, FigmaSidebar, FigmaToast, FigmaToastProvider, FormWithSubmit, InteractionFeedback, LanguageSelector, LanguageSettingsModal, LicenseOffer, LicenseStatusCard, LogoDropdown, PageLicense, PaymentBadge, PaymentStatusSection, PricingComparison, ProgressModal, ResizablePlugin, START_DESIGNBASE_AUTH_MESSAGE, SettingsModal, TitleDescription, UpgradeBanner, UsageStatusPopover, getActiveSection, interpolateText, resolvePaymentFeedbackVariant, resolveText, scrollToSection, useFigmaLicenseBridge, useFigmaToast, useToast };
+export type { DonationBadgeProps, FeedbackStatus, FigmaContainerProps, FigmaContainerSize, FigmaFooterProps, FigmaHeaderAction, FigmaHeaderProps, FigmaPageHeadAction, FigmaPageHeadProps, FigmaSectionProps, FigmaSidebarProps, FormWithSubmitProps, I18nText, InteractionFeedbackProps, Language, LanguageSelectorProps, LanguageSettingsModalProps, LicenseOfferProps, LicensePageState, LicenseStatusCardProps, LogoDropdownLink, LogoDropdownProps, PageLicenseProps, PaymentActionFeedbackVariant, PaymentBadgeProps, PaymentStatusSectionProps, PlanPricing, PricingComparisonProps, PricingFeature, ProgressModalProgress, ProgressModalProps, ResizablePluginProps, SettingsCategory, SettingsCategoryGroup, SettingsModalProps, TFunctionLite, TitleDescriptionProps, UpgradeBannerProps, UsagePaymentStatus, UsageStatusPopoverProps, WordPressLinks };