@wix/himalaya-cli 0.1195.0 → 0.1196.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;
@@ -34216,6 +34275,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 +35595,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);
@@ -61156,21 +61232,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-DguBaniI.js", contentType: "application/javascript; charset=utf-8", offset: 8, length: 1137597, sha256: "22b20d33f0bdfb014b6ca6594cfd8ad3a6b5a2d152b0e36b077aaf85eeff679e" },
+      { key: "fonts/Roboto-LICENSE.txt", contentType: "application/octet-stream", offset: 1137605, length: 4610, sha256: "994062dd7af4186a739de55dd9e151c63b6301f8e2cbafc608d35c2e87da0cd2" },
+      { key: "fonts/Roboto-Variable.ttf", contentType: "font/ttf", offset: 1142215, length: 488584, sha256: "d7598e12c5dbef095ff8272cfc55da0250bd07fbdecbac8a530b9b277872a134" },
+      { key: "fonts/WixMadeforDisplay-Bold.ttf", contentType: "font/ttf", offset: 1630799, length: 90924, sha256: "ec4c7d63772d980d6e147b2df6215fd2737e4b04cebe0cf7e11dc695fb63cdcf" },
+      { key: "fonts/WixMadeforDisplay-ExtraBold.ttf", contentType: "font/ttf", offset: 1721723, length: 90984, sha256: "bf4c16a2774edd38a921edf3099469866cd74c094fd596f3fa4e81f54a04dfaa" },
+      { key: "fonts/WixMadeforDisplay-Medium.ttf", contentType: "font/ttf", offset: 1812707, length: 90980, sha256: "368faca44fb9f7207e4af784e94750b1ee59c1098b8689e0f4a918926f244fb5" },
+      { key: "fonts/WixMadeforDisplay-Regular.ttf", contentType: "font/ttf", offset: 1903687, length: 90872, sha256: "97ed8f1a6772abe26e3d8af5cecfc4b02faa94497d585b0398b5053b739a70c1" },
+      { key: "fonts/WixMadeforDisplay-SemiBold.ttf", contentType: "font/ttf", offset: 1994559, length: 90980, sha256: "642feab8a48ddf6c7a89d7c2a7c0edfa0e6e773f671287e460e222703563191e" },
+      { key: "fonts/WixMadeforText-Bold.ttf", contentType: "font/ttf", offset: 2085539, length: 108636, sha256: "37c179b4fefb63ea9637322b84583a2df53aa226c150294eea1675c14b1b8e29" },
+      { key: "fonts/WixMadeforText-ExtraBold.ttf", contentType: "font/ttf", offset: 2194175, length: 109084, sha256: "62e2fe4718129f36ecdb0ae4de385bd6b81ecc876146447167c6c140fad699a9" },
+      { key: "fonts/WixMadeforText-Medium.ttf", contentType: "font/ttf", offset: 2303259, length: 109048, sha256: "4ecf270136af928612c76fe4ebade91d8156975e5ea4c0cf9225501dd1788e02" },
+      { key: "fonts/WixMadeforText-Regular.ttf", contentType: "font/ttf", offset: 2412307, length: 107700, sha256: "dee56f09fd3efc127c1ea95557edc74110c1460a46287da36e0af25efd341ef5" },
+      { key: "fonts/WixMadeforText-SemiBold.ttf", contentType: "font/ttf", offset: 2520007, length: 88108, sha256: "dced97a77624bc5f8b1ae65850360908297f4588e09feb6f22792d29dc7e765b" },
+      { key: "index.html", contentType: "text/html; charset=utf-8", offset: 2608115, length: 4947, sha256: "585aea745576a63c4e6115d570ec4eb9d9facbf7fdb3cdce22246b5880cd0ca6" },
+      { key: "t5-frame.html", contentType: "text/html; charset=utf-8", offset: 2613062, length: 17344, sha256: "d057298d75e7373e5e2c4d11b7d1bcbea88e03af555ba63d97641c78509c58e4" }
     ];
   }
 });

package/guides/component-reference.json

@@ -5,8 +5,6 @@
   "componentCount": 84,
   "notImplementedComponents": [
     "Text",
-    "Picker",
-    "Tabs",
     "Carousel",
     "CollapsingHeader",
     "Banner",
@@ -322,7 +320,9 @@
       "name": "Picker",
       "category": "Form primitives",
       "propsType": "PickerProps",
-      "bindings": [],
+      "bindings": [
+        "optionsPath"
+      ],
       "dispatches": [
         {
           "callback": "onChange",
@@ -341,17 +341,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 +464,7 @@
       "propsType": "TabsProps",
       "bindings": [
         "optionsPath",
+        "activeColorPath",
         "selectedId"
       ],
       "dispatches": [
@@ -484,39 +474,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}"
     },
     {

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: 21 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.
+- **`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. |
@@ -813,8 +809,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 +965,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 |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/himalaya-cli",
-  "version": "0.1195.0",
+  "version": "0.1196.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": "e95a1f768b7ab7776b103e30d88d9c746126ab8916e74519b48e3d94"
 }