@buoy-gg/image-overlay 7.0.41 → 7.0.42

package/lib/commonjs/imageOverlay/components/OverlayControls.js

@@ -1,253 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.OverlayControls = OverlayControls;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Controls for adjusting the overlay: opacity, scale, offset.
- * Each control has a slider track plus -/+ stepper buttons.
- */
-
-function SliderStepper({
-  label,
-  value,
-  min,
-  max,
-  step,
-  displayValue,
-  onChange
-}) {
-  const trackWidth = (0, _react.useRef)(0);
-  const trackX = (0, _react.useRef)(0);
-  const clamp = (0, _react.useCallback)(v => Math.max(min, Math.min(max, v)), [min, max]);
-  const fraction = max > min ? (value - min) / (max - min) : 0;
-
-  // Keep current values in refs so PanResponder always uses latest props
-  const onChangeRef = (0, _react.useRef)(onChange);
-  const clampRef = (0, _react.useRef)(clamp);
-  const minRef = (0, _react.useRef)(min);
-  const maxRef = (0, _react.useRef)(max);
-  onChangeRef.current = onChange;
-  clampRef.current = clamp;
-  minRef.current = min;
-  maxRef.current = max;
-  const handleSliderEvent = (0, _react.useCallback)(pageX => {
-    const x = pageX - trackX.current;
-    const frac = Math.max(0, Math.min(1, x / trackWidth.current));
-    const val = minRef.current + frac * (maxRef.current - minRef.current);
-    onChangeRef.current(clampRef.current(val));
-  }, []);
-  const panResponder = (0, _react.useRef)(_reactNative.PanResponder.create({
-    onStartShouldSetPanResponder: () => true,
-    onMoveShouldSetPanResponder: () => true,
-    onPanResponderTerminationRequest: () => false,
-    onPanResponderGrant: evt => {
-      handleSliderEvent(evt.nativeEvent.pageX);
-    },
-    onPanResponderMove: evt => {
-      handleSliderEvent(evt.nativeEvent.pageX);
-    }
-  })).current;
-  const onTrackLayout = (0, _react.useCallback)(e => {
-    trackWidth.current = e.nativeEvent.layout.width;
-    // We need pageX, measure the track view
-  }, []);
-  const trackRef = (0, _react.useRef)(null);
-  const measureTrack = (0, _react.useCallback)(() => {
-    trackRef.current?.measure?.((_x, _y, _w, _h, pageX) => {
-      trackX.current = pageX;
-    });
-  }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.controlRow,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.label,
-      children: label
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.controlRight,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        style: styles.stepperButton,
-        onPress: () => onChange(clamp(value - step)),
-        activeOpacity: 0.6,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.stepperButtonText,
-          children: "-"
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.sliderHitArea,
-        ...panResponder.panHandlers,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          ref: trackRef,
-          style: styles.sliderTrack,
-          onLayout: e => {
-            onTrackLayout(e);
-            measureTrack();
-          },
-          pointerEvents: "none",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: [styles.sliderFill, {
-              width: `${fraction * 100}%`
-            }]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: [styles.sliderThumb, {
-              left: `${fraction * 100}%`
-            }]
-          })]
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        style: styles.stepperButton,
-        onPress: () => onChange(clamp(value + step)),
-        activeOpacity: 0.6,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.stepperButtonText,
-          children: "+"
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.valueText,
-        children: displayValue
-      })]
-    })]
-  });
-}
-function OverlayControls({
-  opacity,
-  scale,
-  offsetX,
-  offsetY,
-  onOpacityChange,
-  onScaleChange,
-  onOffsetChange,
-  opacityOnly
-}) {
-  if (opacityOnly) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(SliderStepper, {
-      label: "Opacity",
-      value: opacity,
-      min: 0,
-      max: 1,
-      step: 0.05,
-      displayValue: `${Math.round(opacity * 100)}%`,
-      onChange: onOpacityChange
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.container,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SliderStepper, {
-      label: "Opacity",
-      value: opacity,
-      min: 0,
-      max: 1,
-      step: 0.05,
-      displayValue: `${Math.round(opacity * 100)}%`,
-      onChange: onOpacityChange
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SliderStepper, {
-      label: "Scale",
-      value: scale,
-      min: 0.05,
-      max: 3,
-      step: 0.05,
-      displayValue: `${Math.round(scale * 100)}%`,
-      onChange: onScaleChange
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SliderStepper, {
-      label: "Offset X",
-      value: offsetX,
-      min: -200,
-      max: 200,
-      step: 2,
-      displayValue: `${Math.round(offsetX)}px`,
-      onChange: v => onOffsetChange(Math.round(v), offsetY)
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SliderStepper, {
-      label: "Offset Y",
-      value: offsetY,
-      min: -200,
-      max: 200,
-      step: 2,
-      displayValue: `${Math.round(offsetY)}px`,
-      onChange: v => onOffsetChange(offsetX, Math.round(v))
-    })]
-  });
-}
-const THUMB_SIZE = 18;
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    gap: 8
-  },
-  controlRow: {
-    paddingHorizontal: 12,
-    gap: 4
-  },
-  label: {
-    fontSize: 11,
-    fontWeight: "600",
-    color: _sharedUi.night.color.textTertiary,
-    textTransform: "uppercase",
-    letterSpacing: 0.5
-  },
-  controlRight: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6
-  },
-  stepperButton: {
-    width: 28,
-    height: 28,
-    borderRadius: 6,
-    backgroundColor: _sharedUi.night.color.surfaceElevated,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    justifyContent: "center",
-    alignItems: "center"
-  },
-  stepperButtonText: {
-    fontSize: 16,
-    fontWeight: "700",
-    color: _sharedUi.night.color.text,
-    lineHeight: 18
-  },
-  sliderHitArea: {
-    flex: 1,
-    paddingVertical: 20,
-    paddingHorizontal: 40,
-    marginVertical: -20,
-    marginHorizontal: -40
-  },
-  sliderTrack: {
-    height: 28,
-    justifyContent: "center",
-    borderRadius: 6,
-    backgroundColor: _sharedUi.night.color.bg,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border,
-    overflow: "hidden"
-  },
-  sliderFill: {
-    position: "absolute",
-    left: 0,
-    top: 0,
-    bottom: 0,
-    backgroundColor: _sharedUi.night.color.accentFill,
-    borderRadius: 5
-  },
-  sliderThumb: {
-    position: "absolute",
-    width: 4,
-    top: 4,
-    bottom: 4,
-    marginLeft: -2,
-    borderRadius: 2,
-    backgroundColor: _sharedUi.night.color.accent
-  },
-  valueText: {
-    fontSize: 11,
-    fontWeight: "600",
-    color: _sharedUi.night.color.text,
-    width: 45,
-    textAlign: "right",
-    fontFamily: _sharedUi.monoFont
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.OverlayControls=OverlayControls;var _react=require("react");var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _jsxRuntime=require("react/jsx-runtime");function SliderStepper({label:o,value:a,min:t,max:r,step:s,displayValue:u,onChange:n}){const i=(0,_react.useRef)(0);const l=(0,_react.useRef)(0);const c=(0,_react.useCallback)(e=>Math.max(t,Math.min(r,e)),[t,r]);const h=r>t?(a-t)/(r-t):0;const p=(0,_react.useRef)(n);const x=(0,_react.useRef)(c);const d=(0,_react.useRef)(t);const g=(0,_react.useRef)(r);p.current=n;x.current=c;d.current=t;g.current=r;const b=(0,_react.useCallback)(e=>{const f=e-l.current;const R=Math.max(0,Math.min(1,f/i.current));const v=d.current+R*(g.current-d.current);p.current(x.current(v))},[]);const m=(0,_react.useRef)(_reactNative.PanResponder.create({onStartShouldSetPanResponder:()=>true,onMoveShouldSetPanResponder:()=>true,onPanResponderTerminationRequest:()=>false,onPanResponderGrant:e=>{b(e.nativeEvent.pageX)},onPanResponderMove:e=>{b(e.nativeEvent.pageX)}})).current;const j=(0,_react.useCallback)(e=>{i.current=e.nativeEvent.layout.width},[]);const y=(0,_react.useRef)(null);const T=(0,_react.useCallback)(()=>{y.current?.measure?.((e,f,R,v,w)=>{l.current=w})},[]);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.controlRow,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.label,children:o}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.controlRight,children:[(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:styles.stepperButton,onPress:()=>n(c(a-s)),activeOpacity:.6,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.stepperButtonText,children:"-"})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.sliderHitArea,...m.panHandlers,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:y,style:styles.sliderTrack,onLayout:e=>{j(e);T()},pointerEvents:"none",children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.sliderFill,{width:`${h*100}%`}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.sliderThumb,{left:`${h*100}%`}]})]})}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{style:styles.stepperButton,onPress:()=>n(c(a+s)),activeOpacity:.6,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.stepperButtonText,children:"+"})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.valueText,children:u})]})]})}function OverlayControls({opacity:o,scale:a,offsetX:t,offsetY:r,onOpacityChange:s,onScaleChange:u,onOffsetChange:n,opacityOnly:i}){if(i){return(0,_jsxRuntime.jsx)(SliderStepper,{label:"Opacity",value:o,min:0,max:1,step:.05,displayValue:`${Math.round(o*100)}%`,onChange:s})}return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.container,children:[(0,_jsxRuntime.jsx)(SliderStepper,{label:"Opacity",value:o,min:0,max:1,step:.05,displayValue:`${Math.round(o*100)}%`,onChange:s}),(0,_jsxRuntime.jsx)(SliderStepper,{label:"Scale",value:a,min:.05,max:3,step:.05,displayValue:`${Math.round(a*100)}%`,onChange:u}),(0,_jsxRuntime.jsx)(SliderStepper,{label:"Offset X",value:t,min:-200,max:200,step:2,displayValue:`${Math.round(t)}px`,onChange:l=>n(Math.round(l),r)}),(0,_jsxRuntime.jsx)(SliderStepper,{label:"Offset Y",value:r,min:-200,max:200,step:2,displayValue:`${Math.round(r)}px`,onChange:l=>n(t,Math.round(l))})]})}const THUMB_SIZE=18;const styles=_reactNative.StyleSheet.create({container:{gap:8},controlRow:{paddingHorizontal:12,gap:4},label:{fontSize:11,fontWeight:"600",color:_sharedUi.night.color.textTertiary,textTransform:"uppercase",letterSpacing:.5},controlRight:{flexDirection:"row",alignItems:"center",gap:6},stepperButton:{width:28,height:28,borderRadius:6,backgroundColor:_sharedUi.night.color.surfaceElevated,borderWidth:1,borderColor:_sharedUi.night.color.border,justifyContent:"center",alignItems:"center"},stepperButtonText:{fontSize:16,fontWeight:"700",color:_sharedUi.night.color.text,lineHeight:18},sliderHitArea:{flex:1,paddingVertical:20,paddingHorizontal:40,marginVertical:-20,marginHorizontal:-40},sliderTrack:{height:28,justifyContent:"center",borderRadius:6,backgroundColor:_sharedUi.night.color.bg,borderWidth:1,borderColor:_sharedUi.night.color.border,overflow:"hidden"},sliderFill:{position:"absolute",left:0,top:0,bottom:0,backgroundColor:_sharedUi.night.color.accentFill,borderRadius:5},sliderThumb:{position:"absolute",width:4,top:4,bottom:4,marginLeft:-2,borderRadius:2,backgroundColor:_sharedUi.night.color.accent},valueText:{fontSize:11,fontWeight:"600",color:_sharedUi.night.color.text,width:45,textAlign:"right",fontFamily:_sharedUi.monoFont}});

package/lib/commonjs/imageOverlay/components/TargetList.js

@@ -1,181 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TargetList = TargetList;
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * List of discovered image-overlay target components.
- * Styled to match RenderListItem from highlight-updates.
- */
-
-function TargetRow({
-  target,
-  onSelect
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-    style: styles.card,
-    onPress: onSelect,
-    activeOpacity: 0.7,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.colorIndicator
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.content,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.topRow,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.label,
-          numberOfLines: 1,
-          children: target.label
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.bottomRow,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.badgeRow,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.testIdBadge,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Hash, {
-              size: 8,
-              color: _sharedUi.night.color.accent
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.testIdBadgeText,
-              children: "testID"
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.testIdValue,
-            numberOfLines: 1,
-            children: target.testID
-          })]
-        }), target.componentName && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.componentName,
-          numberOfLines: 1,
-          children: target.componentName
-        })]
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronRight, {
-      size: 16,
-      color: _sharedUi.night.color.textTertiary
-    })]
-  });
-}
-function TargetList({
-  targets,
-  onSelect
-}) {
-  if (targets.length === 0) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ToolEmptyState, {
-      testID: "buoy-image-overlay-empty"
-      // scanning = the screen was walked and nothing was tagged.
-      ,
-      otto: "scanning",
-      title: "No targets found",
-      message: 'Tag components with\ntestID="image-target:YourLabel"'
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-    style: styles.list,
-    contentContainerStyle: styles.listContent,
-    children: targets.map(target => /*#__PURE__*/(0, _jsxRuntime.jsx)(TargetRow, {
-      target: target,
-      onSelect: () => onSelect(target)
-    }, target.testID))
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  list: {
-    flex: 1
-  },
-  listContent: {
-    paddingTop: 8,
-    paddingBottom: 20
-  },
-  card: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingVertical: 10,
-    paddingHorizontal: 12,
-    marginHorizontal: 12,
-    marginBottom: 6,
-    backgroundColor: _sharedUi.night.color.surface,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: _sharedUi.night.color.border
-  },
-  colorIndicator: {
-    width: 4,
-    height: 36,
-    borderRadius: 2,
-    marginRight: 10,
-    backgroundColor: _sharedUi.night.color.accent
-  },
-  content: {
-    flex: 1,
-    marginRight: 8
-  },
-  topRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    marginBottom: 4
-  },
-  label: {
-    fontSize: 13,
-    fontWeight: "600",
-    color: _sharedUi.night.color.text,
-    flex: 1
-  },
-  bottomRow: {
-    gap: 2
-  },
-  badgeRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 4
-  },
-  testIdBadge: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingVertical: 2,
-    paddingHorizontal: 5,
-    borderRadius: 4,
-    backgroundColor: _sharedUi.night.color.accentSoft,
-    gap: 3
-  },
-  testIdBadgeText: {
-    fontSize: 9,
-    fontWeight: "700",
-    color: _sharedUi.night.color.accent
-  },
-  testIdValue: {
-    fontSize: 11,
-    color: _sharedUi.night.color.text,
-    fontFamily: _sharedUi.monoFont,
-    flex: 1
-  },
-  componentName: {
-    fontSize: 10,
-    color: "#a855f7",
-    fontFamily: _sharedUi.monoFont,
-    marginTop: 1
-  },
-  emptyState: {
-    alignItems: "center",
-    paddingVertical: 40,
-    paddingHorizontal: 32
-  },
-  emptyTitle: {
-    color: _sharedUi.night.color.text,
-    fontSize: 14,
-    fontWeight: "600",
-    marginBottom: 6
-  },
-  emptyText: {
-    color: _sharedUi.night.color.textTertiary,
-    fontSize: 12,
-    textAlign: "center",
-    lineHeight: 18,
-    fontFamily: _sharedUi.monoFont
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.TargetList=TargetList;var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _jsxRuntime=require("react/jsx-runtime");function TargetRow({target:e,onSelect:t}){return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:styles.card,onPress:t,activeOpacity:.7,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.colorIndicator}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.content,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.topRow,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.label,numberOfLines:1,children:e.label})}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.bottomRow,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.badgeRow,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.testIdBadge,children:[(0,_jsxRuntime.jsx)(_sharedUi.Hash,{size:8,color:_sharedUi.night.color.accent}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.testIdBadgeText,children:"testID"})]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.testIdValue,numberOfLines:1,children:e.testID})]}),e.componentName&&(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.componentName,numberOfLines:1,children:e.componentName})]})]}),(0,_jsxRuntime.jsx)(_sharedUi.ChevronRight,{size:16,color:_sharedUi.night.color.textTertiary})]})}function TargetList({targets:e,onSelect:t}){if(e.length===0){return(0,_jsxRuntime.jsx)(_sharedUi.ToolEmptyState,{testID:"buoy-image-overlay-empty",otto:"scanning",title:"No targets found",message:'Tag components with\ntestID="image-target:YourLabel"'})}return(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{style:styles.list,contentContainerStyle:styles.listContent,children:e.map(o=>(0,_jsxRuntime.jsx)(TargetRow,{target:o,onSelect:()=>t(o)},o.testID))})}const styles=_reactNative.StyleSheet.create({list:{flex:1},listContent:{paddingTop:8,paddingBottom:20},card:{flexDirection:"row",alignItems:"center",paddingVertical:10,paddingHorizontal:12,marginHorizontal:12,marginBottom:6,backgroundColor:_sharedUi.night.color.surface,borderRadius:8,borderWidth:1,borderColor:_sharedUi.night.color.border},colorIndicator:{width:4,height:36,borderRadius:2,marginRight:10,backgroundColor:_sharedUi.night.color.accent},content:{flex:1,marginRight:8},topRow:{flexDirection:"row",alignItems:"center",marginBottom:4},label:{fontSize:13,fontWeight:"600",color:_sharedUi.night.color.text,flex:1},bottomRow:{gap:2},badgeRow:{flexDirection:"row",alignItems:"center",gap:4},testIdBadge:{flexDirection:"row",alignItems:"center",paddingVertical:2,paddingHorizontal:5,borderRadius:4,backgroundColor:_sharedUi.night.color.accentSoft,gap:3},testIdBadgeText:{fontSize:9,fontWeight:"700",color:_sharedUi.night.color.accent},testIdValue:{fontSize:11,color:_sharedUi.night.color.text,fontFamily:_sharedUi.monoFont,flex:1},componentName:{fontSize:10,color:"#a855f7",fontFamily:_sharedUi.monoFont,marginTop:1},emptyState:{alignItems:"center",paddingVertical:40,paddingHorizontal:32},emptyTitle:{color:_sharedUi.night.color.text,fontSize:14,fontWeight:"600",marginBottom:6},emptyText:{color:_sharedUi.night.color.textTertiary,fontSize:12,textAlign:"center",lineHeight:18,fontFamily:_sharedUi.monoFont}});

package/lib/commonjs/imageOverlay/types/index.js

@@ -1 +1 @@
-"use strict";
+"use strict";