@designbasekorea/ui-wc 0.6.0 → 0.7.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 (42) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/README.md +9 -0
  3. package/dist/esm/components/db-cookie-banner.d.ts +15 -0
  4. package/dist/esm/components/db-cookie-banner.js +1 -0
  5. package/dist/esm/components/db-email-verify.d.ts +2 -0
  6. package/dist/esm/components/db-email-verify.js +1 -1
  7. package/dist/esm/components/db-phone-verify.d.ts +2 -0
  8. package/dist/esm/components/db-phone-verify.js +1 -1
  9. package/dist/esm/components/db-section-faq.js +1 -1
  10. package/dist/esm/components/db-section-hero.d.ts +13 -0
  11. package/dist/esm/components/db-section-hero.js +1 -1
  12. package/dist/esm/components/db-section-testimonials.js +1 -1
  13. package/dist/esm/components/db-sidebar.d.ts +32 -0
  14. package/dist/esm/components/db-sidebar.js +1 -1
  15. package/dist/esm/components/db-signature.d.ts +79 -0
  16. package/dist/esm/components/db-signature.js +1 -0
  17. package/dist/esm/components/db-testimonial.d.ts +1 -0
  18. package/dist/esm/components/db-testimonial.js +1 -1
  19. package/dist/esm/components/db-two-factor.d.ts +11 -0
  20. package/dist/esm/components/db-two-factor.js +1 -1
  21. package/dist/esm/components/highlight-code.js +1 -1
  22. package/dist/esm/index.d.ts +2 -0
  23. package/dist/esm/index.js +1 -1
  24. package/dist/index.cjs +1 -1
  25. package/dist/index.css +1 -1
  26. package/dist/index.d.ts +153 -2
  27. package/dist/index.esm.js +1 -1
  28. package/dist/react/index.cjs +1 -1
  29. package/dist/react/index.d.ts +262 -36
  30. package/dist/react/index.esm.js +1 -1
  31. package/package.json +4 -3
  32. /package/dist/chunks/{lottie-0e23d630.js → lottie-bfc2216c.js} +0 -0
  33. /package/dist/esm/node_modules/{.pnpm/prismjs@1.30.0/node_modules/prismjs → prismjs}/components/prism-bash.js +0 -0
  34. /package/dist/esm/node_modules/{.pnpm/prismjs@1.30.0/node_modules/prismjs → prismjs}/components/prism-clike.js +0 -0
  35. /package/dist/esm/node_modules/{.pnpm/prismjs@1.30.0/node_modules/prismjs → prismjs}/components/prism-css.js +0 -0
  36. /package/dist/esm/node_modules/{.pnpm/prismjs@1.30.0/node_modules/prismjs → prismjs}/components/prism-javascript.js +0 -0
  37. /package/dist/esm/node_modules/{.pnpm/prismjs@1.30.0/node_modules/prismjs → prismjs}/components/prism-json.js +0 -0
  38. /package/dist/esm/node_modules/{.pnpm/prismjs@1.30.0/node_modules/prismjs → prismjs}/components/prism-jsx.js +0 -0
  39. /package/dist/esm/node_modules/{.pnpm/prismjs@1.30.0/node_modules/prismjs → prismjs}/components/prism-markup.js +0 -0
  40. /package/dist/esm/node_modules/{.pnpm/prismjs@1.30.0/node_modules/prismjs → prismjs}/components/prism-scss.js +0 -0
  41. /package/dist/esm/node_modules/{.pnpm/prismjs@1.30.0/node_modules/prismjs → prismjs}/components/prism-tsx.js +0 -0
  42. /package/dist/esm/node_modules/{.pnpm/prismjs@1.30.0/node_modules/prismjs → prismjs}/components/prism-typescript.js +0 -0
@@ -1334,6 +1334,20 @@ declare global {
1334
1334
  }
1335
1335
  }
1336
1336
 
1337
+ declare class DbCookieBanner extends HTMLElement {
1338
+ static get observedAttributes(): string[];
1339
+ connectedCallback(): void;
1340
+ attributeChangedCallback(): void;
1341
+ private isEnabled;
1342
+ private createButton;
1343
+ private render;
1344
+ }
1345
+ declare global {
1346
+ interface HTMLElementTagNameMap {
1347
+ 'db-cookie-banner': DbCookieBanner;
1348
+ }
1349
+ }
1350
+
1337
1351
  declare class DbStat extends HTMLElement {
1338
1352
  static get observedAttributes(): string[];
1339
1353
  connectedCallback(): void;
@@ -1656,11 +1670,21 @@ interface DbSidebarItem {
1656
1670
  disabled?: boolean;
1657
1671
  badge?: string | number;
1658
1672
  badgeColor?: string;
1673
+ /** 프로필 메뉴 우측에 표시할 현재 값 (예: "System", "한국어") */
1674
+ value?: string;
1675
+ /** 2depth 선택 상태. 선택된 항목에는 체크 아이콘이 표시됩니다. */
1676
+ selected?: boolean;
1677
+ /** 프로필 메뉴에서 이 항목 앞에 구분선을 표시합니다. */
1678
+ dividerBefore?: boolean;
1679
+ /** 클릭 시 이동할 사이드바 패널 id (예: settings) */
1680
+ openPanel?: string;
1659
1681
  children?: DbSidebarItem[];
1660
1682
  }
1661
1683
  interface DbSidebarSection {
1662
1684
  id: string;
1663
1685
  title?: string;
1686
+ /** 이전 섹션과의 간격 */
1687
+ gap?: 'none' | 's' | 'm' | 'l';
1664
1688
  items: DbSidebarItem[];
1665
1689
  }
1666
1690
  interface DbSidebarUserProfile {
@@ -1691,7 +1715,9 @@ declare class DbSidebar extends HTMLElement {
1691
1715
  private userMenuOpen;
1692
1716
  private projectMenuOpen;
1693
1717
  private flyoutItemId;
1718
+ private userFlyoutItemId;
1694
1719
  private flyoutCloseTimer;
1720
+ private userFlyoutCloseTimer;
1695
1721
  private outsideHandler;
1696
1722
  static get observedAttributes(): string[];
1697
1723
  connectedCallback(): void;
@@ -1726,6 +1752,18 @@ declare class DbSidebar extends HTMLElement {
1726
1752
  set bottomSections(value: DbSidebarSection[] | string);
1727
1753
  get promoBanner(): DbSidebarPromoBanner | null;
1728
1754
  set promoBanner(value: DbSidebarPromoBanner | string | null);
1755
+ get headerType(): 'default' | 'back';
1756
+ set headerType(value: 'default' | 'back');
1757
+ get backLabel(): string;
1758
+ set backLabel(value: string);
1759
+ get backHref(): string;
1760
+ set backHref(value: string);
1761
+ get settingsSections(): DbSidebarSection[];
1762
+ set settingsSections(value: DbSidebarSection[] | string);
1763
+ get activePanel(): string;
1764
+ set activePanel(value: string);
1765
+ private parseSettingsSections;
1766
+ private hasSettingsPanel;
1729
1767
  private parseSections;
1730
1768
  private parseUserMenuItems;
1731
1769
  private parseUserProfile;
@@ -1741,9 +1779,15 @@ declare class DbSidebar extends HTMLElement {
1741
1779
  private cancelFlyoutClose;
1742
1780
  private showFlyout;
1743
1781
  private scheduleFlyoutClose;
1782
+ private cancelUserFlyoutClose;
1783
+ private setUserFlyout;
1784
+ private scheduleUserFlyoutClose;
1744
1785
  private syncHostClasses;
1786
+ private syncActivePanelTrack;
1787
+ private navigateToPanel;
1745
1788
  private dispatchItemClick;
1746
1789
  private dispatchUserMenuItemClick;
1790
+ private dispatchBackClick;
1747
1791
  private dispatchProjectChange;
1748
1792
  private dispatchProjectManage;
1749
1793
  private dispatchPromoCtaClick;
@@ -1758,6 +1802,8 @@ declare class DbSidebar extends HTMLElement {
1758
1802
  private renderBottomNav;
1759
1803
  private createUserDropdown;
1760
1804
  private createPromoBanner;
1805
+ private createHeader;
1806
+ private createNavWrapper;
1761
1807
  private render;
1762
1808
  }
1763
1809
  declare global {
@@ -2634,6 +2680,77 @@ declare global {
2634
2680
  }
2635
2681
  }
2636
2682
 
2683
+ /**
2684
+ * db-signature — 마우스·터치·펜으로 서명을 그리는 컴포넌트
2685
+ *
2686
+ * 중점 이차 곡선 + coalesced pointer 로 자연스럽게 이어지며,
2687
+ * ⌘Z / ⌘⇧Z (Ctrl+Z / Ctrl+⇧Z) 로 되돌리기·다시 실행을 지원합니다.
2688
+ *
2689
+ * 속성: height, variant, pen-color, background-color, min-width, max-width,
2690
+ * placeholder, show-clear, clear-label, disabled, readonly, value
2691
+ * 메서드: clear(), undo(), redo(), isEmpty(), toDataURL(), fromDataURL()
2692
+ * 이벤트: db-begin, db-end, db-change(detail.value), db-clear
2693
+ */
2694
+ declare class DbSignature extends HTMLElement {
2695
+ private canvas;
2696
+ private placeholderEl;
2697
+ private clearButton;
2698
+ private resizeObserver;
2699
+ private themeObserver;
2700
+ private strokes;
2701
+ private redoStack;
2702
+ private currentStroke;
2703
+ private lastMid;
2704
+ private lastWidth;
2705
+ private lastVelocity;
2706
+ private backgroundImage;
2707
+ private activePointerId;
2708
+ static get observedAttributes(): string[];
2709
+ connectedCallback(): void;
2710
+ disconnectedCallback(): void;
2711
+ attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
2712
+ get value(): string | null;
2713
+ set value(next: string | null);
2714
+ private getNumberAttr;
2715
+ private getBooleanAttr;
2716
+ private getVariant;
2717
+ private get minWidth();
2718
+ private get maxWidth();
2719
+ private get interactive();
2720
+ private getPenColor;
2721
+ private render;
2722
+ private updateState;
2723
+ private syncCanvasSize;
2724
+ private resetCanvas;
2725
+ private resolveWidth;
2726
+ private drawCurveSegment;
2727
+ private drawDot;
2728
+ private drawStroke;
2729
+ private redraw;
2730
+ private getPoint;
2731
+ private appendPoint;
2732
+ private handlePointerDown;
2733
+ private handlePointerMove;
2734
+ private handlePointerUp;
2735
+ private handleClearClick;
2736
+ private handleKeyDown;
2737
+ private emitChange;
2738
+ isEmpty(): boolean;
2739
+ clear(): void;
2740
+ /** 마지막 획을 되돌립니다 */
2741
+ undo(): void;
2742
+ /** 되돌린 획을 다시 적용합니다 */
2743
+ redo(): void;
2744
+ toDataURL(type?: string, quality?: number): string | null;
2745
+ fromDataURL(dataUrl: string): void;
2746
+ getCanvas(): HTMLCanvasElement | null;
2747
+ }
2748
+ declare global {
2749
+ interface HTMLElementTagNameMap {
2750
+ 'db-signature': DbSignature;
2751
+ }
2752
+ }
2753
+
2637
2754
  declare class DbCountdown extends HTMLElement {
2638
2755
  private timer;
2639
2756
  private targetTime;
@@ -3288,6 +3405,7 @@ declare class DbTestimonial extends HTMLElement {
3288
3405
  private innerEl?;
3289
3406
  private quoteEl?;
3290
3407
  private backgroundEl?;
3408
+ private logoWrapEl?;
3291
3409
  private logoEl?;
3292
3410
  private footerEl?;
3293
3411
  private extraEl?;
@@ -3325,16 +3443,29 @@ declare class DbSectionHero extends HTMLElement {
3325
3443
  private backgroundVideoEl?;
3326
3444
  private backgroundImageEl?;
3327
3445
  private overlayEl?;
3446
+ private defaultContainerEl?;
3447
+ private splitContainerEl?;
3448
+ private stageEl?;
3449
+ private floatsEl?;
3450
+ private contentEl?;
3451
+ private badgeEl?;
3328
3452
  private titleEl?;
3329
3453
  private subtitleEl?;
3330
3454
  private descriptionEl?;
3331
3455
  private buttonsEl?;
3456
+ private visualMainEl?;
3457
+ private visualSideEl?;
3458
+ private visualTlEl?;
3459
+ private visualTrEl?;
3332
3460
  connectedCallback(): void;
3333
3461
  attributeChangedCallback(): void;
3334
3462
  get buttons(): HeroButton[];
3335
3463
  set buttons(value: HeroButton[] | string);
3336
3464
  private parseButtons;
3465
+ private createContent;
3466
+ private createVisual;
3337
3467
  private build;
3468
+ private mountLayout;
3338
3469
  private updateUI;
3339
3470
  }
3340
3471
  declare global {
@@ -4225,6 +4356,7 @@ declare class DbPhoneVerify extends HTMLElement {
4225
4356
  private codeBlock;
4226
4357
  private errorEl;
4227
4358
  get size(): Size$2;
4359
+ set size(v: Size$2);
4228
4360
  get step(): 'phone' | 'code' | 'verified';
4229
4361
  set step(v: 'phone' | 'code' | 'verified');
4230
4362
  get phone(): string;
@@ -4234,6 +4366,7 @@ declare class DbPhoneVerify extends HTMLElement {
4234
4366
  get code(): string;
4235
4367
  set code(v: string);
4236
4368
  get countdown(): number;
4369
+ set countdown(v: number);
4237
4370
  connectedCallback(): void;
4238
4371
  disconnectedCallback(): void;
4239
4372
  attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
@@ -4286,11 +4419,13 @@ declare class DbEmailVerify extends HTMLElement {
4286
4419
  get mode(): 'code' | 'confirm';
4287
4420
  set mode(v: 'code' | 'confirm');
4288
4421
  get size(): Size$1;
4422
+ set size(v: Size$1);
4289
4423
  get step(): 'email' | 'code' | 'sent' | 'verified';
4290
4424
  set step(v: 'email' | 'code' | 'sent' | 'verified');
4291
4425
  get email(): string;
4292
4426
  set email(v: string);
4293
4427
  get countdown(): number;
4428
+ set countdown(v: number);
4294
4429
  connectedCallback(): void;
4295
4430
  disconnectedCallback(): void;
4296
4431
  attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
@@ -4342,15 +4477,25 @@ declare class DbTwoFactor extends HTMLElement {
4342
4477
  private otpInput;
4343
4478
  private hintEl;
4344
4479
  private timerEl;
4480
+ private codeHead;
4345
4481
  private resendBtn;
4346
4482
  private verifyBtn;
4347
4483
  private backupBtn;
4348
4484
  private errorEl;
4349
4485
  private channelActions;
4486
+ private resendStatus;
4487
+ private backupBlock;
4488
+ private backupInput;
4489
+ private backupCancelBtn;
4490
+ private backupMode;
4491
+ private resendCount;
4350
4492
  get method(): Method;
4351
4493
  set method(v: Method);
4352
4494
  get size(): Size;
4495
+ set size(v: Size);
4353
4496
  get countdown(): number;
4497
+ set countdown(v: number);
4498
+ get maxResends(): number;
4354
4499
  connectedCallback(): void;
4355
4500
  disconnectedCallback(): void;
4356
4501
  attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
@@ -5288,18 +5433,18 @@ declare function ModalHeader({ className, children, ...props }: PartProps): reac
5288
5433
  onFocusCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
5289
5434
  onBlur?: react.FocusEventHandler<HTMLDivElement> | undefined;
5290
5435
  onBlurCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
5291
- onChange?: react.ChangeEventHandler<HTMLDivElement, Element> | undefined;
5292
- onChangeCapture?: react.ChangeEventHandler<HTMLDivElement, Element> | undefined;
5436
+ onChange?: react.FormEventHandler<HTMLDivElement> | undefined;
5437
+ onChangeCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
5293
5438
  onBeforeInput?: react.InputEventHandler<HTMLDivElement> | undefined;
5294
- onBeforeInputCapture?: react.InputEventHandler<HTMLDivElement> | undefined;
5295
- onInput?: react.InputEventHandler<HTMLDivElement> | undefined;
5296
- onInputCapture?: react.InputEventHandler<HTMLDivElement> | undefined;
5297
- onReset?: react.ReactEventHandler<HTMLDivElement> | undefined;
5298
- onResetCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
5299
- onSubmit?: react.SubmitEventHandler<HTMLDivElement> | undefined;
5300
- onSubmitCapture?: react.SubmitEventHandler<HTMLDivElement> | undefined;
5301
- onInvalid?: react.ReactEventHandler<HTMLDivElement> | undefined;
5302
- onInvalidCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
5439
+ onBeforeInputCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
5440
+ onInput?: react.FormEventHandler<HTMLDivElement> | undefined;
5441
+ onInputCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
5442
+ onReset?: react.FormEventHandler<HTMLDivElement> | undefined;
5443
+ onResetCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
5444
+ onSubmit?: react.FormEventHandler<HTMLDivElement> | undefined;
5445
+ onSubmitCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
5446
+ onInvalid?: react.FormEventHandler<HTMLDivElement> | undefined;
5447
+ onInvalidCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
5303
5448
  onLoad?: react.ReactEventHandler<HTMLDivElement> | undefined;
5304
5449
  onLoadCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
5305
5450
  onError?: react.ReactEventHandler<HTMLDivElement> | undefined;
@@ -5570,18 +5715,18 @@ declare function ModalBody({ className, children, ...props }: PartProps): react.
5570
5715
  onFocusCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
5571
5716
  onBlur?: react.FocusEventHandler<HTMLDivElement> | undefined;
5572
5717
  onBlurCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
5573
- onChange?: react.ChangeEventHandler<HTMLDivElement, Element> | undefined;
5574
- onChangeCapture?: react.ChangeEventHandler<HTMLDivElement, Element> | undefined;
5718
+ onChange?: react.FormEventHandler<HTMLDivElement> | undefined;
5719
+ onChangeCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
5575
5720
  onBeforeInput?: react.InputEventHandler<HTMLDivElement> | undefined;
5576
- onBeforeInputCapture?: react.InputEventHandler<HTMLDivElement> | undefined;
5577
- onInput?: react.InputEventHandler<HTMLDivElement> | undefined;
5578
- onInputCapture?: react.InputEventHandler<HTMLDivElement> | undefined;
5579
- onReset?: react.ReactEventHandler<HTMLDivElement> | undefined;
5580
- onResetCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
5581
- onSubmit?: react.SubmitEventHandler<HTMLDivElement> | undefined;
5582
- onSubmitCapture?: react.SubmitEventHandler<HTMLDivElement> | undefined;
5583
- onInvalid?: react.ReactEventHandler<HTMLDivElement> | undefined;
5584
- onInvalidCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
5721
+ onBeforeInputCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
5722
+ onInput?: react.FormEventHandler<HTMLDivElement> | undefined;
5723
+ onInputCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
5724
+ onReset?: react.FormEventHandler<HTMLDivElement> | undefined;
5725
+ onResetCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
5726
+ onSubmit?: react.FormEventHandler<HTMLDivElement> | undefined;
5727
+ onSubmitCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
5728
+ onInvalid?: react.FormEventHandler<HTMLDivElement> | undefined;
5729
+ onInvalidCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
5585
5730
  onLoad?: react.ReactEventHandler<HTMLDivElement> | undefined;
5586
5731
  onLoadCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
5587
5732
  onError?: react.ReactEventHandler<HTMLDivElement> | undefined;
@@ -5852,18 +5997,18 @@ declare function ModalFooter({ className, children, ...props }: PartProps): reac
5852
5997
  onFocusCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
5853
5998
  onBlur?: react.FocusEventHandler<HTMLDivElement> | undefined;
5854
5999
  onBlurCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
5855
- onChange?: react.ChangeEventHandler<HTMLDivElement, Element> | undefined;
5856
- onChangeCapture?: react.ChangeEventHandler<HTMLDivElement, Element> | undefined;
6000
+ onChange?: react.FormEventHandler<HTMLDivElement> | undefined;
6001
+ onChangeCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
5857
6002
  onBeforeInput?: react.InputEventHandler<HTMLDivElement> | undefined;
5858
- onBeforeInputCapture?: react.InputEventHandler<HTMLDivElement> | undefined;
5859
- onInput?: react.InputEventHandler<HTMLDivElement> | undefined;
5860
- onInputCapture?: react.InputEventHandler<HTMLDivElement> | undefined;
5861
- onReset?: react.ReactEventHandler<HTMLDivElement> | undefined;
5862
- onResetCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
5863
- onSubmit?: react.SubmitEventHandler<HTMLDivElement> | undefined;
5864
- onSubmitCapture?: react.SubmitEventHandler<HTMLDivElement> | undefined;
5865
- onInvalid?: react.ReactEventHandler<HTMLDivElement> | undefined;
5866
- onInvalidCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
6003
+ onBeforeInputCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
6004
+ onInput?: react.FormEventHandler<HTMLDivElement> | undefined;
6005
+ onInputCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
6006
+ onReset?: react.FormEventHandler<HTMLDivElement> | undefined;
6007
+ onResetCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
6008
+ onSubmit?: react.FormEventHandler<HTMLDivElement> | undefined;
6009
+ onSubmitCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
6010
+ onInvalid?: react.FormEventHandler<HTMLDivElement> | undefined;
6011
+ onInvalidCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
5867
6012
  onLoad?: react.ReactEventHandler<HTMLDivElement> | undefined;
5868
6013
  onLoadCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
5869
6014
  onError?: react.ReactEventHandler<HTMLDivElement> | undefined;
@@ -6191,6 +6336,7 @@ type TwoFactorProps = WebComponentProps & {
6191
6336
  countdown?: number;
6192
6337
  destination?: string;
6193
6338
  resendLabel?: string;
6339
+ maxResends?: number;
6194
6340
  manual?: boolean;
6195
6341
  sending?: boolean;
6196
6342
  verifying?: boolean;
@@ -6444,6 +6590,27 @@ type TopBannerProps = WebComponentProps & {
6444
6590
  fixed?: boolean;
6445
6591
  dismissed?: boolean;
6446
6592
  };
6593
+ type CookieBannerProps = WebComponentProps & {
6594
+ title?: string;
6595
+ description?: string;
6596
+ policyLabel?: string;
6597
+ policyHref?: string;
6598
+ acceptLabel?: string;
6599
+ rejectLabel?: string;
6600
+ settingsLabel?: string;
6601
+ showReject?: boolean;
6602
+ showSettings?: boolean;
6603
+ fixed?: boolean;
6604
+ dismissed?: boolean;
6605
+ onAccept?: DbEventHandler;
6606
+ onReject?: DbEventHandler;
6607
+ onSettings?: DbEventHandler;
6608
+ onPolicy?: DbEventHandler;
6609
+ onDbAccept?: DbEventHandler;
6610
+ onDbReject?: DbEventHandler;
6611
+ onDbSettings?: DbEventHandler;
6612
+ onDbPolicy?: DbEventHandler;
6613
+ };
6447
6614
  type StatChange = {
6448
6615
  value: number;
6449
6616
  type: 'increase' | 'decrease';
@@ -6964,11 +7131,16 @@ type SidebarItem = {
6964
7131
  disabled?: boolean;
6965
7132
  badge?: string | number;
6966
7133
  badgeColor?: string;
7134
+ value?: string;
7135
+ selected?: boolean;
7136
+ dividerBefore?: boolean;
7137
+ openPanel?: string;
6967
7138
  children?: SidebarItem[];
6968
7139
  };
6969
7140
  type SidebarSection = {
6970
7141
  id: string;
6971
7142
  title?: string;
7143
+ gap?: 'none' | 's' | 'm' | 'l';
6972
7144
  items: SidebarItem[];
6973
7145
  };
6974
7146
  type SidebarUserProfile = {
@@ -7008,6 +7180,11 @@ type SidebarProps = WebComponentProps & {
7008
7180
  bottomItems?: SidebarItem[] | string;
7009
7181
  bottomSections?: SidebarSection[] | string;
7010
7182
  promoBanner?: SidebarPromoBanner | string;
7183
+ headerType?: 'default' | 'back';
7184
+ backLabel?: string;
7185
+ backHref?: string;
7186
+ settingsSections?: SidebarSection[] | string;
7187
+ activePanel?: string;
7011
7188
  size?: 's' | 'm' | 'l';
7012
7189
  variant?: 'default' | 'dark' | 'light';
7013
7190
  position?: 'left' | 'right';
@@ -7016,6 +7193,22 @@ type SidebarProps = WebComponentProps & {
7016
7193
  showLogo?: boolean;
7017
7194
  fullHeight?: boolean;
7018
7195
  shadow?: boolean;
7196
+ onBackClick?: DbEventHandler<{
7197
+ label: string;
7198
+ href: string;
7199
+ }>;
7200
+ onDbBackClick?: DbEventHandler<{
7201
+ label: string;
7202
+ href: string;
7203
+ }>;
7204
+ onPanelChange?: DbEventHandler<{
7205
+ panel: string;
7206
+ previous?: string;
7207
+ }>;
7208
+ onDbPanelChange?: DbEventHandler<{
7209
+ panel: string;
7210
+ previous?: string;
7211
+ }>;
7019
7212
  };
7020
7213
  type SpinnerProps = WebComponentProps & {
7021
7214
  type?: 'circular' | 'dots' | 'bars' | 'pulse' | 'ripple';
@@ -7883,6 +8076,32 @@ type RatingProps = WebComponentProps & {
7883
8076
  value: number;
7884
8077
  }>;
7885
8078
  };
8079
+ type SignatureProps = WebComponentProps & {
8080
+ height?: number;
8081
+ variant?: 'dashed' | 'outlined';
8082
+ penColor?: string;
8083
+ backgroundColor?: string;
8084
+ minWidth?: number;
8085
+ maxWidth?: number;
8086
+ placeholder?: string;
8087
+ showClear?: boolean;
8088
+ clearLabel?: string;
8089
+ disabled?: boolean;
8090
+ readonly?: boolean;
8091
+ value?: string;
8092
+ onChange?: DbEventHandler<{
8093
+ value: string | null;
8094
+ }>;
8095
+ onBegin?: DbEventHandler<void>;
8096
+ onEnd?: DbEventHandler<void>;
8097
+ onClear?: DbEventHandler<void>;
8098
+ onDbChange?: DbEventHandler<{
8099
+ value: string | null;
8100
+ }>;
8101
+ onDbBegin?: DbEventHandler<void>;
8102
+ onDbEnd?: DbEventHandler<void>;
8103
+ onDbClear?: DbEventHandler<void>;
8104
+ };
7886
8105
  type CountdownProps = WebComponentProps & {
7887
8106
  endDate?: string;
7888
8107
  duration?: number;
@@ -8556,14 +8775,19 @@ type SectionHeroProps = WebComponentProps & {
8556
8775
  title: string;
8557
8776
  subtitle?: string;
8558
8777
  description?: string;
8778
+ badge?: string;
8559
8779
  backgroundImage?: string;
8560
8780
  backgroundVideo?: string;
8561
8781
  overlayColor?: string;
8562
8782
  overlayOpacity?: number;
8563
8783
  buttons?: SectionHeroButton[] | string;
8564
- variant?: 'default' | 'centered' | 'overlay';
8784
+ variant?: 'default' | 'centered' | 'overlay' | 'showcase' | 'split';
8565
8785
  theme?: 'light' | 'dark' | 'gradient' | 'image';
8566
8786
  alignment?: 'left' | 'center' | 'right';
8787
+ visualImage?: string;
8788
+ visualAlt?: string;
8789
+ visualTopLeft?: string;
8790
+ visualTopRight?: string;
8567
8791
  animated?: boolean;
8568
8792
  fullHeight?: boolean;
8569
8793
  minHeight?: string;
@@ -9348,6 +9572,7 @@ declare const RangeSlider: react.ForwardRefExoticComponent<Omit<RangeSliderProps
9348
9572
  declare const SearchBar: react.ForwardRefExoticComponent<Omit<SearchBarProps, "ref"> & react.RefAttributes<HTMLElement>>;
9349
9573
  declare const Share: react.ForwardRefExoticComponent<Omit<ShareProps, "ref"> & react.RefAttributes<HTMLElement>>;
9350
9574
  declare const TopBanner: react.ForwardRefExoticComponent<Omit<TopBannerProps, "ref"> & react.RefAttributes<HTMLElement>>;
9575
+ declare const CookieBanner: react.ForwardRefExoticComponent<Omit<CookieBannerProps, "ref"> & react.RefAttributes<HTMLElement>>;
9351
9576
  declare const Stat: react.ForwardRefExoticComponent<Omit<StatProps, "ref"> & react.RefAttributes<HTMLElement>>;
9352
9577
  declare const Image: react.ForwardRefExoticComponent<Omit<ImageProps, "ref"> & react.RefAttributes<HTMLElement>>;
9353
9578
  declare const ImagePlaceholder: react.ForwardRefExoticComponent<Omit<ImagePlaceholderProps, "ref"> & react.RefAttributes<HTMLElement>>;
@@ -9371,6 +9596,7 @@ declare const Toggle: react.ForwardRefExoticComponent<Omit<ToggleProps, "ref"> &
9371
9596
  declare const Toolbar: react.ForwardRefExoticComponent<Omit<WebComponentProps, "ref"> & react.RefAttributes<HTMLElement>>;
9372
9597
  declare const Tooltip: react.ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & react.RefAttributes<HTMLElement>>;
9373
9598
  declare const Rating: react.ForwardRefExoticComponent<Omit<RatingProps, "ref"> & react.RefAttributes<HTMLElement>>;
9599
+ declare const Signature: react.ForwardRefExoticComponent<Omit<SignatureProps, "ref"> & react.RefAttributes<HTMLElement>>;
9374
9600
  declare const Countdown: react.ForwardRefExoticComponent<Omit<CountdownProps, "ref"> & react.RefAttributes<HTMLElement>>;
9375
9601
  declare const Masonry: react.ForwardRefExoticComponent<Omit<MasonryProps, "ref"> & react.RefAttributes<HTMLElement>>;
9376
9602
  declare const Carousel: react.ForwardRefExoticComponent<Omit<CarouselProps, "ref"> & react.RefAttributes<HTMLElement>>;
@@ -9448,5 +9674,5 @@ declare const DatePicker: react.ForwardRefExoticComponent<Omit<DatePickerProps,
9448
9674
  declare const TimePicker: react.ForwardRefExoticComponent<Omit<TimePickerProps, "ref"> & react.RefAttributes<HTMLElement>>;
9449
9675
  declare const Calendar: react.ForwardRefExoticComponent<Omit<CalendarProps, "ref"> & react.RefAttributes<HTMLElement>>;
9450
9676
 
9451
- export { Accordion, AdBanner, AiChat, AiChatList, Alert, AnimationBackground, AnimationText, AppBadge, AudioPlayer, Avatar, Backdrop, Badge, Banner, BottomNavigation, BottomSheet, Breadcrumbs, Button, Calendar, Card, Carousel, ChatComposer, ChatList, ChatMessage, ChatOrb, ChatRoom, ChatSuggestions, ChatTyping, ChatWelcome, ChatWidget, Checkbox, Chip, CodeBlock, ColorPicker, Confirm, Container, ContextMenu, Countdown, CursorFollower, DatePicker, Divider, DownloadProgress, Drawer, Dropdown, Dropzone, EmailVerify, EmptyState, FileUploader, FloatingActionButton, Footer, Form, Gantt, Gradient, Grid, GridBackground, GridItem, Image, ImageList, ImagePlaceholder, Indicator, Input, Kanban, Label, Lightbox, List, Logo, Lottie, MarkdownEditor, Marquee, Masonry, MenuItem, Modal, ModalBody, ModalFooter, ModalHeader, Navbar, OnboardingModal, OtpInput, PageHeader, Pagination, PhoneVerify, Popover, Progress, ProgressStep, Progressbar, Radio, RandomGradient, RangeSlider, Rating, Reorder, ResizablePanels, ScrollArea, SearchBar, Section, SectionAppDownload, SectionContact, SectionCta, SectionFaq, SectionFeature, SectionFeatureGrid, SectionHero, SectionLogoCloud, SectionPricing, SectionStats, SectionTestimonials, SegmentControl, Select, Share, Sidebar, Skeleton, Spinner, SplitView, Stack, Stat, Stepper, Table, Tabs, Testimonial, Textarea, TimePicker, Timeline, Toast, Toggle, Toolbar, Tooltip, TopBanner, Tutorial, TwoFactor, VideoPlayer, YouTubePlayer, useContextMenu };
9452
- export type { AccordionItemConfig, AccordionProps, AdBannerProps, AiChatListProps, AiChatProps, AlertAction, AlertProps, AnimationBackgroundProps, AnimationTextProps, AppBadgeProps, AudioPlayerProps, AvatarProps, BackdropProps, BadgeProps, BannerAction, BannerProps, BottomNavigationItem, BottomNavigationProps, BottomSheetProps, BreadcrumbItemConfig, BreadcrumbMenuItemConfig, BreadcrumbsProps, ButtonProps, CalendarEvent, CalendarProps, CardProps, CarouselItem, CarouselProps, ChatComposerProps, ChatListProps, ChatMessageProps, ChatOrbProps, ChatRoomProps, ChatSuggestionsProps, ChatTypingProps, ChatWelcomeProps, ChatWidgetProps, ChipProps, CodeBlockItem, CodeBlockProps, ColorPickerProps, ConfirmProps, ContextMenuItemConfig, ContextMenuProps, CountdownProps, CursorFollowerProps, DatePickerProps, DbChatSuggestion, DbChatTool, DbChatWidgetConversation, DbChatWidgetMessage, DbEventHandler, DividerProps, DownloadProgressProps, DrawerProps, DropdownItemConfig, DropdownProps, DropzoneProps, EmailVerifyProps, EmptyStateProps, FileUploaderProps, FloatingActionButtonProps, FooterCompanyInfo, FooterFamilySite, FooterLink, FooterLinkColumn, FooterProps, FooterSocialLink, FormFieldData, FormProps, GanttAssignee, GanttGroup, GanttItem, GanttProps, GanttRow, GradientColor, GradientProps, GradientScheme, GradientTone, GridBackgroundProps, ImageListItem, ImageListProps, ImagePlaceholderProps, ImageProps, IndicatorProps, InputProps, KanbanAssignee, KanbanCard, KanbanColumn, KanbanProps, KanbanTag, LabelProps, LightboxImage, LightboxProps, ListItemConfig, ListProps, LogoProps, LottieProps, MarkdownEditorProps, MarqueeImageItem, MarqueeProps, MasonryItem, MasonryProps, MenuItemChildConfig, MenuItemProps, ModalProps, ModalSegmentItem, ModalTabItem, NavbarItem, NavbarProps, NavbarUserProfile, OnboardingModalProps, OnboardingStep, OtpInputProps, PageHeaderProps, PageHeaderTabItem, PaginationProps, PhoneVerifyProps, PopoverProps, ProgressProps, ProgressStepItem, ProgressStepProps, RadioProps, RandomGradientProps, RangeSliderProps, RatingProps, ReorderItem, ReorderProps, ResizablePanelsProps, ScrollAreaProps, SearchBarProps, SectionAppDownloadProps, SectionAppDownloadStore, SectionBlockBadge, SectionContactAction, SectionContactProps, SectionCtaButton, SectionCtaProps, SectionFaqItem, SectionFaqProps, SectionFeatureAction, SectionFeatureBadge, SectionFeatureGridItem, SectionFeatureGridProps, SectionFeatureProps, SectionHeroButton, SectionHeroProps, SectionLogoCloudItem, SectionLogoCloudProps, SectionPricingCta, SectionPricingPlan, SectionPricingProps, SectionProps, SectionStatItem, SectionStatsProps, SectionTestimonialItem, SectionTestimonialsProps, SegmentControlProps, SelectProps, SelectionProps, SharePlatform, ShareProps, SidebarItem, SidebarProject, SidebarPromoBanner, SidebarProps, SidebarSection, SidebarUserProfile, SkeletonProps, SpinnerProps, SplitViewProps, StatChange, StatProps, StepperProps, TabItemConfig, TableColumn, TableProps, TabsProps, TestimonialProps, TextareaProps, TimePickerProps, TimelineItem, TimelineProps, ToastProps, ToggleProps, TooltipProps, TopBannerProps, TutorialProps, TutorialStep, TwoFactorProps, UseContextMenuReturn, VideoPlayerProps, WebComponentProps, YouTubePlayerProps };
9677
+ export { Accordion, AdBanner, AiChat, AiChatList, Alert, AnimationBackground, AnimationText, AppBadge, AudioPlayer, Avatar, Backdrop, Badge, Banner, BottomNavigation, BottomSheet, Breadcrumbs, Button, Calendar, Card, Carousel, ChatComposer, ChatList, ChatMessage, ChatOrb, ChatRoom, ChatSuggestions, ChatTyping, ChatWelcome, ChatWidget, Checkbox, Chip, CodeBlock, ColorPicker, Confirm, Container, ContextMenu, CookieBanner, Countdown, CursorFollower, DatePicker, Divider, DownloadProgress, Drawer, Dropdown, Dropzone, EmailVerify, EmptyState, FileUploader, FloatingActionButton, Footer, Form, Gantt, Gradient, Grid, GridBackground, GridItem, Image, ImageList, ImagePlaceholder, Indicator, Input, Kanban, Label, Lightbox, List, Logo, Lottie, MarkdownEditor, Marquee, Masonry, MenuItem, Modal, ModalBody, ModalFooter, ModalHeader, Navbar, OnboardingModal, OtpInput, PageHeader, Pagination, PhoneVerify, Popover, Progress, ProgressStep, Progressbar, Radio, RandomGradient, RangeSlider, Rating, Reorder, ResizablePanels, ScrollArea, SearchBar, Section, SectionAppDownload, SectionContact, SectionCta, SectionFaq, SectionFeature, SectionFeatureGrid, SectionHero, SectionLogoCloud, SectionPricing, SectionStats, SectionTestimonials, SegmentControl, Select, Share, Sidebar, Signature, Skeleton, Spinner, SplitView, Stack, Stat, Stepper, Table, Tabs, Testimonial, Textarea, TimePicker, Timeline, Toast, Toggle, Toolbar, Tooltip, TopBanner, Tutorial, TwoFactor, VideoPlayer, YouTubePlayer, useContextMenu };
9678
+ export type { AccordionItemConfig, AccordionProps, AdBannerProps, AiChatListProps, AiChatProps, AlertAction, AlertProps, AnimationBackgroundProps, AnimationTextProps, AppBadgeProps, AudioPlayerProps, AvatarProps, BackdropProps, BadgeProps, BannerAction, BannerProps, BottomNavigationItem, BottomNavigationProps, BottomSheetProps, BreadcrumbItemConfig, BreadcrumbMenuItemConfig, BreadcrumbsProps, ButtonProps, CalendarEvent, CalendarProps, CardProps, CarouselItem, CarouselProps, ChatComposerProps, ChatListProps, ChatMessageProps, ChatOrbProps, ChatRoomProps, ChatSuggestionsProps, ChatTypingProps, ChatWelcomeProps, ChatWidgetProps, ChipProps, CodeBlockItem, CodeBlockProps, ColorPickerProps, ConfirmProps, ContextMenuItemConfig, ContextMenuProps, CookieBannerProps, CountdownProps, CursorFollowerProps, DatePickerProps, DbChatSuggestion, DbChatTool, DbChatWidgetConversation, DbChatWidgetMessage, DbEventHandler, DividerProps, DownloadProgressProps, DrawerProps, DropdownItemConfig, DropdownProps, DropzoneProps, EmailVerifyProps, EmptyStateProps, FileUploaderProps, FloatingActionButtonProps, FooterCompanyInfo, FooterFamilySite, FooterLink, FooterLinkColumn, FooterProps, FooterSocialLink, FormFieldData, FormProps, GanttAssignee, GanttGroup, GanttItem, GanttProps, GanttRow, GradientColor, GradientProps, GradientScheme, GradientTone, GridBackgroundProps, ImageListItem, ImageListProps, ImagePlaceholderProps, ImageProps, IndicatorProps, InputProps, KanbanAssignee, KanbanCard, KanbanColumn, KanbanProps, KanbanTag, LabelProps, LightboxImage, LightboxProps, ListItemConfig, ListProps, LogoProps, LottieProps, MarkdownEditorProps, MarqueeImageItem, MarqueeProps, MasonryItem, MasonryProps, MenuItemChildConfig, MenuItemProps, ModalProps, ModalSegmentItem, ModalTabItem, NavbarItem, NavbarProps, NavbarUserProfile, OnboardingModalProps, OnboardingStep, OtpInputProps, PageHeaderProps, PageHeaderTabItem, PaginationProps, PhoneVerifyProps, PopoverProps, ProgressProps, ProgressStepItem, ProgressStepProps, RadioProps, RandomGradientProps, RangeSliderProps, RatingProps, ReorderItem, ReorderProps, ResizablePanelsProps, ScrollAreaProps, SearchBarProps, SectionAppDownloadProps, SectionAppDownloadStore, SectionBlockBadge, SectionContactAction, SectionContactProps, SectionCtaButton, SectionCtaProps, SectionFaqItem, SectionFaqProps, SectionFeatureAction, SectionFeatureBadge, SectionFeatureGridItem, SectionFeatureGridProps, SectionFeatureProps, SectionHeroButton, SectionHeroProps, SectionLogoCloudItem, SectionLogoCloudProps, SectionPricingCta, SectionPricingPlan, SectionPricingProps, SectionProps, SectionStatItem, SectionStatsProps, SectionTestimonialItem, SectionTestimonialsProps, SegmentControlProps, SelectProps, SelectionProps, SharePlatform, ShareProps, SidebarItem, SidebarProject, SidebarPromoBanner, SidebarProps, SidebarSection, SidebarUserProfile, SignatureProps, SkeletonProps, SpinnerProps, SplitViewProps, StatChange, StatProps, StepperProps, TabItemConfig, TableColumn, TableProps, TabsProps, TestimonialProps, TextareaProps, TimePickerProps, TimelineItem, TimelineProps, ToastProps, ToggleProps, TooltipProps, TopBannerProps, TutorialProps, TutorialStep, TwoFactorProps, UseContextMenuReturn, VideoPlayerProps, WebComponentProps, YouTubePlayerProps };