@wix/himalaya-cli 0.1057.0 → 0.1059.0

package/dist/cli.mjs

@@ -6657,7 +6657,6 @@ function walk(node, registry, path2, out) {
 var SYSTEM_FONT_FAMILY, TONAL_ELEVATION_ALPHA;
 var init_tokens = __esm({
   "../../core/ts/src/tokens.ts"() {
-    "use strict";
     SYSTEM_FONT_FAMILY = "$system";
     TONAL_ELEVATION_ALPHA = [0, 0.05, 0.08, 0.11, 0.12, 0.14];
   }
@@ -27274,6 +27273,11 @@ function withExtras(name, render) {
   Wrapped.displayName = name;
   return Wrapped;
 }
+function sheetTabStops(root) {
+  const all = Array.from(root.querySelectorAll(NATIVELY_TABBABLE)).filter((el) => el.tabIndex >= 0 && !el.disabled && !el.closest('[inert], [hidden], [aria-hidden="true"]'));
+  const ordered = all.filter((el) => el.tabIndex > 0).sort((a, b) => a.tabIndex - b.tabIndex);
+  return [...ordered, ...all.filter((el) => el.tabIndex === 0)];
+}
 function chartNumbers(raw) {
   if (!Array.isArray(raw)) return [];
   return raw.map((v) => v && typeof v === "object" && !Array.isArray(v) ? v.value : v).map(Number).filter((n) => Number.isFinite(n));
@@ -28379,7 +28383,10 @@ function renderInner(node, ctx) {
     case "Badge": {
       const _bt = boundTokenName(props.tokenPath, props.token, ctx);
       const c = _bt ? C(_bt, "#116DFF") : sevColor(ctx, props.style ?? "info");
-      return /* @__PURE__ */ jsx6("span", { style: { display: "inline-flex", alignItems: "center", padding: "3px 9px", borderRadius: 999, fontSize: 12, fontWeight: 700, fontFamily: bodyFont(ctx), background: `color-mix(in srgb, ${c} 16%, ${C("surfacePrimary", "#fff")})`, color: c, ...wrap }, children: ctx.empty ? "" : txt(props.text, ctx) || "Badge" });
+      const liveCount = typeof props.text === "string" && /^\$(?:service|flag)\b/.test(props.text);
+      const badgeLabel = modifiers?.accessibilityLabel;
+      const badgeRole = liveCount ? "status" : typeof badgeLabel === "string" && badgeLabel.trim() !== "" ? "img" : void 0;
+      return /* @__PURE__ */ jsx6("span", { role: badgeRole, style: { display: "inline-flex", alignItems: "center", padding: "3px 9px", borderRadius: 999, fontSize: 12, fontWeight: 700, fontFamily: bodyFont(ctx), background: `color-mix(in srgb, ${c} 16%, ${C("surfacePrimary", "#fff")})`, color: c, ...wrap }, children: ctx.empty ? "" : txt(props.text, ctx) || "Badge" });
     }
     case "Tag": {
       const c = C(boundTokenName(props.tokenPath, props.token, ctx) ?? "accentPrimary", "#116DFF");
@@ -28569,45 +28576,11 @@ function renderInner(node, ctx) {
       return /* @__PURE__ */ jsx6(PdfViewNode, { props, ctx, wrap });
     case "MediaPlayer":
       return /* @__PURE__ */ jsx6(MediaPlayerView, { nodeId: node.id, props, ctx, wrap });
-    // Motion grammar (Batch 4) — Lottie/Rive vector animation. The container is
-    // tagged + sized here; lottie-web mounts the animation browser-side via
-    // ensureLottieRuntime (dynamic import). Reduced motion → static last frame.
-    case "Lottie": {
-      ensureLottieRuntime();
-      const lh = typeof props.height === "number" && props.height > 0 ? props.height : 160;
-      return /* @__PURE__ */ jsx6(
-        "div",
-        {
-          "data-himalaya-lottie": props.source ? String(props.source) : "",
-          "data-himalaya-lottie-loop": props.loop === false ? "0" : "1",
-          "data-himalaya-lottie-autoplay": props.autoplay === false ? "0" : "1",
-          "data-himalaya-lottie-speed": typeof props.speed === "number" ? String(props.speed) : "1",
-          "data-himalaya-lottie-reduce": ctx.reduceMotion() ? "1" : "0",
-          role: "img",
-          "aria-label": "animation",
-          style: { width: "100%", height: lh, display: "block", ...wrap }
-        }
-      );
-    }
-    // Motion grammar (Phase-2) — Rive. @rive-app/canvas mounts to the <canvas>
-    // browser-side via ensureRiveRuntime (dynamic import). Reduced motion → no autoplay.
-    case "Rive": {
-      ensureRiveRuntime();
-      const rh = typeof props.height === "number" && props.height > 0 ? props.height : 160;
-      return /* @__PURE__ */ jsx6(
-        "canvas",
-        {
-          "data-himalaya-rive": props.source ? String(props.source) : "",
-          "data-himalaya-rive-artboard": props.artboard ? String(props.artboard) : "",
-          "data-himalaya-rive-sm": props.stateMachine ? String(props.stateMachine) : "",
-          "data-himalaya-rive-autoplay": props.autoplay === false ? "0" : "1",
-          "data-himalaya-rive-reduce": ctx.reduceMotion() ? "1" : "0",
-          role: "img",
-          "aria-label": "animation",
-          style: { width: "100%", height: rh, display: "block", ...wrap }
-        }
-      );
-    }
+    // Motion grammar (Batch 4 / Phase-2) — Lottie and Rive; see LottieNode / RiveNode.
+    case "Lottie":
+      return /* @__PURE__ */ jsx6(LottieNode, { props, ctx, wrap });
+    case "Rive":
+      return /* @__PURE__ */ jsx6(RiveNode, { props, ctx, wrap });
     // ───────────── forms ─────────────
     case "Form":
       return /* @__PURE__ */ jsx6(FormView, { props, ctx, wrap });
@@ -28757,7 +28730,7 @@ function renderInner(node, ctx) {
     }
   }
 }
-var useIsomorphicLayoutEffect, ResponsiveGrid, SPLIT_EXPANDED_MIN_WIDTH, SPLIT_COLUMN_GAP, ResponsiveSplitView, ABSOLUTE_URL_RE, appearKeyframesInjected, pressStylesInjected, FOCUS_RING_CSS, focusStylesInjected, HLIST_CHILD_CSS, hListStylesInjected, listAnimateRuntimeInstalled, transitionKeyframesInjected, countUpRuntimeInjected, MEASURE_PREFIX, measureRuntimeInjected, revealRuntimeInjected, vectorAnimStylesInjected, scrollProgressRuntimeInjected, confettiRuntimeInjected, lottieRuntimeInjected, riveRuntimeInjected, gradientKeyframesInjected, parallaxRuntimeInjected, spinKeyframesInjected, marqueeKeyframesInjected, alignItems, zJustifyItems, hAlignItems, bodyFont, kids, rowKids, staggeredKids, asTextL10n, asBoundText, useBoundString, InterpolatedTextView, txt, selectFragmentCase, fragmentValueHash, fragmentSlotContent, FragmentSlotNode, WorkerSubtreeNode, resolveItemDeep2, resolveSwipeActions, resolveModBindings, resolvedComponentId, directServiceBindings, ReactiveDirectScalars, HiddenGate, KEYBOARD_INPUT_MODES, AUTOCAPITALIZE_VALUES, ENTER_KEY_HINTS, AUTOGROW_CEILING, EditableField, MenuNode, LoadMoreSentinel, FieldErrorNode, FormView, MediaSlotProvider, MEDIA_ITEM_BINDABLE, MediaPlayerView, VideoNode, PdfViewNode, WebViewNode, InteractivePicker, InteractiveDatePicker, InteractiveSearchField, InteractiveStepper, SYNTHETIC_TAP_ROLE, SYNTHETIC_TABINDEX, INFERRED_DECORATIVE, SELF_RENDERED_LEAF, ROLE_WHEN_NAMED, AUTHORED_ROLE, PENDING_RANGE, RANGE_ROLES, INTERACTIVE_ROLES, ALWAYS_INTERACTIVE_COMPONENT_TYPES, controlNode, ToggleNode, SliderNode, SelectionControlNode, TabsNode, SegmentedControlNode, DisclosureGroupNode, GridNode, SplitViewNode, TextNode, ImageNode, AvatarNode, IconNode, ButtonNode, OtpInputNode, ProgressBarNode, ActivityIndicatorNode, BottomSheetNode, ChipsInputNode, ChipNode, TableNode, GaugeRing, GaugeNode, RATING_METRICS, ratingMetrics, RatingNode, AvatarStripNode, CHART_STROKE_CYCLE, chartStrokeAt, chartBarCenter, ChartNode, donutSliceOpacity, DonutChartNode, LegendMarker, LegendNode, cellAlign, DataTableNode, voiceNoteState, voiceNoteDelivery, VOICE_NOTE_DEFAULT_BARS, clampBarCount, VoiceNoteNode, TimelineNode, WheelPickerNode, ColorPickerNode, FilterChipsNode, TILE_PX, MAX_MERCATOR_LAT, DEFAULT_TILE_MAX_ZOOM, CIRCLE_SEGMENTS, METRES_PER_DEG_LAT, MARKER_HIT_RADIUS, SHAPE_HIT_RADIUS, MapNode, CollapsingHeaderNode, UnsupportedOnSurface, CALENDAR_DATE_ONLY_RE, CAL_DEFAULT_MAX_DOTS, CAL_AGENDA_INITIAL_DAYS, CAL_AGENDA_PAGE_DAYS, CAL_DEFAULT_SNAP_MINUTES, CAL_UNASSIGNED_LANE_ID, MonthCalendarNode, TimeGridNode, AgendaNode, ARIA_ROLE, initialFocusScheduled, initialFocusSeen, PRESENTED_SCOPE, presentedOpeners, presentedObserver, A11yHintDescription, WebRenderer;
+var useIsomorphicLayoutEffect, ResponsiveGrid, SPLIT_EXPANDED_MIN_WIDTH, SPLIT_COLUMN_GAP, ResponsiveSplitView, ABSOLUTE_URL_RE, appearKeyframesInjected, pressStylesInjected, FOCUS_RING_CSS, focusStylesInjected, HLIST_CHILD_CSS, hListStylesInjected, listAnimateRuntimeInstalled, transitionKeyframesInjected, countUpRuntimeInjected, MEASURE_PREFIX, measureRuntimeInjected, revealRuntimeInjected, vectorAnimStylesInjected, scrollProgressRuntimeInjected, confettiRuntimeInjected, lottieRuntimeInjected, riveRuntimeInjected, gradientKeyframesInjected, parallaxRuntimeInjected, spinKeyframesInjected, marqueeKeyframesInjected, alignItems, zJustifyItems, hAlignItems, bodyFont, kids, rowKids, staggeredKids, asTextL10n, asBoundText, useBoundString, InterpolatedTextView, txt, selectFragmentCase, fragmentValueHash, fragmentSlotContent, FragmentSlotNode, WorkerSubtreeNode, resolveItemDeep2, resolveSwipeActions, resolveModBindings, resolvedComponentId, directServiceBindings, ReactiveDirectScalars, HiddenGate, KEYBOARD_INPUT_MODES, AUTOCAPITALIZE_VALUES, ENTER_KEY_HINTS, AUTOGROW_CEILING, EditableField, MenuNode, LoadMoreSentinel, FieldErrorNode, FormView, MediaSlotProvider, MEDIA_ITEM_BINDABLE, MediaPlayerView, VideoNode, PdfViewNode, WebViewNode, InteractivePicker, InteractiveDatePicker, InteractiveSearchField, InteractiveStepper, SYNTHETIC_TAP_ROLE, SYNTHETIC_TABINDEX, INFERRED_DECORATIVE, SELF_RENDERED_LEAF, ROLE_WHEN_NAMED, AUTHORED_ROLE, PENDING_RANGE, RANGE_ROLES, INTERACTIVE_ROLES, ALWAYS_INTERACTIVE_COMPONENT_TYPES, controlNode, ToggleNode, SliderNode, SelectionControlNode, TabsNode, SegmentedControlNode, DisclosureGroupNode, GridNode, SplitViewNode, TextNode, ImageNode, ANIMATION_LEAF, LottieNode, RiveNode, AvatarNode, IconNode, ButtonNode, OtpInputNode, ProgressBarNode, ActivityIndicatorNode, NATIVELY_TABBABLE, BottomSheetNode, ChipsInputNode, ChipNode, TableNode, GaugeRing, GaugeNode, RATING_METRICS, ratingMetrics, RatingNode, AvatarStripNode, CHART_STROKE_CYCLE, chartStrokeAt, chartBarCenter, ChartNode, donutSliceOpacity, DonutChartNode, LegendMarker, LegendNode, cellAlign, DataTableNode, voiceNoteState, voiceNoteDelivery, VOICE_NOTE_DEFAULT_BARS, clampBarCount, VoiceNoteNode, TimelineNode, WheelPickerNode, ColorPickerNode, FilterChipsNode, TILE_PX, MAX_MERCATOR_LAT, DEFAULT_TILE_MAX_ZOOM, CIRCLE_SEGMENTS, METRES_PER_DEG_LAT, MARKER_HIT_RADIUS, SHAPE_HIT_RADIUS, MapNode, CollapsingHeaderNode, UnsupportedOnSurface, CALENDAR_DATE_ONLY_RE, CAL_DEFAULT_MAX_DOTS, CAL_AGENDA_INITIAL_DAYS, CAL_AGENDA_PAGE_DAYS, CAL_DEFAULT_SNAP_MINUTES, CAL_UNASSIGNED_LANE_ID, MonthCalendarNode, TimeGridNode, AgendaNode, ARIA_ROLE, initialFocusScheduled, initialFocusSeen, PRESENTED_SCOPE, presentedOpeners, presentedObserver, A11yHintDescription, WebRenderer;
 var init_renderNode = __esm({
   "../../core/web-renderer/src/renderNode.tsx"() {
     "use strict";
@@ -30298,21 +30271,22 @@ var init_renderNode = __esm({
         opacity: disabled(at) ? 0.4 : 1,
         userSelect: "none"
       });
+      const named = { [ROLE_WHEN_NAMED]: "group" };
       if (ctx.empty) {
-        return /* @__PURE__ */ jsxs3("div", { style: box, children: [
+        return /* @__PURE__ */ jsxs3("div", { ...named, style: box, children: [
           /* @__PURE__ */ jsx6("span", { style: btn("min"), children: "\u2212" }),
           /* @__PURE__ */ jsx6("b", { style: { fontSize: 16, minWidth: 24, textAlign: "center", color: C("textPrimary", "#111") }, children: "\u2014" }),
           /* @__PURE__ */ jsx6("span", { style: btn("max"), children: "+" })
         ] });
       }
       if (!ctx.onAction) {
-        return /* @__PURE__ */ jsxs3("div", { style: box, children: [
+        return /* @__PURE__ */ jsxs3("div", { ...named, style: box, children: [
           /* @__PURE__ */ jsx6("span", { style: btn("min"), children: "\u2212" }),
           /* @__PURE__ */ jsx6("b", { style: { fontSize: 16, minWidth: 24, textAlign: "center", color: C("textPrimary", "#111") }, children: value }),
           /* @__PURE__ */ jsx6("span", { style: btn("max"), children: "+" })
         ] });
       }
-      return /* @__PURE__ */ jsxs3("div", { style: box, children: [
+      return /* @__PURE__ */ jsxs3("div", { ...named, style: box, children: [
         /* @__PURE__ */ jsx6("button", { type: "button", "aria-label": "Decrease", disabled: disabled("min"), onClick: () => bump(-step), style: { ...btn("min"), font: "inherit" }, children: "\u2212" }),
         /* @__PURE__ */ jsx6("b", { style: { fontSize: 16, minWidth: 24, textAlign: "center", color: C("textPrimary", "#111"), fontVariantNumeric: "tabular-nums" }, children: value }),
         /* @__PURE__ */ jsx6("button", { type: "button", "aria-label": "Increase", disabled: disabled("max"), onClick: () => bump(step), style: { ...btn("max"), font: "inherit" }, children: "+" })
@@ -30518,6 +30492,39 @@ var init_renderNode = __esm({
       }
       return /* @__PURE__ */ jsx6("div", { style: { width: w, height: boxHeight, aspectRatio: ar, borderRadius: r, background: ph ?? (hasSource ? `linear-gradient(135deg, ${C("surfaceTertiary", "#e6e6e6")}, ${C("surfaceSecondary", "#f2f2f2")})` : "transparent"), color: C("textSecondary", "#999"), display: "flex", alignItems: "center", justifyContent: "center", fontFamily: "ui-monospace, monospace", fontSize: 11, flex: "none", ...wrap }, children: banner || !hasSource ? "" : "\u2022" });
     });
+    ANIMATION_LEAF = { "aria-hidden": "true", [INFERRED_DECORATIVE]: true, [SELF_RENDERED_LEAF]: true, [ROLE_WHEN_NAMED]: "img" };
+    LottieNode = withExtras("LottieNode", ({ props, ctx, wrap }) => {
+      ensureLottieRuntime();
+      const lh = typeof props.height === "number" && props.height > 0 ? props.height : 160;
+      return /* @__PURE__ */ jsx6(
+        "div",
+        {
+          "data-himalaya-lottie": props.source ? String(props.source) : "",
+          "data-himalaya-lottie-loop": props.loop === false ? "0" : "1",
+          "data-himalaya-lottie-autoplay": props.autoplay === false ? "0" : "1",
+          "data-himalaya-lottie-speed": typeof props.speed === "number" ? String(props.speed) : "1",
+          "data-himalaya-lottie-reduce": ctx.reduceMotion() ? "1" : "0",
+          ...ANIMATION_LEAF,
+          style: { width: "100%", height: lh, display: "block", ...wrap }
+        }
+      );
+    });
+    RiveNode = withExtras("RiveNode", ({ props, ctx, wrap }) => {
+      ensureRiveRuntime();
+      const rh = typeof props.height === "number" && props.height > 0 ? props.height : 160;
+      return /* @__PURE__ */ jsx6(
+        "canvas",
+        {
+          "data-himalaya-rive": props.source ? String(props.source) : "",
+          "data-himalaya-rive-artboard": props.artboard ? String(props.artboard) : "",
+          "data-himalaya-rive-sm": props.stateMachine ? String(props.stateMachine) : "",
+          "data-himalaya-rive-autoplay": props.autoplay === false ? "0" : "1",
+          "data-himalaya-rive-reduce": ctx.reduceMotion() ? "1" : "0",
+          ...ANIMATION_LEAF,
+          style: { width: "100%", height: rh, display: "block", ...wrap }
+        }
+      );
+    });
     AvatarNode = withExtras("AvatarNode", ({ props, ctx, wrap }) => {
       const C = ctx.color;
       const boundUrl = useResolvedScalar(isBinding(props.imageUrl) ? props.imageUrl : void 0, ctx);
@@ -30525,10 +30532,11 @@ var init_renderNode = __esm({
       const imageUrl = isBinding(props.imageUrl) ? boundUrl : props.imageUrl;
       const initials = isBinding(props.initials) ? boundInitials : props.initials;
       const size = props.size ?? 48;
+      const a11y = { [ROLE_WHEN_NAMED]: "img", [SELF_RENDERED_LEAF]: true };
       if (typeof imageUrl === "string" && imageUrl) {
-        return /* @__PURE__ */ jsx6("img", { src: resolveAssetUrl(imageUrl, ctx.assetBaseUrl), alt: "", style: { width: size, height: size, borderRadius: "50%", objectFit: "cover", flex: "none", ...wrap } });
+        return /* @__PURE__ */ jsx6("img", { ...a11y, src: resolveAssetUrl(imageUrl, ctx.assetBaseUrl), alt: "", style: { width: size, height: size, borderRadius: "50%", objectFit: "cover", flex: "none", ...wrap } });
       }
-      return /* @__PURE__ */ jsx6("div", { style: { width: size, height: size, borderRadius: "50%", background: C("accentPrimary", "#116DFF"), color: C("textOnAccent", "#fff"), display: "grid", placeItems: "center", fontWeight: 600, fontSize: size * 0.4, fontFamily: bodyFont(ctx), flex: "none", ...wrap }, children: (asText2(initials) || "?").slice(0, 2).toUpperCase() });
+      return /* @__PURE__ */ jsx6("div", { ...a11y, style: { width: size, height: size, borderRadius: "50%", background: C("accentPrimary", "#116DFF"), color: C("textOnAccent", "#fff"), display: "grid", placeItems: "center", fontWeight: 600, fontSize: size * 0.4, fontFamily: bodyFont(ctx), flex: "none", ...wrap }, children: (asText2(initials) || "?").slice(0, 2).toUpperCase() });
     });
     IconNode = withExtras("IconNode", ({ props, ctx, wrap }) => {
       const C = ctx.color;
@@ -30696,16 +30704,53 @@ var init_renderNode = __esm({
       ensureSpinKeyframes();
       return /* @__PURE__ */ jsx6("div", { role: "progressbar", style: { width: size, height: size, borderRadius: "50%", border: `${thick}px solid ${track}`, borderTopColor: tint, boxSizing: "border-box", flex: "none", animation: ctx.empty ? void 0 : "himalaya-spin 0.8s linear infinite", ...wrap } });
     });
+    NATIVELY_TABBABLE = 'a[href], area[href], button, input:not([type="hidden"]), select, textarea, iframe, object, embed, audio[controls], video[controls], summary, [contenteditable]:not([contenteditable="false"]), [tabindex]';
     BottomSheetNode = withExtras("BottomSheetNode", ({ props, ctx, wrap }) => {
       const sheetTitle = useBoundString(props.title, ctx);
       const C = ctx.color;
       const bound = useResolvedScalar(props.presentedPath, ctx);
       const gated = props.presentedPath != null || props.presented != null;
       const presented = props.presentedPath != null ? bound : props.presented;
-      if (gated && presented !== true && presented !== "true") return null;
+      const shown2 = !gated || presented === true || presented === "true";
+      const modal = ariaModal(props.modal, true) === "true";
+      const dialogRef = React5.useRef(null);
+      useIsomorphicLayoutEffect(() => {
+        if (!shown2 || !modal) return;
+        const dialog = dialogRef.current;
+        const active = dialog?.ownerDocument.activeElement;
+        if (dialog && active instanceof HTMLElement && active !== dialog.ownerDocument.body && !dialog.contains(active)) {
+          restoreFocusOnDismiss(dialog, active);
+        }
+        const layer = pushModalLayer(() => dialogRef.current);
+        const enter = setTimeout(() => {
+          const d = dialogRef.current;
+          if (!d || d.contains(d.ownerDocument.activeElement)) return;
+          if (d.querySelector("[data-himalaya-initial-focus]")) return;
+          d.focus();
+        }, 0);
+        return () => {
+          clearTimeout(enter);
+          layer.release();
+        };
+      }, [shown2, modal]);
+      const trapTab = (e) => {
+        if (!modal || e.key !== "Tab" || e.defaultPrevented || e.nativeEvent.defaultPrevented) return;
+        const d = dialogRef.current;
+        if (!d) return;
+        e.preventDefault();
+        const stops = sheetTabStops(d);
+        if (!stops.length) {
+          d.focus();
+          return;
+        }
+        const at = stops.indexOf(d.ownerDocument.activeElement);
+        const next = e.shiftKey ? at <= 0 ? stops.length - 1 : at - 1 : at === -1 || at === stops.length - 1 ? 0 : at + 1;
+        stops[next].focus();
+      };
+      if (!shown2) return null;
       const grabber = props.showGrabber !== false;
       const sheet = idiomControls(ctx.idiom).sheet;
-      return /* @__PURE__ */ jsx6("div", { style: { position: "absolute", inset: 0, background: "rgba(0,0,0,.35)", zIndex: 50, display: "flex", flexDirection: "column", justifyContent: "flex-end", ...wrap }, children: /* @__PURE__ */ jsxs3("div", { role: "dialog", "aria-modal": ariaModal(props.modal, true), "aria-label": props.title != null ? sheetTitle : "Sheet", style: { width: "100%", background: C("surfacePrimary", "#fff"), borderRadius: `${sheet.cornerRadius}px ${sheet.cornerRadius}px 0 0`, boxShadow: "0 -4px 24px rgba(0,0,0,.12)", overflow: "hidden" }, children: [
+      return /* @__PURE__ */ jsx6("div", { style: { position: "absolute", inset: 0, background: "rgba(0,0,0,.35)", zIndex: 50, display: "flex", flexDirection: "column", justifyContent: "flex-end", ...wrap }, children: /* @__PURE__ */ jsxs3("div", { ref: dialogRef, role: "dialog", "aria-modal": modal ? "true" : void 0, tabIndex: modal ? -1 : void 0, onKeyDown: modal ? trapTab : void 0, "aria-label": props.title != null ? sheetTitle : "Sheet", style: { width: "100%", background: C("surfacePrimary", "#fff"), borderRadius: `${sheet.cornerRadius}px ${sheet.cornerRadius}px 0 0`, boxShadow: "0 -4px 24px rgba(0,0,0,.12)", overflow: "hidden" }, children: [
         grabber && /* @__PURE__ */ jsx6("div", { style: { display: "flex", justifyContent: "center", padding: "8px 0 4px" }, children: /* @__PURE__ */ jsx6("div", { style: { width: sheet.grabberWidth, height: sheet.grabberHeight, borderRadius: 999, background: C("surfaceTertiary", "#d8dce2") } }) }),
         /* @__PURE__ */ jsx6("div", { style: { padding: "8px 16px 16px" }, children: props.content ? renderNode(props.content, ctx) : null })
       ] }) });
@@ -30833,7 +30878,11 @@ var init_renderNode = __esm({
       const shown2 = avatars.slice(0, maxVisible);
       const overflow = props.overflowCount || Math.max(0, avatars.length - maxVisible);
       const shift = Math.round(size * (1 - (props.overlapRatio ?? 0.67)));
-      return /* @__PURE__ */ jsxs3("div", { style: { width: "100%", ...wrap }, children: [
+      const caption = useBoundString(props.caption, ctx).trim();
+      const count = shown2.length + overflow;
+      const countText = count > 0 ? `${count} ${count === 1 ? "person" : "people"}` : "";
+      const groupName = [caption, countText].filter(Boolean).join(", ");
+      return /* @__PURE__ */ jsxs3("div", { role: "group", "aria-label": groupName || void 0, "data-a11y-value": countText || void 0, ...{ [SELF_RENDERED_LEAF]: true }, style: { width: "100%", ...wrap }, children: [
         /* @__PURE__ */ jsxs3("div", { style: { display: "flex" }, children: [
           shown2.map((a, i) => {
             const ring = props.ringGradient ? ctx.gradient(props.ringGradient) : void 0;
@@ -31662,7 +31711,7 @@ var init_renderNode = __esm({
         /* @__PURE__ */ jsxs3("div", { style: { position: "relative", height: Math.min(props.expandedHeight ?? 120, 160), borderRadius: ctx.radius("md", 10), overflow: "hidden", background: imageUrl ? void 0 : `linear-gradient(135deg, ${C("accentPrimary", "#116DFF")}, ${C("accentSecondary", "#0E5FE3")})` }, children: [
           imageUrl && /* @__PURE__ */ jsx6("img", { src: imageUrl, alt: "", style: { width: "100%", height: "100%", objectFit: "cover" } }),
           /* @__PURE__ */ jsxs3("div", { style: { position: "absolute", left: 14, bottom: 12, color: "#fff", textShadow: "0 1px 4px rgba(0,0,0,.5)" }, children: [
-            /* @__PURE__ */ jsx6("div", { style: { fontFamily: ctx.font("title1").family || ctx.idiom && ctx.idiom !== "base" ? fontStack(ctx.font("title1").family, ctx.idiom) : '"Wix Madefor Display", system-ui', fontWeight: 700, fontSize: 20 }, children: txt(props.title, ctx) }),
+            /* @__PURE__ */ jsx6("div", { role: "heading", "aria-level": 2, style: { fontFamily: ctx.font("title1").family || ctx.idiom && ctx.idiom !== "base" ? fontStack(ctx.font("title1").family, ctx.idiom) : '"Wix Madefor Display", system-ui', fontWeight: 700, fontSize: 20 }, children: txt(props.title, ctx) }),
             props.subtitle && /* @__PURE__ */ jsx6("div", { style: { fontSize: 13, opacity: 0.9 }, children: txt(props.subtitle, ctx) })
           ] })
         ] }),
@@ -52457,21 +52506,21 @@ var init_preview_assets_generated = __esm({
   "../../packages/serve/src/preview-assets.generated.ts"() {
     init_preview_assets_format();
     PREVIEW_ASSET_MANIFEST = [
-      { key: "assets/index-BpZ7D4Bh.js", contentType: "application/javascript; charset=utf-8", offset: 8, length: 1058524, sha256: "cc7f9edeb0a351f0d1fbc18d622044afaf3112c567893f04135a5cf846e2c4d2" },
-      { key: "fonts/Roboto-LICENSE.txt", contentType: "application/octet-stream", offset: 1058532, length: 4610, sha256: "994062dd7af4186a739de55dd9e151c63b6301f8e2cbafc608d35c2e87da0cd2" },
-      { key: "fonts/Roboto-Variable.ttf", contentType: "font/ttf", offset: 1063142, length: 488584, sha256: "d7598e12c5dbef095ff8272cfc55da0250bd07fbdecbac8a530b9b277872a134" },
-      { key: "fonts/WixMadeforDisplay-Bold.ttf", contentType: "font/ttf", offset: 1551726, length: 90924, sha256: "ec4c7d63772d980d6e147b2df6215fd2737e4b04cebe0cf7e11dc695fb63cdcf" },
-      { key: "fonts/WixMadeforDisplay-ExtraBold.ttf", contentType: "font/ttf", offset: 1642650, length: 90984, sha256: "bf4c16a2774edd38a921edf3099469866cd74c094fd596f3fa4e81f54a04dfaa" },
-      { key: "fonts/WixMadeforDisplay-Medium.ttf", contentType: "font/ttf", offset: 1733634, length: 90980, sha256: "368faca44fb9f7207e4af784e94750b1ee59c1098b8689e0f4a918926f244fb5" },
-      { key: "fonts/WixMadeforDisplay-Regular.ttf", contentType: "font/ttf", offset: 1824614, length: 90872, sha256: "97ed8f1a6772abe26e3d8af5cecfc4b02faa94497d585b0398b5053b739a70c1" },
-      { key: "fonts/WixMadeforDisplay-SemiBold.ttf", contentType: "font/ttf", offset: 1915486, length: 90980, sha256: "642feab8a48ddf6c7a89d7c2a7c0edfa0e6e773f671287e460e222703563191e" },
-      { key: "fonts/WixMadeforText-Bold.ttf", contentType: "font/ttf", offset: 2006466, length: 108636, sha256: "37c179b4fefb63ea9637322b84583a2df53aa226c150294eea1675c14b1b8e29" },
-      { key: "fonts/WixMadeforText-ExtraBold.ttf", contentType: "font/ttf", offset: 2115102, length: 109084, sha256: "62e2fe4718129f36ecdb0ae4de385bd6b81ecc876146447167c6c140fad699a9" },
-      { key: "fonts/WixMadeforText-Medium.ttf", contentType: "font/ttf", offset: 2224186, length: 109048, sha256: "4ecf270136af928612c76fe4ebade91d8156975e5ea4c0cf9225501dd1788e02" },
-      { key: "fonts/WixMadeforText-Regular.ttf", contentType: "font/ttf", offset: 2333234, length: 107700, sha256: "dee56f09fd3efc127c1ea95557edc74110c1460a46287da36e0af25efd341ef5" },
-      { key: "fonts/WixMadeforText-SemiBold.ttf", contentType: "font/ttf", offset: 2440934, length: 88108, sha256: "dced97a77624bc5f8b1ae65850360908297f4588e09feb6f22792d29dc7e765b" },
-      { key: "index.html", contentType: "text/html; charset=utf-8", offset: 2529042, length: 4947, sha256: "bed413299e95d197f054aae695914a18403bef8f893a8ed89a87068cbd0cab80" },
-      { key: "t5-frame.html", contentType: "text/html; charset=utf-8", offset: 2533989, length: 17209, sha256: "dffc9718e2faa63ae2cc919e0a842f585ed565aaaa7c53778e90379442c731b6" }
+      { key: "assets/index-BU6QijMM.js", contentType: "application/javascript; charset=utf-8", offset: 8, length: 1060352, sha256: "f608f6d0e14dafe6c495e5df15d09d7512e0a8d87732feea4f4e8e36de7917e4" },
+      { key: "fonts/Roboto-LICENSE.txt", contentType: "application/octet-stream", offset: 1060360, length: 4610, sha256: "994062dd7af4186a739de55dd9e151c63b6301f8e2cbafc608d35c2e87da0cd2" },
+      { key: "fonts/Roboto-Variable.ttf", contentType: "font/ttf", offset: 1064970, length: 488584, sha256: "d7598e12c5dbef095ff8272cfc55da0250bd07fbdecbac8a530b9b277872a134" },
+      { key: "fonts/WixMadeforDisplay-Bold.ttf", contentType: "font/ttf", offset: 1553554, length: 90924, sha256: "ec4c7d63772d980d6e147b2df6215fd2737e4b04cebe0cf7e11dc695fb63cdcf" },
+      { key: "fonts/WixMadeforDisplay-ExtraBold.ttf", contentType: "font/ttf", offset: 1644478, length: 90984, sha256: "bf4c16a2774edd38a921edf3099469866cd74c094fd596f3fa4e81f54a04dfaa" },
+      { key: "fonts/WixMadeforDisplay-Medium.ttf", contentType: "font/ttf", offset: 1735462, length: 90980, sha256: "368faca44fb9f7207e4af784e94750b1ee59c1098b8689e0f4a918926f244fb5" },
+      { key: "fonts/WixMadeforDisplay-Regular.ttf", contentType: "font/ttf", offset: 1826442, length: 90872, sha256: "97ed8f1a6772abe26e3d8af5cecfc4b02faa94497d585b0398b5053b739a70c1" },
+      { key: "fonts/WixMadeforDisplay-SemiBold.ttf", contentType: "font/ttf", offset: 1917314, length: 90980, sha256: "642feab8a48ddf6c7a89d7c2a7c0edfa0e6e773f671287e460e222703563191e" },
+      { key: "fonts/WixMadeforText-Bold.ttf", contentType: "font/ttf", offset: 2008294, length: 108636, sha256: "37c179b4fefb63ea9637322b84583a2df53aa226c150294eea1675c14b1b8e29" },
+      { key: "fonts/WixMadeforText-ExtraBold.ttf", contentType: "font/ttf", offset: 2116930, length: 109084, sha256: "62e2fe4718129f36ecdb0ae4de385bd6b81ecc876146447167c6c140fad699a9" },
+      { key: "fonts/WixMadeforText-Medium.ttf", contentType: "font/ttf", offset: 2226014, length: 109048, sha256: "4ecf270136af928612c76fe4ebade91d8156975e5ea4c0cf9225501dd1788e02" },
+      { key: "fonts/WixMadeforText-Regular.ttf", contentType: "font/ttf", offset: 2335062, length: 107700, sha256: "dee56f09fd3efc127c1ea95557edc74110c1460a46287da36e0af25efd341ef5" },
+      { key: "fonts/WixMadeforText-SemiBold.ttf", contentType: "font/ttf", offset: 2442762, length: 88108, sha256: "dced97a77624bc5f8b1ae65850360908297f4588e09feb6f22792d29dc7e765b" },
+      { key: "index.html", contentType: "text/html; charset=utf-8", offset: 2530870, length: 4947, sha256: "c760d7592d0a40904bb13edaec8e8991f79fc2eb732c5dfee54fea36e6dceecb" },
+      { key: "t5-frame.html", contentType: "text/html; charset=utf-8", offset: 2535817, length: 17209, sha256: "dffc9718e2faa63ae2cc919e0a842f585ed565aaaa7c53778e90379442c731b6" }
     ];
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/himalaya-cli",
-  "version": "0.1057.0",
+  "version": "0.1059.0",
   "type": "module",
   "description": "himi — the Himalaya authoring CLI. Build a Tier-5 content package on your own machine, push it to the production serve as a draft, preview it on web + Himi Player, and read worker logs back — the remote dev loop. Wraps @himalaya/serve-cli for transport.",
   "keywords": [
@@ -65,5 +65,5 @@
       "artifactId": "himalaya-cli"
     }
   },
-  "falconPackageHash": "ede2fd66039df65fdf473ae5c73ce83b76f3b3875fd00de7768eeee0"
+  "falconPackageHash": "217408348528b793a48ae81c3b6395c3764c7e8c01df6771e26347e0"
 }