react-native-exp-fig 0.1.1 → 0.1.3

package/lib/typescript/module/src/stories/user-profile/user-profile.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryObj, Meta } from "@storybook/react";
+import { UserProfile } from "../../components/user-profile";
+declare const meta: Meta<typeof UserProfile>;
+export default meta;
+declare type Story = StoryObj<typeof meta>;
+export declare const Profile: Story;
+export declare const Anonimo: Story;
+//# sourceMappingURL=user-profile.stories.d.ts.map

package/lib/typescript/module/src/stories/user-profile/user-profile.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-profile.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/stories/user-profile/user-profile.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAE5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAmBlC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC"}

package/lib/typescript/module/src/styles/global/styles.d.ts

@@ -0,0 +1,47 @@
+import { IGlobalCss } from "./interface";
+declare const stylesGlobal: (props: IGlobalCss) => {
+    width: import("react-native/types").DimensionValue | undefined;
+    height: import("react-native/types").DimensionValue | undefined;
+    backgroundColor: string | undefined;
+    padding: import("react-native/types").DimensionValue | undefined;
+    paddingTop: import("react-native/types").DimensionValue | undefined;
+    paddingLeft: import("react-native/types").DimensionValue | undefined;
+    paddingRight: import("react-native/types").DimensionValue | undefined;
+    paddingBottom: import("react-native/types").DimensionValue | undefined;
+    margin: import("react-native/types").DimensionValue | undefined;
+    marginTop: import("react-native/types").DimensionValue | undefined;
+    marginLeft: import("react-native/types").DimensionValue | undefined;
+    marginRight: import("react-native/types").DimensionValue | undefined;
+    marginBottom: import("react-native/types").DimensionValue | undefined;
+    borderStyle: "solid" | "dotted" | "dashed" | undefined;
+    borderRadius: import("react-native/types").DimensionValue | undefined;
+    borderTopRightRadius: import("react-native/types").DimensionValue | undefined;
+    borderTopLeftRadius: import("react-native/types").DimensionValue | undefined;
+    borderBottomRightRadius: import("react-native/types").DimensionValue | undefined;
+    borderBottomLeftRadius: import("react-native/types").DimensionValue | undefined;
+    borderWidth: import("react-native/types").DimensionValue | undefined;
+    borderLeftWidth: import("react-native/types").DimensionValue | undefined;
+    borderRightWidth: import("react-native/types").DimensionValue | undefined;
+    borderTopWidth: import("react-native/types").DimensionValue | undefined;
+    borderBottomWidth: import("react-native/types").DimensionValue | undefined;
+    borderColor: string | undefined;
+    borderBottomColor: string | undefined;
+    borderLeftColor: string | undefined;
+    borderRightColor: string | undefined;
+    borderTopColor: string | undefined;
+    flex: string | number | undefined;
+    flexDirection: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
+    alignItems: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
+    justifyContent: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
+    textAlign: "auto" | "center" | "left" | "right" | "justify" | undefined;
+    fontFamily: "inter_thin_100" | "inter_extra_light_200" | "inter_light_300" | "inter_regular_400" | "inter_medium_500" | "inter_semi_bold_600" | "inter_bold_700" | "inter_extra_bold_800" | "inter_bold" | undefined;
+    fontSize: number | undefined;
+    fontWeight: "100" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | "bold" | undefined;
+    lineHeight: number | undefined;
+    letterSpacing: "o_16" | "regular" | "medium" | "strong" | undefined;
+};
+/**
+ * EXPORTS
+ */
+export { stylesGlobal };
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/module/src/styles/global/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/styles/global/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,QAAA,MAAM,YAAY,UAAW,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsDrC,CAAC;AAEH;;GAEG;AACH,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/lib/typescript/module/src/styles/global/theme-provider.d.ts

@@ -0,0 +1,142 @@
+import React from "react";
+export declare const ThemeProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare const useTheme: () => {
+    borderWidths: {
+        thin: number;
+        thin_medium: number;
+        thin_bold: number;
+        thick: number;
+        thick_medium: number;
+        thick_bold: number;
+        hairline: number;
+    };
+    colors: {
+        neutral: {
+            25: string;
+            50: string;
+            75: string;
+            200: string;
+            300: string;
+            400: string;
+        };
+        black: {
+            25: string;
+            100: string;
+            180: string;
+        };
+        blue: {
+            25: string;
+            100: string;
+            150: string;
+            350: string;
+            400: string;
+            500: string;
+            525: string;
+        };
+        red: {
+            400: string;
+            500: string;
+            800: string;
+            900: string;
+        };
+        gray: {
+            300: string;
+            350: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            850: string;
+            875: string;
+            900: string;
+            925: string;
+        };
+        green: {
+            200: string;
+            400: string;
+            500: string;
+        };
+        orange: {
+            500: string;
+            450: string;
+            150: string;
+        };
+        yellow: {
+            100: string;
+            50: string;
+        };
+    };
+    fonts: {
+        inter_thin_100: string;
+        inter_extra_light_200: string;
+        inter_light_300: string;
+        inter_regular_400: string;
+        inter_medium_500: string;
+        inter_semi_bold_600: string;
+        inter_bold_700: string;
+        inter_extra_bold_800: string;
+        inter_bold: string;
+    };
+    fontSizes: {
+        "2xs": number;
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+        "2xl": number;
+        "3xl": number;
+        "4xl": number;
+        "5xl": number;
+        "6xl": number;
+        "7xl": number;
+        "8xl": number;
+        "9xl": number;
+    };
+    margins: {
+        "2xs": number;
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+        "2xl": number;
+        "3xl": number;
+        "4xl": number;
+        "5xl": number;
+        "6xl": number;
+        "7xl": number;
+        "8xl": number;
+        "9xl": number;
+    };
+    shadows: {
+        z1: string;
+        z2: string;
+    };
+    paddings: {
+        "2xs": number;
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+        "2xl": number;
+        "3xl": number;
+        "4xl": number;
+        "5xl": number;
+        "6xl": number;
+        "7xl": number;
+        "8xl": number;
+        "9xl": number;
+    };
+    letterSpacing: {
+        o_16: number;
+        regular: number;
+        medium: number;
+        strong: number;
+    };
+};
+//# sourceMappingURL=theme-provider.d.ts.map

package/lib/typescript/module/src/styles/global/theme-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../../../../../src/styles/global/theme-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAKzD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAEjE,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAiC,CAAC"}

package/lib/typescript/module/src/styles/theme/theme.d.ts

@@ -0,0 +1,144 @@
+/**
+ * IMPORTS
+ */
+/**
+ * EXPORTSS
+ */
+export declare const theme: {
+    borderWidths: {
+        thin: number;
+        thin_medium: number;
+        thin_bold: number;
+        thick: number;
+        thick_medium: number;
+        thick_bold: number;
+        hairline: number;
+    };
+    colors: {
+        neutral: {
+            25: string;
+            50: string;
+            75: string;
+            200: string;
+            300: string;
+            400: string;
+        };
+        black: {
+            25: string;
+            100: string;
+            180: string;
+        };
+        blue: {
+            25: string;
+            100: string;
+            150: string;
+            350: string;
+            400: string;
+            500: string;
+            525: string;
+        };
+        red: {
+            400: string;
+            500: string;
+            800: string;
+            900: string;
+        };
+        gray: {
+            300: string;
+            350: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            850: string;
+            875: string;
+            900: string;
+            925: string;
+        };
+        green: {
+            200: string;
+            400: string;
+            500: string;
+        };
+        orange: {
+            500: string;
+            450: string;
+            150: string;
+        };
+        yellow: {
+            100: string;
+            50: string;
+        };
+    };
+    fonts: {
+        inter_thin_100: string;
+        inter_extra_light_200: string;
+        inter_light_300: string;
+        inter_regular_400: string;
+        inter_medium_500: string;
+        inter_semi_bold_600: string;
+        inter_bold_700: string;
+        inter_extra_bold_800: string;
+        inter_bold: string;
+    };
+    fontSizes: {
+        "2xs": number;
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+        "2xl": number;
+        "3xl": number;
+        "4xl": number;
+        "5xl": number;
+        "6xl": number;
+        "7xl": number;
+        "8xl": number;
+        "9xl": number;
+    };
+    margins: {
+        "2xs": number;
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+        "2xl": number;
+        "3xl": number;
+        "4xl": number;
+        "5xl": number;
+        "6xl": number;
+        "7xl": number;
+        "8xl": number;
+        "9xl": number;
+    };
+    shadows: {
+        z1: string;
+        z2: string;
+    };
+    paddings: {
+        "2xs": number;
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+        "2xl": number;
+        "3xl": number;
+        "4xl": number;
+        "5xl": number;
+        "6xl": number;
+        "7xl": number;
+        "8xl": number;
+        "9xl": number;
+    };
+    letterSpacing: {
+        o_16: number;
+        regular: number;
+        medium: number;
+        strong: number;
+    };
+};
+//# sourceMappingURL=theme.d.ts.map

package/lib/typescript/module/src/styles/theme/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../../../src/styles/theme/theme.ts"],"names":[],"mappings":"AAAA;;GAEG;AAiJH;;GAEG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASjB,CAAC"}

package/lib/typescript/module/src/utils/format-data/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Formata uma data do tipo Date para o formato DD/MM/YYYY
+ * @param date Objeto Date a ser formatado
+ * @returns String no formato DD/MM/YYYY
+ */
+declare const formatDate: (date: Date) => string;
+export { formatDate };
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/src/utils/format-data/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/format-data/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,QAAA,MAAM,UAAU,SAAU,IAAI,KAAG,MAMhC,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/lib/typescript/module/src/utils/mutiply/index.d.ts

@@ -0,0 +1,2 @@
+export declare function multiply(a: number, b: number): number;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/module/src/utils/mutiply/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/mutiply/index.ts"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAErD"}

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "react-native-exp-fig",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "Lib para interfaces",
-  "source": "./src/index.ts",
-  "main": "./src/index.ts",
+  "main": "./lib/commonjs/index.js",
   "module": "./lib/module/index.js",
+  "types": "./lib/typescript/module/src/index.d.ts",
+  "source": "./src/index",
   "exports": {
     ".": {
       "import": {
@@ -57,14 +58,14 @@
   ],
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/Weverson-Luan/react-native-exp-fig.git"
+    "url": "https://github.com/expfig/expfig-ui"
   },
   "author": "Weverson-Luan <wltech2022@gmail.com> (https://github.com/Weverson-Luan)",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/Weverson-Luan/react-native-exp-fig/issues"
+    "url": "https://github.com/expfig/expfig-ui/issues"
   },
-  "homepage": "https://github.com/Weverson-Luan/react-native-exp-fig#readme",
+  "homepage": "https://github.com/expfig/expfig-ui/blob/main/README.md",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
@@ -75,6 +76,7 @@
     "@commitlint/cli": "^19.7.1",
     "@commitlint/config-conventional": "^19.7.1",
     "@evilmartians/lefthook": "^1.5.0",
+    "@react-native-community/bob": "^0.17.1",
     "@react-native/eslint-config": "^0.77.0",
     "@release-it/conventional-changelog": "^9.0.2",
     "@storybook/addon-actions": "^8.3.5",
@@ -122,10 +124,6 @@
   "resolutions": {
     "@types/react": "^18.2.44"
   },
-  "peerDependencies": {
-    "react": "*",
-    "react-native": "*"
-  },
   "workspaces": [
     "example"
   ],
@@ -184,9 +182,10 @@
     "@storybook/test": "^8.3.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-matcher-utils": "^29.7.0",
-    "react": "18.3.1",
+    "react": "*",
     "react-dom": "^18.3.1",
-    "react-native": "0.75.4",
+    "react-native": "*",
+    "react-native-exp-fig": "^0.1.1",
     "react-native-gesture-handler": "^2.19.0",
     "react-native-reanimated": "^3.16.7",
     "react-native-safe-area-context": "^4.11.0",
@@ -196,5 +195,14 @@
     "ts-jest": "^29.1.1",
     "ts-node": "^10.9.1",
     "typescript": "4.8.4"
+  },
+  "peerDependencies": {
+    "@types/react": "*",
+    "@types/react-native": "*",
+    "react": "*",
+    "react-dom": "*",
+    "react-native": "*",
+    "react-native-safe-area-context": "*",
+    "react-native-svg": "*"
   }
 }

package/src/common/constants/index.ts

@@ -0,0 +1,5 @@
+const IMAGES = {
+  IMAGE_ANONIMA:
+    "https://static.vakinha.com.br/uploads/user/avatar/2251959/download.png?ims=225x225",
+};
+export { IMAGES };

package/src/common/icons-svg/arrow-drop-down/index.tsx

@@ -1,28 +1,28 @@
-/**
- * IMPORTS
- */
-import React from "react";
-import Svg, { Path } from "react-native-svg";
-/**
- * typings
- */
-import { ISvgProps } from "../interface";
-
-const SvgIconArrowDropDown: React.FC<ISvgProps> = ({ size, color, ...res }) => (
-  <Svg
-    // @ts-expect-error
-    xmlns="http://www.w3.org/2000/svg"
-    width={size ?? "10"}
-    height={size ?? "6"}
-    fill="none"
-    viewBox="0 0 10 6"
-    {...res}
-  >
-    <Path fill={color ?? "#868686"} d="M5 5.813L0 0h10L5 5.813z"></Path>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconArrowDropDown };
+/**
+ * IMPORTS
+ */
+import React from "react";
+import Svg, { Path } from "react-native-svg";
+/**
+ * typings
+ */
+import { ISvgProps } from "../interface";
+
+const SvgIconArrowDropDown: React.FC<ISvgProps> = ({ size, color, ...res }) => (
+  <Svg
+    // @ts-expect-error
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? "10"}
+    height={size ?? "6"}
+    fill="none"
+    viewBox="0 0 10 6"
+    {...res}
+  >
+    <Path fill={color ?? "#868686"} d="M5 5.813L0 0h10L5 5.813z"></Path>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconArrowDropDown };

package/src/common/icons-svg/arrow-left/index.tsx

@@ -1,32 +1,32 @@
-/**
- * IMPORTS
- */
-import * as React from "react";
-import Svg, { Path } from "react-native-svg";
-
-//typings
-import { ISvgProps } from "../interface";
-
-const SvgIconArrowLeft: React.FC<ISvgProps> = ({ color, size }) => (
-  <Svg
-    //@ts-ignore
-    xmlns="http://www.w3.org/2000/svg"
-    width={size ?? 21}
-    height={size ?? 11}
-    fill="none"
-    viewBox="0 0 21 10"
-  >
-    <Path
-      stroke={color ?? "#fff"}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth="2"
-      d="M5.078 9L1.067 5m0 0l4.01-4m-4.01 4h18.05"
-    ></Path>
-  </Svg>
-);
-
-/**
- * EXPORTS
- */
-export { SvgIconArrowLeft };
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+
+//typings
+import { ISvgProps } from "../interface";
+
+const SvgIconArrowLeft: React.FC<ISvgProps> = ({ color, size }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? 21}
+    height={size ?? 11}
+    fill="none"
+    viewBox="0 0 21 10"
+  >
+    <Path
+      stroke={color ?? "#fff"}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="2"
+      d="M5.078 9L1.067 5m0 0l4.01-4m-4.01 4h18.05"
+    ></Path>
+  </Svg>
+);
+
+/**
+ * EXPORTS
+ */
+export { SvgIconArrowLeft };

package/src/common/icons-svg/bell/index.tsx

@@ -0,0 +1,26 @@
+/**
+ * IMPORTS
+ */
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+
+//typings
+import { ISvgProps } from "../interface";
+
+const SvgIconBell: React.FC<ISvgProps> = ({ size, color }) => (
+  <Svg
+    //@ts-ignore
+    xmlns="http://www.w3.org/2000/svg"
+    width={size ?? 32}
+    height={size ?? 32}
+    fill="none"
+    viewBox="0 0 32 32"
+  >
+    <Path
+      fill={color ?? "#2D3748"}
+      d="M28 8.888a1 1 0 0 1-1.348-.428 11.77 11.77 0 0 0-4.182-4.614 1.002 1.002 0 0 1 1.067-1.692 13.93 13.93 0 0 1 4.89 5.386A1 1 0 0 1 28 8.888M4.464 9a1 1 0 0 0 .887-.54c.955-1.886 2.4-3.48 4.183-4.614a1 1 0 0 0-1.068-1.692 13.93 13.93 0 0 0-4.89 5.386A1 1 0 0 0 4.464 9m23.262 12.993A2 2 0 0 1 26 25h-5.1a5 5 0 0 1-9.8 0H6a2 2 0 0 1-1.724-3.008C5.402 20.05 6 17.286 6 14a10 10 0 0 1 20 0c0 3.284.597 6.047 1.726 7.993M18.827 25h-5.655a3 3 0 0 0 5.655 0M26 23c-1.33-2.284-2-5.311-2-9a8 8 0 1 0-16 0c0 3.69-.673 6.718-2 9z"
+    ></Path>
+  </Svg>
+);
+
+export { SvgIconBell };