fluent-styles 1.0.0

package/lib/module/package/badge/index.js

@@ -0,0 +1,151 @@
+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-nocheck
+import React from "react";
+import { Text } from 'react-native';
+import { XStack, YStack } from "../stack";
+import { StyledSpacer } from "../spacer";
+import { styled } from "../styled";
+import { theme } from "../theme";
+import { isValidColor, isValidNumber, isValidString } from '../utils';
+const Badge = styled(Text, {
+  base: {
+    borderColor: theme.colors.gray[300],
+    borderRadius: 32,
+    backgroundColor: theme.colors.gray[1],
+    fontSize: theme.fontSize.normal,
+    color: theme.colors.gray[900],
+    fontWeight: theme.fontWeight.bold,
+    position: 'relative',
+    textAlign: 'center'
+  },
+  variants: {
+    fontWeight: (size = theme.fontWeight.normal) => {
+      if (!isValidString(size)) {
+        throw new Error('Invalid fontWeight value');
+      }
+      return {
+        fontWeight: size
+      };
+    },
+    color: (color = theme.colors.gray[800]) => {
+      if (!isValidColor(color)) {
+        throw new Error('Invalid color value');
+      }
+      return {
+        color: color
+      };
+    },
+    fontSize: (size = theme.fontSize.normal) => {
+      if (!isValidNumber(size)) {
+        throw new Error('Invalid fontSize value');
+      }
+      return {
+        fontSize: size
+      };
+    },
+    flexWrap: 'wrap',
+    absolute: {
+      true: {
+        position: 'absolute'
+      }
+    },
+    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
+      };
+    },
+    borderColor: color => {
+      if (!isValidColor(color)) {
+        throw new Error('Invalid color value');
+      }
+      return {
+        borderColor: color
+      };
+    },
+    borderRadius: (size = 32) => {
+      if (!isValidNumber(size)) {
+        throw new Error('Invalid borderRadius value');
+      }
+      return {
+        borderRadius: size
+      };
+    },
+    backgroundColor: color => {
+      if (!isValidColor(color)) {
+        throw new Error('Invalid color value');
+      }
+      return {
+        backgroundColor: color
+      };
+    },
+    right: (size = 0) => {
+      if (!isValidNumber(size)) {
+        throw new Error('Invalid right value');
+      }
+      return {
+        right: size
+      };
+    },
+    top: (size = 0) => {
+      if (!isValidNumber(size)) {
+        throw new Error('Invalid top value');
+      }
+      return {
+        top: size
+      };
+    }
+  }
+});
+const StyledBadge = ({
+  children,
+  ...rest
+}) => {
+  return /*#__PURE__*/React.createElement(Badge, rest, children);
+};
+const StyledBadgeWithIcon = ({
+  iconLeft,
+  iconRight,
+  textProps,
+  title,
+  ...rest
+}) => {
+  return /*#__PURE__*/React.createElement(XStack, _extends({
+    justifyContent: "flex-start",
+    alignItems: "center"
+  }, rest), iconLeft && /*#__PURE__*/React.createElement(React.Fragment, null, iconLeft, /*#__PURE__*/React.createElement(StyledSpacer, {
+    marginHorizontal: 2
+  })), /*#__PURE__*/React.createElement(Badge, _extends({
+    backgroundColor: theme.colors.transparent
+  }, textProps), title), iconRight && /*#__PURE__*/React.createElement(React.Fragment, null, iconRight, /*#__PURE__*/React.createElement(StyledSpacer, {
+    marginHorizontal: 2
+  })));
+};
+const StyledBadgeIcon = ({
+  top = -1,
+  right = 5,
+  icon,
+  charProps,
+  char,
+  ...rest
+}) => {
+  return /*#__PURE__*/React.createElement(YStack, _extends({
+    justifyContent: "center",
+    alignItems: "center"
+  }, rest), icon, /*#__PURE__*/React.createElement(Badge, _extends({
+    absolute: true,
+    top: top,
+    right: right
+  }, charProps), char));
+};
+export { StyledBadge, StyledBadgeWithIcon, StyledBadgeIcon };
+//# sourceMappingURL=index.js.map

package/lib/module/package/badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","XStack","YStack","StyledSpacer","styled","theme","isValidColor","isValidNumber","isValidString","Badge","base","borderColor","colors","gray","borderRadius","backgroundColor","fontSize","normal","color","fontWeight","bold","position","textAlign","variants","size","Error","flexWrap","absolute","true","fontFamily","font","align","validAlignments","includes","right","top","StyledBadge","children","rest","createElement","StyledBadgeWithIcon","iconLeft","iconRight","textProps","title","_extends","justifyContent","alignItems","Fragment","marginHorizontal","transparent","StyledBadgeIcon","icon","charProps","char"],"sources":["index.jsx"],"sourcesContent":["// @ts-nocheck\r\nimport React from \"react\";\r\nimport { Text } from 'react-native';\r\nimport { XStack, YStack } from \"../stack\";\r\nimport { StyledSpacer } from \"../spacer\";\r\nimport { styled } from \"../styled\";\r\nimport { theme } from \"../theme\";\r\nimport { isValidColor, isValidNumber, isValidString } from '../utils';\r\n\r\nconst Badge = styled(Text, {\r\n    base: {\r\n        borderColor: theme.colors.gray[300],\r\n        borderRadius: 32,\r\n        backgroundColor: theme.colors.gray[1],\r\n        fontSize: theme.fontSize.normal,\r\n        color: theme.colors.gray[900],\r\n        fontWeight: theme.fontWeight.bold,\r\n        position: 'relative',\r\n        textAlign: 'center'\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        flexWrap: 'wrap',\r\n        absolute: {\r\n            true: {\r\n                position: 'absolute'\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        borderColor: color => {\r\n            if (!isValidColor(color)) {\r\n                throw new Error('Invalid color value')\r\n            }\r\n            return { borderColor: color }\r\n        },\r\n        borderRadius: (size = 32) => {\r\n            if (!isValidNumber(size)) {\r\n                throw new Error('Invalid borderRadius value')\r\n            }\r\n            return { borderRadius: size }\r\n        },\r\n        backgroundColor: color => {\r\n            if (!isValidColor(color)) {\r\n                throw new Error('Invalid color value')\r\n            }\r\n            return { backgroundColor: color }\r\n        },\r\n        right: (size = 0) => {\r\n            if (!isValidNumber(size)) {\r\n                throw new Error('Invalid right value')\r\n            }\r\n            return { right: size }\r\n        },\r\n        top: (size = 0) => {\r\n            if (!isValidNumber(size)) {\r\n                throw new Error('Invalid top value')\r\n            }\r\n            return { top: size }\r\n        },\r\n    }\r\n})\r\n\r\nconst StyledBadge = ({ children, ...rest }) => {\r\n    return (\r\n        <Badge {...rest}>\r\n            {children}\r\n        </Badge>\r\n    )\r\n}\r\n\r\nconst StyledBadgeWithIcon = ({ iconLeft, iconRight, textProps, title, ...rest }) => {\r\n    return (\r\n        <XStack justifyContent='flex-start' alignItems='center' {...rest}>\r\n            {\r\n                iconLeft && (<>\r\n                    {iconLeft}\r\n                    <StyledSpacer marginHorizontal={2} />\r\n                </>)\r\n            }\r\n            <Badge backgroundColor={theme.colors.transparent} {...textProps}>\r\n                {title}\r\n            </Badge>\r\n            {\r\n                iconRight && (<>\r\n                    {iconRight}\r\n                    <StyledSpacer marginHorizontal={2} />\r\n                </>)\r\n            }\r\n        </XStack>\r\n    )\r\n}\r\n\r\nconst StyledBadgeIcon = ({ top = -1, right = 5, icon, charProps, char, ...rest }) => {\r\n    return (\r\n        <YStack justifyContent='center' alignItems='center' {...rest}>\r\n            {icon}\r\n            <Badge absolute top={top} right={right} {...charProps}>\r\n                {char}\r\n            </Badge>\r\n        </YStack>\r\n    )\r\n}\r\n\r\nexport { StyledBadge, StyledBadgeWithIcon, StyledBadgeIcon }\r\n"],"mappings":"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","ignoreList":[]}

package/lib/module/package/button/index.js

@@ -0,0 +1,89 @@
+import React from 'react';
+import { TouchableOpacity } from 'react-native';
+import { styled } from '../styled';
+import { theme } from '../theme';
+import { isValidColor, isValidNumber } from '../utils';
+const Button = styled(TouchableOpacity, {
+  base: {
+    borderColor: theme.colors.gray[100],
+    borderWidth: 1,
+    borderRadius: 30,
+    backgroundColor: theme.colors.gray[300],
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  variants: {
+    borderColor: color => {
+      if (!isValidColor(color)) {
+        throw new Error('Invalid color value');
+      }
+      return {
+        borderColor: color
+      };
+    },
+    borderRadius: (size = 32) => {
+      if (!isValidNumber(size)) {
+        throw new Error('Invalid borderRadius value');
+      }
+      return {
+        borderRadius: size
+      };
+    },
+    flex: size => {
+      if (!isValidNumber(size)) {
+        throw new Error('Invalid flex value');
+      }
+      return {
+        flex: size
+      };
+    },
+    width: size => {
+      if (!size) return;
+      return {
+        width: size
+      };
+    },
+    height: size => {
+      if (!size) return;
+      return {
+        height: size
+      };
+    },
+    backgroundColor: color => {
+      if (!isValidColor(color)) {
+        throw new Error('Invalid backgroundColor value');
+      }
+      return {
+        backgroundColor: color
+      };
+    },
+    link: {
+      true: {
+        borderColor: theme.colors.transparent,
+        borderWidth: 0,
+        borderRadius: 0,
+        backgroundColor: theme.colors.transparent
+      }
+    },
+    selected: {
+      true: {
+        borderColor: theme.colors.cyan[500],
+        backgroundColor: theme.colors.cyan[500],
+        borderWidth: 0
+      },
+      false: {
+        borderColor: theme.colors.gray[300],
+        borderWidth: 0
+      }
+    }
+  }
+});
+const StyledButton = ({
+  children,
+  ...rest
+}) => {
+  return /*#__PURE__*/React.createElement(Button, rest, children);
+};
+export { StyledButton, Button };
+//# sourceMappingURL=index.js.map

package/lib/module/package/button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","TouchableOpacity","styled","theme","isValidColor","isValidNumber","Button","base","borderColor","colors","gray","borderWidth","borderRadius","backgroundColor","flexDirection","justifyContent","alignItems","variants","color","Error","size","flex","width","height","link","true","transparent","selected","cyan","false","StyledButton","children","rest","createElement"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { TouchableOpacity } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { theme } from '../theme'\r\nimport { isValidColor, isValidNumber } from '../utils'\r\n\r\nconst Button = styled(TouchableOpacity, {\r\n  base: {\r\n    borderColor: theme.colors.gray[100],\r\n    borderWidth: 1,\r\n    borderRadius: 30,\r\n    backgroundColor: theme.colors.gray[300],\r\n    flexDirection: 'row',\r\n    justifyContent: 'center',\r\n    alignItems: 'center'\r\n  },\r\n  variants: {\r\n    borderColor: color => {\r\n      if (!isValidColor(color)) {\r\n        throw new Error('Invalid color value')\r\n      }\r\n      return { borderColor: color }\r\n    },\r\n    borderRadius: (size = 32) => {\r\n      if (!isValidNumber(size)) {\r\n        throw new Error('Invalid borderRadius value')\r\n      }\r\n      return { borderRadius: size }\r\n    },\r\n    flex: size => {\r\n      if (!isValidNumber(size)) {\r\n        throw new Error('Invalid flex value')\r\n      }\r\n      return { flex: size }\r\n    },\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    backgroundColor: color => {\r\n      if (!isValidColor(color)) {\r\n        throw new Error('Invalid backgroundColor value')\r\n      }\r\n      return { backgroundColor: color }\r\n    },\r\n    link: {\r\n      true: {\r\n        borderColor: theme.colors.transparent,\r\n        borderWidth: 0,\r\n        borderRadius: 0,\r\n        backgroundColor: theme.colors.transparent\r\n      }\r\n    },\r\n    selected: {\r\n      true: {\r\n        borderColor: theme.colors.cyan[500],\r\n        backgroundColor: theme.colors.cyan[500],\r\n        borderWidth: 0\r\n      },\r\n      false: {\r\n        borderColor: theme.colors.gray[300],\r\n        borderWidth: 0\r\n      }\r\n    }\r\n  }\r\n})\r\n\r\nconst StyledButton = ({ children, ...rest }) => {\r\n  return (\r\n    <Button {...rest}>\r\n      {children}\r\n    </Button>\r\n  )\r\n}\r\n\r\nexport { StyledButton, Button }\r\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,cAAc;AAC/C,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,YAAY,EAAEC,aAAa,QAAQ,UAAU;AAEtD,MAAMC,MAAM,GAAGJ,MAAM,CAACD,gBAAgB,EAAE;EACtCM,IAAI,EAAE;IACJC,WAAW,EAAEL,KAAK,CAACM,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;IACnCC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAEV,KAAK,CAACM,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;IACvCI,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDC,QAAQ,EAAE;IACRT,WAAW,EAAEU,KAAK,IAAI;MACpB,IAAI,CAACd,YAAY,CAACc,KAAK,CAAC,EAAE;QACxB,MAAM,IAAIC,KAAK,CAAC,qBAAqB,CAAC;MACxC;MACA,OAAO;QAAEX,WAAW,EAAEU;MAAM,CAAC;IAC/B,CAAC;IACDN,YAAY,EAAEA,CAACQ,IAAI,GAAG,EAAE,KAAK;MAC3B,IAAI,CAACf,aAAa,CAACe,IAAI,CAAC,EAAE;QACxB,MAAM,IAAID,KAAK,CAAC,4BAA4B,CAAC;MAC/C;MACA,OAAO;QAAEP,YAAY,EAAEQ;MAAK,CAAC;IAC/B,CAAC;IACDC,IAAI,EAAED,IAAI,IAAI;MACZ,IAAI,CAACf,aAAa,CAACe,IAAI,CAAC,EAAE;QACxB,MAAM,IAAID,KAAK,CAAC,oBAAoB,CAAC;MACvC;MACA,OAAO;QAAEE,IAAI,EAAED;MAAK,CAAC;IACvB,CAAC;IACDE,KAAK,EAAEF,IAAI,IAAI;MACb,IAAI,CAACA,IAAI,EAAE;MACX,OAAO;QAAEE,KAAK,EAAEF;MAAK,CAAC;IACxB,CAAC;IACDG,MAAM,EAAEH,IAAI,IAAI;MACd,IAAI,CAACA,IAAI,EAAE;MACX,OAAO;QAAEG,MAAM,EAAEH;MAAK,CAAC;IACzB,CAAC;IACDP,eAAe,EAAEK,KAAK,IAAI;MACxB,IAAI,CAACd,YAAY,CAACc,KAAK,CAAC,EAAE;QACxB,MAAM,IAAIC,KAAK,CAAC,+BAA+B,CAAC;MAClD;MACA,OAAO;QAAEN,eAAe,EAAEK;MAAM,CAAC;IACnC,CAAC;IACDM,IAAI,EAAE;MACJC,IAAI,EAAE;QACJjB,WAAW,EAAEL,KAAK,CAACM,MAAM,CAACiB,WAAW;QACrCf,WAAW,EAAE,CAAC;QACdC,YAAY,EAAE,CAAC;QACfC,eAAe,EAAEV,KAAK,CAACM,MAAM,CAACiB;MAChC;IACF,CAAC;IACDC,QAAQ,EAAE;MACRF,IAAI,EAAE;QACJjB,WAAW,EAAEL,KAAK,CAACM,MAAM,CAACmB,IAAI,CAAC,GAAG,CAAC;QACnCf,eAAe,EAAEV,KAAK,CAACM,MAAM,CAACmB,IAAI,CAAC,GAAG,CAAC;QACvCjB,WAAW,EAAE;MACf,CAAC;MACDkB,KAAK,EAAE;QACLrB,WAAW,EAAEL,KAAK,CAACM,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;QACnCC,WAAW,EAAE;MACf;IACF;EACF;AACF,CAAC,CAAC;AAEF,MAAMmB,YAAY,GAAGA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAK,CAAC,KAAK;EAC9C,oBACEhC,KAAA,CAAAiC,aAAA,CAAC3B,MAAM,EAAK0B,IAAI,EACbD,QACK,CAAC;AAEb,CAAC;AAED,SAASD,YAAY,EAAExB,MAAM","ignoreList":[]}

package/lib/module/package/card/index.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { View, Pressable } from 'react-native';
+import { styled } from '../styled';
+import { shadow } from '../utils';
+const Card = styled(View, {
+  base: {
+    flexDirection: 'column'
+  },
+  variants: {
+    shadow: shadow
+  }
+});
+const StyledCard = ({
+  pressable = false,
+  pressableProps,
+  children,
+  ...rest
+}) => {
+  if (pressable) {
+    return /*#__PURE__*/React.createElement(Pressable, pressableProps, /*#__PURE__*/React.createElement(Card, rest, children));
+  }
+  return /*#__PURE__*/React.createElement(Card, rest, children);
+};
+export { StyledCard };
+//# sourceMappingURL=index.js.map

package/lib/module/package/card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Pressable","styled","shadow","Card","base","flexDirection","variants","StyledCard","pressable","pressableProps","children","rest","createElement"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { View, Pressable } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { shadow } from '../utils'\r\n\r\nconst Card = styled(View, {\r\n  base: {\r\n    flexDirection: 'column'\r\n  },\r\n  variants: {\r\n    shadow: shadow\r\n  }\r\n})\r\n\r\nconst StyledCard = ({\r\n\tpressable = false,\r\n\tpressableProps,\r\n\tchildren,\r\n\t...rest\r\n}) => {\r\n  if (pressable) {\r\n    return (\r\n      <Pressable {...pressableProps}>\r\n        <Card {...rest}>\r\n          {children}\r\n        </Card>\r\n      </Pressable>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <Card {...rest}>\r\n      {children}\r\n    </Card>\r\n  )\r\n}\r\n\r\nexport { StyledCard }\r\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,SAAS,QAAQ,cAAc;AAC9C,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,MAAM,QAAQ,UAAU;AAEjC,MAAMC,IAAI,GAAGF,MAAM,CAACF,IAAI,EAAE;EACxBK,IAAI,EAAE;IACJC,aAAa,EAAE;EACjB,CAAC;EACDC,QAAQ,EAAE;IACRJ,MAAM,EAAEA;EACV;AACF,CAAC,CAAC;AAEF,MAAMK,UAAU,GAAGA,CAAC;EACnBC,SAAS,GAAG,KAAK;EACjBC,cAAc;EACdC,QAAQ;EACR,GAAGC;AACJ,CAAC,KAAK;EACJ,IAAIH,SAAS,EAAE;IACb,oBACEV,KAAA,CAAAc,aAAA,CAACZ,SAAS,EAAKS,cAAc,eAC3BX,KAAA,CAAAc,aAAA,CAACT,IAAI,EAAKQ,IAAI,EACXD,QACG,CACG,CAAC;EAEhB;EAEA,oBACEZ,KAAA,CAAAc,aAAA,CAACT,IAAI,EAAKQ,IAAI,EACXD,QACG,CAAC;AAEX,CAAC;AAED,SAASH,UAAU","ignoreList":[]}

package/lib/module/package/checkBox/index.js

@@ -0,0 +1,75 @@
+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); }
+import React, { useState } from 'react';
+import { styled } from '../styled';
+import { TouchableOpacity } from 'react-native';
+import Icon from 'react-native-vector-icons/MaterialIcons';
+import { theme } from '../theme';
+const CheckBox = styled(TouchableOpacity, {
+  base: {
+    width: 24,
+    height: 24,
+    borderWidth: 2,
+    borderRadius: 1,
+    borderColor: 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.colors.gray[500]
+      }
+    },
+    checked: {
+      true: {
+        backgroundColor: 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] = useState(false);
+  const toggleCheckbox = () => {
+    setChecked(!checked);
+    onPress && onPress(!checked);
+  };
+  return /*#__PURE__*/React.createElement(CheckBox, _extends({
+    disabled: disabled,
+    checked: checked,
+    checkedColor: checked && checkedColor && checkedColor,
+    onPress: () => toggleCheckbox()
+  }, rest), checked && /*#__PURE__*/React.createElement(Icon, _extends({
+    name: "check"
+  }, iconProps, {
+    color: theme.colors.gray[1],
+    size: 20
+  })));
+};
+export { StyledCheckBox };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","styled","TouchableOpacity","Icon","theme","CheckBox","base","width","height","borderWidth","borderRadius","borderColor","colors","gray","justifyContent","alignItems","flexDirection","variants","size","disabled","true","backgroundColor","checked","checkedColor","color","StyledCheckBox","onPress","iconProps","rest","setChecked","toggleCheckbox","createElement","_extends","name"],"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":";AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,gBAAgB,QAAQ,cAAc;AAC/C,OAAOC,IAAI,MAAM,yCAAyC;AAC1D,SAASC,KAAK,QAAQ,UAAU;AAEhC,MAAMC,QAAQ,GAAGJ,MAAM,CAACC,gBAAgB,EAAE;EACxCI,IAAI,EAAE;IACJC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,CAAC;IACfC,WAAW,EAAEP,KAAK,CAACQ,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;IACnCC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE;EACjB,CAAC;EACDC,QAAQ,EAAE;IACRV,KAAK,EAAEW,IAAI,IAAI;MACb,IAAI,CAACA,IAAI,EAAE;MACX,OAAO;QAAEX,KAAK,EAAEW;MAAK,CAAC;IACxB,CAAC;IACDV,MAAM,EAAEU,IAAI,IAAI;MACd,IAAI,CAACA,IAAI,EAAE;MACX,OAAO;QAAEV,MAAM,EAAEU;MAAK,CAAC;IACzB,CAAC;IACDC,QAAQ,EAAE;MACRC,IAAI,EAAE;QACJC,eAAe,EAAEjB,KAAK,CAACQ,MAAM,CAACC,IAAI,CAAC,GAAG;MACxC;IACF,CAAC;IACDS,OAAO,EAAE;MACPF,IAAI,EAAE;QACJC,eAAe,EAAEjB,KAAK,CAACQ,MAAM,CAACC,IAAI,CAAC,GAAG;MACxC;IACF,CAAC;IACDU,YAAY,EAAEC,KAAK,IAAI;MACrB,IAAI,CAACA,KAAK,EAAE;MACZ,OAAO;QACLH,eAAe,EAAEG,KAAK;QACtBb,WAAW,EAAEa;MACf,CAAC;IACH;EACF;AACF,CAAC,CAAC;AAEF,MAAMC,cAAc,GAAGA,CAAC;EACvBC,OAAO;EACPP,QAAQ,GAAG,KAAK;EAChBI,YAAY;EACZI,SAAS;EACT,GAAGC;AACJ,CAAC,KAAK;EACJ,MAAM,CAACN,OAAO,EAAEO,UAAU,CAAC,GAAG7B,QAAQ,CAAC,KAAK,CAAC;EAE7C,MAAM8B,cAAc,GAAGA,CAAA,KAAM;IAC3BD,UAAU,CAAC,CAACP,OAAO,CAAC;IACpBI,OAAO,IAAIA,OAAO,CAAC,CAACJ,OAAO,CAAC;EAC9B,CAAC;EAED,oBACEvB,KAAA,CAAAgC,aAAA,CAAC1B,QAAQ,EAAA2B,QAAA;IACPb,QAAQ,EAAEA,QAAS;IACnBG,OAAO,EAAEA,OAAQ;IACjBC,YAAY,EAAED,OAAO,IAAIC,YAAY,IAAIA,YAAa;IACtDG,OAAO,EAAEA,CAAA,KAAMI,cAAc,CAAC;EAAE,GAC5BF,IAAI,GAEPN,OAAO,iBACRvB,KAAA,CAAAgC,aAAA,CAAC5B,IAAI,EAAA6B,QAAA;IACHC,IAAI,EAAC;EAAO,GACRN,SAAS;IACbH,KAAK,EAAEpB,KAAK,CAACQ,MAAM,CAACC,IAAI,CAAC,CAAC,CAAE;IAC5BK,IAAI,EAAE;EAAG,EACZ,CACS,CAAC;AAEf,CAAC;AAED,SAASO,cAAc","ignoreList":[]}

package/lib/module/package/cycle/index.js

@@ -0,0 +1,21 @@
+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); }
+import React from 'react';
+import { YStack } from '../stack';
+import { theme } from '../theme';
+const StyledCycle = ({
+  children,
+  ...rest
+}) => {
+  return /*#__PURE__*/React.createElement(YStack, _extends({
+    height: 48,
+    width: 48,
+    borderRadius: 50,
+    borderWidth: 1,
+    borderColor: theme.colors.gray[1],
+    backgroundColor: theme.colors.gray[1],
+    justifyContent: "center",
+    alignItems: "center"
+  }, rest), children);
+};
+export { StyledCycle };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","YStack","theme","StyledCycle","children","rest","createElement","_extends","height","width","borderRadius","borderWidth","borderColor","colors","gray","backgroundColor","justifyContent","alignItems"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,KAAK,QAAQ,UAAU;AAEhC,MAAMC,WAAW,GAAGA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAK,CAAC,KAAK;EAC7C,oBACEL,KAAA,CAAAM,aAAA,CAACL,MAAM,EAAAM,QAAA;IACLC,MAAM,EAAE,EAAG;IACXC,KAAK,EAAE,EAAG;IACVC,YAAY,EAAE,EAAG;IACjBC,WAAW,EAAE,CAAE;IACfC,WAAW,EAAEV,KAAK,CAACW,MAAM,CAACC,IAAI,CAAC,CAAC,CAAE;IAClCC,eAAe,EAAEb,KAAK,CAACW,MAAM,CAACC,IAAI,CAAC,CAAC,CAAE;IACtCE,cAAc,EAAC,QAAQ;IACvBC,UAAU,EAAC;EAAQ,GACfZ,IAAI,GAEPD,QACK,CAAC;AAEb,CAAC;AAED,SAASD,WAAW","ignoreList":[]}

package/lib/module/package/dialog/index.js

@@ -0,0 +1,182 @@
+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); }
+import React, { useState } from 'react';
+import { Modal } from 'react-native';
+import { XStack, YStack } from '../stack';
+import { StyledText } from '../text';
+import { StyledButton } from '../button';
+import { StyledSpacer } from '../spacer';
+import { styled } from '../styled';
+import { theme } from '../theme';
+const Dialog = styled(Modal, {
+  base: {
+    backgroundColor: theme.colors.gray[100],
+    padding: 20,
+    borderRadius: 10
+  }
+});
+const StyledDialog = ({
+  children,
+  animationType = 'fade',
+  transparent = true,
+  visible = false,
+  ...rest
+}) => {
+  return /*#__PURE__*/React.createElement(Dialog, _extends({
+    visible: visible,
+    transparent: transparent,
+    animationType: animationType
+  }, rest), children);
+};
+const StyledConfirmDialog = ({
+  visible = false,
+  row,
+  animationType = 'fade',
+  onCancel,
+  onConfirm,
+  transparent = true,
+  ...rest
+}) => {
+  const [show, setShow] = 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.createElement(Dialog, _extends({
+    visible: show,
+    transparent: transparent,
+    animationType: animationType
+  }, rest), /*#__PURE__*/React.createElement(YStack, {
+    transparent: true,
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center"
+  }, /*#__PURE__*/React.createElement(YStack, {
+    width: '90%',
+    borderRadius: 8,
+    paddingVertical: 16,
+    paddingHorizontal: 16,
+    backgroundColor: theme.colors.gray[1]
+  }, /*#__PURE__*/React.createElement(StyledText, {
+    color: theme.colors.gray[800],
+    fontSize: theme.fontSize.normal,
+    fontWeight: theme.fontWeight.bold
+  }, title), /*#__PURE__*/React.createElement(StyledSpacer, {
+    marginVertical: 1
+  }), /*#__PURE__*/React.createElement(StyledText, {
+    color: theme.colors.gray[800],
+    fontSize: theme.fontSize.large,
+    fontWeight: theme.fontWeight.normal
+  }, description), /*#__PURE__*/React.createElement(StyledSpacer, {
+    marginVertical: 4
+  }), /*#__PURE__*/React.createElement(XStack, {
+    justifyContent: "flex-end",
+    alignItems: "center"
+  }, /*#__PURE__*/React.createElement(StyledButton, {
+    backgroundColor: theme.colors.red[400],
+    borderColor: theme.colors.red[400],
+    borderRadius: 30,
+    onPress: () => handleCancel()
+  }, /*#__PURE__*/React.createElement(StyledText, {
+    paddingHorizontal: 20,
+    paddingVertical: 4,
+    color: theme.colors.gray[1],
+    fontSize: theme.fontSize.large,
+    fontWeight: theme.fontWeight.normal
+  }, cancel)), /*#__PURE__*/React.createElement(StyledSpacer, {
+    marginHorizontal: 2
+  }), /*#__PURE__*/React.createElement(StyledButton, {
+    backgroundColor: theme.colors.green[500],
+    borderColor: theme.colors.green[500],
+    onPress: () => handleConfirm(),
+    borderRadius: 30
+  }, /*#__PURE__*/React.createElement(StyledText, {
+    paddingHorizontal: 20,
+    paddingVertical: 4,
+    color: theme.colors.gray[1],
+    fontSize: theme.fontSize.large,
+    fontWeight: theme.fontWeight.normal
+  }, confirm))))));
+};
+const StyledOkDialog = ({
+  visible = false,
+  animationType = 'fade',
+  transparent = true,
+  ...rest
+}) => {
+  const [show, setShow] = 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.createElement(Dialog, _extends({
+    visible: show,
+    transparent: transparent,
+    animationType: animationType
+  }, rest), /*#__PURE__*/React.createElement(YStack, {
+    transparent: true,
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center"
+  }, /*#__PURE__*/React.createElement(YStack, {
+    width: '90%',
+    borderRadius: 8,
+    paddingVertical: 16,
+    paddingHorizontal: 16,
+    backgroundColor: theme.colors.gray[1]
+  }, /*#__PURE__*/React.createElement(StyledText, {
+    color: theme.colors.gray[800],
+    fontSize: theme.fontSize.normal,
+    fontWeight: theme.fontWeight.bold
+  }, title), /*#__PURE__*/React.createElement(StyledSpacer, {
+    marginVertical: 2
+  }), /*#__PURE__*/React.createElement(StyledText, {
+    color: theme.colors.gray[800],
+    fontSize: theme.fontSize.normal,
+    fontWeight: theme.fontWeight.normal
+  }, description), /*#__PURE__*/React.createElement(StyledSpacer, {
+    marginVertical: 8
+  }), /*#__PURE__*/React.createElement(XStack, {
+    justifyContent: "flex-end",
+    alignItems: "center"
+  }, /*#__PURE__*/React.createElement(StyledButton, {
+    flex: 1,
+    backgroundColor: theme.colors.cyan[500],
+    borderColor: theme.colors.cyan[500],
+    onPress: handleOk,
+    borderRadius: 30
+  }, /*#__PURE__*/React.createElement(StyledText, {
+    paddingHorizontal: 20,
+    paddingVertical: 8,
+    color: theme.colors.gray[1],
+    fontSize: theme.fontSize.large,
+    fontWeight: theme.fontWeight.bold
+  }, ok))))));
+};
+export { StyledDialog, StyledConfirmDialog, StyledOkDialog };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","Modal","XStack","YStack","StyledText","StyledButton","StyledSpacer","styled","theme","Dialog","base","backgroundColor","colors","gray","padding","borderRadius","StyledDialog","children","animationType","transparent","visible","rest","createElement","_extends","StyledConfirmDialog","row","onCancel","onConfirm","show","setShow","title","description","cancel","confirm","handleConfirm","handleCancel","flex","justifyContent","alignItems","width","paddingVertical","paddingHorizontal","color","fontSize","normal","fontWeight","bold","marginVertical","large","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":[]}