@wix/himalaya-cli 0.1628.0 → 0.1630.0

package/dist/authoring-runtime/node_modules/@wix/himalaya/dist/_types/core/dev-server/src/builder.d.ts

@@ -192,6 +192,7 @@ export declare function text(text: string, style?: string, opts?: {
     textAlign?: "leading" | "center" | "trailing" | "justify";
     textDirection?: "auto" | "ltr" | "rtl";
     decoration?: "underline" | "strikethrough";
+    lineSpacing?: number;
     minimumScaleFactor?: number;
     monospacedDigits?: boolean;
     truncation?: "tail" | "head" | "middle";
@@ -280,6 +281,8 @@ export declare function image(props: {
     shape?: "rect" | "rounded" | "circle";
     aspectRatio?: number;
     placeholder?: string;
+    tint?: string;
+    renderingMode?: "template" | "original";
 }, opts?: {
     id?: string;
 }): Component;
@@ -547,6 +550,8 @@ export declare function button(props: {
     size?: "sm" | "md" | "lg";
     fullWidth?: boolean;
     iconOnly?: boolean;
+    cornerRadius?: number;
+    minHeight?: number;
 }, opts?: {
     id?: string;
 }): Component;
@@ -753,6 +758,11 @@ export declare function toggle(props: {
     value?: boolean;
     valuePath?: string;
     onChange?: ActionShape;
+    trackOn?: string;
+    trackOff?: string;
+    thumb?: string;
+    width?: number;
+    height?: number;
 }, opts?: {
     id?: string;
 }): Component;
@@ -964,7 +974,7 @@ export declare function progressBar(props: {
     trackColor?: string;
     /** Motion grammar — tween the fill on value change instead of snapping. */
     animated?: boolean;
-}, opts?: {
+} & Pick<import("@wix/himalaya/core").ProgressBarProps, "tintPath" | "trackColorPath">, opts?: {
     id?: string;
 }): Component;
 /** A standardized list cell: leading slot · overline/title/subtitle · trailing
@@ -981,6 +991,9 @@ export declare function listItem(props: {
     titleStyle?: string;
     subtitleStyle?: string;
     markdown?: boolean;
+    titleColor?: string;
+    subtitleColor?: string;
+    overlineColor?: string;
 }, opts?: {
     id?: string;
 }): Component;
@@ -1108,7 +1121,7 @@ export declare function chip(props: {
     elevated?: boolean;
     token?: string;
     disabled?: boolean;
-}, opts?: {
+} & Pick<import("@wix/himalaya/core").ChipProps, "selectedPath" | "tokenPath">, opts?: {
     id?: string;
 }): Component;
 /** A token/tag entry field holding removable value chips + a placeholder. */
@@ -1186,7 +1199,7 @@ export declare function gauge(props: {
     }>;
     /** Motion grammar — tween the gauge fill on value change instead of snapping. */
     animated?: boolean;
-}, opts?: {
+} & Pick<import("@wix/himalaya/core").GaugeProps, "tintPath">, opts?: {
     id?: string;
 }): Component;
 /** A star/segment rating, display or interactive. */
@@ -1413,7 +1426,7 @@ export declare function otpInput(props: {
     onChange?: ActionShape;
     onComplete?: ActionShape;
     secure?: boolean;
-}, opts?: {
+} & Pick<import("@wix/himalaya/core").OtpInputProps, "valuePath">, opts?: {
     id?: string;
 }): Component;
 /** A floating action button (icon, or extended with a label). */
@@ -1446,7 +1459,7 @@ export declare function map(props: {
     markersPath?: string;
     showUserLocation?: boolean;
     followUserLocation?: boolean;
-}, opts?: {
+} & Pick<import("@wix/himalaya/core").MapProps, "routeMode" | "fitToContent" | "mapStyle" | "onMapTap" | "onMarkerTap" | "onRegionChange" | "routePath" | "cameraPath" | "shapes" | "shapesPath" | "onShapeTap" | "tileSource">, opts?: {
     id?: string;
 }): Component;
 /** An embedded video player. */
@@ -1548,7 +1561,7 @@ export declare function mediaPlayer(props: {
     onItemChange?: ActionShape;
     allowCellular?: boolean;
     preload?: boolean;
-}, opts?: {
+} & Pick<import("@wix/himalaya/core").MediaPlayerProps, "itemsPath">, opts?: {
     id?: string;
     modifiers?: Component["modifiers"];
 }): Component;
@@ -1666,17 +1679,21 @@ export declare function snackbar(props: {
     action?: ActionShape;
     durationMs?: number;
     severity?: "info" | "success" | "warning" | "danger";
-}, opts?: {
+} & Pick<import("@wix/himalaya/core").SnackbarProps, "actionLabel" | "imageUrl">, opts?: {
     id?: string;
 }): Component;
 export declare function alertDialog(props: {
     title: string;
     message?: string;
-    confirmAction: ActionShape;
+    confirmAction?: ActionShape;
     cancelAction?: ActionShape;
     destructive?: boolean;
     /** RFC 0058 §4 — focus-trap tri-state; absent takes the AlertDialog default (modal). */
     modal?: boolean;
+} & Pick<import("@wix/himalaya/core").AlertDialogProps, "confirmLabel" | "cancelLabel"> & {
+    buttons?: Array<Omit<NonNullable<import("@wix/himalaya/core").AlertDialogProps["buttons"]>[number], "action"> & {
+        action?: ActionShape;
+    }>;
 }, opts?: {
     id?: string;
 }): Component;
@@ -1717,6 +1734,9 @@ export declare function lazyList(props: {
     scrollToItemPath?: string;
     /** `{ id }` when the row at the top of the visible area changes by the user's scroll. */
     onTopItemChange?: ActionShape;
+    reverseLayout?: boolean;
+    contentInsetTop?: number;
+    contentInsetBottom?: number;
 }, opts?: {
     id?: string;
 }): Component;

package/dist/authoring-runtime/node_modules/@wix/himalaya/dist/_types/core/ts/src/schema.d.ts

@@ -412,6 +412,55 @@ export interface Modifiers {
      *  node's layout footprint. Stopped by reduced motion unless `respectReducedMotion`
      *  is false. */
     ambientMotion?: AmbientMotion;
+    /** RFC 0037 amendment — BINDABLE TRANSFORMS. Each is a `"$service:<svc>.<field>"` /
+     *  `"$item.<field>"` sentinel resolving to a NUMBER at render. A bound value overrides its
+     *  static sibling (`scale`, `rotation`, `offsetX`, `offsetY`, `opacity`, `cornerRadius`); an
+     *  unresolved or non-numeric value falls back to that sibling (or identity). A change animates
+     *  with the node's `motion` token; reduced motion jumps. Render-only: transforms never affect
+     *  layout, the origin is the centre, and hit-testing follows the transformed frame. `$env:` is
+     *  rejected. Wire only: no renderer draws these yet, and a renderer that does not draw one ignores it. */
+    scalePath?: string;
+    /** Bound `rotation`, in DEGREES. See `scalePath`. */
+    rotationPath?: string;
+    /** Bound `offsetX`, in points. See `scalePath`. */
+    offsetXPath?: string;
+    /** Bound `offsetY`, in points. See `scalePath`. */
+    offsetYPath?: string;
+    /** Bound `opacity`, 0–1 (clamped). See `scalePath`. */
+    opacityPath?: string;
+    /** Bound `cornerRadius`, in points. See `scalePath`. */
+    cornerRadiusPath?: string;
+    /** RFC 0037 amendment — a declarative scroll offset → transform/opacity mapping,
+     *  evaluated natively every frame (no worker round-trip). Wire only: no renderer draws it yet. */
+    scrollLinked?: ScrollLinked;
+}
+/** RFC 0037 amendment (#4663) — `Modifiers.scrollLinked`. Piecewise-linear interpolation of
+ *  each output range over `inputRange`. Composition order: static → bound (`…Path`) →
+ *  scrollLinked; `scale`/`opacity` multiply, `rotation`/`offsetX`/`offsetY`/`cornerRadius` add.
+ *  Reduced motion pins every output to its value at scroll offset 0. */
+export interface ScrollLinked {
+    /** `""`/absent = the screen's main scroll container; else the `id` of an ANCESTOR scroll
+     *  container (LazyList, Grid, Carousel, Pager, CollapsingHeader). */
+    source?: string;
+    /** `"y"` (default) | `"x"`. Unknown ⇒ `"y"`. */
+    axis?: string;
+    /** ≥ 2 strictly ascending scroll offsets, in points. */
+    inputRange?: number[];
+    /** Scale multiplier per input stop (same length as `inputRange`). */
+    scale?: number[];
+    /** Rotation in degrees per input stop, added to the static/bound rotation. */
+    rotation?: number[];
+    /** Horizontal offset in points per input stop, added. */
+    offsetX?: number[];
+    /** Vertical offset in points per input stop, added. */
+    offsetY?: number[];
+    /** Opacity multiplier per input stop; the final opacity is clamped to 0–1. */
+    opacity?: number[];
+    /** Corner radius in points per input stop, added (the final value is floored at 0). */
+    cornerRadius?: number[];
+    /** `"clamp"` (default) holds the end values past the range; `"extend"` continues the end
+     *  segments' slope. Unknown ⇒ `"clamp"`. */
+    extrapolate?: string;
 }
 /** RFC 0069 — `Modifiers.ambientMotion`. */
 export interface AmbientMotion {

package/dist/authoring-runtime/node_modules/@wix/himalaya/dist/_types/core/ts/src/validator.d.ts

@@ -1140,6 +1140,81 @@ export declare const screenDescriptorSchema: {
                         };
                     };
                 };
+                readonly scalePath: {
+                    readonly type: "string";
+                };
+                readonly rotationPath: {
+                    readonly type: "string";
+                };
+                readonly offsetXPath: {
+                    readonly type: "string";
+                };
+                readonly offsetYPath: {
+                    readonly type: "string";
+                };
+                readonly opacityPath: {
+                    readonly type: "string";
+                };
+                readonly cornerRadiusPath: {
+                    readonly type: "string";
+                };
+                readonly scrollLinked: {
+                    readonly type: "object";
+                    readonly additionalProperties: false;
+                    readonly properties: {
+                        readonly source: {
+                            readonly type: "string";
+                        };
+                        readonly axis: {
+                            readonly type: "string";
+                        };
+                        readonly inputRange: {
+                            readonly type: "array";
+                            readonly items: {
+                                readonly type: "number";
+                            };
+                        };
+                        readonly scale: {
+                            readonly type: "array";
+                            readonly items: {
+                                readonly type: "number";
+                            };
+                        };
+                        readonly rotation: {
+                            readonly type: "array";
+                            readonly items: {
+                                readonly type: "number";
+                            };
+                        };
+                        readonly offsetX: {
+                            readonly type: "array";
+                            readonly items: {
+                                readonly type: "number";
+                            };
+                        };
+                        readonly offsetY: {
+                            readonly type: "array";
+                            readonly items: {
+                                readonly type: "number";
+                            };
+                        };
+                        readonly opacity: {
+                            readonly type: "array";
+                            readonly items: {
+                                readonly type: "number";
+                            };
+                        };
+                        readonly cornerRadius: {
+                            readonly type: "array";
+                            readonly items: {
+                                readonly type: "number";
+                            };
+                        };
+                        readonly extrapolate: {
+                            readonly type: "string";
+                        };
+                    };
+                };
                 readonly boxShadow: {
                     readonly type: "object";
                     readonly additionalProperties: false;
@@ -2578,6 +2653,81 @@ export declare const widgetSnapshotSchema: {
                         };
                     };
                 };
+                readonly scalePath: {
+                    readonly type: "string";
+                };
+                readonly rotationPath: {
+                    readonly type: "string";
+                };
+                readonly offsetXPath: {
+                    readonly type: "string";
+                };
+                readonly offsetYPath: {
+                    readonly type: "string";
+                };
+                readonly opacityPath: {
+                    readonly type: "string";
+                };
+                readonly cornerRadiusPath: {
+                    readonly type: "string";
+                };
+                readonly scrollLinked: {
+                    readonly type: "object";
+                    readonly additionalProperties: false;
+                    readonly properties: {
+                        readonly source: {
+                            readonly type: "string";
+                        };
+                        readonly axis: {
+                            readonly type: "string";
+                        };
+                        readonly inputRange: {
+                            readonly type: "array";
+                            readonly items: {
+                                readonly type: "number";
+                            };
+                        };
+                        readonly scale: {
+                            readonly type: "array";
+                            readonly items: {
+                                readonly type: "number";
+                            };
+                        };
+                        readonly rotation: {
+                            readonly type: "array";
+                            readonly items: {
+                                readonly type: "number";
+                            };
+                        };
+                        readonly offsetX: {
+                            readonly type: "array";
+                            readonly items: {
+                                readonly type: "number";
+                            };
+                        };
+                        readonly offsetY: {
+                            readonly type: "array";
+                            readonly items: {
+                                readonly type: "number";
+                            };
+                        };
+                        readonly opacity: {
+                            readonly type: "array";
+                            readonly items: {
+                                readonly type: "number";
+                            };
+                        };
+                        readonly cornerRadius: {
+                            readonly type: "array";
+                            readonly items: {
+                                readonly type: "number";
+                            };
+                        };
+                        readonly extrapolate: {
+                            readonly type: "string";
+                        };
+                    };
+                };
                 readonly boxShadow: {
                     readonly type: "object";
                     readonly additionalProperties: false;

package/dist/authoring-runtime/node_modules/@wix/himalaya/dist/core.mjs

@@ -9460,6 +9460,35 @@ var screenDescriptorSchema = {
             maxGapMs: { type: "integer", minimum: 0 }
           }
         },
+        // RFC 0037 amendment (#4663) — bindable transforms. `$service:`/`$item.` sentinels
+        // resolving to a number; the motion lint (core/dev-server/src/motion-bindings-lint.ts)
+        // rejects `$env:` and warns on a value that can never resolve to a number.
+        scalePath: { type: "string" },
+        rotationPath: { type: "string" },
+        offsetXPath: { type: "string" },
+        offsetYPath: { type: "string" },
+        opacityPath: { type: "string" },
+        cornerRadiusPath: { type: "string" },
+        // RFC 0037 amendment (#4663) — scroll offset → transform mapping. Shape only here; the
+        // range rules (≥ 2 ascending stops, equal lengths, ancestor source) live in the motion
+        // lint, which can say WHICH range is wrong. `axis`/`extrapolate` stay open strings so an
+        // older validator never rejects a value a newer renderer knows (unknown ⇒ the default).
+        scrollLinked: {
+          type: "object",
+          additionalProperties: false,
+          properties: {
+            source: { type: "string" },
+            axis: { type: "string" },
+            inputRange: { type: "array", items: { type: "number" } },
+            scale: { type: "array", items: { type: "number" } },
+            rotation: { type: "array", items: { type: "number" } },
+            offsetX: { type: "array", items: { type: "number" } },
+            offsetY: { type: "array", items: { type: "number" } },
+            opacity: { type: "array", items: { type: "number" } },
+            cornerRadius: { type: "array", items: { type: "number" } },
+            extrapolate: { type: "string" }
+          }
+        },
         // #1052 — explicit drop shadow (colour token + radius + offset), alongside the `shadow` token form.
         boxShadow: {
           type: "object",

package/dist/authoring-runtime/node_modules/@wix/himalaya/dist/sdui.mjs

@@ -7653,6 +7653,35 @@ var screenDescriptorSchema = {
             maxGapMs: { type: "integer", minimum: 0 }
           }
         },
+        // RFC 0037 amendment (#4663) — bindable transforms. `$service:`/`$item.` sentinels
+        // resolving to a number; the motion lint (core/dev-server/src/motion-bindings-lint.ts)
+        // rejects `$env:` and warns on a value that can never resolve to a number.
+        scalePath: { type: "string" },
+        rotationPath: { type: "string" },
+        offsetXPath: { type: "string" },
+        offsetYPath: { type: "string" },
+        opacityPath: { type: "string" },
+        cornerRadiusPath: { type: "string" },
+        // RFC 0037 amendment (#4663) — scroll offset → transform mapping. Shape only here; the
+        // range rules (≥ 2 ascending stops, equal lengths, ancestor source) live in the motion
+        // lint, which can say WHICH range is wrong. `axis`/`extrapolate` stay open strings so an
+        // older validator never rejects a value a newer renderer knows (unknown ⇒ the default).
+        scrollLinked: {
+          type: "object",
+          additionalProperties: false,
+          properties: {
+            source: { type: "string" },
+            axis: { type: "string" },
+            inputRange: { type: "array", items: { type: "number" } },
+            scale: { type: "array", items: { type: "number" } },
+            rotation: { type: "array", items: { type: "number" } },
+            offsetX: { type: "array", items: { type: "number" } },
+            offsetY: { type: "array", items: { type: "number" } },
+            opacity: { type: "array", items: { type: "number" } },
+            cornerRadius: { type: "array", items: { type: "number" } },
+            extrapolate: { type: "string" }
+          }
+        },
         // #1052 — explicit drop shadow (colour token + radius + offset), alongside the `shadow` token form.
         boxShadow: {
           type: "object",
@@ -8773,7 +8802,7 @@ function zstack(props) {
 function text(text2, style, opts) {
   return {
     id: opts?.id ?? auto("text"),
-    body: { package: "himalaya", type: "Text", props: { text: text2, style, color: opts?.color, maxLines: opts?.maxLines, collapseWhenEmpty: opts?.collapseWhenEmpty, animateValue: opts?.animateValue, animateReveal: opts?.animateReveal, markdown: opts?.markdown, textAlign: opts?.textAlign, textDirection: opts?.textDirection, decoration: opts?.decoration, minimumScaleFactor: opts?.minimumScaleFactor, monospacedDigits: opts?.monospacedDigits, truncation: opts?.truncation } }
+    body: { package: "himalaya", type: "Text", props: { text: text2, style, color: opts?.color, maxLines: opts?.maxLines, collapseWhenEmpty: opts?.collapseWhenEmpty, animateValue: opts?.animateValue, animateReveal: opts?.animateReveal, markdown: opts?.markdown, textAlign: opts?.textAlign, textDirection: opts?.textDirection, decoration: opts?.decoration, lineSpacing: opts?.lineSpacing, minimumScaleFactor: opts?.minimumScaleFactor, monospacedDigits: opts?.monospacedDigits, truncation: opts?.truncation } }
   };
 }
 function card2(children, opts) {
@@ -9270,6 +9299,7 @@ function snackbar(props, opts) {
   };
 }
 function alertDialog(props, opts) {
+  if (!props.confirmAction && !props.buttons?.length) throw new Error("alertDialog requires confirmAction or buttons");
   return {
     id: opts?.id ?? slugId("alert", props.confirmAction?.actionId),
     body: { package: "himalaya", type: "AlertDialog", props }