react-native-theoplayer 1.8.2 → 2.0.0

package/lib/module/ui/components/button/PlayButton.js

@@ -0,0 +1,104 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { ActionButton } from './actionbutton/ActionButton';
+import React, { PureComponent } from 'react';
+import { PlayerEventType } from 'react-native-theoplayer';
+import { PlayerContext } from '../util/PlayerContext';
+import { PlaySvg } from './svg/PlaySvg';
+import { PauseSvg } from './svg/PauseSvg';
+import { ReplaySvg } from './svg/ReplaySvg';
+/**
+ * The default play/pause button for the `react-native-theoplayer` UI.
+ */
+export class PlayButton extends PureComponent {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "onPlay", () => {
+      const player = this.context.player;
+      if (player.seeking) {
+        return;
+      }
+      this.setState({
+        paused: false,
+        ended: false
+      });
+    });
+    _defineProperty(this, "onPause", () => {
+      const player = this.context.player;
+      if (player.seeking) {
+        return;
+      }
+      this.setState({
+        paused: true
+      });
+    });
+    _defineProperty(this, "onSourceChange", () => {
+      const player = this.context.player;
+      this.setState({
+        paused: player.paused
+      });
+    });
+    _defineProperty(this, "onEnded", () => {
+      this.setState({
+        ended: true
+      });
+    });
+    _defineProperty(this, "onSeeking", () => {
+      this.setState({
+        ended: false
+      });
+    });
+    _defineProperty(this, "togglePlayPause", () => {
+      const player = this.context.player;
+      if (player.paused) {
+        player.play();
+      } else {
+        player.pause();
+      }
+    });
+    this.state = {
+      paused: true,
+      ended: false
+    };
+  }
+  componentDidMount() {
+    const context = this.context;
+    context.player.addEventListener(PlayerEventType.PLAY, this.onPlay);
+    context.player.addEventListener(PlayerEventType.PLAYING, this.onPlay);
+    context.player.addEventListener(PlayerEventType.PAUSE, this.onPause);
+    context.player.addEventListener(PlayerEventType.SOURCE_CHANGE, this.onSourceChange);
+    context.player.addEventListener(PlayerEventType.ENDED, this.onEnded);
+    context.player.addEventListener(PlayerEventType.SEEKING, this.onSeeking);
+    this.setState({
+      paused: context.player.paused,
+      ended: context.player.currentTime === context.player.duration
+    });
+  }
+  componentWillUnmount() {
+    const context = this.context;
+    context.player.removeEventListener(PlayerEventType.PLAY, this.onPlay);
+    context.player.removeEventListener(PlayerEventType.PLAYING, this.onPlay);
+    context.player.removeEventListener(PlayerEventType.PAUSE, this.onPause);
+    context.player.removeEventListener(PlayerEventType.SOURCE_CHANGE, this.onSourceChange);
+    context.player.removeEventListener(PlayerEventType.ENDED, this.onEnded);
+    context.player.removeEventListener(PlayerEventType.SEEKING, this.onSeeking);
+  }
+  render() {
+    const {
+      paused,
+      ended
+    } = this.state;
+    const {
+      style
+    } = this.props;
+    return /*#__PURE__*/React.createElement(ActionButton, {
+      style: style,
+      touchable: true,
+      svg: ended ? /*#__PURE__*/React.createElement(ReplaySvg, null) : paused ? /*#__PURE__*/React.createElement(PlaySvg, null) : /*#__PURE__*/React.createElement(PauseSvg, null),
+      onPress: this.togglePlayPause
+    });
+  }
+}
+PlayButton.contextType = PlayerContext;
+//# sourceMappingURL=PlayButton.js.map

package/lib/module/ui/components/button/PlayButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ActionButton","React","PureComponent","PlayerEventType","PlayerContext","PlaySvg","PauseSvg","ReplaySvg","PlayButton","constructor","props","_defineProperty","player","context","seeking","setState","paused","ended","play","pause","state","componentDidMount","addEventListener","PLAY","onPlay","PLAYING","PAUSE","onPause","SOURCE_CHANGE","onSourceChange","ENDED","onEnded","SEEKING","onSeeking","currentTime","duration","componentWillUnmount","removeEventListener","render","style","createElement","touchable","svg","onPress","togglePlayPause","contextType"],"sources":["PlayButton.tsx"],"sourcesContent":["import { ActionButton } from './actionbutton/ActionButton';\nimport type { StyleProp, ViewStyle } from 'react-native';\nimport React, { PureComponent } from 'react';\nimport { PlayerEventType } from 'react-native-theoplayer';\nimport { PlayerContext, UiContext } from '../util/PlayerContext';\nimport { PlaySvg } from './svg/PlaySvg';\n\nimport { PauseSvg } from './svg/PauseSvg';\nimport { ReplaySvg } from './svg/ReplaySvg';\n\ninterface PlayButtonProps {\n  /**\n   * The style overrides for the play/pause button.\n   */\n  style?: StyleProp<ViewStyle>;\n}\n\ninterface PlayButtonState {\n  paused: boolean;\n  ended: boolean;\n}\n\n/**\n * The default play/pause button for the `react-native-theoplayer` UI.\n */\nexport class PlayButton extends PureComponent<PlayButtonProps, PlayButtonState> {\n  constructor(props: PlayButtonProps) {\n    super(props);\n    this.state = {\n      paused: true,\n      ended: false,\n    };\n  }\n\n  componentDidMount() {\n    const context = this.context as UiContext;\n    context.player.addEventListener(PlayerEventType.PLAY, this.onPlay);\n    context.player.addEventListener(PlayerEventType.PLAYING, this.onPlay);\n    context.player.addEventListener(PlayerEventType.PAUSE, this.onPause);\n    context.player.addEventListener(PlayerEventType.SOURCE_CHANGE, this.onSourceChange);\n    context.player.addEventListener(PlayerEventType.ENDED, this.onEnded);\n    context.player.addEventListener(PlayerEventType.SEEKING, this.onSeeking);\n    this.setState({\n      paused: context.player.paused,\n      ended: context.player.currentTime === context.player.duration,\n    });\n  }\n\n  componentWillUnmount() {\n    const context = this.context as UiContext;\n    context.player.removeEventListener(PlayerEventType.PLAY, this.onPlay);\n    context.player.removeEventListener(PlayerEventType.PLAYING, this.onPlay);\n    context.player.removeEventListener(PlayerEventType.PAUSE, this.onPause);\n    context.player.removeEventListener(PlayerEventType.SOURCE_CHANGE, this.onSourceChange);\n    context.player.removeEventListener(PlayerEventType.ENDED, this.onEnded);\n    context.player.removeEventListener(PlayerEventType.SEEKING, this.onSeeking);\n  }\n\n  private onPlay = () => {\n    const player = (this.context as UiContext).player;\n    if (player.seeking) {\n      return;\n    }\n    this.setState({ paused: false, ended: false });\n  };\n\n  private onPause = () => {\n    const player = (this.context as UiContext).player;\n    if (player.seeking) {\n      return;\n    }\n    this.setState({ paused: true });\n  };\n\n  private onSourceChange = () => {\n    const player = (this.context as UiContext).player;\n    this.setState({ paused: player.paused });\n  };\n\n  private onEnded = () => {\n    this.setState({ ended: true });\n  };\n\n  private onSeeking = () => {\n    this.setState({ ended: false });\n  };\n\n  private togglePlayPause = () => {\n    const player = (this.context as UiContext).player;\n    if (player.paused) {\n      player.play();\n    } else {\n      player.pause();\n    }\n  };\n\n  render() {\n    const { paused, ended } = this.state;\n    const { style } = this.props;\n\n    return (\n      <ActionButton style={style} touchable={true} svg={ended ? <ReplaySvg /> : paused ? <PlaySvg /> : <PauseSvg />} onPress={this.togglePlayPause} />\n    );\n  }\n}\n\nPlayButton.contextType = PlayerContext;\n"],"mappings":"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"}

package/lib/module/ui/components/button/SkipButton.js

@@ -0,0 +1,113 @@
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { ActionButton } from './actionbutton/ActionButton';
+import React, { PureComponent } from 'react';
+import { PlayerContext } from '../util/PlayerContext';
+import { ForwardSvg } from './svg/ForwardSvg';
+import { Animated, Easing, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { BackwardSvg } from './svg/BackwardSvg';
+import { PlayerEventType } from 'react-native-theoplayer';
+/**
+ * The default skip button for the `react-native-theoplayer` UI.
+ */
+export class SkipButton extends PureComponent {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "onTimeupdate", event => {
+      this.setState({
+        enabled: event.seekable.length > 0
+      });
+    });
+    _defineProperty(this, "onPress", () => {
+      const {
+        skip,
+        rotate
+      } = this.props;
+      const {
+        spinValue
+      } = this.state;
+      const player = this.context.player;
+      player.currentTime = player.currentTime + skip * 1e3;
+      if (rotate === true) {
+        Animated.timing(spinValue, {
+          toValue: 0.1,
+          duration: 100,
+          easing: Easing.linear,
+          useNativeDriver: true
+        }).start(() => {
+          Animated.timing(spinValue, {
+            toValue: 0,
+            duration: 100,
+            easing: Easing.linear,
+            useNativeDriver: true
+          }).start();
+        });
+      }
+    });
+    this.state = {
+      enabled: false,
+      spinValue: new Animated.Value(0)
+    };
+  }
+  componentDidMount() {
+    const player = this.context.player;
+    player.addEventListener(PlayerEventType.PROGRESS, this.onTimeupdate);
+    this.setState({
+      enabled: player.seekable.length > 0
+    });
+  }
+  componentWillUnmount() {
+    const player = this.context.player;
+    player.removeEventListener(PlayerEventType.PROGRESS, this.onTimeupdate);
+  }
+  render() {
+    const {
+      style,
+      skip,
+      rotate
+    } = this.props;
+    const {
+      enabled,
+      spinValue
+    } = this.state;
+    if (!enabled) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null);
+    }
+    const spin = spinValue.interpolate({
+      inputRange: [0, 1],
+      outputRange: skip >= 0 ? ['0deg', '360deg'] : ['360deg', '0deg']
+    });
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(PlayerContext.Consumer, null, context => /*#__PURE__*/React.createElement(Animated.View, {
+      style: [{
+        height: '100%',
+        aspectRatio: 1
+      }, style, {
+        transform: [{
+          rotate: spin
+        }]
+      }]
+    }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+      activeOpacity: rotate === true ? 1 : 0.2,
+      style: [{
+        height: '100%',
+        aspectRatio: 1,
+        justifyContent: 'center'
+      }, style],
+      onPress: this.onPress
+    }, /*#__PURE__*/React.createElement(ActionButton, {
+      touchable: false,
+      svg: skip < 0 ? /*#__PURE__*/React.createElement(BackwardSvg, null) : /*#__PURE__*/React.createElement(ForwardSvg, null)
+    }), /*#__PURE__*/React.createElement(View, {
+      style: [StyleSheet.absoluteFill, {
+        justifyContent: 'center'
+      }]
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: [context.style.text, {
+        color: context.style.colors.text
+      }]
+    }, Math.abs(skip)))))));
+  }
+}
+SkipButton.contextType = PlayerContext;
+//# sourceMappingURL=SkipButton.js.map

package/lib/module/ui/components/button/SkipButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ActionButton","React","PureComponent","PlayerContext","ForwardSvg","Animated","Easing","StyleSheet","Text","TouchableOpacity","View","BackwardSvg","PlayerEventType","SkipButton","constructor","props","_defineProperty","event","setState","enabled","seekable","length","skip","rotate","spinValue","state","player","context","currentTime","timing","toValue","duration","easing","linear","useNativeDriver","start","Value","componentDidMount","addEventListener","PROGRESS","onTimeupdate","componentWillUnmount","removeEventListener","render","style","createElement","Fragment","spin","interpolate","inputRange","outputRange","Consumer","height","aspectRatio","transform","activeOpacity","justifyContent","onPress","touchable","svg","absoluteFill","text","color","colors","Math","abs","contextType"],"sources":["SkipButton.tsx"],"sourcesContent":["import { ActionButton } from './actionbutton/ActionButton';\nimport React, { PureComponent } from 'react';\nimport { PlayerContext, UiContext } from '../util/PlayerContext';\nimport { ForwardSvg } from './svg/ForwardSvg';\nimport type { StyleProp, ViewStyle } from 'react-native';\nimport { Animated, Easing, StyleSheet, Text, TouchableOpacity, View } from 'react-native';\nimport { BackwardSvg } from './svg/BackwardSvg';\nimport { PlayerEventType, ProgressEvent } from 'react-native-theoplayer';\n\ninterface SkipButtonProps {\n  /**\n   * The style overrides for the skip button.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * The skip value for the skip button. This can be set to negative to skip backwards.\n   */\n  skip: number;\n  /**\n   * Whether the skip button should do a rotation animation when pressed instead of fading.\n   */\n  rotate?: boolean;\n}\n\ninterface SkipButtonState {\n  enabled: boolean;\n  spinValue: Animated.Value;\n}\n\n/**\n * The default skip button for the `react-native-theoplayer` UI.\n */\nexport class SkipButton extends PureComponent<SkipButtonProps, SkipButtonState> {\n  constructor(props: SkipButtonProps) {\n    super(props);\n    this.state = { enabled: false, spinValue: new Animated.Value(0) };\n  }\n\n  componentDidMount() {\n    const player = (this.context as UiContext).player;\n    player.addEventListener(PlayerEventType.PROGRESS, this.onTimeupdate);\n    this.setState({ enabled: player.seekable.length > 0 });\n  }\n\n  componentWillUnmount() {\n    const player = (this.context as UiContext).player;\n    player.removeEventListener(PlayerEventType.PROGRESS, this.onTimeupdate);\n  }\n\n  private readonly onTimeupdate = (event: ProgressEvent) => {\n    this.setState({ enabled: event.seekable.length > 0 });\n  };\n\n  private readonly onPress = () => {\n    const { skip, rotate } = this.props;\n    const { spinValue } = this.state;\n    const player = (this.context as UiContext).player;\n    player.currentTime = player.currentTime + skip * 1e3;\n\n    if (rotate === true) {\n      Animated.timing(spinValue, {\n        toValue: 0.1,\n        duration: 100,\n        easing: Easing.linear,\n        useNativeDriver: true,\n      }).start(() => {\n        Animated.timing(spinValue, {\n          toValue: 0,\n          duration: 100,\n          easing: Easing.linear,\n          useNativeDriver: true,\n        }).start();\n      });\n    }\n  };\n\n  render() {\n    const { style, skip, rotate } = this.props;\n    const { enabled, spinValue } = this.state;\n\n    if (!enabled) {\n      return <></>;\n    }\n\n    const spin = spinValue.interpolate({\n      inputRange: [0, 1],\n      outputRange: skip >= 0 ? ['0deg', '360deg'] : ['360deg', '0deg'],\n    });\n\n    return (\n      <>\n        <PlayerContext.Consumer>\n          {(context: UiContext) => (\n            <Animated.View style={[{ height: '100%', aspectRatio: 1 }, style, { transform: [{ rotate: spin }] }]}>\n              <TouchableOpacity\n                activeOpacity={rotate === true ? 1 : 0.2}\n                style={[{ height: '100%', aspectRatio: 1, justifyContent: 'center' }, style]}\n                onPress={this.onPress}>\n                <ActionButton touchable={false} svg={skip < 0 ? <BackwardSvg /> : <ForwardSvg />} />\n                <View style={[StyleSheet.absoluteFill, { justifyContent: 'center' }]}>\n                  <Text style={[context.style.text, { color: context.style.colors.text }]}>{Math.abs(skip)}</Text>\n                </View>\n              </TouchableOpacity>\n            </Animated.View>\n          )}\n        </PlayerContext.Consumer>\n      </>\n    );\n  }\n}\n\nSkipButton.contextType = PlayerContext;\n"],"mappings":"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"}

package/lib/module/ui/components/button/actionbutton/ActionButton.js

@@ -0,0 +1,72 @@
+import { Image, Platform, TouchableOpacity, View } from 'react-native';
+import React, { useContext, useState } from 'react';
+import { SvgContext } from '../svg/SvgUtils';
+import { PlayerContext } from '../../util/PlayerContext';
+/**
+ * The default style applied to the ActionButton
+ */
+export const DEFAULT_ACTION_BUTTON_STYLE = {
+  height: '100%',
+  aspectRatio: 1,
+  padding: 5
+};
+
+/**
+ * The default button component that renders an image/svg source for the `react-native-theoplayer` UI.
+ */
+export const ActionButton = props => {
+  const {
+    icon,
+    style,
+    touchable,
+    svg,
+    onPress,
+    highlighted
+  } = props;
+  const [focused, setFocused] = useState(false);
+  const context = useContext(PlayerContext);
+  const shouldChangeTintColor = highlighted || focused && Platform.isTV;
+  if (!touchable) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [DEFAULT_ACTION_BUTTON_STYLE, style]
+    }, svg);
+  }
+  const onTouch = () => {
+    if (context.ui.buttonsEnabled_) {
+      onPress === null || onPress === void 0 ? void 0 : onPress();
+    }
+    context.ui.onUserAction_();
+  };
+  return /*#__PURE__*/React.createElement(PlayerContext.Consumer, null, context => /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [DEFAULT_ACTION_BUTTON_STYLE, style],
+    tvParallaxProperties: {
+      enabled: false
+    },
+    onPress: onTouch,
+    onFocus: () => {
+      context.ui.onUserAction_();
+      setFocused(true);
+    },
+    onBlur: () => {
+      setFocused(false);
+    }
+  }, svg && /*#__PURE__*/React.createElement(SvgContext.Provider, {
+    value: {
+      fill: shouldChangeTintColor ? context.style.colors.iconSelected : context.style.colors.icon,
+      height: '100%',
+      width: '100%'
+    }
+  }, /*#__PURE__*/React.createElement(View, null, svg)), svg === undefined && icon && /*#__PURE__*/React.createElement(Image, {
+    style: [{
+      height: '100%',
+      width: '100%'
+    }, {
+      tintColor: shouldChangeTintColor ? context.style.colors.iconSelected : context.style.colors.icon
+    }],
+    source: icon
+  })));
+};
+ActionButton.defaultProps = {
+  touchable: true
+};
+//# sourceMappingURL=ActionButton.js.map

package/lib/module/ui/components/button/actionbutton/ActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Image","Platform","TouchableOpacity","View","React","useContext","useState","SvgContext","PlayerContext","DEFAULT_ACTION_BUTTON_STYLE","height","aspectRatio","padding","ActionButton","props","icon","style","touchable","svg","onPress","highlighted","focused","setFocused","context","shouldChangeTintColor","isTV","createElement","onTouch","ui","buttonsEnabled_","onUserAction_","Consumer","tvParallaxProperties","enabled","onFocus","onBlur","Provider","value","fill","colors","iconSelected","width","undefined","tintColor","source","defaultProps"],"sources":["ActionButton.tsx"],"sourcesContent":["import { Image, ImageSourcePropType, Platform, StyleProp, TouchableOpacity, View, ViewStyle } from 'react-native';\nimport React, { ReactNode, useContext, useState } from 'react';\nimport { SvgContext } from '../svg/SvgUtils';\nimport { PlayerContext, UiContext } from '../../util/PlayerContext';\n\nexport interface ActionButtonProps {\n  /**\n   * The image to put in the button.\n   */\n  icon?: ImageSourcePropType;\n  /**\n   * The SVG component to put in the button. Takes priority over images.\n   */\n  svg?: ReactNode;\n  /**\n   * Whether the button should be touchable. This is `true` by default.\n   */\n  touchable: boolean;\n  /**\n   * The callback when the button is pressed.\n   */\n  onPress?: () => void;\n  /**\n   * The styling overrides.\n   */\n  style?: StyleProp<ViewStyle>;\n  /**\n   * Whether the button should be highlighted with `ColorTheme.iconSelected` color.\n   */\n  highlighted?: boolean;\n}\n\n/**\n * The default style applied to the ActionButton\n */\nexport const DEFAULT_ACTION_BUTTON_STYLE: ViewStyle = {\n  height: '100%',\n  aspectRatio: 1,\n  padding: 5,\n};\n\n/**\n * The default button component that renders an image/svg source for the `react-native-theoplayer` UI.\n */\nexport const ActionButton = (props: ActionButtonProps) => {\n  const { icon, style, touchable, svg, onPress, highlighted } = props;\n  const [focused, setFocused] = useState<boolean>(false);\n  const context = useContext(PlayerContext);\n\n  const shouldChangeTintColor = highlighted || (focused && Platform.isTV);\n\n  if (!touchable) {\n    return <View style={[DEFAULT_ACTION_BUTTON_STYLE, style]}>{svg}</View>;\n  }\n\n  const onTouch = () => {\n    if (context.ui.buttonsEnabled_) {\n      onPress?.();\n    }\n    context.ui.onUserAction_();\n  };\n\n  return (\n    <PlayerContext.Consumer>\n      {(context: UiContext) => (\n        <TouchableOpacity\n          style={[DEFAULT_ACTION_BUTTON_STYLE, style]}\n          tvParallaxProperties={{ enabled: false }}\n          onPress={onTouch}\n          onFocus={() => {\n            context.ui.onUserAction_();\n            setFocused(true);\n          }}\n          onBlur={() => {\n            setFocused(false);\n          }}>\n          {/* Give priority to SVG over image sources.*/}\n          {svg && (\n            <SvgContext.Provider\n              value={{\n                fill: shouldChangeTintColor ? context.style.colors.iconSelected : context.style.colors.icon,\n                height: '100%',\n                width: '100%',\n              }}>\n              <View>{svg}</View>\n            </SvgContext.Provider>\n          )}\n          {svg === undefined && icon && (\n            <Image\n              style={[\n                { height: '100%', width: '100%' },\n                { tintColor: shouldChangeTintColor ? context.style.colors.iconSelected : context.style.colors.icon },\n              ]}\n              source={icon}\n            />\n          )}\n        </TouchableOpacity>\n      )}\n    </PlayerContext.Consumer>\n  );\n};\n\nActionButton.defaultProps = {\n  touchable: true,\n};\n"],"mappings":"AAAA,SAASA,KAAK,EAAuBC,QAAQ,EAAaC,gBAAgB,EAAEC,IAAI,QAAmB,cAAc;AACjH,OAAOC,KAAK,IAAeC,UAAU,EAAEC,QAAQ,QAAQ,OAAO;AAC9D,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,aAAa,QAAmB,0BAA0B;AA6BnE;AACA;AACA;AACA,OAAO,MAAMC,2BAAsC,GAAG;EACpDC,MAAM,EAAE,MAAM;EACdC,WAAW,EAAE,CAAC;EACdC,OAAO,EAAE;AACX,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMC,YAAY,GAAIC,KAAwB,IAAK;EACxD,MAAM;IAAEC,IAAI;IAAEC,KAAK;IAAEC,SAAS;IAAEC,GAAG;IAAEC,OAAO;IAAEC;EAAY,CAAC,GAAGN,KAAK;EACnE,MAAM,CAACO,OAAO,EAAEC,UAAU,CAAC,GAAGhB,QAAQ,CAAU,KAAK,CAAC;EACtD,MAAMiB,OAAO,GAAGlB,UAAU,CAACG,aAAa,CAAC;EAEzC,MAAMgB,qBAAqB,GAAGJ,WAAW,IAAKC,OAAO,IAAIpB,QAAQ,CAACwB,IAAK;EAEvE,IAAI,CAACR,SAAS,EAAE;IACd,oBAAOb,KAAA,CAAAsB,aAAA,CAACvB,IAAI;MAACa,KAAK,EAAE,CAACP,2BAA2B,EAAEO,KAAK;IAAE,GAAEE,GAAG,CAAQ;EACxE;EAEA,MAAMS,OAAO,GAAGA,CAAA,KAAM;IACpB,IAAIJ,OAAO,CAACK,EAAE,CAACC,eAAe,EAAE;MAC9BV,OAAO,aAAPA,OAAO,uBAAPA,OAAO,EAAI;IACb;IACAI,OAAO,CAACK,EAAE,CAACE,aAAa,EAAE;EAC5B,CAAC;EAED,oBACE1B,KAAA,CAAAsB,aAAA,CAAClB,aAAa,CAACuB,QAAQ,QACnBR,OAAkB,iBAClBnB,KAAA,CAAAsB,aAAA,CAACxB,gBAAgB;IACfc,KAAK,EAAE,CAACP,2BAA2B,EAAEO,KAAK,CAAE;IAC5CgB,oBAAoB,EAAE;MAAEC,OAAO,EAAE;IAAM,CAAE;IACzCd,OAAO,EAAEQ,OAAQ;IACjBO,OAAO,EAAEA,CAAA,KAAM;MACbX,OAAO,CAACK,EAAE,CAACE,aAAa,EAAE;MAC1BR,UAAU,CAAC,IAAI,CAAC;IAClB,CAAE;IACFa,MAAM,EAAEA,CAAA,KAAM;MACZb,UAAU,CAAC,KAAK,CAAC;IACnB;EAAE,GAEDJ,GAAG,iBACFd,KAAA,CAAAsB,aAAA,CAACnB,UAAU,CAAC6B,QAAQ;IAClBC,KAAK,EAAE;MACLC,IAAI,EAAEd,qBAAqB,GAAGD,OAAO,CAACP,KAAK,CAACuB,MAAM,CAACC,YAAY,GAAGjB,OAAO,CAACP,KAAK,CAACuB,MAAM,CAACxB,IAAI;MAC3FL,MAAM,EAAE,MAAM;MACd+B,KAAK,EAAE;IACT;EAAE,gBACFrC,KAAA,CAAAsB,aAAA,CAACvB,IAAI,QAAEe,GAAG,CAAQ,CAErB,EACAA,GAAG,KAAKwB,SAAS,IAAI3B,IAAI,iBACxBX,KAAA,CAAAsB,aAAA,CAAC1B,KAAK;IACJgB,KAAK,EAAE,CACL;MAAEN,MAAM,EAAE,MAAM;MAAE+B,KAAK,EAAE;IAAO,CAAC,EACjC;MAAEE,SAAS,EAAEnB,qBAAqB,GAAGD,OAAO,CAACP,KAAK,CAACuB,MAAM,CAACC,YAAY,GAAGjB,OAAO,CAACP,KAAK,CAACuB,MAAM,CAACxB;IAAK,CAAC,CACpG;IACF6B,MAAM,EAAE7B;EAAK,EAEhB,CAEJ,CACsB;AAE7B,CAAC;AAEDF,YAAY,CAACgC,YAAY,GAAG;EAC1B5B,SAAS,EAAE;AACb,CAAC"}

package/lib/module/ui/components/button/barrel.js

@@ -0,0 +1,10 @@
+export * from './actionbutton/ActionButton';
+export * from './svg/barrel';
+export * from './AirplayButton';
+export * from './ChromecastButton';
+export * from './FullscreenButton';
+export * from './MuteButton';
+export * from './PipButton';
+export * from './PlayButton';
+export * from './SkipButton';
+//# sourceMappingURL=barrel.js.map

package/lib/module/ui/components/button/barrel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["barrel.ts"],"sourcesContent":["export * from './actionbutton/ActionButton';\nexport * from './svg/barrel';\nexport * from './AirplayButton';\nexport * from './ChromecastButton';\nexport * from './FullscreenButton';\nexport * from './MuteButton';\nexport * from './PipButton';\nexport * from './PlayButton';\nexport * from './SkipButton';\n"],"mappings":"AAAA,cAAc,6BAA6B;AAC3C,cAAc,cAAc;AAC5B,cAAc,iBAAiB;AAC/B,cAAc,oBAAoB;AAClC,cAAc,oBAAoB;AAClC,cAAc,cAAc;AAC5B,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,cAAc"}

package/lib/module/ui/components/button/svg/AirplaySvg.js

@@ -0,0 +1,12 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import Svg, { Path } from 'react-native-svg';
+import React from 'react';
+import { SvgContext } from './SvgUtils';
+export const AirplaySvg = props => {
+  return /*#__PURE__*/React.createElement(SvgContext.Consumer, null, context => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Svg, _extends({
+    viewBox: '0 96 960 960'
+  }, context, props), /*#__PURE__*/React.createElement(Path, {
+    d: "m273 936 207-206 206 206H273Zm-133-80q-24 0-42-18t-18-42V276q0-24 18-42t42-18h680q24 0 42 18t18 42v520q0 24-18 42t-42 18H631v-60h189V276H140v520h189v60H140Zm340-290Z"
+  }))));
+};
+//# sourceMappingURL=AirplaySvg.js.map

package/lib/module/ui/components/button/svg/AirplaySvg.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Svg","Path","React","SvgContext","AirplaySvg","props","createElement","Consumer","context","Fragment","_extends","viewBox","d"],"sources":["AirplaySvg.tsx"],"sourcesContent":["import type { SvgProps } from 'react-native-svg';\nimport Svg, { Path } from 'react-native-svg';\nimport React from 'react';\nimport { SvgContext } from './SvgUtils';\n\nexport const AirplaySvg = (props: SvgProps) => {\n  return (\n    <SvgContext.Consumer>\n      {(context) => (\n        <>\n          <Svg viewBox={'0 96 960 960'} {...context} {...props}>\n            <Path d=\"m273 936 207-206 206 206H273Zm-133-80q-24 0-42-18t-18-42V276q0-24 18-42t42-18h680q24 0 42 18t18 42v520q0 24-18 42t-42 18H631v-60h189V276H140v520h189v60H140Zm340-290Z\" />\n          </Svg>\n        </>\n      )}\n    </SvgContext.Consumer>\n  );\n};\n"],"mappings":";AACA,OAAOA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAC5C,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,YAAY;AAEvC,OAAO,MAAMC,UAAU,GAAIC,KAAe,IAAK;EAC7C,oBACEH,KAAA,CAAAI,aAAA,CAACH,UAAU,CAACI,QAAQ,QAChBC,OAAO,iBACPN,KAAA,CAAAI,aAAA,CAAAJ,KAAA,CAAAO,QAAA,qBACEP,KAAA,CAAAI,aAAA,CAACN,GAAG,EAAAU,QAAA;IAACC,OAAO,EAAE;EAAe,GAAKH,OAAO,EAAMH,KAAK,gBAClDH,KAAA,CAAAI,aAAA,CAACL,IAAI;IAACW,CAAC,EAAC;EAAuK,EAAG,CAC9K,CAET,CACmB;AAE1B,CAAC"}

package/lib/module/ui/components/button/svg/ArrowForwardSvg.js

@@ -0,0 +1,12 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import Svg, { Path } from 'react-native-svg';
+import React from 'react';
+import { SvgContext } from './SvgUtils';
+export const ArrowForwardSvg = props => {
+  return /*#__PURE__*/React.createElement(SvgContext.Consumer, null, context => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Svg, _extends({
+    viewBox: '0 0 24 24'
+  }, context, props), /*#__PURE__*/React.createElement(Path, {
+    d: "M6.925 21.325q-.45-.45-.45-1.113 0-.662.45-1.112l7.1-7.1L6.9 4.875q-.45-.45-.462-1.1-.013-.65.462-1.125.475-.45 1.125-.45t1.1.45l8.425 8.425q.2.2.287.437.088.238.088.488t-.088.488q-.087.237-.287.437L9.125 21.35q-.45.45-1.087.45-.638 0-1.113-.475Z"
+  }))));
+};
+//# sourceMappingURL=ArrowForwardSvg.js.map

package/lib/module/ui/components/button/svg/ArrowForwardSvg.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Svg","Path","React","SvgContext","ArrowForwardSvg","props","createElement","Consumer","context","Fragment","_extends","viewBox","d"],"sources":["ArrowForwardSvg.tsx"],"sourcesContent":["import type { SvgProps } from 'react-native-svg';\nimport Svg, { Path } from 'react-native-svg';\nimport React from 'react';\nimport { SvgContext } from './SvgUtils';\n\nexport const ArrowForwardSvg = (props: SvgProps) => {\n  return (\n    <SvgContext.Consumer>\n      {(context) => (\n        <>\n          <Svg viewBox={'0 0 24 24'} {...context} {...props}>\n            <Path d=\"M6.925 21.325q-.45-.45-.45-1.113 0-.662.45-1.112l7.1-7.1L6.9 4.875q-.45-.45-.462-1.1-.013-.65.462-1.125.475-.45 1.125-.45t1.1.45l8.425 8.425q.2.2.287.437.088.238.088.488t-.088.488q-.087.237-.287.437L9.125 21.35q-.45.45-1.087.45-.638 0-1.113-.475Z\" />\n          </Svg>\n        </>\n      )}\n    </SvgContext.Consumer>\n  );\n};\n"],"mappings":";AACA,OAAOA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAC5C,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,YAAY;AAEvC,OAAO,MAAMC,eAAe,GAAIC,KAAe,IAAK;EAClD,oBACEH,KAAA,CAAAI,aAAA,CAACH,UAAU,CAACI,QAAQ,QAChBC,OAAO,iBACPN,KAAA,CAAAI,aAAA,CAAAJ,KAAA,CAAAO,QAAA,qBACEP,KAAA,CAAAI,aAAA,CAACN,GAAG,EAAAU,QAAA;IAACC,OAAO,EAAE;EAAY,GAAKH,OAAO,EAAMH,KAAK,gBAC/CH,KAAA,CAAAI,aAAA,CAACL,IAAI;IAACW,CAAC,EAAC;EAAwP,EAAG,CAC/P,CAET,CACmB;AAE1B,CAAC"}

package/lib/module/ui/components/button/svg/BackSvg.js

@@ -0,0 +1,12 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import Svg, { Path } from 'react-native-svg';
+import React from 'react';
+import { SvgContext } from './SvgUtils';
+export const BackSvg = props => {
+  return /*#__PURE__*/React.createElement(SvgContext.Consumer, null, context => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Svg, _extends({
+    viewBox: '0 0 24 24'
+  }, context, props), /*#__PURE__*/React.createElement(Path, {
+    d: "m10.525 19.275-6.375-6.35q-.175-.2-.262-.437Q3.8 12.25 3.8 12t.088-.488q.087-.237.262-.437l6.375-6.35q.375-.375.925-.388.55-.012.95.388.375.4.388.937.012.538-.363.938l-4.1 4.075H18.35q.55 0 .938.387.387.388.387.938 0 .55-.387.938-.388.387-.938.387H8.325l4.1 4.075q.35.375.363.925.012.55-.363.95-.4.4-.95.4-.55 0-.95-.4Z"
+  }))));
+};
+//# sourceMappingURL=BackSvg.js.map

package/lib/module/ui/components/button/svg/BackSvg.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Svg","Path","React","SvgContext","BackSvg","props","createElement","Consumer","context","Fragment","_extends","viewBox","d"],"sources":["BackSvg.tsx"],"sourcesContent":["import type { SvgProps } from 'react-native-svg';\nimport Svg, { Path } from 'react-native-svg';\nimport React from 'react';\nimport { SvgContext } from './SvgUtils';\n\nexport const BackSvg = (props: SvgProps) => {\n  return (\n    <SvgContext.Consumer>\n      {(context) => (\n        <>\n          <Svg viewBox={'0 0 24 24'} {...context} {...props}>\n            <Path d=\"m10.525 19.275-6.375-6.35q-.175-.2-.262-.437Q3.8 12.25 3.8 12t.088-.488q.087-.237.262-.437l6.375-6.35q.375-.375.925-.388.55-.012.95.388.375.4.388.937.012.538-.363.938l-4.1 4.075H18.35q.55 0 .938.387.387.388.387.938 0 .55-.387.938-.388.387-.938.387H8.325l4.1 4.075q.35.375.363.925.012.55-.363.95-.4.4-.95.4-.55 0-.95-.4Z\" />\n          </Svg>\n        </>\n      )}\n    </SvgContext.Consumer>\n  );\n};\n"],"mappings":";AACA,OAAOA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAC5C,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,YAAY;AAEvC,OAAO,MAAMC,OAAO,GAAIC,KAAe,IAAK;EAC1C,oBACEH,KAAA,CAAAI,aAAA,CAACH,UAAU,CAACI,QAAQ,QAChBC,OAAO,iBACPN,KAAA,CAAAI,aAAA,CAAAJ,KAAA,CAAAO,QAAA,qBACEP,KAAA,CAAAI,aAAA,CAACN,GAAG,EAAAU,QAAA;IAACC,OAAO,EAAE;EAAY,GAAKH,OAAO,EAAMH,KAAK,gBAC/CH,KAAA,CAAAI,aAAA,CAACL,IAAI;IAACW,CAAC,EAAC;EAAiU,EAAG,CACxU,CAET,CACmB;AAE1B,CAAC"}

package/lib/module/ui/components/button/svg/BackwardSvg.js

@@ -0,0 +1,12 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import Svg, { Path } from 'react-native-svg';
+import React from 'react';
+import { SvgContext } from './SvgUtils';
+export const BackwardSvg = props => {
+  return /*#__PURE__*/React.createElement(SvgContext.Consumer, null, context => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Svg, _extends({
+    viewBox: '0 96 960 960'
+  }, context, props), /*#__PURE__*/React.createElement(Path, {
+    d: "M480 983.174q-144.567 0-248.316-95.478T115.5 651.022q-1.478-13.674 8.098-23.87 9.576-10.195 24.59-10.195 13.334 0 23.149 9.576 9.815 9.576 12.533 24.489 12.195 112.608 96.235 188.195Q364.144 914.804 480 914.804q124.104 0 210.976-86.921 86.872-86.922 86.872-210.926 0-124.283-84.402-211.066-84.403-86.782-208.685-86.782h-22l49.369 49.369q9.718 9.718 9.598 22.196-.119 12.478-9.682 21.717-9.309 9.479-21.788 9.598-12.478.12-22.041-9.359L362.5 306.674q-5.478-5.239-7.837-11.076-2.359-5.837-2.359-12.674t2.37-12.662q2.369-5.825 7.826-11.327l106.478-106.479q8.718-8.478 21.315-8.597 12.598-.12 22.077 8.597 8.478 9.416 8.358 22.045-.119 12.629-8.598 20.869l-55.369 55.369h23q76.326 0 143.076 28.478 66.75 28.479 116.587 78.316t78.315 116.437q28.479 66.6 28.479 142.891T817.79 759.822q-28.427 66.67-78.333 116.58-49.906 49.911-116.569 78.342-66.662 28.43-142.888 28.43Z"
+  }))));
+};
+//# sourceMappingURL=BackwardSvg.js.map

package/lib/module/ui/components/button/svg/BackwardSvg.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Svg","Path","React","SvgContext","BackwardSvg","props","createElement","Consumer","context","Fragment","_extends","viewBox","d"],"sources":["BackwardSvg.tsx"],"sourcesContent":["import type { SvgProps } from 'react-native-svg';\nimport Svg, { Path } from 'react-native-svg';\nimport React from 'react';\nimport { SvgContext } from './SvgUtils';\n\nexport const BackwardSvg = (props: SvgProps) => {\n  return (\n    <SvgContext.Consumer>\n      {(context) => (\n        <>\n          <Svg viewBox={'0 96 960 960'} {...context} {...props}>\n            <Path d=\"M480 983.174q-144.567 0-248.316-95.478T115.5 651.022q-1.478-13.674 8.098-23.87 9.576-10.195 24.59-10.195 13.334 0 23.149 9.576 9.815 9.576 12.533 24.489 12.195 112.608 96.235 188.195Q364.144 914.804 480 914.804q124.104 0 210.976-86.921 86.872-86.922 86.872-210.926 0-124.283-84.402-211.066-84.403-86.782-208.685-86.782h-22l49.369 49.369q9.718 9.718 9.598 22.196-.119 12.478-9.682 21.717-9.309 9.479-21.788 9.598-12.478.12-22.041-9.359L362.5 306.674q-5.478-5.239-7.837-11.076-2.359-5.837-2.359-12.674t2.37-12.662q2.369-5.825 7.826-11.327l106.478-106.479q8.718-8.478 21.315-8.597 12.598-.12 22.077 8.597 8.478 9.416 8.358 22.045-.119 12.629-8.598 20.869l-55.369 55.369h23q76.326 0 143.076 28.478 66.75 28.479 116.587 78.316t78.315 116.437q28.479 66.6 28.479 142.891T817.79 759.822q-28.427 66.67-78.333 116.58-49.906 49.911-116.569 78.342-66.662 28.43-142.888 28.43Z\" />\n          </Svg>\n        </>\n      )}\n    </SvgContext.Consumer>\n  );\n};\n"],"mappings":";AACA,OAAOA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAC5C,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,YAAY;AAEvC,OAAO,MAAMC,WAAW,GAAIC,KAAe,IAAK;EAC9C,oBACEH,KAAA,CAAAI,aAAA,CAACH,UAAU,CAACI,QAAQ,QAChBC,OAAO,iBACPN,KAAA,CAAAI,aAAA,CAAAJ,KAAA,CAAAO,QAAA,qBACEP,KAAA,CAAAI,aAAA,CAACN,GAAG,EAAAU,QAAA;IAACC,OAAO,EAAE;EAAe,GAAKH,OAAO,EAAMH,KAAK,gBAClDH,KAAA,CAAAI,aAAA,CAACL,IAAI;IAACW,CAAC,EAAC;EAAi2B,EAAG,CACx2B,CAET,CACmB;AAE1B,CAAC"}

package/lib/module/ui/components/button/svg/ChromecastSvg.js

@@ -0,0 +1,12 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import Svg, { Path } from 'react-native-svg';
+import React from 'react';
+import { SvgContext } from './SvgUtils';
+export const ChromecastSvg = props => {
+  return /*#__PURE__*/React.createElement(SvgContext.Consumer, null, context => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Svg, _extends({
+    viewBox: '0 96 960 960'
+  }, context, props), /*#__PURE__*/React.createElement(Path, {
+    d: "M86.956 910.131h65.699q9.171 0 14.801-6.413 5.631-6.413 4.076-14.067-6.099-32.801-29.132-57.242-23.033-24.442-55.051-30.941-7.654-1.555-14.067 4.076-6.413 5.63-6.413 15.164v69.336q0 8.487 5.8 14.287 5.8 5.8 14.287 5.8Zm179.365 0q14.288 0 23.635-9.565 9.348-9.565 7.348-23.261-10.944-78.191-65.681-134.428-54.737-56.237-131.928-67.181-13.696-2-23.26 7.415-9.566 9.416-9.566 23.411 0 12.13 9.311 23.059 9.312 10.929 24.08 13.332 49.566 9.566 84.913 46.696 35.348 37.131 44.914 87.131 2.403 14.768 12.595 24.08 10.192 9.311 23.639 9.311Zm127.147 0q13.904 0 23.261-9.563 9.358-9.563 8.358-23.444-5.819-64.393-33.105-122.128-27.286-57.735-70.589-101.784-43.303-44.049-100.088-71.892-56.784-27.842-121.43-33.407-13.88-1-23.443 8.53-9.563 9.531-9.563 23.377 0 13.615 9.072 23.615 9.072 10 23.62 12.19 103.526 11.636 174.956 85.018 71.43 73.382 82.858 176.796 1.801 14.298 11.995 23.495 10.195 9.197 24.098 9.197ZM123.477 241.304h692.436q31.74 0 55.762 24.021 24.021 24.022 24.021 55.762v509.826q0 31.507-24.021 55.362-24.022 23.856-55.762 23.856H525.696q-16.706 0-28.158-11.501-11.451-11.502-11.451-28.283 0-16.782 11.451-28.108 11.452-11.326 28.158-11.326h290.217V321.087H146.087v146q-6.783 6.348-16.595 11.674-9.813 5.326-23.514 5.326-16.457 0-27.783-11.452-11.326-11.451-11.326-28.158v-146q0-21.834 16.838-39.504 16.837-17.669 39.77-17.669Zm317.914 363Z"
+  }))));
+};
+//# sourceMappingURL=ChromecastSvg.js.map

package/lib/module/ui/components/button/svg/ChromecastSvg.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Svg","Path","React","SvgContext","ChromecastSvg","props","createElement","Consumer","context","Fragment","_extends","viewBox","d"],"sources":["ChromecastSvg.tsx"],"sourcesContent":["import type { SvgProps } from 'react-native-svg';\nimport Svg, { Path } from 'react-native-svg';\nimport React from 'react';\nimport { SvgContext } from './SvgUtils';\n\nexport const ChromecastSvg = (props: SvgProps) => {\n  return (\n    <SvgContext.Consumer>\n      {(context) => (\n        <>\n          <Svg viewBox={'0 96 960 960'} {...context} {...props}>\n            <Path d=\"M86.956 910.131h65.699q9.171 0 14.801-6.413 5.631-6.413 4.076-14.067-6.099-32.801-29.132-57.242-23.033-24.442-55.051-30.941-7.654-1.555-14.067 4.076-6.413 5.63-6.413 15.164v69.336q0 8.487 5.8 14.287 5.8 5.8 14.287 5.8Zm179.365 0q14.288 0 23.635-9.565 9.348-9.565 7.348-23.261-10.944-78.191-65.681-134.428-54.737-56.237-131.928-67.181-13.696-2-23.26 7.415-9.566 9.416-9.566 23.411 0 12.13 9.311 23.059 9.312 10.929 24.08 13.332 49.566 9.566 84.913 46.696 35.348 37.131 44.914 87.131 2.403 14.768 12.595 24.08 10.192 9.311 23.639 9.311Zm127.147 0q13.904 0 23.261-9.563 9.358-9.563 8.358-23.444-5.819-64.393-33.105-122.128-27.286-57.735-70.589-101.784-43.303-44.049-100.088-71.892-56.784-27.842-121.43-33.407-13.88-1-23.443 8.53-9.563 9.531-9.563 23.377 0 13.615 9.072 23.615 9.072 10 23.62 12.19 103.526 11.636 174.956 85.018 71.43 73.382 82.858 176.796 1.801 14.298 11.995 23.495 10.195 9.197 24.098 9.197ZM123.477 241.304h692.436q31.74 0 55.762 24.021 24.021 24.022 24.021 55.762v509.826q0 31.507-24.021 55.362-24.022 23.856-55.762 23.856H525.696q-16.706 0-28.158-11.501-11.451-11.502-11.451-28.283 0-16.782 11.451-28.108 11.452-11.326 28.158-11.326h290.217V321.087H146.087v146q-6.783 6.348-16.595 11.674-9.813 5.326-23.514 5.326-16.457 0-27.783-11.452-11.326-11.451-11.326-28.158v-146q0-21.834 16.838-39.504 16.837-17.669 39.77-17.669Zm317.914 363Z\" />\n          </Svg>\n        </>\n      )}\n    </SvgContext.Consumer>\n  );\n};\n"],"mappings":";AACA,OAAOA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAC5C,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,YAAY;AAEvC,OAAO,MAAMC,aAAa,GAAIC,KAAe,IAAK;EAChD,oBACEH,KAAA,CAAAI,aAAA,CAACH,UAAU,CAACI,QAAQ,QAChBC,OAAO,iBACPN,KAAA,CAAAI,aAAA,CAAAJ,KAAA,CAAAO,QAAA,qBACEP,KAAA,CAAAI,aAAA,CAACN,GAAG,EAAAU,QAAA;IAACC,OAAO,EAAE;EAAe,GAAKH,OAAO,EAAMH,KAAK,gBAClDH,KAAA,CAAAI,aAAA,CAACL,IAAI;IAACW,CAAC,EAAC;EAAu0C,EAAG,CAC90C,CAET,CACmB;AAE1B,CAAC"}

package/lib/module/ui/components/button/svg/ErrorSvg.js

@@ -0,0 +1,12 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import Svg, { Path } from 'react-native-svg';
+import React from 'react';
+import { SvgContext } from './SvgUtils';
+export const ErrorSvg = props => {
+  return /*#__PURE__*/React.createElement(SvgContext.Consumer, null, context => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Svg, _extends({
+    viewBox: '0 0 48 48'
+  }, context, props), /*#__PURE__*/React.createElement(Path, {
+    d: "M24.15 26.4q.85 0 1.425-.575.575-.575.575-1.425v-9.2q0-.8-.6-1.375t-1.4-.575q-.85 0-1.425.575-.575.575-.575 1.425v9.2q0 .8.6 1.375t1.4.575ZM24 34.7q1 0 1.625-.625t.625-1.625q0-.95-.625-1.625T24 30.15q-1 0-1.625.675t-.625 1.625q0 1 .625 1.625T24 34.7Zm0 10q-4.4 0-8.175-1.575Q12.05 41.55 9.25 38.75q-2.8-2.8-4.375-6.575Q3.3 28.4 3.3 24q0-4.35 1.575-8.125Q6.45 12.1 9.25 9.3q2.8-2.8 6.575-4.425Q19.6 3.25 24 3.25q4.35 0 8.125 1.625Q35.9 6.5 38.7 9.3q2.8 2.8 4.425 6.575Q44.75 19.65 44.75 24q0 4.4-1.625 8.175Q41.5 35.95 38.7 38.75q-2.8 2.8-6.575 4.375Q28.35 44.7 24 44.7Z"
+  }))));
+};
+//# sourceMappingURL=ErrorSvg.js.map

package/lib/module/ui/components/button/svg/ErrorSvg.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Svg","Path","React","SvgContext","ErrorSvg","props","createElement","Consumer","context","Fragment","_extends","viewBox","d"],"sources":["ErrorSvg.tsx"],"sourcesContent":["import type { SvgProps } from 'react-native-svg';\nimport Svg, { Path } from 'react-native-svg';\nimport React from 'react';\nimport { SvgContext } from './SvgUtils';\n\nexport const ErrorSvg = (props: SvgProps) => {\n  return (\n    <SvgContext.Consumer>\n      {(context) => (\n        <>\n          <Svg viewBox={'0 0 48 48'} {...context} {...props}>\n            <Path d=\"M24.15 26.4q.85 0 1.425-.575.575-.575.575-1.425v-9.2q0-.8-.6-1.375t-1.4-.575q-.85 0-1.425.575-.575.575-.575 1.425v9.2q0 .8.6 1.375t1.4.575ZM24 34.7q1 0 1.625-.625t.625-1.625q0-.95-.625-1.625T24 30.15q-1 0-1.625.675t-.625 1.625q0 1 .625 1.625T24 34.7Zm0 10q-4.4 0-8.175-1.575Q12.05 41.55 9.25 38.75q-2.8-2.8-4.375-6.575Q3.3 28.4 3.3 24q0-4.35 1.575-8.125Q6.45 12.1 9.25 9.3q2.8-2.8 6.575-4.425Q19.6 3.25 24 3.25q4.35 0 8.125 1.625Q35.9 6.5 38.7 9.3q2.8 2.8 4.425 6.575Q44.75 19.65 44.75 24q0 4.4-1.625 8.175Q41.5 35.95 38.7 38.75q-2.8 2.8-6.575 4.375Q28.35 44.7 24 44.7Z\" />\n          </Svg>\n        </>\n      )}\n    </SvgContext.Consumer>\n  );\n};\n"],"mappings":";AACA,OAAOA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAC5C,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,YAAY;AAEvC,OAAO,MAAMC,QAAQ,GAAIC,KAAe,IAAK;EAC3C,oBACEH,KAAA,CAAAI,aAAA,CAACH,UAAU,CAACI,QAAQ,QAChBC,OAAO,iBACPN,KAAA,CAAAI,aAAA,CAAAJ,KAAA,CAAAO,QAAA,qBACEP,KAAA,CAAAI,aAAA,CAACN,GAAG,EAAAU,QAAA;IAACC,OAAO,EAAE;EAAY,GAAKH,OAAO,EAAMH,KAAK,gBAC/CH,KAAA,CAAAI,aAAA,CAACL,IAAI;IAACW,CAAC,EAAC;EAA2jB,EAAG,CAClkB,CAET,CACmB;AAE1B,CAAC"}

package/lib/module/ui/components/button/svg/ForwardSvg.js

@@ -0,0 +1,12 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import Svg, { Path } from 'react-native-svg';
+import React from 'react';
+import { SvgContext } from './SvgUtils';
+export const ForwardSvg = props => {
+  return /*#__PURE__*/React.createElement(SvgContext.Consumer, null, context => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Svg, _extends({
+    viewBox: '0 96 960 960'
+  }, context, props), /*#__PURE__*/React.createElement(Path, {
+    d: "M480 983.174q-76.26 0-142.952-28.965-66.693-28.965-116.12-78.435-49.428-49.47-78.287-116.078-28.859-66.608-28.859-142.772 0-76.163 28.979-142.859 28.978-66.695 78.435-116.032 49.456-49.337 116.141-78.316 66.685-28.978 142.936-28.978h22.966l-53.456-53.456q-9.435-9.256-9.055-23.4.381-14.144 9.816-23.579 9.227-9.232 23.505-9.094 14.277.138 23.473 9.333l107.63 108.392q10.196 10.435 10.196 24.108 0 13.674-10.196 23.87l-107.63 107.391q-9.957 10.196-24.131 10.316-14.173.119-23.608-10.076-10.196-10.228-9.696-23.886t10.696-24.093l47.695-47.456h-23.239q-123.104 0-208.095 86.859-84.992 86.86-84.992 210.946t86.872 210.988Q355.896 914.804 480 914.804q114.213 0 199.408-75.994 85.196-75.994 97.201-189.223 2.239-14.196 12.174-23.413 9.934-9.217 23.301-9.217 14.845 0 24.489 9.837 9.645 9.836 8.645 23.032-12.104 142.982-117.324 238.165Q622.674 983.174 480 983.174Z"
+  }))));
+};
+//# sourceMappingURL=ForwardSvg.js.map

package/lib/module/ui/components/button/svg/ForwardSvg.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Svg","Path","React","SvgContext","ForwardSvg","props","createElement","Consumer","context","Fragment","_extends","viewBox","d"],"sources":["ForwardSvg.tsx"],"sourcesContent":["import type { SvgProps } from 'react-native-svg';\nimport Svg, { Path } from 'react-native-svg';\nimport React from 'react';\nimport { SvgContext } from './SvgUtils';\n\nexport const ForwardSvg = (props: SvgProps) => {\n  return (\n    <SvgContext.Consumer>\n      {(context) => (\n        <>\n          <Svg viewBox={'0 96 960 960'} {...context} {...props}>\n            <Path d=\"M480 983.174q-76.26 0-142.952-28.965-66.693-28.965-116.12-78.435-49.428-49.47-78.287-116.078-28.859-66.608-28.859-142.772 0-76.163 28.979-142.859 28.978-66.695 78.435-116.032 49.456-49.337 116.141-78.316 66.685-28.978 142.936-28.978h22.966l-53.456-53.456q-9.435-9.256-9.055-23.4.381-14.144 9.816-23.579 9.227-9.232 23.505-9.094 14.277.138 23.473 9.333l107.63 108.392q10.196 10.435 10.196 24.108 0 13.674-10.196 23.87l-107.63 107.391q-9.957 10.196-24.131 10.316-14.173.119-23.608-10.076-10.196-10.228-9.696-23.886t10.696-24.093l47.695-47.456h-23.239q-123.104 0-208.095 86.859-84.992 86.86-84.992 210.946t86.872 210.988Q355.896 914.804 480 914.804q114.213 0 199.408-75.994 85.196-75.994 97.201-189.223 2.239-14.196 12.174-23.413 9.934-9.217 23.301-9.217 14.845 0 24.489 9.837 9.645 9.836 8.645 23.032-12.104 142.982-117.324 238.165Q622.674 983.174 480 983.174Z\" />\n          </Svg>\n        </>\n      )}\n    </SvgContext.Consumer>\n  );\n};\n"],"mappings":";AACA,OAAOA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAC5C,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,YAAY;AAEvC,OAAO,MAAMC,UAAU,GAAIC,KAAe,IAAK;EAC7C,oBACEH,KAAA,CAAAI,aAAA,CAACH,UAAU,CAACI,QAAQ,QAChBC,OAAO,iBACPN,KAAA,CAAAI,aAAA,CAAAJ,KAAA,CAAAO,QAAA,qBACEP,KAAA,CAAAI,aAAA,CAACN,GAAG,EAAAU,QAAA;IAACC,OAAO,EAAE;EAAe,GAAKH,OAAO,EAAMH,KAAK,gBAClDH,KAAA,CAAAI,aAAA,CAACL,IAAI;IAACW,CAAC,EAAC;EAA41B,EAAG,CACn2B,CAET,CACmB;AAE1B,CAAC"}

package/lib/module/ui/components/button/svg/FullscreenEnterSvg.js

@@ -0,0 +1,12 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import Svg, { Path } from 'react-native-svg';
+import React from 'react';
+import { SvgContext } from './SvgUtils';
+export const FullscreenEnterSvg = props => {
+  return /*#__PURE__*/React.createElement(SvgContext.Consumer, null, context => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Svg, _extends({
+    viewBox: '0 0 24 24'
+  }, context, props), /*#__PURE__*/React.createElement(Path, {
+    d: "M5.9 19.225q-.475 0-.8-.325-.325-.325-.325-.8V15q0-.475.325-.812.325-.338.8-.338.5 0 .825.338.325.337.325.812v1.95H9q.475 0 .812.325.338.325.338.825 0 .475-.338.8-.337.325-.812.325Zm0-9.075q-.475 0-.8-.338-.325-.337-.325-.812V5.9q0-.475.325-.8.325-.325.8-.325H9q.475 0 .812.325.338.325.338.8 0 .5-.338.825-.337.325-.812.325H7.05V9q0 .475-.325.812-.325.338-.825.338Zm9.1 9.075q-.475 0-.812-.325-.338-.325-.338-.8 0-.5.338-.825.337-.325.812-.325h1.95V15q0-.475.325-.812.325-.338.825-.338.475 0 .8.338.325.337.325.812v3.1q0 .475-.325.8-.325.325-.8.325Zm3.1-9.075q-.5 0-.825-.338-.325-.337-.325-.812V7.05H15q-.475 0-.812-.325-.338-.325-.338-.825 0-.475.338-.8.337-.325.812-.325h3.1q.475 0 .8.325.325.325.325.8V9q0 .475-.325.812-.325.338-.8.338Z"
+  }))));
+};
+//# sourceMappingURL=FullscreenEnterSvg.js.map

package/lib/module/ui/components/button/svg/FullscreenEnterSvg.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Svg","Path","React","SvgContext","FullscreenEnterSvg","props","createElement","Consumer","context","Fragment","_extends","viewBox","d"],"sources":["FullscreenEnterSvg.tsx"],"sourcesContent":["import type { SvgProps } from 'react-native-svg';\nimport Svg, { Path } from 'react-native-svg';\nimport React from 'react';\nimport { SvgContext } from './SvgUtils';\n\nexport const FullscreenEnterSvg = (props: SvgProps) => {\n  return (\n    <SvgContext.Consumer>\n      {(context) => (\n        <>\n          <Svg viewBox={'0 0 24 24'} {...context} {...props}>\n            <Path d=\"M5.9 19.225q-.475 0-.8-.325-.325-.325-.325-.8V15q0-.475.325-.812.325-.338.8-.338.5 0 .825.338.325.337.325.812v1.95H9q.475 0 .812.325.338.325.338.825 0 .475-.338.8-.337.325-.812.325Zm0-9.075q-.475 0-.8-.338-.325-.337-.325-.812V5.9q0-.475.325-.8.325-.325.8-.325H9q.475 0 .812.325.338.325.338.8 0 .5-.338.825-.337.325-.812.325H7.05V9q0 .475-.325.812-.325.338-.825.338Zm9.1 9.075q-.475 0-.812-.325-.338-.325-.338-.8 0-.5.338-.825.337-.325.812-.325h1.95V15q0-.475.325-.812.325-.338.825-.338.475 0 .8.338.325.337.325.812v3.1q0 .475-.325.8-.325.325-.8.325Zm3.1-9.075q-.5 0-.825-.338-.325-.337-.325-.812V7.05H15q-.475 0-.812-.325-.338-.325-.338-.825 0-.475.338-.8.337-.325.812-.325h3.1q.475 0 .8.325.325.325.325.8V9q0 .475-.325.812-.325.338-.8.338Z\" />\n          </Svg>\n        </>\n      )}\n    </SvgContext.Consumer>\n  );\n};\n"],"mappings":";AACA,OAAOA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAC5C,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,YAAY;AAEvC,OAAO,MAAMC,kBAAkB,GAAIC,KAAe,IAAK;EACrD,oBACEH,KAAA,CAAAI,aAAA,CAACH,UAAU,CAACI,QAAQ,QAChBC,OAAO,iBACPN,KAAA,CAAAI,aAAA,CAAAJ,KAAA,CAAAO,QAAA,qBACEP,KAAA,CAAAI,aAAA,CAACN,GAAG,EAAAU,QAAA;IAACC,OAAO,EAAE;EAAY,GAAKH,OAAO,EAAMH,KAAK,gBAC/CH,KAAA,CAAAI,aAAA,CAACL,IAAI;IAACW,CAAC,EAAC;EAAsuB,EAAG,CAC7uB,CAET,CACmB;AAE1B,CAAC"}

package/lib/module/ui/components/button/svg/FullscreenExitSvg.js

@@ -0,0 +1,12 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import Svg, { Path } from 'react-native-svg';
+import React from 'react';
+import { SvgContext } from './SvgUtils';
+export const FullscreenExitSvg = props => {
+  return /*#__PURE__*/React.createElement(SvgContext.Consumer, null, context => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Svg, _extends({
+    viewBox: '0 0 24 24'
+  }, context, props), /*#__PURE__*/React.createElement(Path, {
+    d: "M9 19.225q-.475 0-.812-.325-.338-.325-.338-.8v-1.95H5.9q-.475 0-.8-.338-.325-.337-.325-.812 0-.475.325-.812.325-.338.8-.338H9q.475 0 .812.338.338.337.338.812v3.1q0 .475-.338.8-.337.325-.812.325ZM5.9 10.15q-.475 0-.8-.338-.325-.337-.325-.812 0-.475.325-.813.325-.337.8-.337h1.95V5.9q0-.475.338-.8.337-.325.812-.325.475 0 .812.325.338.325.338.8V9q0 .475-.338.812-.337.338-.812.338Zm9.1 9.075q-.475 0-.812-.325-.338-.325-.338-.8V15q0-.475.338-.812.337-.338.812-.338h3.1q.475 0 .8.338.325.337.325.812 0 .475-.325.812-.325.338-.8.338h-1.95v1.95q0 .475-.337.8-.338.325-.813.325Zm0-9.075q-.475 0-.812-.338-.338-.337-.338-.812V5.9q0-.475.338-.8.337-.325.812-.325.475 0 .813.325.337.325.337.8v1.95h1.95q.475 0 .8.337.325.338.325.813 0 .475-.325.812-.325.338-.8.338Z"
+  }))));
+};
+//# sourceMappingURL=FullscreenExitSvg.js.map

package/lib/module/ui/components/button/svg/FullscreenExitSvg.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Svg","Path","React","SvgContext","FullscreenExitSvg","props","createElement","Consumer","context","Fragment","_extends","viewBox","d"],"sources":["FullscreenExitSvg.tsx"],"sourcesContent":["import type { SvgProps } from 'react-native-svg';\nimport Svg, { Path } from 'react-native-svg';\nimport React from 'react';\nimport { SvgContext } from './SvgUtils';\n\nexport const FullscreenExitSvg = (props: SvgProps) => {\n  return (\n    <SvgContext.Consumer>\n      {(context) => (\n        <>\n          <Svg viewBox={'0 0 24 24'} {...context} {...props}>\n            <Path d=\"M9 19.225q-.475 0-.812-.325-.338-.325-.338-.8v-1.95H5.9q-.475 0-.8-.338-.325-.337-.325-.812 0-.475.325-.812.325-.338.8-.338H9q.475 0 .812.338.338.337.338.812v3.1q0 .475-.338.8-.337.325-.812.325ZM5.9 10.15q-.475 0-.8-.338-.325-.337-.325-.812 0-.475.325-.813.325-.337.8-.337h1.95V5.9q0-.475.338-.8.337-.325.812-.325.475 0 .812.325.338.325.338.8V9q0 .475-.338.812-.337.338-.812.338Zm9.1 9.075q-.475 0-.812-.325-.338-.325-.338-.8V15q0-.475.338-.812.337-.338.812-.338h3.1q.475 0 .8.338.325.337.325.812 0 .475-.325.812-.325.338-.8.338h-1.95v1.95q0 .475-.337.8-.338.325-.813.325Zm0-9.075q-.475 0-.812-.338-.338-.337-.338-.812V5.9q0-.475.338-.8.337-.325.812-.325.475 0 .813.325.337.325.337.8v1.95h1.95q.475 0 .8.337.325.338.325.813 0 .475-.325.812-.325.338-.8.338Z\" />\n          </Svg>\n        </>\n      )}\n    </SvgContext.Consumer>\n  );\n};\n"],"mappings":";AACA,OAAOA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAC5C,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,YAAY;AAEvC,OAAO,MAAMC,iBAAiB,GAAIC,KAAe,IAAK;EACpD,oBACEH,KAAA,CAAAI,aAAA,CAACH,UAAU,CAACI,QAAQ,QAChBC,OAAO,iBACPN,KAAA,CAAAI,aAAA,CAAAJ,KAAA,CAAAO,QAAA,qBACEP,KAAA,CAAAI,aAAA,CAACN,GAAG,EAAAU,QAAA;IAACC,OAAO,EAAE;EAAY,GAAKH,OAAO,EAAMH,KAAK,gBAC/CH,KAAA,CAAAI,aAAA,CAACL,IAAI;IAACW,CAAC,EAAC;EAAsvB,EAAG,CAC7vB,CAET,CACmB;AAE1B,CAAC"}

package/lib/module/ui/components/button/svg/LanguageSvg.js

@@ -0,0 +1,12 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import Svg, { Path } from 'react-native-svg';
+import React from 'react';
+import { SvgContext } from './SvgUtils';
+export const LanguageSvg = props => {
+  return /*#__PURE__*/React.createElement(SvgContext.Consumer, null, context => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Svg, _extends({
+    viewBox: '0 0 24 24'
+  }, context, props), /*#__PURE__*/React.createElement(Path, {
+    d: "M17.469 15.446a6.892 6.892 310 1 0-4.772 3.342l2.872.986q1.9.626 1.9-1.374v-2.954l2.598 1.5V22q0 2-1.899 1.374l-4.95-1.632a9.892 9.892 310 1 1 6.849-4.796zM7 10a1 1 180 1 0 0 2 1 1 180 1 0 0-2zm4 0a1 1 180 1 0 0 2h5a1 1 180 1 0 0-2zm-3 4a1 1 180 1 0 0 2h3a1 1 180 1 0 0-2zm7 0a1 1 180 1 0 0 2 1 1 180 1 0 0-2z"
+  }))));
+};
+//# sourceMappingURL=LanguageSvg.js.map

package/lib/module/ui/components/button/svg/LanguageSvg.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Svg","Path","React","SvgContext","LanguageSvg","props","createElement","Consumer","context","Fragment","_extends","viewBox","d"],"sources":["LanguageSvg.tsx"],"sourcesContent":["import type { SvgProps } from 'react-native-svg';\nimport Svg, { Path } from 'react-native-svg';\nimport React from 'react';\nimport { SvgContext } from './SvgUtils';\n\nexport const LanguageSvg = (props: SvgProps) => {\n  return (\n    <SvgContext.Consumer>\n      {(context) => (\n        <>\n          <Svg viewBox={'0 0 24 24'} {...context} {...props}>\n            <Path d=\"M17.469 15.446a6.892 6.892 310 1 0-4.772 3.342l2.872.986q1.9.626 1.9-1.374v-2.954l2.598 1.5V22q0 2-1.899 1.374l-4.95-1.632a9.892 9.892 310 1 1 6.849-4.796zM7 10a1 1 180 1 0 0 2 1 1 180 1 0 0-2zm4 0a1 1 180 1 0 0 2h5a1 1 180 1 0 0-2zm-3 4a1 1 180 1 0 0 2h3a1 1 180 1 0 0-2zm7 0a1 1 180 1 0 0 2 1 1 180 1 0 0-2z\" />\n          </Svg>\n        </>\n      )}\n    </SvgContext.Consumer>\n  );\n};\n"],"mappings":";AACA,OAAOA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAC5C,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,YAAY;AAEvC,OAAO,MAAMC,WAAW,GAAIC,KAAe,IAAK;EAC9C,oBACEH,KAAA,CAAAI,aAAA,CAACH,UAAU,CAACI,QAAQ,QAChBC,OAAO,iBACPN,KAAA,CAAAI,aAAA,CAAAJ,KAAA,CAAAO,QAAA,qBACEP,KAAA,CAAAI,aAAA,CAACN,GAAG,EAAAU,QAAA;IAACC,OAAO,EAAE;EAAY,GAAKH,OAAO,EAAMH,KAAK,gBAC/CH,KAAA,CAAAI,aAAA,CAACL,IAAI;IAACW,CAAC,EAAC;EAAuT,EAAG,CAC9T,CAET,CACmB;AAE1B,CAAC"}

package/lib/module/ui/components/button/svg/ListSvg.js

@@ -0,0 +1,12 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import Svg, { Path } from 'react-native-svg';
+import React from 'react';
+import { SvgContext } from './SvgUtils';
+export const ListSvg = props => {
+  return /*#__PURE__*/React.createElement(SvgContext.Consumer, null, context => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Svg, _extends({
+    viewBox: '0 96 960 960'
+  }, context, props), /*#__PURE__*/React.createElement(Path, {
+    d: "M400 856q-17 0-28.5-11.5T360 816q0-17 11.5-28.5T400 776h400q17 0 28.5 11.5T840 816q0 17-11.5 28.5T800 856H400Zm0-240q-17 0-28.5-11.5T360 576q0-17 11.5-28.5T400 536h400q17 0 28.5 11.5T840 576q0 17-11.5 28.5T800 616H400Zm0-240q-17 0-28.5-11.5T360 336q0-17 11.5-28.5T400 296h400q17 0 28.5 11.5T840 336q0 17-11.5 28.5T800 376H400ZM200 896q-33 0-56.5-23.5T120 816q0-33 23.5-56.5T200 736q33 0 56.5 23.5T280 816q0 33-23.5 56.5T200 896Zm0-240q-33 0-56.5-23.5T120 576q0-33 23.5-56.5T200 496q33 0 56.5 23.5T280 576q0 33-23.5 56.5T200 656Zm0-240q-33 0-56.5-23.5T120 336q0-33 23.5-56.5T200 256q33 0 56.5 23.5T280 336q0 33-23.5 56.5T200 416Z"
+  }))));
+};
+//# sourceMappingURL=ListSvg.js.map

package/lib/module/ui/components/button/svg/ListSvg.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Svg","Path","React","SvgContext","ListSvg","props","createElement","Consumer","context","Fragment","_extends","viewBox","d"],"sources":["ListSvg.tsx"],"sourcesContent":["import type { SvgProps } from 'react-native-svg';\nimport Svg, { Path } from 'react-native-svg';\nimport React from 'react';\nimport { SvgContext } from './SvgUtils';\n\nexport const ListSvg = (props: SvgProps) => {\n  return (\n    <SvgContext.Consumer>\n      {(context) => (\n        <>\n          <Svg viewBox={'0 96 960 960'} {...context} {...props}>\n            <Path d=\"M400 856q-17 0-28.5-11.5T360 816q0-17 11.5-28.5T400 776h400q17 0 28.5 11.5T840 816q0 17-11.5 28.5T800 856H400Zm0-240q-17 0-28.5-11.5T360 576q0-17 11.5-28.5T400 536h400q17 0 28.5 11.5T840 576q0 17-11.5 28.5T800 616H400Zm0-240q-17 0-28.5-11.5T360 336q0-17 11.5-28.5T400 296h400q17 0 28.5 11.5T840 336q0 17-11.5 28.5T800 376H400ZM200 896q-33 0-56.5-23.5T120 816q0-33 23.5-56.5T200 736q33 0 56.5 23.5T280 816q0 33-23.5 56.5T200 896Zm0-240q-33 0-56.5-23.5T120 576q0-33 23.5-56.5T200 496q33 0 56.5 23.5T280 576q0 33-23.5 56.5T200 656Zm0-240q-33 0-56.5-23.5T120 336q0-33 23.5-56.5T200 256q33 0 56.5 23.5T280 336q0 33-23.5 56.5T200 416Z\" />\n          </Svg>\n        </>\n      )}\n    </SvgContext.Consumer>\n  );\n};\n"],"mappings":";AACA,OAAOA,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAC5C,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,YAAY;AAEvC,OAAO,MAAMC,OAAO,GAAIC,KAAe,IAAK;EAC1C,oBACEH,KAAA,CAAAI,aAAA,CAACH,UAAU,CAACI,QAAQ,QAChBC,OAAO,iBACPN,KAAA,CAAAI,aAAA,CAAAJ,KAAA,CAAAO,QAAA,qBACEP,KAAA,CAAAI,aAAA,CAACN,GAAG,EAAAU,QAAA;IAACC,OAAO,EAAE;EAAe,GAAKH,OAAO,EAAMH,KAAK,gBAClDH,KAAA,CAAAI,aAAA,CAACL,IAAI;IAACW,CAAC,EAAC;EAAsnB,EAAG,CAC7nB,CAET,CACmB;AAE1B,CAAC"}