@nexara/nativeflow 0.1.7 → 0.1.8

package/lib/commonjs/components/Radio/RadioGroup.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _index = require("../StyledComponents/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const RadioGroup = ({
+  name,
+  defaultValue,
+  children,
+  onSelect,
+  ...rest
+}) => {
+  const [selectedChildren, setSelectedChildren] = (0, _react.useState)(defaultValue ?? '');
+  const renderChildren = (0, _react.useCallback)(() => {
+    return _react.default.Children.toArray(children).map(child => {
+      if (/*#__PURE__*/_react.default.isValidElement(child)) {
+        return /*#__PURE__*/_react.default.cloneElement(child, {
+          active: selectedChildren === child.props.value,
+          onPress: () => {
+            if (!('disabled' in child.props) && !child?.props?.disabled) {
+              child.props?.onPress?.();
+              onSelect?.(name || child.props.name, child.props.value);
+              setSelectedChildren(child?.props?.value);
+            }
+          }
+        });
+      }
+      return null;
+    });
+  }, [children, selectedChildren]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView, {
+      flexDirection: "row",
+      gap: 15,
+      ...rest,
+      children: renderChildren()
+    })
+  });
+};
+var _default = exports.default = RadioGroup;
+//# sourceMappingURL=RadioGroup.js.map

package/lib/commonjs/components/Radio/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_index","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RadioGroup","name","defaultValue","children","onSelect","rest","selectedChildren","setSelectedChildren","useState","renderChildren","useCallback","React","Children","toArray","map","child","isValidElement","cloneElement","active","props","value","onPress","disabled","jsx","Fragment","StyledView","flexDirection","gap","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Radio/RadioGroup.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Radio/RadioItem.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _index = require("../StyledComponents/index.js");
+var _reactNative = require("react-native");
+var _index2 = require("../../helpers/index.js");
+var _index3 = require("../../hooks/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const RadioItem = ({
+  size = 22,
+  stroke = 2,
+  color,
+  active = false,
+  name,
+  disabled,
+  label,
+  fs,
+  fScale = 'base',
+  ff,
+  labelStyle,
+  ...rest
+}) => {
+  const STYLES = (0, _react.useMemo)(customStyles, []);
+  const theme = (0, _index3.useTheme)();
+  const themedColor = disabled && theme?.colors.states.disabled || (color ?? theme?.colors.brand.primary);
+  const dynamicStyles = {
+    borderColor: themedColor,
+    borderWidth: stroke,
+    padding: 2,
+    height: size,
+    width: size
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      ...rest,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.StyledView, {
+        style: STYLES.MAIN_CONT,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView, {
+          style: [STYLES.RADIO_OUTER_CONT, dynamicStyles],
+          children: active && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView, {
+            style: [STYLES.RADIO_INNER_CONT],
+            bg: themedColor
+          })
+        }), label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledText, {
+          variant: disabled ? 'disabled' : 'primary',
+          ff: ff,
+          fs: fs,
+          fScale: fScale,
+          style: labelStyle,
+          children: label
+        })]
+      })
+    })
+  });
+};
+var _default = exports.default = RadioItem;
+const customStyles = () => _reactNative.StyleSheet.create({
+  MAIN_CONT: {
+    flexDirection: 'row',
+    gap: (0, _index2.horizontalScale)(15),
+    alignItems: 'center'
+  },
+  RADIO_OUTER_CONT: {
+    borderRadius: 100,
+    overflow: 'hidden'
+  },
+  RADIO_INNER_CONT: {
+    width: '100%',
+    height: '100%',
+    borderRadius: 100
+  }
+});
+//# sourceMappingURL=RadioItem.js.map

package/lib/commonjs/components/Radio/RadioItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_index","_reactNative","_index2","_index3","_jsxRuntime","RadioItem","size","stroke","color","active","name","disabled","label","fs","fScale","ff","labelStyle","rest","STYLES","useMemo","customStyles","theme","useTheme","themedColor","colors","states","brand","primary","dynamicStyles","borderColor","borderWidth","padding","height","width","jsx","Fragment","children","TouchableOpacity","jsxs","StyledView","style","MAIN_CONT","RADIO_OUTER_CONT","RADIO_INNER_CONT","bg","StyledText","variant","_default","exports","default","StyleSheet","create","flexDirection","gap","horizontalScale","alignItems","borderRadius","overflow"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Radio/RadioItem.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAAuC,IAAAK,WAAA,GAAAL,OAAA;AAGvC,MAAMM,SAA6B,GAAGA,CAAC;EACnCC,IAAI,GAAG,EAAE;EACTC,MAAM,GAAG,CAAC;EACVC,KAAK;EACLC,MAAM,GAAG,KAAK;EACdC,IAAI;EACJC,QAAQ;EACRC,KAAK;EACLC,EAAE;EACFC,MAAM,GAAG,MAAM;EACfC,EAAE;EACFC,UAAU;EACV,GAAGC;AACP,CAAC,KAAK;EAEF,MAAMC,MAAM,GAAG,IAAAC,cAAO,EAACC,YAAY,EAAE,EAAE,CAAC;EACxC,MAAMC,KAAK,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EAExB,MAAMC,WAAW,GAAIZ,QAAQ,IAAIU,KAAK,EAAEG,MAAM,CAACC,MAAM,CAACd,QAAQ,KAAMH,KAAK,IAAIa,KAAK,EAAEG,MAAM,CAACE,KAAK,CAACC,OAAO,CAAC;EAEzG,MAAMC,aAAwB,GAAG;IAC7BC,WAAW,EAAEN,WAAW;IACxBO,WAAW,EAAEvB,MAAM;IACnBwB,OAAO,EAAE,CAAC;IACVC,MAAM,EAAE1B,IAAI;IACZ2B,KAAK,EAAE3B;EACX,CAAC;EACD,oBAAQ,IAAAF,WAAA,CAAA8B,GAAA,EAAA9B,WAAA,CAAA+B,QAAA;IAAAC,QAAA,eACJ,IAAAhC,WAAA,CAAA8B,GAAA,EAACjC,YAAA,CAAAoC,gBAAgB;MAAA,GACTpB,IAAI;MAAAmB,QAAA,eAER,IAAAhC,WAAA,CAAAkC,IAAA,EAACtC,MAAA,CAAAuC,UAAU;QAACC,KAAK,EAAEtB,MAAM,CAACuB,SAAU;QAAAL,QAAA,gBAChC,IAAAhC,WAAA,CAAA8B,GAAA,EAAClC,MAAA,CAAAuC,UAAU;UAACC,KAAK,EAAE,CAACtB,MAAM,CAACwB,gBAAgB,EAAEd,aAAa,CAAE;UAAAQ,QAAA,EAEpD3B,MAAM,iBACN,IAAAL,WAAA,CAAA8B,GAAA,EAAClC,MAAA,CAAAuC,UAAU;YAACC,KAAK,EAAE,CAACtB,MAAM,CAACyB,gBAAgB,CAAE;YAACC,EAAE,EAAErB;UAAY,CAAE;QAAC,CAE7D,CAAC,EAETX,KAAK,iBACL,IAAAR,WAAA,CAAA8B,GAAA,EAAClC,MAAA,CAAA6C,UAAU;UAACC,OAAO,EAAEnC,QAAQ,GAAG,UAAU,GAAG,SAAU;UAACI,EAAE,EAAEA,EAAG;UAACF,EAAE,EAAEA,EAAG;UAACC,MAAM,EAAEA,MAAO;UAAC0B,KAAK,EAAExB,UAAW;UAAAoB,QAAA,EAAGxB;QAAK,CAAa,CAAC;MAAA,CAE5H;IAAC,CACC;EAAC,CACrB,CAAC;AACP,CAAC;AAAA,IAAAmC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc5C,SAAS;AAExB,MAAMe,YAAY,GAAGA,CAAA,KAAM8B,uBAAU,CAACC,MAAM,CAAC;EACzCV,SAAS,EAAE;IACPW,aAAa,EAAE,KAAK;IACpBC,GAAG,EAAE,IAAAC,uBAAe,EAAC,EAAE,CAAC;IACxBC,UAAU,EAAE;EAChB,CAAC;EACDb,gBAAgB,EAAE;IACdc,YAAY,EAAE,GAAG;IACjBC,QAAQ,EAAE;EACd,CAAC;EACDd,gBAAgB,EAAE;IACdV,KAAK,EAAE,MAAM;IACbD,MAAM,EAAE,MAAM;IACdwB,YAAY,EAAE;EAClB;AACJ,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/Radio/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _RadioGroup = _interopRequireDefault(require("./RadioGroup.js"));
+var _RadioItem = _interopRequireDefault(require("./RadioItem.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Radio = {
+  Group: _RadioGroup.default,
+  Item: _RadioItem.default
+};
+var _default = exports.default = Radio;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_RadioGroup","_interopRequireDefault","require","_RadioItem","e","__esModule","default","Radio","Group","RadioGroup","Item","RadioItem","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Radio/index.ts"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAoC,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEpC,MAAMG,KAAK,GAAG;EACVC,KAAK,EAAEC,mBAAU;EACjBC,IAAI,EAAEC;AACV,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAP,OAAA,GAEcC,KAAK","ignoreList":[]}

package/lib/commonjs/components/Slider/Slider.js

@@ -18,15 +18,15 @@ const Slider = ({
 }) => {
   const STYLES = _reactNative.StyleSheet.create({
     TRACK: {
-      backgroundColor: trackColor,
-      borderRadius: (0, _ResponsiveCalculations.moderateScale)(100)
+      backgroundColor: trackColor
+      // borderRadius: moderateScale(100),
       // overflow: 'hidden'
     },
     TRACK_ITEM: {
       backgroundColor: progressColor,
       height: (0, _ResponsiveCalculations.verticalScale)(size),
-      width: `${value}%`,
-      borderRadius: (0, _ResponsiveCalculations.moderateScale)(100)
+      width: `${value}%`
+      // borderRadius: moderateScale(100)
     }
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {

package/lib/commonjs/components/Slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ResponsiveCalculations","_index","_jsxRuntime","e","__esModule","default","Slider","value","size","trackColor","progressColor","STYLES","StyleSheet","create","TRACK","backgroundColor","borderRadius","moderateScale","TRACK_ITEM","height","verticalScale","width","jsx","Fragment","children","StyledView","f","style","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Slider/Slider.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAiD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAUjD,MAAMG,MAA6B,GAAGA,CAAC;EACnCC,KAAK,GAAG,EAAE;EACVC,IAAI,GAAG,CAAC;EACRC,UAAU,GAAG,SAAS;EACtBC,aAAa,GAAG;AACpB,CAAC,KAAK;EAEF,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC7BC,KAAK,EAAE;MACHC,eAAe,EAAEN,UAAU;MAC3BO,YAAY,EAAE,IAAAC,qCAAa,EAAC,GAAG;MAC/B;IACJ,CAAC;IACDC,UAAU,EAAE;MACRH,eAAe,EAAEL,aAAa;MAC9BS,MAAM,EAAE,IAAAC,qCAAa,EAACZ,IAAI,CAAC;MAC3Ba,KAAK,EAAE,GAAGd,KAAK,GAAG;MAClBS,YAAY,EAAE,IAAAC,qCAAa,EAAC,GAAG;IACnC;EACJ,CAAC,CAAC;EAGF,oBAAQ,IAAAf,WAAA,CAAAoB,GAAA,EAAApB,WAAA,CAAAqB,QAAA;IAAAC,QAAA,eACA,IAAAtB,WAAA,CAAAoB,GAAA,EAACrB,MAAA,CAAAwB,UAAU;MAACC,CAAC,EAAE,CAAE;MAACC,KAAK,EAAEhB,MAAM,CAACG,KAAM;MAAAU,QAAA,eAClC,IAAAtB,WAAA,CAAAoB,GAAA,EAACrB,MAAA,CAAAwB,UAAU;QAACE,KAAK,EAAEhB,MAAM,CAACO;MAAW,CAEzB;IAAC,CACL;EAAC,CACnB,CAAC;AACP,CAAC;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAxB,OAAA,GACaC,MAAM","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ResponsiveCalculations","_index","_jsxRuntime","e","__esModule","default","Slider","value","size","trackColor","progressColor","STYLES","StyleSheet","create","TRACK","backgroundColor","TRACK_ITEM","height","verticalScale","width","jsx","Fragment","children","StyledView","f","style","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Slider/Slider.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAiD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAUjD,MAAMG,MAA6B,GAAGA,CAAC;EACnCC,KAAK,GAAG,EAAE;EACVC,IAAI,GAAG,CAAC;EACRC,UAAU,GAAG,SAAS;EACtBC,aAAa,GAAG;AACpB,CAAC,KAAK;EAEF,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC7BC,KAAK,EAAE;MACHC,eAAe,EAAEN;MACjB;MACA;IACJ,CAAC;IACDO,UAAU,EAAE;MACRD,eAAe,EAAEL,aAAa;MAC9BO,MAAM,EAAE,IAAAC,qCAAa,EAACV,IAAI,CAAC;MAC3BW,KAAK,EAAE,GAAGZ,KAAK;MACf;IACJ;EACJ,CAAC,CAAC;EAGF,oBAAQ,IAAAL,WAAA,CAAAkB,GAAA,EAAAlB,WAAA,CAAAmB,QAAA;IAAAC,QAAA,eACA,IAAApB,WAAA,CAAAkB,GAAA,EAACnB,MAAA,CAAAsB,UAAU;MAACC,CAAC,EAAE,CAAE;MAACC,KAAK,EAAEd,MAAM,CAACG,KAAM;MAAAQ,QAAA,eAClC,IAAApB,WAAA,CAAAkB,GAAA,EAACnB,MAAA,CAAAsB,UAAU;QAACE,KAAK,EAAEd,MAAM,CAACK;MAAW,CAEzB;IAAC,CACL;EAAC,CACnB,CAAC;AACP,CAAC;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAtB,OAAA,GACaC,MAAM","ignoreList":[]}

package/lib/commonjs/components/Stack/HStack.js

@@ -4,32 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
 var _ResponsiveCalculations = require("../../helpers/ResponsiveCalculations.js");
 var _index = require("../StyledComponents/index.js");
 var _jsxRuntime = require("react/jsx-runtime");
-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; }
 const HStack = ({
-  justify,
   align = 'center',
   fWrap = 'wrap',
   gap = 10,
-  style,
+  containerStyle,
   children,
   ...rest
 }) => {
-  const calculatedGap = (0, _react.useMemo)(() => (0, _ResponsiveCalculations.horizontalScale)(gap), [gap]);
   const viewProps = {
-    gap: calculatedGap,
+    gap: (0, _ResponsiveCalculations.horizontalScale)(gap),
     flexDirection: 'row',
-    justifyContent: justify,
     alignItems: align,
     flexWrap: fWrap
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView, {
-      style: [viewProps, style],
+      style: [viewProps, containerStyle],
       ...rest,
       children: children
     })

package/lib/commonjs/components/Stack/HStack.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_ResponsiveCalculations","_index","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","HStack","justify","align","fWrap","gap","style","children","rest","calculatedGap","useMemo","horizontalScale","viewProps","flexDirection","justifyContent","alignItems","flexWrap","jsx","Fragment","StyledView","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Stack/HStack.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,uBAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAAiD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,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,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEjD,MAAMW,MAA6B,GAAGA,CAAC;EACnCC,OAAO;EACPC,KAAK,GAAG,QAAQ;EAChBC,KAAK,GAAG,MAAM;EACdC,GAAG,GAAG,EAAE;EACRC,KAAK;EACLC,QAAQ;EACR,GAAGC;AACP,CAAC,KAAK;EACF,MAAMC,aAAqB,GAAG,IAAAC,cAAO,EAAC,MAAM,IAAAC,uCAAe,EAACN,GAAG,CAAC,EAAE,CAACA,GAAG,CAAC,CAAC;EAExE,MAAMO,SAAoB,GAAG;IACzBP,GAAG,EAAEI,aAAa;IAClBI,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAEZ,OAAO;IACvBa,UAAU,EAAEZ,KAAK;IACjBa,QAAQ,EAAEZ;EACd,CAAC;EAED,oBAAQ,IAAAxB,WAAA,CAAAqC,GAAA,EAAArC,WAAA,CAAAsC,QAAA;IAAAX,QAAA,eACJ,IAAA3B,WAAA,CAAAqC,GAAA,EAACtC,MAAA,CAAAwC,UAAU;MACPb,KAAK,EAAE,CAACM,SAAS,EAAEN,KAAK,CAAE;MAAA,GACtBE,IAAI;MAAAD,QAAA,EAEPA;IAAQ,CACD;EAAC,CACf,CAAC;AACP,CAAC;AAAA,IAAAa,QAAA,GAAAC,OAAA,CAAAlC,OAAA,GACcc,MAAM","ignoreList":[]}
+{"version":3,"names":["_ResponsiveCalculations","require","_index","_jsxRuntime","HStack","align","fWrap","gap","containerStyle","children","rest","viewProps","horizontalScale","flexDirection","alignItems","flexWrap","jsx","Fragment","StyledView","style","_default","exports","default"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Stack/HStack.tsx"],"mappings":";;;;;;AAEA,IAAAA,uBAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAAiD,IAAAE,WAAA,GAAAF,OAAA;AAEjD,MAAMG,MAAuB,GAAGA,CAAC;EAC7BC,KAAK,GAAG,QAAQ;EAChBC,KAAK,GAAG,MAAM;EACdC,GAAG,GAAG,EAAE;EACRC,cAAc;EACdC,QAAQ;EACR,GAAGC;AACP,CAAC,KAAK;EAEF,MAAMC,SAAoB,GAAG;IACzBJ,GAAG,EAAE,IAAAK,uCAAe,EAACL,GAAG,CAAC;IACzBM,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAET,KAAK;IACjBU,QAAQ,EAAET;EACd,CAAC;EAED,oBAAQ,IAAAH,WAAA,CAAAa,GAAA,EAAAb,WAAA,CAAAc,QAAA;IAAAR,QAAA,eACJ,IAAAN,WAAA,CAAAa,GAAA,EAACd,MAAA,CAAAgB,UAAU;MACPC,KAAK,EAAE,CAACR,SAAS,EAAEH,cAAc,CAAE;MAAA,GAC/BE,IAAI;MAAAD,QAAA,EAEPA;IAAQ,CACD;EAAC,CACf,CAAC;AACP,CAAC;AAAA,IAAAW,QAAA,GAAAC,OAAA,CAAAC,OAAA,GACclB,MAAM","ignoreList":[]}

package/lib/commonjs/components/Stack/VStack.js

@@ -4,28 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
 var _ResponsiveCalculations = require("../../helpers/ResponsiveCalculations.js");
 var _index = require("../StyledComponents/index.js");
 var _jsxRuntime = require("react/jsx-runtime");
-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; }
 const VStack = ({
-  children,
-  align,
   gap = 10,
-  style,
+  containerStyle,
+  children,
   ...rest
 }) => {
-  const calculatedGap = (0, _react.useMemo)(() => (0, _ResponsiveCalculations.verticalScale)(gap), [gap]);
   const viewProps = {
     flexDirection: 'column',
-    alignItems: align,
-    gap: calculatedGap
+    gap: (0, _ResponsiveCalculations.verticalScale)(gap)
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView, {
-      style: [viewProps, style],
+      style: [viewProps, containerStyle],
       ...rest,
       children: children
     })

package/lib/commonjs/components/Stack/VStack.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_ResponsiveCalculations","_index","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","VStack","children","align","gap","style","rest","calculatedGap","useMemo","verticalScale","viewProps","flexDirection","alignItems","jsx","Fragment","StyledView","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Stack/VStack.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAAiD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,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,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAGjD,MAAMW,MAA6B,GAAGA,CAAC;EACnCC,QAAQ;EACRC,KAAK;EACLC,GAAG,GAAG,EAAE;EACRC,KAAK;EACL,GAAGC;AACP,CAAC,KAAK;EAEF,MAAMC,aAAqB,GAAG,IAAAC,cAAO,EAAC,MAAM,IAAAC,qCAAa,EAACL,GAAG,CAAC,EAAE,CAACA,GAAG,CAAC,CAAC;EAEtE,MAAMM,SAAoB,GAAG;IACzBC,aAAa,EAAE,QAAQ;IACvBC,UAAU,EAAET,KAAK;IACjBC,GAAG,EAAEG;EACT,CAAC;EACD,oBAAQ,IAAA3B,WAAA,CAAAiC,GAAA,EAAAjC,WAAA,CAAAkC,QAAA;IAAAZ,QAAA,eACJ,IAAAtB,WAAA,CAAAiC,GAAA,EAAClC,MAAA,CAAAoC,UAAU;MACPV,KAAK,EAAE,CAACK,SAAS,EAAEL,KAAK,CAAE;MAAA,GACtBC,IAAI;MAAAJ,QAAA,EAEPA;IAAQ,CACD;EAAC,CACf,CAAC;AACP,CAAC;AAAA,IAAAc,QAAA,GAAAC,OAAA,CAAA9B,OAAA,GACcc,MAAM","ignoreList":[]}
+{"version":3,"names":["_ResponsiveCalculations","require","_index","_jsxRuntime","VStack","gap","containerStyle","children","rest","viewProps","flexDirection","verticalScale","jsx","Fragment","StyledView","style","_default","exports","default"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Stack/VStack.tsx"],"mappings":";;;;;;AACA,IAAAA,uBAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAAiD,IAAAE,WAAA,GAAAF,OAAA;AAGjD,MAAMG,MAAuB,GAAGA,CAAC;EAC7BC,GAAG,GAAG,EAAE;EACRC,cAAc;EACdC,QAAQ;EACR,GAAGC;AACP,CAAC,KAAK;EACF,MAAMC,SAAoB,GAAG;IACzBC,aAAa,EAAE,QAAQ;IACvBL,GAAG,EAAE,IAAAM,qCAAa,EAACN,GAAG;EAC1B,CAAC;EACD,oBAAQ,IAAAF,WAAA,CAAAS,GAAA,EAAAT,WAAA,CAAAU,QAAA;IAAAN,QAAA,eACJ,IAAAJ,WAAA,CAAAS,GAAA,EAACV,MAAA,CAAAY,UAAU;MACPC,KAAK,EAAE,CAACN,SAAS,EAAEH,cAAc,CAAE;MAAA,GAC/BE,IAAI;MAAAD,QAAA,EAEPA;IAAQ,CACD;EAAC,CACf,CAAC;AACP,CAAC;AAAA,IAAAS,QAAA,GAAAC,OAAA,CAAAC,OAAA,GACcd,MAAM","ignoreList":[]}

package/lib/commonjs/components/StyledComponents/StyledText.js

@@ -4,14 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _ResponsiveCalculations = require("../../helpers/ResponsiveCalculations.js");
 var _index = require("../../hooks/index.js");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const StyledText = ({
-  variant = 'h5',
+  variant = 'primary',
+  fScale = 'base',
   children,
   style,
   ff,
@@ -20,23 +19,35 @@ const StyledText = ({
   fw,
   color,
   themeColor,
-  primary,
-  secondary,
   ...rest
 }) => {
   const {
     colors,
-    typography: {
-      variantSizes
+    sizes: {
+      typography: typographyScales
     }
   } = (0, _index.useTheme)();
+  const getVariantColor = () => {
+    switch (variant) {
+      case 'secondary':
+        return colors.typography.secondary;
+      case 'tertiary':
+        return colors.typography.tertiary;
+      case 'disabled':
+        return colors.typography.disabled;
+      case 'inverse':
+        return colors.typography.inverse;
+      default:
+        return colors.typography.primary;
+    }
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
     style: [{
-      fontSize: (0, _ResponsiveCalculations.responsiveFontSize)(fs ?? variantSizes[variant]),
+      fontSize: (0, _ResponsiveCalculations.responsiveFontSize)(fs ?? typographyScales[fScale]),
       fontFamily: ff ?? '',
       textAlign: tas ? 'center' : 'auto',
       fontWeight: fw ?? 'normal',
-      color: color ?? (themeColor && colors.primary || primary && colors.textPrimary || secondary && colors.textSecondary || colors.textTertiary)
+      color: color ?? (themeColor && colors.brand.primary || getVariantColor())
     }, style],
     ...rest,
     children: children

package/lib/commonjs/components/StyledComponents/StyledText.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ResponsiveCalculations","_index","_jsxRuntime","e","__esModule","default","StyledText","variant","children","style","ff","fs","tas","fw","color","themeColor","primary","secondary","rest","colors","typography","variantSizes","useTheme","jsx","Text","fontSize","responsiveFontSize","fontFamily","textAlign","fontWeight","textPrimary","textSecondary","textTertiary","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/StyledComponents/StyledText.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAuC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGvC,MAAMG,UAAqC,GAAGA,CAAC;EAC3CC,OAAO,GAAG,IAAI;EACdC,QAAQ;EACRC,KAAK;EACLC,EAAE;EACFC,EAAE;EACFC,GAAG;EACHC,EAAE;EACFC,KAAK;EACLC,UAAU;EACVC,OAAO;EACPC,SAAS;EACT,GAAGC;AACP,CAAC,KAAK;EACF,MAAM;IAAEC,MAAM;IAAEC,UAAU,EAAE;MAAEC;IAAa;EAAO,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAChE,oBACI,IAAApB,WAAA,CAAAqB,GAAA,EAACxB,YAAA,CAAAyB,IAAI;IACDf,KAAK,EAAE,CAAC;MACJgB,QAAQ,EAAE,IAAAC,0CAAkB,EAACf,EAAE,IAAIU,YAAY,CAACd,OAAO,CAAC,CAAC;MACzDoB,UAAU,EAAEjB,EAAE,IAAI,EAAE;MACpBkB,SAAS,EAAEhB,GAAG,GAAG,QAAQ,GAAG,MAAM;MAClCiB,UAAU,EAAEhB,EAAE,IAAI,QAAQ;MAC1BC,KAAK,EAAEA,KAAK,KAAKC,UAAU,IAAII,MAAM,CAACH,OAAO,IAAIA,OAAO,IAAIG,MAAM,CAACW,WAAW,IAAIb,SAAS,IAAIE,MAAM,CAACY,aAAa,IAAIZ,MAAM,CAACa,YAAY;IAC9I,CAAC,EACGvB,KAAK,CACP;IAAA,GACES,IAAI;IAAAV,QAAA,EAEPA;EAAQ,CACP,CAAC;AAEf,CAAC;AAAC,IAAAyB,QAAA,GAAAC,OAAA,CAAA7B,OAAA,GAEaC,UAAU","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_ResponsiveCalculations","_index","_jsxRuntime","StyledText","variant","fScale","children","style","ff","fs","tas","fw","color","themeColor","rest","colors","sizes","typography","typographyScales","useTheme","getVariantColor","secondary","tertiary","disabled","inverse","primary","jsx","Text","fontSize","responsiveFontSize","fontFamily","textAlign","fontWeight","brand","_default","exports","default"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/StyledComponents/StyledText.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAuC,IAAAG,WAAA,GAAAH,OAAA;AAGvC,MAAMI,UAA+B,GAAGA,CAAC;EACrCC,OAAO,GAAG,SAAS;EACnBC,MAAM,GAAG,MAAM;EACfC,QAAQ;EACRC,KAAK;EACLC,EAAE;EACFC,EAAE;EACFC,GAAG;EACHC,EAAE;EACFC,KAAK;EACLC,UAAU;EACV,GAAGC;AACP,CAAC,KAAK;EACF,MAAM;IAAEC,MAAM;IAAEC,KAAK,EAAE;MAAEC,UAAU,EAAEC;IAAiB;EAAO,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAE3E,MAAMC,eAAe,GAAGA,CAAA,KAAM;IAC1B,QAAQhB,OAAO;MACX,KAAK,WAAW;QAAE,OAAOW,MAAM,CAACE,UAAU,CAACI,SAAS;MACpD,KAAK,UAAU;QAAE,OAAON,MAAM,CAACE,UAAU,CAACK,QAAQ;MAClD,KAAK,UAAU;QAAE,OAAOP,MAAM,CAACE,UAAU,CAACM,QAAQ;MAClD,KAAK,SAAS;QAAE,OAAOR,MAAM,CAACE,UAAU,CAACO,OAAO;MAChD;QAAS,OAAOT,MAAM,CAACE,UAAU,CAACQ,OAAO;IAC7C;EACJ,CAAC;EACD,oBACI,IAAAvB,WAAA,CAAAwB,GAAA,EAAC5B,YAAA,CAAA6B,IAAI;IACDpB,KAAK,EAAE,CAAC;MACJqB,QAAQ,EAAE,IAAAC,0CAAkB,EAACpB,EAAE,IAAIS,gBAAgB,CAACb,MAAM,CAAC,CAAC;MAC5DyB,UAAU,EAAEtB,EAAE,IAAI,EAAE;MACpBuB,SAAS,EAAErB,GAAG,GAAG,QAAQ,GAAG,MAAM;MAClCsB,UAAU,EAAErB,EAAE,IAAI,QAAQ;MAC1BC,KAAK,EAAEA,KAAK,KAAKC,UAAU,IAAIE,MAAM,CAACkB,KAAK,CAACR,OAAO,IAAIL,eAAe,CAAC,CAAC;IAC5E,CAAC,EACGb,KAAK,CACP;IAAA,GACEO,IAAI;IAAAR,QAAA,EAEPA;EAAQ,CACP,CAAC;AAEf,CAAC;AAAC,IAAA4B,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEajC,UAAU","ignoreList":[]}

package/lib/commonjs/components/StyledComponents/StyledView.js

@@ -21,19 +21,19 @@ const StyledView = /*#__PURE__*/(0, _react.forwardRef)(({
   style,
   ...rest
 }, ref) => {
-  const theme = (0, _index.useTheme)(themeBg);
+  const theme = (0, _index.useTheme)();
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     style: [{
       flex: f,
       justifyContent: justify,
       alignItems: align,
       flexWrap: fWrap,
-      backgroundColor: bg ?? (themeBg ? theme?.colors.secondary : 'transparent'),
+      backgroundColor: bg ?? (themeBg ? theme?.colors.background.default : 'transparent'),
       height: h,
       width: w
     }, style],
-    ...rest,
     ref: ref,
+    ...rest,
     children: children
   });
 });

package/lib/commonjs/components/StyledComponents/StyledView.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_index","_jsxRuntime","StyledView","forwardRef","f","justify","align","fWrap","bg","themeBg","h","w","children","style","rest","ref","theme","useTheme","jsx","View","flex","justifyContent","alignItems","flexWrap","backgroundColor","colors","secondary","height","width","_default","exports","default"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/StyledComponents/StyledView.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAuC,IAAAG,WAAA,GAAAH,OAAA;AAIvC,MAAMI,UAAU,gBAAG,IAAAC,iBAAU,EAAwB,CAAC;EAClDC,CAAC;EACDC,OAAO;EACPC,KAAK;EACLC,KAAK;EACLC,EAAE;EACFC,OAAO,GAAG,KAAK;EACfC,CAAC;EACDC,CAAC;EACDC,QAAQ;EACRC,KAAK;EACL,GAAGC;AACP,CAAC,EAAEC,GAAG,KAAK;EAEP,MAAMC,KAAK,GAAG,IAAAC,eAAQ,EAACR,OAAO,CAAC;EAE/B,oBACI,IAAAR,WAAA,CAAAiB,GAAA,EAACnB,YAAA,CAAAoB,IAAI;IACDN,KAAK,EAAE,CAAC;MACJO,IAAI,EAAEhB,CAAC;MACPiB,cAAc,EAAEhB,OAAO;MACvBiB,UAAU,EAAEhB,KAAK;MACjBiB,QAAQ,EAAEhB,KAAK;MACfiB,eAAe,EAAEhB,EAAE,KAAKC,OAAO,GAAGO,KAAK,EAAES,MAAM,CAACC,SAAS,GAAG,aAAa,CAAC;MAC1EC,MAAM,EAAEjB,CAAC;MACTkB,KAAK,EAAEjB;IACX,CAAC,EACGE,KAAK,CACP;IAAA,GACEC,IAAI;IACRC,GAAG,EAAEA,GAAI;IAAAH,QAAA,EAERA;EAAQ,CACP,CAAC;AAEf,CAAC,CAAC;AAAC,IAAAiB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEY7B,UAAU","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_index","_jsxRuntime","StyledView","forwardRef","f","justify","align","fWrap","bg","themeBg","h","w","children","style","rest","ref","theme","useTheme","jsx","View","flex","justifyContent","alignItems","flexWrap","backgroundColor","colors","background","default","height","width","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/StyledComponents/StyledView.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAuC,IAAAG,WAAA,GAAAH,OAAA;AAIvC,MAAMI,UAAU,gBAAG,IAAAC,iBAAU,EAAwB,CAAC;EAClDC,CAAC;EACDC,OAAO;EACPC,KAAK;EACLC,KAAK;EACLC,EAAE;EACFC,OAAO,GAAG,KAAK;EACfC,CAAC;EACDC,CAAC;EACDC,QAAQ;EACRC,KAAK;EACL,GAAGC;AACP,CAAC,EAAEC,GAAG,KAAK;EAEP,MAAMC,KAAK,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAExB,oBACI,IAAAhB,WAAA,CAAAiB,GAAA,EAACnB,YAAA,CAAAoB,IAAI;IACDN,KAAK,EAAE,CAAC;MACJO,IAAI,EAAEhB,CAAC;MACPiB,cAAc,EAAEhB,OAAO;MACvBiB,UAAU,EAAEhB,KAAK;MACjBiB,QAAQ,EAAEhB,KAAK;MACfiB,eAAe,EAAEhB,EAAE,KAAKC,OAAO,GAAGO,KAAK,EAAES,MAAM,CAACC,UAAU,CAACC,OAAO,GAAG,aAAa,CAAC;MACnFC,MAAM,EAAElB,CAAC;MACTmB,KAAK,EAAElB;IACX,CAAC,EACGE,KAAK,CACP;IACFE,GAAG,EAAEA,GAAI;IAAA,GACLD,IAAI;IAAAF,QAAA,EAEPA;EAAQ,CACP,CAAC;AAEf,CAAC,CAAC;AAAC,IAAAkB,QAAA,GAAAC,OAAA,CAAAJ,OAAA,GAEYzB,UAAU","ignoreList":[]}

package/lib/commonjs/components/Surface/Surface.js

@@ -4,31 +4,34 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
 var _index = require("../StyledComponents/index.js");
+var _index2 = require("../../hooks/index.js");
+var _index3 = require("../../helpers/index.js");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Surface = ({}) => {
-  const STYLES = _reactNative.StyleSheet.create({
-    CONTAINER: {
-      height: 100,
-      width: 100,
-      backgroundColor: '#fff',
-      shadowColor: "#000",
-      // shadowOffset: {
-      //     width: 100,
-      //     height: 100,
-      // },
-      // shadowOpacity: 0.43,
-      // shadowRadius: 9.51,
-
-      elevation: 15
-    }
-  });
+const Surface = ({
+  variant = 'elevated',
+  padding = 10,
+  br = 5,
+  children,
+  ...rest
+}) => {
+  const {
+    colors
+  } = (0, _index2.useTheme)();
+  const styles = variant === 'elevated' ? {
+    boxShadow: colors.elevation.level1
+  } : {
+    borderColor: colors.border.default,
+    borderWidth: 0.5
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView, {
-      style: STYLES.CONTAINER
+      padding: (0, _index3.verticalScale)(padding),
+      borderRadius: (0, _index3.verticalScale)(br),
+      bg: colors.background.surface,
+      ...styles,
+      ...rest,
+      children: children
     })
   });
 };

package/lib/commonjs/components/Surface/Surface.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_index","_jsxRuntime","e","__esModule","default","Surface","STYLES","StyleSheet","create","CONTAINER","height","width","backgroundColor","shadowColor","elevation","jsx","Fragment","children","StyledView","style","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Surface/Surface.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAiD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOjD,MAAMG,OAA+B,GAAGA,CAAC,CAEzC,CAAC,KAAK;EAEF,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC7BC,SAAS,EAAE;MACPC,MAAM,EAAE,GAAG;MACXC,KAAK,EAAE,GAAG;MACVC,eAAe,EAAE,MAAM;MACvBC,WAAW,EAAE,MAAM;MACnB;MACA;MACA;MACA;MACA;MACA;;MAEAC,SAAS,EAAE;IACf;EACJ,CAAC,CAAC;EAEF,oBAAQ,IAAAb,WAAA,CAAAc,GAAA,EAAAd,WAAA,CAAAe,QAAA;IAAAC,QAAA,eACJ,IAAAhB,WAAA,CAAAc,GAAA,EAACf,MAAA,CAAAkB,UAAU;MAACC,KAAK,EAAEb,MAAM,CAACG;IAAU,CAExB;EAAC,CACf,CAAC;AACP,CAAC;AAAC,IAAAW,QAAA,GAAAC,OAAA,CAAAjB,OAAA,GACaC,OAAO","ignoreList":[]}
+{"version":3,"names":["_index","require","_index2","_index3","_jsxRuntime","Surface","variant","padding","br","children","rest","colors","useTheme","styles","boxShadow","elevation","level1","borderColor","border","default","borderWidth","jsx","Fragment","StyledView","verticalScale","borderRadius","bg","background","surface","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Surface/Surface.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAA8C,IAAAG,WAAA,GAAAH,OAAA;AAG9C,MAAMI,OAAyB,GAAGA,CAAC;EAC/BC,OAAO,GAAG,UAAU;EACpBC,OAAO,GAAG,EAAE;EACZC,EAAE,GAAG,CAAC;EACNC,QAAQ;EACR,GAAGC;AACP,CAAC,KAAK;EAEF,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EAClC,MAAMC,MAAM,GAAGP,OAAO,KAAK,UAAU,GAAG;IAAEQ,SAAS,EAAEH,MAAM,CAACI,SAAS,CAACC;EAAO,CAAC,GAAG;IAAEC,WAAW,EAAEN,MAAM,CAACO,MAAM,CAACC,OAAO;IAAEC,WAAW,EAAE;EAAI,CAAC;EAEzI,oBAAQ,IAAAhB,WAAA,CAAAiB,GAAA,EAAAjB,WAAA,CAAAkB,QAAA;IAAAb,QAAA,eACJ,IAAAL,WAAA,CAAAiB,GAAA,EAACrB,MAAA,CAAAuB,UAAU;MACPhB,OAAO,EAAE,IAAAiB,qBAAa,EAACjB,OAAO,CAAE;MAChCkB,YAAY,EAAE,IAAAD,qBAAa,EAAChB,EAAE,CAAE;MAChCkB,EAAE,EAAEf,MAAM,CAACgB,UAAU,CAACC,OAAQ;MAAA,GAC1Bf,MAAM;MAAA,GACNH,IAAI;MAAAD,QAAA,EAEPA;IAAQ,CACD;EAAC,CACf,CAAC;AACP,CAAC;AAAC,IAAAoB,QAAA,GAAAC,OAAA,CAAAX,OAAA,GACad,OAAO","ignoreList":[]}

package/lib/commonjs/components/Switch/Switch.js

@@ -4,39 +4,42 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
-var _LightenColorShades = _interopRequireDefault(require("../../helpers/LightenColorShades.js"));
 var _ResponsiveCalculations = require("../../helpers/ResponsiveCalculations.js");
 var _index = require("../../hooks/index.js");
+var _color = _interopRequireDefault(require("color"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Switch = ({
   checked = true,
   color,
   disabled = false,
-  size = 0.8,
+  size = 0.9,
   activeTrackColor,
-  inactiveTrackColor = '#808080',
+  inactiveTrackColor,
   onChange,
   ...rest
 }) => {
-  const theme = (0, _index.useTheme)();
-  const switchColor = disabled ? '#808080' : color ?? theme.colors.primary;
+  const {
+    colors
+  } = (0, _index.useTheme)();
+  const switchColor = disabled ? colors.states.disabled : color ?? colors.brand.primary;
+  const disabledAndInActiveTrackColor = colors.palette.natural[200];
+  const generateActiveTrackColor = (0, _color.default)(colors.brand.primary).lighten(0).alpha(0.3).rgb().string();
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Switch, {
       value: checked,
       trackColor: {
-        true: (0, _LightenColorShades.default)(activeTrackColor ?? switchColor, 50),
-        false: (0, _LightenColorShades.default)(inactiveTrackColor, 60)
+        true: disabled && disabledAndInActiveTrackColor || (activeTrackColor ?? generateActiveTrackColor),
+        false: disabled && disabledAndInActiveTrackColor || (inactiveTrackColor ?? disabledAndInActiveTrackColor)
       },
       thumbColor: switchColor,
       onValueChange: onChange,
       style: {
         transform: [{
-          scaleX: (0, _ResponsiveCalculations.moderateScale)(size)
+          scaleX: (0, _ResponsiveCalculations.verticalScale)(size)
         }, {
-          scaleY: (0, _ResponsiveCalculations.moderateScale)(size)
+          scaleY: (0, _ResponsiveCalculations.verticalScale)(size)
         }]
       },
       disabled: disabled,

package/lib/commonjs/components/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_LightenColorShades","_ResponsiveCalculations","_index","_jsxRuntime","e","__esModule","default","Switch","checked","color","disabled","size","activeTrackColor","inactiveTrackColor","onChange","rest","theme","useTheme","switchColor","colors","primary","jsx","Fragment","children","value","trackColor","true","LightenColorShades","false","thumbColor","onValueChange","style","transform","scaleX","moderateScale","scaleY","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Switch/Switch.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAAuC,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGvC,MAAMG,MAA6B,GAAGA,CAAC;EACnCC,OAAO,GAAG,IAAI;EACdC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC,IAAI,GAAG,GAAG;EACVC,gBAAgB;EAChBC,kBAAkB,GAAG,SAAS;EAC9BC,QAAQ;EACR,GAAGC;AACP,CAAC,KAAK;EAEF,MAAMC,KAAU,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAC7B,MAAMC,WAAW,GAAGR,QAAQ,GAAG,SAAS,GAAGD,KAAK,IAAIO,KAAK,CAACG,MAAM,CAACC,OAAO;EAExE,oBAAQ,IAAAjB,WAAA,CAAAkB,GAAA,EAAAlB,WAAA,CAAAmB,QAAA;IAAAC,QAAA,eACJ,IAAApB,WAAA,CAAAkB,GAAA,EAACtB,YAAA,CAAAQ,MAAY;MACTiB,KAAK,EAAEhB,OAAQ;MACfiB,UAAU,EAAE;QAAEC,IAAI,EAAE,IAAAC,2BAAkB,EAACf,gBAAgB,IAAIM,WAAW,EAAE,EAAE,CAAC;QAAEU,KAAK,EAAE,IAAAD,2BAAkB,EAACd,kBAAkB,EAAE,EAAE;MAAE,CAAE;MACjIgB,UAAU,EAAEX,WAAY;MACxBY,aAAa,EAAEhB,QAAS;MACxBiB,KAAK,EAAE;QAAEC,SAAS,EAAE,CAAC;UAAEC,MAAM,EAAE,IAAAC,qCAAa,EAACvB,IAAI;QAAE,CAAC,EAAE;UAAEwB,MAAM,EAAE,IAAAD,qCAAa,EAACvB,IAAI;QAAE,CAAC;MAAE,CAAE;MACzFD,QAAQ,EAAEA,QAAS;MAAA,GACfK;IAAI,CACX;EAAC,CACJ,CAAC;AACP,CAAC;AAAA,IAAAqB,QAAA,GAAAC,OAAA,CAAA/B,OAAA,GACcC,MAAM","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_ResponsiveCalculations","_index","_color","_interopRequireDefault","_jsxRuntime","e","__esModule","default","Switch","checked","color","disabled","size","activeTrackColor","inactiveTrackColor","onChange","rest","colors","useTheme","switchColor","states","brand","primary","disabledAndInActiveTrackColor","palette","natural","generateActiveTrackColor","Color","lighten","alpha","rgb","string","jsx","Fragment","children","value","trackColor","true","false","thumbColor","onValueChange","style","transform","scaleX","verticalScale","scaleY","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Switch/Switch.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAA0B,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAI,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE1B,MAAMG,MAAuB,GAAGA,CAAC;EAC7BC,OAAO,GAAG,IAAI;EACdC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC,IAAI,GAAG,GAAG;EACVC,gBAAgB;EAChBC,kBAAkB;EAClBC,QAAQ;EACR,GAAGC;AACP,CAAC,KAAK;EAEF,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAClC,MAAMC,WAAW,GAAGR,QAAQ,GAAGM,MAAM,CAACG,MAAM,CAACT,QAAQ,GAAGD,KAAK,IAAIO,MAAM,CAACI,KAAK,CAACC,OAAO;EACrF,MAAMC,6BAA6B,GAAGN,MAAM,CAACO,OAAO,CAACC,OAAO,CAAC,GAAG,CAAC;EACjE,MAAMC,wBAAwB,GAAI,IAAAC,cAAK,EAACV,MAAM,CAACI,KAAK,CAACC,OAAO,CAAC,CAACM,OAAO,CAAC,CAAC,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC;EAElG,oBAAQ,IAAA3B,WAAA,CAAA4B,GAAA,EAAA5B,WAAA,CAAA6B,QAAA;IAAAC,QAAA,eACJ,IAAA9B,WAAA,CAAA4B,GAAA,EAAClC,YAAA,CAAAU,MAAY;MACT2B,KAAK,EAAE1B,OAAQ;MACf2B,UAAU,EAAE;QAAEC,IAAI,EAAG1B,QAAQ,IAAIY,6BAA6B,KAAMV,gBAAgB,IAAIa,wBAAwB,CAAC;QAAEY,KAAK,EAAG3B,QAAQ,IAAIY,6BAA6B,KAAMT,kBAAkB,IAAIS,6BAA6B;MAAE,CAAE;MACjOgB,UAAU,EAAEpB,WAAY;MACxBqB,aAAa,EAAEzB,QAAS;MACxB0B,KAAK,EAAE;QAAEC,SAAS,EAAE,CAAC;UAAEC,MAAM,EAAE,IAAAC,qCAAa,EAAChC,IAAI;QAAE,CAAC,EAAE;UAAEiC,MAAM,EAAE,IAAAD,qCAAa,EAAChC,IAAI;QAAE,CAAC;MAAE,CAAE;MACzFD,QAAQ,EAAEA,QAAS;MAAA,GACfK;IAAI,CACX;EAAC,CACJ,CAAC;AACP,CAAC;AAAA,IAAA8B,QAAA,GAAAC,OAAA,CAAAxC,OAAA,GACcC,MAAM","ignoreList":[]}