nextjs-starter-kit 0.1.1

package/src/components/ui/table.jsx

@@ -0,0 +1,113 @@
+"use client";
+
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Table({ className, ...props }) {
+    return (
+        <div
+            data-slot="table-container"
+            className="relative w-full overflow-x-auto"
+        >
+            <table
+                data-slot="table"
+                className={cn("w-full caption-bottom text-sm", className)}
+                {...props}
+            />
+        </div>
+    );
+}
+
+function TableHeader({ className, ...props }) {
+    return (
+        <thead
+            data-slot="table-header"
+            className={cn("[&_tr]:border-b", className)}
+            {...props}
+        />
+    );
+}
+
+function TableBody({ className, ...props }) {
+    return (
+        <tbody
+            data-slot="table-body"
+            className={cn("[&_tr:last-child]:border-0", className)}
+            {...props}
+        />
+    );
+}
+
+function TableFooter({ className, ...props }) {
+    return (
+        <tfoot
+            data-slot="table-footer"
+            className={cn(
+                "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
+                className
+            )}
+            {...props}
+        />
+    );
+}
+
+function TableRow({ className, ...props }) {
+    return (
+        <tr
+            data-slot="table-row"
+            className={cn(
+                "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+                className
+            )}
+            {...props}
+        />
+    );
+}
+
+function TableHead({ className, ...props }) {
+    return (
+        <th
+            data-slot="table-head"
+            className={cn(
+                "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+                className
+            )}
+            {...props}
+        />
+    );
+}
+
+function TableCell({ className, ...props }) {
+    return (
+        <td
+            data-slot="table-cell"
+            className={cn(
+                "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+                className
+            )}
+            {...props}
+        />
+    );
+}
+
+function TableCaption({ className, ...props }) {
+    return (
+        <caption
+            data-slot="table-caption"
+            className={cn("text-muted-foreground mt-4 text-sm", className)}
+            {...props}
+        />
+    );
+}
+
+export {
+    Table,
+    TableHeader,
+    TableBody,
+    TableFooter,
+    TableHead,
+    TableRow,
+    TableCell,
+    TableCaption,
+};

package/src/components/ui/tabs.jsx

@@ -0,0 +1,54 @@
+"use client";
+
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+
+import { cn } from "@/lib/utils";
+
+function Tabs({ className, ...props }) {
+    return (
+        <TabsPrimitive.Root
+            data-slot="tabs"
+            className={cn("flex flex-col gap-2", className)}
+            {...props}
+        />
+    );
+}
+
+function TabsList({ className, ...props }) {
+    return (
+        <TabsPrimitive.List
+            data-slot="tabs-list"
+            className={cn(
+                "bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
+                className
+            )}
+            {...props}
+        />
+    );
+}
+
+function TabsTrigger({ className, ...props }) {
+    return (
+        <TabsPrimitive.Trigger
+            data-slot="tabs-trigger"
+            className={cn(
+                "data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+                className
+            )}
+            {...props}
+        />
+    );
+}
+
+function TabsContent({ className, ...props }) {
+    return (
+        <TabsPrimitive.Content
+            data-slot="tabs-content"
+            className={cn("flex-1 outline-none", className)}
+            {...props}
+        />
+    );
+}
+
+export { Tabs, TabsList, TabsTrigger, TabsContent };

package/src/components/ui/textarea.jsx

@@ -0,0 +1,18 @@
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+function Textarea({ className, ...props }) {
+    return (
+        <textarea
+            data-slot="textarea"
+            className={cn(
+                "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+                className
+            )}
+            {...props}
+        />
+    );
+}
+
+export { Textarea };

package/src/components/ui/tooltip.jsx

@@ -0,0 +1,49 @@
+"use client";
+
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+
+import { cn } from "@/lib/utils";
+
+function TooltipProvider({ delayDuration = 0, ...props }) {
+    return (
+        <TooltipPrimitive.Provider
+            data-slot="tooltip-provider"
+            delayDuration={delayDuration}
+            {...props}
+        />
+    );
+}
+
+function Tooltip({ ...props }) {
+    return (
+        <TooltipProvider>
+            <TooltipPrimitive.Root data-slot="tooltip" {...props} />
+        </TooltipProvider>
+    );
+}
+
+function TooltipTrigger({ ...props }) {
+    return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />;
+}
+
+function TooltipContent({ className, sideOffset = 0, children, ...props }) {
+    return (
+        <TooltipPrimitive.Portal>
+            <TooltipPrimitive.Content
+                data-slot="tooltip-content"
+                sideOffset={sideOffset}
+                className={cn(
+                    "bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+                    className
+                )}
+                {...props}
+            >
+                {children}
+                <TooltipPrimitive.Arrow className="bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" />
+            </TooltipPrimitive.Content>
+        </TooltipPrimitive.Portal>
+    );
+}
+
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/src/lib/axios.js

@@ -0,0 +1,8 @@
+import axios from "axios";
+
+const axiosClient = axios.create({
+    baseURL: process.env.NEXT_PUBLIC_API_URL,
+    withCredentials: true,
+});
+
+export default axiosClient;

package/src/lib/queryClient.js

@@ -0,0 +1,11 @@
+import { QueryClient } from "@tanstack/react-query";
+
+export const queryClient = new QueryClient({
+    defaultOptions: {
+        queries: {
+            staleTime: 0, // 👈 Always stale → always refetch
+            refetchOnWindowFocus: false, // 👈 Optional: Don' t spam refetch on tab switch
+            retry: 1, // 👈 1 retry only, safe
+        },
+    },
+});

package/src/lib/utils.js

@@ -0,0 +1,6 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}

package/src/providers/QueryProvider.jsx

@@ -0,0 +1,15 @@
+"use client";
+import { QueryClientProvider } from "@tanstack/react-query";
+import { queryClient } from "@/lib/queryClient";
+import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
+
+export function QueryProvider({ children }) {
+    return (
+        <QueryClientProvider client={queryClient}>
+            {children}
+            {process.env.NODE_ENV === "development" && (
+                <ReactQueryDevtools initialIsOpen={false} />
+            )}
+        </QueryClientProvider>
+    );
+}

package/src/shared/icons.js

@@ -0,0 +1,308 @@
+import {
+    IconAdjustmentsHorizontal,
+    IconArrowDown,
+    IconArrowLeft,
+    IconArrowRight,
+    IconArrowUp,
+    IconArrowNarrowRight,
+    IconArrowsUpDown,
+    IconBoxMultipleFilled,
+    IconBrandDiscordFilled,
+    IconBrandFacebook,
+    IconBrandInstagram,
+    IconBrandX,
+    IconCalendarWeek,
+    IconLock,
+    IconChalkboard,
+    IconCheck,
+    IconChevronDown,
+    IconChevronLeft,
+    IconChevronRight,
+    IconChevronUp,
+    IconChevronsDown,
+    IconChevronsLeft,
+    IconChevronsRight,
+    IconChevronsUp,
+    IconCircle,
+    IconCircleCheck,
+    IconCircleDashedCheck,
+    IconCirclePlus,
+    IconDeviceTvOld,
+    IconDotsVertical,
+    IconEye,
+    IconEyeOff,
+    IconHash,
+    IconHelpCircle,
+    IconKey,
+    IconLibraryPhoto,
+    IconMail,
+    IconMenu,
+    IconMenuDeep,
+    IconMessagePlus,
+    IconMessageQuestion,
+    IconPhoneRinging,
+    IconRosetteDiscountCheckFilled,
+    IconSend,
+    IconShield,
+    IconSquareRounded,
+    IconSquareRoundedCheck,
+    IconStar,
+    IconTrashX,
+    IconTrophy,
+    IconUserCog,
+    IconUsersGroup,
+    IconX,
+    IconTimeDuration0,
+    IconTimeDurationOff,
+    IconSun,
+    IconMoon,
+    IconRings,
+    IconBrandAppleFilled,
+    IconSearch,
+    IconFilter,
+    IconArrowsSort,
+    IconMap,
+    IconCurrencyRupee,
+    IconTimeline,
+    IconTimelineEvent,
+    IconClock,
+    IconUserFilled,
+    IconHomeFilled,
+    IconBubbleTextFilled,
+    IconBrandGooglePhotos,
+    IconHeartHandshake,
+    IconInfoTriangle,
+    IconShieldLock,
+    IconHeart,
+    IconProgress,
+    IconLogout,
+    IconEdit,
+    IconLogout2,
+    IconPlus,
+    IconMessage,
+    IconUsers,
+    IconBell,
+    IconBellBolt,
+    IconNotification,
+    IconTrendingUp,
+    IconTrendingDown,
+    IconSortAscending,
+    IconSortDescending,
+    IconMapPin,
+    IconPhone,
+    IconLogin,
+    IconUserX,
+    IconLoader3,
+    IconLoader2,
+    IconLoader,
+    IconBolt,
+    IconQuote,
+    IconBulb,
+    IconBrandWhatsapp,
+    IconBrandGoogle,
+    IconRefresh,
+    IconCalculator,
+    IconMoodSmile,
+    IconDownload,
+    IconShare,
+    IconArrowNarrowUp,
+    IconArrowNarrowDown,
+    IconArrowNarrowLeft,
+    IconUserShield,
+    IconPictureInPicture,
+    IconMaximize,
+    IconPawFilled,
+    IconTree,
+    IconMoneybagHeart,
+    IconPhoneCalling,
+    IconHeartPlus,
+    IconBook,
+    IconPaint,
+    IconHandLoveYou,
+    IconSTurnDown,
+    IconExclamationMark,
+    IconCreditCard,
+    IconDeviceMobile,
+    IconBuilding,
+    IconMessage2,
+    IconWallet,
+    IconDeviceFloppy,
+    IconFriends,
+    IconBrandYoutube,
+    IconTarget,
+    IconGraph,
+    IconOm,
+    IconFlag,
+    IconTicket,
+} from "@tabler/icons-react";
+import { FcGoogle } from "react-icons/fc";
+import { FaFacebook, FaLinkedinIn } from "react-icons/fa";
+
+export const Icons = {
+    paw: IconPawFilled,
+    exclamation: IconExclamationMark,
+    heartHandshake: IconHeartHandshake,
+    heartPulse: IconHeartPlus,
+    message: IconMessage2,
+    flag: IconFlag,
+    bookOpen: IconBook,
+    om: IconOm,
+    people: IconUsers,
+    tree: IconTree,
+    friends: IconFriends,
+    target: IconTarget,
+    paintBrush: IconPaint,
+    money: IconMoneybagHeart,
+    handsHelping: IconHandLoveYou,
+    graph: IconGraph,
+    fireExtinguisher: IconSTurnDown,
+    utensils: IconPictureInPicture,
+    megaphone: IconPhoneCalling,
+
+    arrowSort: IconArrowsSort,
+    shieldCheck: IconUserShield,
+    image: IconPictureInPicture,
+    maximize: IconMaximize,
+    arrowSortAsc: IconSortAscending,
+    arrowSortDesc: IconSortDescending,
+    whatsapp: IconBrandWhatsapp,
+    youtube: IconBrandYoutube,
+    download: IconDownload,
+    arrowLeft: IconArrowLeft,
+    twitter: IconBrandX,
+    facebook: IconBrandFacebook,
+    loginFacebook: FaFacebook,
+    bolt: IconBolt,
+    notification: IconNotification,
+    discord: IconBrandDiscordFilled,
+    instagram: IconBrandInstagram,
+    share: IconShare,
+
+    trendUp: IconTrendingUp,
+    calculator: IconCalculator,
+    simle: IconMoodSmile,
+    trendDown: IconTrendingDown,
+    linkedin: FaLinkedinIn,
+    google: IconBrandGoogle,
+    refresh: IconRefresh,
+    loginGoogle: FcGoogle,
+    apple: IconBrandAppleFilled,
+    user: IconUserFilled,
+    users: IconUsers,
+    info: IconMessage,
+    bell: IconBell,
+    bellDot: IconBellBolt,
+    home: IconHomeFilled,
+    lock: IconLock,
+    alertTriangle: IconInfoTriangle,
+    heart: IconHeart,
+    progress: IconProgress,
+    logout: IconLogout,
+    logout2: IconLogout2,
+
+    faq: IconBubbleTextFilled,
+    gallery: IconBrandGooglePhotos,
+    donation: IconHeartHandshake,
+
+    // Navigation
+    menu: IconMenu,
+    menuDeep: IconMenuDeep,
+    arrowLeft: IconArrowLeft,
+    arrowRight: IconArrowRight,
+    arrowUp: IconArrowUp,
+    arrowDown: IconArrowDown,
+    chevronLeft: IconChevronLeft,
+    chevronRight: IconChevronRight,
+    chevronUp: IconChevronUp,
+    chevronDown: IconChevronDown,
+    chevronsLeft: IconChevronsLeft,
+    chevronsRight: IconChevronsRight,
+    chevronsUp: IconChevronsUp,
+    chevronsDown: IconChevronsDown,
+    arrowsUpDown: IconArrowsUpDown,
+    moreOptions: IconDotsVertical,
+    arrowsSort: IconArrowsSort,
+    map: IconMap,
+    rupees: IconCurrencyRupee,
+    ticket: IconTicket,
+    timelineEvent: IconTimelineEvent,
+    timeline: IconTimeline,
+    clock: IconClock,
+
+    // UI Actions
+    send: IconSend,
+    delete: IconTrashX,
+    x: IconX,
+    plus: IconPlus,
+    mail: IconMail,
+    messageAdd: IconMessagePlus,
+    settings: IconAdjustmentsHorizontal,
+    key: IconKey,
+    circleAdd: IconCirclePlus,
+    edit: IconEdit,
+    user: IconUserFilled,
+    userX: IconUserX,
+    mapPin: IconMapPin,
+    phone: IconPhone,
+    logIn: IconLogin,
+    save: IconDeviceFloppy,
+
+    // Status & Feedback
+    verified: (
+        <IconRosetteDiscountCheckFilled className="fill-blue-400" size={28} />
+    ),
+    verifiedBadge: (
+        <IconRosetteDiscountCheckFilled className="fill-blue-400 text-black" />
+    ),
+    check: IconCheck,
+    checkCircle: IconCircleCheck,
+    dashedCheckCircle: IconCircleDashedCheck,
+    squareUnchecked: IconSquareRounded,
+    squareChecked: IconSquareRoundedCheck,
+    circle: IconCircle,
+    eye: IconEye,
+    eyeOff: IconEyeOff,
+    loader3: IconLoader3,
+    loader2: IconLoader2,
+    loader: IconLoader,
+
+    // User & Groups
+    userSettings: IconUserCog,
+    userGroup: IconUsersGroup,
+
+    // Features
+    filter: IconFilter,
+    search: IconSearch,
+    star: IconStar,
+    shield: IconShield,
+    shieldLock: IconShieldLock,
+    leaderboard: IconTrophy,
+    mentor: IconChalkboard,
+    calendar: IconCalendarWeek,
+    contact: IconPhoneRinging,
+    gallery: IconLibraryPhoto,
+    media: IconDeviceTvOld,
+    faq: IconMessageQuestion,
+    blog: IconBoxMultipleFilled,
+    wedding: IconRings,
+    help: IconHelpCircle,
+    hashtag: IconHash,
+    sun: IconSun,
+    arrowNarrowRight: IconArrowNarrowRight,
+    arrowNarrowUp: IconArrowNarrowUp,
+    arrowNarrowDown: IconArrowNarrowDown,
+    arrowNarrowLeft: IconArrowNarrowLeft,
+    moon: IconMoon,
+
+    // Timer
+    timer: IconTimeDuration0,
+    timerOff: IconTimeDurationOff,
+    lightbulb: IconBulb,
+    quote: IconQuote,
+
+    // Payment
+    creditCard: IconCreditCard,
+    smartphone: IconDeviceMobile,
+    building: IconBuilding,
+    wallet: IconWallet,
+};

package/src/styles/fonts.js

@@ -0,0 +1,30 @@
+import { Figtree, Inter, Manrope } from "next/font/google";
+
+const inter = Inter({
+    preload: true,
+    subsets: ["latin"],
+    weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
+    adjustFontFallback: true,
+    variable: "--Inter",
+    fallback: ["system-ui", "sans-serif"],
+});
+
+const figtree = Figtree({
+    preload: true,
+    subsets: ["latin"],
+    weight: ["300", "400", "500", "600", "700", "800", "900"],
+    adjustFontFallback: true,
+    variable: "--Figtree",
+    fallback: ["system-ui", "sans-serif"],
+});
+
+const manrope = Manrope({
+    preload: true,
+    subsets: ["latin"],
+    weight: ["200", "300", "400", "500", "600", "700", "800"],
+    adjustFontFallback: true,
+    variable: "--Manrope",
+    fallback: ["system-ui", "sans-serif"],
+});
+
+export { inter, figtree, manrope };