sy-ui-lib 1.0.0

package/dist/utils/commonFunctionality/commonFunctionality.d.ts

@@ -0,0 +1,13 @@
+import { FormatToKMBOptions } from './commonFunctionality.types';
+export declare const formatToKMB: (value: number, options?: FormatToKMBOptions) => string;
+/**
+ * Generates a unique identifier (UUID v4) with optional prefix.
+ *
+ * - Uses the secure `crypto.randomUUID()` if available.
+ * - Falls back to a manual UUID v4 generator if needed (less secure).
+ * - Optionally prepends a string prefix for easier identification (e.g., "user-", "order-").
+ *
+ * @param prefix Optional string to prepend to the UUID.
+ * @returns A unique identifier string.
+ */
+export declare const generateUUID: (prefix?: string) => string;

package/dist/utils/commonFunctionality/commonFunctionality.types.d.ts

@@ -0,0 +1,3 @@
+export interface FormatToKMBOptions {
+    showDecimal?: boolean;
+}

package/dist/utils/commonFunctionality/index.d.ts

@@ -0,0 +1,2 @@
+export * from './commonFunctionality';
+export * from './commonFunctionality.types';

package/dist/utils/constants.d.ts

@@ -0,0 +1,44 @@
+/** Defines the number of skeleton loading placeholders to display */
+export declare const SKELETON_COUNT: {
+    TABLE_HEADERS: number;
+    TABLE_COLUMNS: number;
+};
+/** Defines supported bet types */
+export declare const BET_TYPE: {
+    LAY: string;
+    BACK: string;
+    YES: string;
+    NO: string;
+    ODD: string;
+    EVEN: string;
+};
+export declare const ODDS_TABLE_ROW_INFO: {
+    SHOW_ODDS_LEVEL: number;
+    IN_PLAY_MSG: string;
+    MATCHED_POINTS: string;
+};
+export declare const BET_TYPES_COLORS: {
+    /** BACK button color shades from lowest → highest */
+    BACK_COLORS: string[];
+    /** LAY button color shades from lowest → highest */
+    LAY_COLORS: string[];
+    /** Yes button color */
+    YES_COLOR: string;
+    /** No button color */
+    NO_COLOR: string;
+    /** Odd Even button color */
+    ODD_COLOR: string;
+};
+/** Rules for bet slip number input: step increment and allowed range limit */
+export declare const BET_SLIP_INPUT_RULE: {
+    NUMBER_FILED_STEPS: number;
+    LIMIT: number;
+};
+export declare const COMMON_REGEX: {
+    /** regexp for accepting only number values */
+    NUMBER_INPUT_REGEX: RegExp;
+    /** regexp for file-format validation */
+    FILE_FORMAT_REGEX: RegExp;
+    /** Remove trailing zeros and optional decimal point*/
+    formatToKMB: RegExp;
+};

package/dist/utils/countryCodes.d.ts

@@ -0,0 +1,6 @@
+/** Predefined list of countries used in PhoneNumberInput for country code selection. */
+export declare const countries: {
+    code: string;
+    shortName: string;
+    fullName: string;
+}[];

package/dist/utils/paginationUtils.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Generates an array of page numbers and ellipses for pagination display.
+ * Always includes the first and last pages, and pages around the current page.
+ *
+ * @param currentPage - The current page number (1-based)
+ * @param totalPages - Total number of pages
+ * @param visiblePages - How many pages to show around the current
+ * @returns An array of numbers and "..." representing pagination buttons
+ */
+export declare const generatePageNumbers: (currentPage: number, totalPages: number, visiblePages: number) => (number | string)[];

package/dist/utils/useScreenSize.d.ts

@@ -0,0 +1,3 @@
+export declare function useScreenSize(): {
+    isMobile: boolean;
+};

package/dist/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "sy-ui-lib",
+  "version": "1.0.0",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": ["dist"],
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./dist/index.css": "./dist/index.css"
+  },
+  "type": "module",
+  "scripts": {
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "build": "vite build",
+    "prepare": "husky"
+  },
+  "dependencies": {
+    "@tailwindcss/vite": "^4.1.8",
+    "@tanstack/react-table": "^8.21.3",
+    "react": "^19.1.0",
+    "react-day-picker": "^9.7.0",
+    "react-dom": "^19.1.0",
+    "react-time-picker": "^7.0.0",
+    "yarn": "^1.22.22"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "1.9.4",
+    "@chromatic-com/storybook": "^4.0.0",
+    "@eslint/js": "^9.25.0",
+    "@storybook/addon-a11y": "^9.0.4",
+    "@storybook/addon-docs": "^9.0.4",
+    "@storybook/addon-onboarding": "^9.0.4",
+    "@storybook/react-vite": "^9.0.4",
+    "@types/node": "^22.15.29",
+    "@types/react": "^19.1.6",
+    "@types/react-dom": "^19.1.6",
+    "@vitejs/plugin-react": "^4.4.1",
+    "autoprefixer": "^10.4.21",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.19",
+    "eslint-plugin-storybook": "^9.0.4",
+    "globals": "^16.0.0",
+    "husky": "^9.1.7",
+    "lint-staged": "^16.1.0",
+    "playwright": "^1.52.0",
+    "postcss": "^8.5.4",
+    "storybook": "^9.0.4",
+    "tailwindcss": "^4.1.8",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.30.1",
+    "vite": "^6.3.5",
+    "vite-plugin-dts": "^4.5.4"
+  }
+}