@designbasekorea/ui-wc 0.9.2 → 0.9.4

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 (75) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/esm/components/date-picker-utils.js +1 -1
  3. package/dist/esm/components/db-activity-heatmap.js +1 -1
  4. package/dist/esm/components/db-ai-chat-list.js +1 -1
  5. package/dist/esm/components/db-ai-file-tree.js +1 -1
  6. package/dist/esm/components/db-alert.d.ts +12 -0
  7. package/dist/esm/components/db-alert.js +1 -1
  8. package/dist/esm/components/db-backdrop.js +1 -1
  9. package/dist/esm/components/db-bottom-sheet.js +1 -1
  10. package/dist/esm/components/db-calendar.d.ts +2 -1
  11. package/dist/esm/components/db-calendar.js +1 -1
  12. package/dist/esm/components/db-carousel.d.ts +2 -0
  13. package/dist/esm/components/db-carousel.js +1 -1
  14. package/dist/esm/components/db-chat-composer.js +1 -1
  15. package/dist/esm/components/db-checkbox.d.ts +15 -1
  16. package/dist/esm/components/db-checkbox.js +1 -1
  17. package/dist/esm/components/db-code-block.js +1 -1
  18. package/dist/esm/components/db-confirm.d.ts +2 -0
  19. package/dist/esm/components/db-confirm.js +1 -1
  20. package/dist/esm/components/db-context-menu.js +1 -1
  21. package/dist/esm/components/db-credit-card.d.ts +3 -4
  22. package/dist/esm/components/db-credit-card.js +1 -1
  23. package/dist/esm/components/db-cursor-follower.js +1 -1
  24. package/dist/esm/components/db-date-picker.d.ts +2 -1
  25. package/dist/esm/components/db-date-picker.js +1 -1
  26. package/dist/esm/components/db-design-toolbar.js +1 -1
  27. package/dist/esm/components/db-device-mockup.js +1 -1
  28. package/dist/esm/components/db-drawer.d.ts +1 -0
  29. package/dist/esm/components/db-drawer.js +1 -1
  30. package/dist/esm/components/db-dropdown.js +1 -1
  31. package/dist/esm/components/db-flight-status.d.ts +2 -2
  32. package/dist/esm/components/db-flight-status.js +1 -1
  33. package/dist/esm/components/db-gantt.js +1 -1
  34. package/dist/esm/components/db-indicator.d.ts +1 -0
  35. package/dist/esm/components/db-indicator.js +1 -1
  36. package/dist/esm/components/db-kanban.js +1 -1
  37. package/dist/esm/components/db-lightbox.js +1 -1
  38. package/dist/esm/components/db-modal.js +1 -1
  39. package/dist/esm/components/db-node.d.ts +1 -3
  40. package/dist/esm/components/db-node.js +1 -1
  41. package/dist/esm/components/db-onboarding-modal.js +1 -1
  42. package/dist/esm/components/db-popover.js +1 -1
  43. package/dist/esm/components/db-radio.d.ts +19 -1
  44. package/dist/esm/components/db-radio.js +1 -1
  45. package/dist/esm/components/db-receipt.js +1 -1
  46. package/dist/esm/components/db-search-bar.js +1 -1
  47. package/dist/esm/components/db-select.js +1 -1
  48. package/dist/esm/components/db-tabs.js +1 -1
  49. package/dist/esm/components/db-textarea.js +1 -1
  50. package/dist/esm/components/db-time-picker.js +1 -1
  51. package/dist/esm/components/db-tool-button.js +1 -1
  52. package/dist/esm/components/db-tooltip.js +1 -1
  53. package/dist/esm/components/db-tutorial.js +1 -1
  54. package/dist/esm/components/db-voice-control.js +1 -1
  55. package/dist/esm/core/ai-element.d.ts +2 -1
  56. package/dist/esm/core/ai-element.js +1 -1
  57. package/dist/esm/core/focus-trap.js +1 -1
  58. package/dist/esm/core/host-class.js +1 -0
  59. package/dist/esm/core/i18n-copy.js +1 -1
  60. package/dist/esm/core/i18n-en.js +1 -1
  61. package/dist/esm/core/i18n.d.ts +16 -0
  62. package/dist/esm/core/i18n.js +1 -1
  63. package/dist/esm/core/theme-scope.js +1 -0
  64. package/dist/esm/index.d.ts +2 -2
  65. package/dist/esm/index.js +1 -1
  66. package/dist/esm/node_modules/@designbasekorea/ui-contracts/dist/components.js +1 -1
  67. package/dist/esm/ui-contracts/dist/components.d.d.ts +9 -2
  68. package/dist/index.cjs +1 -1
  69. package/dist/index.css +1 -1
  70. package/dist/index.d.ts +83 -13
  71. package/dist/index.esm.js +1 -1
  72. package/dist/react/index.cjs +1 -1
  73. package/dist/react/index.d.ts +35 -9
  74. package/dist/react/index.esm.js +1 -1
  75. package/package.json +3 -2
package/dist/index.d.ts CHANGED
@@ -390,6 +390,10 @@ declare const DEFAULT_STRINGS: {
390
390
  readonly 'media.previous': "이전 트랙";
391
391
  readonly 'media.next': "다음 트랙";
392
392
  readonly 'media.fullscreen': "전체화면";
393
+ readonly 'confirm.ok': "확인";
394
+ readonly 'confirm.cancel': "취소";
395
+ readonly 'carousel.slide': "슬라이드";
396
+ readonly 'carousel.role': "캐러셀";
393
397
  readonly 'carousel.previous': "이전 슬라이드";
394
398
  readonly 'carousel.next': "다음 슬라이드";
395
399
  readonly 'breadcrumbs.expand': "생략된 경로 펼치기";
@@ -407,6 +411,18 @@ declare const DEFAULT_STRINGS: {
407
411
  readonly 'tweetCard.reply': "답글";
408
412
  readonly 'tweetCard.verified': "인증된 계정";
409
413
  readonly 'tweetCard.retry': "다시 시도";
414
+ readonly 'chatComposer.placeholder': "메시지를 입력하세요…";
415
+ readonly 'chatComposer.send': "전송";
416
+ readonly 'chatComposer.stop': "생성 중지";
417
+ readonly 'chatComposer.attach': "첨부";
418
+ readonly 'voice.start': "음성 입력";
419
+ readonly 'voice.stop': "받아쓰기 완료";
420
+ readonly 'voice.cancel': "음성 입력 취소";
421
+ readonly 'voice.starting': "마이크 연결 중";
422
+ readonly 'voice.listening': "음성 인식 중";
423
+ readonly 'voice.stopping': "마지막 문장 확인 중";
424
+ readonly 'voice.error': "음성 인식 실패";
425
+ readonly 'voice.unsupported': "음성 입력 미지원";
410
426
  };
411
427
  type DbStringKey = keyof typeof DEFAULT_STRINGS;
412
428
  type DbStrings = Partial<Record<DbStringKey, string>> & Record<string, string>;
@@ -627,6 +643,13 @@ type ConfettiShape = (typeof CONFETTI_SHAPES)[number];
627
643
  declare const GLYPH_MATRIX_PRESETS: readonly ["code", "matrix", "binary", "dots", "alphanumeric"];
628
644
  type GlyphMatrixPreset = (typeof GLYPH_MATRIX_PRESETS)[number];
629
645
  type GlyphMatrixSize = SizeSML;
646
+ declare const AI_ELEMENT_STATUSES: readonly ["pending", "running", "complete", "error", "cancelled", "approval"];
647
+ type AiElementStatus = (typeof AI_ELEMENT_STATUSES)[number];
648
+ declare const CREDIT_CARD_VARIANTS: readonly ["default", "contrast", "metal", "blue", "sage", "rose", "cobalt", "coral", "lime"];
649
+ declare const CREDIT_CARD_ORIENTATIONS: readonly ["horizontal", "vertical"];
650
+ declare const FLIGHT_STATUSES: readonly ["scheduled", "boarding", "in-flight", "landed", "delayed", "cancelled"];
651
+ declare const NODE_VARIANTS: readonly ["default", "compact"];
652
+ declare const NODE_STATUSES: readonly ["idle", "running", "success", "error"];
630
653
 
631
654
  interface DbNavigationRailItem {
632
655
  id: string;
@@ -803,9 +826,22 @@ declare class DbCheckbox extends HTMLElement {
803
826
  private labelEl?;
804
827
  private built;
805
828
  private userInteracted;
829
+ private resetChecked?;
806
830
  private readonly cleanups;
831
+ focus(options?: FocusOptions): void;
832
+ get name(): string;
833
+ set name(value: string);
834
+ get value(): string;
835
+ set value(value: string);
836
+ get defaultChecked(): boolean;
837
+ set defaultChecked(value: boolean);
838
+ get defaultSelected(): boolean;
839
+ set defaultSelected(value: boolean);
840
+ private upgradeProperties;
807
841
  get checked(): boolean;
808
842
  set checked(value: boolean);
843
+ get selected(): boolean;
844
+ set selected(value: boolean);
809
845
  get indeterminate(): boolean;
810
846
  set indeterminate(value: boolean);
811
847
  get disabled(): boolean;
@@ -822,7 +858,8 @@ declare class DbCheckbox extends HTMLElement {
822
858
  /** form.reset() 이후 네이티브 input 의 실제 상태를 호스트 attribute 로 되돌린다 */
823
859
  private syncAfterReset;
824
860
  attributeChangedCallback(name: string): void;
825
- private get hasLabel();
861
+ get hasLabel(): boolean;
862
+ set hasLabel(value: boolean);
826
863
  private build;
827
864
  private handleChange;
828
865
  /**
@@ -1412,8 +1449,22 @@ declare class DbRadio extends HTMLElement {
1412
1449
  private labelEl?;
1413
1450
  private built;
1414
1451
  private userInteracted;
1452
+ private resetChecked?;
1453
+ private readonly cleanups;
1454
+ focus(options?: FocusOptions): void;
1455
+ get name(): string;
1456
+ set name(value: string);
1457
+ get value(): string;
1458
+ set value(value: string);
1459
+ get defaultChecked(): boolean;
1460
+ set defaultChecked(value: boolean);
1461
+ get defaultSelected(): boolean;
1462
+ set defaultSelected(value: boolean);
1463
+ private upgradeProperties;
1415
1464
  get checked(): boolean;
1416
1465
  set checked(value: boolean);
1466
+ get selected(): boolean;
1467
+ set selected(value: boolean);
1417
1468
  get disabled(): boolean;
1418
1469
  set disabled(value: boolean);
1419
1470
  get readOnly(): boolean;
@@ -1423,10 +1474,14 @@ declare class DbRadio extends HTMLElement {
1423
1474
  get size(): string;
1424
1475
  set size(value: string);
1425
1476
  connectedCallback(): void;
1477
+ disconnectedCallback(): void;
1426
1478
  attributeChangedCallback(name: string): void;
1427
- private get hasLabel();
1479
+ get hasLabel(): boolean;
1480
+ set hasLabel(value: boolean);
1428
1481
  private build;
1429
1482
  private handleChange;
1483
+ private groupPeers;
1484
+ private syncGroup;
1430
1485
  private syncState;
1431
1486
  private syncVisual;
1432
1487
  private syncClasses;
@@ -1559,8 +1614,20 @@ interface DbAlertAction {
1559
1614
  }
1560
1615
  declare class DbAlert extends HTMLElement {
1561
1616
  static get observedAttributes(): string[];
1617
+ /** 소비자가 넣은 자식(링크·코드 등)을 담아 두는 내부 컨테이너. 렌더 사이에 유지된다. */
1618
+ private slotEl?;
1619
+ private observer?;
1620
+ /** 슬롯 내부 변경(React 가 래퍼 안 자식을 바꿀 때)을 감지해 빈 슬롯 여부를 다시 계산한다 */
1621
+ private slotObserver?;
1622
+ private renderedSlotted;
1562
1623
  connectedCallback(): void;
1624
+ disconnectedCallback(): void;
1563
1625
  attributeChangedCallback(): void;
1626
+ private getSlot;
1627
+ /** 호스트에 직접 붙은 소비자 노드를 슬롯으로 옮긴다. 공백 텍스트는 버린다. */
1628
+ private moveChildrenToSlot;
1629
+ private adoptChildren;
1630
+ private hasSlotted;
1564
1631
  private getIconName;
1565
1632
  private parseActionButtons;
1566
1633
  private render;
@@ -1742,6 +1809,7 @@ declare class DbDrawer extends HTMLElement {
1742
1809
  /** 잠근 적이 있을 때만 푼다 — 카운트가 음수로 새지 않도록 */
1743
1810
  private releaseScrollLock;
1744
1811
  attributeChangedCallback(name: string): void;
1812
+ private syncInteraction;
1745
1813
  private isOpenRequested;
1746
1814
  private clearTimers;
1747
1815
  private attachEscape;
@@ -1794,6 +1862,8 @@ declare class DbConfirm extends HTMLElement {
1794
1862
  private focusTrap?;
1795
1863
  /** 참조 카운트 스크롤락을 이 인스턴스가 잡고 있는지 (PERF-GLOBAL-STATE) */
1796
1864
  private scrollLocked;
1865
+ private unsubscribeLocale?;
1866
+ private syncLocale;
1797
1867
  connectedCallback(): void;
1798
1868
  disconnectedCallback(): void;
1799
1869
  /** 트랩 해제(=포커스 복원)와 스크롤락 반환을 한 곳에서 처리한다 */
@@ -1841,6 +1911,7 @@ declare class DbIndicator extends HTMLElement {
1841
1911
  set clickable(value: boolean);
1842
1912
  get timer(): boolean;
1843
1913
  set timer(value: boolean);
1914
+ private unsubscribeLocale?;
1844
1915
  connectedCallback(): void;
1845
1916
  disconnectedCallback(): void;
1846
1917
  attributeChangedCallback(name: string): void;
@@ -3494,7 +3565,8 @@ declare class DbDatePicker extends HTMLElement {
3494
3565
  get inline(): boolean;
3495
3566
  set inline(value: boolean);
3496
3567
  private get type();
3497
- private get locale();
3568
+ get locale(): string;
3569
+ set locale(value: string);
3498
3570
  private get startOfWeek();
3499
3571
  private get showOutsideDays();
3500
3572
  private get usesPendingValue();
@@ -3644,7 +3716,8 @@ declare class DbCalendar extends HTMLElement {
3644
3716
  private eventForm;
3645
3717
  connectedCallback(): void;
3646
3718
  attributeChangedCallback(): void;
3647
- private get locale();
3719
+ get locale(): string;
3720
+ set locale(value: string);
3648
3721
  private get showWeekends();
3649
3722
  private get highlightToday();
3650
3723
  private get showOutsideDays();
@@ -3849,6 +3922,8 @@ declare class DbCarousel extends HTMLElement {
3849
3922
  static get observedAttributes(): string[];
3850
3923
  get items(): DbCarouselItem[];
3851
3924
  set items(value: DbCarouselItem[] | string);
3925
+ private unsubscribeLocale?;
3926
+ private syncLocale;
3852
3927
  connectedCallback(): void;
3853
3928
  disconnectedCallback(): void;
3854
3929
  attributeChangedCallback(name: string): void;
@@ -6890,7 +6965,7 @@ declare global {
6890
6965
  }
6891
6966
  }
6892
6967
 
6893
- type DbAiStatus = 'pending' | 'running' | 'complete' | 'error' | 'cancelled' | 'approval';
6968
+ type DbAiStatus = AiElementStatus;
6894
6969
  interface DbAiItem {
6895
6970
  id: string;
6896
6971
  label: string;
@@ -7731,10 +7806,8 @@ declare global {
7731
7806
  }
7732
7807
  }
7733
7808
 
7734
- declare const ORIENTATIONS: readonly ["horizontal", "vertical"];
7735
- declare const VARIANTS: readonly ["default", "contrast", "metal", "blue", "sage", "rose", "cobalt", "coral", "lime"];
7736
- type DbCreditCardOrientation = typeof ORIENTATIONS[number];
7737
- type DbCreditCardVariant = typeof VARIANTS[number];
7809
+ type DbCreditCardOrientation = typeof CREDIT_CARD_ORIENTATIONS[number];
7810
+ type DbCreditCardVariant = typeof CREDIT_CARD_VARIANTS[number];
7738
7811
  interface DbCreditCardFlip {
7739
7812
  flipped: boolean;
7740
7813
  }
@@ -7890,8 +7963,7 @@ declare function getPaymentBrand(network: string): {
7890
7963
  readonly src: string;
7891
7964
  } | undefined;
7892
7965
 
7893
- declare const STATUSES: readonly ["scheduled", "boarding", "in-flight", "landed", "delayed", "cancelled"];
7894
- type DbFlightStatusValue = typeof STATUSES[number];
7966
+ type DbFlightStatusValue = typeof FLIGHT_STATUSES[number];
7895
7967
  /** Display data supplied by the application; does not fetch or simulate live flights. */
7896
7968
  declare class DbFlightStatus extends DbElement {
7897
7969
  static get observedAttributes(): string[];
@@ -8060,8 +8132,6 @@ declare global {
8060
8132
  }
8061
8133
  }
8062
8134
 
8063
- declare const NODE_VARIANTS: readonly ["default", "compact"];
8064
- declare const NODE_STATUSES: readonly ["idle", "running", "success", "error"];
8065
8135
  type DbNodePortType = 'any' | 'text' | 'image' | 'number' | 'boolean';
8066
8136
  type DbNodePort = {
8067
8137
  id: string;