@timebraid/vue 1.14.0 → 1.15.0

package/README.md

@@ -36,6 +36,8 @@ Import `@timebraid/tokens/styles.css` once in `main.ts` (or `@timebraid/vue/styl
 | `TSelect` | Trailing-value select with `chevrons-up-down`, used inside `TRow`; name the control with `label` (rendered visually hidden) or `ariaLabel` |
 | `TBadge` | Status pill: neutral, running, green, red, soon |
 | `TBar` | Animated value bar |
+| `TGoalBar` | Today's goal bar: done fills a `--fill` track in green and the catch-up share of the target is hatched in orange at the right end until the goal is met |
+| `TGoalStatus` | Today's goal status pill: "+19m catch-up" ("+19m" when `short`), Ahead or Done; nothing for `none` |
 | `TAvatar` | Initials avatar; pass `src` for a photo instead |
 | `TAvatarStack` | Overlapping `TAvatar`s with a `+N` overflow count |
 | `TLargeTitle` | Large collapsing page title; `sticky` pins it above its scrolling content |

package/dist/index.d.ts

@@ -9,17 +9,17 @@ flat: boolean;
 plainTitle: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
 
-declare const __VLS_component_10: DefineComponent<__VLS_Props_36, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_36> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component_10: DefineComponent<__VLS_Props_38, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_38> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_11: DefineComponent<__VLS_Props_38, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_38> & Readonly<{}>, {
+declare const __VLS_component_11: DefineComponent<__VLS_Props_40, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_40> & Readonly<{}>, {
 scrolled: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_12: DefineComponent<__VLS_Props_43, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_43> & Readonly<{}>, {
+declare const __VLS_component_12: DefineComponent<__VLS_Props_45, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_45> & Readonly<{}>, {
 width: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_13: DefineComponent<__VLS_Props_45, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_45> & Readonly<{}>, {
+declare const __VLS_component_13: DefineComponent<__VLS_Props_47, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_47> & Readonly<{}>, {
 side: "top" | "bottom" | "left" | "right";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
 
@@ -81,14 +81,14 @@ declare const __VLS_component_6: DefineComponent<__VLS_Props_17, {}, {}, {}, {},
 tone: keyof typeof TONES_3;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
 
-declare const __VLS_component_7: DefineComponent<__VLS_Props_23, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_23> & Readonly<{}>, {
+declare const __VLS_component_7: DefineComponent<__VLS_Props_25, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_25> & Readonly<{}>, {
 sticky: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_8: DefineComponent<__VLS_Props_24, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_8: DefineComponent<__VLS_Props_26, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 close: () => any;
 back: () => any;
-}, string, PublicProps, Readonly<__VLS_Props_24> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_26> & Readonly<{
 onClose?: (() => any) | undefined;
 onBack?: (() => any) | undefined;
 }>, {
@@ -102,13 +102,13 @@ cancelMode: "close" | "back";
 dialog: HTMLDivElement;
 }, any>;
 
-declare const __VLS_component_9: DefineComponent<__VLS_Props_29, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_9: DefineComponent<__VLS_Props_31, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 stop: (id: string) => any;
 start: () => any;
 "update:open": (v: boolean) => any;
 stopAll: () => any;
 openApp: () => any;
-}, string, PublicProps, Readonly<__VLS_Props_29> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_31> & Readonly<{
 onStop?: ((id: string) => any) | undefined;
 onStart?: (() => any) | undefined;
 "onUpdate:open"?: ((v: boolean) => any) | undefined;
@@ -199,10 +199,10 @@ declare type __VLS_Props_18 = {
 };
 
 declare type __VLS_Props_19 = {
-    name: string;
-    size?: number;
+    pct: number;
+    catchup?: number;
+    height?: 6 | 8;
     color?: string;
-    src?: string;
 };
 
 declare type __VLS_Props_2 = {
@@ -219,17 +219,30 @@ declare type __VLS_Props_2 = {
 };
 
 declare type __VLS_Props_20 = {
+    status: GoalStatus;
+    catchup?: number;
+    short?: boolean;
+};
+
+declare type __VLS_Props_21 = {
+    name: string;
+    size?: number;
+    color?: string;
+    src?: string;
+};
+
+declare type __VLS_Props_22 = {
     people: Person[];
     size?: number;
     max?: number;
 };
 
-declare type __VLS_Props_21 = {
+declare type __VLS_Props_23 = {
     name: string;
     color: string;
 };
 
-declare type __VLS_Props_22 = {
+declare type __VLS_Props_24 = {
     name?: string;
     color?: string;
     all?: boolean;
@@ -238,13 +251,13 @@ declare type __VLS_Props_22 = {
     src?: string;
 };
 
-declare type __VLS_Props_23 = {
+declare type __VLS_Props_25 = {
     title: string;
     sub?: string;
     sticky?: boolean;
 };
 
-declare type __VLS_Props_24 = {
+declare type __VLS_Props_26 = {
     open: boolean;
     title: string;
     mobile?: boolean;
@@ -255,7 +268,7 @@ declare type __VLS_Props_24 = {
     cancelMode?: 'close' | 'back';
 };
 
-declare type __VLS_Props_25 = {
+declare type __VLS_Props_27 = {
     open: boolean;
     current?: string | null;
     mobile?: boolean;
@@ -264,13 +277,13 @@ declare type __VLS_Props_25 = {
     teleport?: boolean;
 };
 
-declare type __VLS_Props_26 = {
+declare type __VLS_Props_28 = {
     color: string;
     size?: number;
     running?: boolean;
 };
 
-declare type __VLS_Props_27 = {
+declare type __VLS_Props_29 = {
     seconds: number;
     mode?: DurationFormat;
     size?: number;
@@ -278,7 +291,12 @@ declare type __VLS_Props_27 = {
     tone?: keyof typeof TONES_4;
 };
 
-declare type __VLS_Props_28 = {
+declare type __VLS_Props_3 = {
+    label: string;
+    icon?: string;
+};
+
+declare type __VLS_Props_30 = {
     rows: WaterfallProject[];
     start?: number;
     end?: number;
@@ -288,32 +306,27 @@ declare type __VLS_Props_28 = {
     showWs?: boolean;
 };
 
-declare type __VLS_Props_29 = {
+declare type __VLS_Props_31 = {
     running: PillTimer[];
     compact?: boolean;
     paused?: boolean;
     open?: boolean;
 };
 
-declare type __VLS_Props_3 = {
-    label: string;
-    icon?: string;
-};
-
-declare type __VLS_Props_30 = {
+declare type __VLS_Props_32 = {
     workspaces: WorkspaceOption[];
     modelValue: string;
     showAll?: boolean;
 };
 
-declare type __VLS_Props_31 = {
+declare type __VLS_Props_33 = {
     workspaces: WorkspaceOption[];
     modelValue: string;
     showAll?: boolean;
     embedded?: boolean;
 };
 
-declare type __VLS_Props_32 = {
+declare type __VLS_Props_34 = {
     open: boolean;
     workspaces: WorkspaceOption[];
     modelValue: string;
@@ -322,39 +335,27 @@ declare type __VLS_Props_32 = {
     user?: DrawerUser | null;
 };
 
-declare type __VLS_Props_33 = {
+declare type __VLS_Props_35 = {
     timers: PillTimer[];
     android?: boolean;
     bottom?: number | string;
 };
 
-declare type __VLS_Props_34 = {
+declare type __VLS_Props_36 = {
     opacity?: number;
 };
 
-declare type __VLS_Props_35 = {
+declare type __VLS_Props_37 = {
     recent?: RecentTask[];
     hasRunning?: boolean;
     mobile?: boolean;
     shortcut?: string;
 };
 
-declare type __VLS_Props_36 = {
-    title: string;
-    sub?: string;
-    scrolled: boolean;
-};
-
-declare type __VLS_Props_37 = {
-    items: TabItem[];
-    modelValue: string;
-    indicator?: boolean;
-};
-
 declare type __VLS_Props_38 = {
     title: string;
     sub?: string;
-    scrolled?: boolean;
+    scrolled: boolean;
 };
 
 declare type __VLS_Props_39 = {
@@ -378,11 +379,23 @@ declare type __VLS_Props_4 = {
     armed?: boolean;
 };
 
+declare type __VLS_Props_40 = {
+    title: string;
+    sub?: string;
+    scrolled?: boolean;
+};
+
+declare type __VLS_Props_41 = {
+    items: TabItem[];
+    modelValue: string;
+    indicator?: boolean;
+};
+
 /**
  * Lucide glyph rendered inline from the bundled table, so it follows currentColor and fetches nothing.
  * SUBSTITUTION: Timebraid has no icon set of its own yet; Lucide is the closest match to the mark.
  */
-declare type __VLS_Props_40 = {
+declare type __VLS_Props_42 = {
     /** Lucide kebab-case name from the bundled table: play, square, plus, folder-kanban... */
     name: string;
     /** 16 in the app, 20 in the site header, 24 in marketing rows. */
@@ -393,26 +406,26 @@ declare type __VLS_Props_40 = {
 };
 
 /** The Timebraid stopwatch from shipped artwork: the detailed PNG plate at 64px and up, the flat small mark below, the 16px PNG under 24px. `mono` paints the one-colour mark in currentColor. */
-declare type __VLS_Props_41 = {
+declare type __VLS_Props_43 = {
     size?: number;
     wordmark?: boolean;
     mono?: boolean;
 };
 
-declare type __VLS_Props_42 = {
+declare type __VLS_Props_44 = {
     modelValue?: string;
     length?: number;
     error?: string;
     autofocus?: boolean;
 };
 
-declare type __VLS_Props_43 = {
+declare type __VLS_Props_45 = {
     title: string;
     description?: string;
     width?: number;
 };
 
-declare type __VLS_Props_44 = {
+declare type __VLS_Props_46 = {
     modelValue?: boolean;
     label: string;
     description?: string;
@@ -420,7 +433,7 @@ declare type __VLS_Props_44 = {
     disabled?: boolean;
 };
 
-declare type __VLS_Props_45 = {
+declare type __VLS_Props_47 = {
     content: string;
     /** e.g. ⌘N - mono, muted, at the end. */
     shortcut?: string;
@@ -762,6 +775,8 @@ export declare const formatMonth: (ym: YearMonth) => string;
 
 export declare function formatRange(from: string, to: string): string;
 
+export declare type GoalStatus = 'catchup' | 'ahead' | 'done' | 'none';
+
 export declare interface GridDay {
     iso: string;
     inMonth: boolean;
@@ -936,9 +951,9 @@ onClick?: (() => any) | undefined;
 icon: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const TAndroidNavBar: DefineComponent<__VLS_Props_39, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const TAndroidNavBar: DefineComponent<__VLS_Props_41, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (id: string) => any;
-}, string, PublicProps, Readonly<__VLS_Props_39> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_41> & Readonly<{
 "onUpdate:modelValue"?: ((id: string) => any) | undefined;
 }>, {
 indicator: boolean;
@@ -948,11 +963,11 @@ export declare const TAndroidTop: __VLS_WithTemplateSlots_11<typeof __VLS_compon
 
 export declare const TAuthCard: __VLS_WithTemplateSlots_12<typeof __VLS_component_12, __VLS_TemplateResult_12["slots"]>;
 
-export declare const TAvatar: DefineComponent<__VLS_Props_19, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_19> & Readonly<{}>, {
+export declare const TAvatar: DefineComponent<__VLS_Props_21, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_21> & Readonly<{}>, {
 size: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-export declare const TAvatarStack: DefineComponent<__VLS_Props_20, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_20> & Readonly<{}>, {
+export declare const TAvatarStack: DefineComponent<__VLS_Props_22, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_22> & Readonly<{}>, {
 size: number;
 max: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
@@ -978,9 +993,9 @@ to: string;
 from: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const TCheckbox: DefineComponent<__VLS_Props_44, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const TCheckbox: DefineComponent<__VLS_Props_46, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (v: boolean) => any;
-}, string, PublicProps, Readonly<__VLS_Props_44> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_46> & Readonly<{
 "onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
 }>, {
 disabled: boolean;
@@ -988,9 +1003,9 @@ modelValue: boolean;
 indeterminate: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>;
 
-export declare const TCodeInput: DefineComponent<__VLS_Props_42, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const TCodeInput: DefineComponent<__VLS_Props_44, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (v: string) => any;
-}, string, PublicProps, Readonly<__VLS_Props_42> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_44> & Readonly<{
 "onUpdate:modelValue"?: ((v: string) => any) | undefined;
 }>, {
 length: number;
@@ -1032,12 +1047,12 @@ today: string;
 root: HTMLDivElement;
 }, HTMLDivElement>;
 
-export declare const TDot: DefineComponent<__VLS_Props_26, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_26> & Readonly<{}>, {
+export declare const TDot: DefineComponent<__VLS_Props_28, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_28> & Readonly<{}>, {
 size: number;
 running: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
 
-export declare const TDur: DefineComponent<__VLS_Props_27, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_27> & Readonly<{}>, {
+export declare const TDur: DefineComponent<__VLS_Props_29, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_29> & Readonly<{}>, {
 size: number;
 tone: keyof typeof TONES_4;
 mode: DurationFormat;
@@ -1084,13 +1099,24 @@ mono: boolean;
 autofocus: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>;
 
+export declare const TGoalBar: DefineComponent<__VLS_Props_19, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_19> & Readonly<{}>, {
+color: string;
+height: 6 | 8;
+catchup: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+export declare const TGoalStatus: DefineComponent<__VLS_Props_20, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_20> & Readonly<{}>, {
+catchup: number;
+short: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
 export declare const TGroup: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
 export declare const THEME_PREFERENCES: ThemePreference[];
 
 export declare type ThemePreference = 'system' | 'light' | 'dark';
 
-export declare const TIcon: DefineComponent<__VLS_Props_40, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_40> & Readonly<{}>, {
+export declare const TIcon: DefineComponent<__VLS_Props_42, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_42> & Readonly<{}>, {
 color: string;
 size: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
@@ -1128,9 +1154,9 @@ export declare interface TimerWorkspace {
 
 export declare const TIOSNav: __VLS_WithTemplateSlots_10<typeof __VLS_component_10, __VLS_TemplateResult_10["slots"]>;
 
-export declare const TIOSTabBar: DefineComponent<__VLS_Props_37, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const TIOSTabBar: DefineComponent<__VLS_Props_39, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (id: string) => any;
-}, string, PublicProps, Readonly<__VLS_Props_37> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_39> & Readonly<{
 "onUpdate:modelValue"?: ((id: string) => any) | undefined;
 }>, {
 indicator: boolean;
@@ -1138,7 +1164,7 @@ indicator: boolean;
 
 export declare const TLargeTitle: __VLS_WithTemplateSlots_7<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
 
-export declare const TLogo: DefineComponent<__VLS_Props_41, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_41> & Readonly<{}>, {
+export declare const TLogo: DefineComponent<__VLS_Props_43, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_43> & Readonly<{}>, {
 size: number;
 mono: boolean;
 wordmark: boolean;
@@ -1195,11 +1221,11 @@ declare const TONES_4: {
     readonly faint: "var(--label-3)";
 };
 
-export declare const TPhotoSheet: DefineComponent<__VLS_Props_25, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const TPhotoSheet: DefineComponent<__VLS_Props_27, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 close: () => any;
 save: (blob: Blob) => any;
 remove: () => any;
-}, string, PublicProps, Readonly<__VLS_Props_25> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_27> & Readonly<{
 onClose?: (() => any) | undefined;
 onSave?: ((blob: Blob) => any) | undefined;
 onRemove?: (() => any) | undefined;
@@ -1248,10 +1274,10 @@ disabled: boolean;
 
 export declare const TSheet: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
 
-export declare const TStartHero: DefineComponent<__VLS_Props_35, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const TStartHero: DefineComponent<__VLS_Props_37, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 open: () => any;
 pick: (taskId: string) => any;
-}, string, PublicProps, Readonly<__VLS_Props_35> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_37> & Readonly<{
 onOpen?: (() => any) | undefined;
 onPick?: ((taskId: string) => any) | undefined;
 }>, {
@@ -1261,7 +1287,7 @@ hasRunning: boolean;
 shortcut: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const TStrokes: DefineComponent<__VLS_Props_34, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_34> & Readonly<{}>, {
+export declare const TStrokes: DefineComponent<__VLS_Props_36, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_36> & Readonly<{}>, {
 opacity: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
@@ -1275,11 +1301,11 @@ disabled: boolean;
 step: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>;
 
-export declare const TTimerBar: DefineComponent<__VLS_Props_33, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const TTimerBar: DefineComponent<__VLS_Props_35, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 stop: (id: string) => any;
 open: () => any;
 stopAll: () => any;
-}, string, PublicProps, Readonly<__VLS_Props_33> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_35> & Readonly<{
 onStop?: ((id: string) => any) | undefined;
 onOpen?: (() => any) | undefined;
 onStopAll?: (() => any) | undefined;
@@ -1298,7 +1324,7 @@ disabled: boolean;
 
 export declare const TTooltip: __VLS_WithTemplateSlots_13<typeof __VLS_component_13, __VLS_TemplateResult_13["slots"]>;
 
-export declare const TWaterfall: DefineComponent<__VLS_Props_28, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_28> & Readonly<{}>, {
+export declare const TWaterfall: DefineComponent<__VLS_Props_30, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_30> & Readonly<{}>, {
 end: number;
 start: number;
 compact: boolean;
@@ -1307,14 +1333,14 @@ rowH: number;
 showWs: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const TWorkspaceDrawer: DefineComponent<__VLS_Props_32, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const TWorkspaceDrawer: DefineComponent<__VLS_Props_34, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 help: () => any;
 "update:modelValue": (id: string) => any;
 close: () => any;
 create: () => any;
 preferences: () => any;
 account: () => any;
-}, string, PublicProps, Readonly<__VLS_Props_32> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_34> & Readonly<{
 onHelp?: (() => any) | undefined;
 "onUpdate:modelValue"?: ((id: string) => any) | undefined;
 onClose?: (() => any) | undefined;
@@ -1327,11 +1353,11 @@ showAll: boolean;
 user: DrawerUser | null;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-export declare const TWorkspaceMenu: DefineComponent<__VLS_Props_31, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const TWorkspaceMenu: DefineComponent<__VLS_Props_33, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (id: string) => any;
 create: () => any;
 manage: (id: string | null) => any;
-}, string, PublicProps, Readonly<__VLS_Props_31> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_33> & Readonly<{
 "onUpdate:modelValue"?: ((id: string) => any) | undefined;
 onCreate?: (() => any) | undefined;
 onManage?: ((id: string | null) => any) | undefined;
@@ -1340,11 +1366,11 @@ showAll: boolean;
 embedded: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const TWorkspaceSwitcher: DefineComponent<__VLS_Props_30, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const TWorkspaceSwitcher: DefineComponent<__VLS_Props_32, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (id: string) => any;
 create: () => any;
 manage: (id: string | null) => any;
-}, string, PublicProps, Readonly<__VLS_Props_30> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_32> & Readonly<{
 "onUpdate:modelValue"?: ((id: string) => any) | undefined;
 onCreate?: (() => any) | undefined;
 onManage?: ((id: string | null) => any) | undefined;
@@ -1354,7 +1380,7 @@ showAll: boolean;
 root: HTMLDivElement;
 }, HTMLDivElement>;
 
-export declare const TWsIcon: DefineComponent<__VLS_Props_22, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_22> & Readonly<{}>, {
+export declare const TWsIcon: DefineComponent<__VLS_Props_24, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_24> & Readonly<{}>, {
 color: string;
 name: string;
 size: number;
@@ -1363,7 +1389,7 @@ src: string;
 ring: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-export declare const TWsTag: DefineComponent<__VLS_Props_21, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_21> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
+export declare const TWsTag: DefineComponent<__VLS_Props_23, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_23> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
 
 export declare function watchTheme(pref: () => ThemePreference, root: HTMLElement, media?: MediaQueryList | null): {
     refresh(): void;