@timebraid/vue 1.3.0

package/dist/index.d.ts

@@ -0,0 +1,840 @@
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { DefineComponent } from 'vue';
+import { InjectionKey } from 'vue';
+import { PublicProps } from 'vue';
+
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+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<{}>, {
+width: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+declare const __VLS_component_11: DefineComponent<__VLS_Props_29, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_29> & Readonly<{}>, {
+side: "top" | "bottom" | "left" | "right";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
+
+declare const __VLS_component_2: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+click: (event: MouseEvent | KeyboardEvent) => any;
+}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{
+onClick?: ((event: MouseEvent | KeyboardEvent) => any) | undefined;
+}>, {
+iconBg: string;
+chevron: boolean;
+danger: boolean;
+dense: boolean;
+last: boolean;
+clickable: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+declare const __VLS_component_3: DefineComponent<__VLS_Props_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+click: (e: MouseEvent) => any;
+}, string, PublicProps, Readonly<__VLS_Props_4> & Readonly<{
+onClick?: ((e: MouseEvent) => any) | undefined;
+}>, {
+type: "button" | "submit" | "reset";
+size: keyof typeof SIZES;
+kind: keyof typeof KINDS;
+full: boolean;
+disabled: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
+
+declare const __VLS_component_4: DefineComponent<__VLS_Props_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_8> & Readonly<{}>, {
+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_6: DefineComponent<__VLS_Props_12, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+close: () => any;
+}, string, PublicProps, Readonly<__VLS_Props_12> & Readonly<{
+onClose?: (() => any) | undefined;
+}>, {
+inline: boolean;
+width: number;
+mobile: boolean;
+teleport: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+dialog: HTMLDivElement;
+}, any>;
+
+declare const __VLS_component_7: DefineComponent<__VLS_Props_16, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+stop: (id: string) => any;
+start: () => any;
+"update:open": (v: boolean) => any;
+stopAll: () => any;
+openApp: () => any;
+}, string, PublicProps, Readonly<__VLS_Props_16> & Readonly<{
+onStop?: ((id: string) => any) | undefined;
+onStart?: (() => any) | undefined;
+"onUpdate:open"?: ((v: boolean) => any) | undefined;
+onStopAll?: (() => any) | undefined;
+onOpenApp?: (() => any) | undefined;
+}>, {
+open: boolean;
+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_9: DefineComponent<__VLS_Props_22, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_22> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+declare type __VLS_Props = {
+    title?: string;
+    footer?: string;
+    flat?: boolean;
+    plainTitle?: boolean;
+};
+
+declare type __VLS_Props_10 = {
+    name: string;
+    size?: number;
+    color?: string;
+};
+
+declare type __VLS_Props_11 = {
+    title: string;
+    sub?: string;
+};
+
+declare type __VLS_Props_12 = {
+    open: boolean;
+    title: string;
+    mobile?: boolean;
+    width?: number;
+    inline?: boolean;
+    teleport?: boolean;
+};
+
+declare type __VLS_Props_13 = {
+    color: string;
+    size?: number;
+    running?: boolean;
+};
+
+declare type __VLS_Props_14 = {
+    seconds: number;
+    mode?: DurationFormat;
+    size?: number;
+    weight?: number;
+    tone?: keyof typeof TONES_3;
+};
+
+declare type __VLS_Props_15 = {
+    rows: WaterfallRow[];
+    start?: number;
+    end?: number;
+    labelW?: number;
+    rowH?: number;
+    compact?: boolean;
+};
+
+declare type __VLS_Props_16 = {
+    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;
+    title?: string;
+    subtitle?: string;
+    value?: string;
+    chevron?: boolean;
+    danger?: boolean;
+    dense?: boolean;
+    last?: boolean;
+    clickable?: boolean;
+};
+
+declare type __VLS_Props_20 = {
+    title: string;
+    sub?: string;
+    scrolled: boolean;
+};
+
+declare type __VLS_Props_21 = {
+    items: TabItem[];
+    modelValue: string;
+    indicator?: boolean;
+};
+
+declare type __VLS_Props_22 = {
+    title: string;
+};
+
+declare type __VLS_Props_23 = {
+    items: TabItem[];
+    modelValue: string;
+    indicator?: boolean;
+};
+
+/**
+ * Lucide glyph painted with a CSS mask so it follows currentColor.
+ * 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… */
+    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. */
+    base?: string;
+};
+
+/** The Timebraid mark from shipped artwork. Below 64px it swaps to the three-upright small-size PNGs. */
+declare type __VLS_Props_25 = {
+    size?: number;
+    wordmark?: boolean;
+};
+
+declare type __VLS_Props_26 = {
+    modelValue?: string;
+    length?: number;
+    error?: string;
+    autofocus?: boolean;
+};
+
+declare type __VLS_Props_27 = {
+    title: string;
+    description?: string;
+    width?: number;
+};
+
+declare type __VLS_Props_28 = {
+    modelValue?: boolean;
+    label: string;
+    description?: string;
+    indeterminate?: boolean;
+    disabled?: boolean;
+};
+
+declare type __VLS_Props_29 = {
+    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;
+    icon?: string;
+    full?: boolean;
+    disabled?: boolean;
+    type?: 'button' | 'submit' | 'reset';
+};
+
+declare type __VLS_Props_5 = {
+    icon: string;
+    label: string;
+    size?: number;
+    tone?: keyof typeof TONES;
+    disabled?: boolean;
+};
+
+declare type __VLS_Props_6 = {
+    modelValue: boolean;
+    disabled?: boolean;
+};
+
+declare type __VLS_Props_7 = {
+    modelValue?: string;
+    label?: string;
+    placeholder?: string;
+    mono?: boolean;
+    right?: string;
+    type?: string;
+    autofocus?: boolean;
+    disabled?: boolean;
+    name?: string;
+};
+
+declare type __VLS_Props_8 = {
+    tone?: keyof typeof TONES_2;
+};
+
+declare type __VLS_Props_9 = {
+    value: number;
+    color?: string;
+    h?: number;
+};
+
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        title?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+
+declare function __VLS_template_10(): {
+    attrs: Partial<{}>;
+    slots: {
+        title?(_: {}): any;
+        description?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
+declare function __VLS_template_11(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+
+declare function __VLS_template_2(): {
+    attrs: Partial<{}>;
+    slots: {
+        leading?(_: {}): any;
+        title?(_: {}): any;
+        subtitle?(_: {}): any;
+        trailing?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
+declare function __VLS_template_3(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+
+declare function __VLS_template_4(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+
+declare function __VLS_template_5(): {
+    attrs: Partial<{}>;
+    slots: {
+        right?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
+declare function __VLS_template_6(): {
+    attrs: Partial<{}>;
+    slots: {
+        primary?(_: {}): any;
+        default?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {
+        dialog: HTMLDivElement;
+    };
+    rootEl: any;
+};
+
+declare function __VLS_template_7(): {
+    attrs: Partial<{}>;
+    slots: {
+        popover?(_: {
+            running: PillTimer[];
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
+declare function __VLS_template_8(): {
+    attrs: Partial<{}>;
+    slots: {
+        right?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
+declare function __VLS_template_9(): {
+    attrs: Partial<{}>;
+    slots: {
+        right?(_: {}): 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>;
+
+declare type __VLS_TemplateResult_4 = ReturnType<typeof __VLS_template_4>;
+
+declare type __VLS_TemplateResult_5 = ReturnType<typeof __VLS_template_5>;
+
+declare type __VLS_TemplateResult_6 = ReturnType<typeof __VLS_template_6>;
+
+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;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_3<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_4<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_5<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_6<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_7<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_8<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_9<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+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 type DurationFormat = 'clock' | 'short' | 'compact';
+
+/** 8047 → "2:14:07" (clock) · "2:14" (short) · "2h 14m" (compact) */
+export declare function formatDuration(seconds: number, format?: DurationFormat): string;
+
+declare const KINDS: {
+    readonly primary: {
+        readonly background: "var(--accent)";
+        readonly color: "var(--on-accent)";
+    };
+    readonly tinted: {
+        readonly background: "var(--accent-soft)";
+        readonly color: "var(--accent)";
+    };
+    readonly gray: {
+        readonly background: "var(--fill)";
+        readonly color: "var(--label)";
+    };
+    readonly plain: {
+        readonly background: "transparent";
+        readonly color: "var(--accent)";
+    };
+    readonly danger: {
+        readonly background: "var(--red-soft)";
+        readonly color: "var(--red)";
+    };
+    readonly white: {
+        readonly background: "var(--bg-elev)";
+        readonly color: "var(--label)";
+        readonly boxShadow: "var(--sh-card)";
+    };
+};
+
+export declare interface PillTimer {
+    id: string;
+    task: string;
+    project: string;
+    color: string;
+    since: string;
+    seconds: number;
+}
+
+/** Okabe-Ito, the only palette permitted for projects and charts. */
+export declare const PROJECT_COLORS: string[];
+
+export declare type ResolvedTheme = 'light' | 'dark';
+
+export declare function resolveTheme(pref: ThemePreference, prefersDark: boolean): ResolvedTheme;
+
+export declare interface SelectOption {
+    value: string;
+    label: string;
+}
+
+declare const SIZES: {
+    readonly sm: {
+        readonly height: "var(--control-h-sm)";
+        readonly fontSize: "var(--text-subtitle)";
+        readonly padding: "0 10px";
+        readonly icon: 13;
+    };
+    readonly md: {
+        readonly height: "var(--control-h-md)";
+        readonly fontSize: "13.5px";
+        readonly padding: "0 14px";
+        readonly icon: 15;
+    };
+    readonly lg: {
+        readonly height: "var(--control-h-lg)";
+        readonly fontSize: "var(--text-row)";
+        readonly padding: "0 14px";
+        readonly icon: 15;
+    };
+    readonly xl: {
+        readonly height: "var(--control-h-xl)";
+        readonly fontSize: "16px";
+        readonly padding: "0 14px";
+        readonly icon: 15;
+    };
+};
+
+export declare interface TabItem {
+    id: string;
+    label: string;
+    icon: string;
+}
+
+export declare const TAndroidNavBar: DefineComponent<__VLS_Props_23, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (id: string) => any;
+}, string, PublicProps, Readonly<__VLS_Props_23> & Readonly<{
+"onUpdate:modelValue"?: ((id: string) => any) | undefined;
+}>, {
+indicator: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
+
+export declare const TAndroidTop: __VLS_WithTemplateSlots_9<typeof __VLS_component_9, __VLS_TemplateResult_9["slots"]>;
+
+export declare const TAuthCard: __VLS_WithTemplateSlots_10<typeof __VLS_component_10, __VLS_TemplateResult_10["slots"]>;
+
+export declare const TAvatar: DefineComponent<__VLS_Props_10, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_10> & Readonly<{}>, {
+size: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
+
+export declare const TBadge: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
+
+export declare const TBar: DefineComponent<__VLS_Props_9, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_9> & Readonly<{}>, {
+color: string;
+h: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+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, {
+"update:modelValue": (v: boolean) => any;
+}, string, PublicProps, Readonly<__VLS_Props_28> & Readonly<{
+"onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
+}>, {
+modelValue: boolean;
+disabled: boolean;
+indeterminate: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>;
+
+export declare const TCodeInput: DefineComponent<__VLS_Props_26, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (v: string) => any;
+}, string, PublicProps, Readonly<__VLS_Props_26> & Readonly<{
+"onUpdate:modelValue"?: ((v: string) => any) | undefined;
+}>, {
+length: number;
+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<{}>, {
+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<{}>, {
+size: number;
+tone: keyof typeof TONES_3;
+mode: DurationFormat;
+weight: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
+
+export declare const TField: DefineComponent<__VLS_Props_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (v: string) => any;
+submit: () => any;
+}, string, PublicProps, Readonly<__VLS_Props_7> & Readonly<{
+"onUpdate:modelValue"?: ((v: string) => any) | undefined;
+onSubmit?: (() => any) | undefined;
+}>, {
+type: string;
+modelValue: string;
+disabled: boolean;
+mono: boolean;
+autofocus: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>;
+
+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_24, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_24> & Readonly<{}>, {
+color: string;
+size: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
+
+export declare const TIconBtn: DefineComponent<__VLS_Props_5, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+click: (e: MouseEvent) => any;
+}, string, PublicProps, Readonly<__VLS_Props_5> & Readonly<{
+onClick?: ((e: MouseEvent) => any) | undefined;
+}>, {
+size: number;
+disabled: boolean;
+tone: keyof typeof TONES;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
+
+/** App-wide base URL every TIcon masks from: `app.provide(TIMEBRAID_ICON_BASE, '/icons/')`. */
+export declare const TIMEBRAID_ICON_BASE: InjectionKey<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, {
+"update:modelValue": (id: string) => any;
+}, string, PublicProps, Readonly<__VLS_Props_21> & Readonly<{
+"onUpdate:modelValue"?: ((id: string) => any) | undefined;
+}>, {
+indicator: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
+
+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<{}>, {
+size: number;
+wordmark: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
+
+declare const TONES: {
+    readonly default: {
+        readonly background: "var(--fill)";
+        readonly color: "var(--label)";
+    };
+    readonly soft: {
+        readonly background: "var(--accent-soft)";
+        readonly color: "var(--accent)";
+    };
+    readonly accent: {
+        readonly background: "var(--accent)";
+        readonly color: "var(--on-accent)";
+    };
+};
+
+declare const TONES_2: {
+    readonly neutral: readonly ["var(--fill)", "var(--label-2)"];
+    readonly running: readonly ["var(--running-soft)", "var(--running)"];
+    readonly green: readonly ["var(--green-soft)", "var(--green)"];
+    readonly red: readonly ["var(--red-soft)", "var(--red)"];
+    readonly soon: readonly ["transparent", "var(--label-3)"];
+};
+
+declare const TONES_3: {
+    readonly default: "var(--label)";
+    readonly running: "var(--running)";
+    readonly muted: "var(--label-2)";
+    readonly faint: "var(--label-3)";
+};
+
+export declare const TPill: __VLS_WithTemplateSlots_7<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
+
+export declare const TRow: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
+
+export declare const TSeg: DefineComponent<__VLS_Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (v: string) => any;
+}, string, PublicProps, Readonly<__VLS_Props_3> & Readonly<{
+"onUpdate:modelValue"?: ((v: string) => any) | undefined;
+}>, {
+size: "sm" | "md";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+export declare const TSelect: DefineComponent<    {
+modelValue: string;
+options: SelectOption[];
+disabled?: boolean;
+label?: string;
+ariaLabel?: string;
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (v: string) => any;
+}, string, PublicProps, Readonly<{
+modelValue: string;
+options: SelectOption[];
+disabled?: boolean;
+label?: string;
+ariaLabel?: string;
+}> & Readonly<{
+"onUpdate:modelValue"?: ((v: string) => any) | undefined;
+}>, {
+disabled: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
+
+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<{}>, {
+opacity: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+export declare const TTimerBar: DefineComponent<__VLS_Props_18, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+stop: () => any;
+open: () => any;
+}, string, PublicProps, Readonly<__VLS_Props_18> & Readonly<{
+onStop?: (() => any) | undefined;
+onOpen?: (() => any) | undefined;
+}>, {
+color: string;
+bottom: number;
+more: number;
+android: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+export declare const TToggle: DefineComponent<__VLS_Props_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (v: boolean) => any;
+}, string, PublicProps, Readonly<__VLS_Props_6> & Readonly<{
+"onUpdate:modelValue"?: ((v: boolean) => any) | undefined;
+}>, {
+disabled: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
+
+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<{}>, {
+end: number;
+start: number;
+compact: boolean;
+labelW: number;
+rowH: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+export declare const TWorkspaceSwitcher: DefineComponent<__VLS_Props_17, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (id: string) => any;
+create: () => any;
+}, string, PublicProps, Readonly<__VLS_Props_17> & Readonly<{
+"onUpdate:modelValue"?: ((id: string) => any) | undefined;
+onCreate?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+root: HTMLDivElement;
+}, HTMLDivElement>;
+
+export declare function watchTheme(pref: () => ThemePreference, root: HTMLElement, media?: MediaQueryList | null): {
+    refresh(): void;
+    stop(): void;
+};
+
+export declare interface WaterfallRow {
+    label: string;
+    color: string;
+    segments: WaterfallSegment[];
+}
+
+export declare interface WaterfallSegment {
+    start: number;
+    end: number;
+    shared?: boolean;
+}
+
+export declare interface WorkspaceOption {
+    id: string;
+    name: string;
+    color: string;
+    memberCount: number;
+    isDefault: boolean;
+    personal: boolean;
+}
+
+export { }