@multiplatform.one/components 6.7.0 → 7.1.0

package/dist/cjs/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/cjs/Video/PlayerChrome.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","PlayerChrome_exports","__export","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","key","_e_preventDefault","preventDefault","call","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","target","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","name","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/cjs/Video/VideoFrame.cjs

@@ -26,7 +26,9 @@ __export(VideoFrame_exports, {
   VideoFrame: () => VideoFrame
 });
 module.exports = __toCommonJS(VideoFrame_exports);
+var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
+var import_textRidesText = require("../shared/textRidesText.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 const VideoFrame = (0, import_tamagui.styled)(import_tamagui.YStack, {
   name: "Video",
@@ -35,12 +37,19 @@ const VideoFrame = (0, import_tamagui.styled)(import_tamagui.YStack, {
 function VideoCaption({
   children
 }) {
+  const {
+    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, (label, key) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+      render: "span",
+      ...knobProps.body,
+      color: knobProps.textAccentColor,
+      children: label
+    }, key))
   });
 }

package/dist/cjs/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/cjs/Video/VideoFrame.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","VideoFrame_exports","__export","VideoCaption","VideoFrame","module","exports","import_jsx_runtime","require","import_tamagui","styled","YStack","name","width","param","children"],"sources":["../../../src/Video/VideoFrame.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA,YAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAA0C,CAAAK,kBAAA;AAUtC,IAAAM,kBAAA,GAAAC,OAAA;AAPG,IAAAC,cAAM,GAAAD,OAAa;AAAe,IACvCJ,UAAM,OAAAK,cAAA,CAAAC,MAAA,EAAAD,cAAA,CAAAE,MAAA;EACNC,IAAA,SAAO;EACRC,KAAA;AAEM;AACL,SACEV,aAAAW,KAAA;EAIJ;IAAAC;EAAA,IAAAD,KAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","VideoFrame_exports","__export","VideoCaption","VideoFrame","module","exports","import_jsx_runtime","require","import_theme","import_tamagui","import_textRidesText","styled","YStack","name","width","param","children","knobProps","useResolvedKnobs","component","jsx","Paragraph","render","color","textAccentColor","wrapBareTextChildren","label","key","body"],"sources":["../../../src/Video/VideoFrame.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA,YAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAiC,CAAAK,kBAAA;AAEjC,IAAAM,kBAA0C,GAAAC,OAAA;AAC1C,IAAAC,YAAA,GAAAD,OAAA,CAAqC;AAY7B,IAAAE,cAAA,GAAAF,OAAA;AAVD,IAAAG,oBAAmB,GAAAH,OAAA,oCAAO;AAAQ,IACvCJ,UAAM,OAAAM,cAAA,CAAAE,MAAA,EAAAF,cAAA,CAAAG,MAAA;EACNC,IAAA,SAAO;EACRC,KAAA;AAEM;AACL,SAAMZ,YAAYA,CAAAa,KAAA,EAAI;EACtB;IAAAC;EACE,IAAAD,KAAA;EAEI,IAAC;IAAAE;EAAA,QAAAT,YAAA,CAAAU,gBAAA;IAAAC,SAAA;EAAA;EAEQ,OACH,eAAU,IAAAb,kBAAA,CAAAc,GAAA,EAAAX,cAAA,CAAAY,SAAA;IAAAC,MACd,cAAiB;IAAAC,KAEhB,EAAAN,SAAA,CAAAO,eAAA;IAAAR,QAAA,MAAAN,oBAAA,CAAAe,oBAAA,EAAAT,QAAA,YAAAU,KAAA,EAAAC,GAAA;MALI,0BAAArB,kBAAA,CAAAc,GAAA,EAAAX,cAAA,CAAAY,SAAA;QAQXC,MAAA;QAEJ,GAAAL,SAAA,CAAAW,IAAA","ignoreList":[]}