@designbasekorea/ui-wc 0.12.0 → 0.13.0

package/dist/index.d.ts

@@ -1,3 +1,210 @@
+/**
+ * Light DOM custom element for the canonical web Button.
+ *
+ * The host itself behaves like the button so framework children stay owned by
+ * their renderer. This keeps React/Vue slots stable while sharing one element.
+ */
+declare class DbButton extends HTMLElement {
+    static readonly formAssociated = true;
+    private readonly internals;
+    private formDisabled;
+    private spacePressed;
+    private syncing;
+    private pendingSync;
+    private managedLoadingLabel;
+    private actionEpoch;
+    private implicitSubmitter?;
+    private childObserver?;
+    private desiredTabIndex;
+    static get observedAttributes(): string[];
+    /**
+     * 계약에 없는 값이 attribute 로 들어오면 기본값으로 되돌린다 — throw 하지 않는다.
+     * 커스텀 엘리먼트의 attribute 는 임의 문자열을 받으므로 타입으로 막을 수 없다. (STD-COERCE)
+     */
+    get variant(): string;
+    set variant(value: string);
+    get size(): string;
+    set size(value: string);
+    /** 빈 값은 "사이즈에 따라 자동" 을 뜻하므로 계약값에 포함되지 않아도 유효하다 */
+    get radius(): string;
+    set radius(value: string);
+    get accentStyle(): string;
+    set accentStyle(value: string);
+    get destructiveStyle(): string;
+    set destructiveStyle(value: string);
+    /** Space-separated display keys, e.g. "⌘ ↵". Bind application shortcuts separately. */
+    get shortcut(): string;
+    set shortcut(value: string);
+    get type(): string;
+    set type(value: string);
+    get form(): HTMLFormElement | null;
+    get name(): string;
+    set name(value: string);
+    get value(): string;
+    set value(value: string);
+    get formNoValidate(): boolean;
+    set formNoValidate(value: boolean);
+    get formAction(): string;
+    set formAction(value: string);
+    get formMethod(): string;
+    set formMethod(value: string);
+    get formEnctype(): string;
+    set formEnctype(value: string);
+    get formTarget(): string;
+    set formTarget(value: string);
+    private get blocked();
+    formDisabledCallback(disabled: boolean): void;
+    click(): void;
+    get href(): string;
+    set href(value: string);
+    get loadingText(): string;
+    set loadingText(value: string);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get loading(): boolean;
+    set loading(value: boolean);
+    get iconOnly(): boolean;
+    set iconOnly(value: boolean);
+    get fullWidth(): boolean;
+    set fullWidth(value: boolean);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name?: string, oldValue?: string | null, value?: string | null): void;
+    private handleClick;
+    private followLink;
+    private handleKeyDown;
+    private handleKeyUp;
+    private handleBlur;
+    private handlePointerDown;
+    private handlePointerUp;
+    private syncAttributes;
+    private getIconSize;
+    private syncShortcut;
+    private syncImplicitSubmitter;
+    private resolveIconName;
+    private isManagedIconNode;
+    private syncIcons;
+    private getDefaultRadiusClass;
+    private syncRadius;
+    private syncAccentStyle;
+    /**
+     * prism(구 outline) 스타일의 회전하는 테두리 레이어.
+     *
+     * conic-gradient 의 각도를 직접 애니메이션하려면 `@property` 가 필요해 기준선이 올라간다.
+     * 대신 넘치는 정사각형을 `overflow: hidden` 컨테이너 안에서 회전시키고,
+     * 컨테이너의 `::after` 가 안쪽을 덮어 1.5px 테두리만 남기는 방식을 쓴다.
+     */
+    private syncAccentRing;
+    private syncAccentField;
+    private syncModifier;
+    private syncBooleanModifier;
+    private getSpinnerSize;
+    private syncLoadingVisual;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-button': DbButton;
+    }
+}
+
+declare class DbProgressbar extends HTMLElement {
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    attributeChangedCallback(): void;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-progressbar': DbProgressbar;
+    }
+}
+
+declare class DbSpinner extends HTMLElement {
+    /** 현재 그려진 스피너 타입 — 바뀔 때만 그래픽을 다시 만든다 */
+    private renderedType?;
+    private graphicEl?;
+    private labelEl?;
+    private unsubscribeLocale?;
+    static get observedAttributes(): string[];
+    get type(): string;
+    set type(value: string);
+    get size(): string;
+    set size(value: string);
+    get color(): string;
+    set color(value: string);
+    get speed(): number;
+    set speed(value: number);
+    get label(): string;
+    set label(value: string);
+    get showLabel(): boolean;
+    set showLabel(value: boolean);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    private render;
+    private renderSpinner;
+    private escape;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-spinner': DbSpinner;
+    }
+}
+
+declare const APP_UPDATE_STATUSES: readonly ["checking", "up-to-date", "available", "downloading", "ready", "applying", "complete", "error", "offline"];
+type AppUpdateStatus = (typeof APP_UPDATE_STATUSES)[number];
+interface AppUpdateEventDetail {
+    status: AppUpdateStatus;
+    version: string;
+}
+/** Sidebar notice + compact Modal. The host owns the OTA engine and verified completion. */
+declare class DbAppUpdate extends HTMLElement {
+    static get observedAttributes(): string[];
+    private trigger?;
+    private triggerLabel?;
+    private triggerVersion?;
+    private modal?;
+    private body?;
+    private description?;
+    private meta?;
+    private notes?;
+    private notesHeading?;
+    private notesList?;
+    private footer?;
+    private restartHint?;
+    private renderedNotes?;
+    private activity?;
+    private activityLabel?;
+    private progressEl?;
+    private actions?;
+    private signature;
+    private previousStatus?;
+    private restartRequested;
+    private approved;
+    private notified;
+    private unsubscribeLocale?;
+    get status(): AppUpdateStatus;
+    set status(value: AppUpdateStatus);
+    get open(): boolean;
+    set open(value: boolean);
+    get progress(): number | null;
+    set progress(value: number | null);
+    private flag;
+    private emit;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    private close;
+    private build;
+    private requestRestart;
+    private render;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'db-app-update': DbAppUpdate;
+    }
+}
+
 /**
  * 엘리먼트 id 생성.
  *
@@ -162,6 +369,108 @@ declare function activateOnKey(el: HTMLElement, options?: {
  */
 /** 컴포넌트가 쓰는 문자열 키 → 기본(한국어) 값 */
 declare const DEFAULT_STRINGS: {
+    readonly "appUpdate.notice": "업데이트 안내";
+    readonly "appUpdate.changes": "주요 변경 내용";
+    readonly "appUpdate.automatic": "완료 후 자동으로 다시 시작됩니다.";
+    readonly "appUpdate.install": "업데이트";
+    readonly "appUpdate.inProgress": "업데이트 중";
+    readonly "appUpdate.dialogTitle": "앱 업데이트";
+    readonly "appUpdate.toastComplete": "{version} 업데이트가 완료됐어요.";
+    readonly "appUpdate.checking.title": "업데이트 확인 중";
+    readonly "appUpdate.checking.description": "새로운 업데이트가 있는지 확인하고 있습니다.";
+    readonly "appUpdate.up-to-date.title": "최신 버전입니다";
+    readonly "appUpdate.up-to-date.description": "현재 사용할 수 있는 최신 버전을 이용 중입니다.";
+    readonly "appUpdate.available.title": "새로운 업데이트가 있어요";
+    readonly "appUpdate.available.description": "개선된 기능과 안정성 업데이트를 다운로드할 수 있습니다.";
+    readonly "appUpdate.downloading.title": "업데이트 다운로드 중";
+    readonly "appUpdate.downloading.description": "다운로드가 끝나면 적용 방법을 안내해 드립니다.";
+    readonly "appUpdate.ready.title": "업데이트를 적용할 준비가 됐어요";
+    readonly "appUpdate.ready.description": "작업을 저장한 뒤 앱을 다시 시작해 업데이트를 적용하세요.";
+    readonly "appUpdate.applying.title": "업데이트 적용 중";
+    readonly "appUpdate.applying.description": "앱을 닫지 말고 잠시 기다려 주세요.";
+    readonly "appUpdate.complete.title": "업데이트가 완료됐어요";
+    readonly "appUpdate.complete.description": "새 버전이 정상적으로 적용되었습니다.";
+    readonly "appUpdate.error.title": "업데이트를 완료하지 못했어요";
+    readonly "appUpdate.error.description": "연결 상태를 확인하고 다시 시도해 주세요.";
+    readonly "appUpdate.offline.title": "인터넷 연결이 필요해요";
+    readonly "appUpdate.offline.description": "인터넷에 연결한 뒤 업데이트를 다시 시도해 주세요.";
+    readonly "appUpdate.current": "현재";
+    readonly "appUpdate.target": "새 버전";
+    readonly "appUpdate.required": "필수 업데이트";
+    readonly "appUpdate.later": "나중에";
+    readonly "appUpdate.download": "업데이트 다운로드";
+    readonly "appUpdate.restart": "다시 시작하여 적용";
+    readonly "appUpdate.retry": "다시 시도";
+    readonly "appUpdate.done": "확인";
+    readonly "media.restoreHandles": "핸들 복구 (H)";
+    readonly "media.tangentHelp": "드래그: 대칭 · Cmd/Ctrl: 개별 · H: 복구 · 겹친 핸들은 점선으로 꺼내 표시합니다.";
+    readonly "media.resizeTimeline": "타임라인 높이 조절";
+    readonly "media.resizeTimelineHint": "위아래 드래그로 높이 조절. 두 번 클릭 또는 Home으로 자동 높이 복원.";
+    readonly "media.resizeTrack": "트랙 높이 조절";
+    readonly "easing.outVelocity": "나가는 속도 ×";
+    readonly "easing.inVelocity": "들어오는 속도 ×";
+    readonly "easing.label": "이징 · 속도";
+    readonly "easing.graphMode": "그래프 종류";
+    readonly "easing.value": "값 곡선";
+    readonly "easing.speed": "속도";
+    readonly "easing.valueGraph": "정규화된 진행 곡선";
+    readonly "easing.speedGraph": "정규화된 속도 그래프";
+    readonly "easing.custom": "사용자 곡선";
+    readonly "easing.presets": "이징 프리셋";
+    readonly "easing.linear": "선형";
+    readonly "easing.ease": "기본 이징";
+    readonly "easing.ease-in": "시작 가속";
+    readonly "easing.ease-out": "종료 감속";
+    readonly "easing.ease-in-out": "가속 · 감속";
+    readonly "easing.smooth": "부드럽게";
+    readonly "easing.snappy": "빠른 전환";
+    readonly "easing.swift": "빠른 진입";
+    readonly "easing.gentle": "은은하게";
+    readonly "easing.emphasized": "강조";
+    readonly "easing.outgoing": "나가는 접선";
+    readonly "easing.incoming": "들어오는 접선";
+    readonly "easing.preview": "이징 미리보기 재생";
+    readonly "easing.velocityHint": "1× = 일정한 속도";
+    readonly "easing.speedHelp": "접선 핸들로 영향 범위와 끝점 속도를 조정합니다. 실제 초당 속도는 정규화된 값에 값 변화량 / 구간 시간을 곱합니다.";
+    readonly "easing.valueHelp": "핸들을 드래그하거나 좌표를 입력하세요. 방향키 .01, Shift .1 단위 조정, Esc 이동 취소.";
+    readonly "media.trimStart": "시작 트림";
+    readonly "media.trimEnd": "끝 트림";
+    readonly "media.fadeIn": "페이드 인";
+    readonly "media.fadeOut": "페이드 아웃";
+    readonly "media.effects": "적용 효과";
+    readonly "media.timeline": "영상 타임라인";
+    readonly "media.tracks": "트랙";
+    readonly "media.more": "오른쪽 클립 더 보기";
+    readonly "media.lock": "트랙 잠금";
+    readonly "media.trackLocked": "잠김";
+    readonly "media.trackUnlocked": "잠금 해제됨";
+    readonly "media.soundOn": "소리 켜짐";
+    readonly "media.soundOff": "음소거됨";
+    readonly "media.marker": "타임라인 마커";
+    readonly "media.trackMute": "트랙 음소거";
+    readonly "media.duration": "길이";
+    readonly "media.playhead": "재생 위치";
+    readonly "media.emptyTracks": "트랙 배열을 연결해 시작하세요.";
+    readonly "media.keyframes": "키프레임";
+    readonly "media.curve": "값 그래프";
+    readonly "media.previousKey": "이전 키프레임";
+    readonly "media.nextKey": "다음 키프레임";
+    readonly "media.addKey": "키프레임 추가 (K)";
+    readonly "media.deleteKey": "키프레임 삭제";
+    readonly "media.outHandle": "나가는 베지어 핸들";
+    readonly "media.inHandle": "들어오는 베지어 핸들";
+    readonly "media.keyframe": "키프레임";
+    readonly "media.emptyKeys": "키프레임을 추가하거나 그래프를 두 번 클릭하세요.";
+    readonly "media.selectKey": "키프레임을 선택해 시간·값·보간을 편집하세요.";
+    readonly "media.time": "시간 (초)";
+    readonly "media.value": "값";
+    readonly "media.interpolation": "보간";
+    readonly "media.linear": "선형";
+    readonly "media.hold": "유지";
+    readonly "media.ease-in": "서서히 시작";
+    readonly "media.ease-out": "서서히 종료";
+    readonly "media.ease-in-out": "서서히 시작 / 종료";
+    readonly "media.bezier": "사용자 베지어";
     readonly 'selectionBar.count': "{count}개 선택";
     readonly 'selectionBar.clear': "해제";
     readonly 'selectionBar.label': "선택 항목 작업";
@@ -723,115 +1032,6 @@ declare global {
     }
 }
 
-/**
- * Light DOM custom element for the canonical web Button.
- *
- * The host itself behaves like the button so framework children stay owned by
- * their renderer. This keeps React/Vue slots stable while sharing one element.
- */
-declare class DbButton extends HTMLElement {
-    static readonly formAssociated = true;
-    private readonly internals;
-    private formDisabled;
-    private spacePressed;
-    private syncing;
-    private pendingSync;
-    private managedLoadingLabel;
-    private actionEpoch;
-    private implicitSubmitter?;
-    private childObserver?;
-    private desiredTabIndex;
-    static get observedAttributes(): string[];
-    /**
-     * 계약에 없는 값이 attribute 로 들어오면 기본값으로 되돌린다 — throw 하지 않는다.
-     * 커스텀 엘리먼트의 attribute 는 임의 문자열을 받으므로 타입으로 막을 수 없다. (STD-COERCE)
-     */
-    get variant(): string;
-    set variant(value: string);
-    get size(): string;
-    set size(value: string);
-    /** 빈 값은 "사이즈에 따라 자동" 을 뜻하므로 계약값에 포함되지 않아도 유효하다 */
-    get radius(): string;
-    set radius(value: string);
-    get accentStyle(): string;
-    set accentStyle(value: string);
-    get destructiveStyle(): string;
-    set destructiveStyle(value: string);
-    /** Space-separated display keys, e.g. "⌘ ↵". Bind application shortcuts separately. */
-    get shortcut(): string;
-    set shortcut(value: string);
-    get type(): string;
-    set type(value: string);
-    get form(): HTMLFormElement | null;
-    get name(): string;
-    set name(value: string);
-    get value(): string;
-    set value(value: string);
-    get formNoValidate(): boolean;
-    set formNoValidate(value: boolean);
-    get formAction(): string;
-    set formAction(value: string);
-    get formMethod(): string;
-    set formMethod(value: string);
-    get formEnctype(): string;
-    set formEnctype(value: string);
-    get formTarget(): string;
-    set formTarget(value: string);
-    private get blocked();
-    formDisabledCallback(disabled: boolean): void;
-    click(): void;
-    get href(): string;
-    set href(value: string);
-    get loadingText(): string;
-    set loadingText(value: string);
-    get disabled(): boolean;
-    set disabled(value: boolean);
-    get loading(): boolean;
-    set loading(value: boolean);
-    get iconOnly(): boolean;
-    set iconOnly(value: boolean);
-    get fullWidth(): boolean;
-    set fullWidth(value: boolean);
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    attributeChangedCallback(name?: string, oldValue?: string | null, value?: string | null): void;
-    private handleClick;
-    private followLink;
-    private handleKeyDown;
-    private handleKeyUp;
-    private handleBlur;
-    private handlePointerDown;
-    private handlePointerUp;
-    private syncAttributes;
-    private getIconSize;
-    private syncShortcut;
-    private syncImplicitSubmitter;
-    private resolveIconName;
-    private isManagedIconNode;
-    private syncIcons;
-    private getDefaultRadiusClass;
-    private syncRadius;
-    private syncAccentStyle;
-    /**
-     * prism(구 outline) 스타일의 회전하는 테두리 레이어.
-     *
-     * conic-gradient 의 각도를 직접 애니메이션하려면 `@property` 가 필요해 기준선이 올라간다.
-     * 대신 넘치는 정사각형을 `overflow: hidden` 컨테이너 안에서 회전시키고,
-     * 컨테이너의 `::after` 가 안쪽을 덮어 1.5px 테두리만 남기는 방식을 쓴다.
-     */
-    private syncAccentRing;
-    private syncAccentField;
-    private syncModifier;
-    private syncBooleanModifier;
-    private getSpinnerSize;
-    private syncLoadingVisual;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'db-button': DbButton;
-    }
-}
-
 declare class DbInput extends HTMLElement {
     /** 현재 렌더된 DOM 구조의 형태 키 — 바뀔 때만 재구축한다 (PERF-RECONCILE) */
     private shapeKey;
@@ -1085,38 +1285,6 @@ declare global {
     }
 }
 
-declare class DbSpinner extends HTMLElement {
-    /** 현재 그려진 스피너 타입 — 바뀔 때만 그래픽을 다시 만든다 */
-    private renderedType?;
-    private graphicEl?;
-    private labelEl?;
-    private unsubscribeLocale?;
-    static get observedAttributes(): string[];
-    get type(): string;
-    set type(value: string);
-    get size(): string;
-    set size(value: string);
-    get color(): string;
-    set color(value: string);
-    get speed(): number;
-    set speed(value: number);
-    get label(): string;
-    set label(value: string);
-    get showLabel(): boolean;
-    set showLabel(value: boolean);
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    attributeChangedCallback(): void;
-    private render;
-    private renderSpinner;
-    private escape;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'db-spinner': DbSpinner;
-    }
-}
-
 declare class DbCard extends HTMLElement {
     private unsubscribeLocale?;
     static get observedAttributes(): string[];
@@ -3038,18 +3206,6 @@ declare global {
     }
 }
 
-declare class DbProgressbar extends HTMLElement {
-    static get observedAttributes(): string[];
-    connectedCallback(): void;
-    attributeChangedCallback(): void;
-    private render;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'db-progressbar': DbProgressbar;
-    }
-}
-
 interface DbProgressStepItemData {
     id: string;
     title: string;
@@ -6267,7 +6423,7 @@ declare global {
     }
 }
 
-type DbIconName = 'shape-line' | 'shape-triangle' | 'shape-ellipse' | 'shape-rectangle' | 'filp-vertical' | 'filp-horizontal' | 'filter' | 'sort-descending' | 'navigation' | 'move' | 'arrow-back-up' | 'zoom-in' | 'zoom-out' | 'layer' | 'unlock' | 'layout-align-left' | 'layout-align-center' | 'layout-align-right' | 'layout-align-top' | 'layout-align-middle' | 'layout-align-bottom' | 'text' | 'shapes' | 'text-align-left' | 'text-align-center' | 'text-align-right' | 'desktop' | 'tablet' | 'mobile' | 'plane' | 'arrow-bar-left' | 'arrow-bar-right' | 'award' | 'apple' | 'play-store' | 'arrow-right' | 'star' | 'star-filled' | 'star-half' | 'trending-up' | 'cart' | 'credit-card' | 'bell-active' | 'caret-down-filled' | 'caret-updown-filled' | 'chevron-down' | 'chevron-up' | 'chevron-left' | 'chevron-right' | 'calendar' | 'camera' | 'clock' | 'bulb' | 'circle-checked' | 'cloud-close' | 'close' | 'done' | 'documentation' | 'doughnut-chart' | 'download' | 'error-filled' | 'edit' | 'eyedropper' | 'file-new' | 'home-outline' | 'home-filled' | 'folder' | 'more-horizontal' | 'folder-open' | 'gallery' | 'globe' | 'hide' | 'info-filled' | 'lock' | 'mail' | 'menu' | 'microphone' | 'minus' | 'moon' | 'more-vertical' | 'paperclip' | 'pause' | 'play-outline' | 'play' | 'plus' | 'copy' | 'code' | 'write' | 'upload' | 'video' | 'volume-up' | 'mute-filled' | 'package' | 'delivery-filled' | 'repeat' | 'settings' | 'refresh' | 'expand' | 'shrink' | 'grip-vertical' | 'grip-horizontal' | 'search' | 'send' | 'share-alt' | 'show' | 'sparkle' | 'stop' | 'sun' | 'thumb-down' | 'thumb-up' | 'trash' | 'twitter' | 'x-logo' | 'heart' | 'heart-filled' | 'verified-badge' | 'comment' | 'user' | 'warning-filled';
+type DbIconName = 'shape-line' | 'shape-triangle' | 'shape-ellipse' | 'shape-rectangle' | 'filp-vertical' | 'filp-horizontal' | 'filter' | 'sort-descending' | 'navigation' | 'move' | 'arrow-back-up' | 'zoom-in' | 'zoom-out' | 'layer' | 'unlock' | 'layout-align-left' | 'layout-align-center' | 'layout-align-right' | 'layout-align-top' | 'layout-align-middle' | 'layout-align-bottom' | 'text' | 'shapes' | 'text-align-left' | 'text-align-center' | 'text-align-right' | 'desktop' | 'tablet' | 'mobile' | 'plane' | 'arrow-bar-left' | 'arrow-bar-right' | 'award' | 'apple' | 'play-store' | 'arrow-right' | 'star' | 'star-filled' | 'star-half' | 'trending-up' | 'cart' | 'credit-card' | 'bell-active' | 'caret-down-filled' | 'caret-updown-filled' | 'chevron-down' | 'chevron-up' | 'chevron-left' | 'chevron-right' | 'calendar' | 'camera' | 'clock' | 'bulb' | 'circle-checked' | 'cloud-close' | 'close' | 'done' | 'documentation' | 'doughnut-chart' | 'download' | 'error-filled' | 'edit' | 'eyedropper' | 'file-new' | 'home-outline' | 'home-filled' | 'folder' | 'more-horizontal' | 'folder-open' | 'gallery' | 'globe' | 'hide' | 'info-filled' | 'lock' | 'mail' | 'menu' | 'microphone' | 'minus' | 'moon' | 'more-vertical' | 'paperclip' | 'pause' | 'play-outline' | 'play' | 'plus' | 'copy' | 'code' | 'write' | 'upload' | 'video' | 'volume-up' | 'mute' | 'mute-filled' | 'package' | 'delivery-filled' | 'repeat' | 'settings' | 'refresh' | 'expand' | 'shrink' | 'grip-vertical' | 'grip-horizontal' | 'search' | 'send' | 'share-alt' | 'show' | 'sparkle' | 'stop' | 'sun' | 'thumb-down' | 'thumb-up' | 'trash' | 'twitter' | 'x-logo' | 'heart' | 'heart-filled' | 'verified-badge' | 'comment' | 'user' | 'warning-filled';
 
 type DbVoiceState = 'idle' | 'starting' | 'listening' | 'stopping' | 'completed' | 'cancelled' | 'error' | 'unsupported';
 /** Controlled voice UI only: emits intent, never opens the microphone or uploads audio. */
@@ -9218,5 +9374,277 @@ declare global {
     }
 }
 
-export { CleanupBag, DEVICE_MOCKUP_SCREENS, DbAccordion, DbAchievementList, DbAchievementModal, DbActivityHeatmap, DbAdBanner, DbAiChainOfThought, DbAiChat, DbAiChatList, DbAiCheckpoint, DbAiConfirmation, DbAiContext, DbAiConversation, DbAiExecutionQuote, DbAiFileTree, DbAiGlow, DbAiInlineCitation, DbAiMessage, DbAiModelSelect, DbAiPlan, DbAiQueue, DbAiReasoning, DbAiSources, DbAiStackTrace, DbAiSubagent, DbAiTask, DbAiTaskStatus, DbAiTerminal, DbAiTestResults, DbAiTool, DbAlert, DbAndroidMockup, DbAnimationBackground, DbAnimationText, DbAppBadge, DbAppleWatchMockup, DbAttachmentList, DbAudioPlayer, DbAvatar, DbBackdrop, DbBadge, DbBanner, DbBentoCard, DbBentoGrid, DbBoardingPass, DbBoardingPassStack, DbBorderBeam, DbBottomNavigation, DbBottomSheet, DbBreadcrumbs, DbBrowserMockup, DbButton, DbCalendar, DbCard, DbCarousel, DbChatComposer, DbChatList, DbChatMessage, DbChatOrb, DbChatRoom, DbChatSuggestions, DbChatTyping, DbChatWelcome, DbChatWidget, DbCheckbox, DbChip, DbCodeBlock, DbColorPicker, DbColorSwatch, DbConfetti, DbConfirm, DbContainer, DbContextBar, DbContextMenu, DbCookieBanner, DbCountdown, DbCreditBalance, DbCreditCard, DbCreditDropdown, DbCreditHistory, DbCreditRecharge, DbCreditRechargeModal, DbCursorFollower, DbDatePicker, DbDesignCanvas, DbDesignToolbar, DbDivider, DbDownloadProgress, DbDrawer, DbDropdown, DbDropzone, DbDuoMockup, DbElement, DbEmailVerify, DbEmptyState, DbFileUploader, DbFilterBar, DbFlightStatus, DbFlipMockup, DbFloatingActionButton, DbFoldMockup, DbFooter, DbForm, DbGantt, DbGlyphMatrix, DbGradient, DbGrid, DbGridBackground, DbGridItem, DbImage, DbImageList, DbImagePlaceholder, DbIndicator, DbInput, DbInputGroup, DbIosMockup, DbKanban, DbLabel, DbLightbox, DbList, DbLogo, DbMarkdownEditor, DbMarquee, DbMasonry, DbMenuItem, DbMobileMockup, DbModal, DbNavbar, DbNavigationRail, DbNode, DbNotificationDropdown, DbNotificationInbox, DbOnboardingModal, DbOtpInput, DbPageHeader, DbPagination, DbPhoneVerify, DbPlanOverview, DbPopover, DbProgress, DbProgressStep, DbProgressbar, DbProgressiveBlur, DbRadio, DbRandomGradient, DbRangeSlider, DbRating, DbReceipt, DbReorder, DbResizablePanels, DbScrollArea, DbSearchBar, DbSection, DbSectionAppDownload, DbSectionContact, DbSectionCta, DbSectionFaq, DbSectionFeature, DbSectionFeatureGrid, DbSectionHero, DbSectionLogoCloud, DbSectionPricing, DbSectionStats, DbSectionTestimonials, DbSegmentControl, DbSelect, DbSelectionBar, DbShare, DbSidebar, DbSignature, DbSkeleton, DbSpinner, DbSplitView, DbStack, DbStat, DbStepper, DbTable, DbTabletMockup, DbTabs, DbTestimonial, DbTextarea, DbTicket, DbTimePicker, DbTimeline, DbToast, DbToggle, DbToolButton, DbToolLayout, DbToolPanel, DbToolbar, DbTooltip, DbTopBanner, DbTutorial, DbTweetCard, DbTwoFactor, DbVideoPlayer, DbVoiceControl, DbWorkspaceInviteModal, DbWorkspaceMembers, DbWorldMap, DbYouTubePlayer, DbZoomControl, NODE_STATUSES, NODE_VARIANTS, PAYMENT_BRANDS, TOOL_LAYOUT_VARIANTS, activateOnKey, announce, confetti, confirm, createFocusTrap, createSrOnly, confirm as dbConfirm, dbResetLocale, dbSetLocale, dbText, toast as dbToast, dbUid, dbUseLocale, ensureId, getPaymentBrand, getTabbables, labelFrom, lockScroll, politenessForTone, rafThrottle, sanitizeHref, sanitizeHtmlFragment, scrollLockDepth, setAccessibleName, showToast, t, toast, unlockScroll };
-export type { CalendarEventData, CalendarEventType, Cleanup, ConfettiFireworkOptions, ConfettiFunction, ConfettiParticleOptions, DbAchievementItem, DbActivityHeatmapCellDetail, DbActivityHeatmapItem, DbAiAction, DbAiChatItem, DbAiItem, DbAiModelOption, DbAiModelSelection, DbAiQuoteExecution, DbAiQuoteView, DbAiStatus, DbAiTaskAction, DbAiTaskState, DbAlertAction, DbArtifactOptions, DbAttachment, DbAttachmentAction, DbAttachmentState, DbBannerAction, DbBoardingPassLabels, DbBottomNavigationItem, DbChatArtifactRef, DbChatAttachOption, DbChatListItem, DbChatMessageAttachment, DbChatMessageData, DbChatRoomMessage, DbChatSuggestion, DbChatTool, DbChatWidgetArticle, DbChatWidgetConversation, DbChatWidgetMenuAction, DbChatWidgetMenuItem, DbChatWidgetMessage, DbColorSwatchCustomType, DbColorSwatchItem, DbColorSwatchShape, DbColorSwatchSize, DbConfirmOptions, DbConfirmVariant, DbCreditCardFlip, DbCreditCardOrientation, DbCreditCardVariant, DbCreditEntry, DbCreditEntryKind, DbCreditPlan, DbCreditPlanSelection, DbFlightStatusValue, DbFooterCompanyInfo, DbFooterFamilySite, DbFooterLink, DbFooterLinkColumn, DbFooterSocialLink, DbFormFieldData, DbGanttAssignee, DbGanttGroup, DbGanttItem, DbGanttItemStatus, DbGanttRow, DbImageListItem, DbKanbanAssignee, DbKanbanCard, DbKanbanColumn, DbKanbanPriority, DbKanbanTag, DbLightboxImage, DbNavbarItem, DbNavbarUserProfile, DbNavigationRailItem, DbNodeMove, DbNodePort, DbNodePortDrag, DbNodePortSelect, DbNodePortType, DbNotificationAction, DbNotificationItem, DbNotificationReadAll, DbPageHeaderTabItem, DbPaperAction, DbPaperField, DbPlanFeature, DbReceiptItem, DbReceiptLabels, DbSharePlatform, DbShareVariant, DbSidebarItem, DbSidebarProject, DbSidebarPromoBanner, DbSidebarSection, DbSidebarUserProfile, DbSignaturePoint, DbSignatureVariant, DbStatChange, DbStringKey, DbStrings, DbTimelineItem, DbToastApi, DbToastHandle, DbToastOptions, ToastPosition as DbToastPosition, ToastVariant as DbToastVariant, DbTravelPass, DbTravelPassChange, DbTweetData, DbVoiceState, DbWorkspaceInviteDraft, DbWorkspaceInviteRole, DbWorkspaceMember, DbWorkspaceMemberAction, DbWorkspaceMemberState, DesignCanvasChange, DesignCanvasNode, DesignCanvasViewport, DesignToolAction, DesignToolOption, DesignToolbarItem, FileStatus, FilterBarAlign, FilterBarSize, FilterBarVariant, FocusTrap, FocusTrapOptions, GradientScheme, GradientTone, ToolLayoutPanel, ToolLayoutResizeDetail, ToolLayoutSizes, ToolLayoutVariant, ToolPanelTab, UploadFile, WorldMapConnection, WorldMapLocation, WorldMapVariant, ZoomChangeDetail, ZoomControlAction, ZoomSource };
+/** Time is seconds; editing is quantized to integral frames at the specified FPS. */
+interface VideoTrack {
+    id: string;
+    label: string;
+    kind: 'video' | 'audio' | 'title' | 'mixed';
+    locked?: boolean;
+    muted?: boolean;
+    height?: number;
+}
+interface VideoClipEffect {
+    id: string;
+    label: string;
+    kind: 'color' | 'blur' | 'transform' | 'opacity' | 'speed';
+    enabled?: boolean;
+}
+interface VideoClip {
+    kind?: 'video' | 'audio' | 'title';
+    id: string;
+    trackId: string;
+    label: string;
+    start: number;
+    duration: number;
+    sourceOffset?: number;
+    sourceDuration?: number;
+    fadeIn?: number;
+    fadeOut?: number;
+    effects?: VideoClipEffect[];
+    appearance?: 'standard' | 'filmstrip' | 'waveform' | 'compact';
+    thumbnail?: string;
+}
+interface TimelineMarker {
+    id: string;
+    time: number;
+    label: string;
+}
+type KeyframeEasing = 'linear' | 'hold' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'bezier';
+interface KeyframeTangent {
+    time: number;
+    value: number;
+}
+interface EditorKeyframe {
+    id: string;
+    time: number;
+    value: number;
+    easing?: KeyframeEasing;
+    bezier?: [number, number, number, number];
+    inTangent?: KeyframeTangent;
+    outTangent?: KeyframeTangent;
+    tangentMode?: 'aligned' | 'free';
+}
+declare function frameTime(time: number, fps?: number): number;
+declare function editorTimecode(time: number, fps?: number): string;
+declare function evaluateKeyframes(keys: EditorKeyframe[], time: number): number;
+declare function keyframeEasingCurve(keys: EditorKeyframe[], id: string): [number, number, number, number] | undefined;
+declare function applyKeyframeEasing(keys: EditorKeyframe[], id: string, easing: KeyframeEasing, bezier?: [number, number, number, number]): EditorKeyframe[];
+
+interface TimelineEditDetail {
+    clips: VideoClip[];
+    action: 'move' | 'trim-start' | 'trim-end' | 'fade-in' | 'fade-out' | 'delete' | 'split';
+    clipId: string;
+}
+/** Non-overlapping tracks; optimistic drag feedback emits input, one change per committed transaction. */
+declare class DbVideoTimeline extends HTMLElement {
+    static get observedAttributes(): string[];
+    private _tracks;
+    private _clips;
+    private _markers;
+    private viewport?;
+    private canvas?;
+    private cursor?;
+    private hint?;
+    private drag?;
+    private raf;
+    private unsubscribe?;
+    private resize?;
+    private resizeDrag?;
+    private paneGrip?;
+    get rowHeight(): number;
+    set rowHeight(n: number);
+    get height(): number;
+    set height(n: number);
+    get minClipDuration(): number;
+    set minClipDuration(n: number);
+    get shortcuts(): boolean;
+    set shortcuts(n: boolean);
+    private trackHeight;
+    private number;
+    get duration(): number;
+    set duration(n: number);
+    get fps(): number;
+    set fps(n: number);
+    get zoom(): number;
+    set zoom(n: number);
+    get currentTime(): number;
+    set currentTime(n: number);
+    get snap(): boolean;
+    set snap(n: boolean);
+    get disabled(): boolean;
+    set disabled(n: boolean);
+    get selectedClipId(): string;
+    set selectedClipId(id: string);
+    get tracks(): VideoTrack[];
+    set tracks(value: VideoTrack[]);
+    get clips(): VideoClip[];
+    set clips(value: VideoClip[]);
+    get markers(): TimelineMarker[];
+    set markers(value: TimelineMarker[]);
+    private get scale();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private syncHint;
+    private syncCursor;
+    private seek;
+    scrollToTime(time: number): void;
+    setZoom(value: number): void;
+    private node;
+    private render;
+    private select;
+    private timeAt;
+    private down;
+    private move;
+    private snapped;
+    private updateDrag;
+    private autoScroll;
+    private finish;
+    private up;
+    private cancel;
+    private rollback;
+    private onActionClick;
+    splitSelected(): void;
+    private trackIndexAt;
+    private finishResize;
+    private doubleResize;
+    private changeZoom;
+    private wheel;
+    private key;
+}
+
+interface KeyframeEditDetail {
+    keyframes: EditorKeyframe[];
+    action: 'add' | 'delete' | 'move' | 'easing' | 'bezier' | 'value';
+    keyframeId: string;
+}
+declare class DbKeyframeEditor extends HTMLElement {
+    static get observedAttributes(): string[];
+    private _keys;
+    private viewport?;
+    private chart?;
+    private toolbar?;
+    private inspector?;
+    private cursor?;
+    private unsubscribe?;
+    private drag?;
+    private raf;
+    private num;
+    get duration(): number;
+    set duration(n: number);
+    get fps(): number;
+    set fps(n: number);
+    get zoom(): number;
+    set zoom(n: number);
+    get currentTime(): number;
+    set currentTime(n: number);
+    get min(): number;
+    set min(n: number);
+    get max(): number;
+    set max(n: number);
+    get disabled(): boolean;
+    set disabled(n: boolean);
+    get selectedKeyframeId(): string;
+    set selectedKeyframeId(id: string);
+    get keyframes(): EditorKeyframe[];
+    set keyframes(value: EditorKeyframe[]);
+    private get scale();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private emit;
+    private select;
+    private seek;
+    private plotBounds;
+    private y;
+    private syncCursor;
+    private svg;
+    private render;
+    addKeyframe(time?: number, value?: number): void;
+    private deleteKey;
+    private navigate;
+    private onActionClick;
+    private changeKey;
+    private fieldInput;
+    private field;
+    private setTangent;
+    restoreHandles(): void;
+    private point;
+    private double;
+    private down;
+    private update;
+    private move;
+    private autoScroll;
+    private finish;
+    private up;
+    private cancel;
+    private key;
+}
+
+type EasingCurve = [number, number, number, number];
+interface EasingPreset {
+    id: string;
+    curve: EasingCurve;
+    group: 'basic' | 'expressive';
+}
+declare const EASING_PRESETS: readonly EasingPreset[];
+declare function evaluateEasing(value: EasingCurve, time: number): number;
+/** Normalized velocity (progress / normalized time). 1 = constant speed; multiply by value delta / duration for real units/s. */
+declare function evaluateEasingVelocity(value: EasingCurve, time: number): number;
+declare function easingCss(value: EasingCurve): string;
+
+interface EasingChangeDetail {
+    value: EasingCurve;
+    css: string;
+    preset: string;
+    source: 'handle' | 'field' | 'preset' | 'keyboard';
+    cancelled?: boolean;
+}
+declare class DbEasingEditor extends HTMLElement {
+    static get observedAttributes(): string[];
+    private _value;
+    private ui?;
+    private preview?;
+    private graph?;
+    private unsubscribe?;
+    private frame;
+    private playing;
+    private drag?;
+    get value(): EasingCurve;
+    set value(value: EasingCurve | string);
+    get mode(): 'value' | 'speed';
+    set mode(value: 'value' | 'speed');
+    get variant(): "default" | "compact";
+    set variant(value: 'default' | 'compact');
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get duration(): number;
+    set duration(value: number);
+    get hidePresets(): boolean;
+    set hidePresets(value: boolean);
+    get preset(): string;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+    private text;
+    private detail;
+    private change;
+    private svg;
+    private node;
+    private render;
+    private handle;
+    private fieldInput;
+    private field;
+    private action;
+    private down;
+    private move;
+    private finish;
+    private up;
+    private cancel;
+    private key;
+    private stop;
+    private play;
+}
+
+export { APP_UPDATE_STATUSES, CleanupBag, DEVICE_MOCKUP_SCREENS, DbAccordion, DbAchievementList, DbAchievementModal, DbActivityHeatmap, DbAdBanner, DbAiChainOfThought, DbAiChat, DbAiChatList, DbAiCheckpoint, DbAiConfirmation, DbAiContext, DbAiConversation, DbAiExecutionQuote, DbAiFileTree, DbAiGlow, DbAiInlineCitation, DbAiMessage, DbAiModelSelect, DbAiPlan, DbAiQueue, DbAiReasoning, DbAiSources, DbAiStackTrace, DbAiSubagent, DbAiTask, DbAiTaskStatus, DbAiTerminal, DbAiTestResults, DbAiTool, DbAlert, DbAndroidMockup, DbAnimationBackground, DbAnimationText, DbAppBadge, DbAppUpdate, DbAppleWatchMockup, DbAttachmentList, DbAudioPlayer, DbAvatar, DbBackdrop, DbBadge, DbBanner, DbBentoCard, DbBentoGrid, DbBoardingPass, DbBoardingPassStack, DbBorderBeam, DbBottomNavigation, DbBottomSheet, DbBreadcrumbs, DbBrowserMockup, DbButton, DbCalendar, DbCard, DbCarousel, DbChatComposer, DbChatList, DbChatMessage, DbChatOrb, DbChatRoom, DbChatSuggestions, DbChatTyping, DbChatWelcome, DbChatWidget, DbCheckbox, DbChip, DbCodeBlock, DbColorPicker, DbColorSwatch, DbConfetti, DbConfirm, DbContainer, DbContextBar, DbContextMenu, DbCookieBanner, DbCountdown, DbCreditBalance, DbCreditCard, DbCreditDropdown, DbCreditHistory, DbCreditRecharge, DbCreditRechargeModal, DbCursorFollower, DbDatePicker, DbDesignCanvas, DbDesignToolbar, DbDivider, DbDownloadProgress, DbDrawer, DbDropdown, DbDropzone, DbDuoMockup, DbEasingEditor, DbElement, DbEmailVerify, DbEmptyState, DbFileUploader, DbFilterBar, DbFlightStatus, DbFlipMockup, DbFloatingActionButton, DbFoldMockup, DbFooter, DbForm, DbGantt, DbGlyphMatrix, DbGradient, DbGrid, DbGridBackground, DbGridItem, DbImage, DbImageList, DbImagePlaceholder, DbIndicator, DbInput, DbInputGroup, DbIosMockup, DbKanban, DbKeyframeEditor, DbLabel, DbLightbox, DbList, DbLogo, DbMarkdownEditor, DbMarquee, DbMasonry, DbMenuItem, DbMobileMockup, DbModal, DbNavbar, DbNavigationRail, DbNode, DbNotificationDropdown, DbNotificationInbox, DbOnboardingModal, DbOtpInput, DbPageHeader, DbPagination, DbPhoneVerify, DbPlanOverview, DbPopover, DbProgress, DbProgressStep, DbProgressbar, DbProgressiveBlur, DbRadio, DbRandomGradient, DbRangeSlider, DbRating, DbReceipt, DbReorder, DbResizablePanels, DbScrollArea, DbSearchBar, DbSection, DbSectionAppDownload, DbSectionContact, DbSectionCta, DbSectionFaq, DbSectionFeature, DbSectionFeatureGrid, DbSectionHero, DbSectionLogoCloud, DbSectionPricing, DbSectionStats, DbSectionTestimonials, DbSegmentControl, DbSelect, DbSelectionBar, DbShare, DbSidebar, DbSignature, DbSkeleton, DbSpinner, DbSplitView, DbStack, DbStat, DbStepper, DbTable, DbTabletMockup, DbTabs, DbTestimonial, DbTextarea, DbTicket, DbTimePicker, DbTimeline, DbToast, DbToggle, DbToolButton, DbToolLayout, DbToolPanel, DbToolbar, DbTooltip, DbTopBanner, DbTutorial, DbTweetCard, DbTwoFactor, DbVideoPlayer, DbVideoTimeline, DbVoiceControl, DbWorkspaceInviteModal, DbWorkspaceMembers, DbWorldMap, DbYouTubePlayer, DbZoomControl, EASING_PRESETS, NODE_STATUSES, NODE_VARIANTS, PAYMENT_BRANDS, TOOL_LAYOUT_VARIANTS, activateOnKey, announce, applyKeyframeEasing, confetti, confirm, createFocusTrap, createSrOnly, confirm as dbConfirm, dbResetLocale, dbSetLocale, dbText, toast as dbToast, dbUid, dbUseLocale, easingCss, editorTimecode, ensureId, evaluateEasing, evaluateEasingVelocity, evaluateKeyframes, frameTime, getPaymentBrand, getTabbables, keyframeEasingCurve, labelFrom, lockScroll, politenessForTone, rafThrottle, sanitizeHref, sanitizeHtmlFragment, scrollLockDepth, setAccessibleName, showToast, t, toast, unlockScroll };
+export type { AppUpdateEventDetail, AppUpdateStatus, CalendarEventData, CalendarEventType, Cleanup, ConfettiFireworkOptions, ConfettiFunction, ConfettiParticleOptions, DbAchievementItem, DbActivityHeatmapCellDetail, DbActivityHeatmapItem, DbAiAction, DbAiChatItem, DbAiItem, DbAiModelOption, DbAiModelSelection, DbAiQuoteExecution, DbAiQuoteView, DbAiStatus, DbAiTaskAction, DbAiTaskState, DbAlertAction, DbArtifactOptions, DbAttachment, DbAttachmentAction, DbAttachmentState, DbBannerAction, DbBoardingPassLabels, DbBottomNavigationItem, DbChatArtifactRef, DbChatAttachOption, DbChatListItem, DbChatMessageAttachment, DbChatMessageData, DbChatRoomMessage, DbChatSuggestion, DbChatTool, DbChatWidgetArticle, DbChatWidgetConversation, DbChatWidgetMenuAction, DbChatWidgetMenuItem, DbChatWidgetMessage, DbColorSwatchCustomType, DbColorSwatchItem, DbColorSwatchShape, DbColorSwatchSize, DbConfirmOptions, DbConfirmVariant, DbCreditCardFlip, DbCreditCardOrientation, DbCreditCardVariant, DbCreditEntry, DbCreditEntryKind, DbCreditPlan, DbCreditPlanSelection, DbFlightStatusValue, DbFooterCompanyInfo, DbFooterFamilySite, DbFooterLink, DbFooterLinkColumn, DbFooterSocialLink, DbFormFieldData, DbGanttAssignee, DbGanttGroup, DbGanttItem, DbGanttItemStatus, DbGanttRow, DbImageListItem, DbKanbanAssignee, DbKanbanCard, DbKanbanColumn, DbKanbanPriority, DbKanbanTag, DbLightboxImage, DbNavbarItem, DbNavbarUserProfile, DbNavigationRailItem, DbNodeMove, DbNodePort, DbNodePortDrag, DbNodePortSelect, DbNodePortType, DbNotificationAction, DbNotificationItem, DbNotificationReadAll, DbPageHeaderTabItem, DbPaperAction, DbPaperField, DbPlanFeature, DbReceiptItem, DbReceiptLabels, DbSharePlatform, DbShareVariant, DbSidebarItem, DbSidebarProject, DbSidebarPromoBanner, DbSidebarSection, DbSidebarUserProfile, DbSignaturePoint, DbSignatureVariant, DbStatChange, DbStringKey, DbStrings, DbTimelineItem, DbToastApi, DbToastHandle, DbToastOptions, ToastPosition as DbToastPosition, ToastVariant as DbToastVariant, DbTravelPass, DbTravelPassChange, DbTweetData, DbVoiceState, DbWorkspaceInviteDraft, DbWorkspaceInviteRole, DbWorkspaceMember, DbWorkspaceMemberAction, DbWorkspaceMemberState, DesignCanvasChange, DesignCanvasNode, DesignCanvasViewport, DesignToolAction, DesignToolOption, DesignToolbarItem, EasingChangeDetail, EasingCurve, EasingPreset, EditorKeyframe, FileStatus, FilterBarAlign, FilterBarSize, FilterBarVariant, FocusTrap, FocusTrapOptions, GradientScheme, GradientTone, KeyframeEasing, KeyframeEditDetail, KeyframeTangent, TimelineEditDetail, TimelineMarker, ToolLayoutPanel, ToolLayoutResizeDetail, ToolLayoutSizes, ToolLayoutVariant, ToolPanelTab, UploadFile, VideoClip, VideoClipEffect, VideoTrack, WorldMapConnection, WorldMapLocation, WorldMapVariant, ZoomChangeDetail, ZoomControlAction, ZoomSource };