@homebound/beam 3.108.1 → 3.108.2

package/dist/index.d.cts

@@ -159,6 +159,42 @@ type Opts<T> = {
 declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"> {
     private opts;
     constructor(opts: Opts<T>);
+    /** Sets `animation: value`. */
+    animation(value: Properties["animation"]): CssBuilder<T & {
+        animation: csstype.Property.Animation<string> | undefined;
+    }, S>;
+    /** Sets `animationDelay: value`. */
+    animationDelay(value: Properties["animationDelay"]): CssBuilder<T & {
+        animationDelay: csstype.Property.AnimationDelay<string> | undefined;
+    }, S>;
+    /** Sets `animationDirection: value`. */
+    animationDirection(value: Properties["animationDirection"]): CssBuilder<T & {
+        animationDirection: csstype.Property.AnimationDirection | undefined;
+    }, S>;
+    /** Sets `animationDuration: value`. */
+    animationDuration(value: Properties["animationDuration"]): CssBuilder<T & {
+        animationDuration: csstype.Property.AnimationDuration<string> | undefined;
+    }, S>;
+    /** Sets `animationFillMode: value`. */
+    animationFillMode(value: Properties["animationFillMode"]): CssBuilder<T & {
+        animationFillMode: csstype.Property.AnimationFillMode | undefined;
+    }, S>;
+    /** Sets `animationIterationCount: value`. */
+    animationIterationCount(value: Properties["animationIterationCount"]): CssBuilder<T & {
+        animationIterationCount: csstype.Property.AnimationIterationCount | undefined;
+    }, S>;
+    /** Sets `animationName: value`. */
+    animationName(value: Properties["animationName"]): CssBuilder<T & {
+        animationName: csstype.Property.AnimationName | undefined;
+    }, S>;
+    /** Sets `animationPlayState: value`. */
+    animationPlayState(value: Properties["animationPlayState"]): CssBuilder<T & {
+        animationPlayState: csstype.Property.AnimationPlayState | undefined;
+    }, S>;
+    /** Sets `animationTimingFunction: value`. */
+    animationTimingFunction(value: Properties["animationTimingFunction"]): CssBuilder<T & {
+        animationTimingFunction: csstype.Property.AnimationTimingFunction | undefined;
+    }, S>;
     /** Sets `borderStyle: "solid"; borderWidth: "1px"`. */
     get ba(): CssBuilder<T & {
         borderStyle: csstype.Property.BorderStyle | undefined;
@@ -3695,6 +3731,74 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
     tt(value: Properties["textTransform"]): CssBuilder<T & {
         textTransform: csstype.Property.TextTransform | undefined;
     }, S>;
+    /** Sets `backfaceVisibility: value`. */
+    backfaceVisibility(value: Properties["backfaceVisibility"]): CssBuilder<T & {
+        backfaceVisibility: csstype.Property.BackfaceVisibility | undefined;
+    }, S>;
+    /** Sets `perspective: value`. */
+    perspective(value: Properties["perspective"]): CssBuilder<T & {
+        perspective: csstype.Property.Perspective<string | 0> | undefined;
+    }, S>;
+    /** Sets `perspectiveOrigin: value`. */
+    perspectiveOrigin(value: Properties["perspectiveOrigin"]): CssBuilder<T & {
+        perspectiveOrigin: csstype.Property.PerspectiveOrigin<string | 0> | undefined;
+    }, S>;
+    /** Sets `rotate: value`. */
+    rotate(value: Properties["rotate"]): CssBuilder<T & {
+        rotate: csstype.Property.Rotate | undefined;
+    }, S>;
+    /** Sets `scale: value`. */
+    scale(value: Properties["scale"]): CssBuilder<T & {
+        scale: csstype.Property.Scale | undefined;
+    }, S>;
+    /** Sets `transform: value`. */
+    transform(value: Properties["transform"]): CssBuilder<T & {
+        transform: csstype.Property.Transform | undefined;
+    }, S>;
+    /** Sets `transformBox: value`. */
+    transformBox(value: Properties["transformBox"]): CssBuilder<T & {
+        transformBox: csstype.Property.TransformBox | undefined;
+    }, S>;
+    /** Sets `transformOrigin: value`. */
+    transformOrigin(value: Properties["transformOrigin"]): CssBuilder<T & {
+        transformOrigin: csstype.Property.TransformOrigin<string | 0> | undefined;
+    }, S>;
+    /** Sets `transformStyle: value`. */
+    transformStyle(value: Properties["transformStyle"]): CssBuilder<T & {
+        transformStyle: csstype.Property.TransformStyle | undefined;
+    }, S>;
+    /** Sets `translate: value`. */
+    translate(value: Properties["translate"]): CssBuilder<T & {
+        translate: csstype.Property.Translate<string | 0> | undefined;
+    }, S>;
+    /** Sets `transition: "background-color 200ms cubic-bezier(0.4, 0, 0.2, 1), border-color 200ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1), left 200ms cubic-bezier(0.4, 0, 0.2, 1), right 200ms cubic-bezier(0.4, 0, 0.2, 1), margin 200ms cubic-bezier(0.4, 0, 0.2, 1), width 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
+    get transition(): CssBuilder<T & {
+        transition: csstype.Property.Transition<string> | undefined;
+    }, S>;
+    /** Sets `transition: "width 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
+    get transitionWidth(): CssBuilder<T & {
+        transition: csstype.Property.Transition<string> | undefined;
+    }, S>;
+    /** Sets `transition: "opacity 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
+    get transitionOpacity(): CssBuilder<T & {
+        transition: csstype.Property.Transition<string> | undefined;
+    }, S>;
+    /** Sets `transition: "transform 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
+    get transitionTransform(): CssBuilder<T & {
+        transition: csstype.Property.Transition<string> | undefined;
+    }, S>;
+    /** Sets `transition: "height 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
+    get transitionHeight(): CssBuilder<T & {
+        transition: csstype.Property.Transition<string> | undefined;
+    }, S>;
+    /** Sets `transition: "top 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
+    get transitionTop(): CssBuilder<T & {
+        transition: csstype.Property.Transition<string> | undefined;
+    }, S>;
+    /** Sets `transition: "all 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
+    get transitionAll(): CssBuilder<T & {
+        transition: csstype.Property.Transition<string> | undefined;
+    }, S>;
     /** Sets `fontWeight: 400; fontSize: "10px"; lineHeight: "14px"`. */
     get xs2(): CssBuilder<T & {
         fontWeight: csstype.Property.FontWeight | undefined;
@@ -4171,34 +4275,6 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
     } & {
         position: csstype.Property.Position | undefined;
     }, S>;
-    /** Sets `transition: "background-color 200ms cubic-bezier(0.4, 0, 0.2, 1), border-color 200ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1), left 200ms cubic-bezier(0.4, 0, 0.2, 1), right 200ms cubic-bezier(0.4, 0, 0.2, 1), margin 200ms cubic-bezier(0.4, 0, 0.2, 1), width 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
-    get transition(): CssBuilder<T & {
-        transition: csstype.Property.Transition<string> | undefined;
-    }, S>;
-    /** Sets `transition: "width 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
-    get transitionWidth(): CssBuilder<T & {
-        transition: csstype.Property.Transition<string> | undefined;
-    }, S>;
-    /** Sets `transition: "opacity 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
-    get transitionOpacity(): CssBuilder<T & {
-        transition: csstype.Property.Transition<string> | undefined;
-    }, S>;
-    /** Sets `transition: "transform 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
-    get transitionTransform(): CssBuilder<T & {
-        transition: csstype.Property.Transition<string> | undefined;
-    }, S>;
-    /** Sets `transition: "height 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
-    get transitionHeight(): CssBuilder<T & {
-        transition: csstype.Property.Transition<string> | undefined;
-    }, S>;
-    /** Sets `transition: "top 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
-    get transitionTop(): CssBuilder<T & {
-        transition: csstype.Property.Transition<string> | undefined;
-    }, S>;
-    /** Sets `transition: "all 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
-    get transitionAll(): CssBuilder<T & {
-        transition: csstype.Property.Transition<string> | undefined;
-    }, S>;
     /** Sets `fontWeight: 600; fontSize: "14px"; lineHeight: "20px"; outline: 0; borderRadius: "8px"; display: "inline-flex"; alignItems: "center"; whiteSpace: "nowrap"; transition: "background-color 200ms cubic-bezier(0.4, 0, 0.2, 1), border-color 200ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1), left 200ms cubic-bezier(0.4, 0, 0.2, 1), right 200ms cubic-bezier(0.4, 0, 0.2, 1), margin 200ms cubic-bezier(0.4, 0, 0.2, 1), width 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
     get buttonBase(): CssBuilder<T & {
         fontWeight: csstype.Property.FontWeight | undefined;
@@ -5274,6 +5350,7 @@ declare class RowState<R extends Kinded> {
      */
     pinned: boolean;
     private _aiMode;
+    private _companion;
     /** Whether we are dragged over. */
     isDraggedOver: DraggedOver;
     /**
@@ -5303,6 +5380,11 @@ declare class RowState<R extends Kinded> {
     set row(row: GridDataRow<R>);
     /** True when `row.aiMode` is true or its function returns true. */
     get aiMode(): boolean;
+    /** Resolved companion for this row; `undefined` when hidden or unset. */
+    get companion(): {
+        position: CompanionPosition;
+        content: CompanionContent;
+    } | undefined;
     /**
      * Whether we match a client-side filter; true if no filter is in place.
      *
@@ -5470,10 +5552,9 @@ type GridDataRow<R extends Kinded> = {
     /** Paints the row with `Tokens.AiFieldBg`. Use `() => boolean` to read MobX without rebuilding `rows`. */
     aiMode?: MaybeFn<boolean>;
     /**
-     * Full-width content rendered with this row (no separator between them).
-     * Plain content / render fn defaults to `"trailing"`; use `{ position, content }` for `"leading"`.
+     * Full-width content with this row. Use `() => …` to read MobX without rebuilding `rows`; return `undefined` to hide.
      */
-    companion?: GridRowCompanion;
+    companion?: MaybeFn<GridRowCompanion | null | undefined>;
 } & IfAny<R, AnyObject, DiscriminateUnion<R, "kind", R["kind"]>>;
 
 /**

package/dist/index.d.ts

@@ -159,6 +159,42 @@ type Opts<T> = {
 declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"> {
     private opts;
     constructor(opts: Opts<T>);
+    /** Sets `animation: value`. */
+    animation(value: Properties["animation"]): CssBuilder<T & {
+        animation: csstype.Property.Animation<string> | undefined;
+    }, S>;
+    /** Sets `animationDelay: value`. */
+    animationDelay(value: Properties["animationDelay"]): CssBuilder<T & {
+        animationDelay: csstype.Property.AnimationDelay<string> | undefined;
+    }, S>;
+    /** Sets `animationDirection: value`. */
+    animationDirection(value: Properties["animationDirection"]): CssBuilder<T & {
+        animationDirection: csstype.Property.AnimationDirection | undefined;
+    }, S>;
+    /** Sets `animationDuration: value`. */
+    animationDuration(value: Properties["animationDuration"]): CssBuilder<T & {
+        animationDuration: csstype.Property.AnimationDuration<string> | undefined;
+    }, S>;
+    /** Sets `animationFillMode: value`. */
+    animationFillMode(value: Properties["animationFillMode"]): CssBuilder<T & {
+        animationFillMode: csstype.Property.AnimationFillMode | undefined;
+    }, S>;
+    /** Sets `animationIterationCount: value`. */
+    animationIterationCount(value: Properties["animationIterationCount"]): CssBuilder<T & {
+        animationIterationCount: csstype.Property.AnimationIterationCount | undefined;
+    }, S>;
+    /** Sets `animationName: value`. */
+    animationName(value: Properties["animationName"]): CssBuilder<T & {
+        animationName: csstype.Property.AnimationName | undefined;
+    }, S>;
+    /** Sets `animationPlayState: value`. */
+    animationPlayState(value: Properties["animationPlayState"]): CssBuilder<T & {
+        animationPlayState: csstype.Property.AnimationPlayState | undefined;
+    }, S>;
+    /** Sets `animationTimingFunction: value`. */
+    animationTimingFunction(value: Properties["animationTimingFunction"]): CssBuilder<T & {
+        animationTimingFunction: csstype.Property.AnimationTimingFunction | undefined;
+    }, S>;
     /** Sets `borderStyle: "solid"; borderWidth: "1px"`. */
     get ba(): CssBuilder<T & {
         borderStyle: csstype.Property.BorderStyle | undefined;
@@ -3695,6 +3731,74 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
     tt(value: Properties["textTransform"]): CssBuilder<T & {
         textTransform: csstype.Property.TextTransform | undefined;
     }, S>;
+    /** Sets `backfaceVisibility: value`. */
+    backfaceVisibility(value: Properties["backfaceVisibility"]): CssBuilder<T & {
+        backfaceVisibility: csstype.Property.BackfaceVisibility | undefined;
+    }, S>;
+    /** Sets `perspective: value`. */
+    perspective(value: Properties["perspective"]): CssBuilder<T & {
+        perspective: csstype.Property.Perspective<string | 0> | undefined;
+    }, S>;
+    /** Sets `perspectiveOrigin: value`. */
+    perspectiveOrigin(value: Properties["perspectiveOrigin"]): CssBuilder<T & {
+        perspectiveOrigin: csstype.Property.PerspectiveOrigin<string | 0> | undefined;
+    }, S>;
+    /** Sets `rotate: value`. */
+    rotate(value: Properties["rotate"]): CssBuilder<T & {
+        rotate: csstype.Property.Rotate | undefined;
+    }, S>;
+    /** Sets `scale: value`. */
+    scale(value: Properties["scale"]): CssBuilder<T & {
+        scale: csstype.Property.Scale | undefined;
+    }, S>;
+    /** Sets `transform: value`. */
+    transform(value: Properties["transform"]): CssBuilder<T & {
+        transform: csstype.Property.Transform | undefined;
+    }, S>;
+    /** Sets `transformBox: value`. */
+    transformBox(value: Properties["transformBox"]): CssBuilder<T & {
+        transformBox: csstype.Property.TransformBox | undefined;
+    }, S>;
+    /** Sets `transformOrigin: value`. */
+    transformOrigin(value: Properties["transformOrigin"]): CssBuilder<T & {
+        transformOrigin: csstype.Property.TransformOrigin<string | 0> | undefined;
+    }, S>;
+    /** Sets `transformStyle: value`. */
+    transformStyle(value: Properties["transformStyle"]): CssBuilder<T & {
+        transformStyle: csstype.Property.TransformStyle | undefined;
+    }, S>;
+    /** Sets `translate: value`. */
+    translate(value: Properties["translate"]): CssBuilder<T & {
+        translate: csstype.Property.Translate<string | 0> | undefined;
+    }, S>;
+    /** Sets `transition: "background-color 200ms cubic-bezier(0.4, 0, 0.2, 1), border-color 200ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1), left 200ms cubic-bezier(0.4, 0, 0.2, 1), right 200ms cubic-bezier(0.4, 0, 0.2, 1), margin 200ms cubic-bezier(0.4, 0, 0.2, 1), width 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
+    get transition(): CssBuilder<T & {
+        transition: csstype.Property.Transition<string> | undefined;
+    }, S>;
+    /** Sets `transition: "width 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
+    get transitionWidth(): CssBuilder<T & {
+        transition: csstype.Property.Transition<string> | undefined;
+    }, S>;
+    /** Sets `transition: "opacity 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
+    get transitionOpacity(): CssBuilder<T & {
+        transition: csstype.Property.Transition<string> | undefined;
+    }, S>;
+    /** Sets `transition: "transform 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
+    get transitionTransform(): CssBuilder<T & {
+        transition: csstype.Property.Transition<string> | undefined;
+    }, S>;
+    /** Sets `transition: "height 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
+    get transitionHeight(): CssBuilder<T & {
+        transition: csstype.Property.Transition<string> | undefined;
+    }, S>;
+    /** Sets `transition: "top 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
+    get transitionTop(): CssBuilder<T & {
+        transition: csstype.Property.Transition<string> | undefined;
+    }, S>;
+    /** Sets `transition: "all 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
+    get transitionAll(): CssBuilder<T & {
+        transition: csstype.Property.Transition<string> | undefined;
+    }, S>;
     /** Sets `fontWeight: 400; fontSize: "10px"; lineHeight: "14px"`. */
     get xs2(): CssBuilder<T & {
         fontWeight: csstype.Property.FontWeight | undefined;
@@ -4171,34 +4275,6 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
     } & {
         position: csstype.Property.Position | undefined;
     }, S>;
-    /** Sets `transition: "background-color 200ms cubic-bezier(0.4, 0, 0.2, 1), border-color 200ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1), left 200ms cubic-bezier(0.4, 0, 0.2, 1), right 200ms cubic-bezier(0.4, 0, 0.2, 1), margin 200ms cubic-bezier(0.4, 0, 0.2, 1), width 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
-    get transition(): CssBuilder<T & {
-        transition: csstype.Property.Transition<string> | undefined;
-    }, S>;
-    /** Sets `transition: "width 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
-    get transitionWidth(): CssBuilder<T & {
-        transition: csstype.Property.Transition<string> | undefined;
-    }, S>;
-    /** Sets `transition: "opacity 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
-    get transitionOpacity(): CssBuilder<T & {
-        transition: csstype.Property.Transition<string> | undefined;
-    }, S>;
-    /** Sets `transition: "transform 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
-    get transitionTransform(): CssBuilder<T & {
-        transition: csstype.Property.Transition<string> | undefined;
-    }, S>;
-    /** Sets `transition: "height 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
-    get transitionHeight(): CssBuilder<T & {
-        transition: csstype.Property.Transition<string> | undefined;
-    }, S>;
-    /** Sets `transition: "top 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
-    get transitionTop(): CssBuilder<T & {
-        transition: csstype.Property.Transition<string> | undefined;
-    }, S>;
-    /** Sets `transition: "all 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
-    get transitionAll(): CssBuilder<T & {
-        transition: csstype.Property.Transition<string> | undefined;
-    }, S>;
     /** Sets `fontWeight: 600; fontSize: "14px"; lineHeight: "20px"; outline: 0; borderRadius: "8px"; display: "inline-flex"; alignItems: "center"; whiteSpace: "nowrap"; transition: "background-color 200ms cubic-bezier(0.4, 0, 0.2, 1), border-color 200ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1), left 200ms cubic-bezier(0.4, 0, 0.2, 1), right 200ms cubic-bezier(0.4, 0, 0.2, 1), margin 200ms cubic-bezier(0.4, 0, 0.2, 1), width 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
     get buttonBase(): CssBuilder<T & {
         fontWeight: csstype.Property.FontWeight | undefined;
@@ -5274,6 +5350,7 @@ declare class RowState<R extends Kinded> {
      */
     pinned: boolean;
     private _aiMode;
+    private _companion;
     /** Whether we are dragged over. */
     isDraggedOver: DraggedOver;
     /**
@@ -5303,6 +5380,11 @@ declare class RowState<R extends Kinded> {
     set row(row: GridDataRow<R>);
     /** True when `row.aiMode` is true or its function returns true. */
     get aiMode(): boolean;
+    /** Resolved companion for this row; `undefined` when hidden or unset. */
+    get companion(): {
+        position: CompanionPosition;
+        content: CompanionContent;
+    } | undefined;
     /**
      * Whether we match a client-side filter; true if no filter is in place.
      *
@@ -5470,10 +5552,9 @@ type GridDataRow<R extends Kinded> = {
     /** Paints the row with `Tokens.AiFieldBg`. Use `() => boolean` to read MobX without rebuilding `rows`. */
     aiMode?: MaybeFn<boolean>;
     /**
-     * Full-width content rendered with this row (no separator between them).
-     * Plain content / render fn defaults to `"trailing"`; use `{ position, content }` for `"leading"`.
+     * Full-width content with this row. Use `() => …` to read MobX without rebuilding `rows`; return `undefined` to hide.
      */
-    companion?: GridRowCompanion;
+    companion?: MaybeFn<GridRowCompanion | null | undefined>;
 } & IfAny<R, AnyObject, DiscriminateUnion<R, "kind", R["kind"]>>;
 
 /**