fluent-styles 1.0.0

package/lib/commonjs/package/checkBox/index.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledCheckBox = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _styled = require("../styled");
+var _reactNative = require("react-native");
+var _MaterialIcons = _interopRequireDefault(require("react-native-vector-icons/MaterialIcons"));
+var _theme = require("../theme");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+const CheckBox = (0, _styled.styled)(_reactNative.TouchableOpacity, {
+  base: {
+    width: 24,
+    height: 24,
+    borderWidth: 2,
+    borderRadius: 1,
+    borderColor: _theme.theme.colors.gray[700],
+    justifyContent: 'center',
+    alignItems: 'center',
+    flexDirection: 'column'
+  },
+  variants: {
+    width: size => {
+      if (!size) return;
+      return {
+        width: size
+      };
+    },
+    height: size => {
+      if (!size) return;
+      return {
+        height: size
+      };
+    },
+    disabled: {
+      true: {
+        backgroundColor: _theme.theme.colors.gray[500]
+      }
+    },
+    checked: {
+      true: {
+        backgroundColor: _theme.theme.colors.gray[800]
+      }
+    },
+    checkedColor: color => {
+      if (!color) return;
+      return {
+        backgroundColor: color,
+        borderColor: color
+      };
+    }
+  }
+});
+const StyledCheckBox = ({
+  onPress,
+  disabled = false,
+  checkedColor,
+  iconProps,
+  ...rest
+}) => {
+  const [checked, setChecked] = (0, _react.useState)(false);
+  const toggleCheckbox = () => {
+    setChecked(!checked);
+    onPress && onPress(!checked);
+  };
+  return /*#__PURE__*/_react.default.createElement(CheckBox, _extends({
+    disabled: disabled,
+    checked: checked,
+    checkedColor: checked && checkedColor && checkedColor,
+    onPress: () => toggleCheckbox()
+  }, rest), checked && /*#__PURE__*/_react.default.createElement(_MaterialIcons.default, _extends({
+    name: "check"
+  }, iconProps, {
+    color: _theme.theme.colors.gray[1],
+    size: 20
+  })));
+};
+exports.StyledCheckBox = StyledCheckBox;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_styled","_reactNative","_MaterialIcons","_interopRequireDefault","_theme","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","CheckBox","styled","TouchableOpacity","base","width","height","borderWidth","borderRadius","borderColor","theme","colors","gray","justifyContent","alignItems","flexDirection","variants","size","disabled","true","backgroundColor","checked","checkedColor","color","StyledCheckBox","onPress","iconProps","rest","setChecked","useState","toggleCheckbox","createElement","name","exports"],"sources":["index.jsx"],"sourcesContent":["import React, { useState } from 'react'\r\nimport { styled } from '../styled'\r\nimport { TouchableOpacity } from 'react-native'\r\nimport Icon from 'react-native-vector-icons/MaterialIcons'\r\nimport { theme } from '../theme'\r\n\r\nconst CheckBox = styled(TouchableOpacity, {\r\n  base: {\r\n    width: 24,\r\n    height: 24,\r\n    borderWidth: 2,\r\n    borderRadius: 1,\r\n    borderColor: theme.colors.gray[700],\r\n    justifyContent: 'center',\r\n    alignItems: 'center',\r\n    flexDirection: 'column'\r\n  },\r\n  variants: {\r\n    width: size => {\r\n      if (!size) return\r\n      return { width: size }\r\n    },\r\n    height: size => {\r\n      if (!size) return\r\n      return { height: size }\r\n    },\r\n    disabled: {\r\n      true: {\r\n        backgroundColor: theme.colors.gray[500]\r\n      }\r\n    },\r\n    checked: {\r\n      true: {\r\n        backgroundColor: theme.colors.gray[800]\r\n      }\r\n    },\r\n    checkedColor: color => {\r\n      if (!color) return\r\n      return {\r\n        backgroundColor: color,\r\n        borderColor: color\r\n      }\r\n    }\r\n  }\r\n})\r\n\r\nconst StyledCheckBox = ({\r\n\tonPress,\r\n\tdisabled = false,\r\n\tcheckedColor,\r\n\ticonProps,\r\n\t...rest\r\n}) => {\r\n  const [checked, setChecked] = useState(false)\r\n\r\n  const toggleCheckbox = () => {\r\n    setChecked(!checked)\r\n    onPress && onPress(!checked)\r\n  }\r\n\r\n  return (\r\n    <CheckBox\r\n      disabled={disabled}\r\n      checked={checked}\r\n      checkedColor={checked && checkedColor && checkedColor}\r\n      onPress={() => toggleCheckbox()}\r\n      {...rest}\r\n\t\t>\r\n      {checked &&\r\n      <Icon\r\n        name='check'\r\n        {...iconProps}\r\n        color={theme.colors.gray[1]}\r\n        size={20}\r\n\t\t\t\t/>}\r\n    </CheckBox>\r\n  )\r\n}\r\n\r\nexport { StyledCheckBox }\r\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/package/cycle/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledCycle = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _stack = require("../stack");
+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 StyledCycle = ({
+  children,
+  ...rest
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_stack.YStack, _extends({
+    height: 48,
+    width: 48,
+    borderRadius: 50,
+    borderWidth: 1,
+    borderColor: _theme.theme.colors.gray[1],
+    backgroundColor: _theme.theme.colors.gray[1],
+    justifyContent: "center",
+    alignItems: "center"
+  }, rest), children);
+};
+exports.StyledCycle = StyledCycle;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_stack","_theme","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","StyledCycle","children","rest","createElement","YStack","height","width","borderRadius","borderWidth","borderColor","theme","colors","gray","backgroundColor","justifyContent","alignItems","exports"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { YStack } from '../stack'\r\nimport { theme } from '../theme'\r\n\r\nconst StyledCycle = ({ children, ...rest }) => {\r\n  return (\r\n    <YStack\r\n      height={48}\r\n      width={48}\r\n      borderRadius={50}\r\n      borderWidth={1}\r\n      borderColor={theme.colors.gray[1]}\r\n      backgroundColor={theme.colors.gray[1]}\r\n      justifyContent='center'\r\n      alignItems='center'\r\n      {...rest}\r\n\t\t>\r\n      {children}\r\n    </YStack>\r\n  )\r\n}\r\n\r\nexport { StyledCycle }\r\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAgC,SAAAD,uBAAAI,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,WAAW,GAAGA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAK,CAAC,KAAK;EAC7C,oBACEtB,MAAA,CAAAO,OAAA,CAAAgB,aAAA,CAACpB,MAAA,CAAAqB,MAAM,EAAAhB,QAAA;IACLiB,MAAM,EAAE,EAAG;IACXC,KAAK,EAAE,EAAG;IACVC,YAAY,EAAE,EAAG;IACjBC,WAAW,EAAE,CAAE;IACfC,WAAW,EAAEC,YAAK,CAACC,MAAM,CAACC,IAAI,CAAC,CAAC,CAAE;IAClCC,eAAe,EAAEH,YAAK,CAACC,MAAM,CAACC,IAAI,CAAC,CAAC,CAAE;IACtCE,cAAc,EAAC,QAAQ;IACvBC,UAAU,EAAC;EAAQ,GACfb,IAAI,GAEPD,QACK,CAAC;AAEb,CAAC;AAAAe,OAAA,CAAAhB,WAAA,GAAAA,WAAA","ignoreList":[]}

package/lib/commonjs/package/dialog/index.js

@@ -0,0 +1,192 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledOkDialog = exports.StyledDialog = exports.StyledConfirmDialog = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _stack = require("../stack");
+var _text = require("../text");
+var _button = require("../button");
+var _spacer = require("../spacer");
+var _styled = require("../styled");
+var _theme = require("../theme");
+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); }
+const Dialog = (0, _styled.styled)(_reactNative.Modal, {
+  base: {
+    backgroundColor: _theme.theme.colors.gray[100],
+    padding: 20,
+    borderRadius: 10
+  }
+});
+const StyledDialog = ({
+  children,
+  animationType = 'fade',
+  transparent = true,
+  visible = false,
+  ...rest
+}) => {
+  return /*#__PURE__*/_react.default.createElement(Dialog, _extends({
+    visible: visible,
+    transparent: transparent,
+    animationType: animationType
+  }, rest), children);
+};
+exports.StyledDialog = StyledDialog;
+const StyledConfirmDialog = ({
+  visible = false,
+  row,
+  animationType = 'fade',
+  onCancel,
+  onConfirm,
+  transparent = true,
+  ...rest
+}) => {
+  const [show, setShow] = (0, _react.useState)(visible);
+  const {
+    title,
+    description,
+    cancel = 'Cancel',
+    confirm = 'Confirm'
+  } = rest;
+  const handleConfirm = () => {
+    setShow(false);
+    if (typeof onConfirm === 'function') {
+      if (typeof row === 'object' && row !== null) {
+        onConfirm(row);
+      } else {
+        onConfirm();
+      }
+    }
+  };
+  const handleCancel = () => {
+    setShow(false);
+    if (typeof onCancel === 'function') {
+      onCancel();
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(Dialog, _extends({
+    visible: show,
+    transparent: transparent,
+    animationType: animationType
+  }, rest), /*#__PURE__*/_react.default.createElement(_stack.YStack, {
+    transparent: true,
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center"
+  }, /*#__PURE__*/_react.default.createElement(_stack.YStack, {
+    width: '90%',
+    borderRadius: 8,
+    paddingVertical: 16,
+    paddingHorizontal: 16,
+    backgroundColor: _theme.theme.colors.gray[1]
+  }, /*#__PURE__*/_react.default.createElement(_text.StyledText, {
+    color: _theme.theme.colors.gray[800],
+    fontSize: _theme.theme.fontSize.normal,
+    fontWeight: _theme.theme.fontWeight.bold
+  }, title), /*#__PURE__*/_react.default.createElement(_spacer.StyledSpacer, {
+    marginVertical: 1
+  }), /*#__PURE__*/_react.default.createElement(_text.StyledText, {
+    color: _theme.theme.colors.gray[800],
+    fontSize: _theme.theme.fontSize.large,
+    fontWeight: _theme.theme.fontWeight.normal
+  }, description), /*#__PURE__*/_react.default.createElement(_spacer.StyledSpacer, {
+    marginVertical: 4
+  }), /*#__PURE__*/_react.default.createElement(_stack.XStack, {
+    justifyContent: "flex-end",
+    alignItems: "center"
+  }, /*#__PURE__*/_react.default.createElement(_button.StyledButton, {
+    backgroundColor: _theme.theme.colors.red[400],
+    borderColor: _theme.theme.colors.red[400],
+    borderRadius: 30,
+    onPress: () => handleCancel()
+  }, /*#__PURE__*/_react.default.createElement(_text.StyledText, {
+    paddingHorizontal: 20,
+    paddingVertical: 4,
+    color: _theme.theme.colors.gray[1],
+    fontSize: _theme.theme.fontSize.large,
+    fontWeight: _theme.theme.fontWeight.normal
+  }, cancel)), /*#__PURE__*/_react.default.createElement(_spacer.StyledSpacer, {
+    marginHorizontal: 2
+  }), /*#__PURE__*/_react.default.createElement(_button.StyledButton, {
+    backgroundColor: _theme.theme.colors.green[500],
+    borderColor: _theme.theme.colors.green[500],
+    onPress: () => handleConfirm(),
+    borderRadius: 30
+  }, /*#__PURE__*/_react.default.createElement(_text.StyledText, {
+    paddingHorizontal: 20,
+    paddingVertical: 4,
+    color: _theme.theme.colors.gray[1],
+    fontSize: _theme.theme.fontSize.large,
+    fontWeight: _theme.theme.fontWeight.normal
+  }, confirm))))));
+};
+exports.StyledConfirmDialog = StyledConfirmDialog;
+const StyledOkDialog = ({
+  visible = false,
+  animationType = 'fade',
+  transparent = true,
+  ...rest
+}) => {
+  const [show, setShow] = (0, _react.useState)(visible);
+  const {
+    title = "We're sorry, something went wrong.",
+    description = 'Please try again later',
+    ok = 'Ok',
+    onOk
+  } = rest;
+  const handleOk = () => {
+    setShow(false);
+    if (typeof onOk === 'function') {
+      onOk();
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(Dialog, _extends({
+    visible: show,
+    transparent: transparent,
+    animationType: animationType
+  }, rest), /*#__PURE__*/_react.default.createElement(_stack.YStack, {
+    transparent: true,
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center"
+  }, /*#__PURE__*/_react.default.createElement(_stack.YStack, {
+    width: '90%',
+    borderRadius: 8,
+    paddingVertical: 16,
+    paddingHorizontal: 16,
+    backgroundColor: _theme.theme.colors.gray[1]
+  }, /*#__PURE__*/_react.default.createElement(_text.StyledText, {
+    color: _theme.theme.colors.gray[800],
+    fontSize: _theme.theme.fontSize.normal,
+    fontWeight: _theme.theme.fontWeight.bold
+  }, title), /*#__PURE__*/_react.default.createElement(_spacer.StyledSpacer, {
+    marginVertical: 2
+  }), /*#__PURE__*/_react.default.createElement(_text.StyledText, {
+    color: _theme.theme.colors.gray[800],
+    fontSize: _theme.theme.fontSize.normal,
+    fontWeight: _theme.theme.fontWeight.normal
+  }, description), /*#__PURE__*/_react.default.createElement(_spacer.StyledSpacer, {
+    marginVertical: 8
+  }), /*#__PURE__*/_react.default.createElement(_stack.XStack, {
+    justifyContent: "flex-end",
+    alignItems: "center"
+  }, /*#__PURE__*/_react.default.createElement(_button.StyledButton, {
+    flex: 1,
+    backgroundColor: _theme.theme.colors.cyan[500],
+    borderColor: _theme.theme.colors.cyan[500],
+    onPress: handleOk,
+    borderRadius: 30
+  }, /*#__PURE__*/_react.default.createElement(_text.StyledText, {
+    paddingHorizontal: 20,
+    paddingVertical: 8,
+    color: _theme.theme.colors.gray[1],
+    fontSize: _theme.theme.fontSize.large,
+    fontWeight: _theme.theme.fontWeight.bold
+  }, ok))))));
+};
+exports.StyledOkDialog = StyledOkDialog;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_stack","_text","_button","_spacer","_styled","_theme","_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","Dialog","styled","Modal","base","backgroundColor","theme","colors","gray","padding","borderRadius","StyledDialog","children","animationType","transparent","visible","rest","createElement","exports","StyledConfirmDialog","row","onCancel","onConfirm","show","setShow","useState","title","description","cancel","confirm","handleConfirm","handleCancel","YStack","flex","justifyContent","alignItems","width","paddingVertical","paddingHorizontal","StyledText","color","fontSize","normal","fontWeight","bold","StyledSpacer","marginVertical","large","XStack","StyledButton","red","borderColor","onPress","marginHorizontal","green","StyledOkDialog","ok","onOk","handleOk","cyan"],"sources":["index.jsx"],"sourcesContent":["import React, { useState } from 'react'\r\nimport { Modal } from 'react-native'\r\nimport { XStack, YStack } from '../stack'\r\nimport { StyledText } from '../text'\r\nimport { StyledButton } from '../button'\r\nimport { StyledSpacer } from '../spacer'\r\nimport { styled } from '../styled'\r\nimport { theme } from '../theme'\r\n\r\nconst Dialog = styled(Modal, {\r\n  base: {\r\n    backgroundColor: theme.colors.gray[100],\r\n    padding: 20,\r\n    borderRadius: 10\r\n  }\r\n})\r\n\r\nconst StyledDialog = ({\r\n\tchildren,\r\n\tanimationType = 'fade',\r\n\ttransparent = true,\r\n\tvisible = false,\r\n\t...rest\r\n}) => {\r\n  return (\r\n    <Dialog\r\n      visible={visible}\r\n      transparent={transparent}\r\n      animationType={animationType}\r\n      {...rest}\r\n\t\t>\r\n      {children}\r\n    </Dialog>\r\n  )\r\n}\r\n\r\nconst StyledConfirmDialog = ({\r\n\tvisible = false,\r\n\trow,\r\n\tanimationType = 'fade',\r\n\tonCancel,\r\n\tonConfirm,\r\n\ttransparent = true,\r\n\t...rest\r\n}) => {\r\n  const [show, setShow] = useState(visible)\r\n  const { title, description, cancel = 'Cancel', confirm = 'Confirm' } = rest\r\n\r\n  const handleConfirm = () => {\r\n    setShow(false)\r\n    if (typeof onConfirm === 'function') {\r\n      if (typeof row === 'object' && row !== null) {\r\n        onConfirm(row)\r\n      } else {\r\n        onConfirm()\r\n      }\r\n    }\r\n  }\r\n  const handleCancel = () => {\r\n    setShow(false)\r\n    if (typeof onCancel === 'function') {\r\n      onCancel()\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Dialog\r\n      visible={show}\r\n      transparent={transparent}\r\n      animationType={animationType}\r\n      {...rest}\r\n\t\t>\r\n      <YStack transparent flex={1} justifyContent='center' alignItems='center'>\r\n        <YStack\r\n          width={'90%'}\r\n          borderRadius={8}\r\n          paddingVertical={16}\r\n          paddingHorizontal={16}\r\n          backgroundColor={theme.colors.gray[1]}\r\n\t\t\t\t>\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.normal}\r\n            fontWeight={theme.fontWeight.bold}\r\n\t\t\t\t\t>\r\n            {title}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={1} />\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.large}\r\n            fontWeight={theme.fontWeight.normal}\r\n\t\t\t\t\t>\r\n            {description}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={4} />\r\n          <XStack justifyContent='flex-end' alignItems='center'>\r\n            <StyledButton\r\n              backgroundColor={theme.colors.red[400]}\r\n              borderColor={theme.colors.red[400]}\r\n              borderRadius={30}\r\n              onPress={() => handleCancel()}\r\n\t\t\t\t\t\t>\r\n              <StyledText\r\n                paddingHorizontal={20}\r\n                paddingVertical={4}\r\n                color={theme.colors.gray[1]}\r\n                fontSize={theme.fontSize.large}\r\n                fontWeight={theme.fontWeight.normal}\r\n\t\t\t\t\t\t\t>\r\n                {cancel}\r\n              </StyledText>\r\n            </StyledButton>\r\n            <StyledSpacer marginHorizontal={2} />\r\n            <StyledButton\r\n              backgroundColor={theme.colors.green[500]}\r\n              borderColor={theme.colors.green[500]}\r\n              onPress={() => handleConfirm()}\r\n              borderRadius={30}\r\n\t\t\t\t\t\t>\r\n              <StyledText\r\n                paddingHorizontal={20}\r\n                paddingVertical={4}\r\n                color={theme.colors.gray[1]}\r\n                fontSize={theme.fontSize.large}\r\n                fontWeight={theme.fontWeight.normal}\r\n\t\t\t\t\t\t\t>\r\n                {confirm}\r\n              </StyledText>\r\n            </StyledButton>\r\n          </XStack>\r\n        </YStack>\r\n      </YStack>\r\n    </Dialog>\r\n  )\r\n}\r\n\r\nconst StyledOkDialog = ({\r\n\tvisible = false,\r\n\tanimationType = 'fade',\r\n\ttransparent = true,\r\n\t...rest\r\n}) => {\r\n  const [show, setShow] = useState(visible)\r\n  const {\r\n\t\ttitle = \"We're sorry, something went wrong.\",\r\n\t\tdescription = 'Please try again later',\r\n\t\tok = 'Ok',\r\n\t\tonOk\r\n\t} = rest\r\n\r\n  const handleOk = () => {\r\n    setShow(false)\r\n    if (typeof onOk === 'function') {\r\n      onOk()\r\n    }\r\n  }\r\n  return (\r\n    <Dialog\r\n      visible={show}\r\n      transparent={transparent}\r\n      animationType={animationType}\r\n      {...rest}\r\n\t\t>\r\n      <YStack transparent flex={1} justifyContent='center' alignItems='center'>\r\n        <YStack\r\n          width={'90%'}\r\n          borderRadius={8}\r\n          paddingVertical={16}\r\n          paddingHorizontal={16}\r\n          backgroundColor={theme.colors.gray[1]}\r\n\t\t\t\t>\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.normal}\r\n            fontWeight={theme.fontWeight.bold}\r\n\t\t\t\t\t>\r\n            {title}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={2} />\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.normal}\r\n            fontWeight={theme.fontWeight.normal}\r\n\t\t\t\t\t>\r\n            {description}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={8} />\r\n          <XStack justifyContent='flex-end' alignItems='center'>\r\n            <StyledButton\r\n              flex={1}\r\n              backgroundColor={theme.colors.cyan[500]}\r\n              borderColor={theme.colors.cyan[500]}\r\n              onPress={handleOk}\r\n              borderRadius={30}\r\n\t\t\t\t\t\t>\r\n              <StyledText\r\n                paddingHorizontal={20}\r\n                paddingVertical={8}\r\n                color={theme.colors.gray[1]}\r\n                fontSize={theme.fontSize.large}\r\n                fontWeight={theme.fontWeight.bold}\r\n\t\t\t\t\t\t\t>\r\n                {ok}\r\n              </StyledText>\r\n            </StyledButton>\r\n          </XStack>\r\n        </YStack>\r\n      </YStack>\r\n    </Dialog>\r\n  )\r\n}\r\n\r\nexport { StyledDialog, StyledConfirmDialog, StyledOkDialog }\r\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/package/dropdown/index.js

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledMultiDropdown = exports.StyledDropdown = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _stack = require("../stack");
+var _text = require("../text");
+var _spacer = require("../spacer");
+var _reactNativeDropdownPicker = _interopRequireDefault(require("react-native-dropdown-picker"));
+var _theme = require("../theme");
+var _styled = require("../styled");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+const Dropdown = (0, _styled.styled)(_reactNativeDropdownPicker.default, {
+  base: {
+    borderColor: _theme.theme.colors.gray[800],
+    borderWidth: 1,
+    borderRadius: 30,
+    backgroundColor: _theme.theme.colors.gray[1],
+    width: '100%',
+    color: _theme.theme.colors.gray[800],
+    paddingHorizontal: 16
+  },
+  variants: {
+    error: {
+      true: {
+        borderColor: _theme.theme.colors.pink[500],
+        borderWidth: 1
+      },
+      false: {
+        borderColor: _theme.theme.colors.gray[800]
+      }
+    }
+  }
+});
+const StyledDropdown = ({
+  items,
+  label,
+  errorMessage,
+  labelStyles,
+  ...rest
+}) => {
+  const [open, setOpen] = (0, _react.useState)(false);
+  return /*#__PURE__*/_react.default.createElement(_stack.YStack, {
+    justifyContent: "flex-start",
+    alignItems: "flex-start"
+  }, label && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_spacer.StyledSpacer, {
+    marginVertical: 4
+  }), /*#__PURE__*/_react.default.createElement(_text.StyledText, _extends({
+    paddingHorizontal: 8,
+    color: _theme.theme.colors.gray[600],
+    fontSize: _theme.theme.fontSize.normal,
+    fontWeight: _theme.theme.fontWeight.normal
+  }, labelStyles), label), /*#__PURE__*/_react.default.createElement(_spacer.StyledSpacer, {
+    marginVertical: 4
+  })), /*#__PURE__*/_react.default.createElement(Dropdown, _extends({
+    open: open,
+    setOpen: setOpen,
+    items: items
+  }, rest)), errorMessage && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_spacer.StyledSpacer, {
+    marginVertical: 1
+  }), /*#__PURE__*/_react.default.createElement(_text.StyledText, {
+    marginHorizontal: 16,
+    fontWeight: _theme.theme.fontWeight.bold,
+    fontSize: _theme.theme.fontSize.small,
+    color: _theme.theme.colors.pink[500]
+  }, errorMessage)));
+};
+exports.StyledDropdown = StyledDropdown;
+const StyledMultiDropdown = ({
+  items,
+  label,
+  errorMessage,
+  labelStyles,
+  onSelected,
+  ...rest
+}) => {
+  const [selected, setSelected] = (0, _react.useState)([]);
+  const [open, setOpen] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    onSelected && onSelected(selected);
+  }, [selected]);
+  return /*#__PURE__*/_react.default.createElement(_stack.YStack, {
+    justifyContent: "flex-start",
+    alignItems: "flex-start"
+  }, label && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_spacer.StyledSpacer, {
+    marginVertical: 4
+  }), /*#__PURE__*/_react.default.createElement(_text.StyledText, _extends({
+    paddingHorizontal: 8,
+    color: _theme.theme.colors.gray[600],
+    fontSize: _theme.theme.fontSize.normal,
+    fontWeight: _theme.theme.fontWeight.normal
+  }, labelStyles), label), /*#__PURE__*/_react.default.createElement(_spacer.StyledSpacer, {
+    marginVertical: 4
+  })), /*#__PURE__*/_react.default.createElement(Dropdown, _extends({
+    open: open,
+    setOpen: setOpen,
+    items: items,
+    setValue: setSelected,
+    value: selected,
+    multiple: true
+  }, rest)), errorMessage && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_spacer.StyledSpacer, {
+    marginVertical: 1
+  }), /*#__PURE__*/_react.default.createElement(_text.StyledText, {
+    marginHorizontal: 16,
+    fontWeight: _theme.theme.fontWeight.bold,
+    fontSize: _theme.theme.fontSize.small,
+    color: _theme.theme.colors.pink[500]
+  }, errorMessage)));
+};
+exports.StyledMultiDropdown = StyledMultiDropdown;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_stack","_text","_spacer","_reactNativeDropdownPicker","_interopRequireDefault","_theme","_styled","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Dropdown","styled","DropDownPicker","base","borderColor","theme","colors","gray","borderWidth","borderRadius","backgroundColor","width","color","paddingHorizontal","variants","error","true","pink","false","StyledDropdown","items","label","errorMessage","labelStyles","rest","open","setOpen","useState","createElement","YStack","justifyContent","alignItems","Fragment","StyledSpacer","marginVertical","StyledText","fontSize","normal","fontWeight","marginHorizontal","bold","small","exports","StyledMultiDropdown","onSelected","selected","setSelected","useEffect","setValue","value","multiple"],"sources":["index.jsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\r\nimport { YStack } from '../stack';\r\nimport { StyledText } from '../text';\r\nimport { StyledSpacer } from '../spacer';\r\nimport DropDownPicker from \"react-native-dropdown-picker\";\r\nimport { theme } from \"../theme\";\r\nimport { styled } from \"../styled\";\r\n\r\nconst Dropdown = styled(DropDownPicker, {\r\n    base: {\r\n        borderColor: theme.colors.gray[800],\r\n        borderWidth: 1,\r\n        borderRadius: 30,\r\n        backgroundColor: theme.colors.gray[1],\r\n        width: '100%',\r\n        color: theme.colors.gray[800],\r\n        paddingHorizontal: 16,\r\n    },\r\n    variants: {\r\n        error: {\r\n            true: {\r\n                borderColor: theme.colors.pink[500],\r\n                borderWidth: 1,\r\n            },\r\n            false: {\r\n                borderColor: theme.colors.gray[800],\r\n            }\r\n        },\r\n    }\r\n})\r\n\r\nconst StyledDropdown = ({ items, label, errorMessage, labelStyles, ...rest }) => {\r\n    const [open, setOpen] = useState(false)\r\n    return (\r\n        <YStack justifyContent='flex-start' alignItems='flex-start'>\r\n            {\r\n                label && (\r\n                    <>\r\n                        <StyledSpacer marginVertical={4} />\r\n                        <StyledText paddingHorizontal={8} color={theme.colors.gray[600]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelStyles}>\r\n                            {label}\r\n                        </StyledText>\r\n                        <StyledSpacer marginVertical={4} />\r\n                    </>\r\n\r\n                )\r\n            }\r\n            <Dropdown open={open} setOpen={setOpen} items={items} {...rest} />\r\n            {\r\n                errorMessage && (\r\n                    <>\r\n                        <StyledSpacer marginVertical={1} />\r\n                        <StyledText marginHorizontal={16} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]}>\r\n                            {errorMessage}\r\n                        </StyledText>\r\n                    </>\r\n                )\r\n            }\r\n\r\n        </YStack>\r\n    )\r\n}\r\n\r\nconst StyledMultiDropdown = ({ items, label, errorMessage, labelStyles, onSelected, ...rest }) => {\r\n    const [selected, setSelected] = useState([])\r\n    const [open, setOpen] = useState(false)\r\n\r\n    useEffect(() => {\r\n        onSelected && onSelected(selected)\r\n    }, [selected])\r\n\r\n    return (\r\n        <YStack justifyContent='flex-start' alignItems='flex-start'>\r\n            {\r\n                label && (\r\n                    <>\r\n                        <StyledSpacer marginVertical={4} />\r\n                        <StyledText paddingHorizontal={8} color={theme.colors.gray[600]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelStyles}>\r\n                            {label}\r\n                        </StyledText>\r\n                        <StyledSpacer marginVertical={4} />\r\n                    </>\r\n\r\n                )\r\n            }\r\n            <Dropdown open={open} setOpen={setOpen} items={items} setValue={setSelected} value={selected} multiple {...rest} />\r\n            {\r\n                errorMessage && (\r\n                    <>\r\n                        <StyledSpacer marginVertical={1} />\r\n                        <StyledText marginHorizontal={16} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]}>\r\n                            {errorMessage}\r\n                        </StyledText>\r\n                    </>\r\n                )\r\n            }\r\n\r\n        </YStack>\r\n    )\r\n}\r\n\r\nexport { StyledDropdown, StyledMultiDropdown }"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,0BAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AAAmC,SAAAK,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAT,wBAAAS,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAAA,SAAAW,SAAA,WAAAA,QAAA,GAAAR,MAAA,CAAAS,MAAA,GAAAT,MAAA,CAAAS,MAAA,CAAAC,IAAA,eAAAb,CAAA,aAAAT,CAAA,MAAAA,CAAA,GAAAuB,SAAA,CAAAC,MAAA,EAAAxB,CAAA,UAAAM,CAAA,GAAAiB,SAAA,CAAAvB,CAAA,YAAAK,CAAA,IAAAC,CAAA,OAAAU,cAAA,CAAAC,IAAA,CAAAX,CAAA,EAAAD,CAAA,MAAAI,CAAA,CAAAJ,CAAA,IAAAC,CAAA,CAAAD,CAAA,aAAAI,CAAA,KAAAW,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAEnC,MAAMG,QAAQ,GAAG,IAAAC,cAAM,EAACC,kCAAc,EAAE;EACpCC,IAAI,EAAE;IACFC,WAAW,EAAEC,YAAK,CAACC,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;IACnCC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAEL,YAAK,CAACC,MAAM,CAACC,IAAI,CAAC,CAAC,CAAC;IACrCI,KAAK,EAAE,MAAM;IACbC,KAAK,EAAEP,YAAK,CAACC,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;IAC7BM,iBAAiB,EAAE;EACvB,CAAC;EACDC,QAAQ,EAAE;IACNC,KAAK,EAAE;MACHC,IAAI,EAAE;QACFZ,WAAW,EAAEC,YAAK,CAACC,MAAM,CAACW,IAAI,CAAC,GAAG,CAAC;QACnCT,WAAW,EAAE;MACjB,CAAC;MACDU,KAAK,EAAE;QACHd,WAAW,EAAEC,YAAK,CAACC,MAAM,CAACC,IAAI,CAAC,GAAG;MACtC;IACJ;EACJ;AACJ,CAAC,CAAC;AAEF,MAAMY,cAAc,GAAGA,CAAC;EAAEC,KAAK;EAAEC,KAAK;EAAEC,YAAY;EAAEC,WAAW;EAAE,GAAGC;AAAK,CAAC,KAAK;EAC7E,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACvC,oBACI/D,MAAA,CAAAY,OAAA,CAAAoD,aAAA,CAAC7D,MAAA,CAAA8D,MAAM;IAACC,cAAc,EAAC,YAAY;IAACC,UAAU,EAAC;EAAY,GAEnDV,KAAK,iBACDzD,MAAA,CAAAY,OAAA,CAAAoD,aAAA,CAAAhE,MAAA,CAAAY,OAAA,CAAAwD,QAAA,qBACIpE,MAAA,CAAAY,OAAA,CAAAoD,aAAA,CAAC3D,OAAA,CAAAgE,YAAY;IAACC,cAAc,EAAE;EAAE,CAAE,CAAC,eACnCtE,MAAA,CAAAY,OAAA,CAAAoD,aAAA,CAAC5D,KAAA,CAAAmE,UAAU,EAAAzC,QAAA;IAACmB,iBAAiB,EAAE,CAAE;IAACD,KAAK,EAAEP,YAAK,CAACC,MAAM,CAACC,IAAI,CAAC,GAAG,CAAE;IAAC6B,QAAQ,EAAE/B,YAAK,CAAC+B,QAAQ,CAACC,MAAO;IAACC,UAAU,EAAEjC,YAAK,CAACiC,UAAU,CAACD;EAAO,GAAKd,WAAW,GACjJF,KACO,CAAC,eACbzD,MAAA,CAAAY,OAAA,CAAAoD,aAAA,CAAC3D,OAAA,CAAAgE,YAAY;IAACC,cAAc,EAAE;EAAE,CAAE,CACpC,CAEL,eAELtE,MAAA,CAAAY,OAAA,CAAAoD,aAAA,CAAC5B,QAAQ,EAAAN,QAAA;IAAC+B,IAAI,EAAEA,IAAK;IAACC,OAAO,EAAEA,OAAQ;IAACN,KAAK,EAAEA;EAAM,GAAKI,IAAI,CAAG,CAAC,EAE9DF,YAAY,iBACR1D,MAAA,CAAAY,OAAA,CAAAoD,aAAA,CAAAhE,MAAA,CAAAY,OAAA,CAAAwD,QAAA,qBACIpE,MAAA,CAAAY,OAAA,CAAAoD,aAAA,CAAC3D,OAAA,CAAAgE,YAAY;IAACC,cAAc,EAAE;EAAE,CAAE,CAAC,eACnCtE,MAAA,CAAAY,OAAA,CAAAoD,aAAA,CAAC5D,KAAA,CAAAmE,UAAU;IAACI,gBAAgB,EAAE,EAAG;IAACD,UAAU,EAAEjC,YAAK,CAACiC,UAAU,CAACE,IAAK;IAACJ,QAAQ,EAAE/B,YAAK,CAAC+B,QAAQ,CAACK,KAAM;IAAC7B,KAAK,EAAEP,YAAK,CAACC,MAAM,CAACW,IAAI,CAAC,GAAG;EAAE,GAC9HK,YACO,CACd,CAIN,CAAC;AAEjB,CAAC;AAAAoB,OAAA,CAAAvB,cAAA,GAAAA,cAAA;AAED,MAAMwB,mBAAmB,GAAGA,CAAC;EAAEvB,KAAK;EAAEC,KAAK;EAAEC,YAAY;EAAEC,WAAW;EAAEqB,UAAU;EAAE,GAAGpB;AAAK,CAAC,KAAK;EAC9F,MAAM,CAACqB,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAnB,eAAQ,EAAC,EAAE,CAAC;EAC5C,MAAM,CAACF,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAEvC,IAAAoB,gBAAS,EAAC,MAAM;IACZH,UAAU,IAAIA,UAAU,CAACC,QAAQ,CAAC;EACtC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,oBACIjF,MAAA,CAAAY,OAAA,CAAAoD,aAAA,CAAC7D,MAAA,CAAA8D,MAAM;IAACC,cAAc,EAAC,YAAY;IAACC,UAAU,EAAC;EAAY,GAEnDV,KAAK,iBACDzD,MAAA,CAAAY,OAAA,CAAAoD,aAAA,CAAAhE,MAAA,CAAAY,OAAA,CAAAwD,QAAA,qBACIpE,MAAA,CAAAY,OAAA,CAAAoD,aAAA,CAAC3D,OAAA,CAAAgE,YAAY;IAACC,cAAc,EAAE;EAAE,CAAE,CAAC,eACnCtE,MAAA,CAAAY,OAAA,CAAAoD,aAAA,CAAC5D,KAAA,CAAAmE,UAAU,EAAAzC,QAAA;IAACmB,iBAAiB,EAAE,CAAE;IAACD,KAAK,EAAEP,YAAK,CAACC,MAAM,CAACC,IAAI,CAAC,GAAG,CAAE;IAAC6B,QAAQ,EAAE/B,YAAK,CAAC+B,QAAQ,CAACC,MAAO;IAACC,UAAU,EAAEjC,YAAK,CAACiC,UAAU,CAACD;EAAO,GAAKd,WAAW,GACjJF,KACO,CAAC,eACbzD,MAAA,CAAAY,OAAA,CAAAoD,aAAA,CAAC3D,OAAA,CAAAgE,YAAY;IAACC,cAAc,EAAE;EAAE,CAAE,CACpC,CAEL,eAELtE,MAAA,CAAAY,OAAA,CAAAoD,aAAA,CAAC5B,QAAQ,EAAAN,QAAA;IAAC+B,IAAI,EAAEA,IAAK;IAACC,OAAO,EAAEA,OAAQ;IAACN,KAAK,EAAEA,KAAM;IAAC4B,QAAQ,EAAEF,WAAY;IAACG,KAAK,EAAEJ,QAAS;IAACK,QAAQ;EAAA,GAAK1B,IAAI,CAAG,CAAC,EAE/GF,YAAY,iBACR1D,MAAA,CAAAY,OAAA,CAAAoD,aAAA,CAAAhE,MAAA,CAAAY,OAAA,CAAAwD,QAAA,qBACIpE,MAAA,CAAAY,OAAA,CAAAoD,aAAA,CAAC3D,OAAA,CAAAgE,YAAY;IAACC,cAAc,EAAE;EAAE,CAAE,CAAC,eACnCtE,MAAA,CAAAY,OAAA,CAAAoD,aAAA,CAAC5D,KAAA,CAAAmE,UAAU;IAACI,gBAAgB,EAAE,EAAG;IAACD,UAAU,EAAEjC,YAAK,CAACiC,UAAU,CAACE,IAAK;IAACJ,QAAQ,EAAE/B,YAAK,CAAC+B,QAAQ,CAACK,KAAM;IAAC7B,KAAK,EAAEP,YAAK,CAACC,MAAM,CAACW,IAAI,CAAC,GAAG;EAAE,GAC9HK,YACO,CACd,CAIN,CAAC;AAEjB,CAAC;AAAAoB,OAAA,CAAAC,mBAAA,GAAAA,mBAAA","ignoreList":[]}