shadcn-ui-react 0.2.1 → 0.2.3

package/dist/index.js

@@ -4268,36 +4268,36 @@ var require_dom_export = __commonJS({
       };
     }
     var React310 = __toESM2(__require("react"));
-    var React70 = __toESM2(__require("react"));
-    var DataRouterContext = React70.createContext(null);
+    var React71 = __toESM2(__require("react"));
+    var DataRouterContext = React71.createContext(null);
     DataRouterContext.displayName = "DataRouter";
-    var DataRouterStateContext = React70.createContext(null);
+    var DataRouterStateContext = React71.createContext(null);
     DataRouterStateContext.displayName = "DataRouterState";
-    var ViewTransitionContext = React70.createContext({
+    var ViewTransitionContext = React71.createContext({
       isTransitioning: false
     });
     ViewTransitionContext.displayName = "ViewTransition";
-    var FetchersContext = React70.createContext(
+    var FetchersContext = React71.createContext(
       /* @__PURE__ */ new Map()
     );
     FetchersContext.displayName = "Fetchers";
-    var AwaitContext = React70.createContext(null);
+    var AwaitContext = React71.createContext(null);
     AwaitContext.displayName = "Await";
-    var NavigationContext = React70.createContext(
+    var NavigationContext = React71.createContext(
       null
     );
     NavigationContext.displayName = "Navigation";
-    var LocationContext = React70.createContext(
+    var LocationContext = React71.createContext(
       null
     );
     LocationContext.displayName = "Location";
-    var RouteContext = React70.createContext({
+    var RouteContext = React71.createContext({
       outlet: null,
       matches: [],
       isDataRoute: false
     });
     RouteContext.displayName = "Route";
-    var RouteErrorContext = React70.createContext(null);
+    var RouteErrorContext = React71.createContext(null);
     RouteErrorContext.displayName = "RouteError";
     var React210 = __toESM2(__require("react"));
     var ENABLE_DEV_WARNINGS = true;
@@ -10948,36 +10948,36 @@ var require_development = __commonJS({
       };
     }
     var React310 = __toESM2(__require("react"));
-    var React70 = __toESM2(__require("react"));
-    var DataRouterContext = React70.createContext(null);
+    var React71 = __toESM2(__require("react"));
+    var DataRouterContext = React71.createContext(null);
     DataRouterContext.displayName = "DataRouter";
-    var DataRouterStateContext = React70.createContext(null);
+    var DataRouterStateContext = React71.createContext(null);
     DataRouterStateContext.displayName = "DataRouterState";
-    var ViewTransitionContext = React70.createContext({
+    var ViewTransitionContext = React71.createContext({
       isTransitioning: false
     });
     ViewTransitionContext.displayName = "ViewTransition";
-    var FetchersContext = React70.createContext(
+    var FetchersContext = React71.createContext(
       /* @__PURE__ */ new Map()
     );
     FetchersContext.displayName = "Fetchers";
-    var AwaitContext = React70.createContext(null);
+    var AwaitContext = React71.createContext(null);
     AwaitContext.displayName = "Await";
-    var NavigationContext = React70.createContext(
+    var NavigationContext = React71.createContext(
       null
     );
     NavigationContext.displayName = "Navigation";
-    var LocationContext = React70.createContext(
+    var LocationContext = React71.createContext(
       null
     );
     LocationContext.displayName = "Location";
-    var RouteContext = React70.createContext({
+    var RouteContext = React71.createContext({
       outlet: null,
       matches: [],
       isDataRoute: false
     });
     RouteContext.displayName = "Route";
-    var RouteErrorContext = React70.createContext(null);
+    var RouteErrorContext = React71.createContext(null);
     RouteErrorContext.displayName = "RouteError";
     var React210 = __toESM2(__require("react"));
     var ENABLE_DEV_WARNINGS = true;
@@ -25479,8 +25479,44 @@ function useToast() {
   });
 }
 
+// src/components/search-input.tsx
+import React68, { useCallback as useCallback4 } from "react";
+import { useDebounce } from "use-debounce";
+import { jsx as jsx44 } from "react/jsx-runtime";
+function SearchInput({
+  value,
+  placeholder,
+  className,
+  debounceTime = 750,
+  onSearch
+}) {
+  const [searchTerm, setSearchTerm] = React68.useState(value);
+  const [debouncedValue] = useDebounce(searchTerm, debounceTime);
+  const handleSettingSearchParams = useCallback4((newSearchValue) => {
+    if (newSearchValue === "" || newSearchValue === void 0 || !newSearchValue) {
+      onSearch(newSearchValue);
+      return;
+    }
+  }, []);
+  React68.useEffect(() => {
+    handleSettingSearchParams(debouncedValue);
+  }, [debouncedValue, handleSettingSearchParams]);
+  React68.useEffect(() => {
+    setSearchTerm(value);
+  }, [value]);
+  return /* @__PURE__ */ jsx44(
+    Input,
+    {
+      placeholder: placeholder || `Search...`,
+      value: searchTerm,
+      onChange: (event) => setSearchTerm(event.target.value),
+      className: cn("w-full md:max-w-sm", className)
+    }
+  );
+}
+
 // src/shared/alert-modal.tsx
-import { jsx as jsx44, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs18 } from "react/jsx-runtime";
 var AlertModal = ({
   isOpen,
   onClose,
@@ -25493,7 +25529,7 @@ var AlertModal = ({
   className,
   children
 }) => {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(
     Modal,
     {
       title,
@@ -25502,8 +25538,8 @@ var AlertModal = ({
       onClose,
       className,
       children: children ? children : /* @__PURE__ */ jsxs18("div", { className: "flex w-full items-center justify-end space-x-2 pt-6", children: [
-        /* @__PURE__ */ jsx44(Button, { disabled: loading, variant: "outline", onClick: onClose, children: cancelText }),
-        /* @__PURE__ */ jsx44(Button, { disabled: loading, variant: "destructive", onClick: onConfirm, children: confirmText })
+        /* @__PURE__ */ jsx45(Button, { disabled: loading, variant: "outline", onClick: onClose, children: cancelText }),
+        /* @__PURE__ */ jsx45(Button, { disabled: loading, variant: "destructive", onClick: onConfirm, children: confirmText })
       ] })
     }
   );
@@ -25512,12 +25548,12 @@ var AlertModal = ({
 // src/shared/breadcrumbs.tsx
 import { Slash } from "lucide-react";
 import { Fragment } from "react";
-import { jsx as jsx45, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs19 } from "react/jsx-runtime";
 function Breadcrumbs({ items, className, classNameList }) {
-  return /* @__PURE__ */ jsx45(Breadcrumb, { className, children: /* @__PURE__ */ jsx45(BreadcrumbList, { className: classNameList, children: items.map((item, index) => /* @__PURE__ */ jsxs19(Fragment, { children: [
-    index !== items.length - 1 && /* @__PURE__ */ jsx45(BreadcrumbItem, { className: item.className, children: /* @__PURE__ */ jsx45(BreadcrumbLink, { href: item.link, children: item.title }) }),
-    index < items.length - 1 && /* @__PURE__ */ jsx45(BreadcrumbSeparator, { children: /* @__PURE__ */ jsx45(Slash, {}) }),
-    index === items.length - 1 && /* @__PURE__ */ jsx45(BreadcrumbPage, { children: item.title })
+  return /* @__PURE__ */ jsx46(Breadcrumb, { className, children: /* @__PURE__ */ jsx46(BreadcrumbList, { className: classNameList, children: items.map((item, index) => /* @__PURE__ */ jsxs19(Fragment, { children: [
+    index !== items.length - 1 && /* @__PURE__ */ jsx46(BreadcrumbItem, { className: item.className, children: /* @__PURE__ */ jsx46(BreadcrumbLink, { href: item.link, children: item.title }) }),
+    index < items.length - 1 && /* @__PURE__ */ jsx46(BreadcrumbSeparator, { children: /* @__PURE__ */ jsx46(Slash, {}) }),
+    index === items.length - 1 && /* @__PURE__ */ jsx46(BreadcrumbPage, { children: item.title })
   ] }, item.title)) }) });
 }
 
@@ -25534,7 +25570,7 @@ function usePathname() {
 
 // src/hooks/use-sidebar.tsx
 import { createContext as createContext5, useContext as useContext6, useState as useState5 } from "react";
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 var SidebarContext = createContext5({
   isMinimized: false,
   toggle: () => {
@@ -25543,7 +25579,7 @@ var SidebarContext = createContext5({
 var useSidebar = () => useContext6(SidebarContext);
 
 // src/shared/dashboard-nav.tsx
-import { jsx as jsx47, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs20 } from "react/jsx-runtime";
 function DashboardNav({
   items,
   setOpen,
@@ -25554,10 +25590,10 @@ function DashboardNav({
   if (!(items == null ? void 0 : items.length)) {
     return null;
   }
-  return /* @__PURE__ */ jsx47("nav", { className: "grid items-start gap-2", children: /* @__PURE__ */ jsx47(TooltipProvider, { children: items.map((item, index) => {
+  return /* @__PURE__ */ jsx48("nav", { className: "grid items-start gap-2", children: /* @__PURE__ */ jsx48(TooltipProvider, { children: items.map((item, index) => {
     const Icon2 = Icons[item.icon || "arrowRight"];
     return item.href && /* @__PURE__ */ jsxs20(Tooltip, { children: [
-      /* @__PURE__ */ jsx47(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs20(
+      /* @__PURE__ */ jsx48(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs20(
         import_react_router_dom2.Link,
         {
           to: item.disabled ? "/" : item.href,
@@ -25570,12 +25606,12 @@ function DashboardNav({
             if (setOpen) setOpen(false);
           },
           children: [
-            /* @__PURE__ */ jsx47(Icon2, { className: `ml-2.5 size-5` }),
-            isMobileNav || !isMinimized && !isMobileNav ? /* @__PURE__ */ jsx47("span", { className: "mr-2 truncate", children: item.title }) : ""
+            /* @__PURE__ */ jsx48(Icon2, { className: `ml-2.5 size-5` }),
+            isMobileNav || !isMinimized && !isMobileNav ? /* @__PURE__ */ jsx48("span", { className: "mr-2 truncate", children: item.title }) : ""
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx47(
+      /* @__PURE__ */ jsx48(
         TooltipContent,
         {
           align: "center",
@@ -25590,7 +25626,7 @@ function DashboardNav({
 }
 
 // src/shared/data-table-skeleton.tsx
-import { jsx as jsx48, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs21 } from "react/jsx-runtime";
 function DataTableSkeleton({
   columnCount,
   rowCount = 10,
@@ -25601,28 +25637,28 @@ function DataTableSkeleton({
   return /* @__PURE__ */ jsxs21("div", { className: "w-full space-y-3 overflow-auto", children: [
     /* @__PURE__ */ jsxs21("div", { className: "flex w-full items-center justify-between space-x-2 overflow-auto p-1", children: [
       /* @__PURE__ */ jsxs21("div", { className: "flex flex-1 items-center space-x-2 space-y-4", children: [
-        searchableColumnCount > 0 ? Array.from({ length: searchableColumnCount }).map((_, i) => /* @__PURE__ */ jsx48(Skeleton, { className: "h-10 w-[150px] lg:w-[250px]" }, i)) : null,
-        filterableColumnCount > 0 ? Array.from({ length: filterableColumnCount }).map((_, i) => /* @__PURE__ */ jsx48(Skeleton, { className: "h-10 w-[70px] border-dashed" }, i)) : null
+        searchableColumnCount > 0 ? Array.from({ length: searchableColumnCount }).map((_, i) => /* @__PURE__ */ jsx49(Skeleton, { className: "h-10 w-[150px] lg:w-[250px]" }, i)) : null,
+        filterableColumnCount > 0 ? Array.from({ length: filterableColumnCount }).map((_, i) => /* @__PURE__ */ jsx49(Skeleton, { className: "h-10 w-[70px] border-dashed" }, i)) : null
       ] }),
-      showViewOptions ? /* @__PURE__ */ jsx48(Skeleton, { className: "ml-auto hidden h-7 w-[70px] lg:flex" }) : null
+      showViewOptions ? /* @__PURE__ */ jsx49(Skeleton, { className: "ml-auto hidden h-7 w-[70px] lg:flex" }) : null
     ] }),
-    /* @__PURE__ */ jsx48("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs21(Table, { children: [
-      /* @__PURE__ */ jsx48(TableHeader, { children: Array.from({ length: 1 }).map((_, i) => /* @__PURE__ */ jsx48(TableRow, { className: "hover:bg-transparent", children: Array.from({ length: columnCount }).map((_2, i2) => /* @__PURE__ */ jsx48(TableHead, { children: /* @__PURE__ */ jsx48(Skeleton, { className: "h-6 w-full" }) }, i2)) }, i)) }),
-      /* @__PURE__ */ jsx48(TableBody, { children: Array.from({ length: rowCount }).map((_, i) => /* @__PURE__ */ jsx48(TableRow, { className: "hover:bg-transparent", children: Array.from({ length: columnCount }).map((_2, i2) => /* @__PURE__ */ jsx48(TableCell, { children: /* @__PURE__ */ jsx48(Skeleton, { className: "h-6 w-full" }) }, i2)) }, i)) })
+    /* @__PURE__ */ jsx49("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs21(Table, { children: [
+      /* @__PURE__ */ jsx49(TableHeader, { children: Array.from({ length: 1 }).map((_, i) => /* @__PURE__ */ jsx49(TableRow, { className: "hover:bg-transparent", children: Array.from({ length: columnCount }).map((_2, i2) => /* @__PURE__ */ jsx49(TableHead, { children: /* @__PURE__ */ jsx49(Skeleton, { className: "h-6 w-full" }) }, i2)) }, i)) }),
+      /* @__PURE__ */ jsx49(TableBody, { children: Array.from({ length: rowCount }).map((_, i) => /* @__PURE__ */ jsx49(TableRow, { className: "hover:bg-transparent", children: Array.from({ length: columnCount }).map((_2, i2) => /* @__PURE__ */ jsx49(TableCell, { children: /* @__PURE__ */ jsx49(Skeleton, { className: "h-6 w-full" }) }, i2)) }, i)) })
     ] }) }),
     /* @__PURE__ */ jsxs21("div", { className: "flex w-full flex-col items-center justify-between gap-4 overflow-auto px-2 py-1 sm:flex-row sm:gap-8", children: [
-      /* @__PURE__ */ jsx48("div", { className: "flex-1", children: /* @__PURE__ */ jsx48(Skeleton, { className: "h-8 w-40" }) }),
+      /* @__PURE__ */ jsx49("div", { className: "flex-1", children: /* @__PURE__ */ jsx49(Skeleton, { className: "h-8 w-40" }) }),
       /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-center gap-4 sm:flex-row sm:gap-6 lg:gap-8", children: [
         /* @__PURE__ */ jsxs21("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ jsx48(Skeleton, { className: "h-8 w-24" }),
-          /* @__PURE__ */ jsx48(Skeleton, { className: "h-8 w-[70px]" })
+          /* @__PURE__ */ jsx49(Skeleton, { className: "h-8 w-24" }),
+          /* @__PURE__ */ jsx49(Skeleton, { className: "h-8 w-[70px]" })
         ] }),
-        /* @__PURE__ */ jsx48("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: /* @__PURE__ */ jsx48(Skeleton, { className: "h-8 w-20" }) }),
+        /* @__PURE__ */ jsx49("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: /* @__PURE__ */ jsx49(Skeleton, { className: "h-8 w-20" }) }),
         /* @__PURE__ */ jsxs21("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ jsx48(Skeleton, { className: "hidden size-8 lg:block" }),
-          /* @__PURE__ */ jsx48(Skeleton, { className: "size-8" }),
-          /* @__PURE__ */ jsx48(Skeleton, { className: "size-8" }),
-          /* @__PURE__ */ jsx48(Skeleton, { className: "hidden size-8 lg:block" })
+          /* @__PURE__ */ jsx49(Skeleton, { className: "hidden size-8 lg:block" }),
+          /* @__PURE__ */ jsx49(Skeleton, { className: "size-8" }),
+          /* @__PURE__ */ jsx49(Skeleton, { className: "size-8" }),
+          /* @__PURE__ */ jsx49(Skeleton, { className: "hidden size-8 lg:block" })
         ] })
       ] })
     ] })
@@ -25630,7 +25666,7 @@ function DataTableSkeleton({
 }
 
 // src/shared/data-table.tsx
-import React69, { useEffect as useEffect5 } from "react";
+import React70, { useEffect as useEffect5 } from "react";
 import {
   DoubleArrowLeftIcon,
   DoubleArrowRightIcon
@@ -25643,7 +25679,7 @@ import {
   useReactTable
 } from "@tanstack/react-table";
 import { ChevronLeftIcon as ChevronLeftIcon2, ChevronRightIcon as ChevronRightIcon6 } from "lucide-react";
-import { Fragment as Fragment2, jsx as jsx49, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx50, jsxs as jsxs22 } from "react/jsx-runtime";
 function DataTable({
   columns,
   data,
@@ -25664,7 +25700,7 @@ function DataTable({
   onPageChange,
   onClick
 }) {
-  const [pagination, setPagination] = React69.useState({
+  const [pagination, setPagination] = React70.useState({
     pageIndex: Math.max(page - 1, 0),
     pageSize: perPage
   });
@@ -25693,23 +25729,23 @@ function DataTable({
         ),
         children: [
           /* @__PURE__ */ jsxs22(Table, { className: cn("relative", tableClassName), children: [
-            /* @__PURE__ */ jsx49(TableHeader, { className: headerClassName, children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx49(TableRow, { className: rowClassName, children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx49(TableHead, { className: headerClassName, children: header.isPlaceholder ? null : flexRender(
+            /* @__PURE__ */ jsx50(TableHeader, { className: headerClassName, children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx50(TableRow, { className: rowClassName, children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx50(TableHead, { className: headerClassName, children: header.isPlaceholder ? null : flexRender(
               header.column.columnDef.header,
               header.getContext()
             ) }, header.id)) }, headerGroup.id)) }),
-            /* @__PURE__ */ jsx49(TableBody, { className: bodyClassName, children: table.getRowModel().rows.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx49(
+            /* @__PURE__ */ jsx50(TableBody, { className: bodyClassName, children: table.getRowModel().rows.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx50(
               TableRow,
               {
                 "data-state": row.getIsSelected() ? "selected" : void 0,
                 onClick: () => onClick(row.original),
                 className: rowClassName,
-                children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx49(TableCell, { className: cellClassName, children: flexRender(
+                children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx50(TableCell, { className: cellClassName, children: flexRender(
                   cell.column.columnDef.cell,
                   cell.getContext()
                 ) }, cell.id))
               },
               row.id
-            )) : emptyData || /* @__PURE__ */ jsx49(TableRow, { children: /* @__PURE__ */ jsx49(
+            )) : emptyData || /* @__PURE__ */ jsx50(TableRow, { children: /* @__PURE__ */ jsx50(
               TableCell,
               {
                 colSpan: columns.length,
@@ -25718,7 +25754,7 @@ function DataTable({
               }
             ) }) })
           ] }),
-          /* @__PURE__ */ jsx49(ScrollBar, { orientation: "horizontal" })
+          /* @__PURE__ */ jsx50(ScrollBar, { orientation: "horizontal" })
         ]
       }
     ),
@@ -25733,15 +25769,15 @@ function DataTable({
           " row(s) selected."
         ] }),
         /* @__PURE__ */ jsxs22("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ jsx49("p", { className: "text-sm font-medium whitespace-nowrap", children: rowPerPageLabel }),
+          /* @__PURE__ */ jsx50("p", { className: "text-sm font-medium whitespace-nowrap", children: rowPerPageLabel }),
           /* @__PURE__ */ jsxs22(
             Select2,
             {
               value: `${pagination.pageSize}`,
               onValueChange: (value) => setPagination(__spreadProps(__spreadValues({}, pagination), { pageSize: Number(value) })),
               children: [
-                /* @__PURE__ */ jsx49(SelectTrigger, { className: "h-8 w-[70px]", children: /* @__PURE__ */ jsx49(SelectValue, { placeholder: pagination.pageSize }) }),
-                /* @__PURE__ */ jsx49(SelectContent, { side: "top", children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx49(SelectItem, { value: `${size}`, children: size }, size)) })
+                /* @__PURE__ */ jsx50(SelectTrigger, { className: "h-8 w-[70px]", children: /* @__PURE__ */ jsx50(SelectValue, { placeholder: pagination.pageSize }) }),
+                /* @__PURE__ */ jsx50(SelectContent, { side: "top", children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx50(SelectItem, { value: `${size}`, children: size }, size)) })
               ]
             }
           )
@@ -25758,7 +25794,7 @@ function DataTable({
           pageCount
         ] }),
         /* @__PURE__ */ jsxs22("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ jsx49(
+          /* @__PURE__ */ jsx50(
             Button,
             {
               "aria-label": "Go to first page",
@@ -25766,10 +25802,10 @@ function DataTable({
               className: "hidden h-8 w-8 p-0 lg:flex",
               onClick: () => setPagination(__spreadProps(__spreadValues({}, pagination), { pageIndex: 0 })),
               disabled: pagination.pageIndex === 0,
-              children: /* @__PURE__ */ jsx49(DoubleArrowLeftIcon, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx50(DoubleArrowLeftIcon, { className: "h-4 w-4" })
             }
           ),
-          /* @__PURE__ */ jsx49(
+          /* @__PURE__ */ jsx50(
             Button,
             {
               "aria-label": "Go to previous page",
@@ -25779,10 +25815,10 @@ function DataTable({
                 pageIndex: pagination.pageIndex - 1
               })),
               disabled: pagination.pageIndex === 0,
-              children: /* @__PURE__ */ jsx49(ChevronLeftIcon2, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx50(ChevronLeftIcon2, { className: "h-4 w-4" })
             }
           ),
-          /* @__PURE__ */ jsx49(
+          /* @__PURE__ */ jsx50(
             Button,
             {
               "aria-label": "Go to next page",
@@ -25792,10 +25828,10 @@ function DataTable({
                 pageIndex: pagination.pageIndex + 1
               })),
               disabled: pagination.pageIndex + 1 >= pageCount,
-              children: /* @__PURE__ */ jsx49(ChevronRightIcon6, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx50(ChevronRightIcon6, { className: "h-4 w-4" })
             }
           ),
-          /* @__PURE__ */ jsx49(
+          /* @__PURE__ */ jsx50(
             Button,
             {
               "aria-label": "Go to last page",
@@ -25803,7 +25839,7 @@ function DataTable({
               className: "hidden h-8 w-8 p-0 lg:flex",
               onClick: () => setPagination(__spreadProps(__spreadValues({}, pagination), { pageIndex: pageCount - 1 })),
               disabled: pagination.pageIndex + 1 >= pageCount,
-              children: /* @__PURE__ */ jsx49(DoubleArrowRightIcon, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx50(DoubleArrowRightIcon, { className: "h-4 w-4" })
             }
           )
         ] })
@@ -25817,7 +25853,7 @@ import { AvatarIcon } from "@radix-ui/react-icons";
 import { CameraIcon } from "lucide-react";
 import { useEffect as useEffect6, useState as useState6 } from "react";
 import { useDropzone } from "react-dropzone";
-import { jsx as jsx50, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs23 } from "react/jsx-runtime";
 function FileUpload({
   onChange,
   value,
@@ -25835,7 +25871,7 @@ function FileUpload({
   const onUpdateFile = (newFiles) => {
     onChange(newFiles);
   };
-  return /* @__PURE__ */ jsx50("div", { className: cn("flex items-center justify-center", className), children: /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51("div", { className: cn("flex items-center justify-center", className), children: /* @__PURE__ */ jsx51(
     "div",
     {
       className: cn(
@@ -25843,10 +25879,10 @@ function FileUpload({
         classNameContent
       ),
       children: /* @__PURE__ */ jsxs23("div", __spreadProps(__spreadValues({}, getRootProps({ className: "dropzone cursor-pointer" })), { children: [
-        /* @__PURE__ */ jsx50("input", __spreadValues({}, getInputProps())),
-        value && !!value.length ? /* @__PURE__ */ jsx50(ImagePreview, { file: value[0] }) : /* @__PURE__ */ jsx50(AvatarIcon, { className: "h-36 w-36 text-gray-100" }),
+        /* @__PURE__ */ jsx51("input", __spreadValues({}, getInputProps())),
+        value && !!value.length ? /* @__PURE__ */ jsx51(ImagePreview, { file: value[0] }) : /* @__PURE__ */ jsx51(AvatarIcon, { className: "h-36 w-36 text-gray-100" }),
         /* @__PURE__ */ jsxs23("p", { className: "absolute -bottom-5 left-1/2 flex w-full -translate-x-1/2 -translate-y-1/2 transform flex-col items-center justify-center bg-gray-300 bg-opacity-50 py-1 text-xs font-normal text-muted-foreground ", children: [
-          /* @__PURE__ */ jsx50(CameraIcon, { className: "h-4 w-4 text-muted-foreground" }),
+          /* @__PURE__ */ jsx51(CameraIcon, { className: "h-4 w-4 text-muted-foreground" }),
           label
         ] })
       ] }))
@@ -25862,7 +25898,7 @@ function ImagePreview({ file }) {
       URL.revokeObjectURL(url);
     };
   }, [file]);
-  return objectUrl ? /* @__PURE__ */ jsx50(
+  return objectUrl ? /* @__PURE__ */ jsx51(
     "img",
     {
       src: objectUrl,
@@ -25877,7 +25913,7 @@ import { Moon as Moon2, Sun } from "lucide-react";
 
 // src/providers/theme-provider.tsx
 import { createContext as createContext6, useContext as useContext7, useEffect as useEffect7, useState as useState7 } from "react";
-import { jsx as jsx51 } from "react/jsx-runtime";
+import { jsx as jsx52 } from "react/jsx-runtime";
 var initialState = {
   theme: "system",
   setTheme: () => null
@@ -25891,25 +25927,25 @@ var useTheme2 = () => {
 };
 
 // src/shared/theme-toggle.tsx
-import { jsx as jsx52, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs24 } from "react/jsx-runtime";
 function ModeToggle() {
   const { setTheme } = useTheme2();
   return /* @__PURE__ */ jsxs24(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx52(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs24(Button, { variant: "outline", size: "icon", children: [
-      /* @__PURE__ */ jsx52(Sun, { className: "h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
-      /* @__PURE__ */ jsx52(Moon2, { className: "absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" }),
-      /* @__PURE__ */ jsx52("span", { className: "sr-only", children: "Toggle theme" })
+    /* @__PURE__ */ jsx53(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs24(Button, { variant: "outline", size: "icon", children: [
+      /* @__PURE__ */ jsx53(Sun, { className: "h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
+      /* @__PURE__ */ jsx53(Moon2, { className: "absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" }),
+      /* @__PURE__ */ jsx53("span", { className: "sr-only", children: "Toggle theme" })
     ] }) }),
     /* @__PURE__ */ jsxs24(DropdownMenuContent, { align: "end", children: [
-      /* @__PURE__ */ jsx52(DropdownMenuItem, { onClick: () => setTheme("light"), children: "Light" }),
-      /* @__PURE__ */ jsx52(DropdownMenuItem, { onClick: () => setTheme("dark"), children: "Dark" }),
-      /* @__PURE__ */ jsx52(DropdownMenuItem, { onClick: () => setTheme("system"), children: "System" })
+      /* @__PURE__ */ jsx53(DropdownMenuItem, { onClick: () => setTheme("light"), children: "Light" }),
+      /* @__PURE__ */ jsx53(DropdownMenuItem, { onClick: () => setTheme("dark"), children: "Dark" }),
+      /* @__PURE__ */ jsx53(DropdownMenuItem, { onClick: () => setTheme("system"), children: "System" })
     ] })
   ] });
 }
 
 // src/shared/header.tsx
-import { jsx as jsx53, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs25 } from "react/jsx-runtime";
 var useMatchedPath = (items, pathname) => {
   const matchedPath = items.find((item) => item.href === pathname) || items.find(
     (item) => pathname.startsWith(item.href + "/") && item.href !== "/"
@@ -25927,10 +25963,10 @@ function Header2({ items, className, classNameContent }) {
         className
       ),
       children: [
-        /* @__PURE__ */ jsx53(Heading, { title: headingText }),
+        /* @__PURE__ */ jsx54(Heading, { title: headingText }),
         /* @__PURE__ */ jsxs25("div", { className: cn("ml-4 flex items-center md:ml-6", classNameContent), children: [
-          /* @__PURE__ */ jsx53(UserNav, {}),
-          /* @__PURE__ */ jsx53(ModeToggle, {})
+          /* @__PURE__ */ jsx54(UserNav, {}),
+          /* @__PURE__ */ jsx54(ModeToggle, {})
         ] })
       ]
     }
@@ -25938,34 +25974,34 @@ function Header2({ items, className, classNameContent }) {
 }
 
 // src/shared/heading.tsx
-import { jsx as jsx54, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs26 } from "react/jsx-runtime";
 function Heading({ title, description, className }) {
   return /* @__PURE__ */ jsxs26("div", { className, children: [
-    /* @__PURE__ */ jsx54("h2", { className: "text-xl font-bold tracking-tight text-primary sm:text-3xl", children: title }),
-    /* @__PURE__ */ jsx54("p", { className: "text-sm text-muted-foreground", children: description })
+    /* @__PURE__ */ jsx55("h2", { className: "text-xl font-bold tracking-tight text-primary sm:text-3xl", children: title }),
+    /* @__PURE__ */ jsx55("p", { className: "text-sm text-muted-foreground", children: description })
   ] });
 }
 
 // src/shared/mobile-sidebar.tsx
 var import_react_router_dom3 = __toESM(require_dist2(), 1);
-import { Fragment as Fragment3, jsx as jsx55, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx56, jsxs as jsxs27 } from "react/jsx-runtime";
 function MobileSidebar({
   items,
   setSidebarOpen,
   sidebarOpen,
   header
 }) {
-  return /* @__PURE__ */ jsx55(Fragment3, { children: /* @__PURE__ */ jsx55(Sheet, { open: sidebarOpen, onOpenChange: setSidebarOpen, children: /* @__PURE__ */ jsx55(SheetContent, { side: "left", className: "bg-background !px-0", children: /* @__PURE__ */ jsx55("div", { className: "space-y-4 py-4", children: /* @__PURE__ */ jsxs27("div", { className: "space-y-4 px-3 py-2", children: [
-    /* @__PURE__ */ jsx55(import_react_router_dom3.Link, { to: "/", className: "px-2 py-2 text-2xl font-bold text-white ", children: header ? header : "Logo" }),
-    /* @__PURE__ */ jsx55("div", { className: "space-y-1 px-2", children: /* @__PURE__ */ jsx55(DashboardNav, { items, setOpen: setSidebarOpen }) })
+  return /* @__PURE__ */ jsx56(Fragment3, { children: /* @__PURE__ */ jsx56(Sheet, { open: sidebarOpen, onOpenChange: setSidebarOpen, children: /* @__PURE__ */ jsx56(SheetContent, { side: "left", className: "bg-background !px-0", children: /* @__PURE__ */ jsx56("div", { className: "space-y-4 py-4", children: /* @__PURE__ */ jsxs27("div", { className: "space-y-4 px-3 py-2", children: [
+    /* @__PURE__ */ jsx56(import_react_router_dom3.Link, { to: "/", className: "px-2 py-2 text-2xl font-bold text-white ", children: header ? header : "Logo" }),
+    /* @__PURE__ */ jsx56("div", { className: "space-y-1 px-2", children: /* @__PURE__ */ jsx56(DashboardNav, { items, setOpen: setSidebarOpen }) })
   ] }) }) }) }) });
 }
 
 // src/shared/page-head.tsx
 import { Helmet } from "react-helmet-next";
-import { jsx as jsx56, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs28 } from "react/jsx-runtime";
 function PageHead({ title = "shadcn-ui-react" }) {
-  return /* @__PURE__ */ jsx56(Helmet, { children: /* @__PURE__ */ jsxs28("title", { children: [
+  return /* @__PURE__ */ jsx57(Helmet, { children: /* @__PURE__ */ jsxs28("title", { children: [
     " ",
     title,
     " "
@@ -25973,7 +26009,7 @@ function PageHead({ title = "shadcn-ui-react" }) {
 }
 
 // src/shared/pagination-section.tsx
-import { jsx as jsx57, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs29 } from "react/jsx-runtime";
 function PaginationSection({
   totalPosts,
   postsPerPage,
@@ -26011,17 +26047,17 @@ function PaginationSection({
     }
   };
   const renderPages = () => {
-    const renderedPages = activePages.map((page, idx) => /* @__PURE__ */ jsx57(
+    const renderedPages = activePages.map((page, idx) => /* @__PURE__ */ jsx58(
       PaginationItem,
       {
         className: currentPage === page ? "rounded-md bg-primary" : "",
-        children: /* @__PURE__ */ jsx57(PaginationLink, { onClick: () => setCurrentPage(page), size: void 0, children: page })
+        children: /* @__PURE__ */ jsx58(PaginationLink, { onClick: () => setCurrentPage(page), size: void 0, children: page })
       },
       idx
     ));
     if (activePages[0] > 1) {
       renderedPages.unshift(
-        /* @__PURE__ */ jsx57(
+        /* @__PURE__ */ jsx58(
           PaginationEllipsis,
           {
             onClick: () => setCurrentPage(activePages[0] - 1)
@@ -26032,7 +26068,7 @@ function PaginationSection({
     }
     if (activePages[activePages.length - 1] < pageNumbers.length) {
       renderedPages.push(
-        /* @__PURE__ */ jsx57(
+        /* @__PURE__ */ jsx58(
           PaginationEllipsis,
           {
             onClick: () => setCurrentPage(activePages[activePages.length - 1] + 1)
@@ -26043,21 +26079,21 @@ function PaginationSection({
     }
     return renderedPages;
   };
-  return /* @__PURE__ */ jsx57("div", { className: "p-4", children: /* @__PURE__ */ jsx57(Pagination, { children: /* @__PURE__ */ jsxs29(PaginationContent, { children: [
+  return /* @__PURE__ */ jsx58("div", { className: "p-4", children: /* @__PURE__ */ jsx58(Pagination, { children: /* @__PURE__ */ jsxs29(PaginationContent, { children: [
     /* @__PURE__ */ jsxs29(PaginationItem, { children: [
-      /* @__PURE__ */ jsx57(
+      /* @__PURE__ */ jsx58(
         PaginationPreviousLast,
         {
           onClick: handlePrevPageLast,
           size: void 0
         }
       ),
-      /* @__PURE__ */ jsx57(PaginationPrevious, { onClick: handlePrevPage, size: void 0 })
+      /* @__PURE__ */ jsx58(PaginationPrevious, { onClick: handlePrevPage, size: void 0 })
     ] }),
     renderPages(),
     /* @__PURE__ */ jsxs29(PaginationItem, { children: [
-      /* @__PURE__ */ jsx57(PaginationNext, { onClick: handleNextPage, size: void 0 }),
-      /* @__PURE__ */ jsx57(PaginationNextLast, { onClick: handleNextPageLast, size: void 0 })
+      /* @__PURE__ */ jsx58(PaginationNext, { onClick: handleNextPage, size: void 0 }),
+      /* @__PURE__ */ jsx58(PaginationNextLast, { onClick: handleNextPageLast, size: void 0 })
     ] })
   ] }) }) });
 }
@@ -26065,7 +26101,7 @@ function PaginationSection({
 // src/shared/sidebar.tsx
 import { ChevronsLeft } from "lucide-react";
 import { useState as useState8 } from "react";
-import { jsx as jsx58, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs30 } from "react/jsx-runtime";
 function Sidebar({ items, className }) {
   const { isMinimized, toggle } = useSidebar();
   const [status, setStatus] = useState8(false);
@@ -26092,8 +26128,8 @@ function Sidebar({ items, className }) {
               isMinimized ? "justify-center " : "justify-between"
             ),
             children: [
-              !isMinimized && /* @__PURE__ */ jsx58("h1", { className: "text-2xl font-bold", children: "Logo" }),
-              /* @__PURE__ */ jsx58(
+              !isMinimized && /* @__PURE__ */ jsx59("h1", { className: "text-2xl font-bold", children: "Logo" }),
+              /* @__PURE__ */ jsx59(
                 ChevronsLeft,
                 {
                   className: cn(
@@ -26106,51 +26142,51 @@ function Sidebar({ items, className }) {
             ]
           }
         ),
-        /* @__PURE__ */ jsx58("div", { className: "space-y-4 py-4", children: /* @__PURE__ */ jsx58("div", { className: "px-2 py-2", children: /* @__PURE__ */ jsx58("div", { className: "mt-3 space-y-1", children: /* @__PURE__ */ jsx58(DashboardNav, { items }) }) }) })
+        /* @__PURE__ */ jsx59("div", { className: "space-y-4 py-4", children: /* @__PURE__ */ jsx59("div", { className: "px-2 py-2", children: /* @__PURE__ */ jsx59("div", { className: "mt-3 space-y-1", children: /* @__PURE__ */ jsx59(DashboardNav, { items }) }) }) })
       ]
     }
   );
 }
 
 // src/shared/user-nav.tsx
-import { jsx as jsx59, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs31 } from "react/jsx-runtime";
 function UserNav() {
   return /* @__PURE__ */ jsxs31(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx59(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx59(Button, { variant: "ghost", className: "relative h-14 w-14 rounded-full", children: /* @__PURE__ */ jsxs31(Avatar, { className: "h-14 w-14", children: [
-      /* @__PURE__ */ jsx59(
+    /* @__PURE__ */ jsx60(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx60(Button, { variant: "ghost", className: "relative h-14 w-14 rounded-full", children: /* @__PURE__ */ jsxs31(Avatar, { className: "h-14 w-14", children: [
+      /* @__PURE__ */ jsx60(
         AvatarImage,
         {
           src: "https://png.pngtree.com/png-clipart/20230927/original/pngtree-man-avatar-image-for-profile-png-image_13001882.png",
           alt: ""
         }
       ),
-      /* @__PURE__ */ jsx59(AvatarFallback, { children: "hello" })
+      /* @__PURE__ */ jsx60(AvatarFallback, { children: "hello" })
     ] }) }) }),
     /* @__PURE__ */ jsxs31(DropdownMenuContent, { className: "w-56", align: "end", forceMount: true, children: [
-      /* @__PURE__ */ jsx59(DropdownMenuLabel, { className: "font-normal", children: /* @__PURE__ */ jsxs31("div", { className: "flex flex-col space-y-1", children: [
-        /* @__PURE__ */ jsx59("p", { className: "text-sm leading-none font-medium", children: "Admin" }),
-        /* @__PURE__ */ jsx59("p", { className: "text-muted-foreground text-xs leading-none", children: "admin@gmail.com" })
+      /* @__PURE__ */ jsx60(DropdownMenuLabel, { className: "font-normal", children: /* @__PURE__ */ jsxs31("div", { className: "flex flex-col space-y-1", children: [
+        /* @__PURE__ */ jsx60("p", { className: "text-sm leading-none font-medium", children: "Admin" }),
+        /* @__PURE__ */ jsx60("p", { className: "text-muted-foreground text-xs leading-none", children: "admin@gmail.com" })
       ] }) }),
-      /* @__PURE__ */ jsx59(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsx60(DropdownMenuSeparator, {}),
       /* @__PURE__ */ jsxs31(DropdownMenuGroup, { children: [
         /* @__PURE__ */ jsxs31(DropdownMenuItem, { children: [
           "Profile",
-          /* @__PURE__ */ jsx59(DropdownMenuShortcut, { children: "\u21E7\u2318P" })
+          /* @__PURE__ */ jsx60(DropdownMenuShortcut, { children: "\u21E7\u2318P" })
         ] }),
         /* @__PURE__ */ jsxs31(DropdownMenuItem, { children: [
           "Billing",
-          /* @__PURE__ */ jsx59(DropdownMenuShortcut, { children: "\u2318B" })
+          /* @__PURE__ */ jsx60(DropdownMenuShortcut, { children: "\u2318B" })
         ] }),
         /* @__PURE__ */ jsxs31(DropdownMenuItem, { children: [
           "Settings",
-          /* @__PURE__ */ jsx59(DropdownMenuShortcut, { children: "\u2318S" })
+          /* @__PURE__ */ jsx60(DropdownMenuShortcut, { children: "\u2318S" })
         ] }),
-        /* @__PURE__ */ jsx59(DropdownMenuItem, { children: "New Team" })
+        /* @__PURE__ */ jsx60(DropdownMenuItem, { children: "New Team" })
       ] }),
-      /* @__PURE__ */ jsx59(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsx60(DropdownMenuSeparator, {}),
       /* @__PURE__ */ jsxs31(DropdownMenuItem, { onClick: () => console.log("logout"), children: [
         "Log out",
-        /* @__PURE__ */ jsx59(DropdownMenuShortcut, { children: "\u21E7\u2318Q" })
+        /* @__PURE__ */ jsx60(DropdownMenuShortcut, { children: "\u21E7\u2318Q" })
       ] })
     ] })
   ] });
@@ -26327,6 +26363,7 @@ export {
   ResizablePanelGroup,
   ScrollArea,
   ScrollBar,
+  SearchInput,
   Select2 as Select,
   SelectContent,
   SelectGroup,