@dryanovski/react-native-components 1.0.7 → 1.0.8

package/lib/module/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","Text","TouchableOpacity","Styles","jsx","_jsx","Button","props","ref","variant","title","size","onPress","undefined","style","disabled","textStyle","rest","textVariant","_base","_disabled","children","_text","displayName"],"sourceRoot":"../../../../src","sources":["components/Button/Button.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAA2B,OAAO;AACrD,SAASC,IAAI,EAAEC,gBAAgB,QAAQ,cAAc;AACrD,OAAOC,MAAM,MAAM,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAU7B;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,gBAAGN,UAAU,CAA6B,CAACO,KAAK,EAAEC,GAAG,KAAK;EAC3E,MAAM;IACJC,OAAO,GAAG,SAAS;IACnBC,KAAK;IACLC,IAAI,GAAG,QAAQ;IACfC,OAAO,GAAGA,CAAA,KAAMC,SAAS;IACzBC,KAAK;IACLC,QAAQ,GAAG,KAAK;IAChBC,SAAS;IACT,GAAGC;EACL,CAAC,GAAGV,KAAK;;EAET;AACF;AACA;EACE,MAAMW,WAAW,GAAI,OAAO,GAAGT,OAAmC;EAElE,oBACEJ,IAAA,CAACH,gBAAgB;IACfM,GAAG,EAAEA,GAAI;IACTI,OAAO,EAAEA,OAAQ;IACjBG,QAAQ,EAAEA,QAAS;IACnBD,KAAK,EAAE,CACLX,MAAM,CAACgB,KAAK,EACZhB,MAAM,CAACQ,IAAI,CAAe,EAC1BR,MAAM,CAACM,OAAO,CAAkB,EAChCM,QAAQ,IAAIZ,MAAM,CAACiB,SAAS,EAC5BN,KAAK,CACL;IAAA,GACEG,IAAI;IAAAI,QAAA,eAERhB,IAAA,CAACJ,IAAI;MAACa,KAAK,EAAE,CAACX,MAAM,CAACmB,KAAK,EAAEnB,MAAM,CAACe,WAAW,CAAC,EAAEF,SAAS,CAAE;MAAAK,QAAA,EACzDX;IAAK,CACF;EAAC,CACS,CAAC;AAEvB,CAAC,CAAC;AAEFJ,MAAM,CAACiB,WAAW,GAAG,YAAY;AAEjC,eAAejB,MAAM","ignoreList":[]}
+{"version":3,"names":["forwardRef","Text","TouchableOpacity","Styles","jsx","_jsx","Button","props","ref","variant","title","size","onPress","undefined","style","disabled","textStyle","rest","textVariant","_base","_disabled","children","_text","displayName"],"sourceRoot":"../../../../src","sources":["components/Button/Button.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,IAAI,EAAEC,gBAAgB,QAAQ,cAAc;AACrD,OAAOC,MAAM,MAAM,YAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ7B;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,gBAAGN,UAAU,CAA6B,CAACO,KAAK,EAAEC,GAAG,KAAK;EAC3E,MAAM;IACJC,OAAO,GAAG,SAAS;IACnBC,KAAK;IACLC,IAAI,GAAG,QAAQ;IACfC,OAAO,GAAGA,CAAA,KAAMC,SAAS;IACzBC,KAAK;IACLC,QAAQ,GAAG,KAAK;IAChBC,SAAS;IACT,GAAGC;EACL,CAAC,GAAGV,KAAK;;EAET;AACF;AACA;EACE,MAAMW,WAAW,GAAI,OAAO,GAAGT,OAAmC;EAElE,oBACEJ,IAAA,CAACH,gBAAgB;IACfM,GAAG,EAAEA,GAAI;IACTI,OAAO,EAAEA,OAAQ;IACjBG,QAAQ,EAAEA,QAAS;IACnBD,KAAK,EAAE,CACLX,MAAM,CAACgB,KAAK,EACZhB,MAAM,CAACQ,IAAI,CAAe,EAC1BR,MAAM,CAACM,OAAO,CAAkB,EAChCM,QAAQ,IAAIZ,MAAM,CAACiB,SAAS,EAC5BN,KAAK,CACL;IAAA,GACEG,IAAI;IAAAI,QAAA,eAERhB,IAAA,CAACJ,IAAI;MAACa,KAAK,EAAE,CAACX,MAAM,CAACmB,KAAK,EAAEnB,MAAM,CAACe,WAAW,CAAC,EAAEF,SAAS,CAAE;MAAAK,QAAA,EACzDX;IAAK,CACF;EAAC,CACS,CAAC;AAEvB,CAAC,CAAC;AAEFJ,MAAM,CAACiB,WAAW,GAAG,YAAY;AAEjC,eAAejB,MAAM","ignoreList":[]}

package/lib/module/components/Button/DangerButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","Button","jsx","_jsx","DangerButton","props","ref","variant","displayName"],"sourceRoot":"../../../../src","sources":["components/Button/DangerButton.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,MAAM,QAA4B,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtD;AACA;AACA;AACA;AACA,OAAO,MAAMC,YAAY,gBAAGJ,UAAU,CACpC,CAACK,KAAK,EAAEC,GAAG,KAAK;EACd,oBAAOH,IAAA,CAACF,MAAM;IAACK,GAAG,EAAEA,GAAI;IAACC,OAAO,EAAC,QAAQ;IAAA,GAAKF;EAAK,CAAG,CAAC;AACzD,CACF,CAAC;AAEDD,YAAY,CAACI,WAAW,GAAG,cAAc;AAEzC,eAAeJ,YAAY","ignoreList":[]}
+{"version":3,"names":["forwardRef","Button","jsx","_jsx","DangerButton","props","ref","variant","displayName"],"sourceRoot":"../../../../src","sources":["components/Button/DangerButton.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,MAAM,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGlC;AACA;AACA;AACA;AACA,OAAO,MAAMC,YAAY,gBAAGJ,UAAU,CACpC,CAACK,KAAK,EAAEC,GAAG,KAAK;EACd,oBAAOH,IAAA,CAACF,MAAM;IAACK,GAAG,EAAEA,GAAI;IAACC,OAAO,EAAC,QAAQ;IAAA,GAAKF;EAAK,CAAG,CAAC;AACzD,CACF,CAAC;AAEDD,YAAY,CAACI,WAAW,GAAG,cAAc;AAEzC,eAAeJ,YAAY","ignoreList":[]}

package/lib/module/components/Button/GhostButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","Button","jsx","_jsx","GhostButton","props","ref","variant","displayName"],"sourceRoot":"../../../../src","sources":["components/Button/GhostButton.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,MAAM,QAA4B,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtD,OAAO,MAAMC,WAAW,gBAAGJ,UAAU,CACnC,CAACK,KAAK,EAAEC,GAAG,KAAK;EACd,oBAAOH,IAAA,CAACF,MAAM;IAACK,GAAG,EAAEA,GAAI;IAACC,OAAO,EAAC,OAAO;IAAA,GAAKF;EAAK,CAAG,CAAC;AACxD,CACF,CAAC;AAEDD,WAAW,CAACI,WAAW,GAAG,aAAa;AAEvC,eAAeJ,WAAW","ignoreList":[]}
+{"version":3,"names":["forwardRef","Button","jsx","_jsx","GhostButton","props","ref","variant","displayName"],"sourceRoot":"../../../../src","sources":["components/Button/GhostButton.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,MAAM,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGlC,OAAO,MAAMC,WAAW,gBAAGJ,UAAU,CACnC,CAACK,KAAK,EAAEC,GAAG,KAAK;EACd,oBAAOH,IAAA,CAACF,MAAM;IAACK,GAAG,EAAEA,GAAI;IAACC,OAAO,EAAC,OAAO;IAAA,GAAKF;EAAK,CAAG,CAAC;AACxD,CACF,CAAC;AAEDD,WAAW,CAACI,WAAW,GAAG,aAAa;AAEvC,eAAeJ,WAAW","ignoreList":[]}

package/lib/module/components/Button/PrimaryButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","Button","jsx","_jsx","PrimaryButton","props","ref","variant","displayName"],"sourceRoot":"../../../../src","sources":["components/Button/PrimaryButton.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,MAAM,QAA4B,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtD;AACA;AACA;AACA,OAAO,MAAMC,aAAa,gBAAGJ,UAAU,CACrC,CAACK,KAAK,EAAEC,GAAG,KAAK;EACd,oBAAOH,IAAA,CAACF,MAAM;IAACK,GAAG,EAAEA,GAAI;IAACC,OAAO,EAAC,SAAS;IAAA,GAAKF;EAAK,CAAG,CAAC;AAC1D,CACF,CAAC;AAEDD,aAAa,CAACI,WAAW,GAAG,eAAe;AAE3C,eAAeJ,aAAa","ignoreList":[]}
+{"version":3,"names":["forwardRef","Button","jsx","_jsx","PrimaryButton","props","ref","variant","displayName"],"sourceRoot":"../../../../src","sources":["components/Button/PrimaryButton.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,MAAM,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGlC;AACA;AACA;AACA,OAAO,MAAMC,aAAa,gBAAGJ,UAAU,CACrC,CAACK,KAAK,EAAEC,GAAG,KAAK;EACd,oBAAOH,IAAA,CAACF,MAAM;IAACK,GAAG,EAAEA,GAAI;IAACC,OAAO,EAAC,SAAS;IAAA,GAAKF;EAAK,CAAG,CAAC;AAC1D,CACF,CAAC;AAEDD,aAAa,CAACI,WAAW,GAAG,eAAe;AAE3C,eAAeJ,aAAa","ignoreList":[]}

package/lib/module/components/Button/SecondaryButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","Button","jsx","_jsx","SecondaryButton","props","ref","variant","displayName"],"sourceRoot":"../../../../src","sources":["components/Button/SecondaryButton.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,MAAM,QAA4B,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtD;AACA;AACA;AACA,OAAO,MAAMC,eAAe,gBAAGJ,UAAU,CACvC,CAACK,KAAK,EAAEC,GAAG,KAAK;EACd,oBAAOH,IAAA,CAACF,MAAM;IAACK,GAAG,EAAEA,GAAI;IAACC,OAAO,EAAC,WAAW;IAAA,GAAKF;EAAK,CAAG,CAAC;AAC5D,CACF,CAAC;AAEDD,eAAe,CAACI,WAAW,GAAG,iBAAiB;AAE/C,eAAeJ,eAAe","ignoreList":[]}
+{"version":3,"names":["forwardRef","Button","jsx","_jsx","SecondaryButton","props","ref","variant","displayName"],"sourceRoot":"../../../../src","sources":["components/Button/SecondaryButton.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,MAAM,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGlC;AACA;AACA;AACA,OAAO,MAAMC,eAAe,gBAAGJ,UAAU,CACvC,CAACK,KAAK,EAAEC,GAAG,KAAK;EACd,oBAAOH,IAAA,CAACF,MAAM;IAACK,GAAG,EAAEA,GAAI;IAACC,OAAO,EAAC,WAAW;IAAA,GAAKF;EAAK,CAAG,CAAC;AAC5D,CACF,CAAC;AAEDD,eAAe,CAACI,WAAW,GAAG,iBAAiB;AAE/C,eAAeJ,eAAe","ignoreList":[]}

package/lib/module/components/Divider/Divider.js

@@ -0,0 +1,33 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { View } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Divider = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    thickness = 1,
+    color = '#c4c4c4',
+    orientation = 'horizontal',
+    length = '100%',
+    style,
+    ...rest
+  } = props;
+  const dividerStyle = {
+    backgroundColor: color,
+    ...(orientation === 'vertical' ? {
+      width: thickness,
+      height: length
+    } : {
+      height: thickness,
+      width: length
+    })
+  };
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    style: [dividerStyle, style],
+    ...rest
+  });
+});
+Divider.displayName = 'Divider';
+export default Divider;
+//# sourceMappingURL=Divider.js.map

package/lib/module/components/Divider/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","View","jsx","_jsx","Divider","props","ref","thickness","color","orientation","length","style","rest","dividerStyle","backgroundColor","width","height","displayName"],"sourceRoot":"../../../../src","sources":["components/Divider/Divider.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,IAAI,QAAwB,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIpD,OAAO,MAAMC,OAAO,gBAAGJ,UAAU,CAAwB,CAACK,KAAK,EAAEC,GAAG,KAAK;EACvE,MAAM;IACJC,SAAS,GAAG,CAAC;IACbC,KAAK,GAAG,SAAS;IACjBC,WAAW,GAAG,YAAY;IAC1BC,MAAM,GAAG,MAAM;IACfC,KAAK;IACL,GAAGC;EACL,CAAC,GAAGP,KAAK;EAET,MAAMQ,YAAY,GAAG;IACnBC,eAAe,EAAEN,KAAK;IACtB,IAAIC,WAAW,KAAK,UAAU,GAC1B;MAAEM,KAAK,EAAER,SAAS;MAAES,MAAM,EAAEN;IAAO,CAAC,GACpC;MAAEM,MAAM,EAAET,SAAS;MAAEQ,KAAK,EAAEL;IAAO,CAAC;EAC1C,CAAc;EAEd,oBAAOP,IAAA,CAACF,IAAI;IAACK,GAAG,EAAEA,GAAI;IAACK,KAAK,EAAE,CAACE,YAAY,EAAEF,KAAK,CAAE;IAAA,GAAKC;EAAI,CAAG,CAAC;AACnE,CAAC,CAAC;AAEFR,OAAO,CAACa,WAAW,GAAG,SAAS;AAE/B,eAAeb,OAAO","ignoreList":[]}

package/lib/module/components/Divider/styles.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=styles.js.map

package/lib/module/components/Divider/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Divider/styles.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/Divider/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/components/Divider/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Divider/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/Layout/HStack.js

@@ -0,0 +1,24 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { View } from 'react-native';
+import Style from "../../utils/Style.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const HStack = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    style,
+    ...rest
+  } = props;
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    style: [elementStyle.base, style],
+    ...rest
+  });
+});
+HStack.displayName = 'HStack';
+const elementStyle = Style.create({
+  base: {
+    flexDirection: 'row'
+  }
+});
+//# sourceMappingURL=HStack.js.map

package/lib/module/components/Layout/HStack.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","View","Style","jsx","_jsx","HStack","props","ref","style","rest","elementStyle","base","displayName","create","flexDirection"],"sourceRoot":"../../../../src","sources":["components/Layout/HStack.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,IAAI,QAAQ,cAAc;AAEnC,OAAOC,KAAK,MAAM,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtC,OAAO,MAAMC,MAAM,gBAAGL,UAAU,CAAuB,CAACM,KAAK,EAAEC,GAAG,KAAK;EACrE,MAAM;IAAEC,KAAK;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EAEhC,oBAAOF,IAAA,CAACH,IAAI;IAACM,GAAG,EAAEA,GAAI;IAACC,KAAK,EAAE,CAACE,YAAY,CAACC,IAAI,EAAEH,KAAK,CAAE;IAAA,GAAKC;EAAI,CAAG,CAAC;AACxE,CAAC,CAAC;AAEFJ,MAAM,CAACO,WAAW,GAAG,QAAQ;AAE7B,MAAMF,YAAY,GAAGR,KAAK,CAACW,MAAM,CAAC;EAChCF,IAAI,EAAE;IACJG,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Layout/VStack.js

@@ -0,0 +1,24 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { View } from 'react-native';
+import Style from "../../utils/Style.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const VStack = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    style,
+    ...rest
+  } = props;
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    style: [elementStyle.base, style],
+    ...rest
+  });
+});
+VStack.displayName = 'VStack';
+const elementStyle = Style.create({
+  base: {
+    flexDirection: 'column'
+  }
+});
+//# sourceMappingURL=VStack.js.map

package/lib/module/components/Layout/VStack.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","View","Style","jsx","_jsx","VStack","props","ref","style","rest","elementStyle","base","displayName","create","flexDirection"],"sourceRoot":"../../../../src","sources":["components/Layout/VStack.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,IAAI,QAAQ,cAAc;AAEnC,OAAOC,KAAK,MAAM,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtC,OAAO,MAAMC,MAAM,gBAAGL,UAAU,CAAuB,CAACM,KAAK,EAAEC,GAAG,KAAK;EACrE,MAAM;IAAEC,KAAK;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EAEhC,oBAAOF,IAAA,CAACH,IAAI;IAACM,GAAG,EAAEA,GAAI;IAACC,KAAK,EAAE,CAACE,YAAY,CAACC,IAAI,EAAEH,KAAK,CAAE;IAAA,GAAKC;EAAI,CAAG,CAAC;AACxE,CAAC,CAAC;AAEFJ,MAAM,CAACO,WAAW,GAAG,QAAQ;AAE7B,MAAMF,YAAY,GAAGR,KAAK,CAACW,MAAM,CAAC;EAChCF,IAAI,EAAE;IACJG,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Layout/layout.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=layout.types.js.map

package/lib/module/components/Layout/layout.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Layout/layout.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/index.js

@@ -1,7 +1,24 @@
 "use strict";
 
 // Export Components
+export * from "./components/Button/Button.js";
+export * from "./components/Button/DangerButton.js";
+export * from "./components/Button/GhostButton.js";
+export * from "./components/Button/PrimaryButton.js";
+export * from "./components/Button/SecondaryButton.js";
 export * from "./components/Card/Card.js";
+export * from "./components/Divider/Divider.js";
+export * from "./components/Layout/HStack.js";
+export * from "./components/Layout/VStack.js";
+export * from "./components/Surface/Surface.js";
+
+// types
+export * from "./components/Button/types.js";
+export * from "./components/Card/types.js";
+export * from "./components/Divider/types.js";
+export * from "./components/Layout/layout.types.js";
+export * from "./components/Surface/types.js";
+export * from "./types/general.types.js";
 
 // Provider
 export * from "./providers/ThemeProvider.js";

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA;AACA,cAAc,2BAAwB;;AAEtC;AACA,cAAc,8BAA2B","ignoreList":[]}
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA;AACA,cAAc,+BAA4B;AAC1C,cAAc,qCAAkC;AAChD,cAAc,oCAAiC;AAC/C,cAAc,sCAAmC;AACjD,cAAc,wCAAqC;AACnD,cAAc,2BAAwB;AACtC,cAAc,iCAA8B;AAC5C,cAAc,+BAA4B;AAC1C,cAAc,+BAA4B;AAC1C,cAAc,iCAA8B;;AAE5C;AACA,cAAc,8BAA2B;AACzC,cAAc,4BAAyB;AACvC,cAAc,+BAA4B;AAC1C,cAAc,qCAAkC;AAChD,cAAc,+BAA4B;AAC1C,cAAc,0BAAuB;;AAErC;AACA,cAAc,8BAA2B","ignoreList":[]}

package/lib/typescript/src/components/Button/Button.d.ts

@@ -1,6 +1,4 @@
-import { type ComponentRef } from 'react';
 import type { ButtonBaseProps } from './types';
-export type ButtonBaseRef = ComponentRef<typeof Button>;
 /**
  * A customizable button component that supports different variants and sizes.
  * @return A TouchableOpacity button with text.

package/lib/typescript/src/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,KAAK,EACV,eAAe,EAIhB,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,MAAM,CAAC,CAAC;AAExD;;;GAGG;AACH,eAAO,MAAM,MAAM,yHAoCjB,CAAC;AAIH,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,eAAe,EAIhB,MAAM,SAAS,CAAC;AAEjB;;;GAGG;AACH,eAAO,MAAM,MAAM,yHAoCjB,CAAC;AAIH,eAAe,MAAM,CAAC"}

package/lib/typescript/src/components/Button/DangerButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DangerButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/DangerButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C;;;GAGG;AACH,eAAO,MAAM,YAAY,yHAIxB,CAAC;AAIF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"DangerButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/DangerButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAiB,MAAM,SAAS,CAAC;AAE9D;;;GAGG;AACH,eAAO,MAAM,YAAY,yHAIxB,CAAC;AAIF,eAAe,YAAY,CAAC"}

package/lib/typescript/src/components/Button/GhostButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GhostButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/GhostButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,WAAW,yHAIvB,CAAC;AAIF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"GhostButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/GhostButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAiB,MAAM,SAAS,CAAC;AAE9D,eAAO,MAAM,WAAW,yHAIvB,CAAC;AAIF,eAAe,WAAW,CAAC"}

package/lib/typescript/src/components/Button/PrimaryButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrimaryButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/PrimaryButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,aAAa,yHAIzB,CAAC;AAIF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"PrimaryButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/PrimaryButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAiB,MAAM,SAAS,CAAC;AAE9D;;GAEG;AACH,eAAO,MAAM,aAAa,yHAIzB,CAAC;AAIF,eAAe,aAAa,CAAC"}

package/lib/typescript/src/components/Button/SecondaryButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SecondaryButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/SecondaryButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,eAAe,yHAI3B,CAAC;AAIF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"SecondaryButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/SecondaryButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAiB,MAAM,SAAS,CAAC;AAE9D;;GAEG;AACH,eAAO,MAAM,eAAe,yHAI3B,CAAC;AAIF,eAAe,eAAe,CAAC"}

package/lib/typescript/src/components/Button/types.d.ts

@@ -1,10 +1,21 @@
 import type { ComponentRef } from 'react';
 import type { StyleProp, TextStyle, TouchableOpacity, TouchableOpacityProps, ViewStyle } from 'react-native';
+import type Button from './Button';
 /**
  * Ref type for the Button component
  */
 export type ButtonRef = ComponentRef<typeof TouchableOpacity>;
+/**
+ * The root ref type for the Button component
+ */
+export type ButtonBaseRef = ComponentRef<typeof Button>;
+/**
+ * The variant types for the Button component
+ */
 export type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'ghost';
+/**
+ * Button size types
+ */
 export type ButtonSize = 'small' | 'medium' | 'large';
 export interface ButtonBaseProps extends Omit<TouchableOpacityProps, 'style'> {
     /**

package/lib/typescript/src/components/Button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,qBAAqB,EACrB,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE9D,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzE,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,qBAAqB,EAAE,OAAO,CAAC;IAC3E;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,qBAAqB,EACrB,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC;AAEnC;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE9D;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,MAAM,CAAC,CAAC;AAExD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzE;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,qBAAqB,EAAE,OAAO,CAAC;IAC3E;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/lib/typescript/src/components/Divider/Divider.d.ts

@@ -0,0 +1,5 @@
+import { View } from 'react-native';
+import type { DividerProps } from './types';
+export declare const Divider: import("react").ForwardRefExoticComponent<DividerProps & import("react").RefAttributes<View>>;
+export default Divider;
+//# sourceMappingURL=Divider.d.ts.map

package/lib/typescript/src/components/Divider/Divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AAEpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,OAAO,+FAkBlB,CAAC;AAIH,eAAe,OAAO,CAAC"}

package/lib/typescript/src/components/Divider/styles.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/src/components/Divider/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Divider/styles.ts"],"names":[],"mappings":""}

package/lib/typescript/src/components/Divider/types.d.ts

@@ -0,0 +1,31 @@
+import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
+export type DividerThickness = 1 | 5 | 10;
+export type DividerOrientation = 'horizontal' | 'vertical';
+export interface DividerProps extends ViewProps {
+    /**
+     * Style for the divider component.
+     * Optional.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * The thickness of the divider.
+     * @default 1
+     */
+    thickness?: DividerThickness;
+    /**
+     * The color of the divider.
+     * @default '#000'
+     */
+    color?: string;
+    /**
+     * The orientation of the divider.
+     * @default 'horizontal'
+     */
+    orientation?: DividerOrientation;
+    /**
+     * The length of the divider.
+     * @default '100%'
+     */
+    length?: number | string;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/components/Divider/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Divider/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,MAAM,gBAAgB,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;AAE1C,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE3D,MAAM,WAAW,YAAa,SAAQ,SAAS;IAC7C;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;OAGG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAE7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC;IAEjC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B"}

package/lib/typescript/src/components/Layout/HStack.d.ts

@@ -0,0 +1,4 @@
+import { View } from 'react-native';
+import type { HStackProps } from './layout.types';
+export declare const HStack: import("react").ForwardRefExoticComponent<HStackProps & import("react").RefAttributes<View>>;
+//# sourceMappingURL=HStack.d.ts.map

package/lib/typescript/src/components/Layout/HStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HStack.d.ts","sourceRoot":"","sources":["../../../../../src/components/Layout/HStack.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,MAAM,8FAIjB,CAAC"}

package/lib/typescript/src/components/Layout/VStack.d.ts

@@ -0,0 +1,4 @@
+import { View } from 'react-native';
+import type { VStackProps } from './layout.types';
+export declare const VStack: import("react").ForwardRefExoticComponent<VStackProps & import("react").RefAttributes<View>>;
+//# sourceMappingURL=VStack.d.ts.map

package/lib/typescript/src/components/Layout/VStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VStack.d.ts","sourceRoot":"","sources":["../../../../../src/components/Layout/VStack.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,MAAM,8FAIjB,CAAC"}

package/lib/typescript/src/components/Layout/layout.types.d.ts

@@ -0,0 +1,8 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+export type VStackProps = {
+    style?: StyleProp<ViewStyle>;
+};
+export type HStackProps = {
+    style?: StyleProp<ViewStyle>;
+};
+//# sourceMappingURL=layout.types.d.ts.map

package/lib/typescript/src/components/Layout/layout.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Layout/layout.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC"}

package/lib/typescript/src/index.d.ts

@@ -1,3 +1,18 @@
+export * from './components/Button/Button';
+export * from './components/Button/DangerButton';
+export * from './components/Button/GhostButton';
+export * from './components/Button/PrimaryButton';
+export * from './components/Button/SecondaryButton';
 export * from './components/Card/Card';
+export * from './components/Divider/Divider';
+export * from './components/Layout/HStack';
+export * from './components/Layout/VStack';
+export * from './components/Surface/Surface';
+export * from './components/Button/types';
+export * from './components/Card/types';
+export * from './components/Divider/types';
+export * from './components/Layout/layout.types';
+export * from './components/Surface/types';
+export * from './types/general.types';
 export * from './providers/ThemeProvider';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AACA,cAAc,wBAAwB,CAAC;AAGvC,cAAc,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AACA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAG7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AAGtC,cAAc,2BAA2B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dryanovski/react-native-components",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "Collection of reusable React Native components for building mobile applications.",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/components/Button/Button.tsx

@@ -1,4 +1,4 @@
-import { forwardRef, type ComponentRef } from 'react';
+import { forwardRef } from 'react';
 import { Text, TouchableOpacity } from 'react-native';
 import Styles from './style';
 import type {
@@ -8,8 +8,6 @@ import type {
   ButtonVariant,
 } from './types';
 
-export type ButtonBaseRef = ComponentRef<typeof Button>;
-
 /**
  * A customizable button component that supports different variants and sizes.
  * @return A TouchableOpacity button with text.

package/src/components/Button/DangerButton.tsx

@@ -1,6 +1,6 @@
 import { forwardRef } from 'react';
-import { Button, type ButtonBaseRef } from './Button';
-import type { ButtonBaseProps } from './types';
+import { Button } from './Button';
+import type { ButtonBaseProps, ButtonBaseRef } from './types';
 
 /**
  * A button component styled for dangerous actions, such as deletions.

package/src/components/Button/GhostButton.tsx

@@ -1,6 +1,6 @@
 import { forwardRef } from 'react';
-import { Button, type ButtonBaseRef } from './Button';
-import type { ButtonBaseProps } from './types';
+import { Button } from './Button';
+import type { ButtonBaseProps, ButtonBaseRef } from './types';
 
 export const GhostButton = forwardRef<ButtonBaseRef, ButtonBaseProps>(
   (props, ref) => {

package/src/components/Button/PrimaryButton.tsx

@@ -1,6 +1,6 @@
 import { forwardRef } from 'react';
-import { Button, type ButtonBaseRef } from './Button';
-import type { ButtonBaseProps } from './types';
+import { Button } from './Button';
+import type { ButtonBaseProps, ButtonBaseRef } from './types';
 
 /**
  * A button component styled for primary actions.

package/src/components/Button/SecondaryButton.tsx

@@ -1,6 +1,6 @@
 import { forwardRef } from 'react';
-import { Button, type ButtonBaseRef } from './Button';
-import type { ButtonBaseProps } from './types';
+import { Button } from './Button';
+import type { ButtonBaseProps, ButtonBaseRef } from './types';
 
 /**
  * A button component styled for secondary actions.

package/src/components/Button/types.ts

@@ -6,14 +6,26 @@ import type {
   TouchableOpacityProps,
   ViewStyle,
 } from 'react-native';
+import type Button from './Button';
 
 /**
  * Ref type for the Button component
  */
 export type ButtonRef = ComponentRef<typeof TouchableOpacity>;
 
+/**
+ * The root ref type for the Button component
+ */
+export type ButtonBaseRef = ComponentRef<typeof Button>;
+
+/**
+ * The variant types for the Button component
+ */
 export type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'ghost';
 
+/**
+ * Button size types
+ */
 export type ButtonSize = 'small' | 'medium' | 'large';
 
 export interface ButtonBaseProps extends Omit<TouchableOpacityProps, 'style'> {

package/src/components/Divider/Divider.tsx

@@ -0,0 +1,28 @@
+import { forwardRef } from 'react';
+import { View, type ViewStyle } from 'react-native';
+import type { ViewRef } from '../../types/general.types';
+import type { DividerProps } from './types';
+
+export const Divider = forwardRef<ViewRef, DividerProps>((props, ref) => {
+  const {
+    thickness = 1,
+    color = '#c4c4c4',
+    orientation = 'horizontal',
+    length = '100%',
+    style,
+    ...rest
+  } = props;
+
+  const dividerStyle = {
+    backgroundColor: color,
+    ...(orientation === 'vertical'
+      ? { width: thickness, height: length }
+      : { height: thickness, width: length }),
+  } as ViewStyle;
+
+  return <View ref={ref} style={[dividerStyle, style]} {...rest} />;
+});
+
+Divider.displayName = 'Divider';
+
+export default Divider;

package/src/components/Divider/types.ts

@@ -0,0 +1,36 @@
+import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
+
+export type DividerThickness = 1 | 5 | 10;
+
+export type DividerOrientation = 'horizontal' | 'vertical';
+
+export interface DividerProps extends ViewProps {
+  /**
+   * Style for the divider component.
+   * Optional.
+   */
+  style?: StyleProp<ViewStyle>;
+  /**
+   * The thickness of the divider.
+   * @default 1
+   */
+  thickness?: DividerThickness;
+
+  /**
+   * The color of the divider.
+   * @default '#000'
+   */
+  color?: string;
+
+  /**
+   * The orientation of the divider.
+   * @default 'horizontal'
+   */
+  orientation?: DividerOrientation;
+
+  /**
+   * The length of the divider.
+   * @default '100%'
+   */
+  length?: number | string;
+}

package/src/components/Layout/HStack.tsx

@@ -0,0 +1,19 @@
+import { forwardRef } from 'react';
+import { View } from 'react-native';
+import type { ViewRef } from '../../types/general.types';
+import Style from '../../utils/Style';
+import type { HStackProps } from './layout.types';
+
+export const HStack = forwardRef<ViewRef, HStackProps>((props, ref) => {
+  const { style, ...rest } = props;
+
+  return <View ref={ref} style={[elementStyle.base, style]} {...rest} />;
+});
+
+HStack.displayName = 'HStack';
+
+const elementStyle = Style.create({
+  base: {
+    flexDirection: 'row',
+  },
+});

package/src/components/Layout/VStack.tsx

@@ -0,0 +1,19 @@
+import { forwardRef } from 'react';
+import { View } from 'react-native';
+import type { ViewRef } from '../../types/general.types';
+import Style from '../../utils/Style';
+import type { VStackProps } from './layout.types';
+
+export const VStack = forwardRef<ViewRef, VStackProps>((props, ref) => {
+  const { style, ...rest } = props;
+
+  return <View ref={ref} style={[elementStyle.base, style]} {...rest} />;
+});
+
+VStack.displayName = 'VStack';
+
+const elementStyle = Style.create({
+  base: {
+    flexDirection: 'column',
+  },
+});

package/src/components/Layout/layout.types.ts

@@ -0,0 +1,9 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+
+export type VStackProps = {
+  style?: StyleProp<ViewStyle>;
+};
+
+export type HStackProps = {
+  style?: StyleProp<ViewStyle>;
+};

package/src/index.tsx

@@ -1,5 +1,22 @@
 // Export Components
+export * from './components/Button/Button';
+export * from './components/Button/DangerButton';
+export * from './components/Button/GhostButton';
+export * from './components/Button/PrimaryButton';
+export * from './components/Button/SecondaryButton';
 export * from './components/Card/Card';
+export * from './components/Divider/Divider';
+export * from './components/Layout/HStack';
+export * from './components/Layout/VStack';
+export * from './components/Surface/Surface';
+
+// types
+export * from './components/Button/types';
+export * from './components/Card/types';
+export * from './components/Divider/types';
+export * from './components/Layout/layout.types';
+export * from './components/Surface/types';
+export * from './types/general.types';
 
 // Provider
 export * from './providers/ThemeProvider';