ikoncomponents 1.3.3 → 1.3.4

package/dist/ikoncomponents/activity-sheet/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AlignJustify } from "lucide-react";
-import { CustomTabs } from "../tabs";
+import { Tabs } from "../tabs";
 import { NoDataComponent } from "../no-data";
 import { UploadTab } from "../upload-tab";
 import { SheetComponent } from "../sheet";
@@ -19,5 +19,5 @@ export function ActivitySheet({ activityLogs = [] }) {
             tabContent: _jsx(UploadTab, {})
         }
     ];
-    return (_jsx(SheetComponent, { buttonText: "", buttonIcon: _jsx(AlignJustify, {}), sheetTitle: "", sheetContent: _jsx(CustomTabs, { tabArray: tabArray, tabListClass: '' }), closeButton: true }));
+    return (_jsx(SheetComponent, { buttonText: "", buttonIcon: _jsx(AlignJustify, {}), sheetTitle: "", sheetContent: _jsx(Tabs, { tabArray: tabArray, tabListClass: '' }), closeButton: true }));
 }

package/dist/ikoncomponents/custom-combo-dropdown/index.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+export type Option = {
+    value: string;
+    label: string;
+    disabled?: boolean;
+};
+type CustomComboboxInputProps = {
+    formControl: any;
+    name: string;
+    label?: string | React.ReactNode;
+    options: Option[];
+    placeholder?: string;
+    emptyMessage?: string;
+    onValueChange?: (value: string) => void;
+    className?: string;
+    addNewPlaceholder?: string;
+    formDescription?: string;
+    disabled?: boolean;
+};
+export declare function CustomComboboxInput({ formControl, name, label, options, placeholder, emptyMessage, onValueChange, className, addNewPlaceholder, formDescription, disabled, }: CustomComboboxInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ikoncomponents/custom-combo-dropdown/index.js

@@ -0,0 +1,85 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Check, ChevronsUpDown, Plus } from "lucide-react";
+import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from "../../shadcn/form";
+import { cn } from "../../utils/cn";
+import { Button } from "../../shadcn/button";
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "../../shadcn/command";
+import { Popover, PopoverContent, PopoverTrigger } from "../../shadcn/popover";
+import { Input } from "../../shadcn/input";
+export function CustomComboboxInput({ formControl, name, label, options, placeholder = "Select an option", emptyMessage = "No options found.", onValueChange, className, addNewPlaceholder = "Add custom value...", formDescription, disabled, }) {
+    const [open, setOpen] = React.useState(false);
+    const [searchValue, setSearchValue] = React.useState("");
+    const [items, setItems] = React.useState(options);
+    const [isAddingNew, setIsAddingNew] = React.useState(false);
+    const [newValue, setNewValue] = React.useState("");
+    React.useEffect(() => {
+        setItems(options);
+    }, [options]);
+    return (_jsx(FormField, { control: formControl, name: name, render: ({ field }) => {
+            const selectedItem = items.find((item) => item.value === field.value);
+            const handleAddNewItem = () => {
+                const trimmedValue = newValue.trim();
+                if (!trimmedValue)
+                    return;
+                if (items.some((item) => item.value === trimmedValue)) {
+                    const existingItem = items.find(i => i.value === trimmedValue);
+                    if (existingItem) {
+                        field.onChange(existingItem.value);
+                        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(existingItem.value);
+                        setNewValue("");
+                        setIsAddingNew(false);
+                        setOpen(false);
+                        setSearchValue("");
+                    }
+                    return;
+                }
+                const newOption = {
+                    value: trimmedValue,
+                    label: trimmedValue,
+                    disabled: true,
+                };
+                setItems((prev) => [...prev, newOption]);
+                field.onChange(trimmedValue);
+                onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(trimmedValue);
+                setNewValue("");
+                setIsAddingNew(false);
+                setOpen(false);
+                setSearchValue("");
+            };
+            return (_jsxs(FormItem, { className: cn(className), children: [label && (_jsxs(_Fragment, { children: [_jsx(FormLabel, { children: label }), _jsx("br", {})] })), _jsxs(Popover, { open: open, onOpenChange: (isOpen) => {
+                            setOpen(isOpen);
+                            if (!isOpen) {
+                                setSearchValue("");
+                                setIsAddingNew(false);
+                                setNewValue("");
+                            }
+                        }, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(FormControl, { children: _jsxs(Button, { variant: "outline", role: "combobox", "aria-expanded": open, className: cn("w-full justify-between", !field.value && "text-foreground/50", className), disabled: disabled || field.disabled, children: [_jsx("span", { className: "line-clamp-1 text-left", children: field.value
+                                                    ? selectedItem
+                                                        ? selectedItem.label
+                                                        : field.value
+                                                    : placeholder }), _jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })] }) }) }), _jsx(PopoverContent, { className: "p-0 w-[--radix-popover-trigger-width]", align: "start", children: _jsxs(Command, { shouldFilter: true, children: [_jsx(CommandInput, { placeholder: "Search...", value: searchValue, onValueChange: setSearchValue }), _jsxs(CommandList, { children: [_jsx(CommandEmpty, { children: searchValue && items.length > 0 ? "No results found." : emptyMessage }), _jsx(CommandGroup, { children: items
+                                                        .filter(item => item.label.toLowerCase().includes(searchValue.toLowerCase()) || item.value.toLowerCase().includes(searchValue.toLowerCase()))
+                                                        .map((item) => (_jsxs(CommandItem, { value: item.value, onSelect: (currentValue) => {
+                                                            field.onChange(currentValue);
+                                                            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(currentValue);
+                                                            setOpen(false);
+                                                            setSearchValue("");
+                                                        }, className: "cursor-pointer", disabled: item === null || item === void 0 ? void 0 : item.disabled, children: [_jsx(Check, { className: cn("mr-2 h-4 w-4", field.value === item.value
+                                                                    ? "opacity-100"
+                                                                    : "opacity-0") }), item.label] }, item.value))) })] }), _jsx("div", { className: "border-t p-2", children: isAddingNew ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Input, { placeholder: addNewPlaceholder, value: newValue, onChange: (e) => setNewValue(e.target.value), onKeyDown: (e) => {
+                                                            if (e.key === "Enter") {
+                                                                e.preventDefault();
+                                                                handleAddNewItem();
+                                                            }
+                                                            if (e.key === "Escape") {
+                                                                setIsAddingNew(false);
+                                                                setNewValue("");
+                                                            }
+                                                        }, autoFocus: true, className: "h-8" }), _jsx(Button, { size: "sm", variant: "ghost", onClick: () => {
+                                                            setIsAddingNew(false);
+                                                            setNewValue("");
+                                                        }, className: "h-8", children: "Cancel" }), _jsx(Button, { size: "sm", variant: "default", onClick: handleAddNewItem, className: "h-8", disabled: !newValue.trim() || items.some(item => item.value === newValue.trim()), children: "Add" })] })) : (_jsxs(Button, { variant: "outline", className: "w-full justify-start", onClick: () => setIsAddingNew(true), children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Add new option"] })) })] }) })] }), formDescription && (_jsx(FormDescription, { children: formDescription })), _jsx(FormMessage, {})] }));
+        } }));
+}

package/dist/ikoncomponents/fileUpload/index.js

@@ -51,8 +51,8 @@ export function FileUploader({ label = "Upload File", isDrag = false, onFileSele
         if (file)
             handleFile(file);
     };
-    return (_jsxs("div", { className: "flex flex-col gap-2 w-full", children: [_jsx("label", { className: "text-sm font-medium", children: label }), _jsx("input", { type: "file", id: "fileInput", className: "hidden", onChange: handleInputChange }), isDrag ? (_jsx("div", { className: `border-2 border-dashed rounded-lg p-6 text-center cursor-pointer transition
-            ${isDragging ? "border-blue-600 bg-blue-50" : "border-gray-300"}
+    return (_jsxs("div", { className: "flex flex-col gap-2 w-full", children: [_jsx("label", { className: "text-sm font-medium", children: label }), _jsx("input", { type: "file", id: "fileInput", className: "hidden", onChange: handleInputChange }), isDrag ? (_jsx("div", { className: `border-2 border-dashed rounded-lg p-6 text-center cursor-pointer transition
+            ${isDragging ? "border-blue-600 bg-blue-50" : "border-gray-300"}
           `, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, onClick: () => { var _a; return (_a = document.getElementById("fileInput")) === null || _a === void 0 ? void 0 : _a.click(); }, children: _jsxs("div", { className: "flex flex-col items-center gap-3", children: [_jsx(UploadCloud, { className: "w-10 h-10 text-blue-600" }), _jsxs("p", { className: "text-gray-600", children: ["Drag & drop your file here or", " ", _jsx("span", { className: "text-blue-600 underline", children: "browse" })] })] }) })) : (
             // ----- SIMPLE UPLOAD BOX -----
             _jsxs("div", { className: "border rounded-lg p-4 flex flex-col items-center gap-2 cursor-pointer text-center", onClick: () => { var _a; return (_a = document.getElementById("fileInput")) === null || _a === void 0 ? void 0 : _a.click(); }, children: [_jsx(FileUp, { className: "w-8 h-8 text-blue-600" }), _jsx("span", { className: "text-blue-600 underline", children: "Browse File" })] }))] }));

package/dist/ikoncomponents/image-cropper-upload/components/newImageUploadForm.js

@@ -90,12 +90,12 @@ const NewImageFormComponent = ({ open, setOpen, onImageSubmit, }) => {
     const getImagePreview = (state) => {
         const imgSource = croppedImage && activeState === state ? croppedImage : prevImages[state];
         // const imgSource = prevImages[state];
-        return imgSource ? (_jsx("div", { className: `
+        return imgSource ? (_jsx("div", { className: `
             ${state === "first"
                 ? "relative w-3/5 h-[200px] bg-slate-400"
                 : state === "second"
                     ? "relative w-1/2 h-[220px] bg-slate-400"
-                    : "relative w-1/3 h-[120px] bg-slate-400"}`, children: _jsx(Image, { src: imgSource || "", alt: `Preview ${state}`, layout: "fill", objectFit: "70vh" }) })) : (_jsx("div", { className: `
+                    : "relative w-1/3 h-[120px] bg-slate-400"}`, children: _jsx(Image, { src: imgSource || "", alt: `Preview ${state}`, layout: "fill", objectFit: "70vh" }) })) : (_jsx("div", { className: `
             ${state === "first"
                 ? "relative w-3/5 h-[200px] bg-slate-400"
                 : state === "second"

package/dist/ikoncomponents/main-layout/main-sidebar.d.ts

@@ -12,23 +12,11 @@ export interface Account {
 export interface Software {
     softwareId: string;
     softwareName: string;
-    displayName: string;
-    softwareDescription: string;
-    softwareVersion: string;
-    softwareOwner: string;
-    softwareDeveloper: string;
-    softwareManager: string;
-    softwareVisibility: "PUBLIC" | "PRIVATE";
-    softwareStatus: string;
-    repoName: string;
-    active: boolean;
-    price: number;
-    currency: string | null;
-    logoResourceId: string | null;
-    icon: string | null;
-    link: string | null;
-    category: string | null;
-    videoResources: any[];
+    url: string;
+    icon: string;
+    visible: boolean;
+    defaultSoftware: boolean;
+    order: number;
 }
 export interface User {
     userId: string;

package/dist/ikoncomponents/main-layout/main-sidebar.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { Check, CircleUserRound, Clock, FolderCode, Heart, Home, LogOut, Settings } from 'lucide-react';
+import { Check, CircleUserRound, FolderCode, Home, LogOut, Settings } from 'lucide-react';
 import { Button } from '../../shadcn/button';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../shadcn/tooltip';
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from '../../shadcn/dropdown-menu';
@@ -65,7 +65,7 @@ export const MainSidebar = ({ baseUrl }) => {
         const fetchSubscribedSoftwares = async () => {
             try {
                 const accessToken = await getValidAccessToken();
-                const response = await axios.get(`${baseUrl}/platform/software/accessible/account`, {
+                const response = await axios.get(`${baseUrl}/platform/software/accessible/user`, {
                     headers: {
                         Authorization: `Bearer ${accessToken}`,
                     },
@@ -85,8 +85,8 @@ export const MainSidebar = ({ baseUrl }) => {
                                     }, children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "h-6 w-6 rounded bg-primary/10 flex items-center justify-center", children: _jsx("span", { className: "text-xs font-medium text-primary", children: getInitials(account.accountName) }) }), _jsx("span", { className: "text-sm", children: account.accountName })] }), (selectedAccount === null || selectedAccount === void 0 ? void 0 : selectedAccount.accountId) === account.accountId && (_jsx(Check, { className: "h-4 w-4 text-primary" }))] }, account.accountId)))] })] }), _jsx("nav", { className: "flex flex-col gap-1", children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, className: 'h-8 w-8', children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10", asChild: true, children: _jsxs(Link, { href: "/home", children: [_jsx(Home, { className: "h-8 w-8" }), _jsx("span", { className: "sr-only", children: "Home" })] }) }) }), _jsx(TooltipContent, { side: "right", sideOffset: 5, children: "Home" })] }, "home") }), _jsx("nav", { className: "flex flex-col gap-1 flex-1", children: softwares.map((software) => {
                         var _a, _b;
                         const hasIcon = Boolean(software.icon && software.icon.trim() !== "");
-                        return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, className: "h-8 w-8", children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10", asChild: true, children: _jsxs(Link, { href: (_a = software.link) !== null && _a !== void 0 ? _a : "#", children: [hasIcon ? (_jsx(Icon, { name: toPascalCase((_b = software.icon) !== null && _b !== void 0 ? _b : ''), className: "h-8 w-8" })) : (_jsx(FolderCode, { className: "h-8 w-8" })), _jsx("span", { className: "sr-only", children: software.softwareName })] }) }) }), _jsx(TooltipContent, { side: "right", sideOffset: 5, children: software.softwareName })] }, software.softwareName));
-                    }) }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, className: 'h-8 w-8', children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10", asChild: true, children: _jsxs(Link, { href: "/last-visited", children: [_jsx(Clock, { className: "h-8 w-8" }), _jsx("span", { className: "sr-only", children: "Last Visited" })] }) }) }), _jsx(TooltipContent, { side: "right", sideOffset: 5, children: "Last Visited" })] }, "last-visited"), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, className: 'h-8 w-8', children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10", asChild: true, children: _jsxs(Link, { href: "/favourites", children: [_jsx(Heart, { className: "h-8 w-8" }), _jsx("span", { className: "sr-only", children: "Favourites" })] }) }) }), _jsx(TooltipContent, { side: "right", sideOffset: 5, children: "Favourites" })] }, "favourites"), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, className: 'h-8 w-8', children: _jsx(Button, { variant: "ghost", className: "h-10 w-10", asChild: true, children: _jsxs(Link, { href: "/settings", children: [_jsx(Settings, { className: "h-8 w-8" }), _jsx("span", { className: "sr-only", children: "Settings" })] }) }) }), _jsx(TooltipContent, { side: "right", sideOffset: 5, children: "Settings" })] }, "settings"), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10", children: _jsx(CircleUserRound, { className: "h-8 w-8" }) }) }), _jsxs(DropdownMenuContent, { className: "w-55 p-0", side: 'right', sideOffset: 8, children: [_jsxs("div", { className: "flex items-start gap-3 p-4 bg-card", children: [_jsx(CircleUserRound, { className: "h-8 w-8" }), _jsxs("div", { className: "flex flex-col gap-0.5 flex-1 min-w-0", children: [_jsx("p", { className: "text-sm font-bold text-foreground blue-dark:text-muted-foreground truncate", children: user === null || user === void 0 ? void 0 : user.userName }), _jsx("p", { className: "text-xs text-muted-foreground truncate", children: user === null || user === void 0 ? void 0 : user.userEmail }), _jsx("p", { className: "text-sm text-muted-foreground font-semibold", children: selectedAccount === null || selectedAccount === void 0 ? void 0 : selectedAccount.accountName })] })] }), _jsx(DropdownMenuSeparator, { className: "my-0" }), _jsxs(DropdownMenuItem, { onClick: async () => {
+                        return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, className: "h-8 w-8", children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10", asChild: true, children: _jsxs(Link, { href: (_a = software.url) !== null && _a !== void 0 ? _a : "#", children: [hasIcon ? (_jsx(Icon, { name: toPascalCase((_b = software.icon) !== null && _b !== void 0 ? _b : ''), className: "h-8 w-8" })) : (_jsx(FolderCode, { className: "h-8 w-8" })), _jsx("span", { className: "sr-only", children: software.softwareName })] }) }) }), _jsx(TooltipContent, { side: "right", sideOffset: 5, children: software.softwareName })] }, software.softwareName));
+                    }) }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, className: 'h-8 w-8', children: _jsx(Button, { variant: "ghost", className: "h-10 w-10", asChild: true, children: _jsxs(Link, { href: "/settings", children: [_jsx(Settings, { className: "h-8 w-8" }), _jsx("span", { className: "sr-only", children: "Settings" })] }) }) }), _jsx(TooltipContent, { side: "right", sideOffset: 5, children: "Settings" })] }, "settings"), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10", children: _jsx(CircleUserRound, { className: "h-8 w-8" }) }) }), _jsxs(DropdownMenuContent, { className: "w-55 p-0", side: 'right', sideOffset: 8, children: [_jsxs("div", { className: "flex items-start gap-3 p-4 bg-card", children: [_jsx(CircleUserRound, { className: "h-8 w-8" }), _jsxs("div", { className: "flex flex-col gap-0.5 flex-1 min-w-0", children: [_jsx("p", { className: "text-sm font-bold text-foreground blue-dark:text-muted-foreground truncate", children: user === null || user === void 0 ? void 0 : user.userName }), _jsx("p", { className: "text-xs text-muted-foreground truncate", children: user === null || user === void 0 ? void 0 : user.userEmail }), _jsx("p", { className: "text-sm text-muted-foreground font-semibold", children: selectedAccount === null || selectedAccount === void 0 ? void 0 : selectedAccount.accountName })] })] }), _jsx(DropdownMenuSeparator, { className: "my-0" }), _jsxs(DropdownMenuItem, { onClick: async () => {
                                         await clearAllCookieSession();
                                         redirect("/login.html");
                                     }, className: "flex items-center gap-2 px-4 py-3 cursor-pointer focus:bg-destructive dark:focus:bg-destructive blue-dark:focus:bg-destructive", children: [_jsx(LogOut, { className: "h-4 w-4 text-foreground" }), _jsx("span", { children: "Log out" })] })] })] })] }) }));

package/dist/ikoncomponents/tabs/index.d.ts

@@ -1,2 +1,2 @@
 import { TabProps } from "./type";
-export declare function CustomTabs({ children, tabArray, pathName, tabListClass, tabListInnerClass, tabListButtonClass, tabContentClass, headerEndComponent, onTabChange, isSeperatePage, }: TabProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tabs({ children, tabArray, pathName, tabListClass, tabListInnerClass, tabListButtonClass, tabContentClass, headerEndComponent, onTabChange, isSeperatePage, }: TabProps): import("react/jsx-runtime").JSX.Element;

package/dist/ikoncomponents/tabs/index.js

@@ -7,7 +7,7 @@ import { TextButton } from "../buttons";
 import { Card } from "../../shadcn/card";
 import { useEffect, useState } from "react";
 import { useIsMobile } from "../../hooks/use-mobile";
-export function CustomTabs({ children, tabArray, pathName, tabListClass = "", tabListInnerClass = "", tabListButtonClass = "", tabContentClass = "", headerEndComponent, onTabChange, isSeperatePage = false, }) {
+export function Tabs({ children, tabArray, pathName, tabListClass = "", tabListInnerClass = "", tabListButtonClass = "", tabContentClass = "", headerEndComponent, onTabChange, isSeperatePage = false, }) {
     var _a, _b;
     // const pathName = usePathname();
     const [itemToDisplay, setItemToDisplay] = useState(5);

package/dist/ikoncomponents/theme-toggle-btn/index.js

@@ -30,7 +30,7 @@ export function ThemeToggleBtn() {
     const applySavedColors = useCallback(() => {
         const primaryColor = localStorage.getItem("primary") || '#0f172b';
         const secondaryColor = localStorage.getItem("secondary") || '#1b2336';
-        const tertiaryColor = localStorage.getItem("tertiary") || '#010416';
+        const tertiaryColor = localStorage.getItem("tertiary") || '#1f3aba';
         const pChartColor = localStorage.getItem("primaryChart") || '#00bc7d';
         const sChartColor = localStorage.getItem("secondaryChart") || '#fd9a00';
         const tChartColor = localStorage.getItem("tertiaryChart") || '#ad46ff';

package/dist/index.d.ts

@@ -74,7 +74,7 @@ export { PhoneInput } from "./ikoncomponents/phone-input";
 export { SearchInput } from "./ikoncomponents/search-input";
 export { SheetComponent } from "./ikoncomponents/sheet";
 export { SimpleWidget } from "./ikoncomponents/simple-widget";
-export { CustomTabs } from "./ikoncomponents/tabs";
+export { Tabs } from "./ikoncomponents/tabs";
 export type { TabArray, TabProps } from "./ikoncomponents/tabs/type";
 export { ThemeToggleBtn } from "./ikoncomponents/theme-toggle-btn";
 export { TitleProgress } from "./ikoncomponents/title-progress";
@@ -125,12 +125,13 @@ export type { CropperImgProps as NewCropperImgProps } from "./ikoncomponents/ima
 export { NewImageForm } from "./ikoncomponents/image-cropper-upload/components/newImageUploadForm";
 export type { ImageFormProps } from "./ikoncomponents/image-cropper-upload/components/newImageUploadForm";
 export { WorkInProgress } from "./ikoncomponents/work-in-progress";
+export { CustomComboboxInput } from "./ikoncomponents/custom-combo-dropdown";
 export { ThemeProvider } from "./utils/theme-provider";
 export { RadiusProvider, useRadius } from "./utils/border-radius-provider";
 export { FontProvider, useFont } from "./utils/font-provider";
 export { cn } from "./utils/cn";
 export type { CookieSessionOptionsProps } from "./utils/session/cookieSession";
 export { setCookieSession, getCookieSession, clearCookieSession, clearAllCookieSession, } from "./utils/session/cookieSession";
-export { getValidAccessToken, decodeAccessToken, logOut, refreshAccessToken } from "./utils/token-management";
+export { getValidAccessToken, refreshAccessToken, decodeAccessToken, logOut, } from "./utils/token-management";
 export type { TokenResponse } from "./utils/token-management/types";
 export { useIsMobile } from "./hooks/use-mobile";

package/dist/index.js

@@ -68,7 +68,7 @@ export { PhoneInput } from "./ikoncomponents/phone-input";
 export { SearchInput } from "./ikoncomponents/search-input";
 export { SheetComponent } from "./ikoncomponents/sheet";
 export { SimpleWidget } from "./ikoncomponents/simple-widget";
-export { CustomTabs } from "./ikoncomponents/tabs";
+export { Tabs } from "./ikoncomponents/tabs";
 export { ThemeToggleBtn } from "./ikoncomponents/theme-toggle-btn";
 export { TitleProgress } from "./ikoncomponents/title-progress";
 export { TooltipComponent } from "./ikoncomponents/tooltip";
@@ -105,10 +105,11 @@ export { CropperForm } from "./ikoncomponents/image-cropper-upload/cropper-form"
 export { NewCropperImg } from "./ikoncomponents/image-cropper-upload/components/newCropper";
 export { NewImageForm } from "./ikoncomponents/image-cropper-upload/components/newImageUploadForm";
 export { WorkInProgress } from "./ikoncomponents/work-in-progress";
+export { CustomComboboxInput } from "./ikoncomponents/custom-combo-dropdown";
 export { ThemeProvider } from "./utils/theme-provider";
 export { RadiusProvider, useRadius } from "./utils/border-radius-provider";
 export { FontProvider, useFont } from "./utils/font-provider";
 export { cn } from "./utils/cn";
 export { setCookieSession, getCookieSession, clearCookieSession, clearAllCookieSession, } from "./utils/session/cookieSession";
-export { getValidAccessToken, decodeAccessToken, logOut, refreshAccessToken } from "./utils/token-management";
+export { getValidAccessToken, refreshAccessToken, decodeAccessToken, logOut, } from "./utils/token-management";
 export { useIsMobile } from "./hooks/use-mobile";

package/dist/styles.css

@@ -4937,9 +4937,9 @@
   --secondary-foreground: oklch(0.985 0 0);
   --muted: oklch(0.269 0 0);
   --muted-foreground: oklch(0.708 0 0);
-  --accent: #1f3aba;
+  --accent: oklch(0.488 0.243 264.376);
   --accent-foreground: oklch(0.985 0 0);
-  --calender-foreground: #1f3aba;
+  --calender-foreground: oklch(0.488 0.243 264.376);
   --destructive: #f43f5e;
   --border: #494f5e;
   --input: oklch(1 0 0 / 15%);
@@ -4983,9 +4983,9 @@
     .custom-buttons {
       font-size: 14px;
     }
-    .rbc-date-cell.rbc-now,
-    .rbc-time-slot.rbc-now,
-    .rbc-show-more,
+    .rbc-date-cell.rbc-now,
+    .rbc-time-slot.rbc-now,
+    .rbc-show-more,
     .rbc-header {
       font-weight: normal !important;
     }
@@ -5031,13 +5031,13 @@
     .rbc-h-full {
       height: 100%;
     }
-    .rbc-calendar *,
-    .rbc-calendar *:before,
+    .rbc-calendar *,
+    .rbc-calendar *:before,
     .rbc-calendar *:after {
       -webkit-box-sizing: inherit;
       box-sizing: inherit;
     }
-    .rbc-abs-full,
+    .rbc-abs-full,
     .rbc-row-bg {
       overflow: hidden;
       position: absolute;
@@ -5046,9 +5046,9 @@
       right: 0;
       bottom: 0;
     }
-    .rbc-ellipsis,
-    .rbc-show-more,
-    .rbc-row-segment .rbc-event-content,
+    .rbc-ellipsis,
+    .rbc-show-more,
+    .rbc-row-segment .rbc-event-content,
     .rbc-event-label {
       display: block;
       overflow: hidden;
@@ -5080,16 +5080,16 @@
       min-height: 0;
       border-bottom: 1px solid hsl(var(--border));
     }
-    .rbc-header + .rbc-header {
+    .rbc-header+.rbc-header {
       border-left: 1px solid hsl(var(--border));
     }
-    .rbc-rtl .rbc-header + .rbc-header {
+    .rbc-rtl .rbc-header+.rbc-header {
       border-left-width: 0;
       border-right: 1px solid hsl(var(--border));
     }
-    .rbc-header > a,
-    .rbc-header > a:active,
-    .rbc-header > a:visited {
+    .rbc-header>a,
+    .rbc-header>a:active,
+    .rbc-header>a:visited {
       color: inherit;
       text-decoration: none;
     }
@@ -5129,8 +5129,7 @@
       -ms-overflow-style: none;
       scrollbar-width: none;
     }
-    .rbc-row-content-scrollable
-      .rbc-row-content-scroll-container::-webkit-scrollbar {
+    .rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar {
       display: none;
     }
     .rbc-today {
@@ -5173,7 +5172,7 @@
       line-height: normal;
       white-space: nowrap;
     }
-    .rbc-toolbar button:active,
+    .rbc-toolbar button:active,
     .rbc-toolbar button.rbc-active {
       background-image: none;
       -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
@@ -5181,9 +5180,9 @@
       background-color: #e6e6e6;
       border-color: #adadad;
     }
-    .rbc-toolbar button:active:hover,
-    .rbc-toolbar button:active:focus,
-    .rbc-toolbar button.rbc-active:hover,
+    .rbc-toolbar button:active:hover,
+    .rbc-toolbar button:active:focus,
+    .rbc-toolbar button.rbc-active:hover,
     .rbc-toolbar button.rbc-active:focus {
       color: #373a3c;
       background-color: #d4d4d4;
@@ -5203,36 +5202,36 @@
       display: inline-block;
       white-space: nowrap;
     }
-    .rbc-btn-group > button:first-child:not(:last-child) {
+    .rbc-btn-group>button:first-child:not(:last-child) {
       border-top-right-radius: 0;
       border-bottom-right-radius: 0;
     }
-    .rbc-btn-group > button:last-child:not(:first-child) {
+    .rbc-btn-group>button:last-child:not(:first-child) {
       border-top-left-radius: 0;
       border-bottom-left-radius: 0;
     }
-    .rbc-rtl .rbc-btn-group > button:first-child:not(:last-child) {
+    .rbc-rtl .rbc-btn-group>button:first-child:not(:last-child) {
       border-radius: 4px;
       border-top-left-radius: 0;
       border-bottom-left-radius: 0;
     }
-    .rbc-rtl .rbc-btn-group > button:last-child:not(:first-child) {
+    .rbc-rtl .rbc-btn-group>button:last-child:not(:first-child) {
       border-radius: 4px;
       border-top-right-radius: 0;
       border-bottom-right-radius: 0;
     }
-    .rbc-btn-group > button:not(:first-child):not(:last-child) {
+    .rbc-btn-group>button:not(:first-child):not(:last-child) {
       border-radius: 0;
     }
-    .rbc-btn-group button + button {
+    .rbc-btn-group button+button {
       margin-left: -1px;
     }
-    .rbc-rtl .rbc-btn-group button + button {
+    .rbc-rtl .rbc-btn-group button+button {
       margin-left: 0;
       margin-right: -1px;
     }
-    .rbc-btn-group + .rbc-btn-group,
-    .rbc-btn-group + button {
+    .rbc-btn-group+.rbc-btn-group,
+    .rbc-btn-group+button {
       margin-left: 10px;
     }
     @media (max-width: 767px) {
@@ -5243,7 +5242,7 @@
         flex-direction: column;
       }
     }
-    .rbc-event,
+    .rbc-event,
     .rbc-day-slot .rbc-background-event {
       border: none;
       -webkit-box-sizing: border-box;
@@ -5259,17 +5258,17 @@
       width: 100%;
       text-align: left;
     }
-    .rbc-slot-selecting .rbc-event,
-    .rbc-slot-selecting .rbc-day-slot .rbc-background-event,
+    .rbc-slot-selecting .rbc-event,
+    .rbc-slot-selecting .rbc-day-slot .rbc-background-event,
     .rbc-day-slot .rbc-slot-selecting .rbc-background-event {
       cursor: inherit;
       pointer-events: none;
     }
-    .rbc-event.rbc-selected,
+    .rbc-event.rbc-selected,
     .rbc-day-slot .rbc-selected.rbc-background-event {
       background-color: #265985;
     }
-    .rbc-event:focus,
+    .rbc-event:focus,
     .rbc-day-slot .rbc-background-event:focus {
       outline: 5px auto #3b99fc;
     }
@@ -5321,7 +5320,7 @@
       line-height: normal;
       color: hsl(var(--input));
     }
-    .rbc-show-more:hover,
+    .rbc-show-more:hover,
     .rbc-show-more:focus {
       color: #265985;
     }
@@ -5371,7 +5370,7 @@
       overflow: hidden;
       height: 100%;
     }
-    .rbc-month-row + .rbc-month-row {
+    .rbc-month-row+.rbc-month-row {
       border-top: 1px solid hsl(var(--border));
     }
     .rbc-date-cell {
@@ -5385,9 +5384,9 @@
     .rbc-date-cell.rbc-now {
       font-weight: bold;
     }
-    .rbc-date-cell > a,
-    .rbc-date-cell > a:active,
-    .rbc-date-cell > a:visited {
+    .rbc-date-cell>a,
+    .rbc-date-cell>a:active,
+    .rbc-date-cell>a:visited {
       color: inherit;
       text-decoration: none;
     }
@@ -5410,10 +5409,10 @@
       -ms-flex: 1 0 0%;
       flex: 1 0 0%;
     }
-    .rbc-day-bg + .rbc-day-bg {
+    .rbc-day-bg+.rbc-day-bg {
       border-left: 1px solid hsl(var(--border));
     }
-    .rbc-rtl .rbc-day-bg + .rbc-day-bg {
+    .rbc-rtl .rbc-day-bg+.rbc-day-bg {
       border-left-width: 0;
       border-right: 1px solid hsl(var(--border));
     }
@@ -5426,7 +5425,7 @@
       box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
       padding: 10px;
     }
-    .rbc-overlay > * + * {
+    .rbc-overlay>*+* {
       margin-top: 1px;
     }
     .rbc-overlay-header {
@@ -5453,7 +5452,7 @@
       border-spacing: 0;
       border-collapse: collapse;
     }
-    .rbc-agenda-view table.rbc-agenda-table tbody > tr > td {
+    .rbc-agenda-view table.rbc-agenda-table tbody>tr>td {
       padding: 5px 10px;
       vertical-align: top;
     }
@@ -5462,22 +5461,22 @@
       padding-right: 15px;
       text-transform: lowercase;
     }
-    .rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
+    .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td {
       border-left: 1px solid hsl(var(--border));
     }
-    .rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
+    .rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td {
       border-left-width: 0;
       border-right: 1px solid hsl(var(--border));
     }
-    .rbc-agenda-view table.rbc-agenda-table tbody > tr + tr {
+    .rbc-agenda-view table.rbc-agenda-table tbody>tr+tr {
       border-top: 1px solid hsl(var(--border));
     }
-    .rbc-agenda-view table.rbc-agenda-table thead > tr > th {
+    .rbc-agenda-view table.rbc-agenda-table thead>tr>th {
       padding: 3px 5px;
       text-align: left;
       border-bottom: 1px solid hsl(var(--border));
     }
-    .rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead > tr > th {
+    .rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th {
       text-align: right;
     }
     .rbc-agenda-time-cell {
@@ -5489,7 +5488,7 @@
     .rbc-agenda-time-cell .rbc-continues-prior:before {
       content: "« ";
     }
-    .rbc-agenda-date-cell,
+    .rbc-agenda-date-cell,
     .rbc-agenda-time-cell {
       white-space: nowrap;
     }
@@ -5522,7 +5521,7 @@
       -ms-flex-flow: column nowrap;
       flex-flow: column nowrap;
     }
-    .rbc-time-gutter,
+    .rbc-time-gutter,
     .rbc-header-gutter {
       -webkit-box-flex: 0;
       -ms-flex: none;
@@ -5546,7 +5545,7 @@
       left: 10px;
       right: 0;
     }
-    .rbc-day-slot .rbc-event,
+    .rbc-day-slot .rbc-event,
     .rbc-day-slot .rbc-background-event {
       border: 1px solid #265985;
       display: -webkit-box;
@@ -5587,7 +5586,7 @@
     .rbc-day-slot .rbc-time-slot {
       border-top: 1px solid hsl(var(--border));
     }
-    .rbc-time-view-resources .rbc-time-gutter,
+    .rbc-time-view-resources .rbc-time-gutter,
     .rbc-time-view-resources .rbc-time-header-gutter {
       position: sticky;
       left: 0;
@@ -5613,7 +5612,7 @@
     .rbc-time-view-resources .rbc-day-slot {
       min-width: 140px;
     }
-    .rbc-time-view-resources .rbc-header,
+    .rbc-time-view-resources .rbc-header,
     .rbc-time-view-resources .rbc-day-bg {
       width: 140px;
       -webkit-box-flex: 1;
@@ -5622,7 +5621,7 @@
       -ms-flex-preferred-size: 0 px;
       flex-basis: 0 px;
     }
-    .rbc-time-header-content + .rbc-time-header-content {
+    .rbc-time-header-content+.rbc-time-header-content {
       margin-left: -1px;
     }
     .rbc-time-slot {
@@ -5674,7 +5673,7 @@
       height: 100%;
       position: relative;
     }
-    .rbc-time-view .rbc-allday-cell + .rbc-allday-cell {
+    .rbc-time-view .rbc-allday-cell+.rbc-allday-cell {
       border-left: 1px solid hsl(var(--border));
     }
     .rbc-time-view .rbc-allday-events {
@@ -5705,10 +5704,10 @@
       border-right-width: 0;
       border-left: 1px solid hsl(var(--border));
     }
-    .rbc-time-header > .rbc-row:first-child {
+    .rbc-time-header>.rbc-row:first-child {
       border-bottom: 1px solid hsl(var(--border));
     }
-    .rbc-time-header > .rbc-row.rbc-row-resource {
+    .rbc-time-header>.rbc-row.rbc-row-resource {
       border-bottom: 1px solid hsl(var(--border));
     }
     .rbc-time-header-cell-single-day {
@@ -5732,7 +5731,7 @@
       border-left-width: 0;
       border-right: 1px solid hsl(var(--border));
     }
-    .rbc-time-header-content > .rbc-row.rbc-row-resource {
+    .rbc-time-header-content>.rbc-row.rbc-row-resource {
       border-bottom: 1px solid hsl(var(--border));
       -ms-flex-negative: 0;
       flex-shrink: 0;
@@ -5752,19 +5751,19 @@
       overflow-y: auto;
       position: relative;
     }
-    .rbc-time-content > .rbc-time-gutter {
+    .rbc-time-content>.rbc-time-gutter {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
     }
-    .rbc-time-content > * + * > * {
+    .rbc-time-content>*+*>* {
       border-left: 1px solid hsl(var(--border));
     }
-    .rbc-rtl .rbc-time-content > * + * > * {
+    .rbc-rtl .rbc-time-content>*+*>* {
       border-left-width: 0;
       border-right: 1px solid hsl(var(--border));
     }
-    .rbc-time-content > .rbc-day-slot {
+    .rbc-time-content>.rbc-day-slot {
       width: 100%;
       -moz-user-select: none;
       -ms-user-select: none;
@@ -6164,4 +6163,4 @@
       --tw-exit-translate-y: 0;
     }
   }
-}
+}

package/package.json

@@ -1,103 +1,103 @@
-{
-  "name": "ikoncomponents",
-  "version": "1.3.3",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "css": "dist/styles.css",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "npm run build:js && npm run build:css",
-    "build:js": "tsc -p tsconfig.json",
-    "build:css": "postcss src/styles.css -o dist/styles.css --config postcss.config.mjs --minify",
-    "clean": "rimraf dist",
-    "prepublishOnly": "npm run build"
-  },
-  "dependencies": {
-    "@radix-ui/react-accordion": "^1.2.12",
-    "@radix-ui/react-alert-dialog": "^1.1.15",
-    "@radix-ui/react-aspect-ratio": "^1.1.7",
-    "@radix-ui/react-avatar": "^1.1.10",
-    "@radix-ui/react-checkbox": "^1.3.3",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@radix-ui/react-hover-card": "^1.1.15",
-    "@radix-ui/react-icons": "^1.3.0",
-    "@radix-ui/react-label": "^2.1.7",
-    "@radix-ui/react-navigation-menu": "^1.2.14",
-    "@radix-ui/react-popover": "^1.1.15",
-    "@radix-ui/react-progress": "^1.1.7",
-    "@radix-ui/react-radio-group": "^1.3.8",
-    "@radix-ui/react-scroll-area": "^1.2.10",
-    "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-separator": "^1.1.7",
-    "@radix-ui/react-slider": "^1.3.6",
-    "@radix-ui/react-slot": "^1.2.3",
-    "@radix-ui/react-switch": "^1.2.6",
-    "@radix-ui/react-tabs": "^1.1.13",
-    "@radix-ui/react-toggle": "^1.1.10",
-    "@radix-ui/react-toggle-group": "^1.1.11",
-    "@radix-ui/react-tooltip": "^1.2.8",
-    "@tanstack/react-table": "^8.21.3",
-    "axios": "^1.13.1",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "cmdk": "^1.1.1",
-    "countries-list": "^3.1.1",
-    "country-flag-icons": "^1.5.21",
-    "crypto-js": "^4.2.0",
-    "date-fns": "^4.1.0",
-    "echarts": "^6.0.0",
-    "eslint": "^9",
-    "framer-motion": "^12.23.22",
-    "input-otp": "^1.4.2",
-    "jwt-decode": "^4.0.0",
-    "lucide-react": "^0.552.0",
-    "motion": "^12.23.22",
-    "next": "16.0.0",
-    "next-themes": "^0.4.6",
-    "react": "^18.2.0",
-    "react-big-calendar": "^1.19.4",
-    "react-cropper": "^2.3.3",
-    "react-day-picker": "^9.9.0",
-    "react-dom": "^18.2.0",
-    "react-hook-form": "^7.64.0",
-    "shadcn": "^3.5.0",
-    "sonner": "^2.0.7",
-    "tailwind-merge": "^3.3.1",
-    "tailwindcss-animate": "^1.0.7",
-    "uuid": "^13.0.0",
-    "vaul": "^1.1.2",
-    "zxcvbn": "^4.4.2"
-  },
-  "devDependencies": {
-    "@tailwindcss/postcss": "^4",
-    "@types/crypto-js": "^4.2.2",
-    "@types/node": "^20",
-    "@types/react": "^19",
-    "@types/react-big-calendar": "^1.16.3",
-    "@types/react-dom": "^19",
-    "@types/zxcvbn": "^4.4.5",
-    "autoprefixer": "^10.4.21",
-    "eslint": "^9",
-    "eslint-config-next": "16.0.0",
-    "next": "^14.0.0",
-    "postcss": "^8.5.6",
-    "postcss-cli": "^11.0.1",
-    "postcss-import": "^16.1.1",
-    "postcss-preset-env": "^10.4.0",
-    "rimraf": "^6.0.1",
-    "tailwindcss": "^4",
-    "tw-animate-css": "^1.4.0",
-    "typescript": "^5"
-  },
-  "peerDependencies": {
-    "clsx": "^2.1.1",
-    "next": "16.0.0",
-    "next-themes": "^0.4.6",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "tailwind-merge": "^3.3.1"
-  }
-}
+{
+  "name": "ikoncomponents",
+  "version": "1.3.4",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "css": "dist/styles.css",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "npm run build:js && npm run build:css",
+    "build:js": "tsc -p tsconfig.json",
+    "build:css": "postcss src/styles.css -o dist/styles.css --config postcss.config.mjs --minify",
+    "clean": "rimraf dist",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-aspect-ratio": "^1.1.7",
+    "@radix-ui/react-avatar": "^1.1.10",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-hover-card": "^1.1.15",
+    "@radix-ui/react-icons": "^1.3.0",
+    "@radix-ui/react-label": "^2.1.7",
+    "@radix-ui/react-navigation-menu": "^1.2.14",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-progress": "^1.1.7",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.7",
+    "@radix-ui/react-slider": "^1.3.6",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toggle": "^1.1.10",
+    "@radix-ui/react-toggle-group": "^1.1.11",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@tanstack/react-table": "^8.21.3",
+    "axios": "^1.13.1",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "countries-list": "^3.1.1",
+    "country-flag-icons": "^1.5.21",
+    "crypto-js": "^4.2.0",
+    "date-fns": "^4.1.0",
+    "echarts": "^6.0.0",
+    "eslint": "^9",
+    "framer-motion": "^12.23.22",
+    "input-otp": "^1.4.2",
+    "jwt-decode": "^4.0.0",
+    "lucide-react": "^0.552.0",
+    "motion": "^12.23.22",
+    "next": "16.0.0",
+    "next-themes": "^0.4.6",
+    "react": "^18.2.0",
+    "react-big-calendar": "^1.19.4",
+    "react-cropper": "^2.3.3",
+    "react-day-picker": "^9.9.0",
+    "react-dom": "^18.2.0",
+    "react-hook-form": "^7.64.0",
+    "shadcn": "^3.5.0",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.3.1",
+    "tailwindcss-animate": "^1.0.7",
+    "uuid": "^13.0.0",
+    "vaul": "^1.1.2",
+    "zxcvbn": "^4.4.2"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4",
+    "@types/crypto-js": "^4.2.2",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-big-calendar": "^1.16.3",
+    "@types/react-dom": "^19",
+    "@types/zxcvbn": "^4.4.5",
+    "autoprefixer": "^10.4.21",
+    "eslint": "^9",
+    "eslint-config-next": "16.0.0",
+    "next": "^14.0.0",
+    "postcss": "^8.5.6",
+    "postcss-cli": "^11.0.1",
+    "postcss-import": "^16.1.1",
+    "postcss-preset-env": "^10.4.0",
+    "rimraf": "^6.0.1",
+    "tailwindcss": "^4",
+    "tw-animate-css": "^1.4.0",
+    "typescript": "^5"
+  },
+  "peerDependencies": {
+    "clsx": "^2.1.1",
+    "next": "16.0.0",
+    "next-themes": "^0.4.6",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "tailwind-merge": "^3.3.1"
+  }
+}