@gympass/yoga 7.87.1 → 7.88.1

package/esm/Chips/native/Chips.js

@@ -1,105 +1,182 @@
-var _excluded = ["children", "selected", "counter", "icons", "disabled", "onToggle", "onPress", "theme"];
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import { number, arrayOf, bool, func, node } from "prop-types";
+import styled, { css, withTheme } from "styled-components";
+import { TouchableWithoutFeedback } from "react-native";
+import Counter from "./Counter";
+import { theme } from "../../Theme";
+import Text from "../../Text";
+import Icon from "../../Icon";
+const Wrapper = styled.View`
+  height: 32px;
+  max-width: 216px;
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
 
-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); }
+  margin-right: ${theme.spacing.xxsmall}px;
+  padding: ${theme.spacing.xxsmall}px;
 
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+  border-style: solid;
+  border-color: ${theme.colors.elements.lineAndBorders};
+  border-radius: ${theme.radii.small}px;
+  border-width: ${theme.borders.small}px;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+  background-color: ${theme.colors.white};
 
-import React from 'react';
-import { number, arrayOf, bool, func, node } from 'prop-types';
-import styled, { css, withTheme } from 'styled-components';
-import { TouchableWithoutFeedback } from 'react-native';
-import Counter from './Counter';
-import { theme } from '../../Theme';
-import Text from '../../Text';
-import Icon from '../../Icon';
-var Wrapper = styled.View(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  height: 32px;\n  max-width: 216px;\n\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-start;\n\n  margin-right: ", "px;\n  padding: ", "px;\n\n  border-style: solid;\n  border-color: ", ";\n  border-radius: ", "px;\n  border-width: ", "px;\n\n  background-color: ", ";\n\n  overflow: hidden;\n\n  ", "\n\n  ", "\n"])), theme.spacing.xxsmall, theme.spacing.xxsmall, theme.colors.elements.lineAndBorders, theme.radii.small, theme.borders.small, theme.colors.white, function (_ref) {
-  var disabled = _ref.disabled;
-  return disabled ? css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n          background-color: ", ";\n          color: ", ";\n\n          border-color: ", ";\n        "])), theme.colors.elements.backgroundAndDisabled, theme.colors.elements.selectionAndIcons, theme.colors.elements.lineAndBorders) : '';
-}, function (_ref2) {
-  var selected = _ref2.selected;
-  return selected ? css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n          background-color: ", ";\n          border-color: transparent;\n        "])), theme.colors.yoga) : '';
-});
-var StyledChips = styled(Text)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  font-size: ", "px;\n  line-height: ", "px;\n\n  flex-shrink: 1;\n\n  ", "\n"])), theme.fontSizes.xsmall, theme.lineHeights.xxsmall, function (_ref3) {
-  var selected = _ref3.selected;
-  return selected ? css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n          color: ", ";\n        "])), theme.colors.primary) : '';
-});
-var Chips = /*#__PURE__*/React.forwardRef(function (_ref4, ref) {
-  var children = _ref4.children,
-      selected = _ref4.selected,
-      counter = _ref4.counter,
-      icons = _ref4.icons,
-      disabled = _ref4.disabled,
-      onToggle = _ref4.onToggle,
-      _ref4$onPress = _ref4.onPress,
-      onPress = _ref4$onPress === void 0 ? onToggle : _ref4$onPress,
-      spacing = _ref4.theme.yoga.spacing,
-      props = _objectWithoutPropertiesLoose(_ref4, _excluded);
+  overflow: hidden;
 
-  var FirstIcon = icons[0],
-      SecondIcon = icons[1];
-  return /*#__PURE__*/React.createElement(TouchableWithoutFeedback, _extends({
-    onPress: onPress,
-    ref: ref,
-    accessibilityRole: "button"
-  }, props), /*#__PURE__*/React.createElement(Wrapper, {
-    disabled: disabled,
-    selected: selected
-  }, SecondIcon && /*#__PURE__*/React.createElement(Icon, {
-    as: SecondIcon,
-    fill: selected ? 'primary' : 'secondary',
-    width: "small",
-    height: "small",
-    style: {
-      marginRight: children ? spacing.xxxsmall : undefined
-    }
-  }), /*#__PURE__*/React.createElement(StyledChips, {
-    as: selected ? Text.Medium : Text,
-    selected: selected,
-    numberOfLines: 1
-  }, children), selected && counter && !disabled && /*#__PURE__*/React.createElement(Counter, {
-    value: counter
-  }), FirstIcon && /*#__PURE__*/React.createElement(Icon, {
-    as: FirstIcon,
-    fill: selected ? 'primary' : 'secondary',
-    width: "small",
-    height: "small",
-    style: {
-      marginLeft: children ? spacing.xxxsmall : undefined
-    }
-  })));
-});
+  ${({ disabled }) => disabled ? css`
+          background-color: ${theme.colors.elements.backgroundAndDisabled};
+          color: ${theme.colors.elements.selectionAndIcons};
+
+          border-color: ${theme.colors.elements.lineAndBorders};
+        ` : ""}
+
+  ${({ selected }) => selected ? css`
+          background-color: ${theme.colors.yoga};
+          border-color: transparent;
+        ` : ""}
+`;
+const StyledChips = styled(Text)`
+  font-size: ${theme.fontSizes.xsmall}px;
+  line-height: ${theme.lineHeights.xxsmall}px;
+
+  flex-shrink: 1;
+
+  ${({ selected }) => selected ? css`
+          color: ${theme.colors.primary};
+        ` : ""}
+`;
+const Chips = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      children,
+      selected,
+      counter,
+      icons,
+      disabled,
+      onToggle,
+      onPress = onToggle,
+      theme: {
+        yoga: { spacing }
+      }
+    } = _b, props = __objRest(_b, [
+      "children",
+      "selected",
+      "counter",
+      "icons",
+      "disabled",
+      "onToggle",
+      "onPress",
+      "theme"
+    ]);
+    const [FirstIcon, SecondIcon] = icons;
+    return /* @__PURE__ */ jsx(
+      TouchableWithoutFeedback,
+      __spreadProps(__spreadValues({
+        onPress,
+        ref,
+        accessibilityRole: "button"
+      }, props), {
+        children: /* @__PURE__ */ jsxs(Wrapper, { disabled, selected, children: [
+          SecondIcon && /* @__PURE__ */ jsx(
+            Icon,
+            {
+              as: SecondIcon,
+              fill: selected ? "primary" : "secondary",
+              width: "small",
+              height: "small",
+              style: {
+                marginRight: children ? spacing.xxxsmall : void 0
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            StyledChips,
+            {
+              as: selected ? Text.Medium : Text,
+              selected,
+              numberOfLines: 1,
+              children
+            }
+          ),
+          selected && counter && !disabled && /* @__PURE__ */ jsx(Counter, { value: counter }),
+          FirstIcon && /* @__PURE__ */ jsx(
+            Icon,
+            {
+              as: FirstIcon,
+              fill: selected ? "primary" : "secondary",
+              width: "small",
+              height: "small",
+              style: {
+                marginLeft: children ? spacing.xxxsmall : void 0
+              }
+            }
+          )
+        ] })
+      })
+    );
+  }
+);
 Chips.propTypes = {
   /** text to be displayed */
   children: node,
-
   /** if the chip is selected */
   selected: bool,
-
   /** will display a three digit number, if the value is greater than 999 a plus
    * sign will be displayed instead. ex: "+999" */
   counter: number,
-
   /** disable chip */
   disabled: bool,
-
   /** a list of max two icons from @gympass/yoga-icons package */
   icons: arrayOf(func),
-
   /** onPress event */
   onToggle: func,
   onPress: func
 };
 Chips.defaultProps = {
-  children: undefined,
+  children: void 0,
   selected: false,
   disabled: false,
-  counter: undefined,
+  counter: void 0,
   icons: [],
-  onToggle: undefined,
-  onPress: undefined
+  onToggle: void 0,
+  onPress: void 0
+};
+var Chips_default = withTheme(Chips);
+export {
+  Chips_default as default
 };
-export default withTheme(Chips);

package/esm/Chips/native/Chips.test.js

@@ -1,143 +1,108 @@
-import React from 'react';
-import { render, fireEvent } from '@testing-library/react-native';
-import { MapPin, ChevronDown } from '@gympass/yoga-icons';
-import { ThemeProvider, Chips } from '../..';
-describe('<Chips />', function () {
-  describe('Snapshots', function () {
-    it('should match snapshot', function () {
-      var _render = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Chips, null, "Classes"))),
-          root = _render.root,
-          toJSON = _render.toJSON;
-
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+import { render, fireEvent } from "@testing-library/react-native";
+import { MapPin, ChevronDown } from "@gympass/yoga-icons";
+import { ThemeProvider, Chips } from "../..";
+describe("<Chips />", () => {
+  describe("Snapshots", () => {
+    it("should match snapshot", () => {
+      const { root, toJSON } = render(
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Chips, { children: "Classes" }) })
+      );
       expect(toJSON(root)).toMatchSnapshot();
     });
-    it('should match snapshot with disabled prop', function () {
-      var _render2 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Chips, {
-        disabled: true
-      }, "Classes"))),
-          root = _render2.root,
-          toJSON = _render2.toJSON;
-
+    it("should match snapshot with disabled prop", () => {
+      const { root, toJSON } = render(
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Chips, { disabled: true, children: "Classes" }) })
+      );
       expect(toJSON(root)).toMatchSnapshot();
     });
-    it('should match snapshot with more than one Chip', function () {
-      var _render3 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Chips, null, "Classes"), /*#__PURE__*/React.createElement(Chips, null, "Gyms and studios"), /*#__PURE__*/React.createElement(Chips, null, "Personal trainers"))),
-          root = _render3.root,
-          toJSON = _render3.toJSON;
-
+    it("should match snapshot with more than one Chip", () => {
+      const { root, toJSON } = render(
+        /* @__PURE__ */ jsxs(ThemeProvider, { children: [
+          /* @__PURE__ */ jsx(Chips, { children: "Classes" }),
+          /* @__PURE__ */ jsx(Chips, { children: "Gyms and studios" }),
+          /* @__PURE__ */ jsx(Chips, { children: "Personal trainers" })
+        ] })
+      );
       expect(toJSON(root)).toMatchSnapshot();
     });
-    it('should match snapshot with a long text', function () {
-      var _render4 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Chips, null, "Classes with a very long text"))),
-          root = _render4.root,
-          toJSON = _render4.toJSON;
-
+    it("should match snapshot with a long text", () => {
+      const { root, toJSON } = render(
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Chips, { children: "Classes with a very long text" }) })
+      );
       expect(toJSON(root)).toMatchSnapshot();
     });
-    describe('selected', function () {
-      it('should match snapshot', function () {
-        var _render5 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Chips, {
-          selected: true
-        }, "Classes"))),
-            root = _render5.root,
-            toJSON = _render5.toJSON;
-
+    describe("selected", () => {
+      it("should match snapshot", () => {
+        const { root, toJSON } = render(
+          /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Chips, { selected: true, children: "Classes" }) })
+        );
         expect(toJSON(root)).toMatchSnapshot();
       });
-      it('should match snapshot with more than one Chip', function () {
-        var _render6 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Chips, null, "Classes"), /*#__PURE__*/React.createElement(Chips, {
-          selected: true
-        }, "Gyms and studios"), /*#__PURE__*/React.createElement(Chips, {
-          selected: true
-        }, "Personal trainers"))),
-            root = _render6.root,
-            toJSON = _render6.toJSON;
-
+      it("should match snapshot with more than one Chip", () => {
+        const { root, toJSON } = render(
+          /* @__PURE__ */ jsxs(ThemeProvider, { children: [
+            /* @__PURE__ */ jsx(Chips, { children: "Classes" }),
+            /* @__PURE__ */ jsx(Chips, { selected: true, children: "Gyms and studios" }),
+            /* @__PURE__ */ jsx(Chips, { selected: true, children: "Personal trainers" })
+          ] })
+        );
         expect(toJSON(root)).toMatchSnapshot();
       });
     });
-    describe('counter', function () {
-      it('should match snapshot', function () {
-        var _render7 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Chips, {
-          counter: 8
-        }, "Classes"))),
-            root = _render7.root,
-            toJSON = _render7.toJSON;
-
+    describe("counter", () => {
+      it("should match snapshot", () => {
+        const { root, toJSON } = render(
+          /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Chips, { counter: 8, children: "Classes" }) })
+        );
         expect(toJSON(root)).toMatchSnapshot();
       });
-      it('should match snapshot with more than one Chip', function () {
-        var _render8 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Chips, {
-          counter: 8
-        }, "Classes"), /*#__PURE__*/React.createElement(Chips, {
-          counter: 52,
-          selected: true
-        }, "Gyms and studios"), /*#__PURE__*/React.createElement(Chips, {
-          counter: 1732,
-          selected: true
-        }, "Personal trainers"))),
-            root = _render8.root,
-            toJSON = _render8.toJSON;
-
+      it("should match snapshot with more than one Chip", () => {
+        const { root, toJSON } = render(
+          /* @__PURE__ */ jsxs(ThemeProvider, { children: [
+            /* @__PURE__ */ jsx(Chips, { counter: 8, children: "Classes" }),
+            /* @__PURE__ */ jsx(Chips, { counter: 52, selected: true, children: "Gyms and studios" }),
+            /* @__PURE__ */ jsx(Chips, { counter: 1732, selected: true, children: "Personal trainers" })
+          ] })
+        );
         expect(toJSON(root)).toMatchSnapshot();
       });
     });
-    describe('icon', function () {
-      it('should match selected snapshot', function () {
-        var _render9 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Chips, {
-          counter: 8,
-          icon: [MapPin]
-        }, "Location"), /*#__PURE__*/React.createElement(Chips, {
-          counter: 8,
-          icon: [MapPin, ChevronDown]
-        }, "Classes"), /*#__PURE__*/React.createElement(Chips, {
-          icon: [MapPin, ChevronDown]
-        }, "Gyms and studios"), /*#__PURE__*/React.createElement(Chips, {
-          icon: [MapPin]
-        }, "Personal trainers"), /*#__PURE__*/React.createElement(Chips, {
-          counter: 8,
-          selected: true,
-          icon: [MapPin]
-        }, "Activities"), /*#__PURE__*/React.createElement(Chips, {
-          counter: 8,
-          selected: true,
-          icon: [MapPin, ChevronDown]
-        }, "Language"), /*#__PURE__*/React.createElement(Chips, {
-          selected: true,
-          icon: [MapPin, ChevronDown]
-        }, "Categories"), /*#__PURE__*/React.createElement(Chips, {
-          selected: true,
-          icon: [MapPin]
-        }, "Availability"))),
-            root = _render9.root,
-            toJSON = _render9.toJSON;
-
+    describe("icon", () => {
+      it("should match selected snapshot", () => {
+        const { root, toJSON } = render(
+          /* @__PURE__ */ jsxs(ThemeProvider, { children: [
+            /* @__PURE__ */ jsx(Chips, { counter: 8, icon: [MapPin], children: "Location" }),
+            /* @__PURE__ */ jsx(Chips, { counter: 8, icon: [MapPin, ChevronDown], children: "Classes" }),
+            /* @__PURE__ */ jsx(Chips, { icon: [MapPin, ChevronDown], children: "Gyms and studios" }),
+            /* @__PURE__ */ jsx(Chips, { icon: [MapPin], children: "Personal trainers" }),
+            /* @__PURE__ */ jsx(Chips, { counter: 8, selected: true, icon: [MapPin], children: "Activities" }),
+            /* @__PURE__ */ jsx(Chips, { counter: 8, selected: true, icon: [MapPin, ChevronDown], children: "Language" }),
+            /* @__PURE__ */ jsx(Chips, { selected: true, icon: [MapPin, ChevronDown], children: "Categories" }),
+            /* @__PURE__ */ jsx(Chips, { selected: true, icon: [MapPin], children: "Availability" })
+          ] })
+        );
         expect(toJSON(root)).toMatchSnapshot();
       });
     });
   });
-  describe('Events', function () {
-    it('should toggle using onPress', function () {
-      var toggleMock = jest.fn();
-
-      var _render10 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Chips, {
-        onPress: toggleMock
-      }, "Classes"))),
-          getByText = _render10.getByText;
-
-      fireEvent.press(getByText('Classes'));
+  describe("Events", () => {
+    it("should toggle using onPress", () => {
+      const toggleMock = jest.fn();
+      const { getByText } = render(
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Chips, { onPress: toggleMock, children: "Classes" }) })
+      );
+      fireEvent.press(getByText("Classes"));
       expect(toggleMock).toHaveBeenCalled();
     });
-    it('should toggle using onToggle', function () {
-      var toggleMock = jest.fn();
-
-      var _render11 = render( /*#__PURE__*/React.createElement(ThemeProvider, null, /*#__PURE__*/React.createElement(Chips, {
-        onToggle: toggleMock
-      }, "Classes"))),
-          getByText = _render11.getByText;
-
-      fireEvent.press(getByText('Classes'));
+    it("should toggle using onToggle", () => {
+      const toggleMock = jest.fn();
+      const { getByText } = render(
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Chips, { onToggle: toggleMock, children: "Classes" }) })
+      );
+      fireEvent.press(getByText("Classes"));
       expect(toggleMock).toHaveBeenCalled();
     });
   });
-});
+});

package/esm/Chips/native/Counter.js

@@ -1,20 +1,36 @@
-var _templateObject;
+import { jsx } from "react/jsx-runtime";
+import React from "react";
+import styled from "styled-components";
+import { number, oneOfType, string } from "prop-types";
+import { theme } from "../../Theme";
+import Text from "../../Text";
+const Wrapper = styled(Text.Medium)`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+  height: 16px;
+  min-width: 16px;
 
-import React from 'react';
-import styled from 'styled-components';
-import { number, oneOfType, string } from 'prop-types';
-import { theme } from '../../Theme';
-import Text from '../../Text';
-var Wrapper = styled(Text.Medium)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n\n  height: 16px;\n  min-width: 16px;\n\n  padding-right: 5px;\n  padding-left: 5px;\n  margin-left: ", "px;\n\n  color: ", ";\n  font-size: ", "px;\n  line-height: ", "px;\n\n  border-radius: ", "px;\n  background-color: ", ";\n\n  overflow: hidden;\n"])), theme.spacing.xxxsmall, theme.colors.white, theme.fontSizes.xsmall, theme.lineHeights.xsmall, theme.radii.small, theme.colors.primary);
+  padding-right: 5px;
+  padding-left: 5px;
+  margin-left: ${theme.spacing.xxxsmall}px;
 
-var Counter = function Counter(_ref) {
-  var value = _ref.value;
-  return /*#__PURE__*/React.createElement(Wrapper, null, Number(value) > 999 ? '+999' : value);
-};
+  color: ${theme.colors.white};
+  font-size: ${theme.fontSizes.xsmall}px;
+  line-height: ${theme.lineHeights.xsmall}px;
+
+  border-radius: ${theme.radii.small}px;
+  background-color: ${theme.colors.primary};
 
+  overflow: hidden;
+`;
+const Counter = ({ value }) => /* @__PURE__ */ jsx(Wrapper, { children: Number(value) > 999 ? "+999" : value });
 Counter.propTypes = {
   value: oneOfType([number, string]).isRequired
 };
-export default Counter;
+var Counter_default = Counter;
+export {
+  Counter_default as default
+};

package/esm/Chips/native/index.js

@@ -1,2 +1,5 @@
-import Chips from './Chips';
-export default Chips;
+import Chips from "./Chips";
+var native_default = Chips;
+export {
+  native_default as default
+};