@factorialco/f0-react 1.300.0 → 1.301.0

package/dist/experimental.d.ts

@@ -628,7 +628,7 @@ export declare const AreaChartWidget: ForwardRefExoticComponent<Omit<AreaChartWi
 
 export declare const AutoGrid: ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
 tileSize?: "lg" | "md" | "sm" | undefined;
-gap?: "0" | "1" | "2" | "3" | "4" | "lg" | "md" | "sm" | "xl" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "px" | "0.5" | "1.5" | "2.5" | undefined;
+gap?: "0" | "1" | "2" | "3" | "4" | "lg" | "md" | "sm" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "px" | "xl" | "0.5" | "1.5" | "2.5" | undefined;
 } & ({
 class?: ClassValue;
 className?: never;
@@ -2455,6 +2455,7 @@ declare const defaultTranslations: {
                 readonly placeholder: "Share what didn’t work";
             };
         };
+        readonly ask: "Ask One";
     };
     readonly select: {
         readonly noResults: "No results found";
@@ -3038,7 +3039,7 @@ value?: string;
 threshold?: number;
 debounceTime?: number;
 autoFocus?: boolean;
-} & Pick<InputFieldProps<string>, "onChange" | "onFocus" | "onBlur" | "name" | "disabled" | "placeholder" | "size" | "loading" | "clearable"> & RefAttributes<HTMLInputElement>>;
+} & Pick<InputFieldProps<string>, "onChange" | "name" | "onFocus" | "onBlur" | "disabled" | "placeholder" | "size" | "loading" | "clearable"> & RefAttributes<HTMLInputElement>>;
 
 declare type FavoriteMenuItem = ({
     type: "icon";
@@ -3567,7 +3568,7 @@ export declare type InfiniteScrollPaginatedResponse<TRecord> = BasePaginatedResp
 
 export declare const Input: <T extends string>(props: InputProps<T>) => JSX_2.Element;
 
-declare const Input_2: React_2.ForwardRefExoticComponent<Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "onChange" | "size"> & Pick<InputFieldProps<string>, "label" | "onChange" | "role" | "onFocus" | "onBlur" | "disabled" | "maxLength" | "required" | "size" | "loading" | "status" | "error" | "icon" | "hideLabel" | "append" | "labelIcon" | "onClickContent" | "hint" | "readonly" | "clearable" | "autocomplete" | "onClear" | "isEmpty" | "emptyValue" | "hideMaxLength" | "appendTag" | "lengthProvider" | "buttonToggle"> & React_2.RefAttributes<HTMLInputElement>>;
+declare const Input_2: React_2.ForwardRefExoticComponent<Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "onChange" | "size"> & Pick<InputFieldProps<string>, "label" | "onChange" | "role" | "onFocus" | "onBlur" | "status" | "disabled" | "maxLength" | "required" | "size" | "loading" | "error" | "icon" | "append" | "hideLabel" | "labelIcon" | "onClickContent" | "hint" | "readonly" | "clearable" | "autocomplete" | "onClear" | "isEmpty" | "emptyValue" | "hideMaxLength" | "appendTag" | "lengthProvider" | "buttonToggle"> & React_2.RefAttributes<HTMLInputElement>>;
 
 declare const INPUTFIELD_SIZES: readonly ["sm", "md"];
 
@@ -5445,7 +5446,7 @@ declare interface SpinnerProps extends VariantProps<typeof spinnerVariants> {
 }
 
 declare const spinnerVariants: (props?: ({
-    size?: "small" | "medium" | "large" | undefined;
+    size?: "small" | "large" | "medium" | undefined;
 } & ({
     class?: ClassValue;
     className?: never;
@@ -5474,7 +5475,7 @@ className?: never;
 class?: never;
 className?: ClassValue;
 })) | undefined) => string> & VariantProps<(props?: ({
-gap?: "0" | "1" | "2" | "3" | "4" | "lg" | "md" | "sm" | "xl" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "px" | "0.5" | "1.5" | "2.5" | undefined;
+gap?: "0" | "1" | "2" | "3" | "4" | "lg" | "md" | "sm" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "px" | "xl" | "0.5" | "1.5" | "2.5" | undefined;
 wrap?: boolean | undefined;
 } & ({
 class?: ClassValue;
@@ -5504,7 +5505,7 @@ className?: never;
 class?: never;
 className?: ClassValue;
 })) | undefined) => string> & VariantProps<(props?: ({
-gap?: "0" | "1" | "2" | "3" | "4" | "lg" | "md" | "sm" | "xl" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "px" | "0.5" | "1.5" | "2.5" | undefined;
+gap?: "0" | "1" | "2" | "3" | "4" | "lg" | "md" | "sm" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "px" | "xl" | "0.5" | "1.5" | "2.5" | undefined;
 } & ({
 class?: ClassValue;
 className?: never;
@@ -5776,7 +5777,7 @@ export declare const Textarea: React.FC<TextareaProps>;
 
 declare const Textarea_2: React_2.ForwardRefExoticComponent<Omit<React_2.TextareaHTMLAttributes<HTMLTextAreaElement>, "value" | "onChange" | "onFocus" | "onBlur"> & {
     value?: string;
-} & Pick<InputFieldProps<string>, "label" | "value" | "onChange" | "onFocus" | "onBlur" | "onKeyDown" | "maxLength" | "placeholder" | "status" | "error" | "icon" | "hideLabel" | "labelIcon" | "hint" | "clearable" | "onClear"> & React_2.RefAttributes<HTMLTextAreaElement>>;
+} & Pick<InputFieldProps<string>, "label" | "value" | "onChange" | "onFocus" | "onBlur" | "onKeyDown" | "status" | "maxLength" | "placeholder" | "error" | "icon" | "hideLabel" | "labelIcon" | "hint" | "clearable" | "onClear"> & React_2.RefAttributes<HTMLTextAreaElement>>;
 
 export declare type TextareaProps = Pick<ComponentProps<typeof Textarea_2>, "disabled" | "onChange" | "value" | "placeholder" | "rows" | "cols" | "label" | "labelIcon" | "icon" | "hideLabel" | "maxLength" | "clearable" | "onBlur" | "onFocus" | "name" | "status" | "hint" | "error">;
 
@@ -6366,6 +6367,23 @@ declare global {
     }
 }
 
+declare module "gridstack" {
+    interface GridStackWidget {
+        id?: string;
+        allowedSizes?: Array<{
+            w: number;
+            h: number;
+        }>;
+        meta?: Record<string, unknown>;
+    }
+    interface GridStackNode {
+        allowedSizes?: Array<{
+            w: number;
+            h: number;
+        }>;
+    }
+}
+
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
@@ -6378,8 +6396,8 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        transcript: {
-            insertTranscript: (data: TranscriptData, config?: TranscriptConfig) => ReturnType;
+        liveCompanion: {
+            insertLiveCompanion: (data: LiveCompanionData, config?: LiveCompanionConfig) => ReturnType;
         };
     }
 }
@@ -6387,35 +6405,15 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        liveCompanion: {
-            insertLiveCompanion: (data: LiveCompanionData, config?: LiveCompanionConfig) => ReturnType;
+        transcript: {
+            insertTranscript: (data: TranscriptData, config?: TranscriptConfig) => ReturnType;
         };
     }
 }
 
 
-declare module "gridstack" {
-    interface GridStackWidget {
-        id?: string;
-        allowedSizes?: Array<{
-            w: number;
-            h: number;
-        }>;
-        renderFn?: () => React.ReactElement | null;
-        meta?: Record<string, unknown>;
-    }
-    interface GridStackNode {
-        id?: string;
-        w?: number;
-        h?: number;
-        x?: number;
-        y?: number;
-        allowedSizes?: Array<{
-            w: number;
-            h: number;
-        }>;
-        renderFn?: () => React.ReactElement | null;
-    }
+declare namespace Calendar {
+    var displayName: string;
 }
 
 
@@ -6426,8 +6424,3 @@ declare module "@tiptap/core" {
         };
     }
 }
-
-
-declare namespace Calendar {
-    var displayName: string;
-}

package/dist/experimental.js

@@ -1,5 +1,5 @@
-import { bA as Gm, bB as Hc, bC as uA, bD as hA, bE as Km, bF as py, bG as Ls, ak as a0, bH as Wr, bI as l0, bJ as Ts, bK as Lf, ap as ni, bL as sl, bM as Zm, bN as pA, bO as ks, bP as $c, bQ as mA, bR as gA, bS as vA, bT as yA, bU as Jm, bV as my, bW as gy, bX as xA, bY as kA, bZ as wA, b_ as Xm, b$ as Tf, c0 as bA, c1 as vy, c2 as Ym, c3 as Qm, c4 as CA, c5 as c0, ay as yy, c6 as e3, c7 as _A, c8 as xy, c9 as ky, ca as E5, cb as Af, cc as SA, cd as EA, ce as LA, cf as Lh, cg as TA, ch as AA, ci as MA, cj as we, ck as wy, cl as NA, f as qa, cm as Vc, j as yd, cn as by, h as l1, co as OA, L as Th, cp as FA, A as DA, i as c1, c as IA, l as RA, G as PA, g as L5, cq as BA, k as T5, cr as HA, o as $A, cs as Cy, ct as _y, cu as VA, cv as Mf, aq as Le, aj as We, ac as D, cw as Nf, cx as t3, cy as n3, cz as qn, cA as $n, cB as Of, cC as Ml, cD as xd, bw as Nl, cE as us, cF as Ye, cG as da, cH as ht, a_ as cs, ao as Ft, cI as zA, cJ as i3, cK as A5, cL as jA, cM as WA, cN as UA, al as Sy, am as Ey, cO as Ly, cP as Ty, cQ as To, cR as qA, cS as M5, cT as GA, cU as KA, cV as ZA, cW as Kt, aa as ai, cX as ye, cY as f0, cZ as bi, c_ as r3, a5 as Ni, a6 as JA, c$ as Ay, d0 as s3, a$ as ol, d1 as Qp, d2 as My, d3 as Ny, d4 as Oy, d5 as Fy, d6 as Dy, a3 as zt, d7 as Iy, d8 as Ry, d9 as Py, da as By, db as Hy, dc as XA, dd as YA, de as d0, df as $y, af as QA, bc as eM, dg as Oi, ai as Jo, dh as hn, ag as o3, an as e2, di as N5, dj as kd, dk as tM, a7 as ua, dl as Xo, dm as Vy, dn as nM, dp as O5, dq as al, dr as a3, ds as Ff, dt as wd, du as iM, dv as zy, dw as rM, dx as l3, dy as zc, dz as Fi, dA as sM, dB as oM, dC as $s, dD as Ah, dE as aM, dF as cc, dG as Da, dH as lM, dI as jy, dJ as cM, dK as fM, dL as dM, dM as uM, ab as ii, s as hM, w as pM, x as mM, z as gM, J as F5, K as D5, M as vM, N as yM, dN as xM, dO as Mh, dP as c3, dQ as kM, dR as wM, dS as bM, aY as CM, dT as _M, bx as Df, aX as bd, dU as Wy, O as Ri, dV as u0, aU as ws, dW as SM, dX as EM, dY as Uy, aS as yr, dZ as LM, d_ as qy, d$ as Gy, e0 as Ol, e1 as f3, e2 as TM, e3 as Ky, e4 as AM, e5 as MM, a1 as d3, a2 as u3, a4 as h3, e6 as Zy, e7 as NM, e8 as OM, e9 as FM, ea as Jy, au as DM, eb as t2, ec as Xy, aP as Cd, ed as IM, ee as RM, ef as PM, eg as BM, eh as HM, aM as n2, bz as $M, by as VM, ei as Yy, ah as ro, ej as zM, ek as jM, b5 as h0, aQ as p3, aJ as If, el as Qy, aT as WM, aL as ex, aH as tx, em as UM, en as nx, eo as qM, aK as Fl, aN as ix, aw as GM, ep as KM, be as ZM, bf as JM, bm as p0, bk as m3, as as m0, eq as g0, er as v0, at as y0, es as g3, bl as rx, aW as v3, et as XM, bq as YM, eu as i2, ev as QM, ew as _d, ex as eN, bg as Sd, br as tN, ey as nN, bp as sx, ez as iN, bo as rN, bn as sN, eA as oN, eB as aN, eC as y3, eD as lN, eE as cN, eF as fN, eG as dN, eH as uN, eI as hN, eJ as pN, eK as mN, eL as ox, b1 as gN, bj as vN, eM as yN, eN as xN, eO as kN, aO as wN, eP as Rf, eQ as x3, aV as k3, eR as w3, eS as Pf, eT as bN, eU as ax, eV as I5, eW as CN, eX as _N, bs as lx, eY as cx, b2 as fx, eZ as SN, e_ as EN, e$ as LN, av as TN, W as AN, Q as MN, T as NN, U as ON, V as FN, R as DN, f0 as R5, f1 as IN, f2 as RN, m as PN, f3 as dx, f4 as BN } from "./hooks-CxaQvlbP.js";
-import { ax as B4e, f7 as H4e, f8 as $4e, f6 as V4e, aR as z4e, aZ as j4e, f5 as W4e, b0 as U4e } from "./hooks-CxaQvlbP.js";
+import { bC as Gm, bD as Hc, bE as uA, bF as hA, bG as Km, bH as py, bI as Ls, am as a0, bJ as Wr, bK as l0, bL as Ts, bM as Lf, ar as ni, bN as sl, bO as Zm, bP as pA, bQ as ks, bR as $c, bS as mA, bT as gA, bU as vA, bV as yA, bW as Jm, bX as my, bY as gy, bZ as xA, b_ as kA, b$ as wA, c0 as Xm, c1 as Tf, c2 as bA, c3 as vy, c4 as Ym, c5 as Qm, c6 as CA, c7 as c0, aA as yy, c8 as e3, c9 as _A, ca as xy, cb as ky, cc as E5, cd as Af, ce as SA, cf as EA, cg as LA, ch as Lh, ci as TA, cj as AA, ck as MA, ah as we, cl as wy, cm as NA, f as qa, cn as Vc, o as yd, co as by, m as l1, cp as OA, e as Th, cq as FA, A as DA, i as c1, h as IA, q as RA, G as PA, k as L5, cr as BA, p as T5, cs as HA, t as $A, ct as Cy, cu as _y, cv as VA, cw as Mf, as as Le, al as We, c as D, cx as Nf, cy as t3, cz as n3, cA as qn, cB as $n, cC as Of, cD as Ml, cE as xd, by as Nl, cF as us, cG as Ye, cH as da, cI as ht, b0 as cs, aq as Ft, cJ as zA, cK as i3, cL as A5, cM as jA, cN as WA, cO as UA, an as Sy, ao as Ey, cP as Ly, cQ as Ty, cR as To, cS as qA, cT as M5, cU as GA, cV as KA, cW as ZA, cX as Kt, a as ai, cY as ye, cZ as f0, c_ as bi, c$ as r3, a9 as Ni, aa as JA, d0 as Ay, d1 as s3, b1 as ol, d2 as Qp, d3 as My, d4 as Ny, d5 as Oy, d6 as Fy, d7 as Dy, a7 as zt, d8 as Iy, d9 as Ry, da as Py, db as By, dc as Hy, dd as XA, de as YA, df as d0, dg as $y, C as QA, be as eM, dh as Oi, ak as Jo, di as hn, ai as o3, ap as e2, dj as N5, dk as kd, dl as tM, ab as ua, dm as Xo, dn as Vy, dp as nM, dq as O5, dr as al, ds as a3, dt as Ff, du as wd, dv as iM, dw as zy, dx as rM, dy as l3, dz as zc, dA as Fi, dB as sM, dC as oM, dD as $s, dE as Ah, dF as aM, dG as cc, dH as Da, dI as lM, dJ as jy, dK as cM, dL as fM, dM, dN as uM, ae as ii, y as hM, F as pM, H as mM, J as gM, P as F5, Q as D5, R as vM, T as yM, dO as xM, dP as Mh, dQ as c3, dR as kM, dS as wM, dT as bM, a_ as CM, dU as _M, bz as Df, aZ as bd, dV as Wy, b as Ri, dW as u0, aW as ws, dX as SM, dY as EM, dZ as Uy, aU as yr, d_ as LM, d$ as qy, e0 as Gy, e1 as Ol, e2 as f3, e3 as TM, e4 as Ky, e5 as AM, e6 as MM, a5 as d3, a6 as u3, a8 as h3, e7 as Zy, e8 as NM, e9 as OM, ea as FM, eb as Jy, aw as DM, ec as t2, ed as Xy, aR as Cd, ee as IM, ef as RM, eg as PM, eh as BM, ei as HM, aO as n2, bB as $M, bA as VM, ej as Yy, aj as ro, ek as zM, el as jM, b7 as h0, aS as p3, aL as If, em as Qy, aV as WM, aN as ex, aJ as tx, en as UM, eo as nx, ep as qM, aM as Fl, aP as ix, ay as GM, eq as KM, bg as ZM, bh as JM, bo as p0, bm as m3, au as m0, er as g0, es as v0, av as y0, et as g3, bn as rx, aY as v3, eu as XM, bs as YM, ev as i2, ew as QM, ex as _d, ey as eN, bi as Sd, bt as tN, ez as nN, br as sx, eA as iN, bq as rN, bp as sN, eB as oN, eC as aN, eD as y3, eE as lN, eF as cN, eG as fN, eH as dN, eI as uN, eJ as hN, eK as pN, eL as mN, ag as ox, b3 as gN, bl as vN, eM as yN, eN as xN, eO as kN, aQ as wN, eP as Rf, eQ as x3, aX as k3, eR as w3, eS as Pf, eT as bN, eU as ax, eV as I5, eW as CN, eX as _N, bu as lx, eY as cx, b4 as fx, eZ as SN, e_ as EN, e$ as LN, ax as TN, V as AN, W as MN, _ as NN, $ as ON, a0 as FN, Z as DN, f0 as R5, f1 as IN, f2 as RN, r as PN, f3 as dx, f4 as BN } from "./hooks-CKH69X_Y.js";
+import { az as B4e, f7 as H4e, f8 as $4e, f6 as V4e, aT as z4e, a$ as j4e, f5 as W4e, b2 as U4e } from "./hooks-CKH69X_Y.js";
 import { jsxs as x, jsx as f, Fragment as Ze } from "react/jsx-runtime";
 import { useCopilotChatInternal as Bf, useCopilotContext as HN, useCopilotAction as P5, CopilotKit as $N } from "@copilotkit/react-core";
 import { Markdown as VN, useChatContext as zN, CopilotSidebar as jN } from "@copilotkit/react-ui";
@@ -36276,7 +36276,7 @@ function Z3e({ label: t, options: e, hasNewUpdate: n }) {
 }
 function Aee({ children: t, header: e, embedded: n = !1 }) {
   return x("div", {
-    className: `flex w-full flex-col overflow-hidden ${n ? "" : "xs:rounded-xl"} bg-f1-special-page ring-1 ring-inset ring-f1-border-secondary`,
+    className: `flex min-h-full w-full flex-col overflow-hidden ${n ? "" : "xs:rounded-xl"} bg-f1-special-page ring-1 ring-inset ring-f1-border-secondary`,
     children: [e && f("div", {
       className: "flex flex-col",
       children: e

package/dist/f0.css

@@ -1 +1 @@
-.grid-stack{position:relative}.grid-stack-rtl{direction:ltr}.grid-stack-rtl>.grid-stack-item{direction:rtl}.grid-stack-placeholder>.placeholder-content{background-color:#0000001a;margin:0;position:absolute;width:auto;z-index:0!important}.grid-stack>.grid-stack-item{position:absolute;padding:0;top:0;left:0;width:var(--gs-column-width);height:var(--gs-cell-height)}.grid-stack>.grid-stack-item>.grid-stack-item-content{margin:0;position:absolute;width:auto;overflow-x:hidden;overflow-y:auto}.grid-stack>.grid-stack-item.size-to-content:not(.size-to-content-max)>.grid-stack-item-content{overflow-y:hidden}.grid-stack>.grid-stack-item>.grid-stack-item-content,.grid-stack>.grid-stack-placeholder>.placeholder-content{top:var(--gs-item-margin-top);right:var(--gs-item-margin-right);bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-handle{position:absolute;font-size:.1px;display:block;touch-action:none}.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle,.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle{display:none}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 20 20"><path d="m10 3 2 2H8l2-2v14l-2-2h4l-2 2"/></svg>');background-repeat:no-repeat;background-position:center}.grid-stack-item>.ui-resizable-ne{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-sw{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-nw{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-se{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;top:var(--gs-item-margin-top);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:var(--gs-item-margin-top);left:25px;right:25px}.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;top:var(--gs-item-margin-top);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;top:15px;bottom:15px;right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:var(--gs-item-margin-bottom);right:25px}.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;top:15px;bottom:15px;left:var(--gs-item-margin-left)}.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important}.grid-stack-item.ui-draggable-dragging{will-change:left,top}.grid-stack-item.ui-resizable-resizing{will-change:width,height}.ui-draggable-dragging,.ui-resizable-resizing{z-index:10000}.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content{box-shadow:1px 4px 6px #0003;opacity:.8}.grid-stack-animate,.grid-stack-animate .grid-stack-item{transition:left .3s,top .3s,height .3s,width .3s}.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack-animate .grid-stack-item.ui-resizable-resizing,.grid-stack-animate .grid-stack-item.grid-stack-placeholder{transition:left 0s,top 0s,height 0s,width 0s}.grid-stack>.grid-stack-item[gs-y="0"]{top:0}.grid-stack>.grid-stack-item[gs-x="0"]{left:0%}
+.grid-stack{position:relative}.grid-stack-rtl{direction:ltr}.grid-stack-rtl>.grid-stack-item{direction:rtl}.grid-stack-placeholder>.placeholder-content{background-color:#0000001a;margin:0;position:absolute;width:auto;z-index:0!important}.grid-stack>.grid-stack-item{position:absolute;padding:0;top:0;left:0;width:var(--gs-column-width);height:var(--gs-cell-height)}.grid-stack>.grid-stack-item>.grid-stack-item-content{margin:0;position:absolute;width:auto;overflow-x:hidden;overflow-y:auto}.grid-stack>.grid-stack-item.size-to-content:not(.size-to-content-max)>.grid-stack-item-content{overflow-y:hidden}.grid-stack>.grid-stack-item>.grid-stack-item-content,.grid-stack>.grid-stack-placeholder>.placeholder-content{top:var(--gs-item-margin-top);right:var(--gs-item-margin-right);bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-handle{position:absolute;font-size:.1px;display:block;touch-action:none}.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle,.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle{display:none}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 20 20"><path d="m10 3 2 2H8l2-2v14l-2-2h4l-2 2"/></svg>');background-repeat:no-repeat;background-position:center}.grid-stack-item>.ui-resizable-ne{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-sw{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-nw{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-se{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;top:var(--gs-item-margin-top);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:var(--gs-item-margin-top);left:25px;right:25px}.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;top:var(--gs-item-margin-top);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;top:15px;bottom:15px;right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:var(--gs-item-margin-bottom);right:25px}.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;top:15px;bottom:15px;left:var(--gs-item-margin-left)}.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important}.grid-stack-item.ui-draggable-dragging{will-change:left,top}.grid-stack-item.ui-resizable-resizing{will-change:width,height}.ui-draggable-dragging,.ui-resizable-resizing{z-index:10000}.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content{box-shadow:1px 4px 6px #0003;opacity:.8}.grid-stack-animate,.grid-stack-animate .grid-stack-item{transition:left .3s,top .3s,height .3s,width .3s}.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack-animate .grid-stack-item.ui-resizable-resizing,.grid-stack-animate .grid-stack-item.grid-stack-placeholder{transition:left 0s,top 0s,height 0s,width 0s}.grid-stack>.grid-stack-item[gs-y="0"]{top:0}.grid-stack>.grid-stack-item[gs-x="0"]{left:0%}.grid-stack-item .ui-resizable-handle{bottom:12px;right:12px;--tw-rotate: 0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));overflow:hidden;border-radius:.625rem}.grid-stack-item .ui-resizable-se:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.1904 11.6904C17.4443 11.4366 17.8565 11.4366 18.1104 11.6904C18.3641 11.9443 18.3642 12.3565 18.1104 12.6104L12.6104 18.1104C12.3565 18.3642 11.9443 17.3641 11.6904 18.1104C11.4366 17.8565 11.4366 17.4443 11.6904 17.1904L17.1904 11.6904ZM16.1904 6.19043C16.4443 5.93659 16.8565 5.93659 17.1104 6.19043C17.3641 6.44427 17.3642 6.85653 17.1104 7.11035L7.11035 17.1104C6.85653 17.3642 6.44427 17.3641 6.19043 17.1104C5.93659 16.8565 5.93659 16.4443 6.19043 16.1904L16.1904 6.19043Z' fill='%23A1ABBD'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;width:100%;height:100%;background-color:#fff}.ui-draggable-dragging>.grid-stack-item-content{background-color:transparent!important;--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.ui-draggable-dragging>.grid-stack-item-content>*{transform-origin:24px 24px;--tw-scale-x: .95 !important;--tw-scale-y: .95 !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;cursor:grabbing;border-radius:.875rem;border-color:hsl(var(--neutral-40));--tw-shadow: 0 6px 12px 0 hsl(var(--shadow)/.06),0 16px 24px -12px hsl(var(--shadow)/.05);--tw-shadow-colored: 0 6px 12px 0 var(--tw-shadow-color), 0 16px 24px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.ui.draggable-dragging{cursor:grabbing!important}.grid-stack-placeholder>.placeholder-content{border-radius:.875rem;background-color:hsl(var(--neutral-100) / .05);opacity:.5;--tw-blur: blur(2px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grid-stack-item>.grid-stack-item-content{overflow:visible!important}.ui-resizable-resizing>.grid-stack-item-content{border-radius:.875rem}

package/dist/f0.d.ts

@@ -26,7 +26,6 @@ import { default as default_2 } from 'react';
 import { DotTagCellValue } from '../../value-display/types/dotTag';
 import { DotTagCellValue as DotTagCellValue_2 } from './types/dotTag';
 import { F0GridStackProps as F0GridStackProps_2 } from './F0GridStack';
-import { F0GridStackRef as F0GridStackRef_2 } from './F0GridStack';
 import { F0IconProps as F0IconProps_2 } from './F0Icon';
 import { F0SelectProps as F0SelectProps_2 } from './types';
 import { f1Colors } from '@factorialco/f0-core';
@@ -1815,6 +1814,7 @@ export declare const defaultTranslations: {
                 readonly placeholder: "Share what didn’t work";
             };
         };
+        readonly ask: "Ask One";
     };
     readonly select: {
         readonly noResults: "No results found";
@@ -2179,7 +2179,7 @@ export declare type F0AvatarTeamProps = {
     badge?: AvatarBadge;
 } & Pick<BaseAvatarProps, "aria-label" | "aria-labelledby">;
 
-export declare const F0Button: ForwardRefExoticComponent<Omit<ButtonInternalProps, "style" | "className" | "variant" | "compact" | "pressed" | "append" | "noAutoTooltip" | "noTitle"> & {
+export declare const F0Button: ForwardRefExoticComponent<Omit<ButtonInternalProps, "style" | "className" | "variant" | "pressed" | "append" | "compact" | "noAutoTooltip" | "noTitle"> & {
 variant?: Exclude<ButtonInternalProps["variant"], "ai">;
 } & RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 
@@ -2308,53 +2308,16 @@ export declare type F0DropdownButtonProps<T = string> = {
 
 export declare function F0EventCatcherProvider({ children, onEvent, enabled, catchEvents, }: EventCatcherProviderProps): JSX.Element;
 
-export declare const F0GridStack: ForwardRefExoticComponent<F0GridStackProps_2 & RefAttributes<F0GridStackRef_2>>;
+export declare const F0GridStack: {
+    ({ options, widgets, onChange, className, }: F0GridStackProps_2): JSX_2.Element;
+    displayName: string;
+};
 
 export declare interface F0GridStackProps {
     options: GridStackReactOptions;
     widgets: GridStackReactWidget[];
-    onChange?: (layout: GridStackWidgetPosition[]) => void;
-}
-
-/**
- * Methods exposed via ref to control the grid programmatically.
- * @example
- * ```tsx
- * const gridRef = useRef<F0GridStackRef>(null)
- *
- * // Add a widget
- * gridRef.current?.addWidget({
- *   id: 'new-widget',
- *   w: 2,
- *   h: 2,
- *   renderFn: () => <div>Content</div>
- *   meta: {
- *     // Your metadata associated with the widget
- *   }
- * })
- *
- * // Remove a widget
- * gridRef.current?.removeWidget('widget-id')
- *
- * // Remove all widgets
- * gridRef.current?.removeAll()
- *
- * // Save current layout
- * const layout = gridRef.current?.saveOptions()
- * ```
- */
-export declare interface F0GridStackRef {
-    addWidget: (widget: GridStackReactWidget) => void;
-    removeWidget: (id: string) => void;
-    addSubGrid: (subGrid: GridStackReactWidget & {
-        id: Required<GridStackWidget>["id"];
-        subGridOpts: Required<GridStackWidget>["subGridOpts"] & {
-            children: Array<GridStackWidget & {
-                id: Required<GridStackWidget>["id"];
-            }>;
-        };
-    }) => void;
-    removeAll: () => void;
+    onChange?: (widgets: GridStackReactWidget[]) => void;
+    className?: string;
 }
 
 export declare const F0Heading: ForwardRefExoticComponent<Omit<F0HeadingProps, "ref"> & RefAttributes<HTMLElement>>;
@@ -2735,22 +2698,12 @@ export declare type GridStackReactSize = {
     h: number;
 };
 
-export declare interface GridStackReactWidget extends GridStackWidget {
+export declare interface GridStackReactWidget extends Omit<GridStackWidget, "content" | "id"> {
     id: Required<GridStackWidget>["id"];
     allowedSizes?: GridStackReactSize[];
-    renderFn?: () => React.ReactElement;
-}
-
-/**
- * Represents a node in the grid layout.
- */
-export declare interface GridStackWidgetPosition {
-    id: string;
-    w: number;
-    h: number;
-    x: number;
-    y: number;
+    content?: React.ReactElement;
     meta?: Record<string, unknown>;
+    _originalContent?: React.ReactNode;
 }
 
 /**
@@ -4154,7 +4107,7 @@ declare type TextVariant = NonNullable<TextVariants["variant"]>;
 declare type TextVariants = VariantProps<typeof textVariants>;
 
 declare const textVariants: (props?: ({
-    variant?: "info" | "small" | "body" | "code" | "label" | "description" | "selected" | "heading" | "positive" | "inverse" | "critical" | "warning" | "heading-large" | "label-input" | "warning-strong" | "critical-strong" | "positive-strong" | "info-strong" | undefined;
+    variant?: "info" | "small" | "body" | "code" | "label" | "description" | "heading" | "selected" | "positive" | "inverse" | "critical" | "warning" | "heading-large" | "label-input" | "warning-strong" | "critical-strong" | "positive-strong" | "info-strong" | undefined;
     align?: "center" | "left" | "right" | undefined;
 } & ({
     class?: ClassValue;
@@ -4627,6 +4580,23 @@ declare global {
     }
 }
 
+declare module "gridstack" {
+    interface GridStackWidget {
+        id?: string;
+        allowedSizes?: Array<{
+            w: number;
+            h: number;
+        }>;
+        meta?: Record<string, unknown>;
+    }
+    interface GridStackNode {
+        allowedSizes?: Array<{
+            w: number;
+            h: number;
+        }>;
+    }
+}
+
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
@@ -4639,8 +4609,8 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        transcript: {
-            insertTranscript: (data: TranscriptData, config?: TranscriptConfig) => ReturnType;
+        liveCompanion: {
+            insertLiveCompanion: (data: LiveCompanionData, config?: LiveCompanionConfig) => ReturnType;
         };
     }
 }
@@ -4648,35 +4618,15 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        liveCompanion: {
-            insertLiveCompanion: (data: LiveCompanionData, config?: LiveCompanionConfig) => ReturnType;
+        transcript: {
+            insertTranscript: (data: TranscriptData, config?: TranscriptConfig) => ReturnType;
         };
     }
 }
 
 
-declare module "gridstack" {
-    interface GridStackWidget {
-        id?: string;
-        allowedSizes?: Array<{
-            w: number;
-            h: number;
-        }>;
-        renderFn?: () => React.ReactElement | null;
-        meta?: Record<string, unknown>;
-    }
-    interface GridStackNode {
-        id?: string;
-        w?: number;
-        h?: number;
-        x?: number;
-        y?: number;
-        allowedSizes?: Array<{
-            w: number;
-            h: number;
-        }>;
-        renderFn?: () => React.ReactElement | null;
-    }
+declare namespace Calendar {
+    var displayName: string;
 }
 
 
@@ -4687,8 +4637,3 @@ declare module "@tiptap/core" {
         };
     }
 }
-
-
-declare namespace Calendar {
-    var displayName: string;
-}