warqadui 0.0.63 → 0.0.64

package/dist/index.mjs

@@ -877,11 +877,13 @@ var CodeBlock = ({
 };
 
 // src/components/Card.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
 var Card = ({
   children,
   className,
   variant = "default",
+  isLoading = false,
+  loadingText = "Loading...",
   ...props
 }) => {
   const variants = {
@@ -889,16 +891,34 @@ var Card = ({
     flat: "bg-gray-50/50 dark:bg-zinc-950/50 border-gray-100 dark:border-zinc-900",
     glass: "bg-white/70 dark:bg-black/40 backdrop-blur-md border-white/20 dark:border-white/5 shadow-xl"
   };
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs9(
     "div",
     {
       className: cn(
-        "rounded-2xl border p-6 transition-all duration-300",
+        "relative rounded-2xl border p-6 transition-all duration-300 overflow-hidden",
         variants[variant],
         className
       ),
       ...props,
-      children
+      children: [
+        isLoading && /* @__PURE__ */ jsxs9("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-white/40 dark:bg-black/20 backdrop-blur-[2px]", children: [
+          /* @__PURE__ */ jsx13("div", { className: "absolute inset-0 -translate-x-full animate-shimmer bg-gradient-to-r from-transparent via-white/50 dark:via-zinc-400/10 to-transparent" }),
+          /* @__PURE__ */ jsxs9("div", { className: "flex items-center space-x-2 px-4 py-2 rounded-full bg-white/80 dark:bg-zinc-800/80 shadow-sm border border-gray-100 dark:border-zinc-700", children: [
+            /* @__PURE__ */ jsx13("div", { className: "h-2 w-2 rounded-full bg-blue-500 animate-pulse" }),
+            /* @__PURE__ */ jsx13("span", { className: "text-xs font-medium text-gray-600 dark:text-zinc-400", children: loadingText })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx13(
+          "div",
+          {
+            className: cn(
+              "transition-all duration-300",
+              isLoading ? "opacity-40 blur-[1px] pointer-events-none" : "opacity-100"
+            ),
+            children
+          }
+        )
+      ]
     }
   );
 };
@@ -940,7 +960,7 @@ Card.Footer = CardFooter;
 // src/components/modal/Modal.tsx
 import { X } from "lucide-react";
 import { motion as motion2, AnimatePresence as AnimatePresence2 } from "framer-motion";
-import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 var Modal = ({
   isOpen,
   onClose,
@@ -949,7 +969,7 @@ var Modal = ({
   isLoading = false,
   width = 500
 }) => {
-  return /* @__PURE__ */ jsx14(AnimatePresence2, { children: isOpen && /* @__PURE__ */ jsxs9("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4 sm:p-6", children: [
+  return /* @__PURE__ */ jsx14(AnimatePresence2, { children: isOpen && /* @__PURE__ */ jsxs10("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4 sm:p-6", children: [
     /* @__PURE__ */ jsx14(
       motion2.div,
       {
@@ -960,7 +980,7 @@ var Modal = ({
         className: "fixed inset-0 bg-black/40 backdrop-blur-sm transition-all"
       }
     ),
-    /* @__PURE__ */ jsxs9(
+    /* @__PURE__ */ jsxs10(
       motion2.div,
       {
         initial: { opacity: 0, scale: 0.95, y: 10 },
@@ -970,7 +990,7 @@ var Modal = ({
         style: { maxWidth: width, maxHeight: "90vh" },
         className: "w-full bg-white dark:bg-zinc-900 rounded-3xl shadow-2xl border border-gray-200 dark:border-white/5 overflow-hidden relative z-10 flex flex-col",
         children: [
-          /* @__PURE__ */ jsxs9("div", { className: "px-8 py-5 border-b border-gray-100 dark:border-white/5 flex items-center justify-between bg-white/50 dark:bg-zinc-900/50 backdrop-blur-xl sticky top-0 z-20", children: [
+          /* @__PURE__ */ jsxs10("div", { className: "px-8 py-5 border-b border-gray-100 dark:border-white/5 flex items-center justify-between bg-white/50 dark:bg-zinc-900/50 backdrop-blur-xl sticky top-0 z-20", children: [
             /* @__PURE__ */ jsx14("h3", { className: "text-xl font-bold text-gray-900 dark:text-white tracking-tight", children: title }),
             /* @__PURE__ */ jsx14(
               "button",
@@ -983,7 +1003,7 @@ var Modal = ({
             )
           ] }),
           /* @__PURE__ */ jsx14("div", { className: "absolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-blue-500 via-indigo-600 to-purple-500 opacity-60" }),
-          /* @__PURE__ */ jsxs9("div", { className: "p-8 overflow-y-auto relative flex-1", children: [
+          /* @__PURE__ */ jsxs10("div", { className: "p-8 overflow-y-auto relative flex-1", children: [
             isLoading && /* @__PURE__ */ jsx14(ClassicSpin, {}),
             /* @__PURE__ */ jsx14(
               "div",
@@ -1000,15 +1020,15 @@ var Modal = ({
 };
 
 // src/components/PageHeader.tsx
-import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 var PageHeader = ({
   title,
   description,
   children,
   className
 }) => {
-  return /* @__PURE__ */ jsxs10("div", { className: cn("space-y-2 mb-8", className), children: [
-    /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-between", children: [
+  return /* @__PURE__ */ jsxs11("div", { className: cn("space-y-2 mb-8", className), children: [
+    /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsx15("h1", { className: "text-3xl font-bold text-gray-900 dark:text-white tracking-tight", children: title }),
       children
     ] }),
@@ -1074,7 +1094,7 @@ import { Eye, EyeOff } from "lucide-react";
 import {
   Controller
 } from "react-hook-form";
-import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
 var Input = forwardRef(
   ({
     label,
@@ -1116,12 +1136,12 @@ var Input = forwardRef(
         form.clearErrors("root");
       }
     }, [watchedValue, name, form]);
-    const renderInput = (inputProps, localType = type || "text") => /* @__PURE__ */ jsxs11(
+    const renderInput = (inputProps, localType = type || "text") => /* @__PURE__ */ jsxs12(
       "div",
       {
         className: `${label ? "space-y-2" : ""} group relative ${containerClassName} `,
         children: [
-          label && /* @__PURE__ */ jsxs11(
+          label && /* @__PURE__ */ jsxs12(
             "label",
             {
               htmlFor: props.id,
@@ -1133,7 +1153,7 @@ var Input = forwardRef(
               ]
             }
           ),
-          /* @__PURE__ */ jsxs11("div", { className: "relative", children: [
+          /* @__PURE__ */ jsxs12("div", { className: "relative", children: [
             icon && /* @__PURE__ */ jsx17("div", { className: "absolute inset-y-0 left-0 pl-2.5 flex items-center pointer-events-none", children: /* @__PURE__ */ jsx17(
               "div",
               {
@@ -1275,7 +1295,7 @@ import PhoneInputOriginal, {
 } from "react-phone-number-input";
 import "react-phone-number-input/style.css";
 import { Controller as Controller2 } from "react-hook-form";
-import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
 var PhoneInput = forwardRef2(
   ({
     label,
@@ -1304,8 +1324,8 @@ var PhoneInput = forwardRef2(
       }
       message4 = currentError?.message || message4;
     }
-    const renderInput = (onChangeHandler, currentValue) => /* @__PURE__ */ jsxs12("div", { className: `space-y-2 group relative ${containerClassName}`, children: [
-      /* @__PURE__ */ jsxs12(
+    const renderInput = (onChangeHandler, currentValue) => /* @__PURE__ */ jsxs13("div", { className: `space-y-2 group relative ${containerClassName}`, children: [
+      /* @__PURE__ */ jsxs13(
         "label",
         {
           className: `block text-xs font-medium transition-colors duration-200`,
@@ -1318,7 +1338,7 @@ var PhoneInput = forwardRef2(
           ]
         }
       ),
-      /* @__PURE__ */ jsxs12("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxs13("div", { className: "relative", children: [
         icon && /* @__PURE__ */ jsx18("div", { className: "absolute inset-y-0 left-0 pl-2.5 flex items-center pointer-events-none z-10", children: /* @__PURE__ */ jsx18(
           "div",
           {
@@ -1380,7 +1400,7 @@ import React6, {
 import { createPortal } from "react-dom";
 import { ChevronDown as ChevronDown2, Check as Check2 } from "lucide-react";
 import { Controller as Controller3 } from "react-hook-form";
-import { Fragment as Fragment3, jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
 var SelectContext = createContext3(void 0);
 var useSelectContext = () => {
   const context = useContext3(SelectContext);
@@ -1535,13 +1555,13 @@ var SelectRoot = ({
     disabled
   };
   const hasChildren = React6.Children.count(children) > 0;
-  return /* @__PURE__ */ jsx19(SelectContext.Provider, { value: valueCtx, children: /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsx19(SelectContext.Provider, { value: valueCtx, children: /* @__PURE__ */ jsxs14(
     "div",
     {
       ref: containerRef,
       className: `${label ? "space-y-2" : ""} group relative ${containerClassName}`,
       children: [
-        label && /* @__PURE__ */ jsxs13(
+        label && /* @__PURE__ */ jsxs14(
           "label",
           {
             className: `block text-xs font-medium transition-colors duration-200`,
@@ -1552,7 +1572,7 @@ var SelectRoot = ({
             ]
           }
         ),
-        hasChildren ? children : /* @__PURE__ */ jsxs13(Fragment3, { children: [
+        hasChildren ? children : /* @__PURE__ */ jsxs14(Fragment3, { children: [
           /* @__PURE__ */ jsx19(
             SelectTrigger,
             {
@@ -1655,7 +1675,7 @@ var SelectTrigger = forwardRef3(
           }
         },
         ...props,
-        children: children ? children : /* @__PURE__ */ jsxs13(Fragment3, { children: [
+        children: children ? children : /* @__PURE__ */ jsxs14(Fragment3, { children: [
           icon && /* @__PURE__ */ jsx19(
             "div",
             {
@@ -1758,7 +1778,7 @@ var SelectItem = forwardRef3(
       setIsOpen(false);
       fieldInternalProps?.onBlur?.();
     };
-    return /* @__PURE__ */ jsxs13(
+    return /* @__PURE__ */ jsxs14(
       "button",
       {
         ref,
@@ -1794,7 +1814,7 @@ import { forwardRef as forwardRef4, useEffect as useEffect7, useState as useStat
 import {
   Controller as Controller4
 } from "react-hook-form";
-import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
 var Textarea = forwardRef4(
   ({
     label,
@@ -1818,8 +1838,8 @@ var Textarea = forwardRef4(
       const errorObj = name.split(".").reduce((acc, current) => acc?.[current], errors);
       message4 = errorObj?.message;
     }
-    const renderInput = (inputProps, ref2) => /* @__PURE__ */ jsxs14("div", { className: `space-y-2 group w-full! relative ${containerClassName}`, children: [
-      /* @__PURE__ */ jsxs14(
+    const renderInput = (inputProps, ref2) => /* @__PURE__ */ jsxs15("div", { className: `space-y-2 group w-full! relative ${containerClassName}`, children: [
+      /* @__PURE__ */ jsxs15(
         "label",
         {
           htmlFor: props.id,
@@ -2077,7 +2097,7 @@ var useApis_default = useApi;
 
 // src/components/Fields/searchApi.tsx
 import { Controller as Controller5 } from "react-hook-form";
-import { Fragment as Fragment4, jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
 var SearchApiContext = createContext4(
   void 0
 );
@@ -2394,13 +2414,13 @@ var SearchApiRoot = ({
     onClear
   };
   const hasChildren = !!children;
-  return /* @__PURE__ */ jsx21(SearchApiContext.Provider, { value: valueCtx, children: /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsx21(SearchApiContext.Provider, { value: valueCtx, children: /* @__PURE__ */ jsxs16(
     "div",
     {
       ref: containerRef,
       className: `${label ? "space-y-2" : ""} group relative ${containerClassName}`,
       children: [
-        label && /* @__PURE__ */ jsxs15(
+        label && /* @__PURE__ */ jsxs16(
           "label",
           {
             className: `block text-xs font-medium transition-colors duration-200`,
@@ -2411,7 +2431,7 @@ var SearchApiRoot = ({
             ]
           }
         ),
-        hasChildren ? children : /* @__PURE__ */ jsxs15(Fragment4, { children: [
+        hasChildren ? children : /* @__PURE__ */ jsxs16(Fragment4, { children: [
           /* @__PURE__ */ jsx21(SearchApiTrigger, { className, children: /* @__PURE__ */ jsx21(SearchApiInput, { ...props }) }),
           /* @__PURE__ */ jsx21(SearchApiContent, { children: filteredOptions.map((opt, index) => /* @__PURE__ */ jsx21(
             SearchApiItem,
@@ -2443,7 +2463,7 @@ var SearchApiTrigger = forwardRef5(
       inputRef,
       searchTerm
     } = useSearchApiContext();
-    return /* @__PURE__ */ jsx21("div", { className: "relative", ref: dropdownAnchorRef, children: /* @__PURE__ */ jsxs15(
+    return /* @__PURE__ */ jsx21("div", { className: "relative", ref: dropdownAnchorRef, children: /* @__PURE__ */ jsxs16(
       "div",
       {
         className: `flex items-center w-full px-0 text-gray-900 dark:text-white transition-all duration-200 cursor-text py-1 ${variant === "ghost" ? "bg-transparent border-transparent shadow-none px-0 h-full" : isFocused || isOpen ? "ring-2 bg-white dark:bg-zinc-900 border rounded-md h-(--input-height)" : "border-gray-200 dark:border-zinc-800 border rounded-md bg-white dark:bg-zinc-900/50 h-(--input-height)"} ${className}`,
@@ -2468,7 +2488,7 @@ var SearchApiTrigger = forwardRef5(
             }
           ),
           /* @__PURE__ */ jsx21("div", { className: "flex-1 relative ms-2", children }),
-          /* @__PURE__ */ jsx21("div", { className: "pr-2.5 w-16! flex items-center gap-1 shrink-0 min-w-10 justify-end", children: isLoading ? /* @__PURE__ */ jsx21(Loader22, { className: "h-4 w-4 animate-spin text-blue-500 shrink-0" }) : /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx21("div", { className: "pr-2.5 w-16! flex items-center gap-1 shrink-0 min-w-10 justify-end", children: isLoading ? /* @__PURE__ */ jsx21(Loader22, { className: "h-4 w-4 animate-spin text-blue-500 shrink-0" }) : /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-1", children: [
             selectedValue && !disabled && /* @__PURE__ */ jsx21(
               "button",
               {
@@ -2558,7 +2578,7 @@ var SearchApiInput = forwardRef5(
           break;
       }
     };
-    return /* @__PURE__ */ jsxs15(Fragment4, { children: [
+    return /* @__PURE__ */ jsxs16(Fragment4, { children: [
       !isOpen && (selectedValue !== void 0 && selectedValue !== null && selectedValue !== "") && /* @__PURE__ */ jsx21("div", { className: "absolute inset-0 flex items-center ms-1 truncate select-none", children: getDisplayValue() }),
       /* @__PURE__ */ jsx21(
         "input",
@@ -2646,7 +2666,7 @@ var SearchApiContent = forwardRef5(
     }, [isOpen]);
     if (!isOpen || typeof document === "undefined") return null;
     return createPortal2(
-      /* @__PURE__ */ jsxs15(
+      /* @__PURE__ */ jsxs16(
         "div",
         {
           ref: dropdownContentRef,
@@ -2656,7 +2676,7 @@ var SearchApiContent = forwardRef5(
           ...props,
           children: [
             error && /* @__PURE__ */ jsx21("div", { className: "px-3 py-2 text-sm text-red-600 dark:text-red-400 border-b border-gray-100 dark:border-zinc-800", children: error }),
-            isLoading && options.length === 0 ? /* @__PURE__ */ jsxs15("div", { className: "p-4 text-center text-sm text-gray-500", children: [
+            isLoading && options.length === 0 ? /* @__PURE__ */ jsxs16("div", { className: "p-4 text-center text-sm text-gray-500", children: [
               /* @__PURE__ */ jsx21(Loader22, { className: "h-5 w-5 animate-spin mx-auto mb-2" }),
               "Loading options..."
             ] }) : children ? /* @__PURE__ */ jsx21("div", { className: "py-1", children }) : /* @__PURE__ */ jsx21("div", { className: "p-4 text-center text-sm text-gray-500", children: searchTerm ? `No results for "${searchTerm}"` : "No options available" })
@@ -2688,7 +2708,7 @@ var SearchApiItem = forwardRef5(
     const optValue = getOptionValue(option);
     const isSelected = selectedValue === optValue;
     const isHighlighted = index === activeIndex;
-    return /* @__PURE__ */ jsxs15(
+    return /* @__PURE__ */ jsxs16(
       "button",
       {
         ref,
@@ -2726,7 +2746,7 @@ import {
 import dayjs from "dayjs";
 import customParseFormat from "dayjs/plugin/customParseFormat";
 import { Calendar } from "lucide-react";
-import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
 dayjs.extend(customParseFormat);
 var DateInput = forwardRef6(
   ({
@@ -2802,8 +2822,8 @@ var DateInput = forwardRef6(
         }
       );
     };
-    return /* @__PURE__ */ jsxs16("div", { className: `space-y-2 group relative ${containerClassName}`, children: [
-      label && /* @__PURE__ */ jsxs16(
+    return /* @__PURE__ */ jsxs17("div", { className: `space-y-2 group relative ${containerClassName}`, children: [
+      label && /* @__PURE__ */ jsxs17(
         "label",
         {
           className: "block text-xs font-medium transition-colors duration-200",
@@ -2864,7 +2884,7 @@ import {
   flexRender
 } from "@tanstack/react-table";
 import { ChevronDown as ChevronDown4, Search as Search2 } from "lucide-react";
-import { Fragment as Fragment5, jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
 function DataTable({
   columns: userColumns,
   data,
@@ -2999,8 +3019,8 @@ function DataTable({
     table.getState().pagination.pageIndex,
     table.getState().pagination.pageSize
   ]);
-  return /* @__PURE__ */ jsxs17("div", { className: `space-y-4 w-full ${className}`, children: [
-    filterables && /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between gap-4", children: [
+  return /* @__PURE__ */ jsxs18("div", { className: `space-y-4 w-full ${className}`, children: [
+    filterables && /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between gap-4", children: [
       /* @__PURE__ */ jsx23("div", { className: "flex-1 max-w-sm", children: /* @__PURE__ */ jsx23(
         Fields_default.Input,
         {
@@ -3011,12 +3031,12 @@ function DataTable({
           className: "h-9!"
         }
       ) }),
-      /* @__PURE__ */ jsx23("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxs17("div", { className: "relative group", children: [
-        /* @__PURE__ */ jsxs17("button", { className: "flex items-center gap-2 px-3 h-9 rounded-lg border border-gray-200 dark:border-zinc-800 bg-white dark:bg-zinc-900 text-sm font-medium text-gray-700 dark:text-gray-200 hover:bg-gray-50 dark:hover:bg-zinc-800 transition-colors", children: [
+      /* @__PURE__ */ jsx23("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxs18("div", { className: "relative group", children: [
+        /* @__PURE__ */ jsxs18("button", { className: "flex items-center gap-2 px-3 h-9 rounded-lg border border-gray-200 dark:border-zinc-800 bg-white dark:bg-zinc-900 text-sm font-medium text-gray-700 dark:text-gray-200 hover:bg-gray-50 dark:hover:bg-zinc-800 transition-colors", children: [
           "Columns",
           /* @__PURE__ */ jsx23(ChevronDown4, { size: 14, className: "text-gray-400" })
         ] }),
-        /* @__PURE__ */ jsx23("div", { className: "absolute right-0 top-full mt-2 w-48 py-1 bg-white dark:bg-zinc-900 border border-gray-200 dark:border-zinc-800 rounded-lg shadow-xl opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all z-50", children: table.getAllColumns().filter((column) => column.getCanHide()).map((column) => /* @__PURE__ */ jsxs17(
+        /* @__PURE__ */ jsx23("div", { className: "absolute right-0 top-full mt-2 w-48 py-1 bg-white dark:bg-zinc-900 border border-gray-200 dark:border-zinc-800 rounded-lg shadow-xl opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all z-50", children: table.getAllColumns().filter((column) => column.getCanHide()).map((column) => /* @__PURE__ */ jsxs18(
           "label",
           {
             className: "flex items-center gap-2 px-3 py-2 text-sm text-gray-700 dark:text-gray-200 hover:bg-gray-50 dark:hover:bg-zinc-800 cursor-pointer capitalize",
@@ -3038,7 +3058,7 @@ function DataTable({
         )) })
       ] }) })
     ] }),
-    /* @__PURE__ */ jsx23("div", { className: "rounded-lg border border-gray-200 dark:border-zinc-800 bg-white dark:bg-zinc-950 overflow-hidden relative", children: /* @__PURE__ */ jsx23("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs17(
+    /* @__PURE__ */ jsx23("div", { className: "rounded-lg border border-gray-200 dark:border-zinc-800 bg-white dark:bg-zinc-950 overflow-hidden relative", children: /* @__PURE__ */ jsx23("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs18(
       "table",
       {
         className: "w-full text-left border-collapse",
@@ -3069,7 +3089,7 @@ function DataTable({
               ))
             },
             `skeleton-${i}`
-          )) : table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsxs17(React8.Fragment, { children: [
+          )) : table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsxs18(React8.Fragment, { children: [
             /* @__PURE__ */ jsx23(
               "tr",
               {
@@ -3098,7 +3118,7 @@ function DataTable({
                 ))
               }
             ),
-            renderSubComponent && row.getIsExpanded() && hasSubComponent(row.original) && /* @__PURE__ */ jsx23("tr", { className: "border-b border-gray-200 dark:border-zinc-800 bg-gray-50/20 dark:bg-zinc-900/20", children: /* @__PURE__ */ jsx23("td", { colSpan: columns.length, className: "px-2 py-0", children: /* @__PURE__ */ jsxs17("div", { className: "relative pl-6 pb-2 pr-2 pt-2 h-full", children: [
+            renderSubComponent && row.getIsExpanded() && hasSubComponent(row.original) && /* @__PURE__ */ jsx23("tr", { className: "border-b border-gray-200 dark:border-zinc-800 bg-gray-50/20 dark:bg-zinc-900/20", children: /* @__PURE__ */ jsx23("td", { colSpan: columns.length, className: "px-2 py-0", children: /* @__PURE__ */ jsxs18("div", { className: "relative pl-6 pb-2 pr-2 pt-2 h-full", children: [
               /* @__PURE__ */ jsx23("div", { className: "absolute left-2 top-0 bottom-2 w-6 border-l-2 border-b-2 rounded-bl-xl border-(--theme-primary) dark:border-(--theme-primary) pointer-events-none" }),
               renderSubComponent({
                 row: row.original,
@@ -3131,16 +3151,16 @@ function DataTable({
         ]
       }
     ) }) }),
-    /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between px-2", children: [
-      /* @__PURE__ */ jsx23("div", { className: "flex-1 text-xs text-gray-500", children: selectable && /* @__PURE__ */ jsxs17(Fragment5, { children: [
+    /* @__PURE__ */ jsxs18("div", { className: "flex items-center justify-between px-2", children: [
+      /* @__PURE__ */ jsx23("div", { className: "flex-1 text-xs text-gray-500", children: selectable && /* @__PURE__ */ jsxs18(Fragment5, { children: [
         table.getFilteredSelectedRowModel().rows.length,
         " of",
         " ",
         table.getFilteredRowModel().rows.length,
         " row(s) selected."
       ] }) }),
-      pageRows && table.getPageCount() > 1 && /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxs17("span", { className: "text-sm text-gray-700 dark:text-gray-300 mr-2 select-none", children: [
+      pageRows && table.getPageCount() > 1 && /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs18("span", { className: "text-sm text-gray-700 dark:text-gray-300 mr-2 select-none", children: [
           "Page",
           " ",
           /* @__PURE__ */ jsx23("span", { className: "font-semibold", children: table.getState().pagination.pageIndex + 1 }),
@@ -3196,7 +3216,7 @@ import {
   ChevronDown as ChevronDown5,
   Loader2 as Loader23
 } from "lucide-react";
-import { Fragment as Fragment6, jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
 var TableCell = React9.memo(
   ({
     cell,
@@ -3235,7 +3255,7 @@ var TableRow = React9.memo(
   }) => {
     const isExpanded = row.getIsExpanded();
     const subComponentVisible = renderSubComponent && isExpanded && hasSubComponent(row.original);
-    return /* @__PURE__ */ jsxs18(React9.Fragment, { children: [
+    return /* @__PURE__ */ jsxs19(React9.Fragment, { children: [
       /* @__PURE__ */ jsx24(
         "tr",
         {
@@ -3260,7 +3280,7 @@ var TableRow = React9.memo(
           ))
         }
       ),
-      subComponentVisible && /* @__PURE__ */ jsx24("tr", { className: "border-b border-gray-200 dark:border-zinc-800 bg-gray-50/20 dark:bg-zinc-900/20", children: /* @__PURE__ */ jsx24("td", { colSpan: columnsCount, className: "px-2 py-0", children: /* @__PURE__ */ jsxs18("div", { className: "relative pl-6 pb-2 pr-2 pt-2 h-full", children: [
+      subComponentVisible && /* @__PURE__ */ jsx24("tr", { className: "border-b border-gray-200 dark:border-zinc-800 bg-gray-50/20 dark:bg-zinc-900/20", children: /* @__PURE__ */ jsx24("td", { colSpan: columnsCount, className: "px-2 py-0", children: /* @__PURE__ */ jsxs19("div", { className: "relative pl-6 pb-2 pr-2 pt-2 h-full", children: [
         /* @__PURE__ */ jsx24("div", { className: "absolute left-2 top-0 bottom-2 w-6 border-l-2 border-b-2 rounded-bl-xl border-(--theme-primary) dark:border-(--theme-primary) pointer-events-none" }),
         renderSubComponent({
           row: row.original,
@@ -3516,7 +3536,7 @@ function PostTable({
       header: "Actions",
       cell: ({ row, table: table2 }) => {
         const { handleEdit: handleEdit2, handleDelete: handleDelete2, submitLoading: submitLoading2, isSavingAsync: isSavingAsync2 } = table2.options.meta;
-        return /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2", children: [
+        return /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx24(
             "button",
             {
@@ -3556,7 +3576,7 @@ function PostTable({
         size: 40,
         minSize: 40,
         maxSize: 40,
-        cell: ({ row }) => /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2", children: [
+        cell: ({ row }) => /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx24("span", { className: "text-gray-500 font-medium ml-1", children: row.index + 1 }),
           renderSubComponent && hasSubComponent(row.original) && /* @__PURE__ */ jsx24(
             ChevronDown5,
@@ -3603,7 +3623,7 @@ function PostTable({
     {
       className: `space-y-4 w-full ${className}`,
       style: { "--theme-primary": primaryColor || "#3b82f6" },
-      children: /* @__PURE__ */ jsx24("div", { className: "rounded-lg border border-gray-200 dark:border-zinc-800 bg-white dark:bg-zinc-950 relative", children: /* @__PURE__ */ jsx24("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs18("table", { className: "w-full text-left border-collapse", children: [
+      children: /* @__PURE__ */ jsx24("div", { className: "rounded-lg border border-gray-200 dark:border-zinc-800 bg-white dark:bg-zinc-950 relative", children: /* @__PURE__ */ jsx24("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs19("table", { className: "w-full text-left border-collapse", children: [
         /* @__PURE__ */ jsx24("thead", { className: "bg-gray-50/50 dark:bg-zinc-900/50 border-b border-gray-200 dark:border-zinc-800", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx24("tr", { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx24(
           "th",
           {
@@ -3626,7 +3646,7 @@ function PostTable({
           },
           header.id
         )) }, headerGroup.id)) }),
-        /* @__PURE__ */ jsxs18("tbody", { className: "", children: [
+        /* @__PURE__ */ jsxs19("tbody", { className: "", children: [
           isLoading ? Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx24(
             "tr",
             {
@@ -3692,7 +3712,7 @@ function PostTable({
                           "py-1! text-sm align-middle transition-colors duration-200",
                           verticalLines ? "border-x border-gray-200 dark:border-zinc-800" : ""
                         ),
-                        children: /* @__PURE__ */ jsx24("div", { className: "flex items-center gap-2", children: editingIndex !== null ? /* @__PURE__ */ jsxs18(Fragment6, { children: [
+                        children: /* @__PURE__ */ jsx24("div", { className: "flex items-center gap-2", children: editingIndex !== null ? /* @__PURE__ */ jsxs19(Fragment6, { children: [
                           /* @__PURE__ */ jsx24(
                             "button",
                             {
@@ -3723,7 +3743,7 @@ function PostTable({
                           entryData,
                           handleSaveField,
                           isSavingAsync
-                        ) : /* @__PURE__ */ jsxs18(
+                        ) : /* @__PURE__ */ jsxs19(
                           "button",
                           {
                             onClick: handleSaveField,
@@ -3793,7 +3813,7 @@ function PostTable({
                         minWidth: column.columnDef.meta?.width ?? column.columnDef.minSize,
                         maxWidth: column.columnDef.meta?.width ?? column.columnDef.maxSize
                       },
-                      children: /* @__PURE__ */ jsxs18(
+                      children: /* @__PURE__ */ jsxs19(
                         "div",
                         {
                           className: cn(
@@ -3886,7 +3906,7 @@ import {
   getCoreRowModel as getCoreRowModel3,
   flexRender as flexRender3
 } from "@tanstack/react-table";
-import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
 function SimpleTable({
   columns: userColumns,
   data,
@@ -3935,8 +3955,8 @@ function SimpleTable({
       )
     );
   }, [table]);
-  return /* @__PURE__ */ jsxs19("div", { className: `w-full overflow-hidden ${className}`, children: [
-    /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20("div", { className: `w-full overflow-hidden ${className}`, children: [
+    /* @__PURE__ */ jsxs20(
       "table",
       {
         className: `w-full max-w-full text-left border-collapse table-fixed ${verticalLines ? "border border-black dark:border-white" : ""}`,
@@ -4092,7 +4112,7 @@ import { useState as useState16 } from "react";
 import { ArrowLeft, Copy as Copy2, Check as Check5, ExternalLink } from "lucide-react";
 import { useNavigate as useNavigate2 } from "react-router-dom";
 import { message } from "antd";
-import { jsx as jsx28, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
 var ProfileCard = ({
   name,
   role,
@@ -4123,7 +4143,7 @@ var ProfileCard = ({
   const getInitials = (userName) => {
     return userName.split(" ").filter(Boolean).map((n) => n[0]).join("").toUpperCase().slice(0, 2);
   };
-  return /* @__PURE__ */ jsxs20(Card, { className: cn(
+  return /* @__PURE__ */ jsxs21(Card, { className: cn(
     "overflow-hidden border-0 bg-white/70 dark:bg-zinc-950/70 backdrop-blur-xl shadow-2xl",
     "relative group/card transition-all duration-300",
     className
@@ -4131,8 +4151,8 @@ var ProfileCard = ({
     /* @__PURE__ */ jsx28("div", { className: "absolute top-0 left-0 w-full h-32 bg-linear-to-br from-blue-600/10 via-indigo-600/5 to-purple-600/10 dark:from-blue-500/10 dark:via-indigo-500/5 dark:to-purple-500/10" }),
     /* @__PURE__ */ jsx28("div", { className: "absolute top-0 right-0 w-48 h-48 bg-blue-500/20 blur-3xl -mr-24 -mt-24 rounded-full" }),
     /* @__PURE__ */ jsx28("div", { className: "absolute top-0 left-0 w-32 h-32 bg-indigo-500/10 blur-2xl -ml-16 -mt-16 rounded-full" }),
-    /* @__PURE__ */ jsxs20(Card.Content, { className: "relative px-8 pt-8 pb-10 z-10", children: [
-      /* @__PURE__ */ jsxs20("div", { className: "flex justify-between items-start mb-10", children: [
+    /* @__PURE__ */ jsxs21(Card.Content, { className: "relative px-8 pt-8 pb-10 z-10", children: [
+      /* @__PURE__ */ jsxs21("div", { className: "flex justify-between items-start mb-10", children: [
         /* @__PURE__ */ jsx28(
           "button",
           {
@@ -4143,15 +4163,15 @@ var ProfileCard = ({
         ),
         /* @__PURE__ */ jsx28("div", { className: "flex gap-2", children: /* @__PURE__ */ jsx28("div", { className: "px-3 py-1 rounded-full bg-blue-50/50 dark:bg-blue-500/10 text-[10px] font-bold text-blue-600 dark:text-blue-400 uppercase tracking-widest border border-blue-100/50 dark:border-blue-500/20", children: "Active Profile" }) })
       ] }),
-      /* @__PURE__ */ jsxs20("div", { className: "flex flex-col items-center sm:flex-row gap-8 mb-12", children: [
-        /* @__PURE__ */ jsxs20("div", { className: "relative shrink-0 group/avatar", children: [
+      /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-center sm:flex-row gap-8 mb-12", children: [
+        /* @__PURE__ */ jsxs21("div", { className: "relative shrink-0 group/avatar", children: [
           /* @__PURE__ */ jsx28("div", { className: "absolute inset-0 bg-blue-500/20 blur-xl opacity-0 group-hover/avatar:opacity-100 transition-opacity" }),
           /* @__PURE__ */ jsx28("div", { className: "relative h-28 w-28 rounded-3xl ring-4 ring-white dark:ring-zinc-950 shadow-2xl overflow-hidden bg-gray-50 dark:bg-zinc-900 flex items-center justify-center transition-transform hover:rotate-3 duration-300", children: image ? /* @__PURE__ */ jsx28("img", { src: image, alt: name, className: "h-full w-full object-cover" }) : /* @__PURE__ */ jsx28("span", { className: "text-3xl font-black text-blue-600 dark:text-blue-400 select-none", children: getInitials(name) }) }),
           /* @__PURE__ */ jsx28("div", { className: "absolute bottom-0 right-0 w-6 h-6 bg-green-500 border-4 border-white dark:border-zinc-950 rounded-full shadow-lg" })
         ] }),
-        /* @__PURE__ */ jsxs20("div", { className: "flex flex-col items-center sm:items-start text-center sm:text-left gap-1", children: [
+        /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-center sm:items-start text-center sm:text-left gap-1", children: [
           /* @__PURE__ */ jsx28("h2", { className: "text-3xl font-black text-gray-900 dark:text-white tracking-tight leading-tight", children: name }),
-          role && /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2", children: [
+          role && /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsx28("span", { className: "text-sm font-semibold text-gray-500 dark:text-zinc-400 capitalize", children: role }),
             /* @__PURE__ */ jsx28("span", { className: "w-1 h-1 rounded-full bg-gray-300 dark:bg-zinc-700" }),
             /* @__PURE__ */ jsx28("span", { className: "text-xs font-medium text-blue-600/70 dark:text-blue-400/70", children: "Verified Account" })
@@ -4160,12 +4180,12 @@ var ProfileCard = ({
       ] }),
       /* @__PURE__ */ jsx28("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: Object.entries(details).map(([key, value]) => {
         if (value === void 0 || value === null || value === "") return null;
-        return /* @__PURE__ */ jsxs20(
+        return /* @__PURE__ */ jsxs21(
           "div",
           {
             className: "group flex flex-col p-4 rounded-2xl bg-gray-50/50 dark:bg-zinc-900/30 border border-transparent hover:border-blue-100 dark:hover:border-blue-900/30 hover:bg-white dark:hover:bg-zinc-900 transition-all duration-300",
             children: [
-              /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between mb-1", children: [
+              /* @__PURE__ */ jsxs21("div", { className: "flex items-center justify-between mb-1", children: [
                 /* @__PURE__ */ jsx28("span", { className: "text-[10px] font-black uppercase tracking-widest text-gray-400 dark:text-zinc-500", children: formatLabel(key) }),
                 /* @__PURE__ */ jsx28(
                   "button",
@@ -4186,9 +4206,9 @@ var ProfileCard = ({
         );
       }) })
     ] }),
-    /* @__PURE__ */ jsxs20("div", { className: "px-8 py-4 bg-gray-50/50 dark:bg-zinc-900/30 border-t border-gray-100 dark:border-zinc-900 flex justify-between items-center", children: [
+    /* @__PURE__ */ jsxs21("div", { className: "px-8 py-4 bg-gray-50/50 dark:bg-zinc-900/30 border-t border-gray-100 dark:border-zinc-900 flex justify-between items-center", children: [
       /* @__PURE__ */ jsx28("p", { className: "text-[10px] text-gray-400 dark:text-zinc-600 font-medium italic", children: "All data is securely encrypted." }),
-      /* @__PURE__ */ jsxs20("button", { className: "flex items-center gap-1.5 text-xs font-bold text-blue-600 dark:text-blue-400 hover:underline", children: [
+      /* @__PURE__ */ jsxs21("button", { className: "flex items-center gap-1.5 text-xs font-bold text-blue-600 dark:text-blue-400 hover:underline", children: [
         "Edit Settings ",
         /* @__PURE__ */ jsx28(ExternalLink, { size: 12 })
       ] })
@@ -4200,7 +4220,7 @@ var ProfileCard = ({
 import React13 from "react";
 import { User, Shield, Copy as Copy3, Check as Check6 } from "lucide-react";
 import { message as message2 } from "antd";
-import { jsx as jsx29, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
 var ProfileView = ({
   name,
   role,
@@ -4222,7 +4242,7 @@ var ProfileView = ({
     message2.success(`${formatLabel(label)} copied!`);
     setTimeout(() => setCopiedIndex(null), 2e3);
   };
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs22(
     "div",
     {
       className: cn(
@@ -4230,14 +4250,14 @@ var ProfileView = ({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx29("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between gap-4", children: /* @__PURE__ */ jsxs21("div", { children: [
+        /* @__PURE__ */ jsx29("div", { className: "flex flex-col sm:flex-row sm:items-center justify-between gap-4", children: /* @__PURE__ */ jsxs22("div", { children: [
           /* @__PURE__ */ jsx29("h1", { className: "text-3xl font-black text-gray-900 dark:text-white tracking-tight leading-none", children: title }),
           /* @__PURE__ */ jsx29("p", { className: "text-gray-500 dark:text-gray-400 mt-2 font-medium", children: description })
         ] }) }),
-        /* @__PURE__ */ jsxs21("div", { className: "bg-white dark:bg-zinc-900 rounded-[2.5rem] border border-gray-100 dark:border-zinc-800 relative overflow-hidden flex flex-col", children: [
-          /* @__PURE__ */ jsxs21("div", { className: "p-8 sm:p-10 border-b border-gray-50 dark:border-zinc-800/50 relative overflow-hidden bg-gray-50/30 dark:bg-zinc-900/10", children: [
+        /* @__PURE__ */ jsxs22("div", { className: "bg-white dark:bg-zinc-900 rounded-[2.5rem] border border-gray-100 dark:border-zinc-800 relative overflow-hidden flex flex-col", children: [
+          /* @__PURE__ */ jsxs22("div", { className: "p-8 sm:p-10 border-b border-gray-50 dark:border-zinc-800/50 relative overflow-hidden bg-gray-50/30 dark:bg-zinc-900/10", children: [
             /* @__PURE__ */ jsx29("div", { className: "absolute top-0 right-0 w-64 h-64 bg-blue-50 dark:bg-blue-900/10 rounded-full blur-3xl -mr-16 -mt-16 pointer-events-none" }),
-            /* @__PURE__ */ jsxs21("div", { className: "relative flex flex-col sm:flex-row items-center sm:items-start gap-10", children: [
+            /* @__PURE__ */ jsxs22("div", { className: "relative flex flex-col sm:flex-row items-center sm:items-start gap-10", children: [
               /* @__PURE__ */ jsx29("div", { className: "relative shrink-0", children: /* @__PURE__ */ jsx29("div", { className: "w-28 h-28 sm:w-36 sm:h-36 rounded-[2rem] bg-linear-to-br from-blue-50 to-indigo-50 dark:from-blue-900/20 dark:to-indigo-900/20 flex items-center justify-center text-blue-600 dark:text-blue-400 ring-1 ring-black/5 dark:ring-white/10 overflow-hidden", children: imgUrl ? /* @__PURE__ */ jsx29(
                 "img",
                 {
@@ -4246,17 +4266,17 @@ var ProfileView = ({
                   className: "w-full h-full object-cover"
                 }
               ) : /* @__PURE__ */ jsx29(User, { size: 56, className: "opacity-80" }) }) }),
-              /* @__PURE__ */ jsxs21("div", { className: "text-center sm:text-left space-y-4 flex-1 pt-4", children: [
-                /* @__PURE__ */ jsxs21("div", { children: [
+              /* @__PURE__ */ jsxs22("div", { className: "text-center sm:text-left space-y-4 flex-1 pt-4", children: [
+                /* @__PURE__ */ jsxs22("div", { children: [
                   /* @__PURE__ */ jsx29("h2", { className: "text-3xl font-black text-gray-900 dark:text-white tracking-tight leading-none mb-3", children: name }),
                   /* @__PURE__ */ jsx29("p", { className: "text-gray-500 dark:text-gray-400 font-semibold text-lg", children: email })
                 ] }),
-                /* @__PURE__ */ jsxs21("div", { className: "flex flex-wrap justify-center sm:justify-start gap-2.5", children: [
-                  role && /* @__PURE__ */ jsxs21("span", { className: "inline-flex items-center gap-2 px-4 py-1.5 rounded-2xl bg-blue-50 text-blue-700 dark:bg-blue-900/30 dark:text-blue-300 text-xs font-bold capitalize border border-blue-100 dark:border-blue-800 tracking-wide", children: [
+                /* @__PURE__ */ jsxs22("div", { className: "flex flex-wrap justify-center sm:justify-start gap-2.5", children: [
+                  role && /* @__PURE__ */ jsxs22("span", { className: "inline-flex items-center gap-2 px-4 py-1.5 rounded-2xl bg-blue-50 text-blue-700 dark:bg-blue-900/30 dark:text-blue-300 text-xs font-bold capitalize border border-blue-100 dark:border-blue-800 tracking-wide", children: [
                     /* @__PURE__ */ jsx29(Shield, { size: 14 }),
                     role
                   ] }),
-                  userId && /* @__PURE__ */ jsxs21("span", { className: "inline-flex items-center gap-2 px-4 py-1.5 rounded-2xl bg-gray-50 text-gray-700 dark:bg-zinc-800 dark:text-gray-300 text-xs font-bold border border-gray-100 dark:border-zinc-700 tracking-wide", children: [
+                  userId && /* @__PURE__ */ jsxs22("span", { className: "inline-flex items-center gap-2 px-4 py-1.5 rounded-2xl bg-gray-50 text-gray-700 dark:bg-zinc-800 dark:text-gray-300 text-xs font-bold border border-gray-100 dark:border-zinc-700 tracking-wide", children: [
                     "#",
                     userId.slice(-6).toUpperCase()
                   ] })
@@ -4268,12 +4288,12 @@ var ProfileView = ({
             if (item.value === void 0 || item.value === null || item.value === "")
               return null;
             const isCopiable = item.copiable !== false;
-            return /* @__PURE__ */ jsxs21(
+            return /* @__PURE__ */ jsxs22(
               "div",
               {
                 className: "group flex flex-col p-6 rounded-3xl bg-gray-50/50 dark:bg-zinc-800/30 border border-gray-100/50 dark:border-zinc-800/50 hover:bg-white dark:hover:bg-zinc-800 hover:border-blue-100 dark:hover:border-blue-900/30 transition-all duration-300",
                 children: [
-                  /* @__PURE__ */ jsxs21("div", { className: "flex items-center justify-between mb-2 capitalize", children: [
+                  /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between mb-2 capitalize", children: [
                     /* @__PURE__ */ jsx29("span", { className: "text-[10px] font-black uppercase tracking-widest text-gray-400 dark:text-zinc-500", children: formatLabel(item.label) }),
                     isCopiable && /* @__PURE__ */ jsx29(
                       "button",
@@ -4317,7 +4337,7 @@ import {
   ArrowLeft as ArrowLeft2
 } from "lucide-react";
 import { useNavigate as useNavigate3 } from "react-router-dom";
-import { jsx as jsx30, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs23 } from "react/jsx-runtime";
 var TechLogin = ({
   form,
   onSubmit,
@@ -4329,8 +4349,8 @@ var TechLogin = ({
   isLoading
 }) => {
   const navigate = useNavigate3();
-  return /* @__PURE__ */ jsxs22("div", { className: "flex h-screen w-full overflow-hidden bg-white dark:bg-[#0A0B10]", children: [
-    /* @__PURE__ */ jsxs22("div", { className: "hidden lg:flex lg:w-3/5 relative overflow-hidden bg-slate-900 border-r border-slate-800", children: [
+  return /* @__PURE__ */ jsxs23("div", { className: "flex h-screen w-full overflow-hidden bg-white dark:bg-[#0A0B10]", children: [
+    /* @__PURE__ */ jsxs23("div", { className: "hidden lg:flex lg:w-3/5 relative overflow-hidden bg-slate-900 border-r border-slate-800", children: [
       /* @__PURE__ */ jsx30(
         "div",
         {
@@ -4339,29 +4359,29 @@ var TechLogin = ({
         }
       ),
       /* @__PURE__ */ jsx30("div", { className: "absolute inset-0 bg-linear-to-tr from-[#0A0B10] via-transparent to-purple-500/10 z-10" }),
-      /* @__PURE__ */ jsxs22("div", { className: "relative z-20 p-12 flex flex-col justify-between w-full h-full", children: [
-        /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsxs23("div", { className: "relative z-20 p-12 flex flex-col justify-between w-full h-full", children: [
+        /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ jsx30("div", { className: "h-10 w-10 bg-indigo-600 rounded-lg flex items-center justify-center shadow-[0_0_20px_rgba(79,70,229,0.5)]", children: /* @__PURE__ */ jsx30(Terminal, { className: "text-white w-6 h-6" }) }),
           /* @__PURE__ */ jsx30("span", { className: "text-2xl font-bold text-white tracking-widest uppercase", children: brandName || "DevNode" })
         ] }),
-        /* @__PURE__ */ jsxs22("div", { className: "max-w-md", children: [
-          /* @__PURE__ */ jsxs22("h1", { className: "text-5xl font-extrabold text-white mb-6 leading-tight", children: [
+        /* @__PURE__ */ jsxs23("div", { className: "max-w-md", children: [
+          /* @__PURE__ */ jsxs23("h1", { className: "text-5xl font-extrabold text-white mb-6 leading-tight", children: [
             "Build the ",
             /* @__PURE__ */ jsx30("span", { className: "text-indigo-400", children: "Future" }),
             " of Web."
           ] }),
           /* @__PURE__ */ jsx30("p", { className: "text-slate-400 text-lg leading-relaxed mb-8", children: "Join thousands of developers building scalable applications with our state-of-the-art infrastructure." })
         ] }),
-        /* @__PURE__ */ jsxs22("div", { className: "text-slate-500 text-sm", children: [
+        /* @__PURE__ */ jsxs23("div", { className: "text-slate-500 text-sm", children: [
           "\xA9 2026 ",
           brandName || "DevNode",
           "."
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs22("div", { className: "w-full lg:w-2/5 p-8 lg:p-16 flex flex-col justify-center bg-white dark:bg-[#0A0B10] relative transition-colors duration-300", children: [
-      /* @__PURE__ */ jsxs22("div", { className: "absolute top-4 right-4 z-50 flex items-center gap-2", children: [
-        backUrl && /* @__PURE__ */ jsxs22(
+    /* @__PURE__ */ jsxs23("div", { className: "w-full lg:w-2/5 p-8 lg:p-16 flex flex-col justify-center bg-white dark:bg-[#0A0B10] relative transition-colors duration-300", children: [
+      /* @__PURE__ */ jsxs23("div", { className: "absolute top-4 right-4 z-50 flex items-center gap-2", children: [
+        backUrl && /* @__PURE__ */ jsxs23(
           "button",
           {
             onClick: () => navigate(backUrl),
@@ -4375,12 +4395,12 @@ var TechLogin = ({
         ),
         /* @__PURE__ */ jsx30(ThemeToggle, {})
       ] }),
-      /* @__PURE__ */ jsxs22("div", { className: "max-w-md w-full mx-auto relative z-10", children: [
-        /* @__PURE__ */ jsxs22("div", { className: "mb-12", children: [
+      /* @__PURE__ */ jsxs23("div", { className: "max-w-md w-full mx-auto relative z-10", children: [
+        /* @__PURE__ */ jsxs23("div", { className: "mb-12", children: [
           /* @__PURE__ */ jsx30("h2", { className: "text-3xl font-bold text-slate-900 dark:text-white mb-3 tracking-tight", children: title || "Welcome Back" }),
           /* @__PURE__ */ jsx30("p", { className: "text-slate-500 dark:text-slate-400", children: subtitle || "Please enter your credentials to access your dashboard." })
         ] }),
-        /* @__PURE__ */ jsxs22(
+        /* @__PURE__ */ jsxs23(
           "form",
           {
             onSubmit: form.handleSubmit((d) => onSubmit(d, form)),
@@ -4425,7 +4445,7 @@ var TechLogin = ({
                 }
               ),
               form.formState.errors.root && /* @__PURE__ */ jsx30("p", { className: "text-red-500 text-sm font-medium animate-in fade-in slide-in-from-top-1 duration-200", children: form.formState.errors.root.message }),
-              /* @__PURE__ */ jsxs22(
+              /* @__PURE__ */ jsxs23(
                 Button,
                 {
                   type: "submit",
@@ -4455,8 +4475,8 @@ var TravelLogin = ({
   isLoading
 }) => {
   const navigate = useNavigate3();
-  return /* @__PURE__ */ jsxs22("div", { className: "flex h-screen w-full overflow-hidden bg-white dark:bg-slate-950 transition-colors", children: [
-    /* @__PURE__ */ jsxs22("div", { className: "hidden lg:flex lg:w-1/2 relative overflow-hidden bg-slate-100 border-r border-slate-100", children: [
+  return /* @__PURE__ */ jsxs23("div", { className: "flex h-screen w-full overflow-hidden bg-white dark:bg-slate-950 transition-colors", children: [
+    /* @__PURE__ */ jsxs23("div", { className: "hidden lg:flex lg:w-1/2 relative overflow-hidden bg-slate-100 border-r border-slate-100", children: [
       /* @__PURE__ */ jsx30(
         "div",
         {
@@ -4465,27 +4485,27 @@ var TravelLogin = ({
         }
       ),
       /* @__PURE__ */ jsx30("div", { className: "absolute inset-0 bg-linear-to-br from-orange-500/20 via-transparent to-black/30 z-10" }),
-      /* @__PURE__ */ jsxs22("div", { className: "relative z-20 p-16 flex flex-col justify-between w-full h-full text-white", children: [
-        /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsxs23("div", { className: "relative z-20 p-16 flex flex-col justify-between w-full h-full text-white", children: [
+        /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ jsx30("div", { className: "h-10 w-10 bg-orange-500 rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ jsx30(Plane, { className: "text-white w-6 h-6 rotate-45" }) }),
           /* @__PURE__ */ jsx30("span", { className: "text-2xl font-bold tracking-tight", children: brandName || "Wanderlust" })
         ] }),
-        /* @__PURE__ */ jsx30("div", { className: "max-w-md", children: /* @__PURE__ */ jsxs22("h1", { className: "text-6xl font-black mb-8 leading-[1.1]", children: [
+        /* @__PURE__ */ jsx30("div", { className: "max-w-md", children: /* @__PURE__ */ jsxs23("h1", { className: "text-6xl font-black mb-8 leading-[1.1]", children: [
           "Your Next ",
           /* @__PURE__ */ jsx30("span", { className: "text-orange-400", children: "Adventure" }),
           " ",
           "Starts Now."
         ] }) }),
-        /* @__PURE__ */ jsxs22("div", { className: "text-white/70 text-sm", children: [
+        /* @__PURE__ */ jsxs23("div", { className: "text-white/70 text-sm", children: [
           "Discover the world with ",
           brandName || "Wanderlust",
           "."
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs22("div", { className: "w-full lg:w-1/2 p-10 lg:p-24 flex flex-col justify-center bg-white dark:bg-slate-950 relative transition-colors", children: [
-      /* @__PURE__ */ jsxs22("div", { className: "absolute top-4 right-4 z-50 flex items-center gap-2", children: [
-        backUrl && /* @__PURE__ */ jsxs22(
+    /* @__PURE__ */ jsxs23("div", { className: "w-full lg:w-1/2 p-10 lg:p-24 flex flex-col justify-center bg-white dark:bg-slate-950 relative transition-colors", children: [
+      /* @__PURE__ */ jsxs23("div", { className: "absolute top-4 right-4 z-50 flex items-center gap-2", children: [
+        backUrl && /* @__PURE__ */ jsxs23(
           "button",
           {
             onClick: () => navigate(backUrl),
@@ -4499,12 +4519,12 @@ var TravelLogin = ({
         ),
         /* @__PURE__ */ jsx30(ThemeToggle, {})
       ] }),
-      /* @__PURE__ */ jsxs22("div", { className: "max-w-md w-full mx-auto relative z-10", children: [
-        /* @__PURE__ */ jsxs22("div", { className: "mb-12 text-center lg:text-left", children: [
+      /* @__PURE__ */ jsxs23("div", { className: "max-w-md w-full mx-auto relative z-10", children: [
+        /* @__PURE__ */ jsxs23("div", { className: "mb-12 text-center lg:text-left", children: [
           /* @__PURE__ */ jsx30("h2", { className: "text-4xl font-bold text-slate-900 dark:text-white mb-4 tracking-tight", children: title || "Login to Explore" }),
           /* @__PURE__ */ jsx30("p", { className: "text-slate-500 dark:text-slate-400 text-lg", children: subtitle || "Enter your details to access your travel dashboard." })
         ] }),
-        /* @__PURE__ */ jsxs22(
+        /* @__PURE__ */ jsxs23(
           "form",
           {
             onSubmit: form.handleSubmit((d) => onSubmit(d, form)),
@@ -4549,7 +4569,7 @@ var TravelLogin = ({
                 }
               ),
               form.formState.errors.root && /* @__PURE__ */ jsx30("p", { className: "text-orange-600 dark:text-orange-400 text-sm font-bold text-center lg:text-left animate-in fade-in slide-in-from-top-1 duration-200", children: form.formState.errors.root.message }),
-              /* @__PURE__ */ jsxs22(
+              /* @__PURE__ */ jsxs23(
                 Button,
                 {
                   type: "submit",
@@ -4579,10 +4599,10 @@ var HealthcareLogin = ({
   isLoading
 }) => {
   const navigate = useNavigate3();
-  return /* @__PURE__ */ jsxs22("div", { className: "flex h-screen w-full overflow-hidden bg-[#F0F7FF] dark:bg-slate-950 transition-colors", children: [
-    /* @__PURE__ */ jsxs22("div", { className: "w-full lg:w-[450px] flex flex-col justify-center bg-white dark:bg-slate-900 shadow-2xl z-30 relative px-10 lg:px-14 transition-colors", children: [
-      /* @__PURE__ */ jsxs22("div", { className: "absolute top-4 right-4 z-50 flex items-center gap-2", children: [
-        backUrl && /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23("div", { className: "flex h-screen w-full overflow-hidden bg-[#F0F7FF] dark:bg-slate-950 transition-colors", children: [
+    /* @__PURE__ */ jsxs23("div", { className: "w-full lg:w-[450px] flex flex-col justify-center bg-white dark:bg-slate-900 shadow-2xl z-30 relative px-10 lg:px-14 transition-colors", children: [
+      /* @__PURE__ */ jsxs23("div", { className: "absolute top-4 right-4 z-50 flex items-center gap-2", children: [
+        backUrl && /* @__PURE__ */ jsxs23(
           "button",
           {
             onClick: () => navigate(backUrl),
@@ -4596,16 +4616,16 @@ var HealthcareLogin = ({
         ),
         /* @__PURE__ */ jsx30(ThemeToggle, {})
       ] }),
-      /* @__PURE__ */ jsxs22("div", { className: "max-w-[340px] w-full mx-auto", children: [
-        /* @__PURE__ */ jsxs22("div", { className: "mb-14", children: [
-          /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-3 mb-8", children: [
+      /* @__PURE__ */ jsxs23("div", { className: "max-w-[340px] w-full mx-auto", children: [
+        /* @__PURE__ */ jsxs23("div", { className: "mb-14", children: [
+          /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-3 mb-8", children: [
             /* @__PURE__ */ jsx30("div", { className: "h-12 w-12 bg-blue-600 rounded-xl flex items-center justify-center shadow-md shadow-blue-200 dark:shadow-blue-900/20", children: /* @__PURE__ */ jsx30(HeartPulse, { className: "text-white w-7 h-7" }) }),
             /* @__PURE__ */ jsx30("span", { className: "text-2xl font-bold text-slate-800 dark:text-white tracking-tight", children: brandName || "CarePoint" })
           ] }),
           /* @__PURE__ */ jsx30("h2", { className: "text-3xl font-bold text-slate-800 dark:text-white mb-3 tracking-tight", children: title || "Clinical Login" }),
           /* @__PURE__ */ jsx30("p", { className: "text-slate-500 dark:text-slate-400 font-medium leading-relaxed", children: subtitle || "Secure access for staff and healthcare professionals." })
         ] }),
-        /* @__PURE__ */ jsxs22(
+        /* @__PURE__ */ jsxs23(
           "form",
           {
             onSubmit: form.handleSubmit((d) => onSubmit(d, form)),
@@ -4638,7 +4658,7 @@ var HealthcareLogin = ({
                 }
               ),
               form.formState.errors.root && /* @__PURE__ */ jsx30("p", { className: "text-red-600 dark:text-red-400 text-sm font-bold animate-in fade-in slide-in-from-top-1 duration-200", children: form.formState.errors.root.message }),
-              /* @__PURE__ */ jsxs22(
+              /* @__PURE__ */ jsxs23(
                 Button,
                 {
                   type: "submit",
@@ -4655,7 +4675,7 @@ var HealthcareLogin = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs22("div", { className: "hidden lg:flex flex-1 relative overflow-hidden bg-slate-900", children: [
+    /* @__PURE__ */ jsxs23("div", { className: "hidden lg:flex flex-1 relative overflow-hidden bg-slate-900", children: [
       /* @__PURE__ */ jsx30(
         "div",
         {
@@ -4664,7 +4684,7 @@ var HealthcareLogin = ({
         }
       ),
       /* @__PURE__ */ jsx30("div", { className: "absolute inset-0 bg-linear-to-l from-transparent via-blue-900/10 to-blue-900/40 z-10" }),
-      /* @__PURE__ */ jsx30("div", { className: "relative z-20 p-20 flex flex-col items-center justify-center w-full h-full text-center", children: /* @__PURE__ */ jsx30("div", { className: "max-w-2xl bg-white/20 backdrop-blur-xl border border-white/30 p-12 rounded-[40px] shadow-2xl", children: /* @__PURE__ */ jsxs22("h1", { className: "text-5xl font-black text-white mb-6 leading-tight drop-shadow-sm", children: [
+      /* @__PURE__ */ jsx30("div", { className: "relative z-20 p-20 flex flex-col items-center justify-center w-full h-full text-center", children: /* @__PURE__ */ jsx30("div", { className: "max-w-2xl bg-white/20 backdrop-blur-xl border border-white/30 p-12 rounded-[40px] shadow-2xl", children: /* @__PURE__ */ jsxs23("h1", { className: "text-5xl font-black text-white mb-6 leading-tight drop-shadow-sm", children: [
         "Next-Gen ",
         /* @__PURE__ */ jsx30("br", {}),
         /* @__PURE__ */ jsx30("span", { className: "text-blue-100", children: "Patient Management" })
@@ -4733,7 +4753,7 @@ import { useState as useState18 } from "react";
 // src/components/Dropdown.tsx
 import { useState as useState17, useRef as useRef6, useEffect as useEffect11, useLayoutEffect } from "react";
 import { createPortal as createPortal3 } from "react-dom";
-import { jsx as jsx32, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs24 } from "react/jsx-runtime";
 var Dropdown = ({
   children,
   items,
@@ -4808,7 +4828,7 @@ var Dropdown = ({
       setIsOpen(false);
     }
   };
-  return /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsxs24(
     "div",
     {
       ref: triggerRef,
@@ -4849,7 +4869,7 @@ var Dropdown = ({
               children: /* @__PURE__ */ jsx32("div", { className: "rounded-2xl bg-white dark:bg-gray-900 shadow-2xl ring-1 ring-black/5 dark:ring-white/10 overflow-hidden", children: /* @__PURE__ */ jsx32("div", { className: "py-2", children: items.map((item, index) => {
                 const isLoading = loadingItems[index];
                 const isDanger = item.variant === "danger";
-                return /* @__PURE__ */ jsxs23(
+                return /* @__PURE__ */ jsxs24(
                   "button",
                   {
                     onClick: () => handleItemClick(item, index),
@@ -4889,7 +4909,7 @@ var Dropdown = ({
 };
 
 // src/components/ProfileDropdown.tsx
-import { jsx as jsx33, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs25 } from "react/jsx-runtime";
 var ProfileDropdown = ({
   name,
   image,
@@ -4932,7 +4952,7 @@ var ProfileDropdown = ({
       triggerMode,
       onOpenChange: setIsOpen,
       className,
-      children: /* @__PURE__ */ jsxs24(
+      children: /* @__PURE__ */ jsxs25(
         "div",
         {
           className: cn(
@@ -4966,7 +4986,7 @@ var ProfileDropdown = ({
                 )
               }
             ),
-            /* @__PURE__ */ jsxs24("div", { className: "flex flex-col items-start mr-1 min-w-[80px]", children: [
+            /* @__PURE__ */ jsxs25("div", { className: "flex flex-col items-start mr-1 min-w-[80px]", children: [
               /* @__PURE__ */ jsx33(
                 "span",
                 {
@@ -5027,7 +5047,7 @@ import {
   ChevronLeft,
   ChevronRight as ChevronRight2
 } from "lucide-react";
-import { jsx as jsx34, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs26 } from "react/jsx-runtime";
 var useA4StatementView = ({
   url,
   v = 1,
@@ -5098,14 +5118,14 @@ var useA4StatementView = ({
     const columnsWithFooters = columns.filter(
       (col) => col.renderFooter && !col.hide
     );
-    const DisplayFinalTotalEl = columnsWithFooters.length > 0 ? /* @__PURE__ */ jsxs25(
+    const DisplayFinalTotalEl = columnsWithFooters.length > 0 ? /* @__PURE__ */ jsxs26(
       "div",
       {
         id: "a4-final-total",
         className: "mt-6 flex flex-wrap justify-end items-center pt-4 border-t border-black dark:border-zinc-700 print:border-black gap-4",
         children: [
           /* @__PURE__ */ jsx34("div", { className: "text-black dark:text-white print:text-black font-bold uppercase tracking-widest text-xs mr-auto", children: "Grand Totals" }),
-          columnsWithFooters.map((col, idx) => /* @__PURE__ */ jsxs25(
+          columnsWithFooters.map((col, idx) => /* @__PURE__ */ jsxs26(
             "div",
             {
               className: "flex items-center gap-3 px-4 py-2 rounded-md border border-black dark:border-zinc-700 print:border-black",
@@ -5198,19 +5218,19 @@ var useA4StatementView = ({
       }, 150);
       return () => clearTimeout(timer);
     }, [isMeasuring, depsString]);
-    const HeaderEl = /* @__PURE__ */ jsxs25(
+    const HeaderEl = /* @__PURE__ */ jsxs26(
       "div",
       {
         className: "flex justify-between items-start mb-5 px-8 pt-8",
         id: "a4-header-section",
         children: [
-          /* @__PURE__ */ jsx34("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsx34("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ jsxs25("section", { children: [
+          /* @__PURE__ */ jsx34("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsx34("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ jsxs26("section", { children: [
             /* @__PURE__ */ jsx34("h1", { className: "text-4xl font-bold text-blue-600 dark:text-blue-500 print:text-blue-600 tracking-tight uppercase", children: title }),
             /* @__PURE__ */ jsx34("p", { className: "text-gray-500 dark:text-gray-400 print:text-gray-500 mt-1 uppercase text-xs font-semibold tracking-wider", children: subtitle })
           ] }) }) }),
-          /* @__PURE__ */ jsxs25("div", { className: "text-right", children: [
+          /* @__PURE__ */ jsxs26("div", { className: "text-right", children: [
             /* @__PURE__ */ jsx34("h2", { className: "text-lg font-bold text-gray-800 dark:text-gray-100 print:text-gray-800", children: store?.name }),
-            /* @__PURE__ */ jsxs25("div", { className: "text-sm text-gray-500 dark:text-gray-400 print:text-gray-500 leading-relaxed text-right flex flex-col items-end", children: [
+            /* @__PURE__ */ jsxs26("div", { className: "text-sm text-gray-500 dark:text-gray-400 print:text-gray-500 leading-relaxed text-right flex flex-col items-end", children: [
               store?.address && /* @__PURE__ */ jsx34("span", { className: "whitespace-pre-line", children: store.address }),
               store?.phone && /* @__PURE__ */ jsx34("span", { children: store.phone }),
               store?.email && /* @__PURE__ */ jsx34("span", { children: store.email })
@@ -5227,11 +5247,11 @@ var useA4StatementView = ({
         isLoading: isActuallyLoading
       }
     ) }) : null;
-    const statusOverlay = isActuallyLoading || error || !data || data.length === 0 ? /* @__PURE__ */ jsx34("div", { className: "flex flex-col relative w-full items-center justify-center py-12 min-h-[400px]", children: /* @__PURE__ */ jsxs25("div", { className: "flex flex-col items-center justify-center p-8 bg-gray-50/50 dark:bg-zinc-900/30 rounded-2xl border border-dashed border-gray-300 dark:border-zinc-700 w-full max-w-lg text-center shadow-sm", children: [
+    const statusOverlay = isActuallyLoading || error || !data || data.length === 0 ? /* @__PURE__ */ jsx34("div", { className: "flex flex-col relative w-full items-center justify-center py-12 min-h-[400px]", children: /* @__PURE__ */ jsxs26("div", { className: "flex flex-col items-center justify-center p-8 bg-gray-50/50 dark:bg-zinc-900/30 rounded-2xl border border-dashed border-gray-300 dark:border-zinc-700 w-full max-w-lg text-center shadow-sm", children: [
       isActuallyLoading ? /* @__PURE__ */ jsx34("div", { className: "mb-4", children: /* @__PURE__ */ jsx34(ClassicSpin, {}) }) : error ? /* @__PURE__ */ jsx34("div", { className: "w-14 h-14 bg-red-100 dark:bg-red-500/10 rounded-full flex items-center justify-center mb-4", children: /* @__PURE__ */ jsx34(AlertCircle, { className: "w-7 h-7 text-red-600 dark:text-red-500" }) }) : /* @__PURE__ */ jsx34("div", { className: "w-14 h-14 bg-gray-200 dark:bg-zinc-800 rounded-full flex items-center justify-center mb-4", children: /* @__PURE__ */ jsx34(FileX, { className: "w-7 h-7 text-gray-500 dark:text-gray-400" }) }),
       /* @__PURE__ */ jsx34("h3", { className: "text-lg font-bold text-gray-900 dark:text-white mb-2", children: isActuallyLoading ? "Loading data..." : error ? "Failed to Load Statement" : "No Records Found" }),
       /* @__PURE__ */ jsx34("p", { className: "text-sm text-gray-500 dark:text-gray-400 max-w-xs mb-6 leading-relaxed", children: isActuallyLoading ? "Please wait while we prepare your statement." : error ? typeof error === "string" ? error : "An unexpected error occurred while fetching the statement data." : "There are no transactions or records available in this requested statement." }),
-      url && !isActuallyLoading && /* @__PURE__ */ jsxs25(
+      url && !isActuallyLoading && /* @__PURE__ */ jsxs26(
         "button",
         {
           onClick: () => getData(),
@@ -5243,13 +5263,13 @@ var useA4StatementView = ({
         }
       )
     ] }) }) : null;
-    return /* @__PURE__ */ jsxs25("div", { className: "flex flex-col relative w-full items-center", children: [
+    return /* @__PURE__ */ jsxs26("div", { className: "flex flex-col relative w-full items-center", children: [
       isMeasuring && filteredDisplayData.length > 0 && /* @__PURE__ */ jsx34("div", { className: "absolute top-0 opacity-0 pointer-events-none -left-full", children: /* @__PURE__ */ jsx34(
         "div",
         {
           style: { width: "210mm", boxSizing: "border-box" },
           className: "bg-white",
-          children: /* @__PURE__ */ jsxs25(
+          children: /* @__PURE__ */ jsxs26(
             "div",
             {
               ref: measureContainerRef,
@@ -5257,7 +5277,7 @@ var useA4StatementView = ({
               children: [
                 HeaderEl,
                 DisplayInfoGridEl,
-                /* @__PURE__ */ jsxs25("div", { className: "grow w-full px-8 pb-8", children: [
+                /* @__PURE__ */ jsxs26("div", { className: "grow w-full px-8 pb-8", children: [
                   /* @__PURE__ */ jsx34("div", { className: "mb-4 border-b border-gray-200 dark:border-zinc-800 print:border-gray-200 pb-2 flex items-center gap-2 justify-between px-2 mt-2", children: /* @__PURE__ */ jsx34("h3", { className: "text-sm font-bold text-gray-800 dark:text-gray-100 print:text-gray-800 uppercase tracking-wide shrink-0", children: tableTitle }) }),
                   /* @__PURE__ */ jsx34(
                     SimpleTable,
@@ -5288,11 +5308,11 @@ var useA4StatementView = ({
               pageNumber: pageIndex + 1,
               totalPages: pages.length,
               isLastPage: pageIndex === pages.length - 1,
-              children: /* @__PURE__ */ jsxs25("div", { className: "flex flex-col h-full grow w-full", children: [
-                /* @__PURE__ */ jsxs25("header", { className: "flex justify-between gap-2 items-center px-8 pt-4 print:hidden", children: [
+              children: /* @__PURE__ */ jsxs26("div", { className: "flex flex-col h-full grow w-full", children: [
+                /* @__PURE__ */ jsxs26("header", { className: "flex justify-between gap-2 items-center px-8 pt-4 print:hidden", children: [
                   headers,
-                  printable && pageIndex === currentPageIndex && /* @__PURE__ */ jsx34("div", { className: "flex items-center justify-end  ", children: /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsxs25(
+                  printable && pageIndex === currentPageIndex && /* @__PURE__ */ jsx34("div", { className: "flex items-center justify-end  ", children: /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsxs26(
                       "button",
                       {
                         onClick: async () => await getData(),
@@ -5310,7 +5330,7 @@ var useA4StatementView = ({
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsxs25(
+                    /* @__PURE__ */ jsxs26(
                       "button",
                       {
                         onClick: () => reactToPrintFn(),
@@ -5321,7 +5341,7 @@ var useA4StatementView = ({
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-1.5 ml-2 pl-2 border-l border-gray-200 dark:border-zinc-700", children: [
+                    /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-1.5 ml-2 pl-2 border-l border-gray-200 dark:border-zinc-700", children: [
                       /* @__PURE__ */ jsx34(
                         "button",
                         {
@@ -5336,8 +5356,8 @@ var useA4StatementView = ({
                           children: /* @__PURE__ */ jsx34(ChevronLeft, { size: 18 })
                         }
                       ),
-                      /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-1 text-[11px] font-bold tabular-nums", children: [
-                        /* @__PURE__ */ jsxs25(
+                      /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-1 text-[11px] font-bold tabular-nums", children: [
+                        /* @__PURE__ */ jsxs26(
                           Select,
                           {
                             value: currentPageIndex + 1,
@@ -5351,7 +5371,7 @@ var useA4StatementView = ({
                             containerClassName: "inline-block",
                             children: [
                               /* @__PURE__ */ jsx34(SelectTrigger, { className: "h-7 px-2 min-w-[40px] border border-gray-200 dark:border-zinc-700 rounded flex items-center justify-center bg-white dark:bg-zinc-900 hover:bg-gray-100 dark:hover:bg-zinc-800 transition-colors", children: /* @__PURE__ */ jsx34("span", { className: "text-gray-900 dark:text-white", children: currentPageIndex + 1 }) }),
-                              /* @__PURE__ */ jsxs25(SelectContent, { className: "min-w-[100px] max-h-64 overflow-y-auto p-0", children: [
+                              /* @__PURE__ */ jsxs26(SelectContent, { className: "min-w-[100px] max-h-64 overflow-y-auto p-0", children: [
                                 /* @__PURE__ */ jsx34("div", { className: "p-2 border-b border-gray-100 dark:border-zinc-800 sticky top-0 bg-white dark:bg-zinc-950 z-10", children: /* @__PURE__ */ jsx34(
                                   "input",
                                   {
@@ -5393,8 +5413,8 @@ var useA4StatementView = ({
                 ] }),
                 pageIndex === 0 && HeaderEl,
                 pageIndex === 0 && DisplayInfoGridEl,
-                /* @__PURE__ */ jsxs25("div", { className: "grow w-full px-8 pb-8", children: [
-                  pageIndex === 0 && /* @__PURE__ */ jsxs25("div", { className: "mb-4 border-b border-gray-200 dark:border-zinc-700 print:border-gray-200 pb-2 flex items-center gap-2 justify-between px-2 mt-2 print:hidden", children: [
+                /* @__PURE__ */ jsxs26("div", { className: "grow w-full px-8 pb-8", children: [
+                  pageIndex === 0 && /* @__PURE__ */ jsxs26("div", { className: "mb-4 border-b border-gray-200 dark:border-zinc-700 print:border-gray-200 pb-2 flex items-center gap-2 justify-between px-2 mt-2 print:hidden", children: [
                     /* @__PURE__ */ jsx34("h3", { className: "text-sm font-bold text-gray-800 dark:text-gray-100 print:text-gray-800 uppercase tracking-wide shrink-0", children: tableTitle }),
                     /* @__PURE__ */ jsx34(
                       "input",
@@ -5455,7 +5475,7 @@ import {
   ChevronLeft as ChevronLeft2,
   ChevronRight as ChevronRight3
 } from "lucide-react";
-import { jsx as jsx35, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs27 } from "react/jsx-runtime";
 var useA4CategoryView = ({
   url,
   v = 1,
@@ -5580,19 +5600,19 @@ var useA4CategoryView = ({
       }, 150);
       return () => clearTimeout(timer);
     }, [isMeasuring, depsString]);
-    const HeaderEl = /* @__PURE__ */ jsxs26(
+    const HeaderEl = /* @__PURE__ */ jsxs27(
       "div",
       {
         className: "flex justify-between items-start mb-5 px-8 pt-8",
         id: "a4-header-section",
         children: [
-          /* @__PURE__ */ jsx35("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsx35("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ jsxs26("section", { children: [
+          /* @__PURE__ */ jsx35("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsx35("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ jsxs27("section", { children: [
             /* @__PURE__ */ jsx35("h1", { className: "text-4xl font-black text-black dark:text-white print:text-black tracking-tighter uppercase", children: title }),
             /* @__PURE__ */ jsx35("p", { className: "text-gray-600 dark:text-gray-400 print:text-gray-600 mt-1 uppercase text-xs font-bold tracking-widest", children: subtitle })
           ] }) }) }),
-          /* @__PURE__ */ jsxs26("div", { className: "text-right", children: [
+          /* @__PURE__ */ jsxs27("div", { className: "text-right", children: [
             /* @__PURE__ */ jsx35("h2", { className: "text-lg font-black text-black dark:text-white print:text-black uppercase tracking-tight", children: store?.name }),
-            /* @__PURE__ */ jsxs26("div", { className: "text-sm text-gray-600 dark:text-gray-400 print:text-gray-600 leading-relaxed text-right flex flex-col items-end font-medium", children: [
+            /* @__PURE__ */ jsxs27("div", { className: "text-sm text-gray-600 dark:text-gray-400 print:text-gray-600 leading-relaxed text-right flex flex-col items-end font-medium", children: [
               store?.address && /* @__PURE__ */ jsx35("span", { className: "whitespace-pre-line", children: store.address }),
               store?.phone && /* @__PURE__ */ jsx35("span", { children: store.phone }),
               store?.email && /* @__PURE__ */ jsx35("span", { children: store.email })
@@ -5622,11 +5642,11 @@ var useA4CategoryView = ({
         }
       );
     };
-    const statusOverlay = isActuallyLoading || error || flattenedNodes.length === 0 ? /* @__PURE__ */ jsx35("div", { className: "flex flex-col relative w-full items-center justify-center py-12 min-h-[400px]", children: /* @__PURE__ */ jsxs26("div", { className: "flex flex-col items-center justify-center p-8 bg-gray-50/50 dark:bg-zinc-900/30 rounded-2xl border border-dashed border-gray-300 dark:border-zinc-700 w-full max-w-lg text-center shadow-sm", children: [
+    const statusOverlay = isActuallyLoading || error || flattenedNodes.length === 0 ? /* @__PURE__ */ jsx35("div", { className: "flex flex-col relative w-full items-center justify-center py-12 min-h-[400px]", children: /* @__PURE__ */ jsxs27("div", { className: "flex flex-col items-center justify-center p-8 bg-gray-50/50 dark:bg-zinc-900/30 rounded-2xl border border-dashed border-gray-300 dark:border-zinc-700 w-full max-w-lg text-center shadow-sm", children: [
       isActuallyLoading ? /* @__PURE__ */ jsx35("div", { className: "mb-4", children: /* @__PURE__ */ jsx35(ClassicSpin, {}) }) : error ? /* @__PURE__ */ jsx35("div", { className: "w-14 h-14 bg-red-100 dark:bg-red-500/10 rounded-full flex items-center justify-center mb-4", children: /* @__PURE__ */ jsx35(AlertCircle2, { className: "w-7 h-7 text-red-600 dark:text-red-500" }) }) : /* @__PURE__ */ jsx35("div", { className: "w-14 h-14 bg-gray-200 dark:bg-zinc-800 rounded-full flex items-center justify-center mb-4", children: /* @__PURE__ */ jsx35(FileX2, { className: "w-7 h-7 text-gray-500 dark:text-gray-400" }) }),
       /* @__PURE__ */ jsx35("h3", { className: "text-lg font-bold text-gray-900 dark:text-white mb-2", children: isActuallyLoading ? "Loading data..." : error ? "Failed to Load Report" : "No Records Found" }),
       /* @__PURE__ */ jsx35("p", { className: "text-sm text-gray-500 dark:text-gray-400 max-w-xs mb-6 leading-relaxed", children: isActuallyLoading ? "Please wait while we prepare your report." : error ? typeof error === "string" ? error : "An unexpected error occurred while fetching the data." : "There are no items available in this requested report." }),
-      url && !isActuallyLoading && /* @__PURE__ */ jsxs26(
+      url && !isActuallyLoading && /* @__PURE__ */ jsxs27(
         "button",
         {
           onClick: () => getData(),
@@ -5638,13 +5658,13 @@ var useA4CategoryView = ({
         }
       )
     ] }) }) : null;
-    return /* @__PURE__ */ jsxs26("div", { className: "flex flex-col relative w-full items-center", children: [
+    return /* @__PURE__ */ jsxs27("div", { className: "flex flex-col relative w-full items-center", children: [
       isMeasuring && flattenedNodes.length > 0 && /* @__PURE__ */ jsx35("div", { className: "absolute top-0 opacity-0 pointer-events-none -left-full", children: /* @__PURE__ */ jsx35(
         "div",
         {
           style: { width: "210mm", boxSizing: "border-box" },
           className: "bg-white",
-          children: /* @__PURE__ */ jsxs26(
+          children: /* @__PURE__ */ jsxs27(
             "div",
             {
               ref: measureContainerRef,
@@ -5669,9 +5689,9 @@ var useA4CategoryView = ({
               pageNumber: pageIndex + 1,
               totalPages: pages.length,
               isLastPage: pageIndex === pages.length - 1,
-              children: /* @__PURE__ */ jsxs26("div", { className: "flex flex-col h-full grow w-full", children: [
-                /* @__PURE__ */ jsx35("header", { className: "flex justify-between gap-2 items-center px-8 pt-4 print:hidden", children: printable && pageIndex === currentPageIndex && /* @__PURE__ */ jsx35("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsxs26(
+              children: /* @__PURE__ */ jsxs27("div", { className: "flex flex-col h-full grow w-full", children: [
+                /* @__PURE__ */ jsx35("header", { className: "flex justify-between gap-2 items-center px-8 pt-4 print:hidden", children: printable && pageIndex === currentPageIndex && /* @__PURE__ */ jsx35("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsxs27(
                     "button",
                     {
                       onClick: async () => await getData(),
@@ -5689,7 +5709,7 @@ var useA4CategoryView = ({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsxs26(
+                  /* @__PURE__ */ jsxs27(
                     "button",
                     {
                       onClick: () => reactToPrintFn(),
@@ -5700,7 +5720,7 @@ var useA4CategoryView = ({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-1.5 ml-2 pl-2 border-l border-gray-200 dark:border-zinc-700", children: [
+                  /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-1.5 ml-2 pl-2 border-l border-gray-200 dark:border-zinc-700", children: [
                     /* @__PURE__ */ jsx35(
                       "button",
                       {
@@ -5715,8 +5735,8 @@ var useA4CategoryView = ({
                         children: /* @__PURE__ */ jsx35(ChevronLeft2, { size: 18 })
                       }
                     ),
-                    /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-1 text-[11px] font-bold tabular-nums", children: [
-                      /* @__PURE__ */ jsxs26(
+                    /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-1 text-[11px] font-bold tabular-nums", children: [
+                      /* @__PURE__ */ jsxs27(
                         Select,
                         {
                           value: currentPageIndex + 1,
@@ -5730,7 +5750,7 @@ var useA4CategoryView = ({
                           containerClassName: "inline-block",
                           children: [
                             /* @__PURE__ */ jsx35(SelectTrigger, { className: "h-7 px-2 min-w-[40px] border border-gray-200 dark:border-zinc-700 rounded flex items-center justify-center bg-white dark:bg-zinc-900 hover:bg-gray-100 dark:hover:bg-zinc-800 transition-colors", children: /* @__PURE__ */ jsx35("span", { className: "text-gray-900 dark:text-white", children: currentPageIndex + 1 }) }),
-                            /* @__PURE__ */ jsxs26(SelectContent, { className: "min-w-[100px] max-h-64 overflow-y-auto p-0", children: [
+                            /* @__PURE__ */ jsxs27(SelectContent, { className: "min-w-[100px] max-h-64 overflow-y-auto p-0", children: [
                               /* @__PURE__ */ jsx35("div", { className: "p-2 border-b border-gray-100 dark:border-zinc-800 sticky top-0 bg-white dark:bg-zinc-950 z-10", children: /* @__PURE__ */ jsx35(
                                 "input",
                                 {
@@ -5771,7 +5791,7 @@ var useA4CategoryView = ({
                 ] }) }) }),
                 pageIndex === 0 && HeaderEl,
                 pageIndex === 0 && DisplayInfoGridEl,
-                /* @__PURE__ */ jsxs26("div", { className: "grow w-full px-8 pb-8", children: [
+                /* @__PURE__ */ jsxs27("div", { className: "grow w-full px-8 pb-8", children: [
                   pageIndex === 0 && /* @__PURE__ */ jsx35("div", { className: "flex items-center justify-end px-2 mt-2 print:hidden mb-4", children: /* @__PURE__ */ jsx35(
                     "input",
                     {
@@ -5808,7 +5828,7 @@ var useA4CategoryView_default = useA4CategoryView;
 import { useEffect as useEffect14, useState as useState21 } from "react";
 import { AlertCircle as AlertCircle3, FileX as FileX3, Plus as Plus2, RefreshCw as RefreshCw3 } from "lucide-react";
 import moment from "moment";
-import { jsx as jsx36, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs28 } from "react/jsx-runtime";
 var useTransaction = ({
   url,
   v = 1,
@@ -5865,11 +5885,11 @@ var useTransaction = ({
       "div",
       {
         className: `flex flex-col relative w-full items-center justify-center py-12 min-h-[300px] ${className}`,
-        children: /* @__PURE__ */ jsxs27("div", { className: "flex flex-col items-center justify-center p-8 bg-gray-50/50 dark:bg-zinc-900/30 rounded-2xl border border-dashed border-gray-300 dark:border-zinc-700 w-full max-w-lg text-center shadow-sm", children: [
+        children: /* @__PURE__ */ jsxs28("div", { className: "flex flex-col items-center justify-center p-8 bg-gray-50/50 dark:bg-zinc-900/30 rounded-2xl border border-dashed border-gray-300 dark:border-zinc-700 w-full max-w-lg text-center shadow-sm", children: [
           error ? /* @__PURE__ */ jsx36("div", { className: "w-14 h-14 bg-red-100 dark:bg-red-500/10 rounded-full flex items-center justify-center mb-4", children: /* @__PURE__ */ jsx36(AlertCircle3, { className: "w-7 h-7 text-red-600 dark:text-red-500" }) }) : /* @__PURE__ */ jsx36("div", { className: "w-14 h-14 bg-gray-200 dark:bg-zinc-800 rounded-full flex items-center justify-center mb-4", children: /* @__PURE__ */ jsx36(FileX3, { className: "w-7 h-7 text-gray-500 dark:text-gray-400" }) }),
           /* @__PURE__ */ jsx36("h3", { className: "text-lg font-bold text-gray-900 dark:text-white mb-2", children: error ? "Failed to Load Data" : "No Records Found" }),
           /* @__PURE__ */ jsx36("p", { className: "text-sm text-gray-500 dark:text-gray-400 max-w-xs mb-6 leading-relaxed", children: error ? typeof error === "string" ? error : "An unexpected error occurred while fetching the data." : "There are no transactions or records available to display here." }),
-          url && /* @__PURE__ */ jsxs27(
+          url && /* @__PURE__ */ jsxs28(
             "button",
             {
               onClick: () => getData(),
@@ -5883,13 +5903,13 @@ var useTransaction = ({
         ] })
       }
     ) : void 0;
-    return /* @__PURE__ */ jsxs27(Card, { children: [
-      /* @__PURE__ */ jsx36(Card.Header, { children: /* @__PURE__ */ jsxs27("header", { className: "flex items-center justify-between gap-4 py-2", children: [
-        /* @__PURE__ */ jsxs27("div", { className: "space-y-1", children: [
+    return /* @__PURE__ */ jsxs28(Card, { children: [
+      /* @__PURE__ */ jsx36(Card.Header, { children: /* @__PURE__ */ jsxs28("header", { className: "flex items-center justify-between gap-4 py-2", children: [
+        /* @__PURE__ */ jsxs28("div", { className: "space-y-1", children: [
           /* @__PURE__ */ jsx36(Card.Title, { children: title }),
           /* @__PURE__ */ jsx36(Card.Description, { children: description })
         ] }),
-        /* @__PURE__ */ jsxs27("section", { className: "flex gap-2 items-center", children: [
+        /* @__PURE__ */ jsxs28("section", { className: "flex gap-2 items-center", children: [
           dateFilter && /* @__PURE__ */ jsx36(
             Fields_default.DateInput,
             {
@@ -7504,7 +7524,7 @@ var PlusOutlined_default2 = RefIcon;
 
 // src/hooks/uploads/useAntdImageUpload.tsx
 import { Image, Upload } from "antd";
-import { Fragment as Fragment7, jsx as jsx37, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx37, jsxs as jsxs29 } from "react/jsx-runtime";
 var getBase64 = (file) => new Promise((resolve, reject) => {
   const reader = new FileReader();
   reader.readAsDataURL(file);
@@ -7531,7 +7551,7 @@ var useAntdImageUpload = ({ length = 1 }) => {
       }))
     );
   };
-  const ImageBox = () => /* @__PURE__ */ jsxs28(Fragment7, { children: [
+  const ImageBox = () => /* @__PURE__ */ jsxs29(Fragment7, { children: [
     /* @__PURE__ */ jsx37(
       Upload,
       {
@@ -7540,7 +7560,7 @@ var useAntdImageUpload = ({ length = 1 }) => {
         onPreview: handlePreview,
         onChange: handleChange,
         beforeUpload: () => false,
-        children: fileList.length >= length ? null : /* @__PURE__ */ jsxs28("button", { style: { border: 0, background: "none" }, type: "button", children: [
+        children: fileList.length >= length ? null : /* @__PURE__ */ jsxs29("button", { style: { border: 0, background: "none" }, type: "button", children: [
           /* @__PURE__ */ jsx37(PlusOutlined_default2, {}),
           /* @__PURE__ */ jsx37("div", { style: { marginTop: 8 }, children: "Upload" })
         ] })
@@ -7564,9 +7584,9 @@ var useAntdImageUpload = ({ length = 1 }) => {
 var useAntdImageUpload_default = useAntdImageUpload;
 
 // src/components/Views/CategoryView.tsx
-import { jsx as jsx38, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs30 } from "react/jsx-runtime";
 var CategoryCard = ({ item }) => {
-  return /* @__PURE__ */ jsxs29("div", { className: "group bg-white rounded-md overflow-hidden border border-black/80 flex flex-col h-full print:border-black transition-all duration-300", children: [
+  return /* @__PURE__ */ jsxs30("div", { className: "group bg-white rounded-md overflow-hidden border border-black/80 flex flex-col h-full print:border-black transition-all duration-300", children: [
     /* @__PURE__ */ jsx38("div", { className: "relative aspect-square w-full overflow-hidden bg-gray-50 flex-shrink-0 border-b border-black/10", children: /* @__PURE__ */ jsx38(
       "img",
       {
@@ -7583,8 +7603,8 @@ var CategoryView = ({
   items,
   className
 }) => {
-  return /* @__PURE__ */ jsx38("div", { className: cn("p-6 bg-gray-50 min-h-full", className), children: /* @__PURE__ */ jsxs29("div", { className: "max-w-7xl mx-auto", children: [
-    /* @__PURE__ */ jsxs29("div", { className: "mb-8", children: [
+  return /* @__PURE__ */ jsx38("div", { className: cn("p-6 bg-gray-50 min-h-full", className), children: /* @__PURE__ */ jsxs30("div", { className: "max-w-7xl mx-auto", children: [
+    /* @__PURE__ */ jsxs30("div", { className: "mb-8", children: [
       /* @__PURE__ */ jsx38("h2", { className: "text-2xl md:text-3xl font-bold text-gray-900 tracking-tight", children: categoryName }),
       /* @__PURE__ */ jsx38("div", { className: "mt-2 h-1.5 w-16 bg-green-500 rounded-full" })
     ] }),