@bigtablet/design-system 3.7.0 → 3.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/LICENSE +53 -0
  2. package/README.md +12 -9
  3. package/dist/index.css +46 -45
  4. package/dist/index.d.ts +72 -7
  5. package/dist/index.js +341 -178
  6. package/dist/styles/colors/_index.scss +30 -0
  7. package/dist/styles/layout/_index.scss +17 -3
  8. package/dist/styles/motion/_index.scss +14 -1
  9. package/dist/vanilla/bigtablet.min.css +7 -1
  10. package/dist/vanilla/bigtablet.min.js +21 -21
  11. package/package.json +7 -6
package/dist/styles/colors/_index.scss CHANGED
@@ -163,3 +163,33 @@ $color_accent_light: var(--bt-color-accent-light);
163
163
  $color_accent_default: var(--bt-color-accent-default);
164
164
  $color_accent_strong: var(--bt-color-accent-strong);
165
165
  $color_accent_on_surface: var(--bt-color-accent-on-surface);
166
+
167
+ // ── Fixed-surface semantics (raw alpha, theme 무관) ────────────────────
168
+ // hero scrim / media-card overlay / accent·transparent nav bar 처럼 표면 명암이
169
+ // 테마와 무관하게 고정된 자리의 콘텐츠용 어휘.
170
+ // `$color_state_*_on_dark` 와 이름 규칙(`_on_dark`)은 공유하지만 구조는 다르다:
171
+ // state 계열은 [data-theme="dark"] 에서 black alpha 로 뒤집히는 반면, 여기 값들은
172
+ // 배경이 항상 어둡거나(밝거나) 하므로 뒤집히면 안 된다. 그래서 var() 가 아닌
173
+ // raw alpha 로 두고 SCSS 컴파일 시점에 그대로 박힌다.
174
+
175
+ // Text on a permanently dark surface (강조 → 캡션 순 램프)
176
+ $color_text_on_dark_strong: rgba(255, 255, 255, 0.9); // 인터랙티브 라벨 (text button)
177
+ $color_text_on_dark_body: rgba(255, 255, 255, 0.85); // 본문 / 설명문
178
+ $color_text_on_dark_label: rgba(255, 255, 255, 0.75); // eyebrow / 오버레이 라벨
179
+ $color_text_on_dark_muted: rgba(255, 255, 255, 0.7); // 비활성 nav link / 보조 라벨
180
+ $color_text_on_dark_caption: rgba(255, 255, 255, 0.6); // meta / 캡션
181
+
182
+ // Text on a permanently light surface (light scrim 위 forced dark text)
183
+ $color_text_on_light_body: rgba(0, 0, 0, 0.85);
184
+ $color_text_on_light_muted: rgba(0, 0, 0, 0.6);
185
+
186
+ // Border on a permanently dark surface (outline button 등 hairline)
187
+ $color_border_on_dark: rgba(255, 255, 255, 0.55);
188
+
189
+ // Scrim - 이미지 위 텍스트 가독성 확보용 gradient stop (clear → heavy 세기 램프)
190
+ $color_scrim_dark_clear: rgba(0, 0, 0, 0);
191
+ $color_scrim_dark_soft: rgba(0, 0, 0, 0.1);
192
+ $color_scrim_dark_strong: rgba(0, 0, 0, 0.55);
193
+ $color_scrim_dark_heavy: rgba(0, 0, 0, 0.85);
194
+ $color_scrim_light_soft: rgba(255, 255, 255, 0.1);
195
+ $color_scrim_light_strong: rgba(255, 255, 255, 0.7);
package/dist/styles/layout/_index.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @use "../motion" as motion;
2
+
1
3
  /* Flex Utilities */
2
4
  @mixin flex_center { display: flex; align-items: center; justify-content: center; }
3
5
  @mixin flex_left { display: flex; align-items: center; justify-content: flex-start; }
@@ -32,23 +34,35 @@
32
34
  }
33
35
 
34
36
  /* Hover Lift Effect */
37
+ // motion.$transition_lift = transform/box-shadow 0.25s $ease_out_expo (= $easing_enter) -
38
+ // 기존 하드코딩 값과 동일한 전용 토큰.
35
39
  @mixin hover_lift($y: -4px, $shadow: 0 12px 24px rgba(0, 0, 0, 0.15)) {
36
- transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1),
37
- box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1);
40
+ transition: motion.$transition_lift;
38
41
 
39
42
  &:hover {
40
43
  transform: translateY($y);
41
44
  box-shadow: $shadow;
42
45
  }
46
+
47
+ // WCAG 2.1 SC 2.3.3 - mixin 은 호출 지점을 모르므로 guard 를 body 안에 둔다.
48
+ // Sass 가 @media 를 호출 선택자와 함께 밖으로 빼주어 소비처마다 자동 적용된다.
49
+ @media (prefers-reduced-motion: reduce) {
50
+ transition: none;
51
+ }
43
52
  }
44
53
 
45
54
  /* Glow on Hover */
46
55
  @mixin hover_glow($color: rgba(59, 130, 246, 0.4)) {
47
- transition: box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1);
56
+ transition: box-shadow motion.$duration_slow motion.$easing_enter;
48
57
 
49
58
  &:hover {
50
59
  box-shadow: 0 0 30px $color;
51
60
  }
61
+
62
+ // WCAG 2.1 SC 2.3.3 - hover_lift 와 동일하게 mixin body 안에서 guard.
63
+ @media (prefers-reduced-motion: reduce) {
64
+ transition: none;
65
+ }
52
66
  }
53
67
 
54
68
  /* Overlay list scroll cap - dropdown/menu/select 등 오버레이 옵션 리스트의 최대 높이 */
package/dist/styles/motion/_index.scss CHANGED
@@ -8,6 +8,12 @@ $transition_fast: $duration_fast ease-in-out; // hover, icon
8
8
  $transition_base: $duration_base ease-in-out; // 메뉴 열림
9
9
  $transition_slow: $duration_slow ease-in-out; // 레이아웃 변화
10
10
 
11
+ // Keyword easing - animation shorthand 에서 duration 과 조합할 때.
12
+ // ($transition_* composite 는 easing 이 이미 들어있어 animation 에 쓰면 중복된다)
13
+ // `//` 주석 사용 - `/* */` 는 vanilla CSS 번들에 그대로 실려 나간다.
14
+ $easing_linear: linear;
15
+ $easing_standard: ease-in-out;
16
+
11
17
  /* Easing Curves */
12
18
  $ease_out_expo: cubic-bezier(0.16, 1, 0.3, 1);
13
19
  $ease_out_quart: cubic-bezier(0.25, 1, 0.5, 1);
@@ -40,4 +46,11 @@ $transition_spring: 0.5s $ease_spring;
40
46
  $transition_dramatic: 0.6s $ease_out_quart;
41
47
 
42
48
  /* Hover Lift */
43
- $transition_lift: transform 0.25s $ease_out_expo, box-shadow 0.25s $ease_out_expo;
49
+ $transition_lift: transform 0.25s $ease_out_expo, box-shadow 0.25s $ease_out_expo;
50
+
51
+ // Loading & progress indicators
52
+ // 무한 반복(`infinite`) 이 허용되는 유일한 자리 - loading affordance 전용.
53
+ // ($skeleton_animation_duration / _timing 과 같은 역할의 컴포넌트 스코프 토큰)
54
+ $duration_loading_spinner: 1.2s; // Spinner spoke fade 1 cycle
55
+ $duration_loading_bar: 1.5s; // TopLoading indeterminate sweep 1 cycle
56
+ $duration_progress_default: 3s; // Toast progress bar 기본값 (--toast-duration fallback)
package/dist/vanilla/bigtablet.min.css CHANGED
@@ -1 +1,7 @@
1
- @keyframes skeleton_loading{0%{background-position:100% 0}100%{background-position:0 0}}:root{--bt-color-brand-primary: #121212;--bt-color-brand-on-primary: #FFFFFF;--bt-color-brand-primary-container: rgba(0, 0, 0, 0.05);--bt-color-text-heading: #121212;--bt-color-text-body: #666666;--bt-color-text-caption: #6F6F6F;--bt-color-text-brand: #121212;--bt-color-text-inverse: #FFFFFF;--bt-color-text-disabled: rgba(26, 26, 26, 0.38);--bt-color-bg-solid: #FFFFFF;--bt-color-bg-solid-dim: #F4F4F4;--bt-color-bg-additive: rgba(0, 0, 0, 0.05);--bt-color-bg-disabled: rgba(26, 26, 26, 0.12);--bt-color-bg-overlay: rgba(0, 0, 0, 0.5);--bt-color-bg-inverse-surface: #333333;--bt-color-state-hover-on-light: rgba(0, 0, 0, 0.05);--bt-color-state-pressed-on-light: rgba(26, 26, 26, 0.12);--bt-color-state-focus-on-light: rgba(0, 0, 0, 0.08);--bt-color-state-hover-on-dark: rgba(255, 255, 255, 0.05);--bt-color-state-pressed-on-dark: rgba(255, 255, 255, 0.12);--bt-color-state-focus-on-dark: rgba(255, 255, 255, 0.08);--bt-color-border-default: #E5E5E5;--bt-color-border-hover: #B3B3B3;--bt-color-border-subtle: rgba(0, 0, 0, 0.08);--bt-color-border-focus: #121212;--bt-color-border-disabled: #F2F2F2;--bt-color-status-error: #B91C1C;--bt-color-status-success: #047857;--bt-color-status-warning: #B45309;--bt-color-status-info: #1D4ED8;--bt-color-status-error-on-default: #FFFFFF;--bt-color-status-success-on-default: #FFFFFF;--bt-color-status-warning-on-default: #FFFFFF;--bt-color-status-info-on-default: #FFFFFF;--bt-color-status-error-container: #FEE2E2;--bt-color-status-success-container: #DCFCE7;--bt-color-status-warning-container: #FEF3C7;--bt-color-status-info-container: #DBEAFE;--bt-color-status-error-on-container: #B91C1C;--bt-color-status-success-on-container: #047857;--bt-color-status-warning-on-container: #B45309;--bt-color-status-info-on-container: #1D4ED8;--bt-color-status-error-on-surface: #B91C1C;--bt-color-status-success-on-surface: #047857;--bt-color-status-warning-on-surface: #B45309;--bt-color-status-info-on-surface: #1D4ED8;--bt-color-accent-subtle: rgba(0, 0, 0, 0.05);--bt-color-accent-muted: rgba(26, 26, 26, 0.12);--bt-color-accent-light: #B3B3B3;--bt-color-accent-default: #121212;--bt-color-accent-strong: #121212;--bt-color-accent-on-surface: #FFFFFF;--bt-color-skeleton-base: #F3F3F3;--bt-color-skeleton-wave: #F0F0F0;--bt-color-skeleton-highlight: #FAFAFA;--bt-focus-ring: 0 0 0 3px rgba(0, 0, 0, 0.15);--bt-focus-ring-error: 0 0 0 3px rgba(239, 68, 68, 0.30);--bt-focus-ring-success: 0 0 0 3px rgba(16, 185, 129, 0.30);--bt-elevation-level1: 0 1px 1px -1px rgba(0, 0, 0, 0.20), 0 3px 3px 0px rgba(0, 0, 0, 0.12);--bt-elevation-level2: 0 2px 2px -2px rgba(0, 0, 0, 0.20), 0 6px 6px 0px rgba(0, 0, 0, 0.12);--bt-elevation-level3: 0 3px 3px -3px rgba(0, 0, 0, 0.20), 0 9px 9px 0px rgba(0, 0, 0, 0.12);--bt-elevation-level4: 0 5px 5px -5px rgba(0, 0, 0, 0.20), 0 15px 15px 0px rgba(0, 0, 0, 0.12);--bt-elevation-level5: 0 8px 10px -5px rgba(0, 0, 0, 0.20), 0 20px 20px 0px rgba(0, 0, 0, 0.12)}[data-theme=dark]{color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bt-color-text-heading: rgba(255, 255, 255, 0.95);--bt-color-text-body: #B3B3B3;--bt-color-text-caption: #808080;--bt-color-text-inverse: #121212;--bt-color-text-disabled: rgba(255, 255, 255, 0.38);--bt-color-bg-solid: #0A0A0A;--bt-color-bg-solid-dim: #141414;--bt-color-bg-additive: rgba(255, 255, 255, 0.05);--bt-color-bg-disabled: rgba(255, 255, 255, 0.12);--bt-color-bg-overlay: rgba(0, 0, 0, 0.7);--bt-color-bg-inverse-surface: #F4F4F4;--bt-color-state-hover-on-light: rgba(255, 255, 255, 0.08);--bt-color-state-pressed-on-light: rgba(255, 255, 255, 0.12);--bt-color-state-focus-on-light: rgba(255, 255, 255, 0.12);--bt-color-state-hover-on-dark: rgba(0, 0, 0, 0.08);--bt-color-state-pressed-on-dark: rgba(26, 26, 26, 0.12);--bt-color-state-focus-on-dark: rgba(26, 26, 26, 0.12);--bt-color-border-default: #333333;--bt-color-border-hover: #777777;--bt-color-border-subtle: rgba(255, 255, 255, 0.12);--bt-color-border-focus: #FFFFFF;--bt-color-border-disabled: #141414;--bt-color-brand-primary-container: rgba(255, 255, 255, 0.08);--bt-color-accent-subtle: rgba(255, 255, 255, 0.08);--bt-color-accent-muted: rgba(255, 255, 255, 0.12);--bt-color-accent-light: #999999;--bt-color-accent-default: #FFFFFF;--bt-color-accent-strong: #FFFFFF;--bt-color-accent-on-surface: #121212;--bt-color-status-error-container: rgba(127, 29, 29, 0.35);--bt-color-status-success-container: rgba(6, 78, 59, 0.35);--bt-color-status-warning-container: rgba(120, 53, 15, 0.35);--bt-color-status-info-container: rgba(30, 58, 138, 0.35);--bt-color-status-error-on-container: #FCA5A5;--bt-color-status-success-on-container: #86EFAC;--bt-color-status-warning-on-container: #FCD34D;--bt-color-status-info-on-container: #93C5FD;--bt-color-status-error-on-surface: #F87171;--bt-color-status-success-on-surface: #4ADE80;--bt-color-status-warning-on-surface: #FBBF24;--bt-color-status-info-on-surface: #60A5FA;--bt-color-skeleton-base: #333333;--bt-color-skeleton-wave: #333333;--bt-color-skeleton-highlight: #666666;--bt-focus-ring: 0 0 0 3px rgba(255, 255, 255, 0.35);--bt-focus-ring-error: 0 0 0 3px rgba(239, 68, 68, 0.45);--bt-focus-ring-success: 0 0 0 3px rgba(16, 185, 129, 0.45);--bt-elevation-level1: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 3px 6px 0 rgba(0, 0, 0, 0.30);--bt-elevation-level2: 0 2px 4px 0 rgba(0, 0, 0, 0.45), 0 6px 12px 0 rgba(0, 0, 0, 0.30);--bt-elevation-level3: 0 3px 6px 0 rgba(0, 0, 0, 0.50), 0 9px 18px 0 rgba(0, 0, 0, 0.35);--bt-elevation-level4: 0 5px 10px 0 rgba(0, 0, 0, 0.55), 0 15px 30px 0 rgba(0, 0, 0, 0.40);--bt-elevation-level5: 0 8px 16px 0 rgba(0, 0, 0, 0.60), 0 20px 40px 0 rgba(0, 0, 0, 0.45)}@media(prefers-color-scheme: dark){:root:not([data-theme]){color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bt-color-text-heading: rgba(255, 255, 255, 0.95);--bt-color-text-body: #B3B3B3;--bt-color-text-caption: #808080;--bt-color-text-inverse: #121212;--bt-color-text-disabled: rgba(255, 255, 255, 0.38);--bt-color-bg-solid: #0A0A0A;--bt-color-bg-solid-dim: #141414;--bt-color-bg-additive: rgba(255, 255, 255, 0.05);--bt-color-bg-disabled: rgba(255, 255, 255, 0.12);--bt-color-bg-overlay: rgba(0, 0, 0, 0.7);--bt-color-bg-inverse-surface: #F4F4F4;--bt-color-state-hover-on-light: rgba(255, 255, 255, 0.08);--bt-color-state-pressed-on-light: rgba(255, 255, 255, 0.12);--bt-color-state-focus-on-light: rgba(255, 255, 255, 0.12);--bt-color-state-hover-on-dark: rgba(0, 0, 0, 0.08);--bt-color-state-pressed-on-dark: rgba(26, 26, 26, 0.12);--bt-color-state-focus-on-dark: rgba(26, 26, 26, 0.12);--bt-color-border-default: #333333;--bt-color-border-hover: #777777;--bt-color-border-subtle: rgba(255, 255, 255, 0.12);--bt-color-border-focus: #FFFFFF;--bt-color-border-disabled: #141414;--bt-color-brand-primary-container: rgba(255, 255, 255, 0.08);--bt-color-accent-subtle: rgba(255, 255, 255, 0.08);--bt-color-accent-muted: rgba(255, 255, 255, 0.12);--bt-color-accent-light: #999999;--bt-color-accent-default: #FFFFFF;--bt-color-accent-strong: #FFFFFF;--bt-color-accent-on-surface: #121212;--bt-color-status-error-container: rgba(127, 29, 29, 0.35);--bt-color-status-success-container: rgba(6, 78, 59, 0.35);--bt-color-status-warning-container: rgba(120, 53, 15, 0.35);--bt-color-status-info-container: rgba(30, 58, 138, 0.35);--bt-color-status-error-on-container: #FCA5A5;--bt-color-status-success-on-container: #86EFAC;--bt-color-status-warning-on-container: #FCD34D;--bt-color-status-info-on-container: #93C5FD;--bt-color-status-error-on-surface: #F87171;--bt-color-status-success-on-surface: #4ADE80;--bt-color-status-warning-on-surface: #FBBF24;--bt-color-status-info-on-surface: #60A5FA;--bt-color-skeleton-base: #333333;--bt-color-skeleton-wave: #333333;--bt-color-skeleton-highlight: #666666;--bt-focus-ring: 0 0 0 3px rgba(255, 255, 255, 0.35);--bt-focus-ring-error: 0 0 0 3px rgba(239, 68, 68, 0.45);--bt-focus-ring-success: 0 0 0 3px rgba(16, 185, 129, 0.45);--bt-elevation-level1: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 3px 6px 0 rgba(0, 0, 0, 0.30);--bt-elevation-level2: 0 2px 4px 0 rgba(0, 0, 0, 0.45), 0 6px 12px 0 rgba(0, 0, 0, 0.30);--bt-elevation-level3: 0 3px 6px 0 rgba(0, 0, 0, 0.50), 0 9px 18px 0 rgba(0, 0, 0, 0.35);--bt-elevation-level4: 0 5px 10px 0 rgba(0, 0, 0, 0.55), 0 15px 30px 0 rgba(0, 0, 0, 0.40);--bt-elevation-level5: 0 8px 16px 0 rgba(0, 0, 0, 0.60), 0 20px 40px 0 rgba(0, 0, 0, 0.45)}}:root{--bt-color-primary: var(--bt-color-brand-primary);--bt-color-on-primary: var(--bt-color-brand-on-primary);--bt-color-accent: var(--bt-color-accent-default);--bt-color-background: var(--bt-color-bg-solid);--bt-color-background-dim: var(--bt-color-bg-solid-dim);--bt-color-background-overlay: var(--bt-color-bg-overlay);--bt-color-border: var(--bt-color-border-default);--bt-color-text-primary: var(--bt-color-text-heading);--bt-color-text-secondary: var(--bt-color-text-body);--bt-color-text-tertiary: var(--bt-color-text-caption);--bt-color-background-secondary: var(--bt-color-background-dim);--bt-color-border-light: var(--bt-color-border-hover);--bt-color-hover: var(--bt-color-state-hover-on-light);--bt-color-pressed: var(--bt-color-state-pressed-on-light);--bt-color-primary-hover: #333333;--bt-color-overlay: var(--bt-color-bg-overlay);--bt-color-success: var(--bt-color-status-success);--bt-color-error: var(--bt-color-status-error);--bt-color-warning: var(--bt-color-status-warning);--bt-color-info: var(--bt-color-status-info);--bt-spacing-4: 4px;--bt-spacing-8: 8px;--bt-spacing-12: 12px;--bt-spacing-16: 16px;--bt-spacing-20: 20px;--bt-spacing-24: 24px;--bt-spacing-32: 32px;--bt-spacing-40: 40px;--bt-spacing-48: 48px;--bt-spacing-xs: var(--bt-spacing-4);--bt-spacing-sm: var(--bt-spacing-8);--bt-spacing-md: var(--bt-spacing-12);--bt-spacing-lg: var(--bt-spacing-16);--bt-spacing-xl: var(--bt-spacing-20);--bt-spacing-2xl: var(--bt-spacing-24);--bt-spacing-3xl: var(--bt-spacing-32);--bt-font-family: Pretendard, sans-serif;--bt-font-size-12: 12px;--bt-font-size-14: 14px;--bt-font-size-15: 15px;--bt-font-size-16: 16px;--bt-font-size-18: 18px;--bt-font-size-20: 20px;--bt-font-weight-regular: 400;--bt-font-weight-medium: 500;--bt-font-weight-semibold: 600;--bt-line-height-20: 20px;--bt-line-height-24: 24px;--bt-font-size-sm: var(--bt-font-size-14);--bt-font-size-base: var(--bt-font-size-15);--bt-font-size-md: var(--bt-font-size-16);--bt-font-size-lg: var(--bt-font-size-18);--bt-font-size-xl: var(--bt-font-size-20);--bt-line-height-normal: 1.5;--bt-radius-sm: 6px;--bt-radius-md: 8px;--bt-radius-lg: 12px;--bt-radius-full: 9999px;--bt-elevation-1: var(--bt-elevation-level1);--bt-elevation-2: var(--bt-elevation-level2);--bt-elevation-3: var(--bt-elevation-level3);--bt-elevation-4: var(--bt-elevation-level4);--bt-elevation-5: var(--bt-elevation-level5);--bt-transition-fast: 0.1s ease-in-out;--bt-transition-base: 0.2s ease-in-out;--bt-transition-slow: 0.3s ease-in-out;--bt-z-modal: 1000;--bt-z-toast: 1000}.bt-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--bt-spacing-sm);border-radius:var(--bt-radius-md);border:none;cursor:pointer;font-family:var(--bt-font-family);font-weight:var(--bt-font-weight-medium);transition:background var(--bt-transition-base),color var(--bt-transition-base),box-shadow var(--bt-transition-base),transform var(--bt-transition-base)}.bt-button:disabled{cursor:not-allowed;opacity:.6}.bt-button--sm{padding:var(--bt-spacing-sm) var(--bt-spacing-lg);font-size:var(--bt-font-size-sm)}.bt-button--md{padding:var(--bt-spacing-md) var(--bt-spacing-xl);font-size:var(--bt-font-size-base)}.bt-button--lg{padding:var(--bt-spacing-lg) var(--bt-spacing-2xl);font-size:var(--bt-font-size-md)}.bt-button--primary{background:var(--bt-color-primary);color:var(--bt-color-background)}.bt-button--primary:hover:not(:disabled){background:var(--bt-color-primary-hover)}.bt-button--primary:active:not(:disabled){transform:scale(0.98)}.bt-button--secondary{background:rgba(0,0,0,0);border:1px solid var(--bt-color-border);color:var(--bt-color-text-primary)}.bt-button--secondary:hover:not(:disabled){background:var(--bt-color-background-secondary)}.bt-button--secondary:active:not(:disabled){transform:scale(0.98)}.bt-button--ghost{background:rgba(0,0,0,0);color:var(--bt-color-text-primary)}.bt-button--ghost:hover:not(:disabled){background:var(--bt-color-hover)}.bt-button--ghost:active:not(:disabled){transform:scale(0.96)}.bt-button--danger{background:var(--bt-color-error);color:var(--bt-color-background)}.bt-button--danger:hover:not(:disabled){background:color-mix(in srgb, var(--bt-color-error) 92%, #000)}.bt-button--danger:active:not(:disabled){transform:scale(0.98)}.bt-button--full-width{width:100%}.bt-text-field{display:flex;flex-direction:column}.bt-text-field--full-width{width:100%}.bt-text-field__label{margin-bottom:var(--bt-spacing-xs);color:var(--bt-color-text-primary);font-size:var(--bt-font-size-sm);font-weight:var(--bt-font-weight-medium);line-height:var(--bt-line-height-normal)}.bt-text-field__wrap{position:relative;display:inline-flex;width:100%;align-items:center}.bt-text-field__input{width:100%;border-radius:var(--bt-radius-md);font-family:var(--bt-font-family);font-size:var(--bt-font-size-base);line-height:var(--bt-line-height-normal);color:var(--bt-color-text-primary);background:var(--bt-color-background);transition:border-color var(--bt-transition-base),box-shadow var(--bt-transition-base),background var(--bt-transition-base)}.bt-text-field__input::placeholder{color:var(--bt-color-text-tertiary)}.bt-text-field__input:disabled{cursor:not-allowed;background:var(--bt-color-background-secondary);color:var(--bt-color-text-tertiary);opacity:.7}.bt-text-field__input--outline{border:1px solid var(--bt-color-border)}.bt-text-field__input--outline:hover:not(:disabled){border-color:var(--bt-color-border-light)}.bt-text-field__input--outline:focus-visible{outline:none;border-color:var(--bt-color-accent);box-shadow:0 0 0 3px var(--bt-color-border-light)}.bt-text-field__input--filled{background:var(--bt-color-background-secondary);border:1px solid rgba(0,0,0,0)}.bt-text-field__input--filled:focus-visible{outline:none;border-color:var(--bt-color-accent);background:var(--bt-color-background);box-shadow:0 0 0 3px var(--bt-color-border-light)}.bt-text-field__input--sm{padding:var(--bt-spacing-sm) var(--bt-spacing-lg);font-size:var(--bt-font-size-sm)}.bt-text-field__input--md{padding:var(--bt-spacing-md) var(--bt-spacing-xl);font-size:var(--bt-font-size-base)}.bt-text-field__input--lg{padding:var(--bt-spacing-lg) var(--bt-spacing-2xl);font-size:var(--bt-font-size-md)}.bt-text-field__input--error{border-color:var(--bt-color-error) !important;box-shadow:0 0 0 3px rgba(239,68,68,.15) !important}.bt-text-field__input--success{border-color:var(--bt-color-success) !important;box-shadow:0 0 0 3px rgba(16,185,129,.15) !important}.bt-text-field__helper{margin-top:var(--bt-spacing-xs);font-size:var(--bt-font-size-sm);color:var(--bt-color-text-secondary)}.bt-text-field__helper--error{color:var(--bt-color-error)}.bt-text-field__helper--success{color:var(--bt-color-success)}.bt-text-field__icon{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;color:var(--bt-color-text-secondary)}.bt-text-field__icon--left{left:var(--bt-spacing-md)}.bt-text-field__icon--right{right:var(--bt-spacing-md)}.bt-checkbox{display:inline-flex;align-items:center;gap:var(--bt-spacing-sm);cursor:pointer;user-select:none;position:relative}.bt-checkbox__input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.bt-checkbox__box{width:1.125rem;height:1.125rem;box-sizing:border-box;border:1px solid var(--bt-color-border);border-radius:var(--bt-radius-sm);background:var(--bt-color-background);transition:background var(--bt-transition-base),border-color var(--bt-transition-base),box-shadow var(--bt-transition-base);display:inline-block;position:relative}.bt-checkbox__label{font-family:var(--bt-font-family);font-size:var(--bt-font-size-base);line-height:var(--bt-line-height-normal);color:var(--bt-color-text-primary)}.bt-checkbox--sm .bt-checkbox__box{width:1rem;height:1rem}.bt-checkbox--sm .bt-checkbox__label{font-size:var(--bt-font-size-sm)}.bt-checkbox--lg .bt-checkbox__box{width:1.25rem;height:1.25rem}.bt-checkbox--lg .bt-checkbox__label{font-size:var(--bt-font-size-md)}.bt-checkbox__input:focus-visible+.bt-checkbox__box{box-shadow:0 0 0 3px var(--bt-color-border-light);border-color:var(--bt-color-accent)}.bt-checkbox__input:disabled+.bt-checkbox__box,.bt-checkbox__input:disabled~.bt-checkbox__label{opacity:.6;cursor:not-allowed}.bt-checkbox__input:checked+.bt-checkbox__box{background:var(--bt-color-accent);border-color:var(--bt-color-accent)}.bt-checkbox__input:checked+.bt-checkbox__box::after{content:"";position:absolute;left:50%;top:50%;width:.28rem;height:.55rem;border:2px solid var(--bt-color-accent-on-surface);border-top:0;border-left:0;transform:translate(-50%, -58%) rotate(45deg)}.bt-radio{position:relative;display:inline-flex;align-items:center;gap:var(--bt-spacing-sm);cursor:pointer;user-select:none}.bt-radio__input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;margin:0}.bt-radio__dot{width:1.125rem;height:1.125rem;box-sizing:border-box;border:1px solid var(--bt-color-border);border-radius:var(--bt-radius-full);background:var(--bt-color-background);transition:background var(--bt-transition-base),border-color var(--bt-transition-base),box-shadow var(--bt-transition-base);position:relative;display:inline-block}.bt-radio__label{font-family:var(--bt-font-family);font-size:var(--bt-font-size-base);line-height:var(--bt-line-height-normal);color:var(--bt-color-text-primary)}.bt-radio--sm .bt-radio__dot{width:1rem;height:1rem}.bt-radio--sm .bt-radio__label{font-size:var(--bt-font-size-sm)}.bt-radio--lg .bt-radio__dot{width:1.25rem;height:1.25rem}.bt-radio--lg .bt-radio__label{font-size:var(--bt-font-size-md)}.bt-radio__input:focus-visible+.bt-radio__dot{box-shadow:0 0 0 3px var(--bt-color-border-light);border-color:var(--bt-color-accent)}.bt-radio__input:checked+.bt-radio__dot{border-color:var(--bt-color-accent);border-width:2px}.bt-radio__input:checked+.bt-radio__dot::after{content:"";position:absolute;left:50%;top:50%;width:60%;height:60%;transform:translate(-50%, -50%);background:var(--bt-color-accent);border-radius:9999px}.bt-radio__input:disabled+.bt-radio__dot,.bt-radio__input:disabled~.bt-radio__label{opacity:.6;cursor:not-allowed}.bt-toggle{position:relative;display:inline-flex;align-items:center;width:40px;height:24px;padding:2px;border-radius:var(--bt-radius-full);background:var(--bt-color-border-light);transition:background var(--bt-transition-base);cursor:pointer;border:none}.bt-toggle__thumb{width:12px;height:12px;background:var(--bt-color-background);border-radius:var(--bt-radius-full);transition:transform var(--bt-transition-base),width var(--bt-transition-base),height var(--bt-transition-base);transform:translateX(0)}.bt-toggle--on{background:var(--bt-color-accent)}.bt-toggle--on .bt-toggle__thumb{width:20px;height:20px;background:var(--bt-color-accent-on-surface);transform:translateX(16px)}.bt-toggle--md{width:48px;height:28px}.bt-toggle--md .bt-toggle__thumb{width:16px;height:16px}.bt-toggle--md.bt-toggle--on .bt-toggle__thumb{width:24px;height:24px;transform:translateX(20px)}.bt-toggle--disabled{cursor:not-allowed;background:var(--bt-color-border-light)}.bt-toggle--disabled .bt-toggle__thumb{background:#fff}.bt-select{position:relative;display:inline-flex;flex-direction:column;width:100%;gap:var(--bt-spacing-xs);font-family:var(--bt-font-family)}.bt-select__label{font-size:var(--bt-font-size-sm);font-weight:var(--bt-font-weight-medium);line-height:var(--bt-line-height-normal);color:var(--bt-color-text-primary)}.bt-select__control{width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--bt-spacing-sm);cursor:pointer;color:var(--bt-color-text-primary);background:var(--bt-color-background);border-radius:var(--bt-radius-md);transition:border-color var(--bt-transition-base),box-shadow var(--bt-transition-base),background var(--bt-transition-base);font-size:var(--bt-font-size-base);line-height:var(--bt-line-height-normal);border:none;text-align:left}.bt-select__control:disabled,.bt-select__control.is-disabled{cursor:not-allowed;opacity:.7;background:var(--bt-color-background-secondary);color:var(--bt-color-text-tertiary)}.bt-select__control--outline{border:1px solid var(--bt-color-border)}.bt-select__control--outline:hover:not(.is-disabled){border-color:var(--bt-color-border-light)}.bt-select__control--outline.is-open{border-color:var(--bt-color-accent);box-shadow:0 0 0 3px var(--bt-color-border-light)}.bt-select__control--filled{background:var(--bt-color-background-secondary);border:1px solid rgba(0,0,0,0)}.bt-select__control--filled.is-open{background:var(--bt-color-background);border-color:var(--bt-color-accent);box-shadow:0 0 0 3px var(--bt-color-border-light)}.bt-select__control--sm{padding:var(--bt-spacing-sm) var(--bt-spacing-lg);font-size:var(--bt-font-size-sm)}.bt-select__control--md{padding:var(--bt-spacing-md) var(--bt-spacing-xl);font-size:var(--bt-font-size-base)}.bt-select__control--lg{padding:var(--bt-spacing-lg) var(--bt-spacing-2xl);font-size:var(--bt-font-size-md)}.bt-select__value{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bt-select__placeholder{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--bt-color-text-tertiary)}.bt-select__icon{display:inline-flex;align-items:center;justify-content:center;color:var(--bt-color-text-secondary);transition:transform var(--bt-transition-base)}.bt-select__icon.is-open{transform:rotate(180deg)}.bt-select__list{display:none;position:absolute;z-index:var(--bt-z-modal);top:100%;left:0;width:100%;min-width:100%;box-sizing:border-box;margin-top:var(--bt-spacing-xs);background:var(--bt-color-background);border:1px solid var(--bt-color-border);border-radius:var(--bt-radius-md);box-shadow:var(--bt-elevation-2);max-height:18rem;overflow-y:auto;overflow-x:hidden;padding:var(--bt-spacing-xs) 0;list-style:none;margin:var(--bt-spacing-xs) 0 0 0}.bt-select__list--up{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bt-spacing-xs)}.bt-select__option{width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--bt-spacing-sm);padding:var(--bt-spacing-sm) var(--bt-spacing-lg);cursor:pointer;color:var(--bt-color-text-primary);background:rgba(0,0,0,0);font-family:var(--bt-font-family);font-size:var(--bt-font-size-base);line-height:var(--bt-line-height-normal)}.bt-select__option:hover,.bt-select__option.is-active{background:var(--bt-color-background-secondary)}.bt-select__option.is-selected{font-weight:var(--bt-font-weight-medium)}.bt-select__option.is-disabled{cursor:not-allowed;color:var(--bt-color-text-tertiary)}.bt-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;place-items:center;background:var(--bt-color-overlay);z-index:var(--bt-z-modal)}.bt-modal.is-open{display:grid}.bt-modal__panel{position:relative;background:var(--bt-color-background);border-radius:var(--bt-radius-lg);box-shadow:var(--bt-elevation-3);max-width:calc(100% - 32px);overflow:hidden}.bt-modal__header{padding:var(--bt-spacing-lg);padding-right:calc(var(--bt-spacing-lg) + 32px);border-bottom:1px solid var(--bt-color-border);color:var(--bt-color-text-primary);font-size:var(--bt-font-size-xl);font-weight:var(--bt-font-weight-semibold);line-height:1.3}.bt-modal__close{position:absolute;top:var(--bt-spacing-md);right:var(--bt-spacing-md);width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:none;background:rgba(0,0,0,0);color:var(--bt-color-text-tertiary);border-radius:var(--bt-radius-md);cursor:pointer;transition:background var(--bt-transition-fast),color var(--bt-transition-fast)}.bt-modal__close:hover{background:var(--bt-color-hover);color:var(--bt-color-text-primary)}.bt-modal__close:focus-visible{outline:none;box-shadow:0 0 0 3px var(--bt-color-border-light)}.bt-modal__body{padding:var(--bt-spacing-lg)}.bt-modal__footer{padding:var(--bt-spacing-lg);border-top:1px solid var(--bt-color-border);display:flex;justify-content:flex-end;gap:var(--bt-spacing-sm)}@keyframes bt-alert-fade-in{from{opacity:0}to{opacity:1}}@keyframes bt-alert-slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bt-alert__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bt-color-overlay);display:none;align-items:center;justify-content:center;z-index:var(--bt-z-modal);animation:bt-alert-fade-in var(--bt-transition-base)}.bt-alert__overlay.is-open{display:flex}.bt-alert__modal{background:var(--bt-color-background);border-radius:var(--bt-radius-lg);min-width:320px;max-width:480px;box-shadow:var(--bt-elevation-4);animation:bt-alert-slide-up var(--bt-transition-slow);overflow:hidden}.bt-alert__title{font-size:var(--bt-font-size-lg);font-weight:var(--bt-font-weight-semibold);line-height:var(--bt-line-height-normal);color:var(--bt-color-info);padding:var(--bt-spacing-md) var(--bt-spacing-xl) var(--bt-spacing-xs)}.bt-alert__message{font-size:var(--bt-font-size-base);color:var(--bt-color-text-secondary);padding:var(--bt-spacing-xl);line-height:1.75}.bt-alert__actions{display:flex;gap:var(--bt-spacing-sm);align-items:center;padding:0 var(--bt-spacing-xl) var(--bt-spacing-xl);justify-content:flex-end}.bt-alert--info .bt-alert__title{color:var(--bt-color-info)}.bt-alert--success .bt-alert__title{color:var(--bt-color-success)}.bt-alert--warning .bt-alert__title{color:var(--bt-color-warning)}.bt-alert--error .bt-alert__title{color:var(--bt-color-error)}.bt-card{background:var(--bt-color-background);border-radius:var(--bt-radius-lg)}.bt-card--bordered{border:1px solid var(--bt-color-border)}.bt-card--elevation-1{box-shadow:var(--bt-elevation-1)}.bt-card--elevation-2{box-shadow:var(--bt-elevation-2)}.bt-card--elevation-3{box-shadow:var(--bt-elevation-3)}.bt-card--p-sm{padding:var(--bt-spacing-sm)}.bt-card--p-md{padding:var(--bt-spacing-lg)}.bt-card--p-lg{padding:var(--bt-spacing-2xl)}.bt-card__title{font-size:var(--bt-font-size-xl);font-weight:var(--bt-font-weight-semibold);line-height:1.3;margin-bottom:var(--bt-spacing-md);color:var(--bt-color-text-primary)}@keyframes bt-spinner-spin{to{transform:rotate(360deg)}}.bt-spinner{display:inline-block;box-sizing:border-box;border-radius:50%;border:2px solid var(--bt-color-border);border-top-color:var(--bt-color-accent);animation:bt-spinner-spin .8s linear infinite}.bt-spinner--sm{width:16px;height:16px}.bt-spinner--md{width:24px;height:24px}.bt-spinner--lg{width:32px;height:32px}.bt-spinner--xl{width:48px;height:48px}.bt-pagination{display:flex;align-items:center;justify-content:center;gap:var(--bt-spacing-sm);margin-top:var(--bt-spacing-3xl)}.bt-pagination__item{border:1px solid var(--bt-color-border);background:var(--bt-color-background);border-radius:var(--bt-radius-md);padding:6px 10px;min-width:36px;font-family:var(--bt-font-family);font-size:var(--bt-font-size-sm);color:var(--bt-color-text-primary);cursor:pointer;transition:background var(--bt-transition-base),border-color var(--bt-transition-base)}.bt-pagination__item:hover:not(:disabled){background:var(--bt-color-background-secondary)}.bt-pagination__item:disabled{opacity:.5;cursor:not-allowed}.bt-pagination__pages{display:flex;align-items:center;gap:6px}.bt-pagination__page{border:0;background:rgba(0,0,0,0);min-width:36px;height:36px;border-radius:var(--bt-radius-md);font-family:var(--bt-font-family);font-size:var(--bt-font-size-sm);color:var(--bt-color-text-secondary);cursor:pointer;transition:background var(--bt-transition-base),color var(--bt-transition-base)}.bt-pagination__page:hover{background:var(--bt-color-background-secondary);color:var(--bt-color-text-primary)}.bt-pagination__page--active{color:var(--bt-color-text-primary);font-weight:var(--bt-font-weight-semibold)}.bt-pagination__ellipsis{min-width:20px;text-align:center;font-size:var(--bt-font-size-sm);color:var(--bt-color-text-tertiary)}.bt-date-picker{display:flex;flex-direction:column;gap:var(--bt-spacing-xs)}.bt-date-picker__label{color:var(--bt-color-text-primary);margin-bottom:var(--bt-spacing-xs);font-weight:var(--bt-font-weight-medium);font-size:var(--bt-font-size-sm);line-height:var(--bt-line-height-normal)}.bt-date-picker__label-required{margin-left:var(--bt-spacing-xs);color:var(--bt-color-error)}.bt-date-picker__fields{display:flex;gap:var(--bt-spacing-sm)}.bt-date-picker__select{min-width:88px;height:44px;padding:0 var(--bt-spacing-md);font-family:var(--bt-font-family);font-size:var(--bt-font-size-base);color:var(--bt-color-text-primary);background-color:var(--bt-color-background);border:1px solid var(--bt-color-border);border-radius:var(--bt-radius-sm);cursor:pointer;transition:border-color var(--bt-transition-fast),box-shadow var(--bt-transition-fast),background-color var(--bt-transition-fast);appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--bt-color-text-secondary) 50%),linear-gradient(135deg, var(--bt-color-text-secondary) 50%, transparent 50%);background-position:calc(100% - 16px) calc(50% - 3px),calc(100% - 11px) calc(50% - 3px);background-size:5px 5px;background-repeat:no-repeat}.bt-date-picker__select:hover:not(:disabled){border-color:var(--bt-color-accent);background-color:var(--bt-color-background-secondary)}.bt-date-picker__select:focus-visible{outline:none;border-color:var(--bt-color-accent);box-shadow:0 0 0 3px var(--bt-color-border-light)}.bt-date-picker__select:disabled{cursor:not-allowed;color:var(--bt-color-text-disabled);background-color:var(--bt-color-background-secondary);border-color:var(--bt-color-border-light)}.bt-date-picker--full-width{width:100%}.bt-date-picker--full-width .bt-date-picker__fields{width:100%}.bt-date-picker--full-width .bt-date-picker__select{flex:1;min-width:0}.bt-file-input{position:relative;display:inline-flex;align-items:center}.bt-file-input:hover .bt-file-input__label{border-color:var(--bt-color-border-light)}.bt-file-input__control{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.bt-file-input__label{border:1px solid var(--bt-color-border);border-radius:var(--bt-radius-md);background:var(--bt-color-background);padding:var(--bt-spacing-sm) var(--bt-spacing-lg);font-family:var(--bt-font-family);font-size:var(--bt-font-size-base);color:var(--bt-color-text-primary);transition:background var(--bt-transition-base),border-color var(--bt-transition-base),box-shadow var(--bt-transition-base)}.bt-file-input__control:focus-visible+.bt-file-input__label{box-shadow:0 0 0 3px var(--bt-color-border-light);border-color:var(--bt-color-accent)}.bt-file-input--disabled{cursor:not-allowed}.bt-file-input--disabled .bt-file-input__control{cursor:not-allowed}.bt-file-input--disabled .bt-file-input__label{opacity:.6;cursor:not-allowed}.bt-file-input--disabled:hover .bt-file-input__label{border-color:var(--bt-color-border)}.bt-toast{font-family:var(--bt-font-family);font-size:var(--bt-font-size-base);border-radius:var(--bt-radius-md);box-shadow:var(--bt-elevation-3)}.bt-hidden{display:none !important}.bt-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}
1
+ /*!
2
+ * Bigtablet Design System - Vanilla CSS
3
+ * For use with plain HTML/CSS/JS, Thymeleaf, JSP, etc.
4
+ *
5
+ * @license Bigtablet Inc. Open Source License - see LICENSE at the repo root
6
+ * (https://github.com/Bigtablet/.github/blob/main/BIGTABLET_LICENSE.md)
7
+ */@keyframes skeleton_loading{0%{background-position:100% 0}100%{background-position:0 0}}:root{--bt-color-brand-primary: #121212;--bt-color-brand-on-primary: #FFFFFF;--bt-color-brand-primary-container: rgba(0, 0, 0, 0.05);--bt-color-text-heading: #121212;--bt-color-text-body: #666666;--bt-color-text-caption: #6F6F6F;--bt-color-text-brand: #121212;--bt-color-text-inverse: #FFFFFF;--bt-color-text-disabled: rgba(26, 26, 26, 0.38);--bt-color-bg-solid: #FFFFFF;--bt-color-bg-solid-dim: #F4F4F4;--bt-color-bg-additive: rgba(0, 0, 0, 0.05);--bt-color-bg-disabled: rgba(26, 26, 26, 0.12);--bt-color-bg-overlay: rgba(0, 0, 0, 0.5);--bt-color-bg-inverse-surface: #333333;--bt-color-state-hover-on-light: rgba(0, 0, 0, 0.05);--bt-color-state-pressed-on-light: rgba(26, 26, 26, 0.12);--bt-color-state-focus-on-light: rgba(0, 0, 0, 0.08);--bt-color-state-hover-on-dark: rgba(255, 255, 255, 0.05);--bt-color-state-pressed-on-dark: rgba(255, 255, 255, 0.12);--bt-color-state-focus-on-dark: rgba(255, 255, 255, 0.08);--bt-color-border-default: #E5E5E5;--bt-color-border-hover: #B3B3B3;--bt-color-border-subtle: rgba(0, 0, 0, 0.08);--bt-color-border-focus: #121212;--bt-color-border-disabled: #F2F2F2;--bt-color-status-error: #B91C1C;--bt-color-status-success: #047857;--bt-color-status-warning: #B45309;--bt-color-status-info: #1D4ED8;--bt-color-status-error-on-default: #FFFFFF;--bt-color-status-success-on-default: #FFFFFF;--bt-color-status-warning-on-default: #FFFFFF;--bt-color-status-info-on-default: #FFFFFF;--bt-color-status-error-container: #FEE2E2;--bt-color-status-success-container: #DCFCE7;--bt-color-status-warning-container: #FEF3C7;--bt-color-status-info-container: #DBEAFE;--bt-color-status-error-on-container: #B91C1C;--bt-color-status-success-on-container: #047857;--bt-color-status-warning-on-container: #B45309;--bt-color-status-info-on-container: #1D4ED8;--bt-color-status-error-on-surface: #B91C1C;--bt-color-status-success-on-surface: #047857;--bt-color-status-warning-on-surface: #B45309;--bt-color-status-info-on-surface: #1D4ED8;--bt-color-accent-subtle: rgba(0, 0, 0, 0.05);--bt-color-accent-muted: rgba(26, 26, 26, 0.12);--bt-color-accent-light: #B3B3B3;--bt-color-accent-default: #121212;--bt-color-accent-strong: #121212;--bt-color-accent-on-surface: #FFFFFF;--bt-color-skeleton-base: #F3F3F3;--bt-color-skeleton-wave: #F0F0F0;--bt-color-skeleton-highlight: #FAFAFA;--bt-focus-ring: 0 0 0 3px rgba(0, 0, 0, 0.15);--bt-focus-ring-error: 0 0 0 3px rgba(239, 68, 68, 0.30);--bt-focus-ring-success: 0 0 0 3px rgba(16, 185, 129, 0.30);--bt-elevation-level1: 0 1px 1px -1px rgba(0, 0, 0, 0.20), 0 3px 3px 0px rgba(0, 0, 0, 0.12);--bt-elevation-level2: 0 2px 2px -2px rgba(0, 0, 0, 0.20), 0 6px 6px 0px rgba(0, 0, 0, 0.12);--bt-elevation-level3: 0 3px 3px -3px rgba(0, 0, 0, 0.20), 0 9px 9px 0px rgba(0, 0, 0, 0.12);--bt-elevation-level4: 0 5px 5px -5px rgba(0, 0, 0, 0.20), 0 15px 15px 0px rgba(0, 0, 0, 0.12);--bt-elevation-level5: 0 8px 10px -5px rgba(0, 0, 0, 0.20), 0 20px 20px 0px rgba(0, 0, 0, 0.12)}[data-theme=dark]{color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bt-color-text-heading: rgba(255, 255, 255, 0.95);--bt-color-text-body: #B3B3B3;--bt-color-text-caption: #808080;--bt-color-text-inverse: #121212;--bt-color-text-disabled: rgba(255, 255, 255, 0.38);--bt-color-bg-solid: #0A0A0A;--bt-color-bg-solid-dim: #141414;--bt-color-bg-additive: rgba(255, 255, 255, 0.05);--bt-color-bg-disabled: rgba(255, 255, 255, 0.12);--bt-color-bg-overlay: rgba(0, 0, 0, 0.7);--bt-color-bg-inverse-surface: #F4F4F4;--bt-color-state-hover-on-light: rgba(255, 255, 255, 0.08);--bt-color-state-pressed-on-light: rgba(255, 255, 255, 0.12);--bt-color-state-focus-on-light: rgba(255, 255, 255, 0.12);--bt-color-state-hover-on-dark: rgba(0, 0, 0, 0.08);--bt-color-state-pressed-on-dark: rgba(26, 26, 26, 0.12);--bt-color-state-focus-on-dark: rgba(26, 26, 26, 0.12);--bt-color-border-default: #333333;--bt-color-border-hover: #777777;--bt-color-border-subtle: rgba(255, 255, 255, 0.12);--bt-color-border-focus: #FFFFFF;--bt-color-border-disabled: #141414;--bt-color-brand-primary-container: rgba(255, 255, 255, 0.08);--bt-color-accent-subtle: rgba(255, 255, 255, 0.08);--bt-color-accent-muted: rgba(255, 255, 255, 0.12);--bt-color-accent-light: #999999;--bt-color-accent-default: #FFFFFF;--bt-color-accent-strong: #FFFFFF;--bt-color-accent-on-surface: #121212;--bt-color-status-error-container: rgba(127, 29, 29, 0.35);--bt-color-status-success-container: rgba(6, 78, 59, 0.35);--bt-color-status-warning-container: rgba(120, 53, 15, 0.35);--bt-color-status-info-container: rgba(30, 58, 138, 0.35);--bt-color-status-error-on-container: #FCA5A5;--bt-color-status-success-on-container: #86EFAC;--bt-color-status-warning-on-container: #FCD34D;--bt-color-status-info-on-container: #93C5FD;--bt-color-status-error-on-surface: #F87171;--bt-color-status-success-on-surface: #4ADE80;--bt-color-status-warning-on-surface: #FBBF24;--bt-color-status-info-on-surface: #60A5FA;--bt-color-skeleton-base: #333333;--bt-color-skeleton-wave: #333333;--bt-color-skeleton-highlight: #666666;--bt-focus-ring: 0 0 0 3px rgba(255, 255, 255, 0.35);--bt-focus-ring-error: 0 0 0 3px rgba(239, 68, 68, 0.45);--bt-focus-ring-success: 0 0 0 3px rgba(16, 185, 129, 0.45);--bt-elevation-level1: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 3px 6px 0 rgba(0, 0, 0, 0.30);--bt-elevation-level2: 0 2px 4px 0 rgba(0, 0, 0, 0.45), 0 6px 12px 0 rgba(0, 0, 0, 0.30);--bt-elevation-level3: 0 3px 6px 0 rgba(0, 0, 0, 0.50), 0 9px 18px 0 rgba(0, 0, 0, 0.35);--bt-elevation-level4: 0 5px 10px 0 rgba(0, 0, 0, 0.55), 0 15px 30px 0 rgba(0, 0, 0, 0.40);--bt-elevation-level5: 0 8px 16px 0 rgba(0, 0, 0, 0.60), 0 20px 40px 0 rgba(0, 0, 0, 0.45)}@media(prefers-color-scheme: dark){:root:not([data-theme]){color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bt-color-text-heading: rgba(255, 255, 255, 0.95);--bt-color-text-body: #B3B3B3;--bt-color-text-caption: #808080;--bt-color-text-inverse: #121212;--bt-color-text-disabled: rgba(255, 255, 255, 0.38);--bt-color-bg-solid: #0A0A0A;--bt-color-bg-solid-dim: #141414;--bt-color-bg-additive: rgba(255, 255, 255, 0.05);--bt-color-bg-disabled: rgba(255, 255, 255, 0.12);--bt-color-bg-overlay: rgba(0, 0, 0, 0.7);--bt-color-bg-inverse-surface: #F4F4F4;--bt-color-state-hover-on-light: rgba(255, 255, 255, 0.08);--bt-color-state-pressed-on-light: rgba(255, 255, 255, 0.12);--bt-color-state-focus-on-light: rgba(255, 255, 255, 0.12);--bt-color-state-hover-on-dark: rgba(0, 0, 0, 0.08);--bt-color-state-pressed-on-dark: rgba(26, 26, 26, 0.12);--bt-color-state-focus-on-dark: rgba(26, 26, 26, 0.12);--bt-color-border-default: #333333;--bt-color-border-hover: #777777;--bt-color-border-subtle: rgba(255, 255, 255, 0.12);--bt-color-border-focus: #FFFFFF;--bt-color-border-disabled: #141414;--bt-color-brand-primary-container: rgba(255, 255, 255, 0.08);--bt-color-accent-subtle: rgba(255, 255, 255, 0.08);--bt-color-accent-muted: rgba(255, 255, 255, 0.12);--bt-color-accent-light: #999999;--bt-color-accent-default: #FFFFFF;--bt-color-accent-strong: #FFFFFF;--bt-color-accent-on-surface: #121212;--bt-color-status-error-container: rgba(127, 29, 29, 0.35);--bt-color-status-success-container: rgba(6, 78, 59, 0.35);--bt-color-status-warning-container: rgba(120, 53, 15, 0.35);--bt-color-status-info-container: rgba(30, 58, 138, 0.35);--bt-color-status-error-on-container: #FCA5A5;--bt-color-status-success-on-container: #86EFAC;--bt-color-status-warning-on-container: #FCD34D;--bt-color-status-info-on-container: #93C5FD;--bt-color-status-error-on-surface: #F87171;--bt-color-status-success-on-surface: #4ADE80;--bt-color-status-warning-on-surface: #FBBF24;--bt-color-status-info-on-surface: #60A5FA;--bt-color-skeleton-base: #333333;--bt-color-skeleton-wave: #333333;--bt-color-skeleton-highlight: #666666;--bt-focus-ring: 0 0 0 3px rgba(255, 255, 255, 0.35);--bt-focus-ring-error: 0 0 0 3px rgba(239, 68, 68, 0.45);--bt-focus-ring-success: 0 0 0 3px rgba(16, 185, 129, 0.45);--bt-elevation-level1: 0 1px 2px 0 rgba(0, 0, 0, 0.45), 0 3px 6px 0 rgba(0, 0, 0, 0.30);--bt-elevation-level2: 0 2px 4px 0 rgba(0, 0, 0, 0.45), 0 6px 12px 0 rgba(0, 0, 0, 0.30);--bt-elevation-level3: 0 3px 6px 0 rgba(0, 0, 0, 0.50), 0 9px 18px 0 rgba(0, 0, 0, 0.35);--bt-elevation-level4: 0 5px 10px 0 rgba(0, 0, 0, 0.55), 0 15px 30px 0 rgba(0, 0, 0, 0.40);--bt-elevation-level5: 0 8px 16px 0 rgba(0, 0, 0, 0.60), 0 20px 40px 0 rgba(0, 0, 0, 0.45)}}:root{--bt-color-primary: var(--bt-color-brand-primary);--bt-color-on-primary: var(--bt-color-brand-on-primary);--bt-color-accent: var(--bt-color-accent-default);--bt-color-primary-container: var(--bt-color-brand-primary-container);--bt-color-background: var(--bt-color-bg-solid);--bt-color-background-dim: var(--bt-color-bg-solid-dim);--bt-color-background-overlay: var(--bt-color-bg-overlay);--bt-color-border: var(--bt-color-border-default);--bt-color-text-primary: var(--bt-color-text-heading);--bt-color-text-secondary: var(--bt-color-text-body);--bt-color-text-tertiary: var(--bt-color-text-caption);--bt-color-background-secondary: var(--bt-color-background-dim);--bt-color-border-light: var(--bt-color-border-hover);--bt-color-hover: var(--bt-color-state-hover-on-light);--bt-color-pressed: var(--bt-color-state-pressed-on-light);--bt-color-primary-hover: #333333;--bt-color-overlay: var(--bt-color-bg-overlay);--bt-color-success: var(--bt-color-status-success);--bt-color-error: var(--bt-color-status-error);--bt-color-warning: var(--bt-color-status-warning);--bt-color-info: var(--bt-color-status-info);--bt-spacing-4: 4px;--bt-spacing-8: 8px;--bt-spacing-12: 12px;--bt-spacing-16: 16px;--bt-spacing-20: 20px;--bt-spacing-24: 24px;--bt-spacing-32: 32px;--bt-spacing-40: 40px;--bt-spacing-48: 48px;--bt-spacing-xs: var(--bt-spacing-4);--bt-spacing-sm: var(--bt-spacing-8);--bt-spacing-md: var(--bt-spacing-12);--bt-spacing-lg: var(--bt-spacing-16);--bt-spacing-xl: var(--bt-spacing-20);--bt-spacing-2xl: var(--bt-spacing-24);--bt-spacing-3xl: var(--bt-spacing-32);--bt-font-family: Pretendard, sans-serif;--bt-font-size-12: 12px;--bt-font-size-14: 14px;--bt-font-size-15: 15px;--bt-font-size-16: 16px;--bt-font-size-18: 18px;--bt-font-size-20: 20px;--bt-font-weight-regular: 400;--bt-font-weight-medium: 500;--bt-font-weight-semibold: 600;--bt-line-height-20: 20px;--bt-line-height-24: 24px;--bt-font-size-sm: var(--bt-font-size-14);--bt-font-size-base: var(--bt-font-size-15);--bt-font-size-md: var(--bt-font-size-16);--bt-font-size-lg: var(--bt-font-size-18);--bt-font-size-xl: var(--bt-font-size-20);--bt-line-height-normal: 1.5;--bt-radius-none: 0px;--bt-radius-xs: 4px;--bt-radius-sm: 6px;--bt-radius-md: 8px;--bt-radius-lg: 12px;--bt-radius-xl: 16px;--bt-radius-full: 9999px;--bt-elevation-1: var(--bt-elevation-level1);--bt-elevation-2: var(--bt-elevation-level2);--bt-elevation-3: var(--bt-elevation-level3);--bt-elevation-4: var(--bt-elevation-level4);--bt-elevation-5: var(--bt-elevation-level5);--bt-transition-fast: 0.1s ease-in-out;--bt-transition-base: 0.2s ease-in-out;--bt-transition-slow: 0.3s ease-in-out;--bt-z-modal: 1000;--bt-z-toast: 1000}.bt-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--bt-spacing-sm);border-radius:var(--bt-radius-full);border:none;cursor:pointer;font-family:var(--bt-font-family);font-weight:var(--bt-font-weight-medium);transition:background var(--bt-transition-base),color var(--bt-transition-base),box-shadow var(--bt-transition-base),transform var(--bt-transition-base)}.bt-button:disabled{cursor:not-allowed;opacity:.6}.bt-button--sm{padding:var(--bt-spacing-sm) var(--bt-spacing-lg);font-size:var(--bt-font-size-sm)}.bt-button--md{padding:var(--bt-spacing-md) var(--bt-spacing-xl);font-size:var(--bt-font-size-base)}.bt-button--lg{padding:var(--bt-spacing-lg) var(--bt-spacing-2xl);font-size:var(--bt-font-size-md)}.bt-button--xl{padding:var(--bt-spacing-xl) var(--bt-spacing-3xl);font-size:var(--bt-font-size-lg)}.bt-button--filled{background:var(--bt-color-accent);color:var(--bt-color-accent-on-surface)}.bt-button--filled:hover:not(:disabled){background:color-mix(in srgb, var(--bt-color-accent) 88%, var(--bt-color-accent-on-surface))}.bt-button--filled:active:not(:disabled){transform:scale(0.98)}.bt-button--tonal{background:var(--bt-color-primary-container);color:var(--bt-color-text-primary)}.bt-button--tonal:hover:not(:disabled){background-image:linear-gradient(var(--bt-color-hover), var(--bt-color-hover))}.bt-button--tonal:active:not(:disabled){background-image:linear-gradient(var(--bt-color-pressed), var(--bt-color-pressed));transform:scale(0.98)}.bt-button--outline{background:rgba(0,0,0,0);border:1px solid var(--bt-color-border);color:var(--bt-color-text-primary)}.bt-button--outline:hover:not(:disabled){background:var(--bt-color-background-secondary)}.bt-button--outline:active:not(:disabled){transform:scale(0.98)}.bt-button--text{background:rgba(0,0,0,0);color:var(--bt-color-text-primary)}.bt-button--text:hover:not(:disabled){background:var(--bt-color-hover)}.bt-button--text:active:not(:disabled){transform:scale(0.96)}.bt-button--danger{background:var(--bt-color-error);color:var(--bt-color-on-primary)}.bt-button--danger:hover:not(:disabled){background:color-mix(in srgb, var(--bt-color-error) 88%, #000)}.bt-button--danger:active:not(:disabled){transform:scale(0.98)}.bt-button--radius-none{border-radius:var(--bt-radius-none)}.bt-button--radius-xs{border-radius:var(--bt-radius-xs)}.bt-button--radius-sm{border-radius:var(--bt-radius-sm)}.bt-button--radius-md{border-radius:var(--bt-radius-md)}.bt-button--radius-lg{border-radius:var(--bt-radius-lg)}.bt-button--radius-xl{border-radius:var(--bt-radius-xl)}.bt-button--radius-full{border-radius:var(--bt-radius-full)}.bt-button--full-width{width:100%}.bt-button--danger.bt-button--outline{background:rgba(0,0,0,0);border-color:var(--bt-color-error);color:var(--bt-color-error)}.bt-button--danger.bt-button--outline:hover:not(:disabled){background:color-mix(in srgb, var(--bt-color-error) 8%, transparent)}.bt-button--danger.bt-button--tonal{background:color-mix(in srgb, var(--bt-color-error) 12%, transparent);color:var(--bt-color-error)}.bt-button--danger.bt-button--tonal:hover:not(:disabled){background:color-mix(in srgb, var(--bt-color-error) 18%, transparent)}.bt-button--danger.bt-button--text{background:rgba(0,0,0,0);color:var(--bt-color-error)}.bt-button--danger.bt-button--text:hover:not(:disabled){background:color-mix(in srgb, var(--bt-color-error) 8%, transparent)}.bt-text-field{display:flex;flex-direction:column}.bt-text-field--full-width{width:100%}.bt-text-field__label{margin-bottom:var(--bt-spacing-xs);color:var(--bt-color-text-primary);font-size:var(--bt-font-size-sm);font-weight:var(--bt-font-weight-medium);line-height:var(--bt-line-height-normal)}.bt-text-field__wrap{position:relative;display:inline-flex;width:100%;align-items:center}.bt-text-field__input{width:100%;border-radius:var(--bt-radius-md);font-family:var(--bt-font-family);font-size:var(--bt-font-size-base);line-height:var(--bt-line-height-normal);color:var(--bt-color-text-primary);background:var(--bt-color-background);transition:border-color var(--bt-transition-base),box-shadow var(--bt-transition-base),background var(--bt-transition-base)}.bt-text-field__input::placeholder{color:var(--bt-color-text-tertiary)}.bt-text-field__input:disabled{cursor:not-allowed;background:var(--bt-color-background-secondary);color:var(--bt-color-text-tertiary);opacity:.7}.bt-text-field__input--outline{border:1px solid var(--bt-color-border)}.bt-text-field__input--outline:hover:not(:disabled){border-color:var(--bt-color-border-light)}.bt-text-field__input--outline:focus-visible{outline:none;border-color:var(--bt-color-accent);box-shadow:0 0 0 3px var(--bt-color-border-light)}.bt-text-field__input--filled{background:var(--bt-color-background-secondary);border:1px solid rgba(0,0,0,0)}.bt-text-field__input--filled:focus-visible{outline:none;border-color:var(--bt-color-accent);background:var(--bt-color-background);box-shadow:0 0 0 3px var(--bt-color-border-light)}.bt-text-field__input--sm{padding:var(--bt-spacing-sm) var(--bt-spacing-lg);font-size:var(--bt-font-size-sm)}.bt-text-field__input--md{padding:var(--bt-spacing-md) var(--bt-spacing-xl);font-size:var(--bt-font-size-base)}.bt-text-field__input--lg{padding:var(--bt-spacing-lg) var(--bt-spacing-2xl);font-size:var(--bt-font-size-md)}.bt-text-field__input--error{border-color:var(--bt-color-error) !important;box-shadow:0 0 0 3px rgba(239,68,68,.15) !important}.bt-text-field__input--success{border-color:var(--bt-color-success) !important;box-shadow:0 0 0 3px rgba(16,185,129,.15) !important}.bt-text-field__helper{margin-top:var(--bt-spacing-xs);font-size:var(--bt-font-size-sm);color:var(--bt-color-text-secondary)}.bt-text-field__helper--error{color:var(--bt-color-error)}.bt-text-field__helper--success{color:var(--bt-color-success)}.bt-text-field__icon{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;color:var(--bt-color-text-secondary)}.bt-text-field__icon--left{left:var(--bt-spacing-md)}.bt-text-field__icon--right{right:var(--bt-spacing-md)}.bt-checkbox{display:inline-flex;align-items:center;gap:var(--bt-spacing-sm);cursor:pointer;user-select:none;position:relative}.bt-checkbox__input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.bt-checkbox__box{width:1.125rem;height:1.125rem;box-sizing:border-box;border:1px solid var(--bt-color-border);border-radius:var(--bt-radius-sm);background:var(--bt-color-background);transition:background var(--bt-transition-base),border-color var(--bt-transition-base),box-shadow var(--bt-transition-base);display:inline-block;position:relative}.bt-checkbox__label{font-family:var(--bt-font-family);font-size:var(--bt-font-size-base);line-height:var(--bt-line-height-normal);color:var(--bt-color-text-primary)}.bt-checkbox--sm .bt-checkbox__box{width:1rem;height:1rem}.bt-checkbox--sm .bt-checkbox__label{font-size:var(--bt-font-size-sm)}.bt-checkbox--lg .bt-checkbox__box{width:1.25rem;height:1.25rem}.bt-checkbox--lg .bt-checkbox__label{font-size:var(--bt-font-size-md)}.bt-checkbox__input:focus-visible+.bt-checkbox__box{box-shadow:0 0 0 3px var(--bt-color-border-light);border-color:var(--bt-color-accent)}.bt-checkbox__input:disabled+.bt-checkbox__box,.bt-checkbox__input:disabled~.bt-checkbox__label{opacity:.6;cursor:not-allowed}.bt-checkbox__input:checked+.bt-checkbox__box{background:var(--bt-color-accent);border-color:var(--bt-color-accent)}.bt-checkbox__input:checked+.bt-checkbox__box::after{content:"";position:absolute;left:50%;top:50%;width:.28rem;height:.55rem;border:2px solid var(--bt-color-accent-on-surface);border-top:0;border-left:0;transform:translate(-50%, -58%) rotate(45deg)}.bt-radio{position:relative;display:inline-flex;align-items:center;gap:var(--bt-spacing-sm);cursor:pointer;user-select:none}.bt-radio__input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;margin:0}.bt-radio__dot{width:1.125rem;height:1.125rem;box-sizing:border-box;border:1px solid var(--bt-color-border);border-radius:var(--bt-radius-full);background:var(--bt-color-background);transition:background var(--bt-transition-base),border-color var(--bt-transition-base),box-shadow var(--bt-transition-base);position:relative;display:inline-block}.bt-radio__label{font-family:var(--bt-font-family);font-size:var(--bt-font-size-base);line-height:var(--bt-line-height-normal);color:var(--bt-color-text-primary)}.bt-radio--sm .bt-radio__dot{width:1rem;height:1rem}.bt-radio--sm .bt-radio__label{font-size:var(--bt-font-size-sm)}.bt-radio--lg .bt-radio__dot{width:1.25rem;height:1.25rem}.bt-radio--lg .bt-radio__label{font-size:var(--bt-font-size-md)}.bt-radio__input:focus-visible+.bt-radio__dot{box-shadow:0 0 0 3px var(--bt-color-border-light);border-color:var(--bt-color-accent)}.bt-radio__input:checked+.bt-radio__dot{border-color:var(--bt-color-accent);border-width:2px}.bt-radio__input:checked+.bt-radio__dot::after{content:"";position:absolute;left:50%;top:50%;width:60%;height:60%;transform:translate(-50%, -50%);background:var(--bt-color-accent);border-radius:9999px}.bt-radio__input:disabled+.bt-radio__dot,.bt-radio__input:disabled~.bt-radio__label{opacity:.6;cursor:not-allowed}.bt-toggle{position:relative;display:inline-flex;align-items:center;width:40px;height:24px;padding:2px;border-radius:var(--bt-radius-full);background:var(--bt-color-border-light);transition:background var(--bt-transition-base);cursor:pointer;border:none}.bt-toggle__thumb{width:12px;height:12px;background:var(--bt-color-background);border-radius:var(--bt-radius-full);transition:transform var(--bt-transition-base),width var(--bt-transition-base),height var(--bt-transition-base);transform:translateX(0)}.bt-toggle--on{background:var(--bt-color-accent)}.bt-toggle--on .bt-toggle__thumb{width:20px;height:20px;background:var(--bt-color-accent-on-surface);transform:translateX(16px)}.bt-toggle--sm{width:40px;height:24px}.bt-toggle--md{width:48px;height:28px}.bt-toggle--md .bt-toggle__thumb{width:16px;height:16px}.bt-toggle--md.bt-toggle--on .bt-toggle__thumb{width:24px;height:24px;transform:translateX(20px)}.bt-toggle:disabled{cursor:not-allowed;background:var(--bt-color-border-light)}.bt-toggle:disabled .bt-toggle__thumb{background:#fff}.bt-dropdown{position:relative;display:inline-flex;flex-direction:column;width:100%;gap:var(--bt-spacing-xs);font-family:var(--bt-font-family)}.bt-dropdown__label{font-size:var(--bt-font-size-sm);font-weight:var(--bt-font-weight-medium);line-height:var(--bt-line-height-normal);color:var(--bt-color-text-primary)}.bt-dropdown__control{width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--bt-spacing-sm);cursor:pointer;color:var(--bt-color-text-primary);background:var(--bt-color-background);border-radius:var(--bt-radius-md);transition:border-color var(--bt-transition-base),box-shadow var(--bt-transition-base),background var(--bt-transition-base);font-size:var(--bt-font-size-base);line-height:var(--bt-line-height-normal);border:none;text-align:left}.bt-dropdown__control:disabled,.bt-dropdown__control.is-disabled{cursor:not-allowed;opacity:.7;background:var(--bt-color-background-secondary);color:var(--bt-color-text-tertiary)}.bt-dropdown__control--outline{border:1px solid var(--bt-color-border)}.bt-dropdown__control--outline:hover:not(.is-disabled){border-color:var(--bt-color-border-light)}.bt-dropdown__control--outline.is-open{border-color:var(--bt-color-accent);box-shadow:0 0 0 3px var(--bt-color-border-light)}.bt-dropdown__control--filled{background:var(--bt-color-background-secondary);border:1px solid rgba(0,0,0,0)}.bt-dropdown__control--filled.is-open{background:var(--bt-color-background);border-color:var(--bt-color-accent);box-shadow:0 0 0 3px var(--bt-color-border-light)}.bt-dropdown__control--sm{padding:var(--bt-spacing-sm) var(--bt-spacing-lg);font-size:var(--bt-font-size-sm)}.bt-dropdown__control--md{padding:var(--bt-spacing-md) var(--bt-spacing-xl);font-size:var(--bt-font-size-base)}.bt-dropdown__control--lg{padding:var(--bt-spacing-lg) var(--bt-spacing-2xl);font-size:var(--bt-font-size-md)}.bt-dropdown__value{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bt-dropdown__placeholder{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--bt-color-text-tertiary)}.bt-dropdown__icon{display:inline-flex;align-items:center;justify-content:center;color:var(--bt-color-text-secondary);transition:transform var(--bt-transition-base)}.bt-dropdown__icon.is-open{transform:rotate(180deg)}.bt-dropdown__list{display:none;position:absolute;z-index:var(--bt-z-modal);top:100%;left:0;width:100%;min-width:100%;box-sizing:border-box;margin-top:var(--bt-spacing-xs);background:var(--bt-color-background);border:1px solid var(--bt-color-border);border-radius:var(--bt-radius-md);box-shadow:var(--bt-elevation-2);max-height:18rem;overflow-y:auto;overflow-x:hidden;padding:var(--bt-spacing-xs) 0;list-style:none;margin:var(--bt-spacing-xs) 0 0 0}.bt-dropdown__list--up{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bt-spacing-xs)}.bt-dropdown__option{width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--bt-spacing-sm);padding:var(--bt-spacing-sm) var(--bt-spacing-lg);cursor:pointer;color:var(--bt-color-text-primary);background:rgba(0,0,0,0);font-family:var(--bt-font-family);font-size:var(--bt-font-size-base);line-height:var(--bt-line-height-normal)}.bt-dropdown__option:hover,.bt-dropdown__option.is-active{background:var(--bt-color-background-secondary)}.bt-dropdown__option.is-selected{font-weight:var(--bt-font-weight-medium)}.bt-dropdown__option.is-disabled{cursor:not-allowed;color:var(--bt-color-text-tertiary)}.bt-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;place-items:center;background:var(--bt-color-overlay);z-index:var(--bt-z-modal)}.bt-modal.is-open{display:grid}.bt-modal__panel{position:relative;background:var(--bt-color-background);border-radius:var(--bt-radius-lg);box-shadow:var(--bt-elevation-3);max-width:calc(100% - 32px);overflow:hidden}.bt-modal__header{padding:var(--bt-spacing-lg);padding-right:calc(var(--bt-spacing-lg) + 32px);border-bottom:1px solid var(--bt-color-border);color:var(--bt-color-text-primary);font-size:var(--bt-font-size-xl);font-weight:var(--bt-font-weight-semibold);line-height:1.3}.bt-modal__close{position:absolute;top:var(--bt-spacing-md);right:var(--bt-spacing-md);width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:none;background:rgba(0,0,0,0);color:var(--bt-color-text-tertiary);border-radius:var(--bt-radius-md);cursor:pointer;transition:background var(--bt-transition-fast),color var(--bt-transition-fast)}.bt-modal__close:hover{background:var(--bt-color-hover);color:var(--bt-color-text-primary)}.bt-modal__close:focus-visible{outline:none;box-shadow:0 0 0 3px var(--bt-color-border-light)}.bt-modal__body{padding:var(--bt-spacing-lg)}.bt-modal__footer{padding:var(--bt-spacing-lg);border-top:1px solid var(--bt-color-border);display:flex;justify-content:flex-end;gap:var(--bt-spacing-sm)}@keyframes bt-alert-fade-in{from{opacity:0}to{opacity:1}}@keyframes bt-alert-slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bt-alert__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bt-color-overlay);display:none;align-items:center;justify-content:center;z-index:var(--bt-z-modal);animation:bt-alert-fade-in var(--bt-transition-base)}.bt-alert__overlay.is-open{display:flex}.bt-alert__modal{background:var(--bt-color-background);border-radius:var(--bt-radius-lg);min-width:320px;max-width:480px;box-shadow:var(--bt-elevation-4);animation:bt-alert-slide-up var(--bt-transition-slow);overflow:hidden}.bt-alert__title{font-size:var(--bt-font-size-lg);font-weight:var(--bt-font-weight-semibold);line-height:var(--bt-line-height-normal);color:var(--bt-color-info);padding:var(--bt-spacing-md) var(--bt-spacing-xl) var(--bt-spacing-xs)}.bt-alert__message{font-size:var(--bt-font-size-base);color:var(--bt-color-text-secondary);padding:var(--bt-spacing-xl);line-height:1.75}.bt-alert__actions{display:flex;gap:var(--bt-spacing-sm);align-items:center;padding:0 var(--bt-spacing-xl) var(--bt-spacing-xl);justify-content:flex-end}.bt-alert--info .bt-alert__title{color:var(--bt-color-info)}.bt-alert--success .bt-alert__title{color:var(--bt-color-success)}.bt-alert--warning .bt-alert__title{color:var(--bt-color-warning)}.bt-alert--error .bt-alert__title{color:var(--bt-color-error)}.bt-card{background:var(--bt-color-background);border-radius:var(--bt-radius-lg);box-shadow:var(--bt-elevation-1);padding:var(--bt-spacing-lg);transition:transform var(--bt-transition-base),box-shadow var(--bt-transition-base)}.bt-card--bordered{border:1px solid var(--bt-color-border)}.bt-card--shadow-none{box-shadow:none}.bt-card--shadow-sm{box-shadow:var(--bt-elevation-1)}.bt-card--shadow-md{box-shadow:var(--bt-elevation-2)}.bt-card--shadow-lg{box-shadow:var(--bt-elevation-3)}.bt-card--p-none{padding:0}.bt-card--p-sm{padding:var(--bt-spacing-sm)}.bt-card--p-md{padding:var(--bt-spacing-lg)}.bt-card--p-lg{padding:var(--bt-spacing-2xl)}.bt-card--accent{background:var(--bt-color-accent);color:var(--bt-color-accent-on-surface)}.bt-card--accent .bt-card__title{color:var(--bt-color-accent-on-surface)}.bt-card--outlined{background:rgba(0,0,0,0);border:1px solid var(--bt-color-border);box-shadow:none}.bt-card--glass{background:rgba(0,0,0,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.08);color:var(--bt-color-on-primary)}.bt-card--glass .bt-card__title{color:var(--bt-color-on-primary)}[data-theme=dark] .bt-card--glass{background:hsla(0,0%,100%,.05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 8px 32px rgba(0,0,0,.12)}@media(prefers-color-scheme: dark){:root:not([data-theme]) .bt-card--glass{background:hsla(0,0%,100%,.05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 8px 32px rgba(0,0,0,.12)}}.bt-card--interactive{cursor:pointer}.bt-card--interactive:hover{transform:translateY(-2px);box-shadow:var(--bt-elevation-2)}.bt-card__title{font-size:var(--bt-font-size-xl);font-weight:var(--bt-font-weight-semibold);line-height:1.3;margin-bottom:var(--bt-spacing-md);color:var(--bt-color-text-primary)}@keyframes bt-spinner-spin{to{transform:rotate(360deg)}}.bt-spinner{display:inline-block;box-sizing:border-box;width:var(--bt-spinner-size, 24px);height:var(--bt-spinner-size, 24px);border-radius:50%;border:2px solid var(--bt-color-border);border-top-color:var(--bt-color-accent);animation:bt-spinner-spin .8s linear infinite}.bt-pagination{display:flex;align-items:center;justify-content:center;gap:var(--bt-spacing-sm);margin-top:var(--bt-spacing-3xl)}.bt-pagination__item{border:1px solid var(--bt-color-border);background:var(--bt-color-background);border-radius:var(--bt-radius-md);padding:6px 10px;min-width:36px;font-family:var(--bt-font-family);font-size:var(--bt-font-size-sm);color:var(--bt-color-text-primary);cursor:pointer;transition:background var(--bt-transition-base),border-color var(--bt-transition-base)}.bt-pagination__item:hover:not(:disabled){background:var(--bt-color-background-secondary)}.bt-pagination__item:disabled{opacity:.5;cursor:not-allowed}.bt-pagination__pages{display:flex;align-items:center;gap:6px}.bt-pagination__page{border:0;background:rgba(0,0,0,0);min-width:36px;height:36px;border-radius:var(--bt-radius-md);font-family:var(--bt-font-family);font-size:var(--bt-font-size-sm);color:var(--bt-color-text-secondary);cursor:pointer;transition:background var(--bt-transition-base),color var(--bt-transition-base)}.bt-pagination__page:hover{background:var(--bt-color-background-secondary);color:var(--bt-color-text-primary)}.bt-pagination__page--active{color:var(--bt-color-text-primary);font-weight:var(--bt-font-weight-semibold)}.bt-pagination__ellipsis{min-width:20px;text-align:center;font-size:var(--bt-font-size-sm);color:var(--bt-color-text-tertiary)}.bt-date-picker{display:flex;flex-direction:column;gap:var(--bt-spacing-xs)}.bt-date-picker__label{color:var(--bt-color-text-primary);margin-bottom:var(--bt-spacing-xs);font-weight:var(--bt-font-weight-medium);font-size:var(--bt-font-size-sm);line-height:var(--bt-line-height-normal)}.bt-date-picker__label-required{margin-left:var(--bt-spacing-xs);color:var(--bt-color-error)}.bt-date-picker__fields{display:flex;gap:var(--bt-spacing-sm)}.bt-date-picker__select{min-width:88px;height:44px;padding:0 var(--bt-spacing-md);font-family:var(--bt-font-family);font-size:var(--bt-font-size-base);color:var(--bt-color-text-primary);background-color:var(--bt-color-background);border:1px solid var(--bt-color-border);border-radius:var(--bt-radius-sm);cursor:pointer;transition:border-color var(--bt-transition-fast),box-shadow var(--bt-transition-fast),background-color var(--bt-transition-fast);appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--bt-color-text-secondary) 50%),linear-gradient(135deg, var(--bt-color-text-secondary) 50%, transparent 50%);background-position:calc(100% - 16px) calc(50% - 3px),calc(100% - 11px) calc(50% - 3px);background-size:5px 5px;background-repeat:no-repeat}.bt-date-picker__select:hover:not(:disabled){border-color:var(--bt-color-accent);background-color:var(--bt-color-background-secondary)}.bt-date-picker__select:focus-visible{outline:none;border-color:var(--bt-color-accent);box-shadow:0 0 0 3px var(--bt-color-border-light)}.bt-date-picker__select:disabled{cursor:not-allowed;color:var(--bt-color-text-disabled);background-color:var(--bt-color-background-secondary);border-color:var(--bt-color-border-light)}.bt-date-picker--full-width{width:100%}.bt-date-picker--full-width .bt-date-picker__fields{width:100%}.bt-date-picker--full-width .bt-date-picker__select{flex:1;min-width:0}.bt-file-input{position:relative;display:inline-flex;align-items:center}.bt-file-input:hover .bt-file-input__label{border-color:var(--bt-color-border-light)}.bt-file-input__control{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.bt-file-input__label{border:1px solid var(--bt-color-border);border-radius:var(--bt-radius-md);background:var(--bt-color-background);padding:var(--bt-spacing-sm) var(--bt-spacing-lg);font-family:var(--bt-font-family);font-size:var(--bt-font-size-base);color:var(--bt-color-text-primary);transition:background var(--bt-transition-base),border-color var(--bt-transition-base),box-shadow var(--bt-transition-base)}.bt-file-input__control:focus-visible+.bt-file-input__label{box-shadow:0 0 0 3px var(--bt-color-border-light);border-color:var(--bt-color-accent)}.bt-file-input--disabled{cursor:not-allowed}.bt-file-input--disabled .bt-file-input__control{cursor:not-allowed}.bt-file-input--disabled .bt-file-input__label{opacity:.6;cursor:not-allowed}.bt-file-input--disabled:hover .bt-file-input__label{border-color:var(--bt-color-border)}.bt-toast{font-family:var(--bt-font-family);font-size:var(--bt-font-size-base);border-radius:var(--bt-radius-md);box-shadow:var(--bt-elevation-3)}.bt-hidden{display:none !important}.bt-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}@media(prefers-reduced-motion: reduce){:root{--bt-transition-fast: 0s;--bt-transition-base: 0s;--bt-transition-slow: 0s}.bt-alert__overlay,.bt-alert__modal{animation:none}.bt-card--interactive:hover{transform:none}.bt-spinner{animation-duration:2.4s}}
package/dist/vanilla/bigtablet.min.js CHANGED
@@ -1,35 +1,35 @@
1
- (function(){'use strict';((E,A)=>{typeof exports=="object"&&typeof module<"u"?module.exports=A():typeof define=="function"&&define.amd?define(A):(E=E||self,E.Bigtablet=A());})(void 0,()=>{function E(t="bt"){return `${t}_${Math.random().toString(36).substring(2,9)}`}function A(t){return String(t).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}function O(t,c,e,a){return t.addEventListener(c,e,a),()=>t.removeEventListener(c,e,a)}function k(t,c=document){return c.querySelector(t)}function h(t,c=document){return Array.from(c.querySelectorAll(t))}let I=["a[href]","button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(", ");function q(){let t=document.body,c=parseInt(t.dataset.btOpenModals||"0",10);c===0&&(t.dataset.btOriginalOverflow=t.style.overflow,t.style.overflow="hidden"),t.dataset.btOpenModals=String(c+1);}function w(){let t=document.body,c=parseInt(t.dataset.btOpenModals||"1",10)-1;c<=0?(t.style.overflow=t.dataset.btOriginalOverflow||"",delete t.dataset.btOpenModals,delete t.dataset.btOriginalOverflow):t.dataset.btOpenModals=String(c);}function T(t,c={}){let e=typeof t=="string"?k(t):t;if(!e)return null;let a={placeholder:"Select...",disabled:false,onChange:null,...c},i={isOpen:false,value:a.defaultValue||null,activeIndex:-1,options:[]},f=e.id||E("select"),d=`${f}_listbox`,r=e.querySelector(".bt-select__control"),b=e.querySelector(".bt-select__list");if(!r||!b)return console.warn("Select: Missing required elements (.bt-select__control, .bt-select__list)"),null;let u=()=>h(".bt-select__option",b).map(n=>({value:n.dataset.value!==void 0?n.dataset.value:n.textContent.trim(),label:n.textContent.trim(),disabled:n.classList.contains("is-disabled")})),o;if(e.dataset.options)try{let n=JSON.parse(e.dataset.options);Array.isArray(n)?o=n:console.warn("Select: data-options is not a JSON array");}catch(n){console.warn("Select: invalid JSON in data-options",n);}o===void 0&&(o=Array.isArray(a.options)?a.options:u()),i.options=o,b.id=b.id||d,b.setAttribute("role","listbox"),r.setAttribute("role","combobox"),r.setAttribute("aria-haspopup","listbox"),r.setAttribute("aria-expanded","false"),r.setAttribute("aria-controls",b.id),h(".bt-select__option",b).forEach((n,p)=>{n.id=n.id||`${f}_option_${p}`,n.setAttribute("role","option"),n.setAttribute("aria-selected","false"),i.options[p]?.disabled&&n.setAttribute("aria-disabled","true");});let l=e.querySelector('input[type="hidden"]'),g=a.name||e.dataset.name||null;!l&&g&&(l=document.createElement("input"),l.type="hidden",l.name=g,e.appendChild(l));function s(n){i.value=n;let p=i.options.find(_=>String(_.value)===String(n));l&&(l.value=n??"");let m=r.querySelector(".bt-select__value, .bt-select__placeholder");m&&(p?(m.textContent=p.label,m.classList.remove("bt-select__placeholder"),m.classList.add("bt-select__value")):(m.textContent=a.placeholder,m.classList.remove("bt-select__value"),m.classList.add("bt-select__placeholder"))),h(".bt-select__option",b).forEach((_,L)=>{let C=String(i.options[L]?.value)===String(n);_.classList.toggle("is-selected",C),_.setAttribute("aria-selected",C?"true":"false");}),a.onChange&&a.onChange(n,p);}function v(){if(a.disabled)return;i.isOpen=true,r.classList.add("is-open"),r.setAttribute("aria-expanded","true"),b.style.display="block";let n=r.getBoundingClientRect(),p=Math.min(i.options.length*40,288),m=window.innerHeight-n.bottom,_=n.top;m<p&&_>m?b.classList.add("bt-select__list--up"):b.classList.remove("bt-select__list--up");let L=i.options.findIndex(z=>z.value===i.value);i.activeIndex=L>=0?L:0,x();let C=r.querySelector(".bt-select__icon");C&&C.classList.add("is-open");}function y(){i.isOpen=false,r.classList.remove("is-open"),r.setAttribute("aria-expanded","false"),r.removeAttribute("aria-activedescendant"),b.style.display="none";let n=r.querySelector(".bt-select__icon");n&&n.classList.remove("is-open");}function S(){i.isOpen?y():v();}function x(){let n=null;h(".bt-select__option",b).forEach((p,m)=>{let _=m===i.activeIndex;p.classList.toggle("is-active",_),_&&(n=p.id);}),n?r.setAttribute("aria-activedescendant",n):r.removeAttribute("aria-activedescendant");}function P(n){let p=i.options.length,m=i.activeIndex;for(let _=0;_<p;_++)if(m=(m+n+p)%p,!i.options[m].disabled){i.activeIndex=m,x();break}}function H(){let n=i.options[i.activeIndex];n&&!n.disabled&&(s(n.value),y());}function U(n){n.preventDefault(),S();}function j(n){if(!a.disabled)switch(n.key){case " ":case "Enter":n.preventDefault(),i.isOpen?H():v();break;case "ArrowDown":n.preventDefault(),i.isOpen?P(1):v();break;case "ArrowUp":n.preventDefault(),i.isOpen?P(-1):v();break;case "Home":n.preventDefault(),v(),i.activeIndex=i.options.findIndex(p=>!p.disabled),x();break;case "End":n.preventDefault(),v();for(let p=i.options.length-1;p>=0;p--)if(!i.options[p].disabled){i.activeIndex=p,x();break}break;case "Escape":n.preventDefault(),y();break}}function F(n){e.contains(n.target)||y();}function J(n){return p=>{p.preventDefault();let m=i.options[n];m&&!m.disabled&&(s(m.value),y());}}function R(n){return ()=>{i.options[n].disabled||(i.activeIndex=n,x());}}let $=[O(r,"click",U),O(r,"keydown",j),O(document,"mousedown",F)];return h(".bt-select__option",b).forEach((n,p)=>{$.push(O(n,"click",J(p))),$.push(O(n,"mouseenter",R(p)));}),b.style.display="none",a.defaultValue?s(a.defaultValue):l&&l.value&&s(l.value),{getValue:()=>i.value,setValue:s,open:v,close:y,toggle:S,setDisabled:n=>{a.disabled=n,r.classList.toggle("is-disabled",n);},destroy:()=>{$.forEach(n=>{n();});}}}function M(t,c={}){let e=typeof t=="string"?k(t):t;if(!e)return null;let a={closeOnOverlay:true,closeOnEscape:true,onOpen:null,onClose:null,...c},i={isOpen:false},f=e.querySelector(".bt-modal__panel"),d=null,r=false;if(f&&(f.setAttribute("role","dialog"),f.setAttribute("aria-modal","true"),!f.hasAttribute("aria-label")&&!f.hasAttribute("aria-labelledby"))){let s=f.querySelector(".bt-modal__header");s?(s.id=s.id||E("modal_title"),f.setAttribute("aria-labelledby",s.id)):f.setAttribute("aria-label","Dialog");}function b(){if(!i.isOpen){if(i.isOpen=true,e.classList.add("is-open"),q(),d=document.activeElement,f){let s=f.querySelector(I);s?s.focus():(f.setAttribute("tabindex","-1"),r=true,f.focus());}a.onOpen&&a.onOpen();}}function u(){i.isOpen&&(i.isOpen=false,e.classList.remove("is-open"),w(),r&&f&&(f.removeAttribute("tabindex"),r=false),d&&typeof d.focus=="function"&&d.focus(),d=null,a.onClose&&a.onClose());}function o(s){a.closeOnOverlay&&s.target===e&&u();}function l(s){if(i.isOpen){if(a.closeOnEscape&&s.key==="Escape"){u();return}if(s.key==="Tab"&&f){let v=h(I,f);if(v.length===0){s.preventDefault();return}let y=v[0],S=v[v.length-1];s.shiftKey&&document.activeElement===y?(s.preventDefault(),S.focus()):!s.shiftKey&&document.activeElement===S&&(s.preventDefault(),y.focus());}}}let g=[O(e,"click",o),O(document,"keydown",l)];return h("[data-modal-close]",e).forEach(s=>{g.push(O(s,"click",u));}),{isOpen:()=>i.isOpen,open:b,close:u,toggle:()=>i.isOpen?u():b(),destroy:()=>{g.forEach(s=>{s();}),i.isOpen&&w();}}}function K(t={}){let c={title:"",message:"",variant:"info",confirmText:"\uD655\uC778",cancelText:"\uCDE8\uC18C",showCancel:false,actionsAlign:"right",onConfirm:null,onCancel:null,...t},e=document.createElement("div");e.className=`bt-alert__overlay bt-alert--${c.variant} is-open`,e.innerHTML=`
1
+ (function(){'use strict';/**
2
+ * Bigtablet Design System - Vanilla JavaScript
3
+ * For use with plain HTML/CSS/JS, Thymeleaf, JSP, etc.
4
+ *
5
+ * @version 1.0.0
6
+ * @license Bigtablet Inc. Open Source License - see LICENSE at the repo root
7
+ * (https://github.com/Bigtablet/.github/blob/main/BIGTABLET_LICENSE.md)
8
+ */((w,A)=>{typeof exports=="object"&&typeof module<"u"?module.exports=A():typeof define=="function"&&define.amd?define(A):(w=w||self,w.Bigtablet=A());})(void 0,()=>{function w(n="bt"){return `${n}_${Math.random().toString(36).substring(2,9)}`}function A(n){return String(n).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#039;")}function O(n,l,e,o){return n.addEventListener(l,e,o),()=>n.removeEventListener(l,e,o)}function E(n,l=document){return l.querySelector(n)}function h(n,l=document){return Array.from(l.querySelectorAll(n))}let S=["a[href]","button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(", ");function $(){let n=document.body,l=parseInt(n.dataset.btOpenModals||"0",10);l===0&&(n.dataset.btOriginalOverflow=n.style.overflow,n.style.overflow="hidden"),n.dataset.btOpenModals=String(l+1);}function D(){let n=document.body,l=parseInt(n.dataset.btOpenModals||"1",10)-1;l<=0?(n.style.overflow=n.dataset.btOriginalOverflow||"",delete n.dataset.btOpenModals,delete n.dataset.btOriginalOverflow):n.dataset.btOpenModals=String(l);}function N(n,l={}){let e=typeof n=="string"?E(n):n;if(!e)return null;let o={placeholder:"Select...",disabled:false,onValueChange:null,...l},i={isOpen:false,value:o.defaultValue||null,activeIndex:-1,options:[]},u=e.id||w("dropdown"),f=`${u}_listbox`,r=e.querySelector(".bt-dropdown__control"),p=e.querySelector(".bt-dropdown__list");if(!r||!p)return console.warn("Dropdown: Missing required elements (.bt-dropdown__control, .bt-dropdown__list)"),null;(r.disabled||r.classList.contains("is-disabled"))&&(o.disabled=true),r.disabled=o.disabled,r.setAttribute("aria-disabled",o.disabled?"true":"false"),r.classList.toggle("is-disabled",o.disabled);let c=()=>h(".bt-dropdown__option",p).map(t=>({value:t.dataset.value!==void 0?t.dataset.value:t.textContent.trim(),label:t.textContent.trim(),disabled:t.classList.contains("is-disabled")})),d;if(e.dataset.options)try{let t=JSON.parse(e.dataset.options);Array.isArray(t)?d=t:console.warn("Dropdown: data-options is not a JSON array");}catch(t){console.warn("Dropdown: invalid JSON in data-options",t);}d===void 0&&(d=Array.isArray(o.options)?o.options:c()),i.options=d,p.id=p.id||f,p.setAttribute("role","listbox"),r.setAttribute("role","combobox"),r.setAttribute("aria-haspopup","listbox"),r.setAttribute("aria-expanded","false"),r.setAttribute("aria-controls",p.id),h(".bt-dropdown__option",p).forEach((t,g)=>{t.id=t.id||`${u}_option_${g}`,t.setAttribute("role","option"),t.setAttribute("aria-selected","false"),i.options[g]?.disabled&&t.setAttribute("aria-disabled","true");});let a=e.querySelector('input[type="hidden"]'),b=o.name||e.dataset.name||null;!a&&b&&(a=document.createElement("input"),a.type="hidden",a.name=b,e.appendChild(a));function s(t){i.value=t;let g=i.options.find(y=>String(y.value)===String(t));a&&(a.value=t??"");let m=r.querySelector(".bt-dropdown__value, .bt-dropdown__placeholder");m&&(g?(m.textContent=g.label,m.classList.remove("bt-dropdown__placeholder"),m.classList.add("bt-dropdown__value")):(m.textContent=o.placeholder,m.classList.remove("bt-dropdown__value"),m.classList.add("bt-dropdown__placeholder"))),h(".bt-dropdown__option",p).forEach((y,L)=>{let x=String(i.options[L]?.value)===String(t);y.classList.toggle("is-selected",x),y.setAttribute("aria-selected",x?"true":"false");}),o.onValueChange&&o.onValueChange(t,g);}function v(){if(o.disabled||r.disabled)return;i.isOpen=true,r.classList.add("is-open"),r.setAttribute("aria-expanded","true"),p.style.display="block";let t=r.getBoundingClientRect(),g=Math.min(i.options.length*40,288),m=window.innerHeight-t.bottom,y=t.top;m<g&&y>m?p.classList.add("bt-dropdown__list--up"):p.classList.remove("bt-dropdown__list--up");let L=i.options.findIndex(G=>G.value===i.value);i.activeIndex=L>=0?L:0,C();let x=r.querySelector(".bt-dropdown__icon");x&&x.classList.add("is-open");}function _(){i.isOpen=false,r.classList.remove("is-open"),r.setAttribute("aria-expanded","false"),r.removeAttribute("aria-activedescendant"),p.style.display="none";let t=r.querySelector(".bt-dropdown__icon");t&&t.classList.remove("is-open");}function k(){i.isOpen?_():v();}function C(){let t=null;h(".bt-dropdown__option",p).forEach((g,m)=>{let y=m===i.activeIndex;g.classList.toggle("is-active",y),y&&(t=g.id);}),t?r.setAttribute("aria-activedescendant",t):r.removeAttribute("aria-activedescendant");}function B(t){let g=i.options.length,m=i.activeIndex;for(let y=0;y<g;y++)if(m=(m+t+g)%g,!i.options[m].disabled){i.activeIndex=m,C();break}}function R(){let t=i.options[i.activeIndex];t&&!t.disabled&&(s(t.value),_());}function V(t){t.preventDefault(),k();}function F(t){if(!o.disabled)switch(t.key){case " ":case "Enter":t.preventDefault(),i.isOpen?R():v();break;case "ArrowDown":t.preventDefault(),i.isOpen?B(1):v();break;case "ArrowUp":t.preventDefault(),i.isOpen?B(-1):v();break;case "Home":t.preventDefault(),v(),i.activeIndex=i.options.findIndex(g=>!g.disabled),C();break;case "End":t.preventDefault(),v();for(let g=i.options.length-1;g>=0;g--)if(!i.options[g].disabled){i.activeIndex=g,C();break}break;case "Escape":t.preventDefault(),_();break}}function j(t){e.contains(t.target)||_();}function J(t){return g=>{g.preventDefault();let m=i.options[t];m&&!m.disabled&&(s(m.value),_());}}function z(t){return ()=>{i.options[t].disabled||(i.activeIndex=t,C());}}let T=[O(r,"click",V),O(r,"keydown",F),O(document,"mousedown",j)];return h(".bt-dropdown__option",p).forEach((t,g)=>{T.push(O(t,"click",J(g))),T.push(O(t,"mouseenter",z(g)));}),p.style.display="none",o.defaultValue?s(o.defaultValue):a&&a.value&&s(a.value),{getValue:()=>i.value,setValue:s,open:v,close:_,toggle:k,setDisabled:t=>{o.disabled=t,r.disabled=t,r.setAttribute("aria-disabled",t?"true":"false"),r.classList.toggle("is-disabled",t);},destroy:()=>{T.forEach(t=>{t();});}}}function q(n,l={}){let e=typeof n=="string"?E(n):n;if(!e)return null;let o={closeOnOverlay:true,closeOnEscape:true,onOpen:null,onClose:null,...l},i={isOpen:false},u=e.querySelector(".bt-modal__panel"),f=null,r=false;if(u&&(u.setAttribute("role","dialog"),u.setAttribute("aria-modal","true"),!u.hasAttribute("aria-label")&&!u.hasAttribute("aria-labelledby"))){let s=u.querySelector(".bt-modal__header");s?(s.id=s.id||w("modal_title"),u.setAttribute("aria-labelledby",s.id)):u.setAttribute("aria-label","Dialog");}function p(){if(!i.isOpen){if(i.isOpen=true,e.classList.add("is-open"),$(),f=document.activeElement,u){let s=u.querySelector(S);s?s.focus():(u.setAttribute("tabindex","-1"),r=true,u.focus());}o.onOpen&&o.onOpen();}}function c(){i.isOpen&&(i.isOpen=false,e.classList.remove("is-open"),D(),r&&u&&(u.removeAttribute("tabindex"),r=false),f&&typeof f.focus=="function"&&f.focus(),f=null,o.onClose&&o.onClose());}function d(s){o.closeOnOverlay&&s.target===e&&c();}function a(s){if(i.isOpen){if(o.closeOnEscape&&s.key==="Escape"){c();return}if(s.key==="Tab"&&u){let v=h(S,u);if(v.length===0){s.preventDefault();return}let _=v[0],k=v[v.length-1];s.shiftKey&&document.activeElement===_?(s.preventDefault(),k.focus()):!s.shiftKey&&document.activeElement===k&&(s.preventDefault(),_.focus());}}}let b=[O(e,"click",d),O(document,"keydown",a)];return h("[data-modal-close]",e).forEach(s=>{b.push(O(s,"click",c));}),{isOpen:()=>i.isOpen,open:p,close:c,toggle:()=>i.isOpen?c():p(),destroy:()=>{b.forEach(s=>{s();}),i.isOpen&&D();}}}let K="bt-button--filled",U="bt-button--outline";function H(n={}){let l={title:"",message:"",variant:"info",confirmText:"\uD655\uC778",cancelText:"\uCDE8\uC18C",showCancel:false,destructive:false,actionsAlign:"right",closeOnOverlay:true,onConfirm:null,onCancel:null,...n},e=document.createElement("div");e.className=`bt-alert__overlay bt-alert--${l.variant} is-open`,e.innerHTML=`
2
9
  <div class="bt-alert__modal">
3
- ${c.title?`<div class="bt-alert__title">${A(c.title)}</div>`:""}
4
- <div class="bt-alert__message">${A(c.message)}</div>
5
- <div class="bt-alert__actions" style="justify-content: ${c.actionsAlign==="left"?"flex-start":c.actionsAlign==="center"?"center":"flex-end"}">
6
- ${c.showCancel?`<button class="bt-button bt-button--md bt-button--secondary" data-alert-cancel>${A(c.cancelText)}</button>`:""}
7
- <button class="bt-button bt-button--md bt-button--primary" data-alert-confirm>${A(c.confirmText)}</button>
10
+ ${l.title?`<div class="bt-alert__title">${A(l.title)}</div>`:""}
11
+ <div class="bt-alert__message">${A(l.message)}</div>
12
+ <div class="bt-alert__actions" style="justify-content: ${l.actionsAlign==="left"?"flex-start":l.actionsAlign==="center"?"center":"flex-end"}">
13
+ ${l.showCancel?`<button class="bt-button bt-button--md ${U}" data-alert-cancel>${A(l.cancelText)}</button>`:""}
14
+ <button class="bt-button bt-button--md ${K}${l.destructive?" bt-button--danger":""}" data-alert-confirm>${A(l.confirmText)}</button>
8
15
  </div>
9
16
  </div>
10
- `;let a=e.querySelector(".bt-alert__modal");if(a){a.setAttribute("role","alertdialog"),a.setAttribute("aria-modal","true");let o=e.querySelector(".bt-alert__title"),l=e.querySelector(".bt-alert__message");o&&(o.id=E("alert_title"),a.setAttribute("aria-labelledby",o.id)),l&&(l.id=E("alert_message"),a.setAttribute("aria-describedby",l.id));}let i=document.activeElement;document.body.appendChild(e),q();let f=true;function d(){f&&(f=false,document.removeEventListener("keydown",u),e.classList.remove("is-open"),i&&typeof i.focus=="function"&&i.focus(),setTimeout(()=>{e.remove(),w();},200));}let r=e.querySelector("[data-alert-confirm]"),b=e.querySelector("[data-alert-cancel]");r&&r.addEventListener("click",()=>{c.onConfirm&&c.onConfirm(),d();}),b&&b.addEventListener("click",()=>{c.onCancel&&c.onCancel(),d();}),e.addEventListener("click",o=>{o.target===e&&d();});function u(o){if(o.key==="Escape"){d();return}if(o.key==="Tab"&&a){let l=h(I,a);if(l.length===0){o.preventDefault();return}let g=l[0],s=l[l.length-1];o.shiftKey&&document.activeElement===g?(o.preventDefault(),s.focus()):!o.shiftKey&&document.activeElement===s&&(o.preventDefault(),g.focus());}}return document.addEventListener("keydown",u),r&&r.focus(),{close:d}}function N(t,c={}){let e=typeof t=="string"?k(t):t;if(!e)return null;let a={defaultChecked:false,disabled:false,onChange:null,...c},i={checked:a.defaultChecked||e.classList.contains("bt-toggle--on")};e.hasAttribute("role")||e.setAttribute("role","switch"),e.tagName==="BUTTON"&&!e.hasAttribute("type")&&e.setAttribute("type","button");let f=a.name||e.dataset.name||null,d=e.querySelector('input[type="hidden"]')||(f&&e.parentNode?Array.from(e.parentNode.children).find(o=>o.tagName==="INPUT"&&o.type==="hidden"&&o.name===f):null);!d&&f&&(d=document.createElement("input"),d.type="hidden",d.name=f,e.tagName==="BUTTON"&&e.parentNode?e.parentNode.insertBefore(d,e.nextSibling):e.appendChild(d));function r(o){i.checked=o,e.classList.toggle("bt-toggle--on",o),e.setAttribute("aria-checked",o?"true":"false"),d&&(d.value=o?"true":"false"),a.onChange&&a.onChange(o);}function b(){!a.disabled&&!e.classList.contains("bt-toggle--disabled")&&r(!i.checked);}let u=O(e,"click",b);if(d&&!i.checked){let o=String(d.value).trim().toLowerCase();(o==="true"||o==="1"||o==="on"||o==="y"||o==="yes")&&(i.checked=true);}return e.classList.toggle("bt-toggle--on",i.checked),e.setAttribute("aria-checked",i.checked?"true":"false"),d&&(d.value=i.checked?"true":"false"),{isChecked:()=>i.checked,setChecked:r,toggle:b,setDisabled:o=>{a.disabled=o,e.classList.toggle("bt-toggle--disabled",o);},destroy:()=>u()}}function B(t,c={}){let e=typeof t=="string"?k(t):t;if(!e)return null;let a={page:1,totalPages:1,sibling:2,onChange:null,...c};function i(u,o){let l=[];for(let g=u;g<=o;g++)l.push(g);return l}function f(u,o){if(o<=7)return i(1,o);let l=[],g=o,s=a.sibling;if(u<=s+2){for(let v of i(1,s+3))l.push(v);return l.push("ellipsis"),l.push(g),l}if(u>=g-s-1){l.push(1),l.push("ellipsis");for(let v of i(g-s-2,g))l.push(v);return l}l.push(1),l.push("ellipsis");for(let v of i(u-s,u+s))l.push(v);return l.push("ellipsis"),l.push(g),l}function d(){let u=f(a.page,a.totalPages),o=`
11
- <button class="bt-pagination__item" ${a.page<=1?"disabled":""} data-action="prev" aria-label="Previous page">
17
+ `;let o=e.querySelector(".bt-alert__modal");if(o){o.setAttribute("role","alertdialog"),o.setAttribute("aria-modal","true");let a=e.querySelector(".bt-alert__title"),b=e.querySelector(".bt-alert__message");a&&(a.id=w("alert_title"),o.setAttribute("aria-labelledby",a.id)),b&&(b.id=w("alert_message"),o.setAttribute("aria-describedby",b.id));}let i=document.activeElement;document.body.appendChild(e),$();let u=true;function f(){u&&(u=false,document.removeEventListener("keydown",d),e.classList.remove("is-open"),i&&typeof i.focus=="function"&&i.focus(),setTimeout(()=>{e.remove(),D();},200));}function r(){u&&(l.onCancel&&l.onCancel(),f());}let p=e.querySelector("[data-alert-confirm]"),c=e.querySelector("[data-alert-cancel]");p&&p.addEventListener("click",()=>{l.onConfirm&&l.onConfirm(),f();}),c&&c.addEventListener("click",()=>{l.onCancel&&l.onCancel(),f();}),e.addEventListener("click",a=>{l.closeOnOverlay&&a.target===e&&r();});function d(a){if(a.key==="Escape"){r();return}if(a.key==="Tab"&&o){let b=h(S,o);if(b.length===0){a.preventDefault();return}let s=b[0],v=b[b.length-1];a.shiftKey&&document.activeElement===s?(a.preventDefault(),v.focus()):!a.shiftKey&&document.activeElement===v&&(a.preventDefault(),s.focus());}}return document.addEventListener("keydown",d),p&&p.focus(),{close:f}}function M(n,l={}){let e=typeof n=="string"?E(n):n;if(!e)return null;let o={defaultChecked:false,disabled:false,onCheckedChange:null,...l},i={checked:o.defaultChecked||e.classList.contains("bt-toggle--on")};e.disabled&&(o.disabled=true),e.disabled=o.disabled,e.hasAttribute("role")||e.setAttribute("role","switch"),e.tagName==="BUTTON"&&!e.hasAttribute("type")&&e.setAttribute("type","button");let u=o.name||e.dataset.name||null,f=e.querySelector('input[type="hidden"]')||(u&&e.parentNode?Array.from(e.parentNode.children).find(d=>d.tagName==="INPUT"&&d.type==="hidden"&&d.name===u):null);!f&&u&&(f=document.createElement("input"),f.type="hidden",f.name=u,e.tagName==="BUTTON"&&e.parentNode?e.parentNode.insertBefore(f,e.nextSibling):e.appendChild(f));function r(d){i.checked=d,e.classList.toggle("bt-toggle--on",d),e.setAttribute("aria-checked",d?"true":"false"),f&&(f.value=d?"true":"false"),o.onCheckedChange&&o.onCheckedChange(d);}function p(){!o.disabled&&!e.disabled&&r(!i.checked);}let c=O(e,"click",p);if(f&&!i.checked){let d=String(f.value).trim().toLowerCase();(d==="true"||d==="1"||d==="on"||d==="y"||d==="yes")&&(i.checked=true);}return e.classList.toggle("bt-toggle--on",i.checked),e.setAttribute("aria-checked",i.checked?"true":"false"),f&&(f.value=i.checked?"true":"false"),{isChecked:()=>i.checked,setChecked:r,toggle:p,setDisabled:d=>{o.disabled=d,e.disabled=d;},destroy:()=>c()}}function P(n,l={}){let e=typeof n=="string"?E(n):n;if(!e)return null;let o={page:1,totalPages:1,sibling:2,onPageChange:null,...l};function i(c,d){let a=[];for(let b=c;b<=d;b++)a.push(b);return a}function u(c,d){if(d<=7)return i(1,d);let a=[],b=d,s=o.sibling;if(c<=s+2){for(let v of i(1,s+3))a.push(v);return a.push("ellipsis"),a.push(b),a}if(c>=b-s-1){a.push(1),a.push("ellipsis");for(let v of i(b-s-2,b))a.push(v);return a}a.push(1),a.push("ellipsis");for(let v of i(c-s,c+s))a.push(v);return a.push("ellipsis"),a.push(b),a}function f(){let c=u(o.page,o.totalPages),d=`
18
+ <button class="bt-pagination__item" ${o.page<=1?"disabled":""} data-action="prev" aria-label="Previous page">
12
19
  \u2039
13
20
  </button>
14
21
  <div class="bt-pagination__pages">
15
- `;u.forEach((s,v)=>{if(s==="ellipsis")o+='<span class="bt-pagination__ellipsis" aria-hidden="true">\u2026</span>';else {let y=s===a.page;o+=`
22
+ `;c.forEach((s,v)=>{if(s==="ellipsis")d+='<span class="bt-pagination__ellipsis" aria-hidden="true">\u2026</span>';else {let _=s===o.page;d+=`
16
23
  <button
17
- class="bt-pagination__page${y?" bt-pagination__page--active":""}"
24
+ class="bt-pagination__page${_?" bt-pagination__page--active":""}"
18
25
  data-page="${A(s)}"
19
- ${y?'aria-current="page"':""}
26
+ ${_?'aria-current="page"':""}
20
27
  >
21
28
  ${A(s)}
22
29
  </button>
23
- `;}}),o+=`
30
+ `;}}),d+=`
24
31
  </div>
25
- <button class="bt-pagination__item" ${a.page>=a.totalPages?"disabled":""} data-action="next" aria-label="Next page">
32
+ <button class="bt-pagination__item" ${o.page>=o.totalPages?"disabled":""} data-action="next" aria-label="Next page">
26
33
  \u203A
27
34
  </button>
28
- `,e.innerHTML=o,h("[data-page]",e).forEach(s=>{s.addEventListener("click",()=>{let v=parseInt(s.dataset.page,10);r(v);});});let l=e.querySelector('[data-action="prev"]'),g=e.querySelector('[data-action="next"]');l&&l.addEventListener("click",()=>r(a.page-1)),g&&g.addEventListener("click",()=>r(a.page+1));}function r(u){u<1||u>a.totalPages||u===a.page||(a.page=u,d(),a.onChange&&a.onChange(u));}function b(u){a.totalPages=u,a.page>u&&(a.page=u),d();}return d(),{getPage:()=>a.page,setPage:r,setTotalPages:b,render:d}}function D(){h("[data-bt-select]").forEach(t=>{t._btSelect||(t._btSelect=T(t));}),h("[data-bt-modal]").forEach(t=>{t._btModal||(t._btModal=M(t));}),h("[data-bt-modal-open]").forEach(t=>{if(t.dataset.btBound)return;let c=t.dataset.btModalOpen,e=k(`#${c}`);e?._btModal&&(t.dataset.btBound="true",t.addEventListener("click",()=>e._btModal.open()));}),h("[data-bt-toggle]").forEach(t=>{t._btToggle||(t._btToggle=N(t));}),h("[data-bt-pagination]").forEach(t=>{if(!t._btPagination){let c=parseInt(t.dataset.page,10)||1,e=parseInt(t.dataset.totalPages,10)||1;t._btPagination=B(t,{page:c,totalPages:e});}});}return typeof document<"u"&&(document.readyState==="loading"?document.addEventListener("DOMContentLoaded",D):D()),{Select:T,Modal:M,Alert:K,Toggle:N,Pagination:B,init:D,generateId:E,$:k,$$:h,on:O,version:"1.0.0"}});
29
- /**
30
- * Bigtablet Design System - Vanilla JavaScript
31
- * For use with plain HTML/CSS/JS, Thymeleaf, JSP, etc.
32
- *
33
- * @version 1.0.0
34
- * @license MIT
35
- */})();
35
+ `,e.innerHTML=d,h("[data-page]",e).forEach(s=>{s.addEventListener("click",()=>{let v=parseInt(s.dataset.page,10);r(v);});});let a=e.querySelector('[data-action="prev"]'),b=e.querySelector('[data-action="next"]');a&&a.addEventListener("click",()=>r(o.page-1)),b&&b.addEventListener("click",()=>r(o.page+1));}function r(c){c<1||c>o.totalPages||c===o.page||(o.page=c,f(),o.onPageChange&&o.onPageChange(c));}function p(c){o.totalPages=c,o.page>c&&(o.page=c),f();}return f(),{getPage:()=>o.page,setPage:r,setTotalPages:p,render:f}}function I(){h("[data-bt-dropdown]").forEach(n=>{n._btDropdown||(n._btDropdown=N(n));}),h("[data-bt-modal]").forEach(n=>{n._btModal||(n._btModal=q(n));}),h("[data-bt-modal-open]").forEach(n=>{if(n.dataset.btBound)return;let l=n.dataset.btModalOpen,e=E(`#${l}`);e?._btModal&&(n.dataset.btBound="true",n.addEventListener("click",()=>e._btModal.open()));}),h("[data-bt-toggle]").forEach(n=>{n._btToggle||(n._btToggle=M(n));}),h("[data-bt-pagination]").forEach(n=>{if(!n._btPagination){let l=parseInt(n.dataset.page,10)||1,e=parseInt(n.dataset.totalPages,10)||1;n._btPagination=P(n,{page:l,totalPages:e});}});}return typeof document<"u"&&(document.readyState==="loading"?document.addEventListener("DOMContentLoaded",I):I()),{Dropdown:N,Modal:q,Alert:H,Toggle:M,Pagination:P,init:I,generateId:w,$:E,$$:h,on:O,version:"1.0.0"}});})();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bigtablet/design-system",
3
- "version": "3.7.0",
3
+ "version": "3.8.0",
4
4
  "description": "Bigtablet Design System UI Components",
5
5
  "type": "module",
6
6
  "types": "dist/index.d.ts",
@@ -62,7 +62,7 @@
62
62
  "css"
63
63
  ],
64
64
  "author": "sangmin",
65
- "license": "MIT",
65
+ "license": "SEE LICENSE IN LICENSE",
66
66
  "packageManager": "pnpm@10.20.0",
67
67
  "peerDependencies": {
68
68
  "lucide-react": ">=0.552.0",
@@ -91,8 +91,8 @@
91
91
  "@types/node": "^25.9.1",
92
92
  "@types/react": "^19.2.18",
93
93
  "@types/react-dom": "^19.2.4",
94
- "@vitest/browser-playwright": "^4.1.6",
95
- "@vitest/coverage-v8": "^4.1.6",
94
+ "@vitest/browser-playwright": "^4.1.10",
95
+ "@vitest/coverage-v8": "^4.1.10",
96
96
  "esbuild-sass-plugin": "^3.7.0",
97
97
  "husky": "^9.1.7",
98
98
  "jsdom": "^29.1.1",
@@ -110,7 +110,7 @@
110
110
  "tsx": "^4.22.4",
111
111
  "typescript": "^6.0.3",
112
112
  "vite": "^8.1.0",
113
- "vitest": "^4.1.6"
113
+ "vitest": "^4.1.10"
114
114
  },
115
115
  "publishConfig": {
116
116
  "access": "public",
@@ -119,7 +119,8 @@
119
119
  "size-limit": [
120
120
  {
121
121
  "path": "dist/index.js",
122
- "limit": "50 kB"
122
+ "limit": "60 kB",
123
+ "message": "Raised 50 kB -> 60 kB on 2026-08-05: baseline was 49.34 kB, leaving 0.66 kB (1.3%) under the old 50 kB limit. The current limit leaves 10.66 kB. Re-measure before raising again."
123
124
  },
124
125
  {
125
126
  "path": "dist/vanilla/bigtablet.min.js",