@timebraid/vue 1.20.0 → 1.21.0

package/dist/index.d.ts

@@ -59,9 +59,23 @@ multiple: boolean;
 addLabel: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_16: DefineComponent<__VLS_Props_67, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_16: DefineComponent<__VLS_Props_63, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+toggle: () => any;
+}, string, PublicProps, Readonly<__VLS_Props_63> & Readonly<{
+onToggle?: (() => any) | undefined;
+}>, {
+last: boolean;
+placeholder: string;
+mobile: boolean;
+plate: string;
+valueKind: PickValueKind;
+valueColor: string;
+valueIconUrl: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_component_17: DefineComponent<__VLS_Props_70, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 action: () => any;
-}, string, PublicProps, Readonly<__VLS_Props_67> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_70> & Readonly<{
 onAction?: (() => any) | undefined;
 }>, {
 text: string;
@@ -641,11 +655,43 @@ declare type __VLS_Props_62 = {
 };
 
 declare type __VLS_Props_63 = {
+    label: string;
+    icon: string;
+    plate?: string;
+    value: string;
+    open: boolean;
+    last?: boolean;
+    valueKind?: PickValueKind;
+    valueColor?: string;
+    valueIconUrl?: string;
+    placeholder?: string;
+    mobile?: boolean;
+};
+
+declare type __VLS_Props_64 = {
+    modelValue: PaletteId;
+    palettes?: readonly Palette[];
+    dark?: boolean;
+    size?: number;
+};
+
+declare type __VLS_Props_65 = {
+    options: ChoiceOption[];
+    modelValue: string;
+    searchAfter?: number;
+    searchPlaceholder?: string;
+    visibleRows?: number;
+    addLabel?: string;
+    empty?: string;
+    compact?: boolean;
+};
+
+declare type __VLS_Props_66 = {
     text: string;
     query?: string;
 };
 
-declare type __VLS_Props_64 = {
+declare type __VLS_Props_67 = {
     page: number;
     pageSize: number;
     total: number;
@@ -656,20 +702,30 @@ declare type __VLS_Props_64 = {
     last?: boolean;
 };
 
-declare type __VLS_Props_65 = {
+declare type __VLS_Props_68 = {
     width?: string;
     height?: number;
     shape?: keyof typeof RADIUS;
 };
 
-declare type __VLS_Props_66 = {
+declare type __VLS_Props_69 = {
     rows?: number;
     leading?: keyof typeof LEADING;
     trailing?: boolean;
     subtitle?: boolean;
 };
 
-declare type __VLS_Props_67 = {
+declare type __VLS_Props_7 = {
+    modelValue: string;
+    options: {
+        value: string;
+        label: string;
+        count?: number;
+    }[];
+    size?: 'sm' | 'md';
+};
+
+declare type __VLS_Props_70 = {
     title: string;
     text?: string;
     icon?: string;
@@ -678,21 +734,11 @@ declare type __VLS_Props_67 = {
     compact?: boolean;
 };
 
-declare type __VLS_Props_68 = {
+declare type __VLS_Props_71 = {
     keys: string;
     size?: keyof typeof SIZES_3;
 };
 
-declare type __VLS_Props_7 = {
-    modelValue: string;
-    options: {
-        value: string;
-        label: string;
-        count?: number;
-    }[];
-    size?: 'sm' | 'md';
-};
-
 declare type __VLS_Props_8 = {
     kind?: keyof typeof KINDS;
     size?: keyof typeof SIZES;
@@ -793,6 +839,15 @@ declare function __VLS_template_15(): {
 };
 
 declare function __VLS_template_16(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+
+declare function __VLS_template_17(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
@@ -901,6 +956,8 @@ declare type __VLS_TemplateResult_15 = ReturnType<typeof __VLS_template_15>;
 
 declare type __VLS_TemplateResult_16 = ReturnType<typeof __VLS_template_16>;
 
+declare type __VLS_TemplateResult_17 = ReturnType<typeof __VLS_template_17>;
+
 declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
 
 declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
@@ -965,6 +1022,12 @@ declare type __VLS_WithTemplateSlots_16<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_17<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_2<T, S> = T & {
     new (): {
         $slots: S;
@@ -1017,8 +1080,12 @@ export declare function addDaysIso(iso: string, days: number): string;
 
 export declare const ALL_WORKSPACES = "all";
 
+export declare function applyPalette(root: HTMLElement, id: PaletteId): void;
+
 export declare function applyTheme(root: HTMLElement, theme: ResolvedTheme): void;
 
+export declare const asPalette: (value: unknown) => PaletteId;
+
 export declare function blobFromDataUrl(dataUrl: string): Blob;
 
 export declare interface ChipOption {
@@ -1028,6 +1095,15 @@ export declare interface ChipOption {
     icon?: string;
 }
 
+export declare interface ChoiceOption {
+    id: string;
+    label: string;
+    sub?: string;
+    color?: string;
+    iconUrl?: string;
+    kind?: 'dot' | 'workspace';
+}
+
 /** Keeps the mask fully covered: the image, scaled by z over a stage of `stage` px, may only slide until its edge meets the mask's edge. */
 export declare function clampOffset(x: number, y: number, z: number, stage: number, inset?: number): {
     x: number;
@@ -1062,6 +1138,8 @@ export declare const DEFAULT_ICON_BASE = "https://unpkg.com/lucide-static@0.545.
 
 export declare const DEFAULT_PAGE_SIZE = 10;
 
+export declare const DEFAULT_PALETTE: PaletteId;
+
 export declare const DIMENSION_KEYS: Readonly<Record<FilterDimension, 'workspaces' | 'projects' | 'tasks' | 'people'>>;
 
 export declare interface DrawerUser {
@@ -1119,6 +1197,8 @@ export declare interface GridDay {
     inMonth: boolean;
 }
 
+export declare const groupTimerRows: (group: TimerGroup) => PillTimer[];
+
 export declare function groupTimers(timers: PillTimer[]): TimerGroup[];
 
 export declare const hasIcon: (name: string) => boolean;
@@ -1263,12 +1343,23 @@ export declare interface PageSlice<T> extends PageBounds {
 
 export declare function pageSlice<T>(items: readonly T[], page: number, size: number): PageSlice<T>;
 
+export declare interface Palette {
+    id: PaletteId;
+    name: string;
+    accent: string;
+    dark: string;
+}
+
+export declare const PALETTE_IDS: readonly PaletteId[];
+
 export declare interface PaletteGroup {
     id: string;
     title: string;
     items: readonly PaletteItem[];
 }
 
+export declare type PaletteId = 'timebraid' | 'forest' | 'ember' | 'ocean' | 'plum';
+
 export declare const paletteIds: (groups: readonly PaletteGroup[]) => string[];
 
 export declare interface PaletteItem {
@@ -1285,6 +1376,10 @@ export declare interface PaletteItem {
     kbd?: string;
 }
 
+export declare const paletteOf: (id: PaletteId) => Palette;
+
+export declare const PALETTES: readonly Palette[];
+
 export declare function parallelMinutes(spans: readonly TimelineSpan[]): number;
 
 export declare function parallelPartners(spans: readonly TimelineSpan[]): Map<string, string[]>;
@@ -1337,6 +1432,8 @@ export declare interface PickPage {
     nextCursor: string | null;
 }
 
+export declare type PickValueKind = 'none' | 'dot' | 'workspace';
+
 export declare interface PillTimer {
     id: string;
     task: string;
@@ -1349,6 +1446,7 @@ export declare interface PillTimer {
         id: string;
         name: string;
         color: string;
+        iconUrl?: string;
     };
 }
 
@@ -1528,7 +1626,7 @@ max: number;
 
 export declare const TBadge: __VLS_WithTemplateSlots_7<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
 
-export declare const TBanner: __VLS_WithTemplateSlots_16<typeof __VLS_component_16, __VLS_TemplateResult_16["slots"]>;
+export declare const TBanner: __VLS_WithTemplateSlots_17<typeof __VLS_component_17, __VLS_TemplateResult_17["slots"]>;
 
 export declare const TBar: DefineComponent<__VLS_Props_20, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_20> & Readonly<{}>, {
 color: string;
@@ -1567,6 +1665,21 @@ indeterminate: boolean;
 
 export declare const TChipRow: __VLS_WithTemplateSlots_15<typeof __VLS_component_15, __VLS_TemplateResult_15["slots"]>;
 
+export declare const TChoiceList: DefineComponent<__VLS_Props_65, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (id: string) => any;
+add: () => any;
+}, string, PublicProps, Readonly<__VLS_Props_65> & Readonly<{
+"onUpdate:modelValue"?: ((id: string) => any) | undefined;
+onAdd?: (() => any) | undefined;
+}>, {
+compact: boolean;
+empty: string;
+addLabel: string;
+visibleRows: number;
+searchPlaceholder: string;
+searchAfter: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
 export declare const TCodeInput: DefineComponent<__VLS_Props_47, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (v: string) => any;
 }, string, PublicProps, Readonly<__VLS_Props_47> & Readonly<{
@@ -1778,7 +1891,7 @@ export declare const THEME_PREFERENCES: ThemePreference[];
 
 export declare type ThemePreference = 'system' | 'light' | 'dark';
 
-export declare const THighlight: DefineComponent<__VLS_Props_63, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_63> & Readonly<{}>, {
+export declare const THighlight: DefineComponent<__VLS_Props_66, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_66> & Readonly<{}>, {
 query: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
 
@@ -1846,6 +1959,7 @@ export declare interface TimerWorkspace {
     id: string;
     name: string;
     color: string;
+    iconUrl?: string;
 }
 
 export declare const TIOSNav: __VLS_WithTemplateSlots_11<typeof __VLS_component_11, __VLS_TemplateResult_11["slots"]>;
@@ -1866,7 +1980,7 @@ indicator?: boolean;
 indicator: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
 
-export declare const TKbd: DefineComponent<__VLS_Props_68, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_68> & Readonly<{}>, {
+export declare const TKbd: DefineComponent<__VLS_Props_71, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_71> & Readonly<{}>, {
 size: keyof typeof SIZES_3;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
 
@@ -1971,10 +2085,10 @@ onClick?: ((e: MouseEvent) => any) | undefined;
 compact: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-export declare const TPager: DefineComponent<__VLS_Props_64, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const TPager: DefineComponent<__VLS_Props_67, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:page": (page: number) => any;
 "update:pageSize": (size: number) => any;
-}, string, PublicProps, Readonly<__VLS_Props_64> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_67> & Readonly<{
 "onUpdate:page"?: ((page: number) => any) | undefined;
 "onUpdate:pageSize"?: ((size: number) => any) | undefined;
 }>, {
@@ -1987,6 +2101,16 @@ sizes: readonly number[];
 anchor: HTMLButtonElement;
 }, HTMLDivElement>;
 
+export declare const TPalettePicker: DefineComponent<__VLS_Props_64, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (id: PaletteId) => any;
+}, string, PublicProps, Readonly<__VLS_Props_64> & Readonly<{
+"onUpdate:modelValue"?: ((id: PaletteId) => any) | undefined;
+}>, {
+size: number;
+dark: boolean;
+palettes: readonly Palette[];
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
 export declare const TParallelMark: DefineComponent<__VLS_Props_57, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_57> & Readonly<{}>, {
 others: string[];
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
@@ -2042,6 +2166,8 @@ emptyTime: string;
 list: HTMLDivElement;
 }, HTMLDivElement>;
 
+export declare const TPickRow: __VLS_WithTemplateSlots_16<typeof __VLS_component_16, __VLS_TemplateResult_16["slots"]>;
+
 export declare const TPill: __VLS_WithTemplateSlots_10<typeof __VLS_component_10, __VLS_TemplateResult_10["slots"]>;
 
 export declare const TPopover: __VLS_WithTemplateSlots_6<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
@@ -2096,13 +2222,13 @@ disabled: boolean;
 
 export declare const TSheet: __VLS_WithTemplateSlots_9<typeof __VLS_component_9, __VLS_TemplateResult_9["slots"]>;
 
-export declare const TSkeleton: DefineComponent<__VLS_Props_65, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_65> & Readonly<{}>, {
+export declare const TSkeleton: DefineComponent<__VLS_Props_68, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_68> & Readonly<{}>, {
 width: string;
 height: number;
 shape: keyof typeof RADIUS;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
 
-export declare const TSkeletonList: DefineComponent<__VLS_Props_66, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_66> & Readonly<{}>, {
+export declare const TSkeletonList: DefineComponent<__VLS_Props_69, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_69> & Readonly<{}>, {
 subtitle: boolean;
 leading: keyof typeof LEADING;
 trailing: 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;--orange-soft:rgba(217,123,15,.12);--brand-field:#5D68CF;--brand-field-deep:#191E5E;--brand-ink:#141846;--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;--orange-soft:rgba(240,162,75,.16);--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:78px;--inset-top:env(safe-area-inset-top,0px);--inset-bottom:env(safe-area-inset-bottom,0px);--tab-bar-inset-ios:max(10px,calc(var(--inset-bottom) - 12px));--tab-bar-h-ios:calc(42px + var(--tab-bar-inset-ios));--timer-bar-bottom-ios:calc(58px + var(--tab-bar-inset-ios));--tab-bar-pad-ios:calc(var(--tab-bar-h-ios) + 16px);--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}.clamp-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere;line-height:1.3;min-width:0}.ellipsis{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::selection{background:var(--accent-soft-2)}@keyframes t-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes t-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.t-skeleton{background:linear-gradient(90deg,var(--fill) 25%,var(--fill-2) 50%,var(--fill) 75%);background-size:400% 100%;animation:t-shimmer 1.6s linear infinite}@media (prefers-reduced-motion:reduce){.t-skeleton{animation:none;background:var(--fill)}}@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}}@keyframes t-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes t-float{0%,to{translate:0 0}50%{translate:0 -6px}}@keyframes t-flash{0%,30%{background-color:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent)}to{background-color:transparent;box-shadow:none}}@keyframes t-attention{0%,to{background-color:transparent}50%{background-color:var(--orange-soft)}}.view-in{animation:t-in var(--t-base) var(--ease-out) both}.t-flash{animation:t-flash 2s var(--ease) 1 both}.t-attention{animation:t-attention 1.4s var(--ease) 3}.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}}.t-wheel-list[data-v-f89240c7]{scrollbar-width:none}.t-wheel-list[data-v-f89240c7]::-webkit-scrollbar{display:none}.t-wheel-list[data-v-f89240c7]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--r-btn)}.check:focus-within .box[data-v-8c783040]{outline:2px solid var(--accent);outline-offset:2px}.t-spinner[data-v-a41169e8]{animation:t-spinner-turn-a41169e8 .7s linear infinite}@keyframes t-spinner-turn-a41169e8{to{transform:rotate(360deg)}}[data-palette-item][data-v-088bc492]:hover:not([aria-selected=true]){background:var(--fill)}
+@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;--orange-soft:rgba(217,123,15,.12);--brand-field:#5D68CF;--brand-field-deep:#191E5E;--brand-ink:#141846;--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;--orange-soft:rgba(240,162,75,.16);--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)}[data-palette=forest]{--accent:#1E7F5C;--accent-hover:#196E4F;--accent-soft:rgba(30,127,92,.12);--accent-soft-2:rgba(30,127,92,.2);--running:#1E7F5C;--running-soft:rgba(30,127,92,.1);--bg:#F1F5F2;--bg-elev-2:#F6F9F7;--bg-sidebar:rgba(243,247,244,.86);--bg-bar:rgba(241,245,242,.82)}[data-theme=dark][data-palette=forest]{--accent:#4FBF8F;--accent-hover:#63CB9D;--accent-soft:rgba(79,191,143,.16);--accent-soft-2:rgba(79,191,143,.26);--running:#5FC99B;--running-soft:rgba(79,191,143,.14);--bg:#15161F;--bg-elev-2:#282A3C;--bg-sidebar:rgba(24,25,36,.86);--bg-bar:rgba(21,22,31,.78)}[data-palette=ember]{--accent:#C84A22;--accent-hover:#B3411D;--accent-soft:rgba(200,74,34,.12);--accent-soft-2:rgba(200,74,34,.2);--running:#C84A22;--running-soft:rgba(200,74,34,.1);--bg:#F7F3F0;--bg-elev-2:#FAF7F5;--bg-sidebar:rgba(248,244,241,.86);--bg-bar:rgba(247,243,240,.82)}[data-theme=dark][data-palette=ember]{--accent:#F0825C;--accent-hover:#F39474;--accent-soft:rgba(240,130,92,.16);--accent-soft-2:rgba(240,130,92,.26);--running:#F5906C;--running-soft:rgba(240,130,92,.14);--bg:#15161F;--bg-elev-2:#282A3C;--bg-sidebar:rgba(24,25,36,.86);--bg-bar:rgba(21,22,31,.78)}[data-palette=ocean]{--accent:#0E7C9B;--accent-hover:#0C6B86;--accent-soft:rgba(14,124,155,.12);--accent-soft-2:rgba(14,124,155,.2);--running:#0E7C9B;--running-soft:rgba(14,124,155,.1);--bg:#EFF5F7;--bg-elev-2:#F5F9FA;--bg-sidebar:rgba(241,246,248,.86);--bg-bar:rgba(239,245,247,.82)}[data-theme=dark][data-palette=ocean]{--accent:#4FC1E0;--accent-hover:#66CBE6;--accent-soft:rgba(79,193,224,.16);--accent-soft-2:rgba(79,193,224,.26);--running:#62C9E4;--running-soft:rgba(79,193,224,.14);--bg:#15161F;--bg-elev-2:#282A3C;--bg-sidebar:rgba(24,25,36,.86);--bg-bar:rgba(21,22,31,.78)}[data-palette=plum]{--accent:#8A3FC7;--accent-hover:#7A37B1;--accent-soft:rgba(138,63,199,.12);--accent-soft-2:rgba(138,63,199,.2);--running:#8A3FC7;--running-soft:rgba(138,63,199,.1);--bg:#F5F2F8;--bg-elev-2:#F9F7FB;--bg-sidebar:rgba(246,243,249,.86);--bg-bar:rgba(245,242,248,.82)}[data-theme=dark][data-palette=plum]{--accent:#B98AF0;--accent-hover:#C59CF3;--accent-soft:rgba(185,138,240,.16);--accent-soft-2:rgba(185,138,240,.26);--running:#C197F2;--running-soft:rgba(185,138,240,.14);--bg:#15161F;--bg-elev-2:#282A3C;--bg-sidebar:rgba(24,25,36,.86);--bg-bar:rgba(21,22,31,.78)}: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:52px;--timer-bar-pad:74px;--inset-top:env(safe-area-inset-top,0px);--inset-bottom:env(safe-area-inset-bottom,0px);--tab-bar-inset-ios:max(10px,calc(var(--inset-bottom) - 12px));--tab-bar-h-ios:calc(42px + var(--tab-bar-inset-ios));--timer-bar-bottom-ios:calc(58px + var(--tab-bar-inset-ios));--tab-bar-pad-ios:calc(var(--tab-bar-h-ios) + 16px);--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}.clamp-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere;line-height:1.3;min-width:0}.ellipsis{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::selection{background:var(--accent-soft-2)}@keyframes t-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes t-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.t-skeleton{background:linear-gradient(90deg,var(--fill) 25%,var(--fill-2) 50%,var(--fill) 75%);background-size:400% 100%;animation:t-shimmer 1.6s linear infinite}@media (prefers-reduced-motion:reduce){.t-skeleton{animation:none;background:var(--fill)}}@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}}@keyframes t-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes t-float{0%,to{translate:0 0}50%{translate:0 -6px}}@keyframes t-flash{0%,30%{background-color:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent)}to{background-color:transparent;box-shadow:none}}@keyframes t-attention{0%,to{background-color:transparent}50%{background-color:var(--orange-soft)}}.view-in{animation:t-in var(--t-base) var(--ease-out) both}.t-flash{animation:t-flash 2s var(--ease) 1 both}.t-attention{animation:t-attention 1.4s var(--ease) 3}.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}}.t-wheel-list[data-v-f89240c7]{scrollbar-width:none}.t-wheel-list[data-v-f89240c7]::-webkit-scrollbar{display:none}.t-wheel-list[data-v-f89240c7]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--r-btn)}.check:focus-within .box[data-v-8c783040]{outline:2px solid var(--accent);outline-offset:2px}.t-spinner[data-v-a41169e8]{animation:t-spinner-turn-a41169e8 .7s linear infinite}@keyframes t-spinner-turn-a41169e8{to{transform:rotate(360deg)}}[data-palette-item][data-v-088bc492]:hover:not([aria-selected=true]){background:var(--fill)}