@dstally/vue 1.0.0 → 1.1.0

package/README.md

@@ -33,6 +33,11 @@ Importing anything from `@dstally/vue` also loads `@dstally/tokens/styles.css`;
 | `TProjectDot` `TProjectRow` | project identity and the 38px list line |
 | `TTimerPill` | the floating always-visible timer |
 | `TWaterfallTimeline` | parallel-time visualisation for reports |
+| `TBudgetBar` | budget burn-down, pro-rated target, red when over |
+| `TWindowChrome` | desktop title bar per platform (mac / windows / linux) |
+| `TTabBar` `TTimerBar` | phone navigation and the pill's mobile form |
+| `TAuthCard` `TCodeInput` | auth layout unit and 6-digit code entry |
+| `TEmptyState` `TAvatar` | empty lists; initials avatar |
 
 Also exported: `formatDuration(seconds, 'clock' | 'short' | 'compact')`, `PROJECT_COLORS`.
 

package/dist/index.d.ts

@@ -15,6 +15,15 @@ fullWidth: boolean;
 type: "button" | "submit" | "reset";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
 
+declare const __VLS_component_10: DefineComponent<__VLS_Props_25, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_25> & Readonly<{}>, {
+width: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+declare const __VLS_component_11: DefineComponent<__VLS_Props_26, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_26> & Readonly<{}>, {
+compact: boolean;
+icon: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
 declare const __VLS_component_2: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 click: (e: MouseEvent) => any;
 }, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{
@@ -66,6 +75,19 @@ width: number;
 teleport: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
+declare const __VLS_component_9: DefineComponent<__VLS_Props_21, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+minimize: () => any;
+maximize: () => any;
+}, string, PublicProps, Readonly<__VLS_Props_21> & Readonly<{
+onClose?: (() => any) | undefined;
+onMinimize?: (() => any) | undefined;
+onMaximize?: (() => any) | undefined;
+}>, {
+height: number;
+platform: "mac" | "windows" | "linux";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
 declare type __VLS_Props = {
     /** Only one primary per view. */
     variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';
@@ -179,6 +201,65 @@ declare type __VLS_Props_20 = {
     labelWidth?: number;
 };
 
+/** Title-bar affordances per desktop platform. In Tauri: decorations=false, this element is the drag region (data-tauri-drag-region). */
+declare type __VLS_Props_21 = {
+    platform?: 'mac' | 'windows' | 'linux';
+    title?: string;
+    height?: number;
+};
+
+declare type __VLS_Props_22 = {
+    items: TabBarItem[];
+    modelValue: string;
+};
+
+/** The pill's mobile form: persistent 56px bar above the tab bar. Tap opens the running-timers sheet. */
+declare type __VLS_Props_23 = {
+    project: string;
+    task?: string;
+    color?: string;
+    seconds?: number;
+    running?: boolean;
+    parallelCount?: number;
+};
+
+declare type __VLS_Props_24 = {
+    modelValue?: string;
+    length?: number;
+    error?: string;
+    autofocus?: boolean;
+};
+
+/** Auth layout unit: mark, headline, one line of context, form slot, footer slot. 400px max; fills width on phones. */
+declare type __VLS_Props_25 = {
+    title: string;
+    description?: string;
+    width?: number;
+};
+
+declare type __VLS_Props_26 = {
+    icon?: string;
+    title: string;
+    description?: string;
+    compact?: boolean;
+};
+
+declare type __VLS_Props_27 = {
+    name: string;
+    src?: string;
+    size?: number;
+};
+
+/** Budget burn-down: used vs pro-rated target. Red when over. Caption states the period and that the target is pro-rated. */
+declare type __VLS_Props_28 = {
+    label: string;
+    color?: string;
+    usedSeconds?: number;
+    targetSeconds?: number;
+    period?: string;
+    compact?: boolean;
+};
+
 declare type __VLS_Props_3 = {
     modelValue?: string | number;
     label?: string;
@@ -259,6 +340,26 @@ declare function __VLS_template(): {
     rootEl: HTMLButtonElement;
 };
 
+declare function __VLS_template_10(): {
+    attrs: Partial<{}>;
+    slots: {
+        description?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
+declare function __VLS_template_11(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
 declare function __VLS_template_2(): {
     attrs: Partial<{}>;
     slots: {
@@ -326,8 +427,21 @@ declare function __VLS_template_8(): {
     rootEl: any;
 };
 
+declare function __VLS_template_9(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
 declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 
+declare type __VLS_TemplateResult_10 = ReturnType<typeof __VLS_template_10>;
+
+declare type __VLS_TemplateResult_11 = ReturnType<typeof __VLS_template_11>;
+
 declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
 
 declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
@@ -342,12 +456,26 @@ declare type __VLS_TemplateResult_7 = ReturnType<typeof __VLS_template_7>;
 
 declare type __VLS_TemplateResult_8 = ReturnType<typeof __VLS_template_8>;
 
+declare type __VLS_TemplateResult_9 = ReturnType<typeof __VLS_template_9>;
+
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
 
+declare type __VLS_WithTemplateSlots_10<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_11<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_2<T, S> = T & {
     new (): {
         $slots: S;
@@ -390,6 +518,12 @@ declare type __VLS_WithTemplateSlots_8<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_9<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 export declare type DurationFormat = 'clock' | 'short' | 'compact';
 
 /** 8047 → "2:14:07" (clock) · "2:14" (short) · "2h 14m" (compact) */
@@ -403,8 +537,28 @@ export declare interface SelectOption {
     label: string;
 }
 
+export declare interface TabBarItem {
+    id: string;
+    label: string;
+    icon: string;
+}
+
+export declare const TAuthCard: __VLS_WithTemplateSlots_10<typeof __VLS_component_10, __VLS_TemplateResult_10["slots"]>;
+
+export declare const TAvatar: DefineComponent<__VLS_Props_27, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_27> & Readonly<{}>, {
+size: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
+
 export declare const TBadge: __VLS_WithTemplateSlots_5<typeof __VLS_component_5, __VLS_TemplateResult_5["slots"]>;
 
+export declare const TBudgetBar: DefineComponent<__VLS_Props_28, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_28> & Readonly<{}>, {
+color: string;
+compact: boolean;
+usedSeconds: number;
+targetSeconds: number;
+period: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
 export declare const TButton: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
 export declare const TCard: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
@@ -419,6 +573,16 @@ modelValue: boolean;
 indeterminate: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>;
 
+export declare const TCodeInput: DefineComponent<__VLS_Props_24, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (v: string) => any;
+}, string, PublicProps, Readonly<__VLS_Props_24> & Readonly<{
+"onUpdate:modelValue"?: ((v: string) => any) | undefined;
+}>, {
+length: number;
+modelValue: string;
+autofocus: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
 export declare const TDialog: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
 
 export declare const TDurationText: DefineComponent<__VLS_Props_16, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_16> & Readonly<{}>, {
@@ -428,6 +592,8 @@ seconds: number;
 format: DurationFormat;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
 
+export declare const TEmptyState: __VLS_WithTemplateSlots_11<typeof __VLS_component_11, __VLS_TemplateResult_11["slots"]>;
+
 export declare const TIcon: DefineComponent<__VLS_Props_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_8> & Readonly<{}>, {
 size: number;
 base: string;
@@ -495,8 +661,29 @@ disabled: boolean;
 modelValue: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>;
 
+export declare const TTabBar: DefineComponent<__VLS_Props_22, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (id: string) => any;
+}, string, PublicProps, Readonly<__VLS_Props_22> & Readonly<{
+"onUpdate:modelValue"?: ((id: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
+
 export declare const TTag: __VLS_WithTemplateSlots_6<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
 
+export declare const TTimerBar: DefineComponent<__VLS_Props_23, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+stop: () => any;
+open: () => any;
+toggle: () => any;
+}, string, PublicProps, Readonly<__VLS_Props_23> & Readonly<{
+onStop?: (() => any) | undefined;
+onOpen?: (() => any) | undefined;
+onToggle?: (() => any) | undefined;
+}>, {
+color: string;
+running: boolean;
+seconds: number;
+parallelCount: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
 export declare const TTimerPill: DefineComponent<__VLS_Props_19, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 stop: () => any;
 toggle: () => any;
@@ -524,6 +711,8 @@ showAxis: boolean;
 labelWidth: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
+export declare const TWindowChrome: __VLS_WithTemplateSlots_9<typeof __VLS_component_9, __VLS_TemplateResult_9["slots"]>;
+
 export declare interface WaterfallRow {
     label: string;
     color: string;