@vritti/quantum-ui 0.1.22 → 0.2.0

package/package.json

@@ -5,7 +5,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.1.22",
+  "version": "0.2.0",
   "type": "module",
   "sideEffects": false,
   "repository": {
@@ -84,6 +84,18 @@
       "types": "./dist/Form.d.ts",
       "import": "./dist/components/Form.js"
     },
+    "./DatePicker": {
+      "types": "./dist/DatePicker.d.ts",
+      "import": "./dist/components/DatePicker.js"
+    },
+    "./Skeleton": {
+      "types": "./dist/Skeleton.d.ts",
+      "import": "./dist/components/Skeleton.js"
+    },
+    "./Spinner": {
+      "types": "./dist/Spinner.d.ts",
+      "import": "./dist/components/Spinner.js"
+    },
     "./Field": {
       "types": "./dist/Field.d.ts",
       "import": "./dist/shadcn/shadcnField.js"
@@ -92,10 +104,6 @@
       "types": "./dist/axios.d.ts",
       "import": "./dist/utils/axios.js"
     },
-    "./AuthProvider": {
-      "types": "./dist/AuthProvider.d.ts",
-      "import": "./dist/context/AuthProvider.js"
-    },
     "./index.css": "./dist/assets/quantum-ui.css"
   },
   "files": [
@@ -107,59 +115,67 @@
     "build:js": "vite build",
     "build:types": "tsc --project tsconfig.lib.json --emitDeclarationOnly",
     "build:watch": "npm run build:types && vite build --watch",
-    "lint": "eslint .",
+    "check": "biome check --write .",
+    "format": "biome format --write .",
+    "lint": "biome lint .",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "build-storybook:github": "NODE_ENV=production storybook build"
   },
   "peerDependencies": {
+    "@tanstack/react-query": "^5.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
     "react-router-dom": "^6.0.0 || ^7.0.0"
   },
+  "peerDependenciesMeta": {
+    "@tanstack/react-query": {
+      "optional": true
+    }
+  },
   "devDependencies": {
-    "@eslint/js": "^9.25.0",
-    "@storybook/addon-docs": "10.0.8",
-    "@storybook/addon-themes": "^10.0.8",
-    "@storybook/react-vite": "10.0.8",
+    "@biomejs/biome": "2.2.3",
+    "@storybook/addon-docs": "10.1.11",
+    "@storybook/addon-themes": "^10.1.11",
+    "@storybook/react-vite": "10.1.11",
     "@tailwindcss/postcss": "^4.1.13",
+    "@tanstack/react-query": "^5.90.17",
     "@types/node": "^22.18.1",
     "@types/react": "^19.1.2",
     "@types/react-dom": "^19.1.2",
     "@vitejs/plugin-react": "^4.4.1",
     "ajv": "^8.17.1",
-    "eslint": "^9.25.0",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.19",
-    "eslint-plugin-storybook": "10.0.8",
     "glob": "^11.0.2",
-    "globals": "^16.0.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-router-dom": "^7.9.4",
-    "storybook": "10.0.8",
+    "storybook": "10.1.11",
     "tailwindcss": "^4.1.17",
     "tw-animate-css": "^1.3.8",
     "typescript": "~5.8.3",
-    "typescript-eslint": "^8.30.1",
     "vite": "^7.1.6",
     "vite-plugin-dts": "^4.5.4"
   },
   "dependencies": {
     "@hookform/resolvers": "^5.2.2",
     "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.15",
     "@radix-ui/react-label": "^2.1.7",
+    "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-progress": "^1.1.7",
     "@radix-ui/react-select": "^2.2.6",
     "@radix-ui/react-separator": "^1.1.8",
     "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-tooltip": "^1.1.15",
     "@tailwindcss/vite": "^4.1.17",
     "axios": "^1.12.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "input-otp": "^1.4.2",
     "lucide-react": "^0.544.0",
+    "react-day-picker": "^9.11.3",
     "react-hook-form": "^7.66.0",
     "react-phone-number-input": "^3.4.12",
     "tailwind-merge": "^3.3.1",

package/dist/AuthProvider.d.ts

@@ -1,34 +0,0 @@
-import { Context } from 'react';
-import { default as default_2 } from 'react';
-
-export declare const OnboardingContext: Context<OnboardingContextType | undefined>;
-
-export declare interface OnboardingContextType extends OnboardingData {
-    onboardingToken: string | null;
-    isLoading: boolean;
-    error: string | null;
-}
-
-export declare interface OnboardingData {
-    userId: string;
-    email: string;
-    firstName: string;
-    lastName: string;
-    currentStep: string;
-    onboardingComplete: boolean;
-    accountStatus: string;
-    emailVerified: boolean;
-    phoneVerified: boolean;
-}
-
-export declare const OnboardingProvider: default_2.FC<OnboardingProviderProps>;
-
-declare interface OnboardingProviderProps {
-    children: default_2.ReactNode;
-    onboardingToken?: string;
-    onUnauthorized?: () => void;
-}
-
-export declare const useOnboarding: () => OnboardingContextType;
-
-export { }

package/dist/OnboardingProvider.js

@@ -1,113 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { createContext, useContext, useState, useRef, useCallback, useEffect } from 'react';
-import { useNavigate } from 'react-router-dom';
-import { e as clearToken, a as axios, s as setToken } from './axios.js';
-
-const OnboardingContext = createContext(void 0);
-const useOnboarding = () => {
-  const context = useContext(OnboardingContext);
-  if (!context) {
-    throw new Error("useOnboarding must be used within an OnboardingProvider");
-  }
-  return context;
-};
-
-const OnboardingProvider = ({
-  children,
-  onboardingToken: initialToken,
-  onUnauthorized
-}) => {
-  const [data, setData] = useState(null);
-  const [isLoading, setIsLoading] = useState(true);
-  const navigate = useNavigate();
-  const isFetchingRef = useRef(false);
-  const hasSetInitialTokenRef = useRef(false);
-  const handleUnauthorized = useCallback(() => {
-    clearToken("onboarding");
-    if (onUnauthorized) {
-      onUnauthorized();
-    } else {
-      navigate("/login", { replace: true });
-    }
-  }, [navigate, onUnauthorized]);
-  const fetchOnboardingStatus = useCallback(async () => {
-    if (isFetchingRef.current) return;
-    isFetchingRef.current = true;
-    try {
-      const response = await axios.get("/onboarding/status");
-      if (response.data.onboardingToken) {
-        setToken("onboarding", response.data.onboardingToken);
-      }
-      setData({
-        ...response.data,
-        isLoading: false,
-        error: null
-      });
-    } catch (err) {
-      const axiosError = err;
-      if (axiosError.response?.status === 401) {
-        handleUnauthorized();
-      } else {
-        setData({
-          onboardingToken: null,
-          userId: "",
-          email: "",
-          firstName: "",
-          lastName: "",
-          currentStep: "",
-          onboardingComplete: false,
-          accountStatus: "",
-          emailVerified: false,
-          phoneVerified: false,
-          isLoading: false,
-          error: axiosError?.message || "Failed to fetch onboarding status"
-        });
-      }
-    } finally {
-      isFetchingRef.current = false;
-      setIsLoading(false);
-    }
-  }, [handleUnauthorized]);
-  useEffect(() => {
-    if (initialToken && !hasSetInitialTokenRef.current) {
-      hasSetInitialTokenRef.current = true;
-      setToken("onboarding", initialToken);
-    }
-  }, [initialToken]);
-  useEffect(() => {
-    fetchOnboardingStatus();
-  }, [fetchOnboardingStatus]);
-  useEffect(() => {
-    if (data?.onboardingToken) {
-      setToken("onboarding", data.onboardingToken);
-    }
-  }, [data?.onboardingToken]);
-  useEffect(() => {
-    return () => {
-      clearToken("onboarding");
-    };
-  }, []);
-  if (isLoading) {
-    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs("div", { className: "text-center space-y-4", children: [
-      /* @__PURE__ */ jsx("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-primary mx-auto" }),
-      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: "Loading..." })
-    ] }) });
-  }
-  return /* @__PURE__ */ jsx(OnboardingContext.Provider, { value: data || {
-    onboardingToken: null,
-    userId: "",
-    email: "",
-    firstName: "",
-    lastName: "",
-    currentStep: "",
-    onboardingComplete: false,
-    accountStatus: "",
-    emailVerified: false,
-    phoneVerified: false,
-    isLoading: false,
-    error: null
-  }, children });
-};
-
-export { OnboardingContext as O, OnboardingProvider as a, useOnboarding as u };
-//# sourceMappingURL=OnboardingProvider.js.map

package/dist/OnboardingProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OnboardingProvider.js","sources":["../lib/context/OnboardingContext.tsx","../lib/context/OnboardingProvider.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport interface OnboardingData {\n  userId: string;\n  email: string;\n  firstName: string;\n  lastName: string;\n  currentStep: string;\n  onboardingComplete: boolean;\n  accountStatus: string;\n  emailVerified: boolean;\n  phoneVerified: boolean;\n}\n\nexport interface OnboardingContextType extends OnboardingData {\n  onboardingToken: string | null;\n  isLoading: boolean;\n  error: string | null;\n}\n\nexport const OnboardingContext = createContext<OnboardingContextType | undefined>(undefined);\n\nexport const useOnboarding = (): OnboardingContextType => {\n  const context = useContext(OnboardingContext);\n  if (!context) {\n    throw new Error('useOnboarding must be used within an OnboardingProvider');\n  }\n  return context;\n};\n","import React, { useEffect, useState, useRef, useCallback } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { OnboardingContext, type OnboardingContextType, type OnboardingData } from './OnboardingContext';\nimport { axios, setToken, clearToken } from '../utils/axios';\nimport type { AxiosError } from 'axios';\n\n/**\n * Props for the OnboardingProvider component\n */\ninterface OnboardingProviderProps {\n  /** React children to render within the provider */\n  children: React.ReactNode;\n  /** Optional initial onboarding token to set before fetching status */\n  onboardingToken?: string;\n  /** Optional callback to handle unauthorized (401) responses */\n  onUnauthorized?: () => void;\n}\n\n/**\n * API response structure for onboarding status endpoint\n */\ninterface OnboardingStatusResponse extends OnboardingData {\n  onboardingToken: string;\n}\n\n/**\n * OnboardingProvider manages the onboarding state and token lifecycle.\n *\n * This provider integrates with the centralized axios token management system:\n * - Sets onboarding tokens automatically when available\n * - Clears tokens on 401 errors or unmount\n * - All axios requests automatically include the Authorization header\n *\n * @example\n * ```tsx\n * // Basic usage (fetches onboarding status on mount)\n * <OnboardingProvider>\n *   <App />\n * </OnboardingProvider>\n *\n * // With initial token\n * <OnboardingProvider onboardingToken={token}>\n *   <App />\n * </OnboardingProvider>\n *\n * // With custom unauthorized handler\n * <OnboardingProvider onUnauthorized={() => router.push('/custom-login')}>\n *   <App />\n * </OnboardingProvider>\n * ```\n */\nexport const OnboardingProvider: React.FC<OnboardingProviderProps> = ({\n  children,\n  onboardingToken: initialToken,\n  onUnauthorized\n}) => {\n  const [data, setData] = useState<OnboardingContextType | null>(null);\n  const [isLoading, setIsLoading] = useState(true);\n  const navigate = useNavigate();\n  const isFetchingRef = useRef(false);\n  const hasSetInitialTokenRef = useRef(false);\n\n  /**\n   * Handle unauthorized (401) responses\n   */\n  const handleUnauthorized = useCallback(() => {\n    // Clear the onboarding token\n    clearToken('onboarding');\n\n    // Call custom handler if provided, otherwise navigate to login\n    if (onUnauthorized) {\n      onUnauthorized();\n    } else {\n      navigate('/login', { replace: true });\n    }\n  }, [navigate, onUnauthorized]);\n\n  /**\n   * Fetch onboarding status from the API\n   */\n  const fetchOnboardingStatus = useCallback(async () => {\n    // Prevent multiple simultaneous calls\n    if (isFetchingRef.current) return;\n\n    isFetchingRef.current = true;\n    try {\n      const response = await axios.get<OnboardingStatusResponse>('/onboarding/status');\n\n      // Set the new token if provided by the API\n      if (response.data.onboardingToken) {\n        setToken('onboarding', response.data.onboardingToken);\n      }\n\n      setData({\n        ...response.data,\n        isLoading: false,\n        error: null,\n      });\n    } catch (err) {\n      const axiosError = err as AxiosError;\n      if (axiosError.response?.status === 401) {\n        handleUnauthorized();\n      } else {\n        // Set error state for other failures (connection errors, etc)\n        setData({\n          onboardingToken: null,\n          userId: '',\n          email: '',\n          firstName: '',\n          lastName: '',\n          currentStep: '',\n          onboardingComplete: false,\n          accountStatus: '',\n          emailVerified: false,\n          phoneVerified: false,\n          isLoading: false,\n          error: axiosError?.message || 'Failed to fetch onboarding status',\n        });\n      }\n    } finally {\n      isFetchingRef.current = false;\n      setIsLoading(false);\n    }\n  }, [handleUnauthorized]);\n\n  /**\n   * Set initial token if provided via props\n   * This runs before fetching status to ensure the token is available for the API call\n   */\n  useEffect(() => {\n    if (initialToken && !hasSetInitialTokenRef.current) {\n      hasSetInitialTokenRef.current = true;\n      setToken('onboarding', initialToken);\n    }\n  }, [initialToken]);\n\n  /**\n   * Fetch onboarding status on mount\n   */\n  useEffect(() => {\n    fetchOnboardingStatus();\n  }, [fetchOnboardingStatus]);\n\n  /**\n   * Update token when data changes\n   * This handles tokens returned from the API that might differ from the initial token\n   */\n  useEffect(() => {\n    if (data?.onboardingToken) {\n      setToken('onboarding', data.onboardingToken);\n    }\n  }, [data?.onboardingToken]);\n\n  /**\n   * Clean up token on unmount\n   */\n  useEffect(() => {\n    return () => {\n      // Clear onboarding token when provider unmounts\n      clearToken('onboarding');\n    };\n  }, []);\n\n  if (isLoading) {\n    return (\n      <div className='flex items-center justify-center min-h-screen'>\n        <div className='text-center space-y-4'>\n          <div className='animate-spin rounded-full h-12 w-12 border-b-2 border-primary mx-auto'></div>\n          <p className='text-muted-foreground'>Loading...</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <OnboardingContext.Provider value={data || {\n      onboardingToken: null,\n      userId: '',\n      email: '',\n      firstName: '',\n      lastName: '',\n      currentStep: '',\n      onboardingComplete: false,\n      accountStatus: '',\n      emailVerified: false,\n      phoneVerified: false,\n      isLoading: false,\n      error: null,\n    }}>\n      {children}\n    </OnboardingContext.Provider>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/context/AuthProvider.d.ts

@@ -1,2 +0,0 @@
-export * from './index'
-export {}

package/dist/context/AuthProvider.js

@@ -1,2 +0,0 @@
-export { O as OnboardingContext, a as OnboardingProvider, u as useOnboarding } from '../OnboardingProvider.js';
-//# sourceMappingURL=AuthProvider.js.map

package/dist/context/AuthProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AuthProvider.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}