fluent-styles 1.0.0

package/README.md

@@ -0,0 +1,77 @@
+# fluent-styles
+
+Fluent-styles is a library designed to simplify the development of styled variants on UI components for both React and React Native projects. It enables developers to easily manage and apply base and variant styles to components dynamically based on props.
+
+## Features
+
+- **Dynamic Styling**: Easily apply and switch styles based on the props of the components.
+- **Support for React and React Native**: Can be used seamlessly across web and mobile platforms.
+
+## Installation
+
+Install fluent-styles using npm:
+
+```bash
+npm install fluent-styles
+
+Or using yarn:
+
+yarn add fluent-styles
+
+Usage
+After installing the package, you can use it to wrap your components with styled functionality. Below is a basic example of how to use fluent-styles in a React application:
+
+React Example
+
+import React from 'react';
+import styled from 'fluent-styles';
+
+const baseStyles = {
+  padding: '20px',
+  color: 'white'
+};
+
+const variants = {
+  mood: {
+    happy: { backgroundColor: 'yellow' },
+    sad: { backgroundColor: 'blue' }
+  }
+};
+
+const MoodText = styled('div', { base: baseStyles, variants });
+
+function App() {
+  return (
+    <MoodText mood="happy">I am happy!</MoodText>
+  );
+}
+
+export default App;
+
+React Native Example
+import React from 'react';
+import { Text } from 'react-native';
+import styled from 'style-ease';
+
+const baseStyles = {
+  padding: 10,
+  color: 'white'
+};
+
+const variants = {
+  mood: {
+    happy: { backgroundColor: 'yellow' },
+    sad: { backgroundColor: 'blue' }
+  }
+};
+
+const MoodText = styled(Text, { base: baseStyles, variants });
+
+function App() {
+  return (
+    <MoodText mood="happy">I am happy!</MoodText>
+  );
+}
+
+export default App;
+

package/lib/commonjs/index.js

@@ -0,0 +1,248 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _styled = require("./package/styled");
+Object.keys(_styled).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _styled[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _styled[key];
+    }
+  });
+});
+var _card = require("./package/card");
+Object.keys(_card).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _card[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _card[key];
+    }
+  });
+});
+var _spacer = require("./package/spacer");
+Object.keys(_spacer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _spacer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _spacer[key];
+    }
+  });
+});
+var _stack = require("./package/stack");
+Object.keys(_stack).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _stack[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _stack[key];
+    }
+  });
+});
+var _text = require("./package/text");
+Object.keys(_text).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _text[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _text[key];
+    }
+  });
+});
+var _button = require("./package/button");
+Object.keys(_button).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _button[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _button[key];
+    }
+  });
+});
+var _badge = require("./package/badge");
+Object.keys(_badge).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _badge[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _badge[key];
+    }
+  });
+});
+var _checkBox = require("./package/checkBox");
+Object.keys(_checkBox).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _checkBox[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _checkBox[key];
+    }
+  });
+});
+var _dialog = require("./package/dialog");
+Object.keys(_dialog).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _dialog[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _dialog[key];
+    }
+  });
+});
+var _dropdown = require("./package/dropdown");
+Object.keys(_dropdown).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _dropdown[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _dropdown[key];
+    }
+  });
+});
+var _header = require("./package/header");
+Object.keys(_header).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _header[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _header[key];
+    }
+  });
+});
+var _image = require("./package/image");
+Object.keys(_image).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _image[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _image[key];
+    }
+  });
+});
+var _form = require("./package/form");
+Object.keys(_form).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _form[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _form[key];
+    }
+  });
+});
+var _radioButton = require("./package/radioButton");
+Object.keys(_radioButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _radioButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _radioButton[key];
+    }
+  });
+});
+var _safeAreaView = require("./package/safeAreaView");
+Object.keys(_safeAreaView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _safeAreaView[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _safeAreaView[key];
+    }
+  });
+});
+var _scrollView = require("./package/scrollView");
+Object.keys(_scrollView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _scrollView[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _scrollView[key];
+    }
+  });
+});
+var _separator = require("./package/separator");
+Object.keys(_separator).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _separator[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _separator[key];
+    }
+  });
+});
+var _switch = require("./package/switch");
+Object.keys(_switch).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _switch[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _switch[key];
+    }
+  });
+});
+var _spinner = require("./package/spinner");
+Object.keys(_spinner).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _spinner[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _spinner[key];
+    }
+  });
+});
+var _cycle = require("./package/cycle");
+Object.keys(_cycle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _cycle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _cycle[key];
+    }
+  });
+});
+var _theme = require("./package/theme");
+Object.keys(_theme).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _theme[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _theme[key];
+    }
+  });
+});
+var _utils = require("./package/utils");
+Object.keys(_utils).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _utils[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _utils[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_styled","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_card","_spacer","_stack","_text","_button","_badge","_checkBox","_dialog","_dropdown","_header","_image","_form","_radioButton","_safeAreaView","_scrollView","_separator","_switch","_spinner","_cycle","_theme","_utils"],"sources":["index.js"],"sourcesContent":["export * from \"./package/styled\";\nexport * from \"./package/card\";\nexport * from \"./package/spacer\";\nexport * from \"./package/stack\";\nexport * from \"./package/text\";\nexport * from \"./package/button\";\nexport * from \"./package/badge\";\nexport * from \"./package/checkBox\";\nexport * from \"./package/dialog\";\nexport * from \"./package/dropdown\";\nexport * from \"./package/header\";\nexport * from \"./package/image\";\nexport * from \"./package/form\";\nexport * from \"./package/radioButton\";\nexport * from \"./package/safeAreaView\";\nexport * from \"./package/scrollView\";\nexport * from \"./package/separator\";\nexport * from \"./package/switch\";\nexport * from \"./package/spinner\";\nexport * from \"./package/cycle\";\nexport * from \"./package/theme\";\nexport * from \"./package/utils\";\n\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/package/badge/index.js

@@ -0,0 +1,159 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledBadgeWithIcon = exports.StyledBadgeIcon = exports.StyledBadge = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _stack = require("../stack");
+var _spacer = require("../spacer");
+var _styled = require("../styled");
+var _theme = require("../theme");
+var _utils = require("../utils");
+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); } // @ts-nocheck
+const Badge = (0, _styled.styled)(_reactNative.Text, {
+  base: {
+    borderColor: _theme.theme.colors.gray[300],
+    borderRadius: 32,
+    backgroundColor: _theme.theme.colors.gray[1],
+    fontSize: _theme.theme.fontSize.normal,
+    color: _theme.theme.colors.gray[900],
+    fontWeight: _theme.theme.fontWeight.bold,
+    position: 'relative',
+    textAlign: 'center'
+  },
+  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
+      };
+    },
+    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 (!(0, _utils.isValidColor)(color)) {
+        throw new Error('Invalid color value');
+      }
+      return {
+        borderColor: color
+      };
+    },
+    borderRadius: (size = 32) => {
+      if (!(0, _utils.isValidNumber)(size)) {
+        throw new Error('Invalid borderRadius value');
+      }
+      return {
+        borderRadius: size
+      };
+    },
+    backgroundColor: color => {
+      if (!(0, _utils.isValidColor)(color)) {
+        throw new Error('Invalid color value');
+      }
+      return {
+        backgroundColor: color
+      };
+    },
+    right: (size = 0) => {
+      if (!(0, _utils.isValidNumber)(size)) {
+        throw new Error('Invalid right value');
+      }
+      return {
+        right: size
+      };
+    },
+    top: (size = 0) => {
+      if (!(0, _utils.isValidNumber)(size)) {
+        throw new Error('Invalid top value');
+      }
+      return {
+        top: size
+      };
+    }
+  }
+});
+const StyledBadge = ({
+  children,
+  ...rest
+}) => {
+  return /*#__PURE__*/_react.default.createElement(Badge, rest, children);
+};
+exports.StyledBadge = StyledBadge;
+const StyledBadgeWithIcon = ({
+  iconLeft,
+  iconRight,
+  textProps,
+  title,
+  ...rest
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_stack.XStack, _extends({
+    justifyContent: "flex-start",
+    alignItems: "center"
+  }, rest), iconLeft && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, iconLeft, /*#__PURE__*/_react.default.createElement(_spacer.StyledSpacer, {
+    marginHorizontal: 2
+  })), /*#__PURE__*/_react.default.createElement(Badge, _extends({
+    backgroundColor: _theme.theme.colors.transparent
+  }, textProps), title), iconRight && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, iconRight, /*#__PURE__*/_react.default.createElement(_spacer.StyledSpacer, {
+    marginHorizontal: 2
+  })));
+};
+exports.StyledBadgeWithIcon = StyledBadgeWithIcon;
+const StyledBadgeIcon = ({
+  top = -1,
+  right = 5,
+  icon,
+  charProps,
+  char,
+  ...rest
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_stack.YStack, _extends({
+    justifyContent: "center",
+    alignItems: "center"
+  }, rest), icon, /*#__PURE__*/_react.default.createElement(Badge, _extends({
+    absolute: true,
+    top: top,
+    right: right
+  }, charProps), char));
+};
+exports.StyledBadgeIcon = StyledBadgeIcon;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_stack","_spacer","_styled","_theme","_utils","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","Badge","styled","Text","base","borderColor","theme","colors","gray","borderRadius","backgroundColor","fontSize","normal","color","fontWeight","bold","position","textAlign","variants","size","isValidString","Error","isValidColor","isValidNumber","flexWrap","absolute","true","fontFamily","font","align","validAlignments","includes","right","top","StyledBadge","children","rest","createElement","exports","StyledBadgeWithIcon","iconLeft","iconRight","textProps","title","XStack","justifyContent","alignItems","Fragment","StyledSpacer","marginHorizontal","transparent","StyledBadgeIcon","icon","charProps","char","YStack"],"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":";;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAAsE,SAAAD,uBAAAQ,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,KAPtE;AASA,MAAMO,KAAK,GAAG,IAAAC,cAAM,EAACC,iBAAI,EAAE;EACvBC,IAAI,EAAE;IACFC,WAAW,EAAEC,YAAK,CAACC,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;IACnCC,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAEJ,YAAK,CAACC,MAAM,CAACC,IAAI,CAAC,CAAC,CAAC;IACrCG,QAAQ,EAAEL,YAAK,CAACK,QAAQ,CAACC,MAAM;IAC/BC,KAAK,EAAEP,YAAK,CAACC,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;IAC7BM,UAAU,EAAER,YAAK,CAACQ,UAAU,CAACC,IAAI;IACjCC,QAAQ,EAAE,UAAU;IACpBC,SAAS,EAAE;EACf,CAAC;EACDC,QAAQ,EAAE;IACNJ,UAAU,EAAEA,CAACK,IAAI,GAAGb,YAAK,CAACQ,UAAU,CAACF,MAAM,KAAK;MAC5C,IAAI,CAAC,IAAAQ,oBAAa,EAACD,IAAI,CAAC,EAAE;QACtB,MAAM,IAAIE,KAAK,CAAC,0BAA0B,CAAC;MAC/C;MACA,OAAO;QAAEP,UAAU,EAAEK;MAAK,CAAC;IAC/B,CAAC;IACDN,KAAK,EAAEA,CAACA,KAAK,GAAGP,YAAK,CAACC,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC,KAAK;MACvC,IAAI,CAAC,IAAAc,mBAAY,EAACT,KAAK,CAAC,EAAE;QACtB,MAAM,IAAIQ,KAAK,CAAC,qBAAqB,CAAC;MAC1C;MACA,OAAO;QAAER,KAAK,EAAEA;MAAM,CAAC;IAC3B,CAAC;IACDF,QAAQ,EAAEA,CAACQ,IAAI,GAAGb,YAAK,CAACK,QAAQ,CAACC,MAAM,KAAK;MACxC,IAAI,CAAC,IAAAW,oBAAa,EAACJ,IAAI,CAAC,EAAE;QACtB,MAAM,IAAIE,KAAK,CAAC,wBAAwB,CAAC;MAC7C;MACA,OAAO;QAAEV,QAAQ,EAAEQ;MAAK,CAAC;IAC7B,CAAC;IACDK,QAAQ,EAAE,MAAM;IAChBC,QAAQ,EAAE;MACNC,IAAI,EAAE;QACFV,QAAQ,EAAE;MACd;IACJ,CAAC;IACDW,UAAU,EAAGC,IAAI,IAAK;MAClB,IAAI,CAACA,IAAI,EAAE;MACX,OAAO;QACHD,UAAU,EAAEC;MAChB,CAAC;IACL,CAAC;IACDX,SAAS,EAAEA,CAACY,KAAK,GAAG,MAAM,KAAK;MAC3B,MAAMC,eAAe,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,CAAC;MACtE,IAAI,CAACA,eAAe,CAACC,QAAQ,CAACF,KAAK,CAAC,EAAE;QAClC,MAAM,IAAIR,KAAK,CAAC,yBAAyB,CAAC;MAC9C;MACA,OAAO;QAAEJ,SAAS,EAAEY;MAAM,CAAC;IAC/B,CAAC;IACDxB,WAAW,EAAEQ,KAAK,IAAI;MAClB,IAAI,CAAC,IAAAS,mBAAY,EAACT,KAAK,CAAC,EAAE;QACtB,MAAM,IAAIQ,KAAK,CAAC,qBAAqB,CAAC;MAC1C;MACA,OAAO;QAAEhB,WAAW,EAAEQ;MAAM,CAAC;IACjC,CAAC;IACDJ,YAAY,EAAEA,CAACU,IAAI,GAAG,EAAE,KAAK;MACzB,IAAI,CAAC,IAAAI,oBAAa,EAACJ,IAAI,CAAC,EAAE;QACtB,MAAM,IAAIE,KAAK,CAAC,4BAA4B,CAAC;MACjD;MACA,OAAO;QAAEZ,YAAY,EAAEU;MAAK,CAAC;IACjC,CAAC;IACDT,eAAe,EAAEG,KAAK,IAAI;MACtB,IAAI,CAAC,IAAAS,mBAAY,EAACT,KAAK,CAAC,EAAE;QACtB,MAAM,IAAIQ,KAAK,CAAC,qBAAqB,CAAC;MAC1C;MACA,OAAO;QAAEX,eAAe,EAAEG;MAAM,CAAC;IACrC,CAAC;IACDmB,KAAK,EAAEA,CAACb,IAAI,GAAG,CAAC,KAAK;MACjB,IAAI,CAAC,IAAAI,oBAAa,EAACJ,IAAI,CAAC,EAAE;QACtB,MAAM,IAAIE,KAAK,CAAC,qBAAqB,CAAC;MAC1C;MACA,OAAO;QAAEW,KAAK,EAAEb;MAAK,CAAC;IAC1B,CAAC;IACDc,GAAG,EAAEA,CAACd,IAAI,GAAG,CAAC,KAAK;MACf,IAAI,CAAC,IAAAI,oBAAa,EAACJ,IAAI,CAAC,EAAE;QACtB,MAAM,IAAIE,KAAK,CAAC,mBAAmB,CAAC;MACxC;MACA,OAAO;QAAEY,GAAG,EAAEd;MAAK,CAAC;IACxB;EACJ;AACJ,CAAC,CAAC;AAEF,MAAMe,WAAW,GAAGA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAK,CAAC,KAAK;EAC3C,oBACI3D,MAAA,CAAAW,OAAA,CAAAiD,aAAA,CAACpC,KAAK,EAAKmC,IAAI,EACVD,QACE,CAAC;AAEhB,CAAC;AAAAG,OAAA,CAAAJ,WAAA,GAAAA,WAAA;AAED,MAAMK,mBAAmB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGP;AAAK,CAAC,KAAK;EAChF,oBACI3D,MAAA,CAAAW,OAAA,CAAAiD,aAAA,CAACxD,MAAA,CAAA+D,MAAM,EAAAvD,QAAA;IAACwD,cAAc,EAAC,YAAY;IAACC,UAAU,EAAC;EAAQ,GAAKV,IAAI,GAExDI,QAAQ,iBAAK/D,MAAA,CAAAW,OAAA,CAAAiD,aAAA,CAAA5D,MAAA,CAAAW,OAAA,CAAA2D,QAAA,QACRP,QAAQ,eACT/D,MAAA,CAAAW,OAAA,CAAAiD,aAAA,CAACvD,OAAA,CAAAkE,YAAY;IAACC,gBAAgB,EAAE;EAAE,CAAE,CACtC,CAAE,eAERxE,MAAA,CAAAW,OAAA,CAAAiD,aAAA,CAACpC,KAAK,EAAAZ,QAAA;IAACqB,eAAe,EAAEJ,YAAK,CAACC,MAAM,CAAC2C;EAAY,GAAKR,SAAS,GAC1DC,KACE,CAAC,EAEJF,SAAS,iBAAKhE,MAAA,CAAAW,OAAA,CAAAiD,aAAA,CAAA5D,MAAA,CAAAW,OAAA,CAAA2D,QAAA,QACTN,SAAS,eACVhE,MAAA,CAAAW,OAAA,CAAAiD,aAAA,CAACvD,OAAA,CAAAkE,YAAY;IAACC,gBAAgB,EAAE;EAAE,CAAE,CACtC,CAEF,CAAC;AAEjB,CAAC;AAAAX,OAAA,CAAAC,mBAAA,GAAAA,mBAAA;AAED,MAAMY,eAAe,GAAGA,CAAC;EAAElB,GAAG,GAAG,CAAC,CAAC;EAAED,KAAK,GAAG,CAAC;EAAEoB,IAAI;EAAEC,SAAS;EAAEC,IAAI;EAAE,GAAGlB;AAAK,CAAC,KAAK;EACjF,oBACI3D,MAAA,CAAAW,OAAA,CAAAiD,aAAA,CAACxD,MAAA,CAAA0E,MAAM,EAAAlE,QAAA;IAACwD,cAAc,EAAC,QAAQ;IAACC,UAAU,EAAC;EAAQ,GAAKV,IAAI,GACvDgB,IAAI,eACL3E,MAAA,CAAAW,OAAA,CAAAiD,aAAA,CAACpC,KAAK,EAAAZ,QAAA;IAACoC,QAAQ;IAACQ,GAAG,EAAEA,GAAI;IAACD,KAAK,EAAEA;EAAM,GAAKqB,SAAS,GAChDC,IACE,CACH,CAAC;AAEjB,CAAC;AAAAhB,OAAA,CAAAa,eAAA,GAAAA,eAAA","ignoreList":[]}

package/lib/commonjs/package/button/index.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledButton = exports.Button = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _styled = require("../styled");
+var _theme = require("../theme");
+var _utils = require("../utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Button = exports.Button = (0, _styled.styled)(_reactNative.TouchableOpacity, {
+  base: {
+    borderColor: _theme.theme.colors.gray[100],
+    borderWidth: 1,
+    borderRadius: 30,
+    backgroundColor: _theme.theme.colors.gray[300],
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  variants: {
+    borderColor: color => {
+      if (!(0, _utils.isValidColor)(color)) {
+        throw new Error('Invalid color value');
+      }
+      return {
+        borderColor: color
+      };
+    },
+    borderRadius: (size = 32) => {
+      if (!(0, _utils.isValidNumber)(size)) {
+        throw new Error('Invalid borderRadius value');
+      }
+      return {
+        borderRadius: size
+      };
+    },
+    flex: size => {
+      if (!(0, _utils.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 (!(0, _utils.isValidColor)(color)) {
+        throw new Error('Invalid backgroundColor value');
+      }
+      return {
+        backgroundColor: color
+      };
+    },
+    link: {
+      true: {
+        borderColor: _theme.theme.colors.transparent,
+        borderWidth: 0,
+        borderRadius: 0,
+        backgroundColor: _theme.theme.colors.transparent
+      }
+    },
+    selected: {
+      true: {
+        borderColor: _theme.theme.colors.cyan[500],
+        backgroundColor: _theme.theme.colors.cyan[500],
+        borderWidth: 0
+      },
+      false: {
+        borderColor: _theme.theme.colors.gray[300],
+        borderWidth: 0
+      }
+    }
+  }
+});
+const StyledButton = ({
+  children,
+  ...rest
+}) => {
+  return /*#__PURE__*/_react.default.createElement(Button, rest, children);
+};
+exports.StyledButton = StyledButton;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_styled","_theme","_utils","e","__esModule","default","Button","exports","styled","TouchableOpacity","base","borderColor","theme","colors","gray","borderWidth","borderRadius","backgroundColor","flexDirection","justifyContent","alignItems","variants","color","isValidColor","Error","size","isValidNumber","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":"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","ignoreList":[]}

package/lib/commonjs/package/card/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledCard = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _styled = require("../styled");
+var _utils = require("../utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Card = (0, _styled.styled)(_reactNative.View, {
+  base: {
+    flexDirection: 'column'
+  },
+  variants: {
+    shadow: _utils.shadow
+  }
+});
+const StyledCard = ({
+  pressable = false,
+  pressableProps,
+  children,
+  ...rest
+}) => {
+  if (pressable) {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, pressableProps, /*#__PURE__*/_react.default.createElement(Card, rest, children));
+  }
+  return /*#__PURE__*/_react.default.createElement(Card, rest, children);
+};
+exports.StyledCard = StyledCard;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_styled","_utils","e","__esModule","default","Card","styled","View","base","flexDirection","variants","shadow","StyledCard","pressable","pressableProps","children","rest","createElement","Pressable","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAiC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEjC,MAAMG,IAAI,GAAG,IAAAC,cAAM,EAACC,iBAAI,EAAE;EACxBC,IAAI,EAAE;IACJC,aAAa,EAAE;EACjB,CAAC;EACDC,QAAQ,EAAE;IACRC,MAAM,EAAEA;EACV;AACF,CAAC,CAAC;AAEF,MAAMC,UAAU,GAAGA,CAAC;EACnBC,SAAS,GAAG,KAAK;EACjBC,cAAc;EACdC,QAAQ;EACR,GAAGC;AACJ,CAAC,KAAK;EACJ,IAAIH,SAAS,EAAE;IACb,oBACEjB,MAAA,CAAAQ,OAAA,CAAAa,aAAA,CAAClB,YAAA,CAAAmB,SAAS,EAAKJ,cAAc,eAC3BlB,MAAA,CAAAQ,OAAA,CAAAa,aAAA,CAACZ,IAAI,EAAKW,IAAI,EACXD,QACG,CACG,CAAC;EAEhB;EAEA,oBACEnB,MAAA,CAAAQ,OAAA,CAAAa,aAAA,CAACZ,IAAI,EAAKW,IAAI,EACXD,QACG,CAAC;AAEX,CAAC;AAAAI,OAAA,CAAAP,UAAA,GAAAA,UAAA","ignoreList":[]}