@columenlabs/lumen-ui 0.1.1 → 0.1.3

package/dist/widget-settings.d.ts

@@ -56,34 +56,57 @@ export declare function WidgetSettings<T>({ card, set, domain, }: {
 }): import("react").JSX.Element;
 /** Whether a widget reads the view's rows (a chart of symbols reads its own data). */
 export declare const readsRows: (card: ViewWidget) => card is {
-    kind: "table";
-    style: "table";
     id: string;
     title: string | null;
     w: number;
+    h?: number | undefined;
+    x?: number | undefined;
+    y?: number | undefined;
+    phone?: {
+        x: number;
+        y: number;
+        w: number;
+        h?: number | undefined;
+    } | undefined;
     filter: {
         key: string;
         value: string;
         not?: boolean | undefined;
-        op?: "gt" | "lt" | "eq" | "between" | undefined;
-        link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
+        op?: "between" | "eq" | "gt" | "lt" | undefined;
+        link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
     }[];
+    source?: string | undefined;
+    connections?: {
+        to: string;
+        on: {
+            from: string;
+            to: string;
+        }[];
+    }[] | undefined;
+    link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    controls?: Partial<Record<"ask" | "columns" | "download" | "filter" | "footer" | "group" | "header" | "legend" | "pager" | "refresh" | "window", boolean>> | undefined;
+    kind: "table";
+    style: "table";
     table?: {
-        shape: "table" | "group" | "pivot";
+        shape: "group" | "pivot" | "table";
         columns: string[];
+        hidden?: string[] | undefined;
         chips: {
             key: string;
-            placement: "inline" | "column";
+            placement: "column" | "inline";
         }[];
+        formats?: Record<string, "compact" | "integer" | "number" | "percent" | "price" | "price_rounded" | "price_signed" | "rounded" | "signed" | "weight"> | undefined;
+        aggs?: Record<string, "count" | "distinct" | "first" | "last" | "max" | "mean" | "min" | "none" | "sum"> | undefined;
         group: {
             fields: string[];
             default: string | null;
         };
+        subgroup?: string | null | undefined;
         pivot: {
             rows: string;
             columns: string;
             value: string;
-            agg: "max" | "min" | "first" | "last" | "sum" | "count" | "mean" | "distinct";
+            agg: "count" | "distinct" | "first" | "last" | "max" | "mean" | "min" | "sum";
         } | null;
         sort: {
             key: string;
@@ -91,14 +114,14 @@ export declare const readsRows: (card: ViewWidget) => card is {
         } | null;
         pagination: {
             on: boolean;
-            size: 100 | 50 | 25 | 250;
+            size: 25 | 50 | 100 | 250;
         };
-        hidden?: string[] | undefined;
-        formats?: Record<string, "number" | "weight" | "compact" | "rounded" | "price" | "price_rounded" | "price_signed" | "percent" | "signed" | "integer"> | undefined;
-        aggs?: Record<string, "none" | "max" | "min" | "first" | "last" | "sum" | "count" | "mean" | "distinct"> | undefined;
-        subgroup?: string | null | undefined;
-        width?: "scroll" | "fit" | undefined;
+        width?: "fit" | "scroll" | undefined;
     } | undefined;
+} | {
+    id: string;
+    title: string | null;
+    w: number;
     h?: number | undefined;
     x?: number | undefined;
     y?: number | undefined;
@@ -108,25 +131,32 @@ export declare const readsRows: (card: ViewWidget) => card is {
         w: number;
         h?: number | undefined;
     } | undefined;
-    link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    controls?: Partial<Record<"footer" | "header" | "legend" | "filter" | "group" | "download" | "columns" | "ask" | "refresh" | "pager" | "window", boolean>> | undefined;
-} | {
+    filter: {
+        key: string;
+        value: string;
+        not?: boolean | undefined;
+        op?: "between" | "eq" | "gt" | "lt" | undefined;
+        link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    }[];
+    source?: string | undefined;
+    connections?: {
+        to: string;
+        on: {
+            from: string;
+            to: string;
+        }[];
+    }[] | undefined;
+    link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    controls?: Partial<Record<"ask" | "columns" | "download" | "filter" | "footer" | "group" | "header" | "legend" | "pager" | "refresh" | "window", boolean>> | undefined;
     kind: "table";
     style: "top_n";
     sort: string;
     desc: boolean;
     n: number;
     columns: string[];
+} | {
     id: string;
     title: string | null;
-    w: number;
-    filter: {
-        key: string;
-        value: string;
-        not?: boolean | undefined;
-        op?: "gt" | "lt" | "eq" | "between" | undefined;
-        link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    }[];
     h?: number | undefined;
     x?: number | undefined;
     y?: number | undefined;
@@ -136,9 +166,23 @@ export declare const readsRows: (card: ViewWidget) => card is {
         w: number;
         h?: number | undefined;
     } | undefined;
-    link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    controls?: Partial<Record<"footer" | "header" | "legend" | "filter" | "group" | "download" | "columns" | "ask" | "refresh" | "pager" | "window", boolean>> | undefined;
-} | {
+    filter: {
+        key: string;
+        value: string;
+        not?: boolean | undefined;
+        op?: "between" | "eq" | "gt" | "lt" | undefined;
+        link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    }[];
+    source?: string | undefined;
+    connections?: {
+        to: string;
+        on: {
+            from: string;
+            to: string;
+        }[];
+    }[] | undefined;
+    link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    controls?: Partial<Record<"ask" | "columns" | "download" | "filter" | "footer" | "group" | "header" | "legend" | "pager" | "refresh" | "window", boolean>> | undefined;
     kind: "metric";
     style: "number" | "progress_bar" | "progress_circle";
     w: number;
@@ -146,32 +190,32 @@ export declare const readsRows: (card: ViewWidget) => card is {
         key: string;
         label: string;
         field: string;
-        agg: "max" | "min" | "first" | "last" | "sum" | "count" | "mean" | "distinct";
+        agg: "count" | "distinct" | "first" | "last" | "max" | "mean" | "min" | "sum";
         filter: {
             key: string;
             value: string;
             not?: boolean | undefined;
-            op?: "gt" | "lt" | "eq" | "between" | undefined;
-            link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
+            op?: "between" | "eq" | "gt" | "lt" | undefined;
+            link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
         }[];
         sign: boolean;
         suffix: string;
         lines: ({
             kind: "value";
             field: string;
-            agg: "max" | "min" | "first" | "last" | "sum" | "count" | "mean" | "distinct";
+            agg: "count" | "distinct" | "first" | "last" | "max" | "mean" | "min" | "sum";
             filter: {
                 key: string;
                 value: string;
                 not?: boolean | undefined;
-                op?: "gt" | "lt" | "eq" | "between" | undefined;
-                link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
+                op?: "between" | "eq" | "gt" | "lt" | undefined;
+                link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
             }[];
             suffix: string;
         } | {
             kind: "pct";
             field: string;
-            agg: "max" | "min" | "first" | "last" | "sum" | "count" | "mean" | "distinct";
+            agg: "count" | "distinct" | "first" | "last" | "max" | "mean" | "min" | "sum";
         } | {
             kind: "text";
             text: string;
@@ -179,21 +223,16 @@ export declare const readsRows: (card: ViewWidget) => card is {
     } | {
         key: string;
     };
-    id: string;
-    title: string | null;
-    filter: {
-        key: string;
-        value: string;
-        not?: boolean | undefined;
-        op?: "gt" | "lt" | "eq" | "between" | undefined;
-        link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    }[];
     target?: number | undefined;
     meter?: "health" | "usage" | undefined;
     bands?: {
         warn: number;
         bad: number;
     } | undefined;
+} | {
+    id: string;
+    title: string | null;
+    w: number;
     h?: number | undefined;
     x?: number | undefined;
     y?: number | undefined;
@@ -203,51 +242,55 @@ export declare const readsRows: (card: ViewWidget) => card is {
         w: number;
         h?: number | undefined;
     } | undefined;
-    link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    controls?: Partial<Record<"footer" | "header" | "legend" | "filter" | "group" | "download" | "columns" | "ask" | "refresh" | "pager" | "window", boolean>> | undefined;
-} | {
-    kind: "metric";
-    style: "row";
-    id: string;
-    title: string | null;
-    w: number;
     filter: {
         key: string;
         value: string;
         not?: boolean | undefined;
-        op?: "gt" | "lt" | "eq" | "between" | undefined;
-        link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
+        op?: "between" | "eq" | "gt" | "lt" | undefined;
+        link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
     }[];
+    source?: string | undefined;
+    connections?: {
+        to: string;
+        on: {
+            from: string;
+            to: string;
+        }[];
+    }[] | undefined;
+    link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    controls?: Partial<Record<"ask" | "columns" | "download" | "filter" | "footer" | "group" | "header" | "legend" | "pager" | "refresh" | "window", boolean>> | undefined;
+    kind: "metric";
+    style: "row";
     tiles?: ({
         key: string;
         label: string;
         field: string;
-        agg: "max" | "min" | "first" | "last" | "sum" | "count" | "mean" | "distinct";
+        agg: "count" | "distinct" | "first" | "last" | "max" | "mean" | "min" | "sum";
         filter: {
             key: string;
             value: string;
             not?: boolean | undefined;
-            op?: "gt" | "lt" | "eq" | "between" | undefined;
-            link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
+            op?: "between" | "eq" | "gt" | "lt" | undefined;
+            link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
         }[];
         sign: boolean;
         suffix: string;
         lines: ({
             kind: "value";
             field: string;
-            agg: "max" | "min" | "first" | "last" | "sum" | "count" | "mean" | "distinct";
+            agg: "count" | "distinct" | "first" | "last" | "max" | "mean" | "min" | "sum";
             filter: {
                 key: string;
                 value: string;
                 not?: boolean | undefined;
-                op?: "gt" | "lt" | "eq" | "between" | undefined;
-                link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
+                op?: "between" | "eq" | "gt" | "lt" | undefined;
+                link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
             }[];
             suffix: string;
         } | {
             kind: "pct";
             field: string;
-            agg: "max" | "min" | "first" | "last" | "sum" | "count" | "mean" | "distinct";
+            agg: "count" | "distinct" | "first" | "last" | "max" | "mean" | "min" | "sum";
         } | {
             kind: "text";
             text: string;
@@ -257,6 +300,9 @@ export declare const readsRows: (card: ViewWidget) => card is {
     })[] | undefined;
     rank?: string | undefined;
     cash?: boolean | undefined;
+} | {
+    id: string;
+    title: string | null;
     h?: number | undefined;
     x?: number | undefined;
     y?: number | undefined;
@@ -266,25 +312,34 @@ export declare const readsRows: (card: ViewWidget) => card is {
         w: number;
         h?: number | undefined;
     } | undefined;
-    link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    controls?: Partial<Record<"footer" | "header" | "legend" | "filter" | "group" | "download" | "columns" | "ask" | "refresh" | "pager" | "window", boolean>> | undefined;
-} | {
+    filter: {
+        key: string;
+        value: string;
+        not?: boolean | undefined;
+        op?: "between" | "eq" | "gt" | "lt" | undefined;
+        link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    }[];
+    source?: string | undefined;
+    connections?: {
+        to: string;
+        on: {
+            from: string;
+            to: string;
+        }[];
+    }[] | undefined;
+    link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    controls?: Partial<Record<"ask" | "columns" | "download" | "filter" | "footer" | "group" | "header" | "legend" | "pager" | "refresh" | "window", boolean>> | undefined;
     w: number;
     date: string;
     values: string[];
-    bucket: "month" | "week" | "year" | "day";
-    agg: "last" | "sum" | "count" | "mean";
+    bucket: "day" | "month" | "week" | "year";
+    agg: "count" | "last" | "mean" | "sum";
     kind: "metric";
     style: "spark" | "tracker";
+} | {
     id: string;
     title: string | null;
-    filter: {
-        key: string;
-        value: string;
-        not?: boolean | undefined;
-        op?: "gt" | "lt" | "eq" | "between" | undefined;
-        link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    }[];
+    w: number;
     h?: number | undefined;
     x?: number | undefined;
     y?: number | undefined;
@@ -294,24 +349,32 @@ export declare const readsRows: (card: ViewWidget) => card is {
         w: number;
         h?: number | undefined;
     } | undefined;
-    link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    controls?: Partial<Record<"footer" | "header" | "legend" | "filter" | "group" | "download" | "columns" | "ask" | "refresh" | "pager" | "window", boolean>> | undefined;
-} | {
+    filter: {
+        key: string;
+        value: string;
+        not?: boolean | undefined;
+        op?: "between" | "eq" | "gt" | "lt" | undefined;
+        link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    }[];
+    source?: string | undefined;
+    connections?: {
+        to: string;
+        on: {
+            from: string;
+            to: string;
+        }[];
+    }[] | undefined;
+    link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    controls?: Partial<Record<"ask" | "columns" | "download" | "filter" | "footer" | "group" | "header" | "legend" | "pager" | "refresh" | "window", boolean>> | undefined;
     kind: "allocation";
     style: "bar";
     by: string;
     value: string;
     max: number;
+} | {
     id: string;
     title: string | null;
     w: number;
-    filter: {
-        key: string;
-        value: string;
-        not?: boolean | undefined;
-        op?: "gt" | "lt" | "eq" | "between" | undefined;
-        link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    }[];
     h?: number | undefined;
     x?: number | undefined;
     y?: number | undefined;
@@ -321,24 +384,32 @@ export declare const readsRows: (card: ViewWidget) => card is {
         w: number;
         h?: number | undefined;
     } | undefined;
-    link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    controls?: Partial<Record<"footer" | "header" | "legend" | "filter" | "group" | "download" | "columns" | "ask" | "refresh" | "pager" | "window", boolean>> | undefined;
-} | {
+    filter: {
+        key: string;
+        value: string;
+        not?: boolean | undefined;
+        op?: "between" | "eq" | "gt" | "lt" | undefined;
+        link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    }[];
+    source?: string | undefined;
+    connections?: {
+        to: string;
+        on: {
+            from: string;
+            to: string;
+        }[];
+    }[] | undefined;
+    link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    controls?: Partial<Record<"ask" | "columns" | "download" | "filter" | "footer" | "group" | "header" | "legend" | "pager" | "refresh" | "window", boolean>> | undefined;
     kind: "allocation";
     style: "donut";
     by: string;
     value: string;
     max: number;
+} | {
     id: string;
     title: string | null;
     w: number;
-    filter: {
-        key: string;
-        value: string;
-        not?: boolean | undefined;
-        op?: "gt" | "lt" | "eq" | "between" | undefined;
-        link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    }[];
     h?: number | undefined;
     x?: number | undefined;
     y?: number | undefined;
@@ -348,27 +419,35 @@ export declare const readsRows: (card: ViewWidget) => card is {
         w: number;
         h?: number | undefined;
     } | undefined;
-    link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    controls?: Partial<Record<"footer" | "header" | "legend" | "filter" | "group" | "download" | "columns" | "ask" | "refresh" | "pager" | "window", boolean>> | undefined;
-} | {
+    filter: {
+        key: string;
+        value: string;
+        not?: boolean | undefined;
+        op?: "between" | "eq" | "gt" | "lt" | undefined;
+        link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    }[];
+    source?: string | undefined;
+    connections?: {
+        to: string;
+        on: {
+            from: string;
+            to: string;
+        }[];
+    }[] | undefined;
+    link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    controls?: Partial<Record<"ask" | "columns" | "download" | "filter" | "footer" | "group" | "header" | "legend" | "pager" | "refresh" | "window", boolean>> | undefined;
     kind: "allocation";
     style: "bar_list";
     by: string;
     value: string;
     signed: boolean;
+    stack?: string | undefined;
     desc: boolean;
     n: number;
+} | {
     id: string;
     title: string | null;
     w: number;
-    filter: {
-        key: string;
-        value: string;
-        not?: boolean | undefined;
-        op?: "gt" | "lt" | "eq" | "between" | undefined;
-        link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    }[];
-    stack?: string | undefined;
     h?: number | undefined;
     x?: number | undefined;
     y?: number | undefined;
@@ -378,22 +457,29 @@ export declare const readsRows: (card: ViewWidget) => card is {
         w: number;
         h?: number | undefined;
     } | undefined;
-    link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    controls?: Partial<Record<"footer" | "header" | "legend" | "filter" | "group" | "download" | "columns" | "ask" | "refresh" | "pager" | "window", boolean>> | undefined;
-} | {
-    kind: "chart";
-    style: "growth";
-    scale: "log" | "linear";
-    id: string;
-    title: string | null;
-    w: number;
     filter: {
         key: string;
         value: string;
         not?: boolean | undefined;
-        op?: "gt" | "lt" | "eq" | "between" | undefined;
-        link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
+        op?: "between" | "eq" | "gt" | "lt" | undefined;
+        link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
     }[];
+    source?: string | undefined;
+    connections?: {
+        to: string;
+        on: {
+            from: string;
+            to: string;
+        }[];
+    }[] | undefined;
+    link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    controls?: Partial<Record<"ask" | "columns" | "download" | "filter" | "footer" | "group" | "header" | "legend" | "pager" | "refresh" | "window", boolean>> | undefined;
+    kind: "chart";
+    style: "growth";
+    scale: "linear" | "log";
+} | {
+    id: string;
+    title: string | null;
     h?: number | undefined;
     x?: number | undefined;
     y?: number | undefined;
@@ -403,34 +489,28 @@ export declare const readsRows: (card: ViewWidget) => card is {
         w: number;
         h?: number | undefined;
     } | undefined;
-    link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    controls?: Partial<Record<"footer" | "header" | "legend" | "filter" | "group" | "download" | "columns" | "ask" | "refresh" | "pager" | "window", boolean>> | undefined;
-} | {
-    w: number;
-    date: string;
-    values: string[];
-    bucket: "month" | "week" | "year" | "day";
-    agg: "last" | "sum" | "count" | "mean";
-    kind: "chart";
-    style: "area" | "line" | "bars" | "stacked" | "combo";
-    id: string;
-    title: string | null;
     filter: {
         key: string;
         value: string;
         not?: boolean | undefined;
-        op?: "gt" | "lt" | "eq" | "between" | undefined;
-        link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
+        op?: "between" | "eq" | "gt" | "lt" | undefined;
+        link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
     }[];
-    h?: number | undefined;
-    x?: number | undefined;
-    y?: number | undefined;
-    phone?: {
-        x: number;
-        y: number;
-        w: number;
-        h?: number | undefined;
-    } | undefined;
-    link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    controls?: Partial<Record<"footer" | "header" | "legend" | "filter" | "group" | "download" | "columns" | "ask" | "refresh" | "pager" | "window", boolean>> | undefined;
+    source?: string | undefined;
+    connections?: {
+        to: string;
+        on: {
+            from: string;
+            to: string;
+        }[];
+    }[] | undefined;
+    link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    controls?: Partial<Record<"ask" | "columns" | "download" | "filter" | "footer" | "group" | "header" | "legend" | "pager" | "refresh" | "window", boolean>> | undefined;
+    w: number;
+    date: string;
+    values: string[];
+    bucket: "day" | "month" | "week" | "year";
+    agg: "count" | "last" | "mean" | "sum";
+    kind: "chart";
+    style: "area" | "bars" | "combo" | "line" | "stacked";
 };

package/dist/widget-settings.js

@@ -1,11 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Edit widget's own parts (one editor for every widget). Every widget opens the
 // same editor (view-editor.tsx): Widget (type, name, width, link colour), Fields, Settings, Rows,
 // Formulas, Controls, with the field tree beside it. A table's Fields are its columns; any other
 // widget's are its slots (By and Value, Date and Values, a card's number), which the tree fills the
 // same way it ticks a column. Settings are the picked style's own options. Switching the type
 // swaps only these two parts.
-import { OUTLOOK_INDEXES, marketWindows } from '@columenlabs/lumen-ui-types/market';
+import { OUTLOOK_INDEXES, marketWindows, } from '@columenlabs/lumen-ui-types/market';
 import { ALLOCATION_MAX, isOwnTile, isRowCard, isTableCard, trendBuckets, widgetStyleId, } from '@columenlabs/lumen-ui-types/views';
 import { ArrowDownIcon, ArrowUpIcon } from 'lucide-react';
 import { useState } from 'react';
@@ -46,8 +46,8 @@ const freeTileKey = (tiles, taken) => {
 /** A widget's slots, in the order the editor lists them; none for a chart of symbols. */
 export function widgetSlots(card, domain) {
     const label = (k) => domain.fields.find((f) => f.key === k)?.label ?? k;
-    const text = { accepts: (isTextField), why: 'Takes a text field' };
-    const number = { accepts: (isNumberField), why: 'Takes a number' };
+    const text = { accepts: isTextField, why: 'Takes a text field' };
+    const number = { accepts: isNumberField, why: 'Takes a number' };
     if ('by' in card)
         return [
             {

package/dist/widget-thumbs.d.ts

@@ -1,3 +1,3 @@
 import type { ReactNode } from 'react';
 /** A style's thumbnail (`WIDGET_STYLES` id); a style with none draws nothing. */
-export declare const widgetThumb: (id: string) => string | number | bigint | boolean | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null;
+export declare const widgetThumb: (id: string) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | Iterable<ReactNode> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;

package/dist/widget-thumbs.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const C1 = 'var(--chart-1)';
 const C2 = 'var(--chart-2)';
 const C3 = 'var(--chart-3)';

package/dist/workspace-keys.d.ts

@@ -1,6 +1,6 @@
 import type { WorkspaceSummary } from '@columenlabs/lumen-ui-types/workspaces';
 /** Every workspace query's key starts here: the assistant's tab moves invalidate them all. */
-export declare const WORKSPACES_KEY: readonly ["workspaces"];
+export declare const WORKSPACES_KEY: readonly ['workspaces'];
 /** A frame's rows; a remade frame invalidates it. */
 export declare const frameKey: (api: string, id: string) => string[];
 /** The workspaces as the sidebar and the @ picker list them. */

package/dist/workspaces.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { frameConfig, frameKeyAt, frameSymbolAt, liveQuoteColumns, } from '@columenlabs/lumen-ui-types/frames';
 import { customViewConfigSchema, frameSpace, } from '@columenlabs/lumen-ui-types/views';
 import { workspacePath, } from '@columenlabs/lumen-ui-types/workspaces';