@designbasekorea/figma-ui 0.6.4 → 0.6.6

package/dist/index.js

@@ -428,7 +428,11 @@ const LanguageSelector = ({ currentLanguage, languages = DEFAULT_LANGUAGES, onLa
     }));
     return (React.createElement("div", { className: `designbase-figma-language-selector ${className || ''}` },
         React.createElement(react.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);
                 }
@@ -654,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(react.Button, { onPress: () => openExternalUrl(membershipUrl), variant: "secondary", size: "m", fullWidth: true },
+        React.createElement("span", null, resolveText(t, { key: 'license.youtube_membership_cta' }, '멤버십 안내 보기')),
+        React.createElement(icons.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] = React.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(react.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 },
@@ -687,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(react.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: [
                     {
@@ -724,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',
@@ -811,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 = {}) {
@@ -916,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 = React.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: {
@@ -951,7 +1033,8 @@ const PageLicense = ({ status: initialStatus, onClose, licenseKey: initialLicens
     });
     const [showDetails, setShowDetails] = React.useState(false);
     const [licenseKeyDraft, setLicenseKeyDraft] = React.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) {
@@ -968,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(react.Button, { onClick: () => setShowDetails(!showDetails), variant: "tertiary", size: "s", iconOnly: true },
+                    React.createElement(react.Button, { onPress: () => setShowDetails(!showDetails), variant: "tertiary", size: "s", iconOnly: true },
                         React.createElement(icons.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" },
@@ -1000,22 +1084,23 @@ const PageLicense = ({ status: initialStatus, onClose, licenseKey: initialLicens
                             state.activationUsage,
                             "/",
                             state.activationLimit)),
-                    React.createElement(react.Button, { onClick: deactivateLicense, variant: "tertiary", size: "s", disabled: isDeactivating }, isDeactivating
+                    React.createElement(react.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(react.Button, { onClick: startDesignbaseAuth, variant: "primary", size: "m", disabled: isStartingAuth || isVerifying, fullWidth: true }, isStartingAuth
+                        enableAccountAuth && (React.createElement(react.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(react.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(react.Button, { onPress: () => openExternalUrl(links.purchaseUrl), variant: "secondary", size: "m", fullWidth: true },
+                            React.createElement("span", null, resolveText(t, { key: 'license.purchase_membership' }, '멤버십 안내')),
                             React.createElement(icons.ExternalLinkIcon, { size: 16 }))),
-                        links.accountUrl && (React.createElement(react.Button, { onClick: () => openExternalUrl(links.accountUrl), variant: "tertiary", size: "s", fullWidth: true },
+                        links.accountUrl && (React.createElement(react.Button, { onPress: () => openExternalUrl(links.accountUrl), variant: "tertiary", size: "s", fullWidth: true },
                             React.createElement("span", null, resolveText(t, { key: 'license.manage_account' }, '계정·멤버십 관리')),
                             React.createElement(icons.ExternalLinkIcon, { size: 16 })))))),
                 showLicenseKeyInput && (React.createElement("div", { className: "designbase-figma-page-license__section" },
@@ -1048,7 +1133,7 @@ const PaymentStatusSection = ({ status, usageCount, activationLimit, activationU
                     activationUsage,
                     "/",
                     activationLimit)),
-            React.createElement(react.Button, { onClick: onDeactivate, variant: "tertiary", size: "s", disabled: isDeactivating }, isDeactivating
+            React.createElement(react.Button, { onPress: onDeactivate, variant: "tertiary", size: "s", disabled: isDeactivating }, isDeactivating
                 ? resolveText(t, { key: 'payment.deactivating' }, '비활성화중...')
                 : resolveText(t, { key: 'payment.deactivate_license' }, '라이선스 비활성화'))))));
 };
@@ -1303,6 +1388,538 @@ const UpgradeBanner = ({ onClick, variant = 'button', isLoading = false, title =
 };
 UpgradeBanner.displayName = 'UpgradeBanner';
 
+Object.defineProperty(exports, 'Accordion', {
+    enumerable: true,
+    get: function () { return react.Accordion; }
+});
+Object.defineProperty(exports, 'ActivityHeatmap', {
+    enumerable: true,
+    get: function () { return react.ActivityHeatmap; }
+});
+Object.defineProperty(exports, 'AdBanner', {
+    enumerable: true,
+    get: function () { return react.AdBanner; }
+});
+Object.defineProperty(exports, 'AiChat', {
+    enumerable: true,
+    get: function () { return react.AiChat; }
+});
+Object.defineProperty(exports, 'AiChatList', {
+    enumerable: true,
+    get: function () { return react.AiChatList; }
+});
+Object.defineProperty(exports, 'Alert', {
+    enumerable: true,
+    get: function () { return react.Alert; }
+});
+Object.defineProperty(exports, 'AnimationBackground', {
+    enumerable: true,
+    get: function () { return react.AnimationBackground; }
+});
+Object.defineProperty(exports, 'AnimationText', {
+    enumerable: true,
+    get: function () { return react.AnimationText; }
+});
+Object.defineProperty(exports, 'AppBadge', {
+    enumerable: true,
+    get: function () { return react.AppBadge; }
+});
+Object.defineProperty(exports, 'AudioPlayer', {
+    enumerable: true,
+    get: function () { return react.AudioPlayer; }
+});
+Object.defineProperty(exports, 'Avatar', {
+    enumerable: true,
+    get: function () { return react.Avatar; }
+});
+Object.defineProperty(exports, 'Backdrop', {
+    enumerable: true,
+    get: function () { return react.Backdrop; }
+});
+Object.defineProperty(exports, 'Badge', {
+    enumerable: true,
+    get: function () { return react.Badge; }
+});
+Object.defineProperty(exports, 'Banner', {
+    enumerable: true,
+    get: function () { return react.Banner; }
+});
+Object.defineProperty(exports, 'BottomNavigation', {
+    enumerable: true,
+    get: function () { return react.BottomNavigation; }
+});
+Object.defineProperty(exports, 'BottomSheet', {
+    enumerable: true,
+    get: function () { return react.BottomSheet; }
+});
+Object.defineProperty(exports, 'Breadcrumbs', {
+    enumerable: true,
+    get: function () { return react.Breadcrumbs; }
+});
+Object.defineProperty(exports, 'Button', {
+    enumerable: true,
+    get: function () { return react.Button; }
+});
+Object.defineProperty(exports, 'Calendar', {
+    enumerable: true,
+    get: function () { return react.Calendar; }
+});
+Object.defineProperty(exports, 'Card', {
+    enumerable: true,
+    get: function () { return react.Card; }
+});
+Object.defineProperty(exports, 'Carousel', {
+    enumerable: true,
+    get: function () { return react.Carousel; }
+});
+Object.defineProperty(exports, 'ChatComposer', {
+    enumerable: true,
+    get: function () { return react.ChatComposer; }
+});
+Object.defineProperty(exports, 'ChatList', {
+    enumerable: true,
+    get: function () { return react.ChatList; }
+});
+Object.defineProperty(exports, 'ChatMessage', {
+    enumerable: true,
+    get: function () { return react.ChatMessage; }
+});
+Object.defineProperty(exports, 'ChatOrb', {
+    enumerable: true,
+    get: function () { return react.ChatOrb; }
+});
+Object.defineProperty(exports, 'ChatRoom', {
+    enumerable: true,
+    get: function () { return react.ChatRoom; }
+});
+Object.defineProperty(exports, 'ChatSuggestions', {
+    enumerable: true,
+    get: function () { return react.ChatSuggestions; }
+});
+Object.defineProperty(exports, 'ChatTyping', {
+    enumerable: true,
+    get: function () { return react.ChatTyping; }
+});
+Object.defineProperty(exports, 'ChatWelcome', {
+    enumerable: true,
+    get: function () { return react.ChatWelcome; }
+});
+Object.defineProperty(exports, 'ChatWidget', {
+    enumerable: true,
+    get: function () { return react.ChatWidget; }
+});
+Object.defineProperty(exports, 'Checkbox', {
+    enumerable: true,
+    get: function () { return react.Checkbox; }
+});
+Object.defineProperty(exports, 'Chip', {
+    enumerable: true,
+    get: function () { return react.Chip; }
+});
+Object.defineProperty(exports, 'CodeBlock', {
+    enumerable: true,
+    get: function () { return react.CodeBlock; }
+});
+Object.defineProperty(exports, 'ColorPicker', {
+    enumerable: true,
+    get: function () { return react.ColorPicker; }
+});
+Object.defineProperty(exports, 'ColorSwatch', {
+    enumerable: true,
+    get: function () { return react.ColorSwatch; }
+});
+Object.defineProperty(exports, 'Confirm', {
+    enumerable: true,
+    get: function () { return react.Confirm; }
+});
+Object.defineProperty(exports, 'Container', {
+    enumerable: true,
+    get: function () { return react.Container; }
+});
+Object.defineProperty(exports, 'ContextMenu', {
+    enumerable: true,
+    get: function () { return react.ContextMenu; }
+});
+Object.defineProperty(exports, 'CookieBanner', {
+    enumerable: true,
+    get: function () { return react.CookieBanner; }
+});
+Object.defineProperty(exports, 'Countdown', {
+    enumerable: true,
+    get: function () { return react.Countdown; }
+});
+Object.defineProperty(exports, 'CursorFollower', {
+    enumerable: true,
+    get: function () { return react.CursorFollower; }
+});
+Object.defineProperty(exports, 'DatePicker', {
+    enumerable: true,
+    get: function () { return react.DatePicker; }
+});
+Object.defineProperty(exports, 'Divider', {
+    enumerable: true,
+    get: function () { return react.Divider; }
+});
+Object.defineProperty(exports, 'DownloadProgress', {
+    enumerable: true,
+    get: function () { return react.DownloadProgress; }
+});
+Object.defineProperty(exports, 'Drawer', {
+    enumerable: true,
+    get: function () { return react.Drawer; }
+});
+Object.defineProperty(exports, 'Dropdown', {
+    enumerable: true,
+    get: function () { return react.Dropdown; }
+});
+Object.defineProperty(exports, 'Dropzone', {
+    enumerable: true,
+    get: function () { return react.Dropzone; }
+});
+Object.defineProperty(exports, 'EmailVerify', {
+    enumerable: true,
+    get: function () { return react.EmailVerify; }
+});
+Object.defineProperty(exports, 'EmptyState', {
+    enumerable: true,
+    get: function () { return react.EmptyState; }
+});
+Object.defineProperty(exports, 'FileUploader', {
+    enumerable: true,
+    get: function () { return react.FileUploader; }
+});
+Object.defineProperty(exports, 'FloatingActionButton', {
+    enumerable: true,
+    get: function () { return react.FloatingActionButton; }
+});
+Object.defineProperty(exports, 'Footer', {
+    enumerable: true,
+    get: function () { return react.Footer; }
+});
+Object.defineProperty(exports, 'Form', {
+    enumerable: true,
+    get: function () { return react.Form; }
+});
+Object.defineProperty(exports, 'Gantt', {
+    enumerable: true,
+    get: function () { return react.Gantt; }
+});
+Object.defineProperty(exports, 'Gradient', {
+    enumerable: true,
+    get: function () { return react.Gradient; }
+});
+Object.defineProperty(exports, 'Grid', {
+    enumerable: true,
+    get: function () { return react.Grid; }
+});
+Object.defineProperty(exports, 'GridBackground', {
+    enumerable: true,
+    get: function () { return react.GridBackground; }
+});
+Object.defineProperty(exports, 'GridItem', {
+    enumerable: true,
+    get: function () { return react.GridItem; }
+});
+Object.defineProperty(exports, 'Image', {
+    enumerable: true,
+    get: function () { return react.Image; }
+});
+Object.defineProperty(exports, 'ImageList', {
+    enumerable: true,
+    get: function () { return react.ImageList; }
+});
+Object.defineProperty(exports, 'ImagePlaceholder', {
+    enumerable: true,
+    get: function () { return react.ImagePlaceholder; }
+});
+Object.defineProperty(exports, 'Indicator', {
+    enumerable: true,
+    get: function () { return react.Indicator; }
+});
+Object.defineProperty(exports, 'Input', {
+    enumerable: true,
+    get: function () { return react.Input; }
+});
+Object.defineProperty(exports, 'Kanban', {
+    enumerable: true,
+    get: function () { return react.Kanban; }
+});
+Object.defineProperty(exports, 'Label', {
+    enumerable: true,
+    get: function () { return react.Label; }
+});
+Object.defineProperty(exports, 'Lightbox', {
+    enumerable: true,
+    get: function () { return react.Lightbox; }
+});
+Object.defineProperty(exports, 'List', {
+    enumerable: true,
+    get: function () { return react.List; }
+});
+Object.defineProperty(exports, 'Logo', {
+    enumerable: true,
+    get: function () { return react.Logo; }
+});
+Object.defineProperty(exports, 'MarkdownEditor', {
+    enumerable: true,
+    get: function () { return react.MarkdownEditor; }
+});
+Object.defineProperty(exports, 'Marquee', {
+    enumerable: true,
+    get: function () { return react.Marquee; }
+});
+Object.defineProperty(exports, 'Masonry', {
+    enumerable: true,
+    get: function () { return react.Masonry; }
+});
+Object.defineProperty(exports, 'MenuItem', {
+    enumerable: true,
+    get: function () { return react.MenuItem; }
+});
+Object.defineProperty(exports, 'Modal', {
+    enumerable: true,
+    get: function () { return react.Modal; }
+});
+Object.defineProperty(exports, 'ModalBody', {
+    enumerable: true,
+    get: function () { return react.ModalBody; }
+});
+Object.defineProperty(exports, 'ModalFooter', {
+    enumerable: true,
+    get: function () { return react.ModalFooter; }
+});
+Object.defineProperty(exports, 'ModalHeader', {
+    enumerable: true,
+    get: function () { return react.ModalHeader; }
+});
+Object.defineProperty(exports, 'Navbar', {
+    enumerable: true,
+    get: function () { return react.Navbar; }
+});
+Object.defineProperty(exports, 'OnboardingModal', {
+    enumerable: true,
+    get: function () { return react.OnboardingModal; }
+});
+Object.defineProperty(exports, 'OtpInput', {
+    enumerable: true,
+    get: function () { return react.OtpInput; }
+});
+Object.defineProperty(exports, 'PageHeader', {
+    enumerable: true,
+    get: function () { return react.PageHeader; }
+});
+Object.defineProperty(exports, 'Pagination', {
+    enumerable: true,
+    get: function () { return react.Pagination; }
+});
+Object.defineProperty(exports, 'PhoneVerify', {
+    enumerable: true,
+    get: function () { return react.PhoneVerify; }
+});
+Object.defineProperty(exports, 'Popover', {
+    enumerable: true,
+    get: function () { return react.Popover; }
+});
+Object.defineProperty(exports, 'Progress', {
+    enumerable: true,
+    get: function () { return react.Progress; }
+});
+Object.defineProperty(exports, 'ProgressStep', {
+    enumerable: true,
+    get: function () { return react.ProgressStep; }
+});
+Object.defineProperty(exports, 'Progressbar', {
+    enumerable: true,
+    get: function () { return react.Progressbar; }
+});
+Object.defineProperty(exports, 'Radio', {
+    enumerable: true,
+    get: function () { return react.Radio; }
+});
+Object.defineProperty(exports, 'RandomGradient', {
+    enumerable: true,
+    get: function () { return react.RandomGradient; }
+});
+Object.defineProperty(exports, 'RangeSlider', {
+    enumerable: true,
+    get: function () { return react.RangeSlider; }
+});
+Object.defineProperty(exports, 'Rating', {
+    enumerable: true,
+    get: function () { return react.Rating; }
+});
+Object.defineProperty(exports, 'Reorder', {
+    enumerable: true,
+    get: function () { return react.Reorder; }
+});
+Object.defineProperty(exports, 'ResizablePanels', {
+    enumerable: true,
+    get: function () { return react.ResizablePanels; }
+});
+Object.defineProperty(exports, 'ScrollArea', {
+    enumerable: true,
+    get: function () { return react.ScrollArea; }
+});
+Object.defineProperty(exports, 'SearchBar', {
+    enumerable: true,
+    get: function () { return react.SearchBar; }
+});
+Object.defineProperty(exports, 'Section', {
+    enumerable: true,
+    get: function () { return react.Section; }
+});
+Object.defineProperty(exports, 'SectionAppDownload', {
+    enumerable: true,
+    get: function () { return react.SectionAppDownload; }
+});
+Object.defineProperty(exports, 'SectionContact', {
+    enumerable: true,
+    get: function () { return react.SectionContact; }
+});
+Object.defineProperty(exports, 'SectionCta', {
+    enumerable: true,
+    get: function () { return react.SectionCta; }
+});
+Object.defineProperty(exports, 'SectionFaq', {
+    enumerable: true,
+    get: function () { return react.SectionFaq; }
+});
+Object.defineProperty(exports, 'SectionFeature', {
+    enumerable: true,
+    get: function () { return react.SectionFeature; }
+});
+Object.defineProperty(exports, 'SectionFeatureGrid', {
+    enumerable: true,
+    get: function () { return react.SectionFeatureGrid; }
+});
+Object.defineProperty(exports, 'SectionHero', {
+    enumerable: true,
+    get: function () { return react.SectionHero; }
+});
+Object.defineProperty(exports, 'SectionLogoCloud', {
+    enumerable: true,
+    get: function () { return react.SectionLogoCloud; }
+});
+Object.defineProperty(exports, 'SectionPricing', {
+    enumerable: true,
+    get: function () { return react.SectionPricing; }
+});
+Object.defineProperty(exports, 'SectionStats', {
+    enumerable: true,
+    get: function () { return react.SectionStats; }
+});
+Object.defineProperty(exports, 'SectionTestimonials', {
+    enumerable: true,
+    get: function () { return react.SectionTestimonials; }
+});
+Object.defineProperty(exports, 'SegmentControl', {
+    enumerable: true,
+    get: function () { return react.SegmentControl; }
+});
+Object.defineProperty(exports, 'Select', {
+    enumerable: true,
+    get: function () { return react.Select; }
+});
+Object.defineProperty(exports, 'Share', {
+    enumerable: true,
+    get: function () { return react.Share; }
+});
+Object.defineProperty(exports, 'Sidebar', {
+    enumerable: true,
+    get: function () { return react.Sidebar; }
+});
+Object.defineProperty(exports, 'Signature', {
+    enumerable: true,
+    get: function () { return react.Signature; }
+});
+Object.defineProperty(exports, 'Skeleton', {
+    enumerable: true,
+    get: function () { return react.Skeleton; }
+});
+Object.defineProperty(exports, 'Spinner', {
+    enumerable: true,
+    get: function () { return react.Spinner; }
+});
+Object.defineProperty(exports, 'SplitView', {
+    enumerable: true,
+    get: function () { return react.SplitView; }
+});
+Object.defineProperty(exports, 'Stack', {
+    enumerable: true,
+    get: function () { return react.Stack; }
+});
+Object.defineProperty(exports, 'Stat', {
+    enumerable: true,
+    get: function () { return react.Stat; }
+});
+Object.defineProperty(exports, 'Stepper', {
+    enumerable: true,
+    get: function () { return react.Stepper; }
+});
+Object.defineProperty(exports, 'Table', {
+    enumerable: true,
+    get: function () { return react.Table; }
+});
+Object.defineProperty(exports, 'Tabs', {
+    enumerable: true,
+    get: function () { return react.Tabs; }
+});
+Object.defineProperty(exports, 'Testimonial', {
+    enumerable: true,
+    get: function () { return react.Testimonial; }
+});
+Object.defineProperty(exports, 'Textarea', {
+    enumerable: true,
+    get: function () { return react.Textarea; }
+});
+Object.defineProperty(exports, 'TimePicker', {
+    enumerable: true,
+    get: function () { return react.TimePicker; }
+});
+Object.defineProperty(exports, 'Timeline', {
+    enumerable: true,
+    get: function () { return react.Timeline; }
+});
+Object.defineProperty(exports, 'Toast', {
+    enumerable: true,
+    get: function () { return react.Toast; }
+});
+Object.defineProperty(exports, 'Toggle', {
+    enumerable: true,
+    get: function () { return react.Toggle; }
+});
+Object.defineProperty(exports, 'Toolbar', {
+    enumerable: true,
+    get: function () { return react.Toolbar; }
+});
+Object.defineProperty(exports, 'Tooltip', {
+    enumerable: true,
+    get: function () { return react.Tooltip; }
+});
+Object.defineProperty(exports, 'TopBanner', {
+    enumerable: true,
+    get: function () { return react.TopBanner; }
+});
+Object.defineProperty(exports, 'Tutorial', {
+    enumerable: true,
+    get: function () { return react.Tutorial; }
+});
+Object.defineProperty(exports, 'TwoFactor', {
+    enumerable: true,
+    get: function () { return react.TwoFactor; }
+});
+Object.defineProperty(exports, 'VideoPlayer', {
+    enumerable: true,
+    get: function () { return react.VideoPlayer; }
+});
+Object.defineProperty(exports, 'YouTubePlayer', {
+    enumerable: true,
+    get: function () { return react.YouTubePlayer; }
+});
+Object.defineProperty(exports, 'useContextMenu', {
+    enumerable: true,
+    get: function () { return react.useContextMenu; }
+});
 exports.DEFAULT_LICENSE_MESSAGE_TYPES = DEFAULT_LICENSE_MESSAGE_TYPES;
 exports.DonationBadge = DonationBadge;
 exports.FigmaContainer = FigmaContainer;
@@ -1316,6 +1933,8 @@ exports.FigmaToastProvider = FigmaToastProvider;
 exports.FormWithSubmit = FormWithSubmit;
 exports.InteractionFeedback = InteractionFeedback;
 exports.LanguageSelector = LanguageSelector;
+exports.LicenseOffer = LicenseOffer;
+exports.LicenseStatusCard = LicenseStatusCard;
 exports.LogoDropdown = LogoDropdown;
 exports.PageLicense = PageLicense;
 exports.PaymentBadge = PaymentBadge;