@wix/himalaya-cli 0.1195.0 → 0.1197.0

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

@@ -650,6 +650,7 @@ export declare function picker(props: {
     selectedId?: string;
     placeholder?: string;
     onChange?: ActionShape;
+    optionsPath?: string;
 }, opts?: {
     id?: string;
 }): Component;

package/dist/cli.mjs

@@ -25225,7 +25225,6 @@ function shouldRevealError(args) {
 var EMAIL_RE, URL_HOST_RE, INTEGER_RE, NUMBER_RE;
 var init_validation = __esm({
   "../../core/ts/src/validation.ts"() {
-    "use strict";
     EMAIL_RE = /^[A-Za-z0-9._%+-]+@[A-Za-z0-9-]+(\.[A-Za-z0-9-]+)*\.[A-Za-z]{2,}$/;
     URL_HOST_RE = /^[A-Za-z0-9-]+(\.[A-Za-z0-9-]+)*(:[0-9]+)?$/;
     INTEGER_RE = /^[+-]?[0-9]+$/;
@@ -25885,7 +25884,6 @@ function validateWorkerSubtree(raw, slotId, policy, actionCatalog) {
 var WORKER_SUBTREE_CEILINGS, ID_PART, ACTION_ID;
 var init_worker_subtree = __esm({
   "../../core/ts/src/worker-subtree.ts"() {
-    "use strict";
     init_worker_subtree_safe_types_generated();
     WORKER_SUBTREE_CEILINGS = Object.freeze({
       maxEncodedBytes: 65536,
@@ -32682,7 +32680,7 @@ function resolveRowAction(action, ctx) {
     params: Object.fromEntries(Object.entries(params).map(([k, v]) => [k, typeof v === "number" || typeof v === "boolean" ? String(v) : v]))
   };
 }
-var useResolvedId, FONT, rowShareFloor, A11ySwitch, A11Y_PART, A11ySlider, A11ySelectionControl, actOf, withSelection, resolveItemDeep, A11yTabs, A11ySegmented, disclosureSeq, A11yDisclosure;
+var useResolvedId, FONT, rowShareFloor, A11ySwitch, A11Y_PART, A11ySlider, A11ySelectionControl, actOf, withSelection, resolveItemDeep, tabsActiveColorName, swipeTabPage, A11yTabs, A11ySegmented, disclosureSeq, A11yDisclosure;
 var init_controls = __esm({
   "../../core/web-renderer/src/a11y/controls.tsx"() {
     "use strict";
@@ -32980,14 +32978,33 @@ var init_controls = __esm({
       }
       return value;
     };
-    A11yTabs = ({ props, ctx, wrap }) => {
+    tabsActiveColorName = (raw, bound) => {
+      const name = typeof raw === "string" && isBinding(raw) ? bound : raw;
+      return typeof name === "string" && name.trim() ? name.trim() : void 0;
+    };
+    swipeTabPage = (pages, tabId) => {
+      const cases = Array.isArray(pages?.cases) ? pages.cases : [];
+      const dflt = pages?.defaultCase ?? pages?.default_case;
+      return (cases.find((c) => c?.id === tabId) ?? cases.find((c) => c?.id === dflt))?.content;
+    };
+    A11yTabs = ({ props, ctx, wrap, renderChild }) => {
       const C = ctx.color;
       const optionsPath = props.optionsPath ?? props.options_path;
       const boundTabs = useBoundValue(ctx, typeof optionsPath === "string" && isBinding(optionsPath) ? optionsPath : "");
+      const activeColorPath = props.activeColorPath ?? props.active_color_path;
+      const boundActive = useBoundValue(ctx, typeof activeColorPath === "string" && isBinding(activeColorPath) ? activeColorPath : "");
+      const activeName = tabsActiveColorName(activeColorPath, boundActive);
       const selectedId = useResolvedId(props.selectedId, ctx);
       const tabs = Array.isArray(boundTabs) && boundTabs.length ? boundTabs : Array.isArray(props.tabs) ? props.tabs : [];
-      const selIdx = Math.max(0, tabs.findIndex((t) => t.id === (selectedId ?? tabs[0]?.id)));
+      const pages = props.style === "swipe" ? props.swipePages : void 0;
+      const [local, setLocal] = React4.useState(void 0);
+      React4.useEffect(() => {
+        setLocal(void 0);
+      }, [selectedId]);
+      const current = local != null && tabs.some((t) => t.id === local) ? local : selectedId;
+      const selIdx = Math.max(0, tabs.findIndex((t) => t.id === (current ?? tabs[0]?.id)));
       const select = (i) => {
+        if (pages) setLocal(tabs[i]?.id);
         const act = actOf(tabs[i], props.onChange ?? props.onSelect);
         if (ctx.onAction && act) ctx.onAction(withSelection(act, { selectedId: String(tabs[i]?.id ?? i) }));
       };
@@ -33001,7 +33018,28 @@ var init_controls = __esm({
         e.preventDefault();
         if (ni !== selIdx) select(ni);
       };
-      return /* @__PURE__ */ jsx5("div", { role: "tablist", onKeyDown, style: { display: "flex", gap: 18, borderBottom: `1px solid ${C("border", "#ddd")}`, width: "100%", ...wrap }, children: tabs.map((t, i) => {
+      const pagerRef = React4.useRef(null);
+      const settle = React4.useRef(void 0);
+      React4.useEffect(() => {
+        const el = pagerRef.current;
+        if (!el || !el.clientWidth) return;
+        const x = selIdx * el.clientWidth;
+        if (Math.abs(el.scrollLeft - x) > 1) el.scrollTo?.({ left: x, behavior: "smooth" });
+      }, [selIdx, pages]);
+      React4.useEffect(() => () => clearTimeout(settle.current), []);
+      const onPagerScroll = () => {
+        clearTimeout(settle.current);
+        settle.current = setTimeout(() => {
+          const el = pagerRef.current;
+          if (!el || !el.clientWidth) return;
+          const i = Math.round(el.scrollLeft / el.clientWidth);
+          if (i >= 0 && i < tabs.length && i !== selIdx) select(i);
+        }, 120);
+      };
+      const accent = C("accentPrimary", "#116DFF");
+      const activeTint = activeName ? C(activeName, accent) : accent;
+      const activeLabel = activeName ? C(activeName, accentTextColor(ctx)) : accentTextColor(ctx);
+      const strip3 = /* @__PURE__ */ jsx5("div", { role: "tablist", onKeyDown, style: { display: "flex", gap: 18, borderBottom: `1px solid ${C("border", "#ddd")}`, width: "100%", ...pages ? {} : wrap }, children: tabs.map((t, i) => {
         const on3 = i === selIdx;
         return /* @__PURE__ */ jsxs2(
           "button",
@@ -33011,7 +33049,7 @@ var init_controls = __esm({
             "aria-selected": on3,
             tabIndex: on3 ? 0 : -1,
             onClick: () => select(i),
-            style: { all: "unset", display: "flex", gap: 6, alignItems: "center", minWidth: 44, minHeight: 44, padding: "10px 0", fontFamily: FONT(ctx), fontWeight: 600, fontSize: pxToRem(14), cursor: "pointer", color: on3 ? accentTextColor(ctx) : C("textSecondary", "#777"), borderBottom: on3 ? `2px solid ${C("accentPrimary", "#116DFF")}` : "2px solid transparent", marginBottom: -1 },
+            style: { all: "unset", display: "flex", gap: 6, alignItems: "center", minWidth: 44, minHeight: 44, padding: "10px 0", fontFamily: FONT(ctx), fontWeight: 600, fontSize: pxToRem(14), cursor: "pointer", color: on3 ? activeLabel : C("textSecondary", "#777"), borderBottom: on3 ? `2px solid ${activeTint}` : "2px solid transparent", marginBottom: -1 },
             children: [
               asText2(t.label),
               t.badge && /* @__PURE__ */ jsx5("span", { "aria-hidden": true, style: { fontSize: pxToRem(10), fontWeight: 700, background: C("surfaceTertiary", "#eee"), color: C("textSecondary", "#666"), padding: "1px 6px", borderRadius: 999 }, children: t.badge })
@@ -33020,6 +33058,27 @@ var init_controls = __esm({
           t.id ?? i
         );
       }) });
+      if (!pages) return strip3;
+      return /* @__PURE__ */ jsxs2("div", { style: { display: "flex", flexDirection: "column", width: "100%", ...wrap }, children: [
+        strip3,
+        /* @__PURE__ */ jsx5(
+          "div",
+          {
+            ref: pagerRef,
+            "data-part": "pager",
+            onScroll: onPagerScroll,
+            style: { display: "flex", overflowX: "auto", scrollSnapType: "x mandatory", scrollbarWidth: "none", overscrollBehaviorX: "contain", width: "100%" },
+            children: tabs.map((t, i) => {
+              const content = swipeTabPage(pages, t.id);
+              return (
+                // An off-screen page is `inert`, not just `aria-hidden`: its controls must leave the
+                // tab order too, or Tab focuses a hidden control (axe `aria-hidden-focus`).
+                /* @__PURE__ */ jsx5("div", { role: "tabpanel", "aria-hidden": i !== selIdx, ...i !== selIdx ? { inert: "" } : {}, style: { flex: "0 0 100%", minWidth: 0, scrollSnapAlign: "start", scrollSnapStop: "always", boxSizing: "border-box" }, children: content ? renderChild(content) : null }, t.id ?? i)
+              );
+            })
+          }
+        )
+      ] });
     };
     A11ySegmented = ({ props, ctx, wrap }) => {
       const C = ctx.color;
@@ -33218,6 +33277,32 @@ var init_overlayModality = __esm({
   }
 });
 
+// ../../core/web-renderer/src/sheet.ts
+function sheetDetents(detents) {
+  if (!Array.isArray(detents)) return [];
+  const kept = detents.filter((d) => typeof d === "number" && d > 0 && d <= 1);
+  return [...new Set(kept)].sort((a, b) => a - b);
+}
+function nextDetentIndex(index, count2) {
+  return count2 <= 1 ? 0 : (index + 1) % count2;
+}
+function detentAfterDrag(index, count2, dy) {
+  if (count2 <= 1 || Math.abs(dy) < DETENT_DRAG_THRESHOLD) return Math.max(0, Math.min(index, count2 - 1));
+  return Math.max(0, Math.min(count2 - 1, index + (dy < 0 ? 1 : -1)));
+}
+function sheetEdge(edge) {
+  return edge === "leading" || edge === "trailing" ? edge : "bottom";
+}
+var DETENT_DRAG_THRESHOLD, SIDE_SHEET_MAX_WIDTH, SIDE_SHEET_FRACTION, SIDE_SHEET_WIDTH_CSS;
+var init_sheet = __esm({
+  "../../core/web-renderer/src/sheet.ts"() {
+    DETENT_DRAG_THRESHOLD = 24;
+    SIDE_SHEET_MAX_WIDTH = 320;
+    SIDE_SHEET_FRACTION = 0.85;
+    SIDE_SHEET_WIDTH_CSS = `min(${SIDE_SHEET_MAX_WIDTH}px, ${SIDE_SHEET_FRACTION * 100}%)`;
+  }
+});
+
 // ../../core/web-renderer/src/listGestures.tsx
 import { useRef, useState as useState2 } from "react";
 import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
@@ -34216,6 +34301,23 @@ function ensureMarqueeKeyframes() {
   el.textContent = "@keyframes himalaya-marquee{from{transform:translateX(0)}to{transform:translateX(-100%)}}";
   document.head.appendChild(el);
 }
+function swipeTabsAdoption(children) {
+  if (!Array.isArray(children)) return children;
+  const out2 = [];
+  for (let i = 0; i < children.length; i++) {
+    const node = children[i];
+    const next = children[i + 1];
+    const n = node && typeof node === "object" ? normalize(node) : void 0;
+    if (n?.type === "Tabs" && n.props?.style === "swipe" && next && typeof next === "object" && normalize(next).type === "FragmentSlot") {
+      const props = { ...n.props, swipePages: normalize(next).props };
+      out2.push(node.body ? { ...node, body: { ...node.body, props } } : { ...node, props });
+      i++;
+      continue;
+    }
+    out2.push(node);
+  }
+  return out2;
+}
 function wantsRowStretch(node) {
   const { type, props } = normalize(node);
   if (type === "Toggle") return true;
@@ -35519,7 +35621,7 @@ function renderInner(node, ctx) {
   switch (type) {
     // ───────────── layout ─────────────
     case "VStack":
-      return /* @__PURE__ */ jsx8("div", { style: { display: "flex", flexDirection: "column", gap: gap(props.spacing), alignItems: alignItems(props.alignment), alignSelf: "stretch", ...wrap }, children: kids2(props.children, ctx) });
+      return /* @__PURE__ */ jsx8("div", { style: { display: "flex", flexDirection: "column", gap: gap(props.spacing), alignItems: alignItems(props.alignment), alignSelf: "stretch", ...wrap }, children: kids2(swipeTabsAdoption(props.children), ctx) });
     case "HStack": {
       const rowFills = Array.isArray(props.children) && props.children.some((c) => {
         const n = normalize(c);
@@ -36138,6 +36240,7 @@ var init_renderNode = __esm({
     init_controls();
     init_modalStack();
     init_overlayModality();
+    init_sheet();
     init_listGestures();
     init_worker_subtree();
     init_preview_surfaces();
@@ -38180,17 +38283,117 @@ var init_renderNode = __esm({
       const bound = useResolvedScalar(props.presentedPath, ctx);
       const gated = props.presentedPath != null || props.presented != null;
       const presented = props.presentedPath != null ? bound : props.presented;
-      const shown2 = !gated || presented === true || presented === "true";
+      const gateOpen = !gated || presented === true || presented === "true";
+      const [dismissed, setDismissed] = React7.useState(false);
+      React7.useEffect(() => {
+        if (!gateOpen) setDismissed(false);
+      }, [gateOpen]);
+      const shown2 = gateOpen && !dismissed;
       const modal = isOverlayModal("BottomSheet", props.modal);
+      const dismissible = props.dismissible !== false;
+      const edge = sheetEdge(props.edge);
+      const detents = edge === "bottom" ? sheetDetents(props.detents) : [];
+      const [detentIndex, setDetentIndex] = React7.useState(0);
+      React7.useEffect(() => {
+        if (!shown2) setDetentIndex(0);
+      }, [shown2]);
       const dialogRef = React7.useRef(null);
       const trapTab = useModalOverlay(dialogRef, shown2 && modal);
+      const latest = React7.useRef({ ctx, onDismiss: props.onDismiss });
+      latest.current = { ctx, onDismiss: props.onDismiss };
+      const closed = React7.useRef(false);
+      React7.useEffect(() => {
+        if (shown2) closed.current = false;
+      }, [shown2]);
+      const dismiss = React7.useCallback(() => {
+        if (closed.current) return;
+        closed.current = true;
+        setDismissed(true);
+        const { ctx: now, onDismiss } = latest.current;
+        if (onDismiss != null) now.onAction?.(resolveItemDeep2(onDismiss, now));
+      }, []);
+      React7.useEffect(() => {
+        if (!shown2 || !dismissible) return;
+        const doc = dialogRef.current?.ownerDocument;
+        if (!doc) return;
+        const onKey = (e) => {
+          const d = dialogRef.current;
+          if (e.key !== "Escape" || !d || !isWithinTopModal(d)) return;
+          if (d.querySelector(`[role="menu"], [${PRESENTED_OVERLAY_ATTR}]`) != null) return;
+          e.stopPropagation();
+          dismiss();
+        };
+        doc.addEventListener("keydown", onKey, true);
+        return () => doc.removeEventListener("keydown", onKey, true);
+      }, [shown2, dismissible, dismiss]);
+      const drag = React7.useRef(null);
       if (!shown2) return null;
-      const grabber = props.showGrabber !== false;
+      const grabber = props.showGrabber !== false && edge === "bottom";
       const sheet = idiomControls(ctx.idiom).sheet;
-      return /* @__PURE__ */ jsx8("div", { style: { position: "absolute", inset: 0, background: "rgba(0,0,0,.35)", zIndex: 50, display: "flex", flexDirection: "column", justifyContent: "flex-end", ...wrap }, children: /* @__PURE__ */ jsxs5("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__ */ jsx8("div", { style: { display: "flex", justifyContent: "center", padding: "8px 0 4px" }, children: /* @__PURE__ */ jsx8("div", { style: { width: sheet.grabberWidth, height: sheet.grabberHeight, borderRadius: 999, background: C("surfaceTertiary", "#d8dce2") } }) }),
-        /* @__PURE__ */ jsx8("div", { style: { padding: "8px 16px 16px" }, children: props.content ? renderNode(props.content, ctx) : null })
-      ] }) });
+      const r = `${sheet.cornerRadius}px`;
+      const side2 = edge !== "bottom";
+      const index = Math.min(detentIndex, Math.max(detents.length - 1, 0));
+      const sized = detents.length ? { height: `${detents[index] * 100}%`, maxHeight: `${detents[detents.length - 1] * 100}%`, display: "flex", flexDirection: "column" } : {};
+      const shape = side2 ? {
+        width: SIDE_SHEET_WIDTH_CSS,
+        height: "100%",
+        display: "flex",
+        flexDirection: "column",
+        // Unoffset, so it falls toward the scrim whichever physical side RTL puts the panel on —
+        // box-shadow has no logical form, and the half cast at the screen edge is off-screen anyway.
+        boxShadow: "0 0 24px rgba(0,0,0,.12)",
+        // Rounded on the side that faces the screen — logical corners, so RTL flips them too.
+        ...edge === "leading" ? { borderStartEndRadius: r, borderEndEndRadius: r } : { borderStartStartRadius: r, borderEndStartRadius: r }
+      } : { width: "100%", borderRadius: `${r} ${r} 0 0`, boxShadow: "0 -4px 24px rgba(0,0,0,.12)", ...sized };
+      const handleBar = /* @__PURE__ */ jsx8("div", { style: { width: sheet.grabberWidth, height: sheet.grabberHeight, borderRadius: 999, background: C("surfaceTertiary", "#d8dce2") } });
+      const handleBox = { display: "flex", justifyContent: "center", padding: "8px 0 4px", flexShrink: 0 };
+      return /* @__PURE__ */ jsx8(
+        "div",
+        {
+          "data-sheet-scrim": "",
+          onClick: dismissible ? (e) => {
+            if (drag.current?.moved) {
+              drag.current = null;
+              return;
+            }
+            if (e.target === e.currentTarget) dismiss();
+          } : void 0,
+          style: { position: "absolute", inset: 0, background: "rgba(0,0,0,.35)", zIndex: 50, display: "flex", ...side2 ? { flexDirection: "row", justifyContent: edge === "leading" ? "flex-start" : "flex-end" } : { flexDirection: "column", justifyContent: "flex-end" }, ...wrap },
+          children: /* @__PURE__ */ jsxs5("div", { ref: dialogRef, role: "dialog", "data-sheet-edge": edge, "aria-modal": modal ? "true" : void 0, tabIndex: modal ? -1 : void 0, onKeyDown: modal ? trapTab : void 0, "aria-label": props.title != null ? sheetTitle : "Sheet", style: { background: C("surfacePrimary", "#fff"), overflow: "hidden", ...shape }, children: [
+            grabber && (detents.length > 1 ? /* @__PURE__ */ jsx8(
+              "button",
+              {
+                type: "button",
+                "aria-label": "Resize sheet",
+                "data-sheet-handle": "",
+                onClick: () => {
+                  if (drag.current?.moved) {
+                    drag.current = null;
+                    return;
+                  }
+                  drag.current = null;
+                  setDetentIndex((i) => nextDetentIndex(i, detents.length));
+                },
+                onPointerDown: (e) => {
+                  drag.current = { y: e.clientY, moved: false };
+                  e.currentTarget.setPointerCapture?.(e.pointerId);
+                },
+                onPointerUp: (e) => {
+                  const d = drag.current;
+                  if (!d) return;
+                  const dy = e.clientY - d.y;
+                  if (Math.abs(dy) < DETENT_DRAG_THRESHOLD) return;
+                  d.moved = true;
+                  setDetentIndex(detentAfterDrag(index, detents.length, dy));
+                },
+                style: { ...handleBox, width: "100%", border: "none", background: "transparent", cursor: "ns-resize", touchAction: "none" },
+                children: handleBar
+              }
+            ) : /* @__PURE__ */ jsx8("div", { style: handleBox, children: handleBar })),
+            /* @__PURE__ */ jsx8("div", { style: { padding: side2 ? "16px" : "8px 16px 16px", ...side2 || detents.length ? { flex: 1, minHeight: 0, overflowY: "auto" } : {} }, children: props.content ? renderNode(props.content, ctx) : null })
+          ] })
+        }
+      );
     });
     PRESENTED_OVERLAY_ATTR = "data-hm-presented-overlay";
     PopoverNode = withExtras("PopoverNode", ({ props, ctx, wrap }) => {
@@ -61156,21 +61359,21 @@ var init_preview_assets_generated = __esm({
   "../../packages/serve/src/preview-assets.generated.ts"() {
     init_preview_assets_format();
     PREVIEW_ASSET_MANIFEST = [
-      { key: "assets/index-C_AIgKp4.js", contentType: "application/javascript; charset=utf-8", offset: 8, length: 1135680, sha256: "dec95bd7419620a5edfb4e9cdcf7a027a81cce9009bc214cf03578d384fc1724" },
-      { key: "fonts/Roboto-LICENSE.txt", contentType: "application/octet-stream", offset: 1135688, length: 4610, sha256: "994062dd7af4186a739de55dd9e151c63b6301f8e2cbafc608d35c2e87da0cd2" },
-      { key: "fonts/Roboto-Variable.ttf", contentType: "font/ttf", offset: 1140298, length: 488584, sha256: "d7598e12c5dbef095ff8272cfc55da0250bd07fbdecbac8a530b9b277872a134" },
-      { key: "fonts/WixMadeforDisplay-Bold.ttf", contentType: "font/ttf", offset: 1628882, length: 90924, sha256: "ec4c7d63772d980d6e147b2df6215fd2737e4b04cebe0cf7e11dc695fb63cdcf" },
-      { key: "fonts/WixMadeforDisplay-ExtraBold.ttf", contentType: "font/ttf", offset: 1719806, length: 90984, sha256: "bf4c16a2774edd38a921edf3099469866cd74c094fd596f3fa4e81f54a04dfaa" },
-      { key: "fonts/WixMadeforDisplay-Medium.ttf", contentType: "font/ttf", offset: 1810790, length: 90980, sha256: "368faca44fb9f7207e4af784e94750b1ee59c1098b8689e0f4a918926f244fb5" },
-      { key: "fonts/WixMadeforDisplay-Regular.ttf", contentType: "font/ttf", offset: 1901770, length: 90872, sha256: "97ed8f1a6772abe26e3d8af5cecfc4b02faa94497d585b0398b5053b739a70c1" },
-      { key: "fonts/WixMadeforDisplay-SemiBold.ttf", contentType: "font/ttf", offset: 1992642, length: 90980, sha256: "642feab8a48ddf6c7a89d7c2a7c0edfa0e6e773f671287e460e222703563191e" },
-      { key: "fonts/WixMadeforText-Bold.ttf", contentType: "font/ttf", offset: 2083622, length: 108636, sha256: "37c179b4fefb63ea9637322b84583a2df53aa226c150294eea1675c14b1b8e29" },
-      { key: "fonts/WixMadeforText-ExtraBold.ttf", contentType: "font/ttf", offset: 2192258, length: 109084, sha256: "62e2fe4718129f36ecdb0ae4de385bd6b81ecc876146447167c6c140fad699a9" },
-      { key: "fonts/WixMadeforText-Medium.ttf", contentType: "font/ttf", offset: 2301342, length: 109048, sha256: "4ecf270136af928612c76fe4ebade91d8156975e5ea4c0cf9225501dd1788e02" },
-      { key: "fonts/WixMadeforText-Regular.ttf", contentType: "font/ttf", offset: 2410390, length: 107700, sha256: "dee56f09fd3efc127c1ea95557edc74110c1460a46287da36e0af25efd341ef5" },
-      { key: "fonts/WixMadeforText-SemiBold.ttf", contentType: "font/ttf", offset: 2518090, length: 88108, sha256: "dced97a77624bc5f8b1ae65850360908297f4588e09feb6f22792d29dc7e765b" },
-      { key: "index.html", contentType: "text/html; charset=utf-8", offset: 2606198, length: 4947, sha256: "c3f476b436d5ba5d2c7e928ba8da0472201b6353f25d6f73fb6cce9f5326c965" },
-      { key: "t5-frame.html", contentType: "text/html; charset=utf-8", offset: 2611145, length: 17344, sha256: "d057298d75e7373e5e2c4d11b7d1bcbea88e03af555ba63d97641c78509c58e4" }
+      { key: "assets/index-Be22pfxU.js", contentType: "application/javascript; charset=utf-8", offset: 8, length: 1139970, sha256: "62e8562cac4241e5d50d5174a0a0c919a8f95eef7bcab5e2864bd1b809ba1934" },
+      { key: "fonts/Roboto-LICENSE.txt", contentType: "application/octet-stream", offset: 1139978, length: 4610, sha256: "994062dd7af4186a739de55dd9e151c63b6301f8e2cbafc608d35c2e87da0cd2" },
+      { key: "fonts/Roboto-Variable.ttf", contentType: "font/ttf", offset: 1144588, length: 488584, sha256: "d7598e12c5dbef095ff8272cfc55da0250bd07fbdecbac8a530b9b277872a134" },
+      { key: "fonts/WixMadeforDisplay-Bold.ttf", contentType: "font/ttf", offset: 1633172, length: 90924, sha256: "ec4c7d63772d980d6e147b2df6215fd2737e4b04cebe0cf7e11dc695fb63cdcf" },
+      { key: "fonts/WixMadeforDisplay-ExtraBold.ttf", contentType: "font/ttf", offset: 1724096, length: 90984, sha256: "bf4c16a2774edd38a921edf3099469866cd74c094fd596f3fa4e81f54a04dfaa" },
+      { key: "fonts/WixMadeforDisplay-Medium.ttf", contentType: "font/ttf", offset: 1815080, length: 90980, sha256: "368faca44fb9f7207e4af784e94750b1ee59c1098b8689e0f4a918926f244fb5" },
+      { key: "fonts/WixMadeforDisplay-Regular.ttf", contentType: "font/ttf", offset: 1906060, length: 90872, sha256: "97ed8f1a6772abe26e3d8af5cecfc4b02faa94497d585b0398b5053b739a70c1" },
+      { key: "fonts/WixMadeforDisplay-SemiBold.ttf", contentType: "font/ttf", offset: 1996932, length: 90980, sha256: "642feab8a48ddf6c7a89d7c2a7c0edfa0e6e773f671287e460e222703563191e" },
+      { key: "fonts/WixMadeforText-Bold.ttf", contentType: "font/ttf", offset: 2087912, length: 108636, sha256: "37c179b4fefb63ea9637322b84583a2df53aa226c150294eea1675c14b1b8e29" },
+      { key: "fonts/WixMadeforText-ExtraBold.ttf", contentType: "font/ttf", offset: 2196548, length: 109084, sha256: "62e2fe4718129f36ecdb0ae4de385bd6b81ecc876146447167c6c140fad699a9" },
+      { key: "fonts/WixMadeforText-Medium.ttf", contentType: "font/ttf", offset: 2305632, length: 109048, sha256: "4ecf270136af928612c76fe4ebade91d8156975e5ea4c0cf9225501dd1788e02" },
+      { key: "fonts/WixMadeforText-Regular.ttf", contentType: "font/ttf", offset: 2414680, length: 107700, sha256: "dee56f09fd3efc127c1ea95557edc74110c1460a46287da36e0af25efd341ef5" },
+      { key: "fonts/WixMadeforText-SemiBold.ttf", contentType: "font/ttf", offset: 2522380, length: 88108, sha256: "dced97a77624bc5f8b1ae65850360908297f4588e09feb6f22792d29dc7e765b" },
+      { key: "index.html", contentType: "text/html; charset=utf-8", offset: 2610488, length: 4947, sha256: "386fa61b1b421ce787158e789f1305d53d99f3bd49f49f90a18913d84b2d155a" },
+      { key: "t5-frame.html", contentType: "text/html; charset=utf-8", offset: 2615435, length: 17344, sha256: "d057298d75e7373e5e2c4d11b7d1bcbea88e03af555ba63d97641c78509c58e4" }
     ];
   }
 });

package/guides/component-reference.json

@@ -5,8 +5,6 @@
   "componentCount": 84,
   "notImplementedComponents": [
     "Text",
-    "Picker",
-    "Tabs",
     "Carousel",
     "CollapsingHeader",
     "Banner",
@@ -15,7 +13,6 @@
     "Slider",
     "SelectionControl",
     "ActivityIndicator",
-    "BottomSheet",
     "Menu",
     "Tooltip",
     "Popover",
@@ -322,7 +319,9 @@
       "name": "Picker",
       "category": "Form primitives",
       "propsType": "PickerProps",
-      "bindings": [],
+      "bindings": [
+        "optionsPath"
+      ],
       "dispatches": [
         {
           "callback": "onChange",
@@ -341,17 +340,6 @@
           ]
         }
       ],
-      "notImplemented": {
-        "props": [
-          "optionsPath",
-          "placeholder"
-        ],
-        "platforms": [
-          "ios"
-        ],
-        "severity": "styling",
-        "note": "Standalone Picker: `optionsPath` does not bind (it does inside a FormField); `placeholder` is only the accessible name, never shown."
-      },
       "propsSource": "export interface PickerProps {\n  options: PickerOption[];\n  selectedId?: string;\n  onChange?: Action;\n  placeholder?: string;\n  /** \"$service:\" sentinel → worker array of {id,label}; `options` is the fallback. */\n  optionsPath?: string;\n}"
     },
     {
@@ -475,6 +463,7 @@
       "propsType": "TabsProps",
       "bindings": [
         "optionsPath",
+        "activeColorPath",
         "selectedId"
       ],
       "dispatches": [
@@ -484,39 +473,6 @@
           "encoding": "string"
         }
       ],
-      "notImplemented": [
-        {
-          "props": [
-            "style"
-          ],
-          "platforms": [
-            "ios"
-          ],
-          "severity": "styling",
-          "note": "`style: \"swipe\"` renders as plain top tabs."
-        },
-        {
-          "props": [
-            "activeColorPath"
-          ],
-          "platforms": [
-            "android"
-          ],
-          "severity": "styling",
-          "note": "`activeColorPath` does not tint the active tab."
-        },
-        {
-          "props": [
-            "activeColorPath",
-            "style"
-          ],
-          "platforms": [
-            "web"
-          ],
-          "severity": "styling",
-          "note": "`activeColorPath` does not tint the active tab. `style: \"swipe\"` renders as plain top tabs."
-        }
-      ],
       "propsSource": "export interface TabsProps {\n  tabs: TabItem[];\n  /** Literal id, or a binding-aware `$service:`/`$item.` live selection. */\n  selectedId: string;\n  onChange?: Action;\n  style?: \"top\" | \"swipe\";\n  /** `$service:` binding → a live tabs array (overrides `tabs`). */\n  optionsPath?: string;\n  /** `$service:` binding → a token name for the active-tab color. */\n  activeColorPath?: string;\n}"
     },
     {
@@ -813,42 +769,6 @@
       "bindings": [
         "presentedPath"
       ],
-      "notImplemented": [
-        {
-          "props": [
-            "edge"
-          ],
-          "platforms": [
-            "ios"
-          ],
-          "severity": "category",
-          "note": "`edge` (side sheet) is ignored — it always opens from the bottom."
-        },
-        {
-          "props": [
-            "detents",
-            "edge"
-          ],
-          "platforms": [
-            "android"
-          ],
-          "severity": "category",
-          "note": "`detents` are ignored (opens full height). `edge` (side sheet) is ignored — it always opens from the bottom."
-        },
-        {
-          "props": [
-            "detents",
-            "dismissible",
-            "onDismiss",
-            "edge"
-          ],
-          "platforms": [
-            "web"
-          ],
-          "severity": "category",
-          "note": "`detents` are ignored (opens full height). No scrim tap / Escape to close, so `onDismiss` never fires — for a dismissible sheet here, present the content as its own screen with `presentation: \"sheet\"` on the navigating `Action`. `edge` (side sheet) is ignored — it always opens from the bottom."
-        }
-      ],
       "propsSource": "export interface BottomSheetProps {\n  /** Place the sheet as a root-payload sibling (normally the final child), not\n   * inside the trigger row, so its presented overlay can cover the whole screen. */\n  content?: Component;\n  /** Fractional heights, e.g. [0.3, 0.9]. */\n  detents?: number[];\n  dismissible?: boolean;\n  showGrabber?: boolean;\n  onDismiss?: Action;\n  presented?: boolean;\n  /** \"$service:\" binding → bool (overrides `presented`). */\n  presentedPath?: string;\n  edge?: \"bottom\" | \"leading\" | \"trailing\";\n  /** The overlay traps focus and hides the rest of the tree from AT while\n   *  presented (iOS `accessibilityViewIsModal`, Android `isTraversalGroup`, ARIA\n   *  `aria-modal`). TRI-STATE: absent takes this component's default (**true**), an\n   *  explicit `false` opts it out. */\n  modal?: boolean;\n}"
     },
     {

package/guides/component-reference.md

@@ -51,7 +51,7 @@ See also **[Modifiers](#modifiers)** (the `modifiers` block) and **[Actions](#ac
 | `Form` | Form primitives | — |
 | `FormField` | Form primitives | — |
 | `FieldError` | Form primitives | `textPath` |
-| `Picker` | Form primitives | — |
+| `Picker` | Form primitives | `optionsPath` |
 | `DatePicker` | Form primitives | `valuePath` |
 | `StatefulSection` | State envelopes | — |
 | `Skeleton` | State envelopes | — |
@@ -59,7 +59,7 @@ See also **[Modifiers](#modifiers)** (the `modifiers` block) and **[Actions](#ac
 | `WorkerSubtree` | Bounded worker-authored component tree | `treeJsonPath` |
 | `SearchField` | Search & filter | — |
 | `FilterChips` | Search & filter | `optionsPath`, `selectedIds` |
-| `Tabs` | Navigation primitives | `optionsPath`, `selectedId` |
+| `Tabs` | Navigation primitives | `optionsPath`, `activeColorPath`, `selectedId` |
 | `SegmentedControl` | Navigation primitives | `optionsPath`, `selectedId` |
 | `Carousel` | Navigation primitives | `itemsPath` |
 | `Pager` | Navigation primitives | — |
@@ -116,18 +116,14 @@ See also **[Modifiers](#modifiers)** (the `modifiers` block) and **[Actions](#ac
 
 These props are accepted by the schema and pass validation, but the named platform's renderer never reads them — they silently do nothing (no warning, no log). Prefer a prop NOT listed here, or drive the behaviour from a worker.
 
-**Scope: 23 of 84 components, all of them web / ios / android-only** — every other component/platform pair reads every prop it decodes. The list splits in two, and the halves mean different things:
+**Scope: 20 of 84 components, all of them web / android / ios-only** — every other component/platform pair reads every prop it decodes. The list splits in two, and the halves mean different things:
 
-- **`category` (8: `BottomSheet`, `Menu`, `Tooltip`, `Popover`, `ChipsInput`, `OtpInput`, `MediaPlayer`, `TimeGrid`)** — the prop changes the component's *kind*. These genuinely are **not implemented**: an overlay renders always-visible inline, so the component does not do the job its name implies. Check the row's note for a working alternative — for a dismissible sheet it is `presentation: "sheet"` on the navigating `Action`, not `BottomSheet`.
-- **`styling` (15: `Text`, `Picker`, `Tabs`, `Carousel`, `CollapsingHeader`, `Banner`, `Snackbar`, `WebView`, `Slider`, `SelectionControl`, `ActivityIndicator`, `Map`, `Video`, `PdfView`, `Agenda`)** — the component itself **works**; only the listed prop is inert. `Slider` on iOS is a working slider whose `debounceMs` does not throttle — not a broken `Slider`. Use the component; just do not depend on that one prop.
+- **`category` (7: `Menu`, `Tooltip`, `Popover`, `ChipsInput`, `OtpInput`, `MediaPlayer`, `TimeGrid`)** — the prop changes the component's *kind*. These genuinely are **not implemented**: an overlay renders always-visible inline, so the component does not do the job its name implies. Check the row's note for a working alternative.
+- **`styling` (13: `Text`, `Carousel`, `CollapsingHeader`, `Banner`, `Snackbar`, `WebView`, `Slider`, `SelectionControl`, `ActivityIndicator`, `Map`, `Video`, `PdfView`, `Agenda`)** — the component itself **works**; only the listed prop is inert. `Slider` on iOS is a working slider whose `debounceMs` does not throttle — not a broken `Slider`. Use the component; just do not depend on that one prop.
 
 | Component | Unread props | Platform | Kind | Note |
 |---|---|---|---|---|
 | `Text` | `textDirection`, `animateReveal` | web | styling | `textDirection` sets no `dir`. `animateReveal` does not animate. |
-| `Picker` | `optionsPath`, `placeholder` | ios | styling | Standalone Picker: `optionsPath` does not bind (it does inside a FormField); `placeholder` is only the accessible name, never shown. |
-| `Tabs` | `style` | ios | styling | `style: "swipe"` renders as plain top tabs. |
-| `Tabs` | `activeColorPath` | android | styling | `activeColorPath` does not tint the active tab. |
-| `Tabs` | `activeColorPath`, `style` | web | styling | `activeColorPath` does not tint the active tab. `style: "swipe"` renders as plain top tabs. |
 | `Carousel` | `autoplayIntervalMs` | android, web | styling | No autoplay. |
 | `CollapsingHeader` | `imageAsset`, `collapsedHeight`, `parallaxFactor` | web | styling | A static hero: `imageAsset`, `collapsedHeight` and `parallaxFactor` are inert (only `imageUrl` is read). |
 | `CollapsingHeader` | `imageAsset` | android | styling | `imageAsset` (a baked asset name) is not resolved — only `imageUrl` paints the hero. |
@@ -137,9 +133,6 @@ These props are accepted by the schema and pass validation, but the named platfo
 | `Slider` | `debounceMs` | ios, web | styling | `debounceMs` does not throttle onChange. |
 | `SelectionControl` | `groupId` | android, web | styling | Radios sharing a `groupId` are not mutually exclusive. |
 | `ActivityIndicator` | `ring` | ios, android, web | styling | The `ring` style is never selected (determinate vs indeterminate follows `value`). |
-| `BottomSheet` | `edge` | ios | category | `edge` (side sheet) is ignored — it always opens from the bottom. |
-| `BottomSheet` | `detents`, `edge` | android | category | `detents` are ignored (opens full height). `edge` (side sheet) is ignored — it always opens from the bottom. |
-| `BottomSheet` | `detents`, `dismissible`, `onDismiss`, `edge` | web | category | `detents` are ignored (opens full height). No scrim tap / Escape to close, so `onDismiss` never fires — for a dismissible sheet here, present the content as its own screen with `presentation: "sheet"` on the navigating `Action`. `edge` (side sheet) is ignored — it always opens from the bottom. |
 | `Menu` | `itemsPath` | ios | category | `itemsPath` does not bind items. |
 | `Menu` | `style`, `itemsPath` | android, web | category | `style` is ignored — `context`/`action_sheet` render as a dropdown. `itemsPath` does not bind items. |
 | `Tooltip` | `edge`, `trigger`, `onDismiss` | ios, android, web | category | Not an overlay — renders always-expanded inline; `edge`, `trigger` and dismissal are inert. |
@@ -813,8 +806,6 @@ export interface PickerProps {
 }
 ```
 
-> ⚠️ **Implemented, but these props are inert on ios:** `optionsPath`, `placeholder` — Standalone Picker: `optionsPath` does not bind (it does inside a FormField); `placeholder` is only the accessible name, never shown.
-
 **Dispatches** — see [What a control sends](#what-a-control-sends-action-payloads):
 
 | callback | key | type |
@@ -971,12 +962,6 @@ export interface TabsProps {
 }
 ```
 
-> ⚠️ **Implemented, but these props are inert on ios:** `style` — `style: "swipe"` renders as plain top tabs.
-
-> ⚠️ **Implemented, but these props are inert on android:** `activeColorPath` — `activeColorPath` does not tint the active tab.
-
-> ⚠️ **Implemented, but these props are inert on web:** `activeColorPath`, `style` — `activeColorPath` does not tint the active tab. `style: "swipe"` renders as plain top tabs.
-
 **Dispatches** — see [What a control sends](#what-a-control-sends-action-payloads):
 
 | callback | key | type |
@@ -1321,12 +1306,6 @@ export interface BottomSheetProps {
 }
 ```
 
-> ⚠️ **Not implemented on ios:** `edge` — `edge` (side sheet) is ignored — it always opens from the bottom.
-
-> ⚠️ **Not implemented on android:** `detents`, `edge` — `detents` are ignored (opens full height). `edge` (side sheet) is ignored — it always opens from the bottom.
-
-> ⚠️ **Not implemented on web:** `detents`, `dismissible`, `onDismiss`, `edge` — `detents` are ignored (opens full height). No scrim tap / Escape to close, so `onDismiss` never fires — for a dismissible sheet here, present the content as its own screen with `presentation: "sheet"` on the navigating `Action`. `edge` (side sheet) is ignored — it always opens from the bottom.
-
 #### Menu
 
 ```ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/himalaya-cli",
-  "version": "0.1195.0",
+  "version": "0.1197.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": [
@@ -67,5 +67,5 @@
       "artifactId": "himalaya-cli"
     }
   },
-  "falconPackageHash": "9372e1bc93fb23ce8d6d5db9c0d7574d95632af38bcce8830a656813"
+  "falconPackageHash": "3f470cbc63eb9c1ea7dd879c9c6957121770abb5dcd24125ae87b4a7"
 }