@timebraid/vue 1.7.0 → 1.9.0

package/README.md

@@ -41,14 +41,15 @@ Import `@timebraid/tokens/styles.css` once in `main.ts` (or `@timebraid/vue/styl
 | `TDot` | Status dot with a pulsing ring when running |
 | `TDur` | Duration readout, mono and tabular |
 | `TWaterfall` | Parallel-time waterfall timeline for reports, one lane per task grouped under its project; `showWs` adds a workspace tag per project |
-| `TPill` | The floating always-visible timer pill: count first, the longest timer leads; the `popover` slot (scoped with `running`) replaces the popover body, grouped by workspace then project, and `open` is consumer-owned through `update:open` |
+| `TPill` | The floating always-visible timer pill: count first, the longest timer leads; the `popover` slot (scoped with `running`) replaces the popover body, grouped by workspace then project, and `open` is consumer-owned through `update:open`; with several timers its stop control opens the popover, where Stop all sits top right |
 | `TWsIcon` | Workspace glyph: a coloured initial square, or the app mark when `all` |
 | `TWsTag` | Small workspace label, the square plus its name; appears only in the All-workspaces scope |
 | `TWorkspaceSwitcher` | Scope selector: All workspaces or one |
 | `TWorkspaceMenu` | The workspace list shared by the switcher's popover and the drawer; `embedded` drops its shadow for inline use |
 | `TWorkspaceDrawer` | Full-height phone workspace list; drag the panel to dismiss |
-| `TTimerBar` | Phone bottom timer bar: takes the full `timers` array, count first with the longest leading |
+| `TTimerBar` | Phone bottom timer bar: takes the full `timers` array, count first with the longest leading; with several timers its stop control emits `open` for the running sheet instead of stopping them all |
 | `TStrokes` | Oversized faded tally strokes behind sign-in and empty states |
+| `TStartHero` | The pill-shaped start field that opens Today: "Start a timer" with "Quick start" chips on desktop when nothing runs, "Start another timer" with a "Runs in parallel" hint (chips kept) when `hasRunning`, the bare pill when `mobile` |
 | `TIOSNav` | iOS nav bar under the status-bar inset (`--inset-top`); the `leading` control, the large title and the `right` actions share one line and the title collapses in place on scroll |
 | `TIOSTabBar` | iOS tab bar |
 | `TAndroidTop` | Android top app bar under the status-bar inset (`--inset-top`); `sub` for a subtitle, `scrolled` for its elevated state, `title` slot to replace the text |

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_32, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_32> & Readonly<{}>, {
+declare const __VLS_component_10: DefineComponent<__VLS_Props_33, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_33> & Readonly<{}>, {
 width: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_11: DefineComponent<__VLS_Props_34, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_34> & Readonly<{}>, {
+declare const __VLS_component_11: DefineComponent<__VLS_Props_35, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_35> & Readonly<{}>, {
 side: "top" | "bottom" | "left" | "right";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
 
@@ -82,9 +82,9 @@ paused: boolean;
 compact: boolean;
 }, {}, {}, {}, 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_8: DefineComponent<__VLS_Props_26, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_26> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_9: DefineComponent<__VLS_Props_27, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_27> & Readonly<{}>, {
+declare const __VLS_component_9: DefineComponent<__VLS_Props_28, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_28> & Readonly<{}>, {
 scrolled: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
@@ -212,34 +212,50 @@ declare type __VLS_Props_24 = {
 };
 
 declare type __VLS_Props_25 = {
+    recent?: RecentTask[];
+    hasRunning?: boolean;
+    mobile?: boolean;
+    shortcut?: string;
+};
+
+declare type __VLS_Props_26 = {
     title: string;
     sub?: string;
     scrolled: boolean;
 };
 
-declare type __VLS_Props_26 = {
+declare type __VLS_Props_27 = {
     items: TabItem[];
     modelValue: string;
     indicator?: boolean;
 };
 
-declare type __VLS_Props_27 = {
+declare type __VLS_Props_28 = {
     title: string;
     sub?: string;
     scrolled?: boolean;
 };
 
-declare type __VLS_Props_28 = {
+declare type __VLS_Props_29 = {
     items: TabItem[];
     modelValue: string;
     indicator?: boolean;
 };
 
+declare type __VLS_Props_3 = {
+    modelValue: string;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    size?: 'sm' | 'md';
+};
+
 /**
  * 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_29 = {
+declare type __VLS_Props_30 = {
     /** 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. */
@@ -249,36 +265,27 @@ declare type __VLS_Props_29 = {
     base?: string;
 };
 
-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 = {
+declare type __VLS_Props_31 = {
     size?: number;
     wordmark?: boolean;
     mono?: boolean;
 };
 
-declare type __VLS_Props_31 = {
+declare type __VLS_Props_32 = {
     modelValue?: string;
     length?: number;
     error?: string;
     autofocus?: boolean;
 };
 
-declare type __VLS_Props_32 = {
+declare type __VLS_Props_33 = {
     title: string;
     description?: string;
     width?: number;
 };
 
-declare type __VLS_Props_33 = {
+declare type __VLS_Props_34 = {
     modelValue?: boolean;
     label: string;
     description?: string;
@@ -286,7 +293,7 @@ declare type __VLS_Props_33 = {
     disabled?: boolean;
 };
 
-declare type __VLS_Props_34 = {
+declare type __VLS_Props_35 = {
     content: string;
     /** e.g. ⌘N - mono, muted, at the end. */
     shortcut?: string;
@@ -616,6 +623,13 @@ export declare interface PillTimer {
 /** Okabe-Ito, the only palette permitted for projects and charts. */
 export declare const PROJECT_COLORS: string[];
 
+export declare interface RecentTask {
+    id: string;
+    task: string;
+    projectId: string;
+    color?: string;
+}
+
 export declare type ResolvedTheme = 'light' | 'dark';
 
 export declare function resolveTheme(pref: ThemePreference, prefersDark: boolean): ResolvedTheme;
@@ -658,9 +672,9 @@ export declare interface TabItem {
     icon: string;
 }
 
-export declare const TAndroidNavBar: DefineComponent<__VLS_Props_28, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const TAndroidNavBar: DefineComponent<__VLS_Props_29, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (id: string) => any;
-}, string, PublicProps, Readonly<__VLS_Props_28> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_29> & Readonly<{
 "onUpdate:modelValue"?: ((id: string) => any) | undefined;
 }>, {
 indicator: boolean;
@@ -688,9 +702,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_33, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const TCheckbox: DefineComponent<__VLS_Props_34, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (v: boolean) => any;
-}, string, PublicProps, Readonly<__VLS_Props_33> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_34> & Readonly<{
 "onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
 }>, {
 modelValue: boolean;
@@ -698,9 +712,9 @@ disabled: boolean;
 indeterminate: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>;
 
-export declare const TCodeInput: DefineComponent<__VLS_Props_31, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const TCodeInput: DefineComponent<__VLS_Props_32, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (v: string) => any;
-}, string, PublicProps, Readonly<__VLS_Props_31> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_32> & Readonly<{
 "onUpdate:modelValue"?: ((v: string) => any) | undefined;
 }>, {
 length: number;
@@ -740,7 +754,7 @@ export declare const THEME_PREFERENCES: ThemePreference[];
 
 export declare type ThemePreference = 'system' | 'light' | 'dark';
 
-export declare const TIcon: DefineComponent<__VLS_Props_29, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_29> & Readonly<{}>, {
+export declare const TIcon: DefineComponent<__VLS_Props_30, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_30> & Readonly<{}>, {
 color: string;
 size: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
@@ -778,9 +792,9 @@ export declare interface TimerWorkspace {
 
 export declare const TIOSNav: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
 
-export declare const TIOSTabBar: DefineComponent<__VLS_Props_26, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const TIOSTabBar: DefineComponent<__VLS_Props_27, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (id: string) => any;
-}, string, PublicProps, Readonly<__VLS_Props_26> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_27> & Readonly<{
 "onUpdate:modelValue"?: ((id: string) => any) | undefined;
 }>, {
 indicator: boolean;
@@ -788,7 +802,7 @@ indicator: boolean;
 
 export declare const TLargeTitle: __VLS_WithTemplateSlots_5<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
 
-export declare const TLogo: DefineComponent<__VLS_Props_30, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_30> & Readonly<{}>, {
+export declare const TLogo: DefineComponent<__VLS_Props_31, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_31> & Readonly<{}>, {
 size: number;
 mono: boolean;
 wordmark: boolean;
@@ -858,6 +872,19 @@ disabled: boolean;
 
 export declare const TSheet: __VLS_WithTemplateSlots_6<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
 
+export declare const TStartHero: DefineComponent<__VLS_Props_25, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+open: () => any;
+pick: (taskId: string) => any;
+}, string, PublicProps, Readonly<__VLS_Props_25> & Readonly<{
+onOpen?: (() => any) | undefined;
+onPick?: ((taskId: string) => any) | undefined;
+}>, {
+mobile: boolean;
+recent: RecentTask[];
+hasRunning: boolean;
+shortcut: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
 export declare const TStrokes: DefineComponent<__VLS_Props_24, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_24> & Readonly<{}>, {
 opacity: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;