fluent-styles 1.0.0

package/lib/commonjs/package/spacer/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledSpacer = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _styled = require("../styled");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Spacer = (0, _styled.styled)(_reactNative.View);
+const StyledSpacer = ({
+  ...rest
+}) => {
+  return /*#__PURE__*/_react.default.createElement(Spacer, rest);
+};
+exports.StyledSpacer = StyledSpacer;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/package/spacer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_styled","e","__esModule","default","Spacer","styled","View","StyledSpacer","rest","createElement","exports"],"sources":["index.jsx"],"sourcesContent":["import React from \"react\";\r\nimport { View } from \"react-native\";\r\nimport { styled } from \"../styled\";\r\n\r\nconst Spacer = styled(View)\r\n\r\nconst StyledSpacer = ({ ...rest }) => {\r\n    return (\r\n        <Spacer {...rest} />\r\n    )\r\n}\r\n\r\nexport {StyledSpacer}"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAAmC,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEnC,MAAMG,MAAM,GAAG,IAAAC,cAAM,EAACC,iBAAI,CAAC;AAE3B,MAAMC,YAAY,GAAGA,CAAC;EAAE,GAAGC;AAAK,CAAC,KAAK;EAClC,oBACIZ,MAAA,CAAAO,OAAA,CAAAM,aAAA,CAACL,MAAM,EAAKI,IAAO,CAAC;AAE5B,CAAC;AAAAE,OAAA,CAAAH,YAAA,GAAAA,YAAA","ignoreList":[]}

package/lib/commonjs/package/spinner/index.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledSpinner = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _styled = require("../styled");
+var _theme = require("../theme");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const Spinner = (0, _styled.styled)(_reactNative.ActivityIndicator, {
+  base: {
+    color: _theme.theme.colors.gray[400]
+  },
+  variants: {
+    overlay: {
+      true: {
+        ..._reactNative.StyleSheet.absoluteFillObject,
+        position: 'absolute',
+        backgroundColor: 'rgba(0, 0, 0, 0.5)',
+        justifyContent: 'center',
+        alignItems: 'center',
+        flex: 1
+      }
+    }
+  }
+});
+const StyledSpinner = ({
+  size = 120,
+  color = _theme.theme.colors.gray[400],
+  overlay = true,
+  ...rest
+}) => {
+  return /*#__PURE__*/_react.default.createElement(Spinner, _extends({
+    size: size,
+    overlay: overlay,
+    color: color
+  }, rest));
+};
+exports.StyledSpinner = StyledSpinner;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/package/spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_styled","_theme","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","Spinner","styled","ActivityIndicator","base","color","theme","colors","gray","variants","overlay","true","StyleSheet","absoluteFillObject","position","backgroundColor","justifyContent","alignItems","flex","StyledSpinner","size","rest","createElement","exports"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { ActivityIndicator, StyleSheet } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { theme } from '../theme'\r\n\r\nconst Spinner = styled(ActivityIndicator, {\r\n  base: {\r\n    color: theme.colors.gray[400]\r\n  },\r\n  variants: {\r\n    overlay: {\r\n      true: {\r\n        ...StyleSheet.absoluteFillObject,\r\n        position: 'absolute',\r\n        backgroundColor: 'rgba(0, 0, 0, 0.5)',\r\n        justifyContent: 'center',\r\n        alignItems: 'center',\r\n        flex: 1\r\n      }\r\n    }\r\n  }\r\n})\r\n\r\nconst StyledSpinner = ({\r\n\tsize = 120,\r\n\tcolor = theme.colors.gray[400],\r\n\toverlay = true,\r\n\t...rest\r\n}) => {\r\n  return <Spinner size={size} overlay={overlay} color={color} {...rest} />\r\n}\r\n\r\nexport { StyledSpinner }\r\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAgC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAEhC,MAAMO,OAAO,GAAG,IAAAC,cAAM,EAACC,8BAAiB,EAAE;EACxCC,IAAI,EAAE;IACJC,KAAK,EAAEC,YAAK,CAACC,MAAM,CAACC,IAAI,CAAC,GAAG;EAC9B,CAAC;EACDC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,IAAI,EAAE;QACJ,GAAGC,uBAAU,CAACC,kBAAkB;QAChCC,QAAQ,EAAE,UAAU;QACpBC,eAAe,EAAE,oBAAoB;QACrCC,cAAc,EAAE,QAAQ;QACxBC,UAAU,EAAE,QAAQ;QACpBC,IAAI,EAAE;MACR;IACF;EACF;AACF,CAAC,CAAC;AAEF,MAAMC,aAAa,GAAGA,CAAC;EACtBC,IAAI,GAAG,GAAG;EACVf,KAAK,GAAGC,YAAK,CAACC,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;EAC9BE,OAAO,GAAG,IAAI;EACd,GAAGW;AACJ,CAAC,KAAK;EACJ,oBAAOzC,MAAA,CAAAQ,OAAA,CAAAkC,aAAA,CAACrB,OAAO,EAAAZ,QAAA;IAAC+B,IAAI,EAAEA,IAAK;IAACV,OAAO,EAAEA,OAAQ;IAACL,KAAK,EAAEA;EAAM,GAAKgB,IAAI,CAAG,CAAC;AAC1E,CAAC;AAAAE,OAAA,CAAAJ,aAAA,GAAAA,aAAA","ignoreList":[]}

package/lib/commonjs/package/stack/__test__/index.test.js

@@ -0,0 +1,91 @@
+"use strict";
+
+var _globals = require("@jest/globals");
+var _reactNative = require("@testing-library/react-native");
+var _ = require("..");
+var _theme = require("../../theme");
+var _reactNative2 = require("react-native");
+describe("Stack", () => {
+  it("Should render correctly with base style", () => {
+    const {
+      getByTestId
+    } = (0, _reactNative.render)( /*#__PURE__*/React.createElement(_.Stack, {
+      testID: "test-stack-id"
+    }));
+    const stack = getByTestId('test-stack-id');
+    (0, _globals.expect)(stack).toHaveStyle({
+      position: 'relative'
+    });
+  });
+  it("Should render correctly when transparent variant is set to true", () => {
+    const {
+      getByTestId
+    } = (0, _reactNative.render)( /*#__PURE__*/React.createElement(_.Stack, {
+      transparent: true,
+      testID: "test-stack-id"
+    }));
+    const stack = getByTestId('test-stack-id');
+    (0, _globals.expect)(stack).toHaveStyle({
+      position: 'relative',
+      backgroundColor: _theme.palettes.transparent
+    });
+  });
+  it("XStack should render flexDirection to row correctly", () => {
+    const {
+      getByTestId
+    } = (0, _reactNative.render)( /*#__PURE__*/React.createElement(_.XStack, {
+      testID: "test-stack-id"
+    }));
+    const stack = getByTestId('test-stack-id');
+    (0, _globals.expect)(stack).toHaveStyle({
+      flexDirection: 'row'
+    });
+  });
+  it("XStack should render correctly when transparent variant is set to true", () => {
+    const {
+      getByTestId
+    } = (0, _reactNative.render)( /*#__PURE__*/React.createElement(_.XStack, {
+      transparent: true,
+      testID: "test-stack-id"
+    }));
+    const stack = getByTestId('test-stack-id');
+    (0, _globals.expect)(stack).toHaveStyle({
+      position: 'relative',
+      backgroundColor: _theme.palettes.transparent
+    });
+  });
+  it("YStack should render flexDirection to column correctly", () => {
+    const {
+      getByTestId
+    } = (0, _reactNative.render)( /*#__PURE__*/React.createElement(_.YStack, {
+      testID: "test-stack-id"
+    }));
+    const stack = getByTestId('test-stack-id');
+    (0, _globals.expect)(stack).toHaveStyle({
+      flexDirection: 'column'
+    });
+  });
+  it("Should render shadow on stack correctly when shadow variant is set to light on ios", () => {
+    _globals.jest.spyOn(_reactNative2.Platform, 'select').mockImplementation(obj => obj.ios);
+    const {
+      getByTestId
+    } = (0, _reactNative.render)( /*#__PURE__*/React.createElement(_.Stack, {
+      shadow: "light",
+      transparent: true,
+      testID: "test-stack-id"
+    }));
+    const stack = getByTestId('test-stack-id');
+    (0, _globals.expect)(stack).toHaveStyle({
+      position: 'relative',
+      backgroundColor: _theme.palettes.transparent,
+      shadowColor: _theme.theme.colors.gray[900],
+      shadowOffset: {
+        width: 0,
+        height: 1
+      },
+      shadowOpacity: 0.22,
+      shadowRadius: 2.22
+    });
+  });
+});
+//# sourceMappingURL=index.test.js.map

package/lib/commonjs/package/stack/__test__/index.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_globals","require","_reactNative","_","_theme","_reactNative2","describe","it","getByTestId","render","React","createElement","Stack","testID","stack","expect","toHaveStyle","position","transparent","backgroundColor","palettes","XStack","flexDirection","YStack","jest","spyOn","Platform","mockImplementation","obj","ios","shadow","shadowColor","theme","colors","gray","shadowOffset","width","height","shadowOpacity","shadowRadius"],"sources":["index.test.js"],"sourcesContent":["import { expect, jest } from '@jest/globals';\r\nimport { render } from '@testing-library/react-native'\r\nimport { Stack, XStack, YStack } from '..'\r\nimport { palettes, theme } from '../../theme';\r\nimport { Platform } from 'react-native';\r\n\r\ndescribe(\"Stack\", () => {\r\n    it(\"Should render correctly with base style\", () => {\r\n        const { getByTestId } = render(<Stack testID='test-stack-id' />)\r\n\r\n        const stack = getByTestId('test-stack-id')\r\n        expect(stack).toHaveStyle({\r\n            position: 'relative'\r\n        })\r\n    })\r\n\r\n    it(\"Should render correctly when transparent variant is set to true\", () => {\r\n        const { getByTestId } = render(<Stack transparent testID='test-stack-id' />)\r\n\r\n        const stack = getByTestId('test-stack-id')\r\n        expect(stack).toHaveStyle({\r\n            position: 'relative',\r\n            backgroundColor: palettes.transparent\r\n        })\r\n    })\r\n\r\n    it(\"XStack should render flexDirection to row correctly\", () => {\r\n        const { getByTestId } = render(<XStack testID='test-stack-id' />)\r\n\r\n        const stack = getByTestId('test-stack-id')\r\n        expect(stack).toHaveStyle({\r\n            flexDirection: 'row'          \r\n        })\r\n    })\r\n    it(\"XStack should render correctly when transparent variant is set to true\", () => {\r\n        const { getByTestId } = render(<XStack transparent testID='test-stack-id' />)\r\n\r\n        const stack = getByTestId('test-stack-id')\r\n        expect(stack).toHaveStyle({\r\n            position: 'relative',\r\n            backgroundColor: palettes.transparent\r\n        })\r\n    })\r\n\r\n    it(\"YStack should render flexDirection to column correctly\", () => {\r\n        const { getByTestId } = render(<YStack testID='test-stack-id' />)\r\n\r\n        const stack = getByTestId('test-stack-id')\r\n        expect(stack).toHaveStyle({\r\n            flexDirection: 'column'\r\n        })\r\n    })\r\n\r\n    it(\"Should render shadow on stack correctly when shadow variant is set to light on ios\", () => {\r\n        jest.spyOn(Platform, 'select').mockImplementation((obj)=>obj.ios)\r\n        const { getByTestId } = render(<Stack shadow='light' transparent testID='test-stack-id' />)\r\n\r\n        const stack = getByTestId('test-stack-id')\r\n        expect(stack).toHaveStyle({\r\n            position: 'relative',\r\n            backgroundColor: palettes.transparent,\r\n            shadowColor: theme.colors.gray[900],\r\n            shadowOffset: { width: 0, height: 1 },\r\n            shadowOpacity: 0.22,\r\n            shadowRadius: 2.22,\r\n        })\r\n    })\r\n})"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/package/stack/index.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.YStack = exports.XStack = void 0;
+var _reactNative = require("react-native");
+var _styled = require("../styled");
+var _theme = require("../theme");
+const YStack = exports.YStack = (0, _styled.styled)(_reactNative.View, {
+  base: {
+    flexDirection: 'column',
+    position: 'relative'
+  },
+  variants: {
+    transparent: {
+      true: {
+        backgroundColor: _theme.theme.colors.transparent
+      }
+    }
+  }
+});
+const XStack = exports.XStack = (0, _styled.styled)(_reactNative.View, {
+  base: {
+    flexDirection: 'row',
+    position: 'relative'
+  },
+  variants: {
+    transparent: {
+      true: {
+        backgroundColor: _theme.theme.colors.transparent
+      }
+    }
+  },
+  position: {
+    true: {
+      position: 'absolute'
+    }
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/package/stack/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_styled","_theme","YStack","exports","styled","View","base","flexDirection","position","variants","transparent","true","backgroundColor","theme","colors","XStack"],"sources":["index.jsx"],"sourcesContent":["import { View } from \"react-native\";\r\nimport { styled } from \"../styled\";\r\nimport { theme } from \"../theme\";\r\n\r\nconst YStack = styled(View, {\r\n    base: {\r\n        flexDirection: 'column',\r\n        position: 'relative'  \r\n    },\r\n    variants: {\r\n        transparent: {\r\n            true: {\r\n                backgroundColor: theme.colors.transparent,\r\n            }\r\n        }\r\n    }   \r\n})\r\nconst XStack = styled(View, {\r\n    base: {\r\n        flexDirection: 'row',  \r\n        position:'relative'  \r\n    },\r\n    variants: {\r\n        transparent: {\r\n            true: {\r\n                backgroundColor: theme.colors.transparent,\r\n            }\r\n        }\r\n    },\r\n    position: {\r\n        true: {\r\n            position: 'absolute'\r\n        }\r\n    },\r\n})\r\n\r\nexport { XStack, YStack }"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,MAAMG,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,cAAM,EAACC,iBAAI,EAAE;EACxBC,IAAI,EAAE;IACFC,aAAa,EAAE,QAAQ;IACvBC,QAAQ,EAAE;EACd,CAAC;EACDC,QAAQ,EAAE;IACNC,WAAW,EAAE;MACTC,IAAI,EAAE;QACFC,eAAe,EAAEC,YAAK,CAACC,MAAM,CAACJ;MAClC;IACJ;EACJ;AACJ,CAAC,CAAC;AACF,MAAMK,MAAM,GAAAZ,OAAA,CAAAY,MAAA,GAAG,IAAAX,cAAM,EAACC,iBAAI,EAAE;EACxBC,IAAI,EAAE;IACFC,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAC;EACb,CAAC;EACDC,QAAQ,EAAE;IACNC,WAAW,EAAE;MACTC,IAAI,EAAE;QACFC,eAAe,EAAEC,YAAK,CAACC,MAAM,CAACJ;MAClC;IACJ;EACJ,CAAC;EACDF,QAAQ,EAAE;IACNG,IAAI,EAAE;MACFH,QAAQ,EAAE;IACd;EACJ;AACJ,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/package/styled/__test__/index.test.js

@@ -0,0 +1,161 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("@testing-library/react-native");
+var _globals = require("@jest/globals");
+var _ = require("..");
+var _reactNative2 = require("react-native");
+var _theme = require("../../theme");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const StyledText = /*#__PURE__*/_react.default.forwardRef((props, ref) => /*#__PURE__*/_react.default.createElement(_reactNative2.Text, _extends({}, props, {
+  ref: ref
+})));
+describe("Fluent Styles", () => {
+  it("Base style should render correctly", () => {
+    const base = {
+      backgroundColor: _theme.theme.colors.gray[50],
+      paddingHorizontal: 20,
+      paddingVertical: 10
+    };
+    const Text = (0, _.styled)(StyledText, {
+      base,
+      variants: {}
+    });
+    const {
+      getByText
+    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Text, null, "Hello"));
+    (0, _globals.expect)(getByText("Hello")).toHaveStyle({
+      backgroundColor: _theme.theme.colors.gray[50],
+      paddingHorizontal: 20,
+      paddingVertical: 10
+    });
+  });
+  it("Variants style should render correctly", () => {
+    const variants = {
+      border: {
+        true: {
+          borderColor: _theme.theme.colors.gray[50],
+          borderWidth: 1,
+          borderRadius: 8
+        }
+      }
+    };
+    const Text = (0, _.styled)(StyledText, {
+      base: {},
+      variants
+    });
+    const {
+      getByText
+    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Text, {
+      border: true
+    }, "Hello"));
+    (0, _globals.expect)(getByText("Hello")).toHaveStyle({
+      borderColor: _theme.theme.colors.gray[50],
+      borderWidth: 1,
+      borderRadius: 8
+    });
+  });
+  it("Variants style should not render correctly when variant is not enable", () => {
+    const variants = {
+      border: {
+        true: {
+          borderColor: _theme.theme.colors.gray[50],
+          borderWidth: 1,
+          borderRadius: 8
+        }
+      }
+    };
+    const Text = (0, _.styled)(StyledText, {
+      base: {},
+      variants
+    });
+    const {
+      getByText
+    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Text, null, "Hello"));
+    (0, _globals.expect)(getByText("Hello")).not.toHaveStyle({
+      borderColor: _theme.theme.colors.gray[50],
+      borderWidth: 1,
+      borderRadius: 8
+    });
+  });
+  it("Variants styles should render correctly with function variant", () => {
+    const variants = {
+      fontSize: size => ({
+        fontSize: size
+      })
+    };
+    const Text = (0, _.styled)(StyledText, {
+      base: {},
+      variants
+    });
+    const {
+      getByText
+    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Text, {
+      fontSize: 24
+    }, "Hello"));
+    (0, _globals.expect)(getByText("Hello")).toHaveStyle({
+      fontSize: 24
+    });
+  });
+  it("Variants styles should render correctly with nested variant", () => {
+    const base = {
+      backgroundColor: _theme.theme.colors.blueGray[100]
+    };
+    const variants = {
+      fontsize: size => ({
+        fontSize: size
+      }),
+      color: _theme.theme.colors
+    };
+    const Text = (0, _.styled)(StyledText, {
+      base,
+      variants
+    });
+    const {
+      getByText
+    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Text, {
+      fontsize: 24,
+      color: "gray.100"
+    }, "Hello"));
+    (0, _globals.expect)(getByText('Hello')).toHaveStyle({
+      fontSize: 24,
+      color: _theme.theme.colors.gray[100],
+      backgroundColor: _theme.theme.colors.blueGray[100]
+    });
+  });
+  it("Should render prop style correctly", () => {
+    const Text = (0, _.styled)(StyledText, {
+      base: {},
+      variants: {}
+    });
+    const {
+      getByText
+    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Text, {
+      style: {
+        color: _theme.theme.colors.gray[100]
+      }
+    }, "Hello"));
+    (0, _globals.expect)(getByText('Hello')).toHaveStyle({
+      color: _theme.theme.colors.gray[100]
+    });
+  });
+  it("Should render forwardRef as expected", () => {
+    const Text = (0, _.styled)(StyledText, {
+      base: {
+        color: _theme.theme.colors.gray[200]
+      },
+      variants: {}
+    });
+    const ref = /*#__PURE__*/_react.default.createRef();
+    const {
+      getByText
+    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Text, {
+      ref: ref
+    }, "Hello"));
+    const helloText = getByText('Hello');
+    (0, _globals.expect)(helloText).toBeTruthy();
+    (0, _globals.expect)(ref.current).toBeTruthy();
+  });
+});
+//# sourceMappingURL=index.test.js.map

package/lib/commonjs/package/styled/__test__/index.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_globals","_","_reactNative2","_theme","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","StyledText","React","forwardRef","props","ref","createElement","Text","describe","it","base","backgroundColor","theme","colors","gray","paddingHorizontal","paddingVertical","styled","variants","getByText","render","expect","toHaveStyle","border","true","borderColor","borderWidth","borderRadius","not","fontSize","size","blueGray","fontsize","color","style","createRef","helloText","toBeTruthy","current"],"sources":["index.test.js"],"sourcesContent":["\r\nimport React from \"react\";\r\nimport { render } from \"@testing-library/react-native\";\r\nimport { expect } from '@jest/globals';\r\nimport {styled} from \"..\";\r\nimport { Text } from \"react-native\";\r\nimport { theme } from \"../../theme\";\r\n\r\nconst StyledText = React.forwardRef((props, ref) => <Text {...props} ref={ref} />)\r\ndescribe(\"Fluent Styles\", () => {\r\n\tit(\"Base style should render correctly\", () => {\r\n\t\tconst base = {\r\n\t\t\tbackgroundColor: theme.colors.gray[50],\r\n\t\t\tpaddingHorizontal: 20,\r\n\t\t\tpaddingVertical: 10\r\n\t\t}\r\n\t\tconst Text = styled(StyledText, { base, variants: {} });\r\n\t\tconst { getByText } = render(<Text>Hello</Text>)\r\n\r\n\t\texpect(getByText(\"Hello\")).toHaveStyle({\r\n\t\t\tbackgroundColor: theme.colors.gray[50],\r\n\t\t\tpaddingHorizontal: 20,\r\n\t\t\tpaddingVertical: 10\r\n\t\t})\r\n\t});\r\n\r\n\tit(\"Variants style should render correctly\", () => {\r\n\t\tconst variants = {\r\n\t\t\tborder: {\r\n\t\t\t\ttrue: {\r\n\t\t\t\t\tborderColor: theme.colors.gray[50],\r\n\t\t\t\t\tborderWidth: 1,\r\n\t\t\t\t\tborderRadius: 8\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\tconst Text = styled(StyledText, { base: {}, variants });\r\n\t\tconst { getByText } = render(<Text border>Hello</Text>)\r\n\r\n\t\texpect(getByText(\"Hello\")).toHaveStyle({\r\n\t\t\tborderColor: theme.colors.gray[50],\r\n\t\t\tborderWidth: 1,\r\n\t\t\tborderRadius: 8\r\n\t\t})\r\n\t});\r\n\r\n\tit(\"Variants style should not render correctly when variant is not enable\", () => {\r\n\t\tconst variants = {\r\n\t\t\tborder: {\r\n\t\t\t\ttrue: {\r\n\t\t\t\t\tborderColor: theme.colors.gray[50],\r\n\t\t\t\t\tborderWidth: 1,\r\n\t\t\t\t\tborderRadius: 8\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\tconst Text = styled(StyledText, { base: {}, variants });\r\n\t\tconst { getByText } = render(<Text>Hello</Text>)\r\n\r\n\t\texpect(getByText(\"Hello\")).not.toHaveStyle({\r\n\t\t\tborderColor: theme.colors.gray[50],\r\n\t\t\tborderWidth: 1,\r\n\t\t\tborderRadius: 8\r\n\t\t})\r\n\t});\r\n\r\n\tit(\"Variants styles should render correctly with function variant\", () => {\r\n\t\tconst variants = {\r\n\t\t\tfontSize: (size) => ({\r\n\t\t\t\tfontSize: size\r\n\t\t\t})\r\n\t\t}\r\n\t\tconst Text = styled(StyledText, { base: {}, variants });\r\n\t\tconst { getByText } = render(<Text fontSize={24}>Hello</Text>)\r\n\r\n\t\texpect(getByText(\"Hello\")).toHaveStyle({\r\n\t\t\tfontSize: 24\r\n\t\t})\r\n\t});\r\n\r\n\tit(\"Variants styles should render correctly with nested variant\", () => {\r\n\t\tconst base = {\r\n\t\t\tbackgroundColor: theme.colors.blueGray[100]\r\n\t\t};\r\n\t\tconst variants = {\r\n\t\t\tfontsize: (size) => ({\r\n\t\t\t\tfontSize: size\r\n\t\t\t}),\r\n\t\t\tcolor: theme.colors\r\n\t\t};\r\n\t\tconst Text = styled(StyledText, { base, variants });\r\n\t\tconst { getByText } = render(\r\n\t\t\t<Text fontsize={24} color=\"gray.100\">\r\n\t\t\t\tHello\r\n\t\t\t</Text>\r\n\t\t);\r\n\r\n\t\texpect(getByText('Hello')).toHaveStyle({\r\n\t\t\tfontSize: 24,\r\n\t\t\tcolor: theme.colors.gray[100],\r\n\t\t\tbackgroundColor: theme.colors.blueGray[100]\r\n\t\t});\r\n\t});\r\n\r\n\tit(\"Should render prop style correctly\", () => {\t\t\r\n\t\tconst Text = styled(StyledText, { base :{}, variants :{} });\r\n\t\tconst { getByText } = render(\r\n\t\t\t<Text style={{ color: theme.colors.gray[100] }}>\r\n\t\t\t\tHello\r\n\t\t\t</Text>\r\n\t\t);\r\n\r\n\t\texpect(getByText('Hello')).toHaveStyle({\t\t\t\r\n\t\t\tcolor: theme.colors.gray[100]\t\t\t\r\n\t\t});\r\n\t});\r\n\r\n\tit(\"Should render forwardRef as expected\", () => {\r\n\t\tconst Text = styled(StyledText, { base: { color: theme.colors.gray[200]}, variants: {} });\r\n\t\tconst ref = React.createRef()\r\n\t\tconst { getByText } = render(\r\n\t\t\t<Text ref={ref}>\r\n\t\t\t\tHello\r\n\t\t\t</Text>\r\n\t\t);\r\n\r\n\t\tconst helloText = getByText('Hello');\r\n\t\texpect(helloText).toBeTruthy();\r\n\t\texpect(ref.current).toBeTruthy();\t\t\r\n\t});\r\n\r\n});\r\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/package/styled/index.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.styled = void 0;
+var _react = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+// @ts-ignore
+const styled = (Component, {
+  base,
+  variants
+} = {}) => {
+  return /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+    const styles = {
+      ...(base || {})
+    };
+    const options = props;
+    Object.keys(variants || {}).forEach(category => {
+      // @ts-ignore
+      const variantSelected = options[category];
+      const variantValue = variants[category];
+      if (typeof variantValue === "function") {
+        const style = variantValue(variantSelected, options);
+        if (style) {
+          Object.assign(styles, style);
+        }
+      } else if (variantValue && variantValue[variantSelected]) {
+        const value = variantValue[variantSelected];
+        Object.assign(styles, typeof value === "function" ? value(options) : value);
+      }
+    });
+    return /*#__PURE__*/_react.default.createElement(Component, _extends({}, props, {
+      style: styles,
+      ref: ref
+    }));
+  });
+};
+exports.styled = styled;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/package/styled/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","styled","Component","base","variants","forwardRef","props","ref","styles","options","keys","forEach","category","variantSelected","variantValue","style","value","createElement","exports"],"sources":["index.js"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\n// @ts-ignore\nconst styled = (Component, { base, variants } = {}) => {\n  return forwardRef((props, ref) => {\n    const styles = { ...(base || {}) };\n    const options = props;\n\n    Object.keys(variants || {}).forEach((category) => {\n      // @ts-ignore\n      const variantSelected = options[category];\n      const variantValue = variants[category];\n\n      if (typeof variantValue === \"function\") {\n        const style = variantValue(variantSelected, options);\n        if (style) {\n          Object.assign(styles, style);\n        }\n      } else if (variantValue && variantValue[variantSelected]) {\n        const value = variantValue[variantSelected];\n        Object.assign(\n          styles,\n          typeof value === \"function\" ? value(options) : value\n        );\n      }\n    });  \n\n    return <Component {...props} style={styles} ref={ref}  />;\n  });\n};\n\nexport { styled }\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/package/switch/index.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledSwitch = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _styled = require("../styled");
+var _theme = require("../theme");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const Switch = (0, _styled.styled)(_reactNative.Switch, {
+  base: {
+    transform: [{
+      scaleX: 2
+    }, {
+      scaleY: 2
+    }]
+  }
+});
+const StyledSwitch = ({
+  trackColorOff = _theme.theme.colors.gray[400],
+  trackColorOn = _theme.theme.colors.green[500],
+  thumbColorOff = _theme.theme.colors.gray[400],
+  thumbColorOn = _theme.theme.colors.pink[500],
+  isEnabled,
+  onChange,
+  ...rest
+}) => {
+  return /*#__PURE__*/_react.default.createElement(Switch, _extends({
+    trackColor: {
+      false: trackColorOff,
+      true: trackColorOn
+    },
+    thumbColor: isEnabled ? thumbColorOn : thumbColorOff,
+    ios_backgroundColor: _theme.theme.colors.gray[800],
+    onValueChange: onChange,
+    value: isEnabled
+  }, rest));
+};
+exports.StyledSwitch = StyledSwitch;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/package/switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_styled","_theme","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","Switch","styled","SwitchSource","base","transform","scaleX","scaleY","StyledSwitch","trackColorOff","theme","colors","gray","trackColorOn","green","thumbColorOff","thumbColorOn","pink","isEnabled","onChange","rest","createElement","trackColor","false","true","thumbColor","ios_backgroundColor","onValueChange","value","exports"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { Switch as SwitchSource } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { theme } from '../theme'\r\n\r\nconst Switch = styled(SwitchSource, {\r\n  base: {\r\n    transform: [{ scaleX: 2 }, { scaleY: 2 }]\r\n  }\r\n})\r\n\r\nconst StyledSwitch = ({\r\n\ttrackColorOff = theme.colors.gray[400],\r\n\ttrackColorOn = theme.colors.green[500],\r\n\tthumbColorOff = theme.colors.gray[400],\r\n\tthumbColorOn = theme.colors.pink[500],\r\n\tisEnabled,\r\n\tonChange,\r\n\t...rest\r\n}) => {\r\n  return (\r\n    <Switch\r\n      trackColor={{ false: trackColorOff, true: trackColorOn }}\r\n      thumbColor={isEnabled ? thumbColorOn : thumbColorOff}\r\n      ios_backgroundColor={theme.colors.gray[800]}\r\n      onValueChange={onChange}\r\n      value={isEnabled}\r\n      {...rest}\r\n\t\t/>\r\n  )\r\n}\r\n\r\nexport { StyledSwitch }\r\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAgC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAEhC,MAAMO,MAAM,GAAG,IAAAC,cAAM,EAACC,mBAAY,EAAE;EAClCC,IAAI,EAAE;IACJC,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC,EAAE;MAAEC,MAAM,EAAE;IAAE,CAAC;EAC1C;AACF,CAAC,CAAC;AAEF,MAAMC,YAAY,GAAGA,CAAC;EACrBC,aAAa,GAAGC,YAAK,CAACC,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;EACtCC,YAAY,GAAGH,YAAK,CAACC,MAAM,CAACG,KAAK,CAAC,GAAG,CAAC;EACtCC,aAAa,GAAGL,YAAK,CAACC,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;EACtCI,YAAY,GAAGN,YAAK,CAACC,MAAM,CAACM,IAAI,CAAC,GAAG,CAAC;EACrCC,SAAS;EACTC,QAAQ;EACR,GAAGC;AACJ,CAAC,KAAK;EACJ,oBACExC,MAAA,CAAAQ,OAAA,CAAAiC,aAAA,CAACpB,MAAM,EAAAZ,QAAA;IACLiC,UAAU,EAAE;MAAEC,KAAK,EAAEd,aAAa;MAAEe,IAAI,EAAEX;IAAa,CAAE;IACzDY,UAAU,EAAEP,SAAS,GAAGF,YAAY,GAAGD,aAAc;IACrDW,mBAAmB,EAAEhB,YAAK,CAACC,MAAM,CAACC,IAAI,CAAC,GAAG,CAAE;IAC5Ce,aAAa,EAAER,QAAS;IACxBS,KAAK,EAAEV;EAAU,GACbE,IAAI,CACX,CAAC;AAEJ,CAAC;AAAAS,OAAA,CAAArB,YAAA,GAAAA,YAAA","ignoreList":[]}

package/lib/commonjs/package/text/index.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledText = void 0;
+var _reactNative = require("react-native");
+var _styled = require("../styled");
+var _theme = require("../theme");
+var _utils = require("../utils");
+const StyledText = exports.StyledText = (0, _styled.styled)(_reactNative.Text, {
+  base: {
+    fontSize: _theme.theme.fontSize.normal,
+    color: _theme.theme.colors.gray[800],
+    fontWeight: _theme.theme.fontWeight.normal
+  },
+  variants: {
+    fontWeight: (size = _theme.theme.fontWeight.normal) => {
+      if (!(0, _utils.isValidString)(size)) {
+        throw new Error('Invalid fontWeight value');
+      }
+      return {
+        fontWeight: size
+      };
+    },
+    color: (color = _theme.theme.colors.gray[800]) => {
+      if (!(0, _utils.isValidColor)(color)) {
+        throw new Error('Invalid color value');
+      }
+      return {
+        color: color
+      };
+    },
+    fontSize: (size = _theme.theme.fontSize.normal) => {
+      if (!(0, _utils.isValidNumber)(size)) {
+        throw new Error('Invalid fontSize value');
+      }
+      return {
+        fontSize: size
+      };
+    },
+    textDecorationLine: {
+      true: {
+        textDecorationLine: 'underline'
+      }
+    },
+    flexWrap: 'wrap',
+    selected: {
+      true: {
+        color: _theme.theme.colors.gray[1]
+      },
+      false: {
+        color: _theme.theme.colors.gray[800]
+      }
+    },
+    fontFamily: font => {
+      if (!font) return;
+      return {
+        fontFamily: font
+      };
+    },
+    textAlign: (align = 'left') => {
+      const validAlignments = ['auto', 'left', 'right', 'center', 'justify'];
+      if (!validAlignments.includes(align)) {
+        throw new Error('Invalid textAlign value');
+      }
+      return {
+        textAlign: align
+      };
+    }
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/package/text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_styled","_theme","_utils","StyledText","exports","styled","Text","base","fontSize","theme","normal","color","colors","gray","fontWeight","variants","size","isValidString","Error","isValidColor","isValidNumber","textDecorationLine","true","flexWrap","selected","false","fontFamily","font","textAlign","align","validAlignments","includes"],"sources":["index.jsx"],"sourcesContent":["import { Text } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { theme } from '../theme'\r\nimport { isValidColor, isValidNumber, isValidString } from '../utils'\r\n\r\nconst StyledText = styled(Text, {\r\n  base: {\r\n    fontSize: theme.fontSize.normal,\r\n    color: theme.colors.gray[800],\r\n    fontWeight: theme.fontWeight.normal\r\n  },\r\n  variants: {\r\n    fontWeight: (size = theme.fontWeight.normal) => {\r\n      if (!isValidString(size)) {\r\n        throw new Error('Invalid fontWeight value')\r\n      }\r\n      return { fontWeight: size }\r\n    },\r\n    color: (color = theme.colors.gray[800]) => {\r\n      if (!isValidColor(color)) {\r\n        throw new Error('Invalid color value')\r\n      }\r\n      return { color: color }\r\n    },\r\n    fontSize: (size = theme.fontSize.normal) => {\r\n      if (!isValidNumber(size)) {\r\n        throw new Error('Invalid fontSize value')\r\n      }\r\n      return { fontSize: size }\r\n    },\r\n    textDecorationLine: {\r\n      true: {\r\n        textDecorationLine: 'underline'\r\n      }\r\n    },\r\n    flexWrap: 'wrap',\r\n    selected: {\r\n      true: {\r\n        color: theme.colors.gray[1]\r\n      },\r\n      false: {\r\n        color: theme.colors.gray[800]\r\n      }\r\n    },\r\n    fontFamily: font => {\r\n      if (!font) return\r\n      return {\r\n        fontFamily: font\r\n      }\r\n    },\r\n    textAlign: (align = 'left') => {\r\n      const validAlignments = ['auto', 'left', 'right', 'center', 'justify']\r\n      if (!validAlignments.includes(align)) {\r\n        throw new Error('Invalid textAlign value')\r\n      }\r\n      return { textAlign: align }\r\n    }\r\n  }\r\n})\r\n\r\nexport { StyledText }\r\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEA,MAAMI,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,cAAM,EAACC,iBAAI,EAAE;EAC9BC,IAAI,EAAE;IACJC,QAAQ,EAAEC,YAAK,CAACD,QAAQ,CAACE,MAAM;IAC/BC,KAAK,EAAEF,YAAK,CAACG,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;IAC7BC,UAAU,EAAEL,YAAK,CAACK,UAAU,CAACJ;EAC/B,CAAC;EACDK,QAAQ,EAAE;IACRD,UAAU,EAAEA,CAACE,IAAI,GAAGP,YAAK,CAACK,UAAU,CAACJ,MAAM,KAAK;MAC9C,IAAI,CAAC,IAAAO,oBAAa,EAACD,IAAI,CAAC,EAAE;QACxB,MAAM,IAAIE,KAAK,CAAC,0BAA0B,CAAC;MAC7C;MACA,OAAO;QAAEJ,UAAU,EAAEE;MAAK,CAAC;IAC7B,CAAC;IACDL,KAAK,EAAEA,CAACA,KAAK,GAAGF,YAAK,CAACG,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC,KAAK;MACzC,IAAI,CAAC,IAAAM,mBAAY,EAACR,KAAK,CAAC,EAAE;QACxB,MAAM,IAAIO,KAAK,CAAC,qBAAqB,CAAC;MACxC;MACA,OAAO;QAAEP,KAAK,EAAEA;MAAM,CAAC;IACzB,CAAC;IACDH,QAAQ,EAAEA,CAACQ,IAAI,GAAGP,YAAK,CAACD,QAAQ,CAACE,MAAM,KAAK;MAC1C,IAAI,CAAC,IAAAU,oBAAa,EAACJ,IAAI,CAAC,EAAE;QACxB,MAAM,IAAIE,KAAK,CAAC,wBAAwB,CAAC;MAC3C;MACA,OAAO;QAAEV,QAAQ,EAAEQ;MAAK,CAAC;IAC3B,CAAC;IACDK,kBAAkB,EAAE;MAClBC,IAAI,EAAE;QACJD,kBAAkB,EAAE;MACtB;IACF,CAAC;IACDE,QAAQ,EAAE,MAAM;IAChBC,QAAQ,EAAE;MACRF,IAAI,EAAE;QACJX,KAAK,EAAEF,YAAK,CAACG,MAAM,CAACC,IAAI,CAAC,CAAC;MAC5B,CAAC;MACDY,KAAK,EAAE;QACLd,KAAK,EAAEF,YAAK,CAACG,MAAM,CAACC,IAAI,CAAC,GAAG;MAC9B;IACF,CAAC;IACDa,UAAU,EAAEC,IAAI,IAAI;MAClB,IAAI,CAACA,IAAI,EAAE;MACX,OAAO;QACLD,UAAU,EAAEC;MACd,CAAC;IACH,CAAC;IACDC,SAAS,EAAEA,CAACC,KAAK,GAAG,MAAM,KAAK;MAC7B,MAAMC,eAAe,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,CAAC;MACtE,IAAI,CAACA,eAAe,CAACC,QAAQ,CAACF,KAAK,CAAC,EAAE;QACpC,MAAM,IAAIX,KAAK,CAAC,yBAAyB,CAAC;MAC5C;MACA,OAAO;QAAEU,SAAS,EAAEC;MAAM,CAAC;IAC7B;EACF;AACF,CAAC,CAAC","ignoreList":[]}