ikoncomponents 1.2.8 → 1.3.0

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/big-calendar/index.js

@@ -6,9 +6,10 @@ import "react-big-calendar/lib/css/react-big-calendar.css";
 import { useState } from "react";
 import BigCalenderToolbar from "./big-calender-toolbar";
 import BigCalenderEvent from "./big-calender-event";
+import { enUS } from 'date-fns/locale';
 // Localization settings
 const locales = {
-    "en-US": require("date-fns/locale/en-US"),
+    "en-US": enUS,
 };
 const localizer = dateFnsLocalizer({
     format,

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

@@ -0,0 +1,15 @@
+export interface FileUploaderProps {
+    label?: string;
+    isDrag?: boolean;
+    onFileSelect: (fileObj: any) => Promise<any> | void;
+}
+export declare const convertFileToObject: (file: File) => Promise<{
+    message: string;
+    fileName: string;
+    size: number;
+    type: string;
+    lastModified: number;
+    base64: string;
+}>;
+export declare function FileUploader({ label, isDrag, onFileSelect, }: FileUploaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function getImageFromObject(obj: any): string;

package/dist/ikoncomponents/fileUpload/index.js

@@ -0,0 +1,69 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { UploadCloud, FileUp } from "lucide-react";
+// --- Helper: Convert File to Object with Base64 ---
+export const convertFileToObject = async (file) => {
+    const arrayBuffer = await file.arrayBuffer();
+    const base64 = btoa(String.fromCharCode(...new Uint8Array(arrayBuffer)));
+    return {
+        message: "File processed successfully",
+        fileName: file.name,
+        size: file.size,
+        type: file.type,
+        lastModified: file.lastModified,
+        base64: base64,
+    };
+};
+export function FileUploader({ label = "Upload File", isDrag = false, onFileSelect, }) {
+    const [isDragging, setIsDragging] = useState(false);
+    const handleFile = async (file) => {
+        if (!file)
+            return;
+        const fileObj = await convertFileToObject(file); // convert to object
+        await onFileSelect(fileObj); // pass object to parent
+    };
+    // ---- DRAG HANDLERS ----
+    const handleDrop = (e) => {
+        var _a;
+        if (!isDrag)
+            return;
+        e.preventDefault();
+        setIsDragging(false);
+        const file = (_a = e.dataTransfer.files) === null || _a === void 0 ? void 0 : _a[0];
+        if (file)
+            handleFile(file);
+    };
+    const handleDragOver = (e) => {
+        if (!isDrag)
+            return;
+        e.preventDefault();
+        setIsDragging(true);
+    };
+    const handleDragLeave = () => {
+        if (!isDrag)
+            return;
+        setIsDragging(false);
+    };
+    const handleInputChange = (e) => {
+        var _a;
+        const file = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
+        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"}
+          `, 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" })] }))] }));
+}
+// --- Helper Function: Recreate Image from File Object ---
+export function getImageFromObject(obj) {
+    const byteCharacters = atob(obj.base64);
+    const byteNumbers = new Array(byteCharacters.length)
+        .fill(0)
+        .map((_, i) => byteCharacters.charCodeAt(i));
+    const byteArray = new Uint8Array(byteNumbers);
+    const blob = new Blob([byteArray], { type: obj.type });
+    return URL.createObjectURL(blob); // usable in <img src="..." />
+}

package/dist/ikoncomponents/form-fields/date-input/index.js

@@ -7,9 +7,9 @@ import { format } from "date-fns";
 import { CalendarIcon } from "lucide-react";
 import { Calendar } from "../../../shadcn/calendar";
 export function FormDateInput({ formControl, name, label, placeholder, dateFormat, calendarDateDisabled, formDescription, disabled, }) {
-    return (_jsx(_Fragment, { children: _jsx(FormField, { control: formControl, name: name, render: ({ field }) => (_jsxs(FormItem, { children: [label && (_jsxs(_Fragment, { children: [_jsx(FormLabel, { children: label }), _jsx("br", {})] })), _jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, className: "w-full", children: _jsx(FormControl, { children: _jsxs(Button, { variant: "outline", className: cn(!field.value && "text-foreground/50"), disabled: disabled, children: [field.value ? (format(field.value, dateFormat || "PPP")) : (_jsx("span", { children: placeholder || "Pick a date" })), _jsx(CalendarIcon, { className: "ml-auto h-4 w-4 opacity-50" })] }) }) }), _jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: _jsx(Calendar, { mode: "single", selected: field.value, onSelect: field.onChange, disabled: calendarDateDisabled, 
+    return (_jsx(_Fragment, { children: _jsx(FormField, { control: formControl, name: name, render: ({ field }) => (_jsxs(FormItem, { children: [label && (_jsx(_Fragment, { children: _jsx(FormLabel, { children: label }) })), _jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, className: "w-full", children: _jsx(FormControl, { children: _jsxs(Button, { variant: "outline", className: cn(!field.value && "text-foreground/50"), disabled: disabled, children: [field.value ? (format(field.value, dateFormat || "PPP")) : (_jsx("span", { children: placeholder || "Pick a date" })), _jsx(CalendarIcon, { className: "ml-auto h-4 w-4 opacity-50" })] }) }) }), _jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: _jsx(Calendar, { mode: "single", selected: field.value, onSelect: field.onChange, disabled: calendarDateDisabled, 
                                     // disabled={(date) =>
                                     //   date > new Date() || date < new Date("1900-01-01")
                                     // }
-                                    initialFocus: true }) })] }), formDescription && (_jsx(FormDescription, { children: formDescription })), _jsx(FormMessage, {})] })) }) }));
+                                    autoFocus: true }) })] }), formDescription && (_jsx(FormDescription, { children: formDescription })), _jsx(FormMessage, {})] })) }) }));
 }

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

@@ -3,12 +3,12 @@ import { AppBreadcrumb } from "../app-breadcrumb";
 import { ThemeToggleBtn } from "../theme-toggle-btn";
 import { Separator } from "../../shadcn/separator";
 import { SidebarTrigger } from "../../shadcn/sidebar";
-import { LayoutGrid, Play } from "lucide-react";
+import { Bell, LayoutGrid, Play } from "lucide-react";
 import { IconButton, IconTextButton } from "../buttons";
 import { useSidebarNav } from "./SidebarNavContext";
 export function Header() {
     const { navItems } = useSidebarNav();
     return (_jsx("header", { className: "ml-12 flex h-12 border-b shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12", children: _jsxs("div", { className: "flex items-center justify-between gap-2 px-4 w-full", children: [_jsxs("div", { className: "flex items-center gap-2", children: [(!navItems || navItems.length === 0) ? _jsx("div", {}) : _jsx(SidebarTrigger, { className: "-ml-1" }), (!navItems || navItems.length === 0) ?
                             _jsx("div", {}) :
-                            _jsx(Separator, { orientation: "vertical", className: "mr-2 data-[orientation=vertical]:h-4" }), _jsx(AppBreadcrumb, {})] }), _jsxs("div", { className: "ml-auto flex gap-4", children: [_jsx(ThemeToggleBtn, {}), _jsxs(IconTextButton, { variant: "default", children: [_jsx(Play, {}), "App Store"] }), _jsx(IconButton, { children: _jsx(LayoutGrid, {}) })] })] }) }));
+                            _jsx(Separator, { orientation: "vertical", className: "mr-2 data-[orientation=vertical]:h-4" }), _jsx(AppBreadcrumb, {})] }), _jsxs("div", { className: "ml-auto flex gap-4", children: [_jsx(IconButton, { children: _jsx(Bell, {}) }), _jsx(ThemeToggleBtn, {}), _jsxs(IconTextButton, { variant: "default", children: [_jsx(Play, {}), "App Store"] }), _jsx(IconButton, { children: _jsx(LayoutGrid, {}) })] })] }) }));
 }

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

@@ -75,10 +75,10 @@ export const MainSidebar = ({ baseUrl }) => {
     }, []);
     return (_jsx(TooltipProvider, { delayDuration: 0, children: _jsxs("aside", { className: "fixed left-0 top-0 z-20 h-screen w-12 border-r border-border bg-sidebar text-sidebar-foreground flex flex-col items-center py-4 ", children: [_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "default", className: "mb-4 h-8 w-8 rounded-lg p-0", disabled: !selectedAccount, children: _jsx("span", { className: "text-base font-medium text-accent-foreground", children: selectedAccount ? getInitials(selectedAccount.accountName) : '...' }) }) }), _jsxs(DropdownMenuContent, { className: "w-55", side: "right", sideOffset: 8, align: "start", children: [_jsx("div", { className: "px-2 py-1.5 text-xs font-semibold text-foreground", children: "Accounts" }), accounts.map((account) => (_jsxs(DropdownMenuItem, { className: "flex items-center justify-between cursor-pointer", onClick: () => {
                                         setSelectedAccount(account);
-                                    }, 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-2", children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, className: 'h-5 w-5', children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10", asChild: true, children: _jsxs(Link, { href: "/", children: [_jsx(Home, { className: "h-5 w-5" }), _jsx("span", { className: "sr-only", children: "Home" })] }) }) }), _jsx(TooltipContent, { side: "right", sideOffset: 5, children: "Home" })] }, "home") }), _jsx("nav", { className: "flex flex-col gap-2 flex-1", children: softwares.map((software) => {
+                                    }, 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-2", children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, className: 'h-5 w-5', children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10", asChild: true, children: _jsxs(Link, { href: "/home", children: [_jsx(Home, { className: "h-5 w-5" }), _jsx("span", { className: "sr-only", children: "Home" })] }) }) }), _jsx(TooltipContent, { side: "right", sideOffset: 5, children: "Home" })] }, "home") }), _jsx("nav", { className: "flex flex-col gap-2 flex-1", children: softwares.map((software) => {
                         const Icon = FolderCode;
                         return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, className: 'h-5 w-5', children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10", asChild: true, children: _jsxs("a", { href: software.url, children: [_jsx(Icon, { className: "h-5 w-5" }), _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-5 w-5', children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10", asChild: true, children: _jsxs("a", { href: "/last-visited", children: [_jsx(Clock, { className: "h-5 w-5" }), _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-5 w-5', children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10", asChild: true, children: _jsxs("a", { href: "/favourites", children: [_jsx(Heart, { className: "h-5 w-5" }), _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-5 w-5', children: _jsx(Button, { variant: "ghost", className: "h-10 w-10", asChild: true, children: _jsxs("a", { href: "/settings", children: [_jsx(Settings, { className: "h-5 w-5" }), _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 rounded-full", 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 () => {
+                    }) }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, className: 'h-5 w-5', children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10", asChild: true, children: _jsxs("a", { href: "/ikon-portal/last-visited", children: [_jsx(Clock, { className: "h-5 w-5" }), _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-5 w-5', children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10", asChild: true, children: _jsxs("a", { href: "/ikon-portal/favourites", children: [_jsx(Heart, { className: "h-5 w-5" }), _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-5 w-5', children: _jsx(Button, { variant: "ghost", className: "h-10 w-10", asChild: true, children: _jsxs("a", { href: "/ikon-portal/settings", children: [_jsx(Settings, { className: "h-5 w-5" }), _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 rounded-full", 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/work-in-progress/index.d.ts

@@ -0,0 +1 @@
+export declare function WorkInProgress(): import("react/jsx-runtime").JSX.Element;

package/dist/ikoncomponents/work-in-progress/index.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function WorkInProgress() {
+    return (_jsx("div", { className: "flex h-full items-center justify-center", children: _jsxs("div", { className: "bg-background text-forefround rounded-xl p-6 text-center max-w-md", children: [_jsx("div", { className: "text-3xl font-bold mb-2 animate-pulse", children: "\uD83D\uDEA7 Work in Progress" }), _jsx("p", { className: "text-muted-foreground", children: "We\u2019re currently working on this section. Check back soon!" })] }) }));
+}

package/dist/index.d.ts

@@ -43,26 +43,29 @@ export * from "./shadcn/input-otp";
 export * from "./shadcn/toggle-group";
 export * from "./shadcn/toggle";
 export { ActionMenu } from "./ikoncomponents/action-menu";
-export type { ActionMenuProps, ExtraActionParams } from "./ikoncomponents/action-menu/type";
+export type { ActionMenuProps, ExtraActionParams, } from "./ikoncomponents/action-menu/type";
 export { CustomAlertDialog } from "./ikoncomponents/alert-dialog";
-export { TextButton, TextButtonWithTooltip, IconTextButton, IconTextButtonWithTooltip, IconButton, IconButtonWithTooltip } from "./ikoncomponents/buttons";
-export type { ButtonProps, ButtonWithTooltipProps } from "./ikoncomponents/buttons";
+export { useDialog, DialogProvider, } from "./ikoncomponents/alert-dialog/dialog-context";
+export { TextButton, TextButtonWithTooltip, IconTextButton, IconTextButtonWithTooltip, IconButton, IconButtonWithTooltip, } from "./ikoncomponents/buttons";
+export type { ButtonProps, ButtonWithTooltipProps, } from "./ikoncomponents/buttons";
 export { ComboboxInput } from "./ikoncomponents/combobox-input";
-export type { ComboBoxInputProps, ComboboxItemProps } from "./ikoncomponents/combobox-input/type";
+export type { ComboBoxInputProps, ComboboxItemProps, } from "./ikoncomponents/combobox-input/type";
 export { DataTableColumnFilter } from "./ikoncomponents/data-table/datatable-column-filter";
 export { DataTableFacetedFilter } from "./ikoncomponents/data-table/datatable-faceted-filter";
 export { DataTableFilterMenu } from "./ikoncomponents/data-table/datatable-filter-menu";
+export { convertFileToObject, FileUploader, getImageFromObject, } from "./ikoncomponents/fileUpload";
+export type { FileUploaderProps } from "./ikoncomponents/fileUpload";
 export { DataTablePagination } from "./ikoncomponents/data-table/datatable-pagination";
 export { DataTableToolbar } from "./ikoncomponents/data-table/datatable-toolbar";
 export { getDataTableColumnTitle } from "./ikoncomponents/data-table/function";
 export { DataTable } from "./ikoncomponents/data-table";
-export type { DataTableProps, DTColumnsProps, DTExtraParamsProps, DTActionMenuProps, DataTableViewOptionsProps, DTToolBarProps, DataTableFilterProps, DataTableFacetedFilterProps, DataTablePaginationProps, DragDropHeaderProp } from "./ikoncomponents/data-table/type";
+export type { DataTableProps, DTColumnsProps, DTExtraParamsProps, DTActionMenuProps, DataTableViewOptionsProps, DTToolBarProps, DataTableFilterProps, DataTableFacetedFilterProps, DataTablePaginationProps, DragDropHeaderProp, } from "./ikoncomponents/data-table/type";
 export { EChart } from "./ikoncomponents/e-chart";
 export { FileInput } from "./ikoncomponents/file-input";
 export { GlowingEffect } from "./ikoncomponents/glowing-effect";
 export { Icon } from "./ikoncomponents/icon";
 export { LoadingSpinner } from "./ikoncomponents/loading-spinner";
-export type { ISVGProps, LoadingSpinnerProps } from "./ikoncomponents/loading-spinner";
+export type { ISVGProps, LoadingSpinnerProps, } from "./ikoncomponents/loading-spinner";
 export { MultiCombobox } from "./ikoncomponents/multi-combobox";
 export { NoDataComponent } from "./ikoncomponents/no-data";
 export { PageWrapper } from "./ikoncomponents/page-wrapper";
@@ -71,20 +74,20 @@ 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";
 export { TooltipComponent } from "./ikoncomponents/tooltip";
 export { FrameworkItemDropdown } from "./ikoncomponents/twolevel-dropdown";
-export type { FrameworkEntry, TreeNode, ParentEntry, ProcessedFrameworkData } from "./ikoncomponents/twolevel-dropdown";
+export type { FrameworkEntry, TreeNode, ParentEntry, ProcessedFrameworkData, } from "./ikoncomponents/twolevel-dropdown";
 export { Widgets } from "./ikoncomponents/widgets";
-export type { WidgetProps, WidgetsFunctionProps } from "./ikoncomponents/widgets/type";
+export type { WidgetProps, WidgetsFunctionProps, } from "./ikoncomponents/widgets/type";
 export { BigCalendar } from "./ikoncomponents/big-calendar";
-export type { BigCalendarProps, ExtraParamsEvent, BigCalendarEventProps, BigCalenderToolbarProps } from "./ikoncomponents/big-calendar/type";
-export { BreadcrumbProvider, useBreadcrumb } from "./ikoncomponents/app-breadcrumb/BreadcrumbProvider";
+export type { BigCalendarProps, ExtraParamsEvent, BigCalendarEventProps, BigCalenderToolbarProps, } from "./ikoncomponents/big-calendar/type";
+export { BreadcrumbProvider, useBreadcrumb, } from "./ikoncomponents/app-breadcrumb/BreadcrumbProvider";
 export type { BreadcrumbItemProps } from "./ikoncomponents/app-breadcrumb/BreadcrumbProvider";
-export { AppBreadcrumb, RenderAppBreadcrumb } from "./ikoncomponents/app-breadcrumb";
+export { AppBreadcrumb, RenderAppBreadcrumb, } from "./ikoncomponents/app-breadcrumb";
 export { FormComboboxInput } from "./ikoncomponents/form-fields/combobox-input";
 export { FormComboboxInputWithValue } from "./ikoncomponents/form-fields/combobox-input-value";
 export { FormDateInput } from "./ikoncomponents/form-fields/date-input";
@@ -94,7 +97,7 @@ export { FormMultiComboboxInput } from "./ikoncomponents/form-fields/multi-combo
 export { FormOtpInput } from "./ikoncomponents/form-fields/otp-input";
 export { FormPhoneInput } from "./ikoncomponents/form-fields/phone-input";
 export { FormTextarea } from "./ikoncomponents/form-fields/textarea";
-export type { FormFieldProps, FormInputProps, FormTextareaProps, FormDateInputProps, FormComboboxInputProps, FormComboboxItemProps } from "./ikoncomponents/form-fields/types";
+export type { FormFieldProps, FormInputProps, FormTextareaProps, FormDateInputProps, FormComboboxInputProps, FormComboboxItemProps, } from "./ikoncomponents/form-fields/types";
 export { GradeTableLoader } from "./ikoncomponents/skeleton-loader/skeleton-table";
 export type { GradeTableLoaderProps } from "./ikoncomponents/skeleton-loader/skeleton-table";
 export { SkeletonWidget } from "./ikoncomponents/skeleton-loader/skeleton-widget";
@@ -102,17 +105,17 @@ export { UploadTab } from "./ikoncomponents/upload-tab";
 export { AppSidebar } from "./ikoncomponents/main-layout/app-sidebar";
 export { Footer } from "./ikoncomponents/main-layout/footer";
 export { Header } from "./ikoncomponents/main-layout/header";
-export type { Account, Software } from "./ikoncomponents/main-layout/main-sidebar";
+export type { Account, Software, } from "./ikoncomponents/main-layout/main-sidebar";
 export { MainSidebar } from "./ikoncomponents/main-layout/main-sidebar";
 export { NavMain } from "./ikoncomponents/main-layout/nav-main";
-export type { SidebarNavSubItem, SidebarNavItem, SidebarNavContextType } from "./ikoncomponents/main-layout/SidebarNavContext";
-export { SidebarNavProvider, useSidebarNav } from "./ikoncomponents/main-layout/SidebarNavContext";
+export type { SidebarNavSubItem, SidebarNavItem, SidebarNavContextType, } from "./ikoncomponents/main-layout/SidebarNavContext";
+export { SidebarNavProvider, useSidebarNav, } from "./ikoncomponents/main-layout/SidebarNavContext";
 export { MainLayout } from "./ikoncomponents/main-layout";
 export { ProviderWrapper } from "./ikoncomponents/provider-wrapper";
 export { ActivitySheet } from "./ikoncomponents/activity-sheet";
 export type { ActivityLogProps } from "./ikoncomponents/activity-sheet";
-export { ImageCropperProvider, useImageCropper } from "./ikoncomponents/image-cropper-upload";
-export type { ImageCropperProps, OriginalImageProps, AspectRatioWiseImagesProps, ImageCropperContextProps } from "./ikoncomponents/image-cropper-upload";
+export { ImageCropperProvider, useImageCropper, } from "./ikoncomponents/image-cropper-upload";
+export type { ImageCropperProps, OriginalImageProps, AspectRatioWiseImagesProps, ImageCropperContextProps, } from "./ikoncomponents/image-cropper-upload";
 export { ImageCropper } from "./ikoncomponents/image-cropper-upload/image-cropper";
 export type { CropperImgProps } from "./ikoncomponents/image-cropper-upload/image-cropper";
 export { CropperFormWithModal } from "./ikoncomponents/image-cropper-upload/cropper-form-with-modal";
@@ -121,13 +124,14 @@ export { NewCropperImg } from "./ikoncomponents/image-cropper-upload/components/
 export type { CropperImgProps as NewCropperImgProps } from "./ikoncomponents/image-cropper-upload/components/newCropper";
 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 { 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, refreshAccessToken, logOut } from "./utils/token-management";
+export { setCookieSession, getCookieSession, clearCookieSession, clearAllCookieSession, } from "./utils/session/cookieSession";
+export { getValidAccessToken, refreshAccessToken, logOut, } from "./utils/token-management";
 export type { AccessTokenOptionsProps } from "./utils/token-management";
 export type { TokenResponse } from "./utils/token-management/types";
 export { useIsMobile } from "./hooks/use-mobile";

package/dist/index.js

@@ -44,11 +44,13 @@ export * from "./shadcn/toggle-group";
 export * from "./shadcn/toggle";
 export { ActionMenu } from "./ikoncomponents/action-menu";
 export { CustomAlertDialog } from "./ikoncomponents/alert-dialog";
-export { TextButton, TextButtonWithTooltip, IconTextButton, IconTextButtonWithTooltip, IconButton, IconButtonWithTooltip } from "./ikoncomponents/buttons";
+export { useDialog, DialogProvider, } from "./ikoncomponents/alert-dialog/dialog-context";
+export { TextButton, TextButtonWithTooltip, IconTextButton, IconTextButtonWithTooltip, IconButton, IconButtonWithTooltip, } from "./ikoncomponents/buttons";
 export { ComboboxInput } from "./ikoncomponents/combobox-input";
 export { DataTableColumnFilter } from "./ikoncomponents/data-table/datatable-column-filter";
 export { DataTableFacetedFilter } from "./ikoncomponents/data-table/datatable-faceted-filter";
 export { DataTableFilterMenu } from "./ikoncomponents/data-table/datatable-filter-menu";
+export { convertFileToObject, FileUploader, getImageFromObject, } from "./ikoncomponents/fileUpload";
 export { DataTablePagination } from "./ikoncomponents/data-table/datatable-pagination";
 export { DataTableToolbar } from "./ikoncomponents/data-table/datatable-toolbar";
 export { getDataTableColumnTitle } from "./ikoncomponents/data-table/function";
@@ -66,15 +68,15 @@ 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";
 export { FrameworkItemDropdown } from "./ikoncomponents/twolevel-dropdown";
 export { Widgets } from "./ikoncomponents/widgets";
 export { BigCalendar } from "./ikoncomponents/big-calendar";
-export { BreadcrumbProvider, useBreadcrumb } from "./ikoncomponents/app-breadcrumb/BreadcrumbProvider";
-export { AppBreadcrumb, RenderAppBreadcrumb } from "./ikoncomponents/app-breadcrumb";
+export { BreadcrumbProvider, useBreadcrumb, } from "./ikoncomponents/app-breadcrumb/BreadcrumbProvider";
+export { AppBreadcrumb, RenderAppBreadcrumb, } from "./ikoncomponents/app-breadcrumb";
 export { FormComboboxInput } from "./ikoncomponents/form-fields/combobox-input";
 export { FormComboboxInputWithValue } from "./ikoncomponents/form-fields/combobox-input-value";
 export { FormDateInput } from "./ikoncomponents/form-fields/date-input";
@@ -92,20 +94,21 @@ export { Footer } from "./ikoncomponents/main-layout/footer";
 export { Header } from "./ikoncomponents/main-layout/header";
 export { MainSidebar } from "./ikoncomponents/main-layout/main-sidebar";
 export { NavMain } from "./ikoncomponents/main-layout/nav-main";
-export { SidebarNavProvider, useSidebarNav } from "./ikoncomponents/main-layout/SidebarNavContext";
+export { SidebarNavProvider, useSidebarNav, } from "./ikoncomponents/main-layout/SidebarNavContext";
 export { MainLayout } from "./ikoncomponents/main-layout";
 export { ProviderWrapper } from "./ikoncomponents/provider-wrapper";
 export { ActivitySheet } from "./ikoncomponents/activity-sheet";
-export { ImageCropperProvider, useImageCropper } from "./ikoncomponents/image-cropper-upload";
+export { ImageCropperProvider, useImageCropper, } from "./ikoncomponents/image-cropper-upload";
 export { ImageCropper } from "./ikoncomponents/image-cropper-upload/image-cropper";
 export { CropperFormWithModal } from "./ikoncomponents/image-cropper-upload/cropper-form-with-modal";
 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 { 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, refreshAccessToken, logOut } from "./utils/token-management";
+export { setCookieSession, getCookieSession, clearCookieSession, clearAllCookieSession, } from "./utils/session/cookieSession";
+export { getValidAccessToken, refreshAccessToken, logOut, } from "./utils/token-management";
 export { useIsMobile } from "./hooks/use-mobile";

package/dist/shadcn/dropdown-menu.js

@@ -36,7 +36,7 @@ function DropdownMenuGroup(_a) {
 }
 function DropdownMenuItem(_a) {
     var { className, inset, variant = "default" } = _a, props = __rest(_a, ["className", "inset", "variant"]);
-    return (_jsx(DropdownMenuPrimitive.Item, Object.assign({ "data-slot": "dropdown-menu-item", "data-inset": inset, "data-variant": variant, className: cn("focus:bg-[var(--input)] dark:focus:bg-[var(--card)] keross:focus:bg-[var(--secondary)]  focus:text-accent-foreground keross:text-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className) }, props)));
+    return (_jsx(DropdownMenuPrimitive.Item, Object.assign({ "data-slot": "dropdown-menu-item", "data-inset": inset, "data-variant": variant, className: cn("focus:bg-[var(--input)] dark:focus:bg-[var(--card)] blue-dark:focus:bg-[var(--secondary)]  focus:text-accent-foreground dark:text-foreground focus:dark:text-foreground blue-dark:text-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className) }, props)));
 }
 function DropdownMenuCheckboxItem(_a) {
     var { className, children, checked } = _a, props = __rest(_a, ["className", "children", "checked"]);

package/dist/shadcn/tabs.js

@@ -23,7 +23,7 @@ function TabsList(_a) {
 }
 function TabsTrigger(_a) {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (_jsx(TabsPrimitive.Trigger, Object.assign({ "data-slot": "tabs-trigger", className: cn("text-muted-foreground data-[state=active]:bg-background data-[state=active]:text-foreground 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 blue-dark:data-[state=active]:border-input blue-dark:data-[state=active]:bg-input/30  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)));
+    return (_jsx(TabsPrimitive.Trigger, Object.assign({ "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(_a) {
     var { className } = _a, props = __rest(_a, ["className"]);

package/dist/shadcn/workflow.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { ChevronDown } from "lucide-react";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuTrigger } from "./dropdown-menu";
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent } from "./dropdown-menu";
 import { Badge } from "./badge";
 const statusColors = {
     OUTSTANDING: "bg-[#FFDE721A] text-[#FBB125] border border-[#FBB12533]",

package/dist/styles.css

@@ -5,6 +5,7 @@
   :root, :host {
     --color-red-500: oklch(63.7% 0.237 25.331);
     --color-red-800: oklch(44.4% 0.177 26.899);
+    --color-blue-50: oklch(97% 0.014 254.604);
     --color-blue-400: oklch(70.7% 0.165 254.624);
     --color-blue-500: oklch(62.3% 0.214 259.815);
     --color-blue-600: oklch(54.6% 0.245 262.881);
@@ -1243,9 +1244,15 @@
       border-color: color-mix(in oklab, var(--color-black) 8%, transparent);
     }
   }
+  .border-blue-600 {
+    border-color: var(--color-blue-600);
+  }
   .border-border {
     border-color: var(--border);
   }
+  .border-gray-300 {
+    border-color: var(--color-gray-300);
+  }
   .border-gray-400 {
     border-color: var(--color-gray-400);
   }
@@ -1339,6 +1346,9 @@
       background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
     }
   }
+  .bg-blue-50 {
+    background-color: var(--color-blue-50);
+  }
   .bg-blue-500 {
     background-color: var(--color-blue-500);
   }
@@ -3355,11 +3365,6 @@
       background-color: var(--background);
     }
   }
-  .data-\[state\=active\]\:text-foreground {
-    &[data-state="active"] {
-      color: var(--foreground);
-    }
-  }
   .data-\[state\=active\]\:shadow-sm {
     &[data-state="active"] {
       --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
@@ -4123,6 +4128,11 @@
       color: var(--color-black);
     }
   }
+  .dark\:text-foreground {
+    &:is(.dark *) {
+      color: var(--foreground);
+    }
+  }
   .dark\:text-gray-400 {
     &:is(.dark *) {
       color: var(--color-gray-400);
@@ -4210,6 +4220,13 @@
       }
     }
   }
+  .focus\:dark\:text-foreground {
+    &:focus {
+      &:is(.dark *) {
+        color: var(--foreground);
+      }
+    }
+  }
   .dark\:focus-visible\:ring-\[\#15803D\]\/40 {
     &:is(.dark *) {
       &:focus-visible {
@@ -4333,27 +4350,17 @@
       color: var(--muted-foreground);
     }
   }
-  .blue-dark\:focus\:bg-destructive {
+  .blue-dark\:focus\:bg-\[var\(--secondary\)\] {
     &:is(.blue-dark *) {
       &:focus {
-        background-color: var(--destructive);
+        background-color: var(--secondary);
       }
     }
   }
-  .blue-dark\:data-\[state\=active\]\:border-input {
-    &:is(.blue-dark *) {
-      &[data-state="active"] {
-        border-color: var(--input);
-      }
-    }
-  }
-  .blue-dark\:data-\[state\=active\]\:bg-input\/30 {
+  .blue-dark\:focus\:bg-destructive {
     &:is(.blue-dark *) {
-      &[data-state="active"] {
-        background-color: var(--input);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--input) 30%, transparent);
-        }
+      &:focus {
+        background-color: var(--destructive);
       }
     }
   }
@@ -4880,8 +4887,8 @@
   --secondary-foreground: oklch(0.985 0 0);
   --muted: oklch(0.269 0 0);
   --muted-foreground: oklch(0.708 0 0);
-  --accent: oklch(0.269 0 0);
-  --accent-foreground: oklch(0.985 0 0);
+  --accent: oklch(98.511% 0.00011 271.152);
+  --accent-foreground: #050505;
   --calender-foreground: oklch(98.511% 0.00011 271.152);
   --destructive: #f43f5e;
   --border: #454545;
@@ -4970,9 +4977,9 @@
       font-size: 14px;
     }
     .rbc-date-cell.rbc-now,
-.rbc-time-slot.rbc-now,
-.rbc-show-more,
-.rbc-header {
+    .rbc-time-slot.rbc-now,
+    .rbc-show-more,
+    .rbc-header {
       font-weight: normal !important;
     }
     .rbc-btn {
@@ -5018,13 +5025,13 @@
       height: 100%;
     }
     .rbc-calendar *,
-.rbc-calendar *:before,
-.rbc-calendar *:after {
+    .rbc-calendar *:before,
+    .rbc-calendar *:after {
       -webkit-box-sizing: inherit;
       box-sizing: inherit;
     }
     .rbc-abs-full,
-.rbc-row-bg {
+    .rbc-row-bg {
       overflow: hidden;
       position: absolute;
       top: 0;
@@ -5033,9 +5040,9 @@
       bottom: 0;
     }
     .rbc-ellipsis,
-.rbc-show-more,
-.rbc-row-segment .rbc-event-content,
-.rbc-event-label {
+    .rbc-show-more,
+    .rbc-row-segment .rbc-event-content,
+    .rbc-event-label {
       display: block;
       overflow: hidden;
       text-overflow: ellipsis;
@@ -5073,8 +5080,8 @@
       border-right: 1px solid hsl(var(--border));
     }
     .rbc-header > a,
-.rbc-header > a:active,
-.rbc-header > a:visited {
+    .rbc-header > a:active,
+    .rbc-header > a:visited {
       color: inherit;
       text-decoration: none;
     }
@@ -5115,7 +5122,7 @@
       scrollbar-width: none;
     }
     .rbc-row-content-scrollable
-  .rbc-row-content-scroll-container::-webkit-scrollbar {
+      .rbc-row-content-scroll-container::-webkit-scrollbar {
       display: none;
     }
     .rbc-today {
@@ -5159,7 +5166,7 @@
       white-space: nowrap;
     }
     .rbc-toolbar button:active,
-.rbc-toolbar button.rbc-active {
+    .rbc-toolbar button.rbc-active {
       background-image: none;
       -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
       box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
@@ -5167,9 +5174,9 @@
       border-color: #adadad;
     }
     .rbc-toolbar button:active:hover,
-.rbc-toolbar button:active:focus,
-.rbc-toolbar button.rbc-active:hover,
-.rbc-toolbar button.rbc-active:focus {
+    .rbc-toolbar button:active:focus,
+    .rbc-toolbar button.rbc-active:hover,
+    .rbc-toolbar button.rbc-active:focus {
       color: #373a3c;
       background-color: #d4d4d4;
       border-color: #8c8c8c;
@@ -5217,7 +5224,7 @@
       margin-right: -1px;
     }
     .rbc-btn-group + .rbc-btn-group,
-.rbc-btn-group + button {
+    .rbc-btn-group + button {
       margin-left: 10px;
     }
     @media (max-width: 767px) {
@@ -5229,7 +5236,7 @@
       }
     }
     .rbc-event,
-.rbc-day-slot .rbc-background-event {
+    .rbc-day-slot .rbc-background-event {
       border: none;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
@@ -5245,17 +5252,17 @@
       text-align: left;
     }
     .rbc-slot-selecting .rbc-event,
-.rbc-slot-selecting .rbc-day-slot .rbc-background-event,
-.rbc-day-slot .rbc-slot-selecting .rbc-background-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-day-slot .rbc-selected.rbc-background-event {
+    .rbc-day-slot .rbc-selected.rbc-background-event {
       background-color: #265985;
     }
     .rbc-event:focus,
-.rbc-day-slot .rbc-background-event:focus {
+    .rbc-day-slot .rbc-background-event:focus {
       outline: 5px auto #3b99fc;
     }
     .rbc-event-label {
@@ -5306,7 +5313,7 @@
       color: hsl(var(--input));
     }
     .rbc-show-more:hover,
-.rbc-show-more:focus {
+    .rbc-show-more:focus {
       color: #265985;
     }
     .rbc-month-view {
@@ -5370,8 +5377,8 @@
       font-weight: bold;
     }
     .rbc-date-cell > a,
-.rbc-date-cell > a:active,
-.rbc-date-cell > a:visited {
+    .rbc-date-cell > a:active,
+    .rbc-date-cell > a:visited {
       color: inherit;
       text-decoration: none;
     }
@@ -5468,13 +5475,13 @@
       text-transform: lowercase;
     }
     .rbc-agenda-time-cell .rbc-continues-after:after {
-      content: ' »';
+      content: " »";
     }
     .rbc-agenda-time-cell .rbc-continues-prior:before {
-      content: '« ';
+      content: "« ";
     }
     .rbc-agenda-date-cell,
-.rbc-agenda-time-cell {
+    .rbc-agenda-time-cell {
       white-space: nowrap;
     }
     .rbc-agenda-event-cell {
@@ -5507,7 +5514,7 @@
       flex-flow: column nowrap;
     }
     .rbc-time-gutter,
-.rbc-header-gutter {
+    .rbc-header-gutter {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
@@ -5531,7 +5538,7 @@
       right: 0;
     }
     .rbc-day-slot .rbc-event,
-.rbc-day-slot .rbc-background-event {
+    .rbc-day-slot .rbc-background-event {
       border: 1px solid #265985;
       display: -webkit-box;
       display: -ms-flexbox;
@@ -5572,7 +5579,7 @@
       border-top: 1px solid hsl(var(--border));
     }
     .rbc-time-view-resources .rbc-time-gutter,
-.rbc-time-view-resources .rbc-time-header-gutter {
+    .rbc-time-view-resources .rbc-time-header-gutter {
       position: sticky;
       left: 0;
       background-color: white;
@@ -5598,7 +5605,7 @@
       min-width: 140px;
     }
     .rbc-time-view-resources .rbc-header,
-.rbc-time-view-resources .rbc-day-bg {
+    .rbc-time-view-resources .rbc-day-bg {
       width: 140px;
       -webkit-box-flex: 1;
       -ms-flex: 1 1 0px;

package/dist/utils/token-management/index.js

@@ -1,6 +1,6 @@
 "use server";
 import { redirect } from "next/navigation";
-import { clearAllCookieSession, getCookieSession, setCookieSession } from "../session/cookieSession";
+import { clearAllCookieSession, getCookieSession, setCookieSession, } from "../session/cookieSession";
 export async function getValidAccessToken(options) {
     const accessToken = await getCookieSession("accessToken");
     const refreshToken = await getCookieSession("refreshToken");
@@ -32,11 +32,15 @@ export async function refreshAccessToken(refreshToken, isSetToken) {
         });
         if (response.ok) {
             const data = await response.json();
-            const { accessToken, refreshToken, expiresIn, refreshExpiresIn } = data;
+            const { accessToken, refreshToken, expiresIn, refreshExpiresIn, } = data;
             if (isSetToken) {
                 try {
-                    await setCookieSession("accessToken", accessToken, { maxAge: expiresIn });
-                    await setCookieSession("refreshToken", refreshToken, { maxAge: refreshExpiresIn });
+                    await setCookieSession("accessToken", accessToken, {
+                        maxAge: expiresIn,
+                    });
+                    await setCookieSession("refreshToken", refreshToken, {
+                        maxAge: refreshExpiresIn,
+                    });
                 }
                 catch (error) {
                     console.error(error);
@@ -74,5 +78,5 @@ export async function refreshAccessToken(refreshToken, isSetToken) {
 }
 export async function logOut() {
     await clearAllCookieSession();
-    redirect(process.env.IKON_LOGIN_PAGE_URL || process.env.DEV_TOOL_BASE_PATH + "/signup.html");
+    redirect("/login.html");
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ikoncomponents",
-  "version": "1.2.8",
+  "version": "1.3.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "css": "dist/styles.css",