@multiplatform.one/components 6.6.0 → 7.0.0

package/dist/jsx/Video/PlayerChrome.native.js

@@ -0,0 +1,436 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var PlayerChrome_exports = {};
+__export(PlayerChrome_exports, {
+  PlayerChrome: () => PlayerChrome,
+  formatPlayerTime: () => formatPlayerTime
+});
+module.exports = __toCommonJS(PlayerChrome_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("@phosphor-icons/react");
+var import_react2 = require("react");
+var import_react_i18next = require("react-i18next");
+var import_tamagui = require("tamagui");
+var import_componentColors = require("../componentColors.native.js");
+var CHROME_Z_INDEX = 10;
+function formatPlayerTime(seconds) {
+  if (!Number.isFinite(seconds) || seconds < 0) return "0:00";
+  var total = Math.floor(seconds);
+  var h = Math.floor(total / 3600);
+  var m = Math.floor(total % 3600 / 60);
+  var s = total % 60;
+  var pad = function pad2(n) {
+    return String(n).padStart(2, "0");
+  };
+  return h > 0 ? `${h}:${pad(m)}:${pad(s)}` : `${m}:${pad(s)}`;
+}
+function activateOnKey(e, action) {
+  if (e.key === "Enter" || e.key === " ") {
+    var _e_preventDefault;
+    (_e_preventDefault = e.preventDefault) === null || _e_preventDefault === void 0 ? void 0 : _e_preventDefault.call(e);
+    action();
+  }
+}
+function ChromeButton(param) {
+  var {
+    label,
+    onPress,
+    size,
+    radius,
+    children
+  } = param;
+  var {
+    control,
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "Video"
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    role: "button",
+    "aria-label": label,
+    tabIndex: 0,
+    width: size,
+    height: size,
+    minWidth: import_theme.MIN_PRESS_TARGET,
+    minHeight: import_theme.MIN_PRESS_TARGET,
+    alignItems: "center",
+    justifyContent: "center",
+    cursor: "pointer",
+    ...{
+      color: "$color12"
+    },
+    borderRadius: radius,
+    hoverStyle: {
+      backgroundColor: "$color4"
+    },
+    pressStyle: {
+      opacity: 0.85
+    },
+    focusVisibleStyle: {
+      ...control.focusVisibleKnobProps
+    },
+    ...(knobProps.transition ? {
+      transition: knobProps.transition
+    } : {}),
+    onPress: function onPress1(e) {
+      var _e_stopPropagation;
+      (_e_stopPropagation = e.stopPropagation) === null || _e_stopPropagation === void 0 ? void 0 : _e_stopPropagation.call(e);
+      onPress();
+    },
+    ...{
+      onKeyDown: function onKeyDown(e) {
+        var _e_stopPropagation;
+        if (e.key === "Enter" || e.key === " ") (_e_stopPropagation = e.stopPropagation) === null || _e_stopPropagation === void 0 ? void 0 : _e_stopPropagation.call(e);
+        activateOnKey(e, onPress);
+      }
+    },
+    children
+  });
+}
+function SeekBar(param) {
+  var {
+    currentTime,
+    duration,
+    onSeek,
+    onSeekingChange,
+    radius
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  var {
+    control,
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "Video"
+  });
+  var [hot, setHot] = (0, import_react2.useState)(false);
+  var max = duration > 0 && Number.isFinite(duration) ? duration : 0;
+  var ratio = max > 0 ? Math.min(1, Math.max(0, currentTime / max)) : 0;
+  var seekAt = (0, import_react2.useCallback)(function (clientX, target) {
+    if (max <= 0) return;
+    var rect = target.getBoundingClientRect();
+    if (rect.width <= 0) return;
+    onSeek(Math.min(1, Math.max(0, (clientX - rect.left) / rect.width)) * max);
+  }, [max, onSeek]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    flex: 1,
+    height: import_theme.MIN_PRESS_TARGET,
+    justifyContent: "center",
+    role: "slider",
+    "aria-label": t("Seek"),
+    "aria-valuemin": 0,
+    "aria-valuemax": Math.floor(max),
+    "aria-valuenow": Math.floor(Number.isFinite(currentTime) ? currentTime : 0),
+    tabIndex: 0,
+    cursor: "pointer",
+    direction: "ltr",
+    focusVisibleStyle: {
+      ...control.focusVisibleKnobProps
+    },
+    ...{
+      onHoverIn: function onHoverIn() {
+        return setHot(true);
+      },
+      onHoverOut: function onHoverOut() {
+        return setHot(false);
+      },
+      onPointerDown: function onPointerDown(e) {
+        var _e_stopPropagation, _e_preventDefault;
+        (_e_stopPropagation = e.stopPropagation) === null || _e_stopPropagation === void 0 ? void 0 : _e_stopPropagation.call(e);
+        (_e_preventDefault = e.preventDefault) === null || _e_preventDefault === void 0 ? void 0 : _e_preventDefault.call(e);
+        var target = e.currentTarget;
+        if (!target || e.clientX == null) return;
+        onSeekingChange(true);
+        seekAt(e.clientX, target);
+        var move = function move2(ev) {
+          return seekAt(ev.clientX, target);
+        };
+        var up = function up1() {
+          window.removeEventListener("pointermove", move);
+          window.removeEventListener("pointerup", up);
+          onSeekingChange(false);
+        };
+        window.addEventListener("pointermove", move);
+        window.addEventListener("pointerup", up);
+      },
+      onKeyDown: function onKeyDown(e) {
+        if (max <= 0) return;
+        var step = max < 15 ? 1 : 5;
+        if (e.key === "ArrowLeft" || e.key === "ArrowDown") {
+          var _e_preventDefault, _e_stopPropagation;
+          (_e_preventDefault = e.preventDefault) === null || _e_preventDefault === void 0 ? void 0 : _e_preventDefault.call(e);
+          (_e_stopPropagation = e.stopPropagation) === null || _e_stopPropagation === void 0 ? void 0 : _e_stopPropagation.call(e);
+          onSeek(Math.max(0, currentTime - step));
+        } else if (e.key === "ArrowRight" || e.key === "ArrowUp") {
+          var _e_preventDefault1, _e_stopPropagation1;
+          (_e_preventDefault1 = e.preventDefault) === null || _e_preventDefault1 === void 0 ? void 0 : _e_preventDefault1.call(e);
+          (_e_stopPropagation1 = e.stopPropagation) === null || _e_stopPropagation1 === void 0 ? void 0 : _e_stopPropagation1.call(e);
+          onSeek(Math.min(max, currentTime + step));
+        } else if (e.key === "Home") {
+          var _e_preventDefault2, _e_stopPropagation2;
+          (_e_preventDefault2 = e.preventDefault) === null || _e_preventDefault2 === void 0 ? void 0 : _e_preventDefault2.call(e);
+          (_e_stopPropagation2 = e.stopPropagation) === null || _e_stopPropagation2 === void 0 ? void 0 : _e_stopPropagation2.call(e);
+          onSeek(0);
+        } else if (e.key === "End") {
+          var _e_preventDefault3, _e_stopPropagation3;
+          (_e_preventDefault3 = e.preventDefault) === null || _e_preventDefault3 === void 0 ? void 0 : _e_preventDefault3.call(e);
+          (_e_stopPropagation3 = e.stopPropagation) === null || _e_stopPropagation3 === void 0 ? void 0 : _e_stopPropagation3.call(e);
+          onSeek(max);
+        }
+      }
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      position: "relative",
+      width: "100%",
+      height: hot ? 6 : 4,
+      justifyContent: "center",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        height: "100%",
+        width: "100%",
+        backgroundColor: "$color8",
+        borderRadius: radius,
+        overflow: "hidden",
+        ...(knobProps.transition ? {
+          transition: knobProps.transition
+        } : {}),
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+          height: "100%",
+          width: `${ratio * 100}%`,
+          backgroundColor: import_componentColors.componentColors.indicator.selected
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        position: "absolute",
+        top: "50%",
+        left: `${ratio * 100}%`,
+        width: hot ? 14 : 12,
+        height: hot ? 14 : 12,
+        marginTop: hot ? -7 : -6,
+        marginLeft: hot ? -7 : -6,
+        backgroundColor: "$color12",
+        borderRadius: radius,
+        pointerEvents: "none"
+      })]
+    })
+  });
+}
+function PlayerChrome(param) {
+  var {
+    playing,
+    currentTime,
+    duration,
+    muted,
+    fullscreen,
+    visible,
+    onTogglePlay,
+    onSeek,
+    onToggleMuted,
+    onToggleFullscreen,
+    onHoverChange,
+    onFocusChange,
+    onSeekingChange
+  } = param;
+  var _ref, _ref1;
+  var _getTokens_size_knobProps_sizeToken, _getTokens_size, _getTokens_size_centerToken, _getTokens_size1;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "Video"
+  });
+  (0, import_theme.ensureKeyboardModalityTracking)();
+  (0, import_react2.useEffect)(function () {
+    (0, import_theme.ensureKeyboardModalityTracking)();
+  }, []);
+  var sizePx = (_ref = (_getTokens_size = (0, import_tamagui.getTokens)().size) === null || _getTokens_size === void 0 ? void 0 : (_getTokens_size_knobProps_sizeToken = _getTokens_size[knobProps.sizeToken]) === null || _getTokens_size_knobProps_sizeToken === void 0 ? void 0 : _getTokens_size_knobProps_sizeToken.val) !== null && _ref !== void 0 ? _ref : import_theme.MIN_PRESS_TARGET;
+  var target = Math.max(sizePx, import_theme.MIN_PRESS_TARGET);
+  var glyph = Math.max(16, Math.round(sizePx / 2));
+  var radius = knobProps.pointy ? 0 : 1e3;
+  var centerToken = knobProps.density === "compact" ? knobProps.sizeToken : "$6";
+  var centerPx = Math.max(target, (_ref1 = (_getTokens_size1 = (0, import_tamagui.getTokens)().size) === null || _getTokens_size1 === void 0 ? void 0 : (_getTokens_size_centerToken = _getTokens_size1[centerToken]) === null || _getTokens_size_centerToken === void 0 ? void 0 : _getTokens_size_centerToken.val) !== null && _ref1 !== void 0 ? _ref1 : 64);
+  var centerGlyph = Math.round(centerPx * 0.45);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
+    name: "dark",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      ...{
+        "data-testid": "video-chrome"
+      },
+      position: "absolute",
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0,
+      zIndex: CHROME_Z_INDEX,
+      opacity: visible ? 1 : 0,
+      pointerEvents: visible ? "box-none" : "none",
+      justifyContent: "space-between",
+      // Web hover + focus-capture handlers Tamagui forwards at runtime; the
+      // RN-flavored View prop type omits them (house Record cast).
+      ...{
+        onHoverIn: function onHoverIn() {
+          return onHoverChange(true);
+        },
+        onHoverOut: function onHoverOut() {
+          return onHoverChange(false);
+        },
+        onFocusCapture: function onFocusCapture() {
+          return onFocusChange(true);
+        },
+        onBlurCapture: function onBlurCapture(e) {
+          var _e_nativeEvent, _e_currentTarget_contains, _e_currentTarget;
+          var next = (_e_nativeEvent = e.nativeEvent) === null || _e_nativeEvent === void 0 ? void 0 : _e_nativeEvent.relatedTarget;
+          if (next && ((_e_currentTarget = e.currentTarget) === null || _e_currentTarget === void 0 ? void 0 : (_e_currentTarget_contains = _e_currentTarget.contains) === null || _e_currentTarget_contains === void 0 ? void 0 : _e_currentTarget_contains.call(_e_currentTarget, next))) return;
+          onFocusChange(false);
+        }
+      },
+      ...(knobProps.transition ? {
+        transition: knobProps.transition
+      } : {}),
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        flex: 1,
+        alignItems: "center",
+        justifyContent: "center",
+        pointerEvents: "none",
+        children: playing ? null : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+          pointerEvents: "auto",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ChromeButton, {
+            label: t("Play"),
+            onPress: onTogglePlay,
+            size: centerPx,
+            radius,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+              width: centerPx,
+              height: centerPx,
+              alignItems: "center",
+              justifyContent: "center",
+              backgroundColor: "$color3",
+              borderRadius: radius,
+              ...{
+                color: "$color12"
+              },
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.PlayIcon, {
+                size: centerGlyph,
+                color: "currentColor",
+                weight: "fill"
+              })
+            })
+          })
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        pointerEvents: "auto",
+        position: "relative",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+          position: "absolute",
+          top: 0,
+          right: 0,
+          bottom: 0,
+          left: 0,
+          backgroundColor: "$color1",
+          opacity: 0.72,
+          pointerEvents: "none"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          ...knobProps.panelPadding,
+          ...knobProps.gap,
+          alignItems: "center",
+          position: "relative",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ChromeButton, {
+            label: playing ? t("Pause") : t("Play"),
+            onPress: onTogglePlay,
+            size: target,
+            radius,
+            children: playing ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.PauseIcon, {
+              size: glyph,
+              color: "currentColor",
+              weight: "fill"
+            }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.PlayIcon, {
+              size: glyph,
+              color: "currentColor",
+              weight: "fill"
+            })
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+            ...knobProps.label,
+            color: "$color12",
+            minWidth: 36,
+            textAlign: "right",
+            ...{
+              style: {
+                fontVariantNumeric: "tabular-nums"
+              }
+            },
+            children: formatPlayerTime(currentTime)
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(SeekBar, {
+            currentTime,
+            duration,
+            onSeek,
+            onSeekingChange,
+            radius
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+            ...knobProps.label,
+            color: "$color12",
+            minWidth: 36,
+            ...{
+              style: {
+                fontVariantNumeric: "tabular-nums"
+              }
+            },
+            children: formatPlayerTime(duration)
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ChromeButton, {
+            label: muted ? t("Unmute") : t("Mute"),
+            onPress: onToggleMuted,
+            size: target,
+            radius,
+            children: muted ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.SpeakerSlashIcon, {
+              size: glyph,
+              color: "currentColor",
+              weight: "bold"
+            }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.SpeakerHighIcon, {
+              size: glyph,
+              color: "currentColor",
+              weight: "bold"
+            })
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ChromeButton, {
+            label: fullscreen ? t("Exit fullscreen") : t("Enter fullscreen"),
+            onPress: onToggleFullscreen,
+            size: target,
+            radius,
+            children: fullscreen ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CornersInIcon, {
+              size: glyph,
+              color: "currentColor",
+              weight: "bold"
+            }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CornersOutIcon, {
+              size: glyph,
+              color: "currentColor",
+              weight: "bold"
+            })
+          })]
+        })]
+      })]
+    })
+  });
+}
+//# sourceMappingURL=PlayerChrome.native.js.map

package/dist/jsx/Video/PlayerChrome.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","PlayerChrome_exports","PlayerChrome","formatPlayerTime","module","exports","import_jsx_runtime","require","import_theme","import_react","import_react2","import_react_i18next","import_tamagui","import_componentColors","CHROME_Z_INDEX","seconds","Number","isFinite","total","Math","floor","h","m","s","pad","pad2","n","String","padStart","activateOnKey","e","action","_e_preventDefault","preventDefault","ChromeButton","param","label","onPress","size","radius","children","control","knobProps","useResolvedKnobs","component","jsx","View","role","tabIndex","width","height","minWidth","MIN_PRESS_TARGET","minHeight","alignItems","justifyContent","cursor","color","borderRadius","hoverStyle","backgroundColor","pressStyle","opacity","focusVisibleStyle","focusVisibleKnobProps","transition","onPress1","_e_stopPropagation","stopPropagation","onKeyDown","SeekBar","currentTime","duration","onSeek","onSeekingChange","t","useTranslation","hot","setHot","useState","max","ratio","min","seekAt","useCallback","clientX","rect","getBoundingClientRect","left","YStack","flex","direction","onHoverIn","onHoverOut","onPointerDown","currentTarget","move","move2","ev","up","up1","window","removeEventListener","addEventListener","step","_e_preventDefault1","_e_stopPropagation1","_e_preventDefault2","_e_stopPropagation2","_e_preventDefault3","_e_stopPropagation3","jsxs","position","overflow","componentColors","indicator","selected","top","marginTop","marginLeft","pointerEvents","playing","muted","fullscreen","visible","onTogglePlay","onToggleMuted","onToggleFullscreen","onHoverChange","onFocusChange","_ref","_ref1","_getTokens_size_knobProps_sizeToken","_getTokens_size","_getTokens_size_centerToken","_getTokens_size1","ensureKeyboardModalityTracking","useEffect","sizePx","getTokens","sizeToken","val","glyph","round","pointy","centerToken","density","centerPx","centerGlyph","Theme","right","bottom","zIndex","onFocusCapture","onBlurCapture","_e_nativeEvent","_e_currentTarget_contains","_e_currentTarget","next","nativeEvent","relatedTarget","contains","PlayIcon","weight","XStack","panelPadding","gap","PauseIcon","SizableText","textAlign","style","fontVariantNumeric"],"sources":["../../../src/Video/PlayerChrome.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/Video/VideoFrame.mjs

@@ -1,4 +1,6 @@
+import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { Paragraph, YStack, styled } from "tamagui";
+import { wrapBareTextChildren } from "../shared/textRidesText.mjs";
 import { jsx } from "react/jsx-runtime";
 const VideoFrame = styled(YStack, {
   name: "Video",
@@ -7,13 +9,20 @@ const VideoFrame = styled(YStack, {
 function VideoCaption({
   children
 }) {
+  const {
+    knobProps
+  } = useResolvedKnobs({
+    component: "Video"
+  });
   return /* @__PURE__ */jsx(Paragraph, {
     render: "figcaption",
-    lineHeight: 22,
-    marginTop: "$2",
-    color: "$color11",
-    size: "$3",
-    children
+    color: knobProps.textAccentColor,
+    children: wrapBareTextChildren(children, (label, key) => /* @__PURE__ */jsx(Paragraph, {
+      render: "span",
+      ...knobProps.body,
+      color: knobProps.textAccentColor,
+      children: label
+    }, key))
   });
 }
 export { VideoCaption, VideoFrame };

package/dist/jsx/Video/VideoFrame.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Paragraph","YStack","styled","jsx","VideoFrame","name","width","VideoCaption","children","render","lineHeight","marginTop","color","size"],"sources":["../../../src/Video/VideoFrame.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,EAAWC,MAAA,EAAQC,MAAA,QAAc;AAUtC,SAAAC,GAAA;AAPG,MAAMC,UAAA,GAAaF,MAAA,CAAOD,MAAA,EAAQ;EACvCI,IAAA,EAAM;EACNC,KAAA,EAAO;AACT,CAAC;AAEM,SAASC,aAAa;EAAEC;AAAS,GAA4B;EAClE,OACE,eAAAL,GAAA,CAACH,SAAA;IAAUS,MAAA,EAAO;IAAaC,UAAA,EAAY;IAAIC,SAAA,EAAU;IAAKC,KAAA,EAAM;IAAWC,IAAA,EAAK;IACjFL;EAAA,CACH;AAEJ","ignoreList":[]}
+{"version":3,"names":["useResolvedKnobs","Paragraph","YStack","styled","wrapBareTextChildren","jsx","VideoFrame","name","width","VideoCaption","children","knobProps","component","render","color","textAccentColor","label","key","body"],"sources":["../../../src/Video/VideoFrame.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,gBAAA,QAAwB;AAEjC,SAASC,SAAA,EAAWC,MAAA,EAAQC,MAAA,QAAc;AAC1C,SAASC,oBAAA,QAA4B;AAY7B,SAAAC,GAAA;AAVD,MAAMC,UAAA,GAAaH,MAAA,CAAOD,MAAA,EAAQ;EACvCK,IAAA,EAAM;EACNC,KAAA,EAAO;AACT,CAAC;AAEM,SAASC,aAAa;EAAEC;AAAS,GAA4B;EAClE,MAAM;IAAEC;EAAU,IAAIX,gBAAA,CAAiB;IAAEY,SAAA,EAAW;EAAQ,CAAC;EAC7D,OACE,eAAAP,GAAA,CAACJ,SAAA;IAAUY,MAAA,EAAO;IAAaC,KAAA,EAAOH,SAAA,CAAUI,eAAA;IAC7CL,QAAA,EAAAN,oBAAA,CAAqBM,QAAA,EAAU,CAACM,KAAA,EAAOC,GAAA,KACtC,eAAAZ,GAAA,CAACJ,SAAA;MAECY,MAAA,EAAO;MACN,GAAGF,SAAA,CAAUO,IAAA;MACdJ,KAAA,EAAOH,SAAA,CAAUI,eAAA;MAEhBL,QAAA,EAAAM;IAAA,GALIC,GAMP,CACD;EAAA,CACH;AAEJ","ignoreList":[]}

package/dist/jsx/Video/VideoFrame.native.js

@@ -29,7 +29,9 @@ __export(VideoFrame_exports, {
 });
 module.exports = __toCommonJS(VideoFrame_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
+var import_textRidesText = require("../shared/textRidesText.native.js");
 var VideoFrame = (0, import_tamagui.styled)(import_tamagui.YStack, {
   name: "Video",
   width: "100%"
@@ -38,13 +40,22 @@ function VideoCaption(param) {
   var {
     children
   } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "Video"
+  });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
     render: "figcaption",
-    lineHeight: 22,
-    marginTop: "$2",
-    color: "$color11",
-    size: "$3",
-    children
+    color: knobProps.textAccentColor,
+    children: (0, import_textRidesText.wrapBareTextChildren)(children, function (label, key) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        render: "span",
+        ...knobProps.body,
+        color: knobProps.textAccentColor,
+        children: label
+      }, key);
+    })
   });
 }
 //# sourceMappingURL=VideoFrame.native.js.map

package/dist/jsx/Video/VideoFrame.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable"],"sources":["../../../src/Video/VideoFrame.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAUL,IAAAA,SAAA,GAAAC,MAAA,CAAAC,cAAA;AAPG,IAAAC,gBAAmB,GAAAF,MAAO,CAAAG,wBAAQ;AAAA,IACvCC,iBAAM,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACNC,YAAO,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AACT,IAACC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EAEM,SAASC,IAAA,IAAAD,GAAa,EAC3BZ,SACE,CAAAW,MAAA,EAAAE,IAAA;IAACC,GAAA,EAAAF,GAAA,CAAAC,IAAU;IAAAE,UAAO;EAAA,CAAa;AAInC","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","VideoFrame_exports","VideoCaption"],"sources":["../../../src/Video/VideoFrame.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAET,IAAAA,SAAS,GAAAC,MAAW,CAAAC,cAAQ;AAC5B,IAAAC,gBAAS,GAAAF,MAAA,CAAAG,wBAA4B;AAY7B,IAAAC,iBAAA,GAAAJ,MAAA,CAAAK,mBAAA;AAVD,IAAAC,YAAM,GAAaN,MAAA,CAAOO,SAAQ,CAAAC,cAAA;AAAA,IACvCC,QAAM,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EACN,SAAOC,IAAA,IAAAD,GAAA,EACRZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAEM;AACL,IAAAC,WAAQ,GAAAA,CAAAC,EAAU,EAAAC,IAAI,EAAAC,MAAA,EAAAC,IAAiB,KAAE;EACzC,IAAAF,IACE,WAAAA,IAAA,KAAC,YAAU,OAAAA,IAAO,eAAa;IAE1B,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,QAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EAECnB,SAAO,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EACO,OACdE,EAAA;AAAiB;AAEhB,IAAAM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IALIE,kBAAA;AAAAhB,QAQX,CAAAgB,kBAAA;EAEJC,YAAA,EAAAA,CAAA,KAAAA,YAAA","ignoreList":[]}