ncore-ui-kit 1.0.0-pre-alpha.0

package/package.json

@@ -0,0 +1,213 @@
+{
+    "name": "ncore-ui-kit",
+    "version": "1.0.0-pre-alpha.0",
+    "description": "NİBGAT® | NCore - UI Kit for React-Native Mobile Apps.",
+    "main": "./lib/module/index.js",
+    "types": "./lib/typescript/src/index.d.ts",
+    "exports": {
+        ".": {
+            "source": "./src/index.tsx",
+            "types": "./lib/typescript/src/index.d.ts",
+            "default": "./lib/module/index.js"
+        },
+        "./package.json": "./package.json"
+    },
+    "files": [
+        "src",
+        "lib",
+        "android",
+        "ios",
+        "cpp",
+        "*.podspec",
+        "react-native.config.js",
+        "!ios/build",
+        "!android/build",
+        "!android/gradle",
+        "!android/gradlew",
+        "!android/gradlew.bat",
+        "!android/local.properties",
+        "!**/__tests__",
+        "!**/__fixtures__",
+        "!**/__mocks__",
+        "!**/.*"
+    ],
+    "scripts": {
+        "example-mobile": "yarn workspace ncore-ui-kit-example-mobile",
+        "example-web": "yarn workspace ncore-ui-kit-example-web",
+        "clean": "del-cli lib",
+        "lint": "eslint . --ext .ts,.tsx --fix",
+        "prepare": "bob build && copyfiles -u 1 \"src/variants/**/*.json\" lib/typescript/src/ && node version.mjs",
+        "typecheck": "tsc -p tsconfig.build.json",
+        "release": "release-it --only-version",
+        "build": "yarn clean && yarn lint && yarn typecheck && yarn prepare && npm publish"
+    },
+    "keywords": [
+        "ncore",
+        "nibgat",
+        "ui",
+        "kit",
+        "design",
+        "system",
+        "design-system",
+        "component",
+        "library",
+        "component-library",
+        "mobile",
+        "web",
+        "react-native",
+        "android",
+        "ios"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "git+https://git.nibgat.space/nibgat-community/ncore-ui-kit.git.git"
+    },
+    "author": "nibgat <development@nibgat.com> (https://git.nibgat.space/nibgat-community)",
+    "license": "MIT",
+    "bugs": {
+        "url": "https://git.nibgat.space/nibgat-community/ncore-ui-kit.git/issues"
+    },
+    "homepage": "https://git.nibgat.space/nibgat-community/ncore-ui-kit.git#readme",
+    "publishConfig": {
+        "registry": "https://registry.npmjs.org/"
+    },
+    "devDependencies": {
+        "@babel/core": "7.25.2",
+        "@babel/plugin-proposal-class-properties": "7.18.6",
+        "@babel/plugin-transform-modules-commonjs": "7.28.6",
+        "@babel/plugin-transform-private-methods": "7.28.6",
+        "@babel/plugin-transform-private-property-in-object": "7.28.6",
+        "@babel/preset-env": "7.25.3",
+        "@babel/preset-typescript": "7.28.5",
+        "@babel/runtime": "7.25.0",
+        "@expo/metro-runtime": "56.0.15",
+        "@react-native-community/cli": "20.1.0",
+        "@react-native-community/cli-platform-android": "20.1.0",
+        "@react-native-community/cli-platform-ios": "20.1.0",
+        "@react-native/babel-preset": "0.85.3",
+        "@react-native/eslint-config": "0.85.3",
+        "@react-native/jest-preset": "0.85.3",
+        "@react-native/metro-config": "0.85.3",
+        "@react-native/new-app-screen": "0.85.3",
+        "@react-native/typescript-config": "0.85.3",
+        "@react-navigation/elements": "2.9.18",
+        "@react-navigation/native": "7.2.4",
+        "@react-navigation/native-stack": "7.15.1",
+        "@release-it/conventional-changelog": "10.0.1",
+        "@types/copyfiles": "2",
+        "@types/eslint-plugin-jsx-a11y": "6",
+        "@types/jest": "29.5.13",
+        "@types/node": "25.9.3",
+        "@types/react": "19.2.0",
+        "@types/react-native": "0.73.0",
+        "@types/react-test-renderer": "19.1.0",
+        "babel-loader": "10.1.1",
+        "babel-plugin-module-resolver": "5.0.3",
+        "babel-plugin-react-native-web": "0.21.2",
+        "babel-preset-expo": "56.0.15",
+        "copyfiles": "2.4.1",
+        "del-cli": "6.0.0",
+        "eslint": "9.37.0",
+        "eslint-import-resolver-typescript": "4.4.4",
+        "eslint-plugin-import": "2.32.0",
+        "eslint-plugin-jsonc": "2.21.0",
+        "eslint-plugin-jsx-a11y": "6.10.2",
+        "eslint-plugin-local-rules": "3.0.2",
+        "eslint-plugin-react": "7.37.5",
+        "eslint-plugin-react-hooks": "7.0.0",
+        "eslint-plugin-react-native": "5.0.0",
+        "expo": "56.0.11",
+        "expo-font": "56.0.6",
+        "expo-status-bar": "56.0.4",
+        "globals": "17.4.0",
+        "html-webpack-plugin": "5.6.7",
+        "jest": "29.6.3",
+        "jsonc-eslint-parser": "2.4.1",
+        "prettier": "2.8.8",
+        "react": "19.2.3",
+        "react-dom": "19.2.3",
+        "react-native": "0.85.3",
+        "react-native-builder-bob": "0.40.13",
+        "react-native-monorepo-config": "0.3.3",
+        "react-native-screens": "4.24.0",
+        "react-native-web": "0.21.2",
+        "react-test-renderer": "19.2.3",
+        "release-it": "19.0.4",
+        "turbo": "2.5.6",
+        "typescript": "5.9.3",
+        "typescript-eslint": "8.46.1",
+        "url-loader": "4.1.1",
+        "webpack": "5.107.1",
+        "webpack-cli": "7.0.2",
+        "webpack-dev-server": "5.2.4"
+    },
+    "peerDependencies": {
+        "lucide-react-native": ">= 1.16.0",
+        "moment": "*",
+        "ncore-context": ">= 1.0.7",
+        "react": "*",
+        "react-native": "*",
+        "react-native-safe-area-context": ">= 5.7.0",
+        "react-native-svg": ">= 15.15.3",
+        "rrule": "*"
+    },
+    "workspaces": [
+        "example/mobile",
+        "example/web",
+        "example/src"
+    ],
+    "packageManager": "yarn@4.11.0",
+    "react-native-builder-bob": {
+        "source": "src",
+        "output": "lib",
+        "targets": [
+            [
+                "module",
+                {
+                    "esm": true
+                }
+            ],
+            [
+                "typescript",
+                {
+                    "project": "tsconfig.build.json"
+                }
+            ]
+        ]
+    },
+    "release-it": {
+        "git": {
+            "commitMessage": "chore: release ${version}",
+            "tagName": "v${version}"
+        },
+        "npm": {
+            "publish": true
+        },
+        "github": {
+            "release": true
+        },
+        "plugins": {
+            "@release-it/conventional-changelog": {
+                "preset": {
+                    "name": "angular"
+                }
+            }
+        }
+    },
+    "create-react-native-library": {
+        "type": "library",
+        "languages": "js",
+        "tools": [
+            "release-it"
+        ],
+        "version": "0.57.2"
+    },
+    "dependencies": {
+        "lucide-react-native": "1.16.0",
+        "moment": "https://git.nibgat.space/nibgat-community/moment.git",
+        "ncore-context": "1.0.7",
+        "react-native-safe-area-context": "5.5.2",
+        "react-native-svg": "15.15.5",
+        "rrule": "https://git.nibgat.space/nibgat-community/rrule.git"
+    }
+}

package/react-native.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+    assets: [
+        "./src/assets/fonts"
+    ]
+};

package/src/assets/svg/badgeAlertIcon/index.tsx

@@ -0,0 +1,42 @@
+import {
+    NCoreUIKitTheme
+} from "../../../core/hooks";
+import {
+    type INCoreUIKitIconProps
+} from "../../../types";
+import {
+    Path,
+    Svg
+} from "react-native-svg";
+
+const SvgBadgeAlertIcon = ({
+    color = "default",
+    customColor,
+    size = 20,
+    ...props
+}: INCoreUIKitIconProps) => {
+    const {
+        colors
+    } = NCoreUIKitTheme.useContext();
+
+    const pathScale = 20 / size;
+
+    const finalColor = customColor ? customColor : colors.content.icon[color];
+
+    return <Svg
+        height={size}
+        width={size}
+        fill="none"
+        {...props}
+    >
+        <Path
+            d="M10 6.667V10m0 3.333h.008m-6.8-6.15a3.333 3.333 0 0 1 3.984-3.975 3.333 3.333 0 0 1 5.616 0 3.333 3.333 0 0 1 3.984 3.984 3.333 3.333 0 0 1 0 5.616 3.333 3.333 0 0 1-3.975 3.984 3.333 3.333 0 0 1-5.625 0 3.333 3.333 0 0 1-3.984-3.975 3.335 3.335 0 0 1 0-5.634Z"
+            transform={`scale(${1 / pathScale})`}
+            strokeLinejoin="round"
+            strokeLinecap="round"
+            strokeWidth={1.167}
+            stroke={finalColor}
+        />
+    </Svg>;
+};
+export default SvgBadgeAlertIcon;

package/src/assets/svg/badgeDangerIcon/index.tsx

@@ -0,0 +1,40 @@
+import {
+    NCoreUIKitTheme
+} from "../../../core/hooks";
+import {
+    type INCoreUIKitIconProps
+} from "../../../types";
+import {
+    Path,
+    Svg
+} from "react-native-svg";
+
+const SvgBadgeDangerIcon = ({
+    color = "default",
+    customColor,
+    size = 20,
+    ...props
+}: INCoreUIKitIconProps) => {
+    const {
+        colors
+    } = NCoreUIKitTheme.useContext();
+
+    const pathScale = 20 / size;
+
+    return <Svg
+        height={size}
+        width={size}
+        fill="none"
+        {...props}
+    >
+        <Path
+            d="m12.5 7.5-5 5m0-5 5 5M3.208 7.183a3.333 3.333 0 0 1 3.984-3.975 3.333 3.333 0 0 1 5.616 0 3.333 3.333 0 0 1 3.984 3.984 3.333 3.333 0 0 1 0 5.616 3.333 3.333 0 0 1-3.975 3.984 3.333 3.333 0 0 1-5.625 0 3.333 3.333 0 0 1-3.984-3.975 3.335 3.335 0 0 1 0-5.634Z"
+            stroke={customColor ? customColor : colors.content.icon[color]}
+            transform={`scale(${1 / pathScale})`}
+            strokeLinejoin="round"
+            strokeLinecap="round"
+            strokeWidth={1.167}
+        />
+    </Svg>;
+};
+export default SvgBadgeDangerIcon;

package/src/assets/svg/badgeInfoIcon/index.tsx

@@ -0,0 +1,40 @@
+import {
+    NCoreUIKitTheme
+} from "../../../core/hooks";
+import {
+    type INCoreUIKitIconProps
+} from "../../../types";
+import {
+    Path,
+    Svg
+} from "react-native-svg";
+
+const SvgBadgeInfoIcon = ({
+    color = "default",
+    customColor,
+    size = 20,
+    ...props
+}: INCoreUIKitIconProps) => {
+    const {
+        colors
+    } = NCoreUIKitTheme.useContext();
+
+    const pathScale = 20 / size;
+
+    return <Svg
+        height={size}
+        width={size}
+        fill="none"
+        {...props}
+    >
+        <Path
+            d="M10 13.333V10m0-3.333h.008m-6.8.516a3.333 3.333 0 0 1 3.984-3.975 3.333 3.333 0 0 1 5.616 0 3.333 3.333 0 0 1 3.984 3.984 3.333 3.333 0 0 1 0 5.616 3.333 3.333 0 0 1-3.975 3.984 3.333 3.333 0 0 1-5.625 0 3.333 3.333 0 0 1-3.984-3.975 3.335 3.335 0 0 1 0-5.634Z"
+            stroke={customColor ? customColor : colors.content.icon[color]}
+            transform={`scale(${1 / pathScale})`}
+            strokeLinejoin="round"
+            strokeLinecap="round"
+            strokeWidth={1.167}
+        />
+    </Svg>;
+};
+export default SvgBadgeInfoIcon;

package/src/assets/svg/badgeQuestionMarkIcon/index.tsx

@@ -0,0 +1,50 @@
+import {
+    NCoreUIKitTheme
+} from "../../../core/hooks";
+import {
+    type INCoreUIKitIconProps
+} from "../../../types";
+import {
+    Path,
+    Svg
+} from "react-native-svg";
+
+const SvgBadgeQuestionMarkIcon = ({
+    color = "default",
+    customColor,
+    size = 20,
+    ...props
+}: INCoreUIKitIconProps) => {
+    const {
+        colors
+    } = NCoreUIKitTheme.useContext();
+
+    const pathScale = 20 / size;
+
+    const finalColor = customColor ? customColor : colors.content.icon[color];
+
+    return <Svg
+        height={size}
+        width={size}
+        fill="none"
+        {...props}
+    >
+        <Path
+            d="m12.5 7.5-5 5m0-5 5 5M3.208 7.183a3.333 3.333 0 0 1 3.984-3.975 3.333 3.333 0 0 1 5.616 0 3.333 3.333 0 0 1 3.984 3.984 3.333 3.333 0 0 1 0 5.616 3.333 3.333 0 0 1-3.975 3.984 3.333 3.333 0 0 1-5.625 0 3.333 3.333 0 0 1-3.984-3.975 3.335 3.335 0 0 1 0-5.634Z"
+            transform={`scale(${1 / pathScale})`}
+            strokeLinejoin="round"
+            strokeLinecap="round"
+            strokeWidth={1.167}
+            stroke={finalColor}
+        />
+        <Path
+            d="M7.575 7.5a2.5 2.5 0 0 1 4.858.833c0 1.667-2.5 2.5-2.5 2.5M10 14.167h.008"
+            transform={`scale(${1 / pathScale})`}
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            stroke={finalColor}
+            strokeWidth={1.167}
+        />
+    </Svg>;
+};
+export default SvgBadgeQuestionMarkIcon;

package/src/assets/svg/badgeRightIcon/index.tsx

@@ -0,0 +1,40 @@
+import {
+    NCoreUIKitTheme
+} from "../../../core/hooks";
+import {
+    type INCoreUIKitIconProps
+} from "../../../types";
+import {
+    Path,
+    Svg
+} from "react-native-svg";
+
+const SvgChevronRight = ({
+    color = "default",
+    customColor,
+    size = 30,
+    ...props
+}: INCoreUIKitIconProps) => {
+    const {
+        colors
+    } = NCoreUIKitTheme.useContext();
+
+    const pathScale = 26 / size;
+
+    return <Svg
+        height={size}
+        width={size}
+        fill="none"
+        {...props}
+    >
+        <Path
+            stroke={customColor ? customColor : colors.content.icon[color]}
+            transform={`scale(${1 / pathScale})`}
+            d="m7.5 24 11-11-11-11"
+            strokeLinejoin="round"
+            strokeLinecap="round"
+            strokeWidth={1.55}
+        />
+    </Svg>;
+};
+export default SvgChevronRight;

package/src/assets/svg/badgeSuccessIcon/index.tsx

@@ -0,0 +1,50 @@
+import {
+    NCoreUIKitTheme
+} from "../../../core/hooks";
+import {
+    type INCoreUIKitIconProps
+} from "../../../types";
+import {
+    Path,
+    Svg
+} from "react-native-svg";
+
+const SvgBadgeSuccessIcon = ({
+    color = "default",
+    customColor,
+    size = 20,
+    ...props
+}: INCoreUIKitIconProps) => {
+    const {
+        colors
+    } = NCoreUIKitTheme.useContext();
+
+    const pathScale = 20 / size;
+
+    const finalColor = customColor ? customColor : colors.content.icon[color];
+
+    return <Svg
+        height={size}
+        width={size}
+        fill="none"
+        {...props}
+    >
+        <Path
+            d="m12.5 7.5-5 5m0-5 5 5M3.208 7.183a3.333 3.333 0 0 1 3.984-3.975 3.333 3.333 0 0 1 5.616 0 3.333 3.333 0 0 1 3.984 3.984 3.333 3.333 0 0 1 0 5.616 3.333 3.333 0 0 1-3.975 3.984 3.333 3.333 0 0 1-5.625 0 3.333 3.333 0 0 1-3.984-3.975 3.335 3.335 0 0 1 0-5.634Z"
+            transform={`scale(${1 / pathScale})`}
+            strokeLinejoin="round"
+            strokeLinecap="round"
+            strokeWidth={1.167}
+            stroke={finalColor}
+        />
+        <Path
+            transform={`scale(${1 / pathScale})`}
+            d="m7.5 10 1.667 1.667L12.5 8.333"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth={1.167}
+            stroke={finalColor}
+        />
+    </Svg>;
+};
+export default SvgBadgeSuccessIcon;

package/src/assets/svg/chevronRightIcon/index.tsx

@@ -0,0 +1,40 @@
+import {
+    NCoreUIKitTheme
+} from "../../../core/hooks";
+import {
+    type INCoreUIKitIconProps
+} from "../../../types";
+import {
+    Path,
+    Svg
+} from "react-native-svg";
+
+const SvgChevronRight = ({
+    color = "default",
+    customColor,
+    size = 30,
+    ...props
+}: INCoreUIKitIconProps) => {
+    const {
+        colors
+    } = NCoreUIKitTheme.useContext();
+
+    const pathScale = 26 / size;
+
+    return <Svg
+        height={size}
+        width={size}
+        fill="none"
+        {...props}
+    >
+        <Path
+            stroke={customColor ? customColor : colors.content.icon[color]}
+            transform={`scale(${1 / pathScale})`}
+            d="m7.5 24 11-11-11-11"
+            strokeLinejoin="round"
+            strokeLinecap="round"
+            strokeWidth={1.55}
+        />
+    </Svg>;
+};
+export default SvgChevronRight;

package/src/assets/svg/cleanIcon/index.tsx

@@ -0,0 +1,40 @@
+import {
+    NCoreUIKitTheme
+} from "../../../core/hooks";
+import {
+    type INCoreUIKitIconProps
+} from "../../../types";
+import {
+    Path,
+    Svg
+} from "react-native-svg";
+
+const SvgCleanIcon = ({
+    color = "default",
+    customColor,
+    size = 20,
+    ...props
+}: INCoreUIKitIconProps) => {
+    const {
+        colors
+    } = NCoreUIKitTheme.useContext();
+
+    const pathScale = 27 / size;
+
+    return <Svg
+        height={size}
+        width={size}
+        fill="none"
+        {...props}
+    >
+        <Path
+            d="M13.5 25C19.851 25 25 19.851 25 13.5S19.851 2 13.5 2 2 7.149 2 13.5 7.149 25 13.5 25ZM16.95 10.05l-6.9 6.9m0-6.9 6.9 6.9"
+            stroke={customColor ? customColor : colors.content.icon[color]}
+            transform={`scale(${1 / pathScale})`}
+            strokeLinejoin="round"
+            strokeLinecap="round"
+            strokeWidth={1.25}
+        />
+    </Svg>;
+};
+export default SvgCleanIcon;

package/src/assets/svg/eyeClosedIcon/index.tsx

@@ -0,0 +1,50 @@
+import {
+    NCoreUIKitTheme
+} from "../../../core/hooks";
+import {
+    type INCoreUIKitIconProps
+} from "../../../types";
+import {
+    Path,
+    Svg
+} from "react-native-svg";
+
+const SvgEyeClosed = ({
+    color = "default",
+    customColor,
+    size = 30,
+    ...props
+}: INCoreUIKitIconProps) => {
+    const {
+        colors
+    } = NCoreUIKitTheme.useContext();
+
+    const pathScale = 20 / size;
+
+    const finalColor = customColor ? customColor : colors.content.icon[color];
+
+    return <Svg
+        height={size}
+        width={size}
+        fill="none"
+        {...props}
+    >
+        <Path
+            d="M8.958 4.233a8.954 8.954 0 0 1 9.338 5.48c.069.187.069.392 0 .58a9.002 9.002 0 0 1-1.204 2.075m-5.341-.566a2.5 2.5 0 0 1-3.536-3.535"
+            transform={`scale(${1 / pathScale})`}
+            strokeLinejoin="round"
+            strokeLinecap="round"
+            strokeWidth={1.167}
+            stroke={finalColor}
+        />
+        <Path
+            d="M14.58 14.586a8.957 8.957 0 0 1-12.848-4.293.833.833 0 0 1 0-.58 8.958 8.958 0 0 1 3.705-4.285M1.68 1.67l16.667 16.667"
+            transform={`scale(${1 / pathScale})`}
+            strokeLinejoin="round"
+            strokeLinecap="round"
+            strokeWidth={1.167}
+            stroke={finalColor}
+        />
+    </Svg>;
+};
+export default SvgEyeClosed;