@timebraid/vue 1.3.0 → 1.5.0

package/dist/index.d.ts

@@ -9,11 +9,11 @@ flat: boolean;
 plainTitle: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
 
-declare const __VLS_component_10: DefineComponent<__VLS_Props_27, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_27> & Readonly<{}>, {
+declare const __VLS_component_10: DefineComponent<__VLS_Props_32, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_32> & Readonly<{}>, {
 width: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_11: DefineComponent<__VLS_Props_29, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_29> & Readonly<{}>, {
+declare const __VLS_component_11: DefineComponent<__VLS_Props_34, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_34> & Readonly<{}>, {
 side: "top" | "bottom" | "left" | "right";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
 
@@ -46,28 +46,31 @@ declare const __VLS_component_4: DefineComponent<__VLS_Props_8, {}, {}, {}, {},
 tone: keyof typeof TONES_2;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
 
-declare const __VLS_component_5: DefineComponent<__VLS_Props_11, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_11> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component_5: DefineComponent<__VLS_Props_14, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_14> & Readonly<{}>, {
+sticky: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_6: DefineComponent<__VLS_Props_12, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_6: DefineComponent<__VLS_Props_15, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 close: () => any;
-}, string, PublicProps, Readonly<__VLS_Props_12> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_15> & Readonly<{
 onClose?: (() => any) | undefined;
 }>, {
 inline: boolean;
 width: number;
 mobile: boolean;
 teleport: boolean;
+cancelLabel: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 dialog: HTMLDivElement;
 }, any>;
 
-declare const __VLS_component_7: DefineComponent<__VLS_Props_16, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_7: DefineComponent<__VLS_Props_19, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 stop: (id: string) => any;
 start: () => any;
 "update:open": (v: boolean) => any;
 stopAll: () => any;
 openApp: () => any;
-}, string, PublicProps, Readonly<__VLS_Props_16> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_19> & Readonly<{
 onStop?: ((id: string) => any) | undefined;
 onStart?: (() => any) | undefined;
 "onUpdate:open"?: ((v: boolean) => any) | undefined;
@@ -79,9 +82,11 @@ paused: boolean;
 compact: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_8: DefineComponent<__VLS_Props_20, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_20> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component_8: DefineComponent<__VLS_Props_25, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_25> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_9: DefineComponent<__VLS_Props_22, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_22> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component_9: DefineComponent<__VLS_Props_27, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_27> & Readonly<{}>, {
+scrolled: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
 declare type __VLS_Props = {
     title?: string;
@@ -94,29 +99,50 @@ declare type __VLS_Props_10 = {
     name: string;
     size?: number;
     color?: string;
+    src?: string;
 };
 
 declare type __VLS_Props_11 = {
+    people: Person[];
+    size?: number;
+    max?: number;
+};
+
+declare type __VLS_Props_12 = {
+    name: string;
+    color: string;
+};
+
+declare type __VLS_Props_13 = {
+    name?: string;
+    color?: string;
+    all?: boolean;
+    size?: number;
+};
+
+declare type __VLS_Props_14 = {
     title: string;
     sub?: string;
+    sticky?: boolean;
 };
 
-declare type __VLS_Props_12 = {
+declare type __VLS_Props_15 = {
     open: boolean;
     title: string;
     mobile?: boolean;
     width?: number;
     inline?: boolean;
     teleport?: boolean;
+    cancelLabel?: string;
 };
 
-declare type __VLS_Props_13 = {
+declare type __VLS_Props_16 = {
     color: string;
     size?: number;
     running?: boolean;
 };
 
-declare type __VLS_Props_14 = {
+declare type __VLS_Props_17 = {
     seconds: number;
     mode?: DurationFormat;
     size?: number;
@@ -124,41 +150,23 @@ declare type __VLS_Props_14 = {
     tone?: keyof typeof TONES_3;
 };
 
-declare type __VLS_Props_15 = {
-    rows: WaterfallRow[];
+declare type __VLS_Props_18 = {
+    rows: WaterfallProject[];
     start?: number;
     end?: number;
     labelW?: number;
     rowH?: number;
     compact?: boolean;
+    showWs?: boolean;
 };
 
-declare type __VLS_Props_16 = {
+declare type __VLS_Props_19 = {
     running: PillTimer[];
     compact?: boolean;
     paused?: boolean;
     open?: boolean;
 };
 
-declare type __VLS_Props_17 = {
-    workspaces: WorkspaceOption[];
-    modelValue: string;
-};
-
-declare type __VLS_Props_18 = {
-    task: string;
-    project: string;
-    color?: string;
-    seconds: number;
-    more?: number;
-    android?: boolean;
-    bottom?: number;
-};
-
-declare type __VLS_Props_19 = {
-    opacity?: number;
-};
-
 declare type __VLS_Props_2 = {
     icon?: string;
     iconBg?: string;
@@ -173,61 +181,104 @@ declare type __VLS_Props_2 = {
 };
 
 declare type __VLS_Props_20 = {
+    workspaces: WorkspaceOption[];
+    modelValue: string;
+    showAll?: boolean;
+};
+
+declare type __VLS_Props_21 = {
+    workspaces: WorkspaceOption[];
+    modelValue: string;
+    showAll?: boolean;
+    embedded?: boolean;
+};
+
+declare type __VLS_Props_22 = {
+    open: boolean;
+    workspaces: WorkspaceOption[];
+    modelValue: string;
+    showAll?: boolean;
+    teleport?: boolean;
+};
+
+declare type __VLS_Props_23 = {
+    timers: PillTimer[];
+    android?: boolean;
+    bottom?: number;
+};
+
+declare type __VLS_Props_24 = {
+    opacity?: number;
+};
+
+declare type __VLS_Props_25 = {
     title: string;
     sub?: string;
     scrolled: boolean;
 };
 
-declare type __VLS_Props_21 = {
+declare type __VLS_Props_26 = {
     items: TabItem[];
     modelValue: string;
     indicator?: boolean;
 };
 
-declare type __VLS_Props_22 = {
+declare type __VLS_Props_27 = {
     title: string;
+    sub?: string;
+    scrolled?: boolean;
 };
 
-declare type __VLS_Props_23 = {
+declare type __VLS_Props_28 = {
     items: TabItem[];
     modelValue: string;
     indicator?: boolean;
 };
 
 /**
- * Lucide glyph painted with a CSS mask so it follows currentColor.
+ * 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_24 = {
-    /** Lucide kebab-case name: play, pause, square, layers, file-text… */
+declare type __VLS_Props_29 = {
+    /** 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. */
     size?: number;
     color?: string;
-    /** Where this one glyph is masked from. Wins over the `TIMEBRAID_ICON_BASE` injection key, which every app can set once with `app.provide(TIMEBRAID_ICON_BASE, '/icons/')` and which itself falls back to `https://unpkg.com/lucide-static@latest/icons/`. Self-host and provide the key in an iOS WebView, which cannot paint a cross-origin mask. */
+    /** Only for a name that is not bundled: where that one glyph is masked from. Wins over the `TIMEBRAID_ICON_BASE` injection key. Bundled names never fetch. */
     base?: string;
 };
 
-/** The Timebraid mark from shipped artwork. Below 64px it swaps to the three-upright small-size PNGs. */
-declare type __VLS_Props_25 = {
+declare type __VLS_Props_3 = {
+    modelValue: string;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    size?: 'sm' | 'md';
+};
+
+/** 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_30 = {
     size?: number;
     wordmark?: boolean;
+    mono?: boolean;
 };
 
-declare type __VLS_Props_26 = {
+declare type __VLS_Props_31 = {
     modelValue?: string;
     length?: number;
     error?: string;
     autofocus?: boolean;
 };
 
-declare type __VLS_Props_27 = {
+declare type __VLS_Props_32 = {
     title: string;
     description?: string;
     width?: number;
 };
 
-declare type __VLS_Props_28 = {
+declare type __VLS_Props_33 = {
     modelValue?: boolean;
     label: string;
     description?: string;
@@ -235,22 +286,13 @@ declare type __VLS_Props_28 = {
     disabled?: boolean;
 };
 
-declare type __VLS_Props_29 = {
+declare type __VLS_Props_34 = {
     content: string;
     /** e.g. ⌘N - mono, muted, at the end. */
     shortcut?: string;
     side?: 'top' | 'bottom' | 'left' | 'right';
 };
 
-declare type __VLS_Props_3 = {
-    modelValue: string;
-    options: {
-        value: string;
-        label: string;
-    }[];
-    size?: 'sm' | 'md';
-};
-
 declare type __VLS_Props_4 = {
     kind?: keyof typeof KINDS;
     size?: keyof typeof SIZES;
@@ -395,6 +437,7 @@ declare function __VLS_template_7(): {
 declare function __VLS_template_8(): {
     attrs: Partial<{}>;
     slots: {
+        leading?(_: {}): any;
         right?(_: {}): any;
     };
     refs: {};
@@ -404,6 +447,7 @@ declare function __VLS_template_8(): {
 declare function __VLS_template_9(): {
     attrs: Partial<{}>;
     slots: {
+        title?(_: {}): any;
         right?(_: {}): any;
     };
     refs: {};
@@ -498,16 +542,26 @@ declare type __VLS_WithTemplateSlots_9<T, S> = T & {
     };
 };
 
+export declare const ALL_WORKSPACES = "all";
+
 export declare function applyTheme(root: HTMLElement, theme: ResolvedTheme): void;
 
 /** Where TIcon masks from when nothing overrides it. */
-export declare const DEFAULT_ICON_BASE = "https://unpkg.com/lucide-static@latest/icons/";
+export declare const DEFAULT_ICON_BASE = "https://unpkg.com/lucide-static@0.545.0/icons/";
 
 export declare type DurationFormat = 'clock' | 'short' | 'compact';
 
+export declare const FILLED_NAMES: ReadonlySet<string>;
+
 /** 8047 → "2:14:07" (clock) · "2:14" (short) · "2h 14m" (compact) */
 export declare function formatDuration(seconds: number, format?: DurationFormat): string;
 
+export declare function groupTimers(timers: PillTimer[]): TimerGroup[];
+
+export declare const hasIcon: (name: string) => boolean;
+
+export declare const ICON_NAMES: readonly string[];
+
 declare const KINDS: {
     readonly primary: {
         readonly background: "var(--accent)";
@@ -536,13 +590,27 @@ declare const KINDS: {
     };
 };
 
+export declare function longestTimer(timers: PillTimer[]): PillTimer | null;
+
+export declare interface Person {
+    name: string;
+    src?: string;
+    color?: string;
+}
+
 export declare interface PillTimer {
     id: string;
     task: string;
     project: string;
+    projectId: string;
     color: string;
     since: string;
     seconds: number;
+    workspace?: {
+        id: string;
+        name: string;
+        color: string;
+    };
 }
 
 /** Okabe-Ito, the only palette permitted for projects and charts. */
@@ -590,9 +658,9 @@ export declare interface TabItem {
     icon: string;
 }
 
-export declare const TAndroidNavBar: DefineComponent<__VLS_Props_23, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const TAndroidNavBar: DefineComponent<__VLS_Props_28, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (id: string) => any;
-}, string, PublicProps, Readonly<__VLS_Props_23> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_28> & Readonly<{
 "onUpdate:modelValue"?: ((id: string) => any) | undefined;
 }>, {
 indicator: boolean;
@@ -604,6 +672,11 @@ export declare const TAuthCard: __VLS_WithTemplateSlots_10<typeof __VLS_componen
 
 export declare const TAvatar: DefineComponent<__VLS_Props_10, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_10> & Readonly<{}>, {
 size: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+export declare const TAvatarStack: DefineComponent<__VLS_Props_11, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_11> & Readonly<{}>, {
+size: number;
+max: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
 
 export declare const TBadge: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
@@ -615,9 +688,9 @@ h: number;
 
 export declare const TBtn: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
 
-export declare const TCheckbox: DefineComponent<__VLS_Props_28, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const TCheckbox: DefineComponent<__VLS_Props_33, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (v: boolean) => any;
-}, string, PublicProps, Readonly<__VLS_Props_28> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_33> & Readonly<{
 "onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
 }>, {
 modelValue: boolean;
@@ -625,9 +698,9 @@ disabled: boolean;
 indeterminate: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>;
 
-export declare const TCodeInput: DefineComponent<__VLS_Props_26, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const TCodeInput: DefineComponent<__VLS_Props_31, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (v: string) => any;
-}, string, PublicProps, Readonly<__VLS_Props_26> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_31> & Readonly<{
 "onUpdate:modelValue"?: ((v: string) => any) | undefined;
 }>, {
 length: number;
@@ -635,12 +708,12 @@ modelValue: string;
 autofocus: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const TDot: DefineComponent<__VLS_Props_13, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_13> & Readonly<{}>, {
+export declare const TDot: DefineComponent<__VLS_Props_16, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_16> & Readonly<{}>, {
 size: number;
 running: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
 
-export declare const TDur: DefineComponent<__VLS_Props_14, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_14> & Readonly<{}>, {
+export declare const TDur: DefineComponent<__VLS_Props_17, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_17> & Readonly<{}>, {
 size: number;
 tone: keyof typeof TONES_3;
 mode: DurationFormat;
@@ -667,10 +740,10 @@ export declare const THEME_PREFERENCES: ThemePreference[];
 
 export declare type ThemePreference = 'system' | 'light' | 'dark';
 
-export declare const TIcon: DefineComponent<__VLS_Props_24, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_24> & Readonly<{}>, {
+export declare const TIcon: DefineComponent<__VLS_Props_29, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_29> & Readonly<{}>, {
 color: string;
 size: number;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 export declare const TIconBtn: DefineComponent<__VLS_Props_5, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 click: (e: MouseEvent) => any;
@@ -685,11 +758,29 @@ tone: keyof typeof TONES;
 /** App-wide base URL every TIcon masks from: `app.provide(TIMEBRAID_ICON_BASE, '/icons/')`. */
 export declare const TIMEBRAID_ICON_BASE: InjectionKey<string>;
 
+export declare interface TimerGroup {
+    workspace: TimerWorkspace | null;
+    projects: TimerProjectGroup[];
+}
+
+export declare interface TimerProjectGroup {
+    id: string;
+    name: string;
+    color: string;
+    timers: PillTimer[];
+}
+
+export declare interface TimerWorkspace {
+    id: string;
+    name: string;
+    color: string;
+}
+
 export declare const TIOSNav: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
 
-export declare const TIOSTabBar: DefineComponent<__VLS_Props_21, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const TIOSTabBar: DefineComponent<__VLS_Props_26, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (id: string) => any;
-}, string, PublicProps, Readonly<__VLS_Props_21> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_26> & Readonly<{
 "onUpdate:modelValue"?: ((id: string) => any) | undefined;
 }>, {
 indicator: boolean;
@@ -697,8 +788,9 @@ indicator: boolean;
 
 export declare const TLargeTitle: __VLS_WithTemplateSlots_5<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
 
-export declare const TLogo: DefineComponent<__VLS_Props_25, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_25> & Readonly<{}>, {
+export declare const TLogo: DefineComponent<__VLS_Props_30, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_30> & Readonly<{}>, {
 size: number;
+mono: boolean;
 wordmark: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
 
@@ -766,22 +858,22 @@ disabled: boolean;
 
 export declare const TSheet: __VLS_WithTemplateSlots_6<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
 
-export declare const TStrokes: DefineComponent<__VLS_Props_19, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_19> & Readonly<{}>, {
+export declare const TStrokes: DefineComponent<__VLS_Props_24, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_24> & Readonly<{}>, {
 opacity: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const TTimerBar: DefineComponent<__VLS_Props_18, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-stop: () => any;
+export declare const TTimerBar: DefineComponent<__VLS_Props_23, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+stop: (id: string) => any;
 open: () => any;
-}, string, PublicProps, Readonly<__VLS_Props_18> & Readonly<{
-onStop?: (() => any) | undefined;
+stopAll: () => any;
+}, string, PublicProps, Readonly<__VLS_Props_23> & Readonly<{
+onStop?: ((id: string) => any) | undefined;
 onOpen?: (() => any) | undefined;
+onStopAll?: (() => any) | undefined;
 }>, {
-color: string;
 bottom: number;
-more: number;
 android: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 export declare const TToggle: DefineComponent<__VLS_Props_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (v: boolean) => any;
@@ -793,32 +885,83 @@ disabled: boolean;
 
 export declare const TTooltip: __VLS_WithTemplateSlots_11<typeof __VLS_component_11, __VLS_TemplateResult_11["slots"]>;
 
-export declare const TWaterfall: DefineComponent<__VLS_Props_15, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_15> & Readonly<{}>, {
+export declare const TWaterfall: DefineComponent<__VLS_Props_18, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_18> & Readonly<{}>, {
 end: number;
 start: number;
 compact: boolean;
 labelW: number;
 rowH: number;
+showWs: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const TWorkspaceSwitcher: DefineComponent<__VLS_Props_17, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const TWorkspaceDrawer: DefineComponent<__VLS_Props_22, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+help: () => any;
 "update:modelValue": (id: string) => any;
+close: () => any;
 create: () => any;
-}, string, PublicProps, Readonly<__VLS_Props_17> & Readonly<{
+preferences: () => any;
+actions: () => any;
+}, string, PublicProps, Readonly<__VLS_Props_22> & Readonly<{
+onHelp?: (() => any) | undefined;
 "onUpdate:modelValue"?: ((id: string) => any) | undefined;
+onClose?: (() => any) | undefined;
 onCreate?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+onPreferences?: (() => any) | undefined;
+onActions?: (() => any) | undefined;
+}>, {
+teleport: boolean;
+showAll: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+export declare const TWorkspaceMenu: DefineComponent<__VLS_Props_21, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (id: string) => any;
+create: () => any;
+}, string, PublicProps, Readonly<__VLS_Props_21> & Readonly<{
+"onUpdate:modelValue"?: ((id: string) => any) | undefined;
+onCreate?: (() => any) | undefined;
+}>, {
+showAll: boolean;
+embedded: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+export declare const TWorkspaceSwitcher: DefineComponent<__VLS_Props_20, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (id: string) => any;
+create: () => any;
+}, string, PublicProps, Readonly<__VLS_Props_20> & Readonly<{
+"onUpdate:modelValue"?: ((id: string) => any) | undefined;
+onCreate?: (() => any) | undefined;
+}>, {
+showAll: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
 root: HTMLDivElement;
 }, HTMLDivElement>;
 
+export declare const TWsIcon: DefineComponent<__VLS_Props_13, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_13> & Readonly<{}>, {
+color: string;
+name: string;
+size: number;
+all: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+export declare const TWsTag: DefineComponent<__VLS_Props_12, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_12> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
+
 export declare function watchTheme(pref: () => ThemePreference, root: HTMLElement, media?: MediaQueryList | null): {
     refresh(): void;
     stop(): void;
 };
 
+export declare interface WaterfallProject {
+    project: string;
+    color: string;
+    ws?: {
+        name: string;
+        color: string;
+    };
+    tasks: WaterfallRow[];
+}
+
 export declare interface WaterfallRow {
     label: string;
-    color: string;
     segments: WaterfallSegment[];
 }
 
@@ -833,6 +976,7 @@ export declare interface WorkspaceOption {
     name: string;
     color: string;
     memberCount: number;
+    projectCount?: number;
     isDefault: boolean;
     personal: boolean;
 }

package/dist/style.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=JetBrains+Mono:wght@400..700&display=swap";:root{--font-display:var(--font-sans);--font-ui:var(--font-sans);--font-numeric:var(--font-mono)}:root{--font-sans:"Instrument Sans",-apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--indigo-400:#6C77DE;--indigo-500:#4A57D2;--indigo-600:#3A44AF;--indigo-700:#2C3391;--chart-1:#0072B2;--chart-2:#E69F00;--chart-3:#009E73;--chart-4:#CC79A7;--chart-5:#56B4E9;--chart-6:#D55E00;--chart-7:#F0E442;--chart-8:#6B7085;--bg:#F2F3F8;--bg-elev:#FFFFFF;--bg-elev-2:#F7F8FC;--bg-sidebar:rgba(244,245,250,.86);--bg-bar:rgba(242,243,248,.82);--fill:rgba(20,22,40,.06);--fill-2:rgba(20,22,40,.1);--fill-3:rgba(20,22,40,.16);--sep:rgba(20,22,40,.1);--sep-strong:rgba(20,22,40,.18);--label:#0E1024;--label-2:#5C6178;--label-3:#8B90A5;--label-4:#B7BBCB;--on-accent:#FFFFFF;--accent:#4A57D2;--accent-hover:#3F4BC0;--accent-soft:rgba(74,87,210,.12);--accent-soft-2:rgba(74,87,210,.2);--running:#4A57D2;--running-soft:rgba(74,87,210,.1);--green:#1E9E6A;--green-soft:rgba(30,158,106,.12);--red:#D6453D;--red-soft:rgba(214,69,61,.1);--orange:#D97B0F;--r-cell:12px;--r-card:14px;--r-btn:10px;--r-pill:999px;--r-sheet:20px;--r-window:12px;--sh-card:0 1px 2px rgba(14,16,36,.04),0 0 0 1px rgba(14,16,36,.04);--sh-float:0 12px 32px -8px rgba(14,16,36,.22),0 2px 6px rgba(14,16,36,.08),0 0 0 1px rgba(14,16,36,.05);--sh-sheet:0 -8px 40px -8px rgba(14,16,36,.24);--sh-thumb:0 2px 6px rgba(0,0,0,.25);--sh-seg:0 1px 3px rgba(0,0,0,.12),0 0 0 .5px rgba(0,0,0,.04);--blur:saturate(180%) blur(22px);--scrim:rgba(10,11,20,.42);--dash:rgba(255,255,255,.7);--ease:cubic-bezier(.2,0,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);--ease-sheet:cubic-bezier(.32,.72,0,1);--t-fast:.14s;--t-base:.22s;--t-sheet:.42s}[data-theme=dark]{--bg:#15161F;--bg-elev:#1F2030;--bg-elev-2:#282A3C;--bg-sidebar:rgba(24,25,36,.86);--bg-bar:rgba(21,22,31,.78);--fill:rgba(255,255,255,.07);--fill-2:rgba(255,255,255,.11);--fill-3:rgba(255,255,255,.17);--sep:rgba(255,255,255,.09);--sep-strong:rgba(255,255,255,.16);--label:#F3F4FA;--label-2:#A7ABC0;--label-3:#7D8199;--label-4:#575B70;--accent:#7A84E6;--accent-hover:#8C95EC;--accent-soft:rgba(122,132,230,.16);--accent-soft-2:rgba(122,132,230,.26);--running:#8A93EC;--running-soft:rgba(122,132,230,.14);--green:#3CC08A;--green-soft:rgba(60,192,138,.14);--red:#F06B62;--red-soft:rgba(240,107,98,.14);--orange:#F0A24B;--chart-8:#9A9FB4;--sh-card:0 1px 2px rgba(0,0,0,.2),0 0 0 1px rgba(255,255,255,.04);--sh-float:0 16px 40px -8px rgba(0,0,0,.6),0 2px 8px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.08);--sh-sheet:0 -8px 40px -8px rgba(0,0,0,.6);--scrim:rgba(0,0,0,.55)}:root{--text-display-1:64px;--leading-display-1:1.02;--tracking-display-1:-.03em;--text-display-2:48px;--leading-display-2:1.06;--tracking-display-2:-.025em;--text-large-title:30px;--text-large-title-phone:34px;--tracking-large-title:-.025em;--leading-large-title:1.1;--text-title:17px;--text-row:15px;--text-subtitle:12.5px;--text-section:12px;--tracking-section:.04em;--text-body:14px;--text-body-lg:18px;--leading-body-lg:1.6;--text-caption:12px;--text-footnote:11.5px;--text-timer-xl:44px;--text-timer-lg:28px;--text-timer-md:22px;--text-timer-sm:15px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700}:root{--space-0:0px;--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:20px;--space-7:24px;--space-8:32px;--space-9:40px;--space-10:48px;--space-11:64px;--space-12:80px;--space-13:112px;--space-14:160px;--section-y:112px;--section-y-tight:72px;--container-max:1160px;--container-prose:660px;--gutter:24px;--sidebar-w:232px;--content-max:860px;--content-max-narrow:680px;--gutter-phone:16px;--row-h:46px;--row-h-sub:56px;--row-h-dense:40px;--control-h-sm:28px;--control-h-md:34px;--control-h-lg:44px;--control-h-xl:50px;--pill-h:46px;--pill-h-compact:30px;--timer-bar-h:56px;--timer-bar-pad:72px;--tab-bar-h-ios:84px;--tab-bar-pad-ios:100px;--nav-bar-h-android:80px;--nav-bar-pad-android:96px;--toggle-w:46px;--toggle-h:28px;--field-h:38px;--seg-h:32px;--icon-square:28px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--label);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:var(--text-body);line-height:1.45}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}input,select,textarea{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}::selection{background:var(--accent-soft-2)}@keyframes t-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes t-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes t-sheet{0%{transform:translateY(100%)}to{transform:none}}@keyframes t-scrim{0%{opacity:0}to{opacity:1}}@keyframes t-pop{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:none}}@keyframes t-island{0%{transform:scaleX(.6);opacity:.4}to{transform:none;opacity:1}}.view-in{animation:t-in var(--t-base) var(--ease-out) both}.press{transition:transform var(--t-fast) var(--ease),background var(--t-fast) var(--ease),opacity var(--t-fast) var(--ease)}.press:active{transform:scale(.98)}.row-press:active{background:var(--fill-2)!important}@media (prefers-reduced-motion:reduce){*{animation-duration:0ms!important;transition-duration:0ms!important}}.check:focus-within .box[data-v-8c783040]{outline:2px solid var(--accent);outline-offset:2px}
+@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=JetBrains+Mono:wght@400..700&display=swap";:root{--font-display:var(--font-sans);--font-ui:var(--font-sans);--font-numeric:var(--font-mono)}:root{--font-sans:"Instrument Sans",-apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--indigo-400:#6C77DE;--indigo-500:#4A57D2;--indigo-600:#3A44AF;--indigo-700:#2C3391;--chart-1:#0072B2;--chart-2:#E69F00;--chart-3:#009E73;--chart-4:#CC79A7;--chart-5:#56B4E9;--chart-6:#D55E00;--chart-7:#F0E442;--chart-8:#6B7085;--bg:#F2F3F8;--bg-elev:#FFFFFF;--bg-elev-2:#F7F8FC;--bg-sidebar:rgba(244,245,250,.86);--bg-bar:rgba(242,243,248,.82);--fill:rgba(20,22,40,.06);--fill-2:rgba(20,22,40,.1);--fill-3:rgba(20,22,40,.16);--sep:rgba(20,22,40,.1);--sep-strong:rgba(20,22,40,.18);--label:#0E1024;--label-2:#5C6178;--label-3:#8B90A5;--label-4:#B7BBCB;--on-accent:#FFFFFF;--accent:#4A57D2;--accent-hover:#3F4BC0;--accent-soft:rgba(74,87,210,.12);--accent-soft-2:rgba(74,87,210,.2);--running:#4A57D2;--running-soft:rgba(74,87,210,.1);--green:#1E9E6A;--green-soft:rgba(30,158,106,.12);--red:#D6453D;--red-soft:rgba(214,69,61,.1);--orange:#D97B0F;--r-cell:12px;--r-card:14px;--r-btn:10px;--r-pill:999px;--r-sheet:20px;--r-window:12px;--sh-card:0 1px 2px rgba(14,16,36,.04),0 0 0 1px rgba(14,16,36,.04);--sh-float:0 12px 32px -8px rgba(14,16,36,.22),0 2px 6px rgba(14,16,36,.08),0 0 0 1px rgba(14,16,36,.05);--sh-sheet:0 -8px 40px -8px rgba(14,16,36,.24);--sh-thumb:0 2px 6px rgba(0,0,0,.25);--sh-seg:0 1px 2px rgba(0,0,0,.14),0 3px 8px -2px rgba(0,0,0,.12),0 0 0 .5px var(--sep);--blur:saturate(180%) blur(22px);--scrim:rgba(10,11,20,.42);--dash:rgba(255,255,255,.7);--ease:cubic-bezier(.2,0,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);--ease-sheet:cubic-bezier(.32,.72,0,1);--t-fast:.14s;--t-base:.22s;--t-sheet:.42s}[data-theme=dark]{--bg:#15161F;--bg-elev:#1F2030;--bg-elev-2:#282A3C;--bg-sidebar:rgba(24,25,36,.86);--bg-bar:rgba(21,22,31,.78);--fill:rgba(255,255,255,.07);--fill-2:rgba(255,255,255,.11);--fill-3:rgba(255,255,255,.17);--sep:rgba(255,255,255,.09);--sep-strong:rgba(255,255,255,.16);--label:#F3F4FA;--label-2:#A7ABC0;--label-3:#7D8199;--label-4:#575B70;--accent:#7A84E6;--accent-hover:#8C95EC;--accent-soft:rgba(122,132,230,.16);--accent-soft-2:rgba(122,132,230,.26);--running:#8A93EC;--running-soft:rgba(122,132,230,.14);--green:#3CC08A;--green-soft:rgba(60,192,138,.14);--red:#F06B62;--red-soft:rgba(240,107,98,.14);--orange:#F0A24B;--chart-8:#9A9FB4;--sh-card:0 1px 2px rgba(0,0,0,.2),0 0 0 1px rgba(255,255,255,.04);--sh-float:0 16px 40px -8px rgba(0,0,0,.6),0 2px 8px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.08);--sh-sheet:0 -8px 40px -8px rgba(0,0,0,.6);--scrim:rgba(0,0,0,.55)}:root{--text-display-1:64px;--leading-display-1:1.02;--tracking-display-1:-.03em;--text-display-2:48px;--leading-display-2:1.06;--tracking-display-2:-.025em;--text-large-title:30px;--text-large-title-phone:34px;--tracking-large-title:-.025em;--leading-large-title:1.1;--text-title:17px;--text-row:15px;--text-subtitle:12.5px;--text-section:12px;--tracking-section:.04em;--text-body:14px;--text-body-lg:18px;--leading-body-lg:1.6;--text-caption:12px;--text-footnote:11.5px;--text-timer-xl:44px;--text-timer-lg:28px;--text-timer-md:22px;--text-timer-sm:15px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700}:root{--space-0:0px;--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:20px;--space-7:24px;--space-8:32px;--space-9:40px;--space-10:48px;--space-11:64px;--space-12:80px;--space-13:112px;--space-14:160px;--section-y:112px;--section-y-tight:72px;--container-max:1160px;--container-prose:660px;--gutter:24px;--sidebar-w:232px;--content-max:1040px;--content-max-narrow:760px;--gutter-phone:16px;--row-h:46px;--row-h-sub:56px;--row-h-dense:40px;--control-h-sm:30px;--control-h-md:36px;--control-h-lg:44px;--control-h-xl:50px;--pill-h:46px;--pill-h-compact:30px;--timer-bar-h:56px;--timer-bar-pad:72px;--tab-bar-h-ios:84px;--tab-bar-pad-ios:100px;--nav-bar-h-android:80px;--nav-bar-pad-android:96px;--toggle-w:46px;--toggle-h:28px;--field-h:38px;--seg-h:36px;--seg-h-sm:30px;--icon-square:28px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--label);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:var(--text-body);line-height:1.45}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}input,select,textarea{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}::selection{background:var(--accent-soft-2)}@keyframes t-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes t-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes t-sheet{0%{transform:translateY(100%)}to{transform:none}}@keyframes t-drawer{0%{transform:translate(-100%)}to{transform:none}}@keyframes t-scrim{0%{opacity:0}to{opacity:1}}@keyframes t-pop{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:none}}@keyframes t-island{0%{transform:scaleX(.6);opacity:.4}to{transform:none;opacity:1}}.view-in{animation:t-in var(--t-base) var(--ease-out) both}.press{transition:transform var(--t-fast) var(--ease),background var(--t-fast) var(--ease),opacity var(--t-fast) var(--ease)}.press:active{transform:scale(.98)}.row-press:active{background:var(--fill-2)!important}@media (prefers-reduced-motion:reduce){*{animation-duration:0ms!important;transition-duration:0ms!important}}.check:focus-within .box[data-v-8c783040]{outline:2px solid var(--accent);outline-offset:2px}