@designbasekorea/figma-ui 0.1.43 → 0.1.45

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 import React, { useRef, useEffect, useState } from 'react';
-import { HeartFilledIcon, CoffeeFilledIcon, AppWindowIcon, YoutubeIcon, InstagramIcon, FigmaIcon, MailIcon, ExternalLinkIcon, StarIcon, KeyIcon, MoreHorizontalIcon, CloseIcon, CircleCheckFilledIcon, ExpandIcon, GripVerticalIcon } from '@designbasekorea/icons';
-import { SplitView, Button, Toggle, Logo, Spinner, Badge, Input, SegmentControl, Modal, Progressbar } from '@designbasekorea/ui';
+import { HeartFilledIcon, CoffeeFilledIcon, StarIcon, KeyIcon, MoreHorizontalIcon, ExternalLinkIcon, CloseIcon, CircleCheckFilledIcon, ExpandIcon, GripVerticalIcon } from '@designbasekorea/icons';
+import { SplitView, Button, Toggle, Spinner, Badge, Input, SegmentControl, Modal, Progressbar } from '@designbasekorea/ui';
 export * from '@designbasekorea/ui';
 
 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}
@@ -294,70 +294,6 @@ const FigmaSidebar = ({ categories, categoryGroups = {}, categoryLabels = {}, ac
 };
 FigmaSidebar.displayName = 'FigmaSidebar';
 
-const defaultLinks = [
-    {
-        name: 'officialWebsite',
-        url: 'https://designbase.co.kr',
-        icon: React.createElement(AppWindowIcon, { size: 20 }),
-    },
-    {
-        name: 'youtube',
-        url: 'https://youtube.com/designbase',
-        icon: React.createElement(YoutubeIcon, { size: 20 }),
-    },
-    {
-        name: 'instagram',
-        url: 'https://instagram.com/designbase',
-        icon: React.createElement(InstagramIcon, { size: 20 }),
-    },
-    {
-        name: 'figmaCommunity',
-        url: 'https://www.figma.com/@designbasekorea',
-        icon: React.createElement(FigmaIcon, { size: 20 }),
-    },
-    {
-        name: 'contact',
-        url: 'mailto:designbasekorea@gmail.com',
-        icon: React.createElement(MailIcon, { size: 20 }),
-    },
-];
-const defaultTranslations$1 = {
-    officialWebsite: '공식 웹사이트',
-    youtube: '유튜브',
-    instagram: '인스타그램',
-    figmaCommunity: '피그마 커뮤니티',
-    contact: '문의하기',
-};
-const defaultT$1 = (key) => defaultTranslations$1[key] || key;
-const LogoDropdown = ({ logoSrc, logoAlt = 'DesignBase', logoType = 'designbase', logoSize = 'xs', links = defaultLinks, position = 'top-left', className, t = defaultT$1, }) => {
-    const [isOpen, setIsOpen] = useState(false);
-    const toggleDropdown = () => setIsOpen(!isOpen);
-    const handleLinkClick = (url) => {
-        if (url.startsWith('mailto:')) {
-            return;
-        }
-        window.open(url, '_blank', 'noopener,noreferrer');
-    };
-    const classes = clsx('designbase-figma-logo-dropdown', `designbase-figma-logo-dropdown--${position}`, {
-        'designbase-figma-logo-dropdown--open': isOpen,
-    }, className);
-    const renderLogo = () => {
-        if (logoSrc) {
-            return (React.createElement("img", { className: "designbase-figma-logo-dropdown__logo", src: logoSrc, alt: logoAlt, onClick: toggleDropdown }));
-        }
-        return (React.createElement("div", { className: "designbase-figma-logo-dropdown__logo", onClick: toggleDropdown },
-            React.createElement(Logo, { type: logoType, size: logoSize, variant: "default" })));
-    };
-    return (React.createElement("div", { className: classes },
-        renderLogo(),
-        isOpen && (React.createElement("ul", { className: "designbase-figma-logo-dropdown__menu" }, links.map((link, index) => (React.createElement("li", { key: index, className: "designbase-figma-logo-dropdown__item" },
-            React.createElement("button", { type: "button", className: "designbase-figma-logo-dropdown__link", onClick: () => handleLinkClick(link.url) },
-                link.icon && (React.createElement("span", { className: "designbase-figma-logo-dropdown__icon" }, link.icon)),
-                React.createElement("span", { className: "designbase-figma-logo-dropdown__text" }, t(link.name)),
-                React.createElement(ExternalLinkIcon, { size: 16, className: "designbase-figma-logo-dropdown__arrow" })))))))));
-};
-LogoDropdown.displayName = 'LogoDropdown';
-
 const PaymentBadge = ({ isActive, onClick, isLoading = false, text, t = (key) => key, className, }) => {
     const getBadgeText = () => {
         if (text)
@@ -397,7 +333,7 @@ const defaultTranslations = {
     donationPrompt: '이 플러그인이 유용했나요?',
 };
 const defaultT = (key) => defaultTranslations[key] || key;
-const FigmaFooter = ({ logoSrc, logoAlt = 'DesignBase', logoType = 'designbase', logoSize = 'xs', logoLinks, onLicensePageClick, paymentStatus = 'FREE', usageCount = 0, isLoading = false, showPaymentStatus = true, maxDailyUsage = 20, showDonation = true, donationUrl = 'https://buymeacoffee.com/designbase', donationText = 'Buy me a coffee', showDonationText = true, donationPromptText, showLanguageSelector = false, currentLanguage = 'ko', languages, onLanguageChange, className, t = defaultT, children, }) => {
+const FigmaFooter = ({ onLicensePageClick, paymentStatus = 'FREE', usageCount = 0, isLoading = false, showPaymentStatus = true, maxDailyUsage = 20, showDonation = true, donationUrl = 'https://buymeacoffee.com/designbase', donationText = 'Buy me a coffee', showDonationText = true, donationPromptText, showLanguageSelector = false, currentLanguage = 'ko', languages, onLanguageChange, className, t = defaultT, children, }) => {
     const isActive = paymentStatus === 'PAID';
     const hasChildren = React.Children.count(children) > 0;
     const classes = clsx('designbase-figma-footer', {
@@ -405,9 +341,7 @@ const FigmaFooter = ({ logoSrc, logoAlt = 'DesignBase', logoType = 'designbase',
     }, className);
     return (React.createElement("footer", { className: classes },
         React.createElement("div", { className: "designbase-figma-footer__wrap" },
-            React.createElement("div", { className: "designbase-figma-footer__left" },
-                React.createElement(LogoDropdown, { logoSrc: logoSrc, logoAlt: logoAlt, logoType: logoType, logoSize: logoSize, links: logoLinks, position: "top-left", t: t }),
-                showLanguageSelector && (React.createElement(LanguageSelector, { currentLanguage: currentLanguage, languages: languages, onLanguageChange: onLanguageChange, size: "s" }))),
+            React.createElement("div", { className: "designbase-figma-footer__left" }, showLanguageSelector && (React.createElement(LanguageSelector, { currentLanguage: currentLanguage, languages: languages, onLanguageChange: onLanguageChange, size: "s" }))),
             showPaymentStatus && (React.createElement("div", { className: "designbase-figma-footer__payment-states" },
                 !isLoading && (React.createElement("div", { className: "designbase-figma-footer__usage-info" }, isActive ? (React.createElement("span", { className: "designbase-figma-footer__unlimited-usage" }, t('unlimitedUsage'))) : (React.createElement(React.Fragment, null,
                     React.createElement("span", { className: "designbase-figma-footer__usage-count" }, usageCount),
@@ -466,31 +400,6 @@ const InteractionFeedback = ({ status = 'default', message, statusMessage, leftC
 };
 InteractionFeedback.displayName = 'InteractionFeedback';
 
-const PaymentStatusSection = ({ status, usageCount, activationLimit, activationUsage, licenseKey, onDeactivate, isDeactivating = false, showDetails = false, className, t }) => {
-    const remainingActivations = activationLimit - activationUsage;
-    return (React.createElement("div", { className: `designbase-figma-payment-status ${className || ''}` },
-        React.createElement("div", { className: "designbase-figma-payment-status__license-key" },
-            resolveText(t, { key: 'payment.license_key_label' }, '라이선스 키'),
-            ": ",
-            React.createElement("span", null, licenseKey)),
-        showDetails && (React.createElement("div", { className: "designbase-figma-payment-status__details" },
-            React.createElement("div", { className: "designbase-figma-payment-status__activation-info" },
-                React.createElement("div", { className: "designbase-figma-payment-status__remaining" },
-                    remainingActivations,
-                    " ",
-                    resolveText(t, { key: 'payment.activations_remaining' }, '활성'),
-                    " ",
-                    resolveText(t, { key: 'payment.spots_remaining' }, '자리 남음')),
-                React.createElement("div", { className: "designbase-figma-payment-status__usage" },
-                    activationUsage,
-                    "/",
-                    activationLimit)),
-            React.createElement(Button, { onClick: onDeactivate, variant: "tertiary", size: "s", disabled: isDeactivating }, isDeactivating
-                ? resolveText(t, { key: 'payment.deactivating' }, '비활성화중...')
-                : resolveText(t, { key: 'payment.deactivate_license' }, '라이선스 비활성화'))))));
-};
-PaymentStatusSection.displayName = 'PaymentStatusSection';
-
 const defaultFeatures = [
     { name: '사용 제한', free: '일일 제한', pro: '무제한' },
     { name: '모든 주제 사용', free: false, pro: true },
@@ -553,7 +462,7 @@ const PricingComparison = ({ features = defaultFeatures, pricing = defaultPricin
 };
 PricingComparison.displayName = 'PricingComparison';
 
-const PageLicense = ({ status: initialStatus, onClose, usageCount: initialUsageCount = 0, onLicenseSubmit, licenseKey: initialLicenseKey = '', setPaymentStatus, setUsageCount, setShowLicensePage, paymentPageUrl, t = (key) => key, className, }) => {
+const PageLicense = ({ status: initialStatus, onClose, usageCount: initialUsageCount = 0, onLicenseSubmit, licenseKey: initialLicenseKey = '', setPaymentStatus, setUsageCount, setShowLicensePage, paymentPageUrl, t, className, }) => {
     const [isSubmitting, setIsSubmitting] = useState(false);
     const [isDeactivating, setIsDeactivating] = useState(false);
     const [licenseKey, setLicenseKey] = useState(initialLicenseKey);
@@ -635,33 +544,74 @@ const PageLicense = ({ status: initialStatus, onClose, usageCount: initialUsageC
             React.createElement("div", { className: "designbase-figma-page-license__header" },
                 React.createElement("div", { className: "designbase-figma-page-license__title" },
                     isPaid ? React.createElement(StarIcon, { size: 24 }) : React.createElement(KeyIcon, { size: 24 }),
-                    React.createElement("h2", null, isPaid ? t('proAccount') || '프로 계정' : t('upgradeToPro') || '프로로 업그레이드')),
+                    React.createElement("h2", null, isPaid ? resolveText(t, { key: 'license.pro_account' }, '프로 계정') : resolveText(t, { key: 'license.upgrade_to_pro' }, '프로로 업그레이드'))),
                 React.createElement("p", { className: "designbase-figma-page-license__description" }, isPaid
-                    ? t('allFeaturesAvailable') || '모든 기능을 사용할 수 있습니다.'
-                    : t('purchaseForUnlimited') || '라이선스 구매 후 무제한 접근이 가능합니다.')),
+                    ? resolveText(t, { key: 'license.all_features_available' }, '모든 기능을 사용할 수 있습니다.')
+                    : resolveText(t, { key: 'license.purchase_for_unlimited' }, '라이선스 구매 후 무제한 접근이 가능합니다.'))),
             React.createElement(PricingComparison, { t: t }),
             isPaid && (React.createElement("div", { className: "designbase-figma-page-license__section" },
                 React.createElement("div", { className: "designbase-figma-page-license__section-header" },
-                    React.createElement("h3", null, t('licenseActivated') || '라이선스 활성화됨'),
+                    React.createElement("h3", null, resolveText(t, { key: 'license.activated' }, '라이선스 활성화됨')),
                     React.createElement(Button, { onClick: () => setShowDetails(!showDetails), variant: "tertiary", size: "s", iconOnly: true },
                         React.createElement(MoreHorizontalIcon, { size: 16 }))),
-                React.createElement(PaymentStatusSection, { status: status, usageCount: usageCount, activationLimit: activationLimit, activationUsage: activationUsage, licenseKey: licenseKey, onDeactivate: handleDeactivateLicense, isDeactivating: isDeactivating, showDetails: showDetails }))),
-            React.createElement("div", { className: "designbase-figma-page-license__section" },
+                React.createElement("div", { className: "designbase-figma-page-license__license-key" },
+                    resolveText(t, { key: 'license.key_label' }, '라이선스 키'),
+                    ": ",
+                    React.createElement("span", null, licenseKey)),
+                showDetails && (React.createElement("div", { className: "designbase-figma-page-license__details" },
+                    React.createElement("div", { className: "designbase-figma-page-license__activation-info" },
+                        React.createElement("div", { className: "designbase-figma-page-license__remaining" },
+                            activationLimit - activationUsage,
+                            " ",
+                            resolveText(t, { key: 'license.activations_remaining' }, '활성'),
+                            " ",
+                            resolveText(t, { key: 'license.spots_remaining' }, '자리 남음')),
+                        React.createElement("div", { className: "designbase-figma-page-license__usage" },
+                            activationUsage,
+                            "/",
+                            activationLimit)),
+                    React.createElement(Button, { onClick: handleDeactivateLicense, variant: "tertiary", size: "s", disabled: isDeactivating }, isDeactivating
+                        ? resolveText(t, { key: 'license.deactivating' }, '비활성화중...')
+                        : resolveText(t, { key: 'license.deactivate' }, '라이선스 비활성화')))))),
+            !isPaid && (React.createElement("div", { className: "designbase-figma-page-license__section" },
                 React.createElement("div", { className: "designbase-figma-page-license__section-header" },
-                    React.createElement("h3", null, t('enterLicenseKey') || '라이선스 키 입력'),
-                    !isPaid && paymentPageUrl && (React.createElement(Button, { onClick: () => window.open(paymentPageUrl, '_blank'), variant: "primary", size: "s" },
-                        React.createElement("span", null, t('purchaseLicense') || '라이선스 구매'),
+                    React.createElement("h3", null, resolveText(t, { key: 'license.enter_key' }, '라이선스 키 입력')),
+                    paymentPageUrl && (React.createElement(Button, { onClick: () => window.open(paymentPageUrl, '_blank'), variant: "primary", size: "s" },
+                        React.createElement("span", null, resolveText(t, { key: 'license.purchase' }, '라이선스 구매')),
                         React.createElement(ExternalLinkIcon, { size: 16 })))),
-                React.createElement(FormWithSubmit, { onLicenseSubmit: handleLicenseSubmit, disabled: false, isSubmitting: isSubmitting, value: licenseKey, onValueChange: setLicenseKey, label: t('licenseKey') || 'License Key', submitText: t('submit') || 'Submit', submittingText: t('verifying') || 'Verifying...' }),
-                React.createElement("p", { className: "designbase-figma-page-license__disclaimer" }, isPaid
-                    ? t('licenseActivatedSuccess') || '라이선스가 성공적으로 활성화되었습니다.'
-                    : t('enterLicenseFromEmail') || '구독 후 이메일로 받은 라이선스 키를 입력하세요.'))),
+                React.createElement(FormWithSubmit, { onLicenseSubmit: handleLicenseSubmit, disabled: false, isSubmitting: isSubmitting, value: licenseKey, onValueChange: setLicenseKey, label: { key: 'license.key' }, submitText: { key: 'license.submit' }, submittingText: { key: 'license.verifying' }, t: t }),
+                React.createElement("p", { className: "designbase-figma-page-license__disclaimer" }, resolveText(t, { key: 'license.enter_from_email' }, '구독 후 이메일로 받은 라이선스 키를 입력하세요.'))))),
         React.createElement(Button, { className: "designbase-figma-page-license__close", onPress: onClose, variant: "tertiary", size: "s", "aria-label": "Close" },
             React.createElement(CloseIcon, { size: 20 }))));
 };
 PageLicense.displayName = 'PageLicense';
 
-const ProgressModal = ({ isOpen, onClose, progress, title = '작업 중', completedMessage = '완료되었습니다', processingMessage = '처리 중...', stopButtonText = '중지', confirmButtonText = '확인', helpText, onStop, onComplete, loadingIcon, completeIcon, className, }) => {
+const PaymentStatusSection = ({ status, usageCount, activationLimit, activationUsage, licenseKey, onDeactivate, isDeactivating = false, showDetails = false, className, t }) => {
+    const remainingActivations = activationLimit - activationUsage;
+    return (React.createElement("div", { className: `designbase-figma-payment-status ${className || ''}` },
+        React.createElement("div", { className: "designbase-figma-payment-status__license-key" },
+            resolveText(t, { key: 'payment.license_key_label' }, '라이선스 키'),
+            ": ",
+            React.createElement("span", null, licenseKey)),
+        showDetails && (React.createElement("div", { className: "designbase-figma-payment-status__details" },
+            React.createElement("div", { className: "designbase-figma-payment-status__activation-info" },
+                React.createElement("div", { className: "designbase-figma-payment-status__remaining" },
+                    remainingActivations,
+                    " ",
+                    resolveText(t, { key: 'payment.activations_remaining' }, '활성'),
+                    " ",
+                    resolveText(t, { key: 'payment.spots_remaining' }, '자리 남음')),
+                React.createElement("div", { className: "designbase-figma-payment-status__usage" },
+                    activationUsage,
+                    "/",
+                    activationLimit)),
+            React.createElement(Button, { onClick: onDeactivate, variant: "tertiary", size: "s", disabled: isDeactivating }, isDeactivating
+                ? resolveText(t, { key: 'payment.deactivating' }, '비활성화중...')
+                : resolveText(t, { key: 'payment.deactivate_license' }, '라이선스 비활성화'))))));
+};
+PaymentStatusSection.displayName = 'PaymentStatusSection';
+
+const ProgressModal = ({ isOpen, onClose, progress, title = { key: 'progress.working' }, completedMessage = { key: 'progress.completed' }, processingMessage = { key: 'progress.processing' }, stopButtonText = { key: 'progress.stop' }, confirmButtonText = { key: 'progress.confirm' }, helpText, onStop, onComplete, loadingIcon, completeIcon, className, t }) => {
     const [isCompleted, setIsCompleted] = useState(false);
     const { processedNodes, totalNodes } = progress;
     const progressPercentage = totalNodes > 0 ? (processedNodes / totalNodes) * 100 : 0;
@@ -682,20 +632,25 @@ const ProgressModal = ({ isOpen, onClose, progress, title = '작업 중', comple
         onClose();
     };
     const modalClasses = clsx('designbase-figma-progress-modal', className);
-    return (React.createElement(Modal, { isOpen: isOpen, onClose: isCompleted ? onClose : undefined, title: isCompleted ? completedMessage : title, size: "s", className: modalClasses, showCloseButton: false },
+    const displayTitle = resolveText(t, isCompleted ? completedMessage : title, isCompleted ? '완료되었습니다' : '작업 중');
+    const displayMessage = resolveText(t, isCompleted ? completedMessage : processingMessage, isCompleted ? '완료되었습니다' : '처리 중...');
+    const displayStopText = resolveText(t, stopButtonText, '중지');
+    const displayConfirmText = resolveText(t, confirmButtonText, '확인');
+    const displayHelpText = resolveText(t, helpText);
+    return (React.createElement(Modal, { isOpen: isOpen, onClose: isCompleted ? onClose : undefined, title: displayTitle, size: "s", className: modalClasses, showCloseButton: false },
         React.createElement("div", { className: "designbase-figma-progress-modal__content" },
             React.createElement("div", { className: "designbase-figma-progress-modal__icon", "aria-hidden": "true" }, isCompleted ? (completeIcon || (React.createElement("div", { className: "designbase-figma-progress-modal__icon-success" },
                 React.createElement(CircleCheckFilledIcon, null)))) : (loadingIcon || (React.createElement("div", { className: "designbase-figma-progress-modal__icon-loading" },
                 React.createElement(Spinner, { size: "m" }))))),
-            React.createElement("p", { className: "designbase-figma-progress-modal__message" }, isCompleted ? completedMessage : processingMessage),
+            React.createElement("p", { className: "designbase-figma-progress-modal__message" }, displayMessage),
             React.createElement("div", { className: "designbase-figma-progress-modal__status" }, `${processedNodes} / ${totalNodes} (${progressPercentage.toFixed(1)}%)`),
             React.createElement(Progressbar, { value: progressPercentage, size: "m", variant: isCompleted ? 'success' : 'primary', style: "animated", fullWidth: true }),
-            helpText && !isCompleted && (React.createElement("p", { className: "designbase-figma-progress-modal__help-text" }, helpText)),
-            React.createElement("div", { className: "designbase-figma-progress-modal__actions" }, isCompleted ? (React.createElement(Button, { onPress: onClose, variant: "primary", size: "m", fullWidth: true }, confirmButtonText)) : (React.createElement(Button, { onPress: handleStop, variant: "secondary", size: "m", fullWidth: true }, stopButtonText))))));
+            displayHelpText && !isCompleted && (React.createElement("p", { className: "designbase-figma-progress-modal__help-text" }, displayHelpText)),
+            React.createElement("div", { className: "designbase-figma-progress-modal__actions" }, isCompleted ? (React.createElement(Button, { onPress: onClose, variant: "primary", size: "m", fullWidth: true }, displayConfirmText)) : (React.createElement(Button, { onPress: handleStop, variant: "secondary", size: "m", fullWidth: true }, displayStopText))))));
 };
 ProgressModal.displayName = 'ProgressModal';
 
-const ResizablePlugin = ({ children, minWidth = 360, maxWidth = 460, minHeight = 440, maxHeight = 700, icon, className, }) => {
+const ResizablePlugin = ({ children, minWidth = 360, maxWidth = 460, minHeight = 440, maxHeight = 700, icon, ariaLabel = { key: 'plugin.resize' }, className, t }) => {
     const [isResizing, setIsResizing] = useState(false);
     const resizeHandleRef = useRef(null);
     useEffect(() => {
@@ -731,11 +686,11 @@ const ResizablePlugin = ({ children, minWidth = 360, maxWidth = 460, minHeight =
         React.createElement("div", { ref: resizeHandleRef, className: `designbase-figma-resizable-plugin__handle ${isResizing ? 'resizing' : ''}`, onMouseDown: (e) => {
                 e.preventDefault();
                 setIsResizing(true);
-            }, role: "button", tabIndex: 0, "aria-label": "Resize plugin" }, icon || React.createElement(ExpandIcon, { size: 12 }))));
+            }, role: "button", tabIndex: 0, "aria-label": resolveText(t, ariaLabel, 'Resize plugin') }, icon || React.createElement(ExpandIcon, { size: 12 }))));
 };
 ResizablePlugin.displayName = 'ResizablePlugin';
 
-const SettingsModal = ({ isOpen, onClose, categories: initialCategories, categoryGroups, onSave, onReset, title = '목록 변경', description = '드래그하여 순서를 변경하거나, 토글하여 카테고리를 숨길 수 있습니다.', className, }) => {
+const SettingsModal = ({ isOpen, onClose, categories: initialCategories, categoryGroups, onSave, onReset, title = { key: 'settings.modal_title' }, description = { key: 'settings.modal_description' }, className, t }) => {
     const [tempCategories, setTempCategories] = useState(initialCategories);
     const [draggedIndex, setDraggedIndex] = useState(null);
     useEffect(() => {
@@ -828,9 +783,11 @@ const SettingsModal = ({ isOpen, onClose, categories: initialCategories, categor
         }
     };
     const modalClasses = clsx('designbase-figma-settings-modal', className);
-    return (React.createElement(Modal, { isOpen: isOpen, onClose: onClose, title: title, size: "m", className: modalClasses },
+    const displayTitle = resolveText(t, title, '목록 변경');
+    const displayDescription = resolveText(t, description, '드래그하여 순서를 변경하거나, 토글하여 카테고리를 숨길 수 있습니다.');
+    return (React.createElement(Modal, { isOpen: isOpen, onClose: onClose, title: displayTitle, size: "m", className: modalClasses },
         React.createElement("div", { className: "designbase-figma-settings-modal__content" },
-            description && (React.createElement("p", { className: "designbase-figma-settings-modal__description" }, description)),
+            displayDescription && (React.createElement("p", { className: "designbase-figma-settings-modal__description" }, displayDescription)),
             React.createElement("ul", { className: "designbase-figma-settings-modal__list" }, tempCategories.map((category, index) => (React.createElement("li", { key: category.id, draggable: true, onDragStart: (e) => handleDragStart(e, index), onDragOver: handleDragOver, onDrop: (e) => handleDrop(e, index), onDragEnd: handleDragEnd, className: clsx('designbase-figma-settings-modal__item', {
                     'designbase-figma-settings-modal__item--disabled': !category.enabled,
                     'designbase-figma-settings-modal__item--dragging': draggedIndex === index,
@@ -839,13 +796,13 @@ const SettingsModal = ({ isOpen, onClose, categories: initialCategories, categor
                     React.createElement("span", { className: "designbase-figma-settings-modal__drag-handle" },
                         React.createElement(GripVerticalIcon, { size: 16 })),
                     category.icon && (React.createElement("span", { className: "designbase-figma-settings-modal__category-icon" }, category.icon)),
-                    React.createElement("span", { className: "designbase-figma-settings-modal__category-title" }, category.title)),
+                    React.createElement("span", { className: "designbase-figma-settings-modal__category-title" }, resolveText(t, category.title))),
                 React.createElement(Toggle, { checked: category.enabled, onChange: () => handleToggle(category.id), size: "s" })))))),
         React.createElement("div", { className: "designbase-figma-settings-modal__footer" },
-            onReset && (React.createElement(Button, { onPress: handleReset, variant: "tertiary", size: "s" }, "\uCD08\uAE30\uD654")),
+            onReset && (React.createElement(Button, { onPress: handleReset, variant: "tertiary", size: "s" }, resolveText(t, { key: 'settings.reset' }, '초기화'))),
             React.createElement("div", { className: "designbase-figma-settings-modal__footer-right" },
-                React.createElement(Button, { onPress: handleCancel, variant: "tertiary", size: "s" }, "\uCDE8\uC18C"),
-                React.createElement(Button, { onPress: handleSave, variant: "primary", size: "s" }, "\uC800\uC7A5")))));
+                React.createElement(Button, { onPress: handleCancel, variant: "tertiary", size: "s" }, resolveText(t, { key: 'settings.cancel' }, '취소')),
+                React.createElement(Button, { onPress: handleSave, variant: "primary", size: "s" }, resolveText(t, { key: 'settings.save' }, '저장'))))));
 };
 SettingsModal.displayName = 'SettingsModal';
 
@@ -888,23 +845,5 @@ const UpgradeBanner = ({ onClick, isLoading = false, title = { key: 'banner.upgr
 };
 UpgradeBanner.displayName = 'UpgradeBanner';
 
-const LicenseManager = ({ licenseStatus, licenseKey = '', activationLimit = 3, activationUsage = 0, usageCount = 0, onLicenseActivate, onLicenseDeactivate, isActivating = false, isDeactivating = false, className, t }) => {
-    const [inputValue, setInputValue] = useState('');
-    const handleLicenseSubmit = async (submittedKey) => {
-        await onLicenseActivate(submittedKey);
-        setInputValue('');
-    };
-    const handleDeactivate = async () => {
-        await onLicenseDeactivate();
-    };
-    if (licenseStatus === 'ACTIVE' && licenseKey) {
-        return (React.createElement("div", { className: `designbase-figma-license-manager ${className || ''}` },
-            React.createElement(PaymentStatusSection, { status: "PAID", usageCount: usageCount, activationLimit: activationLimit, activationUsage: activationUsage, licenseKey: licenseKey, onDeactivate: handleDeactivate, isDeactivating: isDeactivating, showDetails: true, t: t })));
-    }
-    return (React.createElement("div", { className: `designbase-figma-license-manager ${className || ''}` },
-        React.createElement(FormWithSubmit, { onLicenseSubmit: handleLicenseSubmit, value: inputValue, onValueChange: setInputValue, isSubmitting: isActivating, disabled: false, t: t })));
-};
-LicenseManager.displayName = 'LicenseManager';
-
-export { DonationBadge, FigmaContainer, FigmaFooter, FigmaHeader, FigmaSection, FigmaSidebar, FormWithSubmit, InteractionFeedback, LanguageSelector, LicenseManager, LogoDropdown, PageLicense, PaymentBadge, PaymentStatusSection, PricingComparison, ProgressModal, ResizablePlugin, SettingsModal, TitleDescription, UpgradeBanner, getActiveSection, resolveText, scrollToSection };
+export { DonationBadge, FigmaContainer, FigmaFooter, FigmaHeader, FigmaSection, FigmaSidebar, FormWithSubmit, InteractionFeedback, LanguageSelector, PageLicense, PaymentBadge, PaymentStatusSection, PricingComparison, ProgressModal, ResizablePlugin, SettingsModal, TitleDescription, UpgradeBanner, getActiveSection, resolveText, scrollToSection };
 //# sourceMappingURL=index.esm.js.map