@designbasekorea/figma-ui 0.6.4 → 0.6.6

package/dist/index.esm.js

@@ -1,6 +1,7 @@
 import React, { useRef, useState, useLayoutEffect, useEffect, createContext, useContext, useCallback, useMemo } from 'react';
 import { Button, Dropdown, Badge, Toggle, Spinner, SegmentControl, Logo, Toast, Input, Modal, Progressbar, RandomGradient } 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';
 import { ChevronDownIcon, AppWindowIcon, YoutubeIcon, InstagramIcon, FigmaIcon, MailIcon, ExternalLinkIcon, MoreHorizontalIcon, CloseIcon, CircleCheckFilledIcon, ResizableIcon, GripVerticalIcon, ChevronRightIcon } from '@designbasekorea/icons';
 
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
@@ -427,7 +428,11 @@ const LanguageSelector = ({ currentLanguage, languages = DEFAULT_LANGUAGES, onLa
     }));
     return (React.createElement("div", { className: `designbase-figma-language-selector ${className || ''}` },
         React.createElement(SegmentControl, { options: segmentOptions, value: activeLanguage, onChange: (event) => {
-                const value = event.detail?.value;
+                const detail = event.detail;
+                const value = typeof detail === 'object' && detail !== null && 'value' in detail &&
+                    typeof detail.value === 'string'
+                    ? detail.value
+                    : undefined;
                 if (value) {
                     handleLanguageChange(value);
                 }
@@ -653,6 +658,88 @@ const InteractionFeedback = ({ status = 'default', message, statusMessage, leftC
 };
 InteractionFeedback.displayName = 'InteractionFeedback';
 
+function postPluginMessage(message) {
+    if (typeof parent === 'undefined') {
+        return;
+    }
+    parent.postMessage({ pluginMessage: message }, '*');
+}
+function openExternalUrl(url) {
+    if (!url)
+        return;
+    postPluginMessage({ type: 'open-external-url', url });
+    if (typeof window !== 'undefined') {
+        window.open(url, '_blank', 'noopener,noreferrer');
+    }
+}
+
+const LicenseOffer = ({ membershipUrl, t, className }) => (React.createElement("section", { className: `designbase-figma-license-offer ${className || ''}`, "aria-labelledby": "designbase-license-offer-title" },
+    React.createElement("div", { className: "designbase-figma-license-offer__eyebrow" }, "YouTube Membership"),
+    React.createElement("h3", { id: "designbase-license-offer-title" }, resolveText(t, { key: 'license.youtube_membership_title' }, 'YouTube 멤버십으로 전체 플러그인 이용')),
+    React.createElement("p", null, resolveText(t, { key: 'license.youtube_membership_description' }, 'YouTube 멤버십에 가입하면 Designbase 플러그인을 무제한으로 사용할 수 있습니다.')),
+    React.createElement("ol", null,
+        React.createElement("li", null, "Designbase YouTube \uCC44\uB110\uC758 \uBA64\uBC84\uC2ED\uC5D0 \uAC00\uC785\uD569\uB2C8\uB2E4."),
+        React.createElement("li", null, "\uBA64\uBC84 \uC804\uC6A9 \uCEE4\uBBA4\uB2C8\uD2F0 \uAC8C\uC2DC\uAE00\uC5D0\uC11C \uC774\uBC88 \uB2EC \uB77C\uC774\uC120\uC2A4 \uD0A4\uB97C \uD655\uC778\uD569\uB2C8\uB2E4."),
+        React.createElement("li", null, "\uC544\uB798 \uC785\uB825\uCC3D\uC5D0 \uD0A4\uB97C \uBD99\uC5EC \uB123\uACE0 \uD65C\uC131\uD654\uD569\uB2C8\uB2E4.")),
+    membershipUrl && (React.createElement(Button, { onPress: () => openExternalUrl(membershipUrl), variant: "secondary", size: "m", fullWidth: true },
+        React.createElement("span", null, resolveText(t, { key: 'license.youtube_membership_cta' }, '멤버십 안내 보기')),
+        React.createElement(ExternalLinkIcon, { size: 16 })))));
+LicenseOffer.displayName = 'LicenseOffer';
+
+function maskLicenseKey(value) {
+    if (value.length <= 8)
+        return '••••••••';
+    return `${value.slice(0, 4)}••••${value.slice(-4)}`;
+}
+function formatDate(value) {
+    if (!value)
+        return undefined;
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime()))
+        return value;
+    return new Intl.DateTimeFormat(undefined, { dateStyle: 'medium' }).format(date);
+}
+function formatScope(value) {
+    if (!value)
+        return undefined;
+    if (value === 'all-products' || value === 'all_products')
+        return '전체 제품';
+    return value;
+}
+const LicenseStatusCard = ({ status, licenseKey = '', licenseStatus, licenseSource, accessScope, expiresAt, lastVerifiedAt, validationMessage, allowRevealKey = true, t, className, }) => {
+    const [isKeyRevealed, setIsKeyRevealed] = useState(false);
+    const isActive = status === 'PAID';
+    const statusText = isActive
+        ? resolveText(t, { key: 'license.status_active' }, 'Active')
+        : resolveText(t, { key: 'license.status_inactive' }, 'License check failed');
+    const statusClass = isActive ? 'active' : 'inactive';
+    return (React.createElement("section", { className: `designbase-figma-license-status-card designbase-figma-license-status-card--${statusClass} ${className || ''}`, "aria-label": statusText },
+        React.createElement("div", { className: "designbase-figma-license-status-card__header" },
+            React.createElement("div", null,
+                React.createElement("div", { className: "designbase-figma-license-status-card__eyebrow" }, isActive ? 'License Activated' : 'License Status'),
+                React.createElement("h3", null, statusText)),
+            React.createElement("span", { className: "designbase-figma-license-status-card__badge" }, licenseStatus || (isActive ? 'active' : 'inactive'))),
+        validationMessage && !isActive && (React.createElement("p", { className: "designbase-figma-license-status-card__message" }, validationMessage)),
+        licenseKey && (React.createElement("div", { className: "designbase-figma-license-status-card__key-row" },
+            React.createElement("span", null, resolveText(t, { key: 'license.key_label' }, '라이선스 키')),
+            React.createElement("code", null, allowRevealKey && isKeyRevealed ? licenseKey : maskLicenseKey(licenseKey)),
+            allowRevealKey && (React.createElement(Button, { type: "button", onPress: () => setIsKeyRevealed((value) => !value), variant: "tertiary", size: "s" }, isKeyRevealed ? '숨기기' : '보기')))),
+        (licenseSource || accessScope || expiresAt || lastVerifiedAt) && (React.createElement("dl", { className: "designbase-figma-license-status-card__meta" },
+            licenseSource && React.createElement(React.Fragment, null,
+                React.createElement("dt", null, "Source"),
+                React.createElement("dd", null, licenseSource)),
+            formatScope(accessScope) && React.createElement(React.Fragment, null,
+                React.createElement("dt", null, "Access"),
+                React.createElement("dd", null, formatScope(accessScope))),
+            expiresAt && React.createElement(React.Fragment, null,
+                React.createElement("dt", null, "Expires"),
+                React.createElement("dd", null, formatDate(expiresAt) || expiresAt)),
+            lastVerifiedAt && React.createElement(React.Fragment, null,
+                React.createElement("dt", null, "Last checked"),
+                React.createElement("dd", null, formatDate(lastVerifiedAt) || lastVerifiedAt))))));
+};
+LicenseStatusCard.displayName = 'LicenseStatusCard';
+
 const defaultFeatures = [
     { name: '사용 제한', free: '일일 제한', pro: '무제한' },
     { name: '모든 주제 사용', free: false, pro: true },
@@ -686,7 +773,11 @@ const PricingComparison = ({ features = defaultFeatures, pricing = defaultPricin
     return (React.createElement("div", { className: `designbase-figma-pricing-comparison ${className || ''}` },
         paymentType === 'subscription' && (React.createElement("div", { className: "designbase-figma-pricing-comparison__billing-toggle" },
             React.createElement(SegmentControl, { value: isYearly ? 'yearly' : 'monthly', onChange: (event) => {
-                    const value = event.detail?.value;
+                    const detail = event.detail;
+                    const value = typeof detail === 'object' && detail !== null && 'value' in detail &&
+                        typeof detail.value === 'string'
+                        ? detail.value
+                        : undefined;
                     setIsYearly(value === 'yearly');
                 }, options: [
                     {
@@ -723,21 +814,6 @@ const PricingComparison = ({ features = defaultFeatures, pricing = defaultPricin
 };
 PricingComparison.displayName = 'PricingComparison';
 
-function postPluginMessage(message) {
-    if (typeof parent === 'undefined') {
-        return;
-    }
-    parent.postMessage({ pluginMessage: message }, '*');
-}
-function openExternalUrl(url) {
-    if (!url)
-        return;
-    postPluginMessage({ type: 'open-external-url', url });
-    if (typeof window !== 'undefined') {
-        window.open(url, '_blank', 'noopener,noreferrer');
-    }
-}
-
 const DEFAULT_LICENSE_MESSAGE_TYPES = {
     initialize: 'initialize',
     verifyLicense: 'verify-license',
@@ -810,6 +886,12 @@ function parseLicenseMessage(data) {
         usageReason: readString(data, ['usageReason']) || undefined,
         lastMessage: readString(data, ['message']) || undefined,
         lastErrorCode: readString(data, ['errorCode']) || undefined,
+        licenseStatus: readString(data, ['licenseStatus', 'license_status']) || undefined,
+        licenseSource: readString(data, ['licenseSource', 'license_source', 'source']) || undefined,
+        accessScope: readString(data, ['accessScope', 'access_scope', 'scope']) || undefined,
+        expiresAt: readString(data, ['expiresAt', 'expires_at']) || undefined,
+        lastVerifiedAt: readString(data, ['lastVerifiedAt', 'last_verified_at']) || undefined,
+        validationMessage: readString(data, ['validationMessage', 'validation_message']) || undefined,
     };
 }
 function useFigmaLicenseBridge(options = {}) {
@@ -915,28 +997,29 @@ function useFigmaLicenseBridge(options = {}) {
 function formatUsageLabel(state, t) {
     const { remainingUsage, usageUsed, usageLimit, usageReset } = state;
     if (usageLimit === 'unlimited') {
-        return resolveText(t, { key: 'license.usage_unlimited' }, '사용 횟수 제한 없음');
+        return resolveText(t, { key: 'license.usage_unlimited' }, '사용 횟수 제한 없음') ?? '사용 횟수 제한 없음';
     }
     const limit = typeof usageLimit === 'number' ? usageLimit : remainingUsage + usageUsed;
     const remaining = remainingUsage ?? Math.max(0, limit - usageUsed);
     if (usageReset === 'daily') {
         const fallback = `오늘 남은 횟수 ${remaining}/${limit}`;
-        const translated = resolveText(t, { key: 'license.usage_daily' }, fallback);
+        const translated = resolveText(t, { key: 'license.usage_daily' }, fallback) ?? fallback;
         return translated.includes(String(remaining)) ? translated : fallback;
     }
     if (usageReset === 'monthly') {
         const fallback = `이번 달 남은 횟수 ${remaining}/${limit}`;
-        const translated = resolveText(t, { key: 'license.usage_monthly' }, fallback);
+        const translated = resolveText(t, { key: 'license.usage_monthly' }, fallback) ?? fallback;
         return translated.includes(String(remaining)) ? translated : fallback;
     }
     return `남은 횟수 ${remaining}/${limit}`;
 }
-const PageLicense = ({ status: initialStatus, onClose, licenseKey: initialLicenseKey = '', wordpressLinks, paymentPageUrl, enableAccountAuth = true, showLicenseKeyInput = true, pricingFeatures, pricing, paymentType = 'subscription', messageTypes, onStateChange, setPaymentStatus, setUsageCount, onLicenseSubmit, usageCount: initialUsageCount = 0, t, className, }) => {
+const PageLicense = ({ status: initialStatus, onClose, licenseKey: initialLicenseKey = '', wordpressLinks, paymentPageUrl, mode = 'pricing', membershipUrl, enableAccountAuth = true, showLicenseKeyInput = true, pricingFeatures, pricing, paymentType = 'subscription', messageTypes, onStateChange, setPaymentStatus, setUsageCount, onLicenseSubmit, usageCount: initialUsageCount = 0, t, className, }) => {
     const links = useMemo(() => ({
         purchaseUrl: wordpressLinks?.purchaseUrl ?? paymentPageUrl,
+        membershipUrl: membershipUrl ?? wordpressLinks?.membershipUrl,
         accountUrl: wordpressLinks?.accountUrl,
         helpUrl: wordpressLinks?.helpUrl,
-    }), [wordpressLinks, paymentPageUrl]);
+    }), [wordpressLinks, paymentPageUrl, membershipUrl]);
     const { state, isVerifying, isDeactivating, isStartingAuth, verifyLicense, deactivateLicense, startDesignbaseAuth, setLicenseKeyInput, } = useFigmaLicenseBridge({
         messageTypes,
         initialState: {
@@ -950,7 +1033,8 @@ const PageLicense = ({ status: initialStatus, onClose, licenseKey: initialLicens
     });
     const [showDetails, setShowDetails] = useState(false);
     const [licenseKeyDraft, setLicenseKeyDraft] = useState(initialLicenseKey);
-    const isPaid = state.isLicenseRegistered || state.paymentStatus === 'PAID';
+    const isPaid = state.isLicenseRegistered && state.paymentStatus === 'PAID';
+    const isMembershipMode = mode === 'youtube-membership';
     const usageLabel = formatUsageLabel(state, t);
     const handleLicenseSubmit = async (submittedLicenseKey) => {
         if (onLicenseSubmit) {
@@ -967,25 +1051,26 @@ const PageLicense = ({ status: initialStatus, onClose, licenseKey: initialLicens
         React.createElement("div", { className: "designbase-figma-page-license__content" },
             React.createElement("div", { className: "designbase-figma-page-license__header" },
                 React.createElement("div", { className: "designbase-figma-page-license__title" },
-                    React.createElement("h2", null, isPaid
-                        ? resolveText(t, { key: 'license.pro_account' }, '프로 계정')
-                        : resolveText(t, { key: 'license.upgrade_to_pro' }, '프로로 업그레이드')),
+                    React.createElement("h2", null, isMembershipMode
+                        ? resolveText(t, { key: 'license.youtube_membership' }, 'YouTube 멤버십')
+                        : isPaid
+                            ? resolveText(t, { key: 'license.pro_account' }, '프로 계정')
+                            : resolveText(t, { key: 'license.upgrade_to_pro' }, '프로로 업그레이드')),
                     state.planTier && state.planTier !== 'FREE' && (React.createElement("span", { className: "designbase-figma-page-license__tier" }, state.planTier))),
                 React.createElement("p", { className: "designbase-figma-page-license__description" }, isPaid
                     ? resolveText(t, { key: 'license.all_features_available' }, '모든 기능을 사용할 수 있습니다.')
-                    : resolveText(t, { key: 'license.purchase_for_unlimited' }, '디자인베이스 멤버십 또는 라이선스로 무제한 이용이 가능합니다.')),
+                    : isMembershipMode
+                        ? resolveText(t, { key: 'license.youtube_membership_description' }, 'YouTube 멤버십에 가입하면 Designbase 플러그인을 무제한으로 사용할 수 있습니다.')
+                        : resolveText(t, { key: 'license.purchase_for_unlimited' }, '디자인베이스 멤버십 또는 라이선스로 무제한 이용이 가능합니다.')),
                 !isPaid && (React.createElement("p", { className: "designbase-figma-page-license__usage" }, usageLabel))),
-            React.createElement(PricingComparison, { features: pricingFeatures, pricing: pricing, paymentType: paymentType, t: t }),
+            !isMembershipMode && (React.createElement(PricingComparison, { features: pricingFeatures, pricing: pricing, paymentType: paymentType, t: t })),
             state.lastMessage && (React.createElement("p", { className: `designbase-figma-page-license__feedback ${state.lastErrorCode ? 'designbase-figma-page-license__feedback--error' : ''}` }, state.lastMessage)),
             isPaid && (React.createElement("div", { className: "designbase-figma-page-license__section" },
                 React.createElement("div", { className: "designbase-figma-page-license__section-header" },
                     React.createElement("h3", null, resolveText(t, { key: 'license.activated' }, '라이선스 활성화됨')),
-                    React.createElement(Button, { onClick: () => setShowDetails(!showDetails), variant: "tertiary", size: "s", iconOnly: true },
+                    React.createElement(Button, { onPress: () => setShowDetails(!showDetails), variant: "tertiary", size: "s", iconOnly: true },
                         React.createElement(MoreHorizontalIcon, { size: 16 }))),
-                state.licenseKey && (React.createElement("div", { className: "designbase-figma-page-license__license-key" },
-                    resolveText(t, { key: 'license.key_label' }, '라이선스 키'),
-                    ": ",
-                    React.createElement("span", null, state.licenseKey))),
+                React.createElement(LicenseStatusCard, { status: state.paymentStatus, licenseKey: state.licenseKey, licenseStatus: state.licenseStatus, licenseSource: state.licenseSource, accessScope: state.accessScope, expiresAt: state.expiresAt, lastVerifiedAt: state.lastVerifiedAt, validationMessage: state.validationMessage, t: t }),
                 React.createElement("p", { className: "designbase-figma-page-license__usage" }, usageLabel),
                 showDetails && (React.createElement("div", { className: "designbase-figma-page-license__details" },
                     React.createElement("div", { className: "designbase-figma-page-license__activation-info" },
@@ -999,22 +1084,23 @@ const PageLicense = ({ status: initialStatus, onClose, licenseKey: initialLicens
                             state.activationUsage,
                             "/",
                             state.activationLimit)),
-                    React.createElement(Button, { onClick: deactivateLicense, variant: "tertiary", size: "s", disabled: isDeactivating }, isDeactivating
+                    React.createElement(Button, { onPress: deactivateLicense, variant: "tertiary", size: "s", disabled: isDeactivating }, isDeactivating
                         ? resolveText(t, { key: 'license.deactivating' }, '비활성화 중...')
                         : resolveText(t, { key: 'license.deactivate' }, '라이선스 비활성화')))))),
             !isPaid && (React.createElement(React.Fragment, null,
-                (enableAccountAuth || links.purchaseUrl || links.accountUrl) && (React.createElement("div", { className: "designbase-figma-page-license__section" },
+                isMembershipMode && (React.createElement(LicenseOffer, { membershipUrl: links.membershipUrl || links.purchaseUrl, t: t })),
+                !isMembershipMode && (enableAccountAuth || links.purchaseUrl || links.accountUrl) && (React.createElement("div", { className: "designbase-figma-page-license__section" },
                     React.createElement("div", { className: "designbase-figma-page-license__section-header" },
                         React.createElement("h3", null, resolveText(t, { key: 'license.designbase_account' }, '디자인베이스 계정'))),
                     React.createElement("p", { className: "designbase-figma-page-license__hint" }, resolveText(t, { key: 'license.designbase_account_hint' }, 'WordPress 계정으로 로그인하거나 멤버십을 구매하면 플러그인이 자동으로 활성화됩니다.')),
                     React.createElement("div", { className: "designbase-figma-page-license__actions" },
-                        enableAccountAuth && (React.createElement(Button, { onClick: startDesignbaseAuth, variant: "primary", size: "m", disabled: isStartingAuth || isVerifying, fullWidth: true }, isStartingAuth
+                        enableAccountAuth && (React.createElement(Button, { onPress: startDesignbaseAuth, variant: "primary", size: "m", disabled: isStartingAuth || isVerifying, fullWidth: true }, isStartingAuth
                             ? resolveText(t, { key: 'license.authenticating' }, '인증 중...')
                             : resolveText(t, { key: 'license.login_with_designbase' }, '디자인베이스로 로그인'))),
-                        links.purchaseUrl && (React.createElement(Button, { onClick: () => openExternalUrl(links.purchaseUrl), variant: "secondary", size: "m", fullWidth: true },
-                            React.createElement("span", null, resolveText(t, { key: 'license.purchase_membership' }, '멤버십 구매')),
+                        links.purchaseUrl && (React.createElement(Button, { onPress: () => openExternalUrl(links.purchaseUrl), variant: "secondary", size: "m", fullWidth: true },
+                            React.createElement("span", null, resolveText(t, { key: 'license.purchase_membership' }, '멤버십 안내')),
                             React.createElement(ExternalLinkIcon, { size: 16 }))),
-                        links.accountUrl && (React.createElement(Button, { onClick: () => openExternalUrl(links.accountUrl), variant: "tertiary", size: "s", fullWidth: true },
+                        links.accountUrl && (React.createElement(Button, { onPress: () => openExternalUrl(links.accountUrl), variant: "tertiary", size: "s", fullWidth: true },
                             React.createElement("span", null, resolveText(t, { key: 'license.manage_account' }, '계정·멤버십 관리')),
                             React.createElement(ExternalLinkIcon, { size: 16 })))))),
                 showLicenseKeyInput && (React.createElement("div", { className: "designbase-figma-page-license__section" },
@@ -1047,7 +1133,7 @@ const PaymentStatusSection = ({ status, usageCount, activationLimit, activationU
                     activationUsage,
                     "/",
                     activationLimit)),
-            React.createElement(Button, { onClick: onDeactivate, variant: "tertiary", size: "s", disabled: isDeactivating }, isDeactivating
+            React.createElement(Button, { onPress: onDeactivate, variant: "tertiary", size: "s", disabled: isDeactivating }, isDeactivating
                 ? resolveText(t, { key: 'payment.deactivating' }, '비활성화중...')
                 : resolveText(t, { key: 'payment.deactivate_license' }, '라이선스 비활성화'))))));
 };
@@ -1302,5 +1388,5 @@ const UpgradeBanner = ({ onClick, variant = 'button', isLoading = false, title =
 };
 UpgradeBanner.displayName = 'UpgradeBanner';
 
-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 { DEFAULT_LICENSE_MESSAGE_TYPES, DonationBadge, FigmaContainer, FigmaFooter, FigmaHeader, FigmaPageHead, FigmaSection, FigmaSidebar, FigmaToast, FigmaToastProvider, FormWithSubmit, InteractionFeedback, LanguageSelector, LicenseOffer, LicenseStatusCard, LogoDropdown, PageLicense, PaymentBadge, PaymentStatusSection, PricingComparison, ProgressModal, ResizablePlugin, START_DESIGNBASE_AUTH_MESSAGE, SettingsModal, TitleDescription, UpgradeBanner, getActiveSection, resolveText, scrollToSection, useFigmaLicenseBridge, useFigmaToast, useToast };
 //# sourceMappingURL=index.esm.js.map