@designbasekorea/ui-contracts 0.1.2

package/dist/components.cjs

@@ -0,0 +1,441 @@
+"use strict";
+/**
+ * 컴포넌트별 API 계약.
+ *
+ * 웹(@designbasekorea/ui-wc)과 React Native(@designbasekorea/ui-native)가
+ * 공유하는 컴포넌트의 variant/size/type 값은 전부 여기서 나온다.
+ * 한쪽에만 있는 컴포넌트(db-code-block, db-animation-background 등)는
+ * 여기에 넣지 않는다 — 공유하지 않는 것을 계약에 넣으면 계약이 죽는다.
+ *
+ * 값을 바꾸면 양쪽 구현이 동시에 타입 에러를 낸다. 그게 이 파일의 목적이다.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PROGRESS_BAR_SIZES = exports.PROGRESS_BAR_VARIANTS = exports.SKELETON_SIZES = exports.SKELETON_VARIANTS = exports.SEARCH_BAR_RECENT_LAYOUTS = exports.SEARCH_BAR_SIZES = exports.BOTTOM_NAV_BACKGROUNDS = exports.BOTTOM_NAV_SIZES = exports.NAVIGATION_RAIL_LABEL_DISPLAYS = exports.NAVIGATION_RAIL_SIZES = exports.NAVBAR_POSITIONS = exports.NAVBAR_SIZES = exports.NAVBAR_VARIANTS = exports.SELECT_POSITIONS = exports.SELECT_SIZES = exports.TABS_ORIENTATIONS = exports.TABS_SIZES = exports.TABS_VARIANTS = exports.BOTTOM_SHEET_ANIMATIONS = exports.BOTTOM_SHEET_VARIANTS = exports.MODAL_SIZES = exports.TOAST_POSITIONS = exports.TOAST_VARIANTS = exports.ALERT_SIZES = exports.ALERT_VARIANTS = exports.RADIO_SIZES = exports.CHECKBOX_SIZES = exports.TOGGLE_VARIANTS = exports.TOGGLE_SIZES = exports.SPINNER_TYPES = exports.SPINNER_SIZES = exports.DIVIDER_ORIENTATIONS = exports.DIVIDER_COLORS = exports.CHIP_SIZES = exports.CHIP_VARIANTS = exports.AVATAR_STATUSES = exports.AVATAR_VARIANTS = exports.AVATAR_SIZES = exports.BADGE_TYPES = exports.BADGE_SIZES = exports.BADGE_VARIANTS = exports.CARD_SIZES = exports.CARD_VARIANTS = exports.INPUT_TYPES = exports.INPUT_SIZES = exports.BUTTON_ACCENT_STYLES = exports.BUTTON_RADII = exports.BUTTON_SIZES = exports.BUTTON_VARIANT_ALIASES = exports.BUTTON_VARIANTS = void 0;
+exports.INDICATOR_TYPES = exports.FOOTER_SIZES = exports.FOOTER_VARIANTS = exports.FLOATING_ACTION_BUTTON_VARIANTS = exports.FLOATING_ACTION_BUTTON_SIZES = exports.FILE_UPLOADER_VARIANTS = exports.FILE_UPLOADER_SIZES = exports.EMAIL_VERIFY_SIZES = exports.DROPZONE_VARIANTS = exports.DROPZONE_SIZES = exports.DROPDOWN_TRIGGER_VARIANTS = exports.DROPDOWN_PLACEMENTS = exports.DROPDOWN_SIZES = exports.DRAWER_SIZES = exports.DRAWER_POSITIONS = exports.DOWNLOAD_PROGRESS_POSITIONS = exports.DOWNLOAD_PROGRESS_STATUSES = exports.DATE_PICKER_VARIANTS = exports.DATE_PICKER_SIZES = exports.CONTAINER_PADDINGS = exports.CONTAINER_SIZES = exports.CHAT_WIDGET_POSITIONS = exports.CHAT_WIDGET_VIEWS = exports.CHAT_WELCOME_ALIGNS = exports.CHAT_ORB_THEMES = exports.CHAT_ORB_STATES = exports.CHAT_ORB_VARIANTS = exports.CHAT_ORB_SIZES = exports.AI_GLOW_SIZES = exports.AI_GLOW_STATES = exports.AI_GLOW_VARIANTS = exports.CHAT_MESSAGE_ROLES = exports.ACTIVITY_HEATMAP_COLOR_SCHEMES = exports.ACTIVITY_HEATMAP_SIZES = exports.KANBAN_SIZES = exports.PAGINATION_SIZES = exports.PAGINATION_VARIANTS = exports.MENU_ITEM_SIZES = exports.MENU_ITEM_VARIANTS = exports.LOGO_SIZES = exports.LOGO_VARIANTS = exports.EMPTY_STATE_SIZES = exports.EMPTY_STATE_VARIANTS = exports.BREADCRUMBS_SIZES = exports.BREADCRUMBS_VARIANTS = exports.BANNER_SIZES = exports.BANNER_VARIANTS = exports.ACCORDION_SIZES = exports.ACCORDION_VARIANTS = exports.PROGRESS_BAR_STYLES = void 0;
+exports.CONFIRM_VARIANTS = exports.COLOR_SWATCH_SIZES = exports.COLOR_PICKER_POSITIONS = exports.COLOR_PICKER_SIZES = exports.CAROUSEL_SIZES = exports.CAROUSEL_VARIANTS = exports.AUDIO_PLAYER_SIZES = exports.AUDIO_PLAYER_VARIANTS = exports.APP_BADGE_SIZES = exports.ANIMATION_TEXT_ALIGNS = exports.ANIMATION_TEXT_SIZES = exports.AD_BANNER_SIZES = exports.AD_BANNER_VARIANTS = exports.TWO_FACTOR_SIZES = exports.TOP_BANNER_VARIANTS = exports.TOOLTIP_VARIANTS = exports.TOOLTIP_SIZES = exports.TOOLTIP_POSITIONS = exports.TIME_PICKER_DROPDOWN_POSITIONS = exports.TIME_PICKER_FORMATS = exports.TIME_PICKER_SIZES = exports.TEXTAREA_SIZES = exports.TESTIMONIAL_VARIANTS = exports.TABLE_VARIANTS = exports.TABLE_SIZES = exports.STAT_COLORS = exports.STAT_LAYOUTS = exports.STAT_VARIANTS = exports.STAT_SIZES = exports.SIDEBAR_CUSTOM_NAV_SLOTS = exports.SIDEBAR_PANEL_MODES = exports.SIDEBAR_POSITIONS = exports.SIDEBAR_VARIANTS = exports.SIDEBAR_THEMES = exports.SIDEBAR_SIZES = exports.SECTION_SIZES = exports.PROGRESS_CIRCULAR_STYLES = exports.PROGRESS_VARIANTS = exports.PROGRESS_SIZES = exports.POPOVER_TRIGGERS = exports.POPOVER_VARIANTS = exports.POPOVER_SIZES = exports.POPOVER_PLACEMENTS = exports.PHONE_VERIFY_SIZES = exports.PAGE_HEADER_ALIGNS = exports.PAGE_HEADER_VARIANTS = exports.OTP_INPUT_SIZES = exports.LIGHTBOX_SIZES = exports.INDICATOR_DIRECTIONS = exports.INDICATOR_SIZES = void 0;
+exports.YOUTUBE_PLAYER_SIZES = exports.YOUTUBE_PLAYER_VARIANTS = exports.VIDEO_PLAYER_SIZES = exports.VIDEO_PLAYER_VARIANTS = exports.TOOLBAR_POSITIONS = exports.TOOLBAR_SIZES = exports.TOOLBAR_VARIANTS = exports.TIMELINE_SIZES = exports.TIMELINE_VARIANTS = exports.SIGNATURE_VARIANTS = exports.SHARE_POSITIONS = exports.SHARE_SIZES = exports.SHARE_VARIANTS = exports.SECTION_TESTIMONIALS_SIZES = exports.SECTION_TESTIMONIALS_VARIANTS = exports.SECTION_STATS_SIZES = exports.SECTION_PRICING_SIZES = exports.SECTION_LOGO_CLOUD_SIZES = exports.SECTION_LOGO_CLOUD_VARIANTS = exports.SECTION_HERO_VARIANTS = exports.SECTION_FEATURE_GRID_SIZES = exports.SECTION_FEATURE_SIZES = exports.SECTION_FAQ_SIZES = exports.SECTION_CTA_SIZES = exports.SECTION_CTA_VARIANTS = exports.SECTION_CONTACT_SIZES = exports.SECTION_APP_DOWNLOAD_SIZES = exports.SECTION_ALIGNS = exports.REORDER_SIZES = exports.REORDER_VARIANTS = exports.RATING_SIZES = exports.RATING_VARIANTS = exports.RANDOM_GRADIENT_TONES = exports.PROGRESS_STEP_SIZES = exports.MARQUEE_SIZES = exports.MARQUEE_VARIANTS = exports.MARKDOWN_EDITOR_SIZES = exports.MARKDOWN_EDITOR_VARIANTS = exports.LIST_SIZES = exports.LIST_VARIANTS = exports.LABEL_SIZES = exports.GRID_BACKGROUND_SIZES = exports.GRADIENT_SIZES = exports.GRADIENT_VARIANTS = exports.COUNTDOWN_SIZES = exports.COUNTDOWN_VARIANTS = exports.CONFIRM_SIZES = void 0;
+const primitives_js_1 = require("./primitives.cjs");
+// ─────────────────────────────────────────────────────────────
+// Button
+// ─────────────────────────────────────────────────────────────
+exports.BUTTON_VARIANTS = [
+    'primary',
+    'secondary',
+    'tertiary',
+    'destructive',
+    'ghost',
+    'accent',
+];
+/**
+ * 구 이름 → 현 이름. 버튼은 *동작*을 나타내므로 `destructive` 가 맞고,
+ * badge/chip/tooltip 등 *상태* 축은 `danger` 를 그대로 쓴다.
+ *
+ * 이미 배포된 `variant="danger"` 를 깨지 않기 위해 별칭을 남긴다.
+ * `coerceWithAliases` 가 이 표를 거쳐 정본 값으로 접는다.
+ */
+exports.BUTTON_VARIANT_ALIASES = {
+    danger: 'destructive',
+};
+exports.BUTTON_SIZES = primitives_js_1.SIZE_SML;
+exports.BUTTON_RADII = primitives_js_1.RADIUS_SCALE;
+/** accent variant 에서만 의미가 있다 */
+/**
+ * accent 버튼의 표현 방식.
+ *
+ * `primary` 가 먹색이 되면서 accent 가 브랜드 색을 쓰는 일상적인 버튼이 됐다.
+ * 그래서 기본은 `solid` 이고, 나머지는 의도적으로 고르는 장식이다.
+ * `prism` 은 테마의 프리즘 축(`--db-prism-*`)을 따르므로 프리셋을 바꾸면 함께 바뀐다.
+ */
+exports.BUTTON_ACCENT_STYLES = ['solid', 'gradient', 'backlight', 'outline', 'prism'];
+// ─────────────────────────────────────────────────────────────
+// Input
+// ─────────────────────────────────────────────────────────────
+exports.INPUT_SIZES = primitives_js_1.SIZE_SML;
+/**
+ * 웹의 <input type> 에 대응한다. RN 에는 type 개념이 없고 keyboardType /
+ * secureTextEntry / autoComplete 조합으로 매핑되므로, RN 구현체는 이 값을
+ * 받아 내부적으로 변환한다. 값 집합 자체는 공유해야 API 가 통일된다.
+ */
+exports.INPUT_TYPES = [
+    'text',
+    'email',
+    'password',
+    'url',
+    'search',
+    'tel',
+    'number',
+];
+// ─────────────────────────────────────────────────────────────
+// Card
+// ─────────────────────────────────────────────────────────────
+/**
+ * 웹 기준으로 확정. RN 에 있던 elevated/outlined/filled 는 제거한다.
+ * (웹 db-card.scss 가 default/flat 만 구현하고 있고, 그림자·테두리 변형은
+ *  현재 hoverable/clickable 같은 별도 modifier 로 처리된다)
+ */
+exports.CARD_VARIANTS = ['default', 'flat'];
+exports.CARD_SIZES = primitives_js_1.SIZE_SML;
+// ─────────────────────────────────────────────────────────────
+// Badge
+// ─────────────────────────────────────────────────────────────
+exports.BADGE_VARIANTS = [
+    'primary',
+    'secondary',
+    'info',
+    'success',
+    'warning',
+    'danger',
+];
+exports.BADGE_SIZES = primitives_js_1.SIZE_SML;
+/**
+ * 표시 형태. 웹은 이 축을 `style` 이라고 불렀지만 `type` 으로 통일한다.
+ * (`style` 은 RN 에서 사실상 예약어이고, 나머지 컴포넌트도 `type` 을 쓴다)
+ */
+exports.BADGE_TYPES = ['dot', 'number', 'text', 'outlined'];
+// ─────────────────────────────────────────────────────────────
+// Avatar
+// ─────────────────────────────────────────────────────────────
+exports.AVATAR_SIZES = primitives_js_1.SIZE_XS_2XL;
+exports.AVATAR_VARIANTS = [
+    'default',
+    'primary',
+    'success',
+    'warning',
+    'danger',
+    'info',
+];
+exports.AVATAR_STATUSES = ['online', 'offline', 'away', 'busy'];
+// ─────────────────────────────────────────────────────────────
+// Chip
+// ─────────────────────────────────────────────────────────────
+/**
+ * `outlined` 는 여기 없다. 색상 축(variant)과 테두리 축(outlined)이 섞여 있던 것을
+ * 분리했다 — outlined 는 별도 boolean prop 이며, 모든 색상과 조합 가능하다.
+ */
+exports.CHIP_VARIANTS = [
+    'default',
+    'primary',
+    'success',
+    'warning',
+    'danger',
+    'info',
+    'neutral',
+];
+exports.CHIP_SIZES = primitives_js_1.SIZE_SML;
+// ─────────────────────────────────────────────────────────────
+// Divider
+// ─────────────────────────────────────────────────────────────
+exports.DIVIDER_COLORS = [
+    'primary',
+    'secondary',
+    'success',
+    'warning',
+    'danger',
+    'muted',
+];
+exports.DIVIDER_ORIENTATIONS = ['horizontal', 'vertical'];
+// ─────────────────────────────────────────────────────────────
+// Spinner
+// ─────────────────────────────────────────────────────────────
+exports.SPINNER_SIZES = primitives_js_1.SIZE_XS_XL;
+/**
+ * RN 은 ActivityIndicator 가 circular 만 제공하므로 나머지는 직접 그려야 한다.
+ * 미구현 타입은 circular 로 폴백하되, 계약에서 빼지는 않는다.
+ */
+exports.SPINNER_TYPES = ['circular', 'dots', 'bars', 'pulse', 'ripple'];
+// ─────────────────────────────────────────────────────────────
+// Toggle / Checkbox / Radio
+// ─────────────────────────────────────────────────────────────
+exports.TOGGLE_SIZES = primitives_js_1.SIZE_SML;
+/** 선택 상태의 시각적 톤. neutral 은 브랜드 컬러 없이 배경 레이어로 선택을 표현한다. */
+exports.TOGGLE_VARIANTS = ['default', 'neutral'];
+exports.CHECKBOX_SIZES = primitives_js_1.SIZE_SML;
+exports.RADIO_SIZES = primitives_js_1.SIZE_SML;
+// ─────────────────────────────────────────────────────────────
+// Alert / Toast
+// ─────────────────────────────────────────────────────────────
+/** `error` 아님 — danger 로 통일했다. FEEDBACK_TONES 참고. */
+exports.ALERT_VARIANTS = ['default', ...primitives_js_1.FEEDBACK_TONES];
+exports.ALERT_SIZES = primitives_js_1.SIZE_SML;
+/**
+ * 웹은 이 축을 `status` attribute 로 불렀지만 `variant` 로 통일한다.
+ * 나머지 컴포넌트가 전부 variant 를 쓰는데 Toast 만 달랐다.
+ */
+exports.TOAST_VARIANTS = ['default', ...primitives_js_1.FEEDBACK_TONES];
+/**
+ * 웹 `toast()` 헬퍼가 이미 배포한 값 그대로다.
+ * RN 은 화면이 좁아 좌/중앙/우 차이가 작지만, 같은 이름을 받아야 코드가 옮겨진다.
+ */
+exports.TOAST_POSITIONS = [
+    'top-left',
+    'top-center',
+    'top-right',
+    'bottom-left',
+    'bottom-center',
+    'bottom-right',
+];
+// ─────────────────────────────────────────────────────────────
+// Modal / BottomSheet
+// ─────────────────────────────────────────────────────────────
+exports.MODAL_SIZES = ['s', 'm', 'l', 'xl', 'full'];
+exports.BOTTOM_SHEET_VARIANTS = [
+    'default',
+    'persistent',
+    'temporary',
+    'fullscreen',
+];
+exports.BOTTOM_SHEET_ANIMATIONS = ['slide', 'fade', 'scale', 'none'];
+// ─────────────────────────────────────────────────────────────
+// Tabs
+// ─────────────────────────────────────────────────────────────
+exports.TABS_VARIANTS = ['default', 'pills'];
+exports.TABS_SIZES = primitives_js_1.SIZE_SML;
+exports.TABS_ORIENTATIONS = ['horizontal', 'vertical'];
+// ─────────────────────────────────────────────────────────────
+// Select
+// ─────────────────────────────────────────────────────────────
+exports.SELECT_SIZES = primitives_js_1.SIZE_SML;
+/** 드롭다운이 트리거 위/아래 중 어디에 펼쳐지는지 */
+exports.SELECT_POSITIONS = ['bottom', 'top'];
+// ─────────────────────────────────────────────────────────────
+// Navbar / BottomNavigation
+// ─────────────────────────────────────────────────────────────
+exports.NAVBAR_VARIANTS = ['default', 'transparent'];
+exports.NAVBAR_SIZES = primitives_js_1.SIZE_SML;
+/**
+ * RN 에는 CSS position 개념이 없다. sticky/fixed 는 네이티브에서 동일하게
+ * "스크롤과 무관하게 상단 고정" 으로 해석되고, static 만 스크롤을 따라간다.
+ */
+exports.NAVBAR_POSITIONS = ['fixed', 'sticky', 'static'];
+exports.NAVIGATION_RAIL_SIZES = primitives_js_1.SIZE_SML;
+exports.NAVIGATION_RAIL_LABEL_DISPLAYS = ['tooltip', 'always'];
+exports.BOTTOM_NAV_SIZES = primitives_js_1.SIZE_SML;
+exports.BOTTOM_NAV_BACKGROUNDS = ['default', 'glass', 'transparent'];
+// ─────────────────────────────────────────────────────────────
+// SearchBar
+// ─────────────────────────────────────────────────────────────
+exports.SEARCH_BAR_SIZES = primitives_js_1.SIZE_SML;
+exports.SEARCH_BAR_RECENT_LAYOUTS = ['vertical', 'horizontal'];
+// ─────────────────────────────────────────────────────────────
+// Skeleton
+// ─────────────────────────────────────────────────────────────
+exports.SKELETON_VARIANTS = [
+    'text',
+    'circular',
+    'rectangular',
+    'rounded',
+];
+exports.SKELETON_SIZES = primitives_js_1.SIZE_XS_XL;
+// ─────────────────────────────────────────────────────────────
+// ProgressBar
+// ─────────────────────────────────────────────────────────────
+exports.PROGRESS_BAR_VARIANTS = ['default', 'primary', ...primitives_js_1.FEEDBACK_TONES];
+exports.PROGRESS_BAR_SIZES = primitives_js_1.SIZE_SML;
+exports.PROGRESS_BAR_STYLES = ['solid', 'striped', 'animated'];
+// ─────────────────────────────────────────────────────────────
+// 컴포넌트 로컬 enum 이관분
+//
+// 아래 상수들은 원래 각 ui-wc 컴포넌트 파일이 직접 선언하던 것이다.
+// 같은 값을 두 곳에서 선언하면 한쪽에 값이 추가될 때 다른 쪽이 조용히 뒤처지므로
+// 정본을 여기로 옮겼다. ui-native 는 필요한 것부터 이 상수를 채택한다.
+// ─────────────────────────────────────────────────────────────
+// db-accordion
+exports.ACCORDION_VARIANTS = ['default', 'bordered', 'separated', 'contained'];
+exports.ACCORDION_SIZES = primitives_js_1.SIZE_SML;
+// db-banner
+exports.BANNER_VARIANTS = ['primary', 'secondary', 'tertiary', 'outline', 'image'];
+exports.BANNER_SIZES = primitives_js_1.SIZE_SML;
+// db-breadcrumbs
+exports.BREADCRUMBS_VARIANTS = ['default', 'contained', 'underlined'];
+exports.BREADCRUMBS_SIZES = primitives_js_1.SIZE_SML;
+// db-empty-state
+exports.EMPTY_STATE_VARIANTS = ['no-data', 'no-results', 'no-access', 'error', 'onboarding'];
+exports.EMPTY_STATE_SIZES = primitives_js_1.SIZE_SML;
+// db-logo
+exports.LOGO_VARIANTS = ['default', 'original', 'primary', 'secondary', 'light', 'dark', 'white'];
+exports.LOGO_SIZES = ['xs', 's', 'm', 'l', 'xl'];
+// db-menu-item
+exports.MENU_ITEM_VARIANTS = ['default', 'primary', 'success', 'warning', 'danger', 'info'];
+exports.MENU_ITEM_SIZES = primitives_js_1.SIZE_SML;
+// db-pagination
+exports.PAGINATION_VARIANTS = ['default', 'outlined', 'minimal'];
+exports.PAGINATION_SIZES = primitives_js_1.SIZE_SML;
+// db-kanban
+exports.KANBAN_SIZES = primitives_js_1.SIZE_SML;
+// db-activity-heatmap
+exports.ACTIVITY_HEATMAP_SIZES = primitives_js_1.SIZE_SML;
+exports.ACTIVITY_HEATMAP_COLOR_SCHEMES = ['green', 'primary'];
+// db-chat-message
+exports.CHAT_MESSAGE_ROLES = ['user', 'assistant', 'system'];
+// db-ai-glow
+exports.AI_GLOW_VARIANTS = ['aurora', 'brand'];
+exports.AI_GLOW_STATES = ['thinking', 'working', 'listening'];
+exports.AI_GLOW_SIZES = primitives_js_1.SIZE_SML;
+// db-chat-orb
+exports.CHAT_ORB_SIZES = primitives_js_1.SIZE_XS_XL;
+exports.CHAT_ORB_VARIANTS = ['aurora', 'ocean', 'emerald', 'violet', 'mono'];
+exports.CHAT_ORB_STATES = ['idle', 'thinking', 'listening'];
+exports.CHAT_ORB_THEMES = ['auto', 'light', 'dark'];
+// db-chat-welcome
+exports.CHAT_WELCOME_ALIGNS = ['center', 'left'];
+// db-chat-widget
+exports.CHAT_WIDGET_VIEWS = ['home', 'messages', 'conversation', 'help', 'article'];
+exports.CHAT_WIDGET_POSITIONS = ['bottom-right', 'bottom-left'];
+// db-container
+exports.CONTAINER_SIZES = ['s', 'm', 'l', 'xl', 'full'];
+exports.CONTAINER_PADDINGS = ['none', 's', 'm', 'l', 'xl'];
+// db-date-picker
+exports.DATE_PICKER_SIZES = primitives_js_1.SIZE_SML;
+exports.DATE_PICKER_VARIANTS = ['default', 'outlined', 'filled'];
+// db-download-progress
+exports.DOWNLOAD_PROGRESS_STATUSES = ['downloading', 'paused', 'error', 'complete'];
+exports.DOWNLOAD_PROGRESS_POSITIONS = ['bottom-right', 'bottom-left', 'bottom-center', 'top-right', 'top-left', 'top-center'];
+// db-drawer
+exports.DRAWER_POSITIONS = ['left', 'right', 'top', 'bottom'];
+exports.DRAWER_SIZES = ['s', 'm', 'l', 'xl', 'full'];
+// db-dropdown
+exports.DROPDOWN_SIZES = primitives_js_1.SIZE_SML;
+exports.DROPDOWN_PLACEMENTS = ['bottom-left', 'bottom-right', 'top-left', 'top-right'];
+exports.DROPDOWN_TRIGGER_VARIANTS = ['primary', 'secondary', 'tertiary', 'danger', 'ghost'];
+// db-dropzone
+exports.DROPZONE_SIZES = primitives_js_1.SIZE_SML;
+exports.DROPZONE_VARIANTS = ['default', 'outlined', 'filled'];
+// db-email-verify
+exports.EMAIL_VERIFY_SIZES = primitives_js_1.SIZE_SML;
+// db-file-uploader
+exports.FILE_UPLOADER_SIZES = primitives_js_1.SIZE_SML;
+exports.FILE_UPLOADER_VARIANTS = ['default', 'outlined', 'filled'];
+// db-floating-action-button
+exports.FLOATING_ACTION_BUTTON_SIZES = primitives_js_1.SIZE_SML;
+exports.FLOATING_ACTION_BUTTON_VARIANTS = ['primary', 'secondary', 'tertiary'];
+// db-footer
+exports.FOOTER_VARIANTS = ['default', 'compact', 'minimal'];
+exports.FOOTER_SIZES = primitives_js_1.SIZE_SML;
+// db-indicator
+exports.INDICATOR_TYPES = ['dots', 'numbers', 'line', 'dot-line', 'slide', 'fill', 'combined'];
+exports.INDICATOR_SIZES = primitives_js_1.SIZE_SML;
+exports.INDICATOR_DIRECTIONS = ['horizontal', 'vertical'];
+// db-lightbox
+exports.LIGHTBOX_SIZES = ['s', 'm', 'l', 'xl'];
+// db-otp-input
+exports.OTP_INPUT_SIZES = primitives_js_1.SIZE_SML;
+// db-page-header
+exports.PAGE_HEADER_VARIANTS = ['default', 'minimal'];
+exports.PAGE_HEADER_ALIGNS = ['center', 'left'];
+// db-phone-verify
+exports.PHONE_VERIFY_SIZES = primitives_js_1.SIZE_SML;
+// db-popover
+exports.POPOVER_PLACEMENTS = ['top', 'bottom', 'left', 'right', 'top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-start', 'left-end', 'right-start', 'right-end'];
+exports.POPOVER_SIZES = primitives_js_1.SIZE_SML;
+exports.POPOVER_VARIANTS = ['default', 'primary', 'success', 'warning', 'danger', 'info'];
+exports.POPOVER_TRIGGERS = ['click', 'hover', 'focus', 'manual'];
+// db-progress
+exports.PROGRESS_SIZES = primitives_js_1.SIZE_SML;
+exports.PROGRESS_VARIANTS = ['default', 'success', 'warning', 'danger'];
+exports.PROGRESS_CIRCULAR_STYLES = ['default', 'minimal'];
+// db-section
+exports.SECTION_SIZES = primitives_js_1.SIZE_SML;
+// db-sidebar
+exports.SIDEBAR_SIZES = primitives_js_1.SIZE_SML;
+exports.SIDEBAR_THEMES = ['default', 'dark', 'light'];
+exports.SIDEBAR_VARIANTS = ['default', 'wrapper'];
+exports.SIDEBAR_POSITIONS = ['left', 'right'];
+exports.SIDEBAR_PANEL_MODES = ['auto', 'adjacent', 'replace'];
+exports.SIDEBAR_CUSTOM_NAV_SLOTS = ['nav-top', 'nav', 'nav-bottom'];
+// db-stat
+exports.STAT_SIZES = primitives_js_1.SIZE_SML;
+exports.STAT_VARIANTS = ['default', 'minimal', 'card', 'colored', 'iconBox'];
+exports.STAT_LAYOUTS = ['horizontal', 'vertical', 'reverse'];
+exports.STAT_COLORS = ['primary', 'secondary', 'success', 'warning', 'error', 'info', 'custom'];
+// db-table
+exports.TABLE_SIZES = primitives_js_1.SIZE_SML;
+exports.TABLE_VARIANTS = ['default', 'striped', 'hoverable'];
+// db-testimonial
+exports.TESTIMONIAL_VARIANTS = ['list', 'card', 'logo', 'image', 'text'];
+// db-textarea
+exports.TEXTAREA_SIZES = primitives_js_1.SIZE_SML;
+// db-time-picker
+exports.TIME_PICKER_SIZES = primitives_js_1.SIZE_SML;
+exports.TIME_PICKER_FORMATS = ['12h', '24h', '12h-with-seconds', '24h-with-seconds'];
+/** TimePicker 드롭다운의 기준점. auto는 뷰포트 공간에 맞춰 상·하/좌·우를 계산한다. */
+exports.TIME_PICKER_DROPDOWN_POSITIONS = [
+    'auto',
+    'bottom-start',
+    'bottom-end',
+    'top-start',
+    'top-end',
+];
+// db-tooltip
+exports.TOOLTIP_POSITIONS = ['top', 'bottom', 'left', 'right', 'top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-start', 'left-end', 'right-start', 'right-end'];
+exports.TOOLTIP_SIZES = primitives_js_1.SIZE_SML;
+exports.TOOLTIP_VARIANTS = ['default', 'primary', 'success', 'warning', 'danger', 'info'];
+// db-top-banner
+exports.TOP_BANNER_VARIANTS = ['primary', 'white', 'dark'];
+// db-two-factor
+exports.TWO_FACTOR_SIZES = primitives_js_1.SIZE_SML;
+// ─────────────────────────────────────────────────────────────
+// ui-wc 전용 컴포넌트 enum
+//
+// 웹 커스텀 엘리먼트도 attribute 를 통해 임의의 문자열을 받기 때문에,
+// 공개 허용값과 런타임 fallback 을 같은 계약으로 유지한다.
+// ─────────────────────────────────────────────────────────────
+exports.AD_BANNER_VARIANTS = ['primary', 'secondary', 'success', 'warning', 'error'];
+exports.AD_BANNER_SIZES = primitives_js_1.SIZE_SML;
+exports.ANIMATION_TEXT_SIZES = ['xs', 's', 'm', 'l', 'xl', '2xl', '3xl'];
+exports.ANIMATION_TEXT_ALIGNS = ['left', 'center', 'right', 'justify'];
+exports.APP_BADGE_SIZES = primitives_js_1.SIZE_SML;
+exports.AUDIO_PLAYER_VARIANTS = ['default', 'minimal', 'compact', 'full'];
+exports.AUDIO_PLAYER_SIZES = ['s', 'm', 'l', 'xl'];
+exports.CAROUSEL_VARIANTS = ['default', 'cards', 'gallery', 'hero', 'testimonial'];
+exports.CAROUSEL_SIZES = ['s', 'm', 'l', 'xl'];
+exports.COLOR_PICKER_SIZES = primitives_js_1.SIZE_SML;
+exports.COLOR_PICKER_POSITIONS = ['bottom-start', 'bottom-end', 'top-start', 'top-end'];
+exports.COLOR_SWATCH_SIZES = primitives_js_1.SIZE_SML;
+exports.CONFIRM_VARIANTS = ['default', 'info', 'success', 'warning', 'danger'];
+exports.CONFIRM_SIZES = primitives_js_1.SIZE_SML;
+exports.COUNTDOWN_VARIANTS = ['default', 'compact', 'minimal'];
+exports.COUNTDOWN_SIZES = primitives_js_1.SIZE_SML;
+exports.GRADIENT_VARIANTS = ['default', 'animated', 'mesh'];
+exports.GRADIENT_SIZES = ['s', 'm', 'l', 'xl', 'full'];
+exports.GRID_BACKGROUND_SIZES = primitives_js_1.SIZE_SML;
+exports.LABEL_SIZES = primitives_js_1.SIZE_SML;
+exports.LIST_VARIANTS = ['default', 'minimal', 'bordered', 'card', 'navigation'];
+exports.LIST_SIZES = primitives_js_1.SIZE_SML;
+exports.MARKDOWN_EDITOR_VARIANTS = ['default', 'filled', 'outlined'];
+exports.MARKDOWN_EDITOR_SIZES = primitives_js_1.SIZE_SML;
+exports.MARQUEE_VARIANTS = ['default', 'filled', 'outlined'];
+exports.MARQUEE_SIZES = primitives_js_1.SIZE_SML;
+exports.PROGRESS_STEP_SIZES = primitives_js_1.SIZE_SML;
+exports.RANDOM_GRADIENT_TONES = ['light', 'vivid', 'dark'];
+exports.RATING_VARIANTS = ['default', 'minimal', 'card', 'inline', 'large'];
+exports.RATING_SIZES = primitives_js_1.SIZE_SML;
+exports.REORDER_VARIANTS = ['default', 'bordered', 'filled', 'minimal'];
+exports.REORDER_SIZES = primitives_js_1.SIZE_SML;
+exports.SECTION_ALIGNS = ['left', 'center', 'right'];
+exports.SECTION_APP_DOWNLOAD_SIZES = primitives_js_1.SIZE_SML;
+exports.SECTION_CONTACT_SIZES = primitives_js_1.SIZE_SML;
+exports.SECTION_CTA_VARIANTS = ['default', 'dark', 'light', 'gradient', 'tinted'];
+exports.SECTION_CTA_SIZES = primitives_js_1.SIZE_SML;
+exports.SECTION_FAQ_SIZES = primitives_js_1.SIZE_SML;
+exports.SECTION_FEATURE_SIZES = primitives_js_1.SIZE_SML;
+exports.SECTION_FEATURE_GRID_SIZES = primitives_js_1.SIZE_SML;
+exports.SECTION_HERO_VARIANTS = ['default', 'showcase', 'split', 'overlay', 'centered'];
+exports.SECTION_LOGO_CLOUD_VARIANTS = ['grid', 'inline', 'minimal', 'marquee'];
+exports.SECTION_LOGO_CLOUD_SIZES = primitives_js_1.SIZE_SML;
+exports.SECTION_PRICING_SIZES = primitives_js_1.SIZE_SML;
+exports.SECTION_STATS_SIZES = primitives_js_1.SIZE_SML;
+exports.SECTION_TESTIMONIALS_VARIANTS = ['grid', 'list', 'carousel', 'cards'];
+exports.SECTION_TESTIMONIALS_SIZES = primitives_js_1.SIZE_SML;
+exports.SHARE_VARIANTS = ['button', 'dropdown', 'modal', 'inline'];
+exports.SHARE_SIZES = primitives_js_1.SIZE_SML;
+exports.SHARE_POSITIONS = ['top', 'bottom', 'left', 'right'];
+exports.SIGNATURE_VARIANTS = ['dashed', 'outlined'];
+exports.TIMELINE_VARIANTS = ['default', 'alternate', 'left', 'right'];
+exports.TIMELINE_SIZES = primitives_js_1.SIZE_SML;
+exports.TOOLBAR_VARIANTS = ['default', 'filled', 'outlined', 'ghost'];
+exports.TOOLBAR_SIZES = primitives_js_1.SIZE_SML;
+exports.TOOLBAR_POSITIONS = ['top', 'bottom', 'left', 'right', 'floating'];
+exports.VIDEO_PLAYER_VARIANTS = ['default', 'minimal', 'theater'];
+exports.VIDEO_PLAYER_SIZES = ['s', 'm', 'l', 'xl'];
+exports.YOUTUBE_PLAYER_VARIANTS = ['default', 'minimal', 'theater', 'full'];
+exports.YOUTUBE_PLAYER_SIZES = ['s', 'm', 'l', 'xl'];