@prediktif/ui 0.1.21 → 0.1.23

package/dist/index.mjs

@@ -1472,6 +1472,147 @@ var AppSidebar = memo(function AppSidebar2({
   ] });
 });
 
+// src/components/composed/columns/avatar-user.tsx
+import { memo as memo2 } from "react";
+import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+function getInitials(name) {
+  if (name) {
+    return name.split(" ").map((w) => w[0]).join("").slice(0, 2).toUpperCase();
+  }
+  return "U";
+}
+var AvatarUser = memo2(function AvatarUser2({
+  name,
+  image
+}) {
+  return /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsxs8(Avatar, { size: "sm", children: [
+      /* @__PURE__ */ jsx13(AvatarImage, { src: image != null ? image : void 0, alt: name != null ? name : void 0 }),
+      /* @__PURE__ */ jsx13(AvatarFallback, { children: getInitials(name) })
+    ] }),
+    /* @__PURE__ */ jsx13("p", { className: "text-xs font-medium", children: name })
+  ] });
+});
+
+// src/components/composed/columns/email-label.tsx
+import { memo as memo3 } from "react";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var EmailLabel = memo3(function EmailLabel2({ email }) {
+  return /* @__PURE__ */ jsx14("span", { className: "text-xs font-mono", children: email });
+});
+
+// src/components/composed/columns/email-verified.tsx
+import { BadgeCheck } from "lucide-react";
+import { memo as memo4 } from "react";
+
+// src/components/ui/badge.tsx
+import { mergeProps as mergeProps3 } from "@base-ui/react/merge-props";
+import { useRender as useRender3 } from "@base-ui/react/use-render";
+import { cva as cva3 } from "class-variance-authority";
+import { cn as cn12 } from "cn";
+var badgeVariants = cva3(
+  "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-[0.625rem] font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-2.5!",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+        secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+        destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+        outline: "border-border bg-input/20 text-foreground dark:bg-input/30 [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+        ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge(_a) {
+  var _b = _a, {
+    className,
+    variant = "default",
+    render
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant",
+    "render"
+  ]);
+  return useRender3({
+    defaultTagName: "span",
+    props: mergeProps3(
+      {
+        className: cn12(badgeVariants({ variant }), className)
+      },
+      props
+    ),
+    render,
+    state: {
+      slot: "badge",
+      variant
+    }
+  });
+}
+
+// src/components/composed/columns/email-verified.tsx
+import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
+var EmailVerified = memo4(function EmailVerified2({
+  verified
+}) {
+  return verified ? /* @__PURE__ */ jsxs9(Badge, { variant: "default", children: [
+    /* @__PURE__ */ jsx15(BadgeCheck, { "data-icon": "inline-start" }),
+    "Verified"
+  ] }) : /* @__PURE__ */ jsxs9(Badge, { variant: "destructive", children: [
+    /* @__PURE__ */ jsx15(BadgeCheck, { "data-icon": "inline-start" }),
+    "Unverified"
+  ] });
+});
+
+// src/components/composed/columns/joined-label.tsx
+import { memo as memo5 } from "react";
+import { jsx as jsx16 } from "react/jsx-runtime";
+var JoinedLabel = memo5(function JoinedLabel2({
+  joined,
+  locale = "id-ID"
+}) {
+  if (!joined) return null;
+  const date = typeof joined === "string" ? new Date(joined) : joined;
+  if (Number.isNaN(date.getTime())) return null;
+  return /* @__PURE__ */ jsx16("span", { className: "text-xs font-mono", children: new Intl.DateTimeFormat(locale, {
+    day: "numeric",
+    month: "long",
+    year: "numeric"
+  }).format(date) });
+});
+
+// src/components/composed/columns/user-role.tsx
+import { UserIcon, UserStarIcon } from "lucide-react";
+import { memo as memo6 } from "react";
+import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
+var UserRole = memo6(function UserRole2({ role }) {
+  const isAdmin = role === "admin";
+  return /* @__PURE__ */ jsxs10(Badge, { variant: "outline", className: "capitalize", children: [
+    isAdmin ? /* @__PURE__ */ jsx17(UserStarIcon, { "data-icon": "inline-start" }) : /* @__PURE__ */ jsx17(UserIcon, { "data-icon": "inline-start" }),
+    role
+  ] });
+});
+
+// src/components/composed/columns/user-status.tsx
+import { BadgeCheck as BadgeCheck2 } from "lucide-react";
+import { memo as memo7 } from "react";
+import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
+var UserStatus = memo7(function UserStatus2({
+  status
+}) {
+  return status ? /* @__PURE__ */ jsxs11(Badge, { variant: "destructive", children: [
+    /* @__PURE__ */ jsx18(BadgeCheck2, { "data-icon": "inline-start" }),
+    "Inactive"
+  ] }) : /* @__PURE__ */ jsxs11(Badge, { variant: "default", children: [
+    /* @__PURE__ */ jsx18(BadgeCheck2, { "data-icon": "inline-start" }),
+    "Active"
+  ] });
+});
+
 // src/components/composed/data-table/data-table.tsx
 import {
   flexRender as flexRender3,
@@ -1482,19 +1623,19 @@ import { useRouter as useRouter2 } from "next/navigation";
 import { useMemo as useMemo3, useState as useState5 } from "react";
 
 // src/components/composed/state-empty.tsx
-import { memo as memo2 } from "react";
+import { memo as memo8 } from "react";
 
 // src/components/ui/empty.tsx
-import { cva as cva3 } from "class-variance-authority";
-import { cn as cn12 } from "cn";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { cva as cva4 } from "class-variance-authority";
+import { cn as cn13 } from "cn";
+import { jsx as jsx19 } from "react/jsx-runtime";
 function Empty(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx19(
     "div",
     __spreadValues({
       "data-slot": "empty",
-      className: cn12(
+      className: cn13(
         "flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-xl border-dashed p-6 text-center text-balance",
         className
       )
@@ -1503,15 +1644,15 @@ function Empty(_a) {
 }
 function EmptyHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx19(
     "div",
     __spreadValues({
       "data-slot": "empty-header",
-      className: cn12("flex max-w-sm flex-col items-center gap-1", className)
+      className: cn13("flex max-w-sm flex-col items-center gap-1", className)
     }, props)
   );
 }
-var emptyMediaVariants = cva3(
+var emptyMediaVariants = cva4(
   "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
   {
     variants: {
@@ -1533,22 +1674,22 @@ function EmptyMedia(_a) {
     "className",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx19(
     "div",
     __spreadValues({
       "data-slot": "empty-icon",
       "data-variant": variant,
-      className: cn12(emptyMediaVariants({ variant, className }))
+      className: cn13(emptyMediaVariants({ variant, className }))
     }, props)
   );
 }
 function EmptyTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx19(
     "div",
     __spreadValues({
       "data-slot": "empty-title",
-      className: cn12(
+      className: cn13(
         "font-heading text-sm font-medium tracking-tight",
         className
       )
@@ -1557,11 +1698,11 @@ function EmptyTitle(_a) {
 }
 function EmptyDescription(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx19(
     "div",
     __spreadValues({
       "data-slot": "empty-description",
-      className: cn12(
+      className: cn13(
         "text-xs/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
         className
       )
@@ -1570,11 +1711,11 @@ function EmptyDescription(_a) {
 }
 function EmptyContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx19(
     "div",
     __spreadValues({
       "data-slot": "empty-content",
-      className: cn12(
+      className: cn13(
         "flex w-full max-w-sm min-w-0 flex-col items-center gap-2 text-xs/relaxed text-balance",
         className
       )
@@ -1583,18 +1724,18 @@ function EmptyContent(_a) {
 }
 
 // src/lib/utils.ts
-import { cn as cn13 } from "cn";
+import { cn as cn14 } from "cn";
 
 // src/components/composed/state-empty.tsx
-import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
 function renderStateIcon(icon) {
   if (typeof icon === "function" || typeof icon === "object" && icon !== null && "render" in icon) {
     const IconComp = icon;
-    return /* @__PURE__ */ jsx14(IconComp, {});
+    return /* @__PURE__ */ jsx20(IconComp, {});
   }
   return icon;
 }
-var StateEmpty = memo2(function StateEmpty2({
+var StateEmpty = memo8(function StateEmpty2({
   icon,
   title,
   description,
@@ -1607,17 +1748,17 @@ var StateEmpty = memo2(function StateEmpty2({
   const actionHandler = isFunctionAction ? render : onClick;
   const buttonRender = isFunctionAction ? void 0 : render;
   const hasAction = Boolean(buttonText || render || onClick);
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs12(
     Empty,
     {
-      className: cn13("w-full", state === "outline" && "border border-dashed"),
+      className: cn14("w-full", state === "outline" && "border border-dashed"),
       children: [
-        /* @__PURE__ */ jsxs8(EmptyHeader, { children: [
-          /* @__PURE__ */ jsx14(EmptyMedia, { variant: "icon", children: renderStateIcon(icon) }),
-          /* @__PURE__ */ jsx14(EmptyTitle, { children: title }),
-          /* @__PURE__ */ jsx14(EmptyDescription, { children: description })
+        /* @__PURE__ */ jsxs12(EmptyHeader, { children: [
+          /* @__PURE__ */ jsx20(EmptyMedia, { variant: "icon", children: renderStateIcon(icon) }),
+          /* @__PURE__ */ jsx20(EmptyTitle, { children: title }),
+          /* @__PURE__ */ jsx20(EmptyDescription, { children: description })
         ] }),
-        hasAction && /* @__PURE__ */ jsx14(EmptyContent, { children: /* @__PURE__ */ jsx14(
+        hasAction && /* @__PURE__ */ jsx20(EmptyContent, { children: /* @__PURE__ */ jsx20(
           Button,
           {
             variant: "outline",
@@ -1634,20 +1775,20 @@ var StateEmpty = memo2(function StateEmpty2({
 });
 
 // src/components/ui/table.tsx
-import { cn as cn14 } from "cn";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { cn as cn15 } from "cn";
+import { jsx as jsx21 } from "react/jsx-runtime";
 function Table(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ jsx15(
+      children: /* @__PURE__ */ jsx21(
         "table",
         __spreadValues({
           "data-slot": "table",
-          className: cn14("w-full caption-bottom text-xs", className)
+          className: cn15("w-full caption-bottom text-xs", className)
         }, props)
       )
     }
@@ -1655,31 +1796,31 @@ function Table(_a) {
 }
 function TableHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx21(
     "thead",
     __spreadValues({
       "data-slot": "table-header",
-      className: cn14("[&_tr]:border-b", className)
+      className: cn15("[&_tr]:border-b", className)
     }, props)
   );
 }
 function TableBody(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx21(
     "tbody",
     __spreadValues({
       "data-slot": "table-body",
-      className: cn14("[&_tr:last-child]:border-0", className)
+      className: cn15("[&_tr:last-child]:border-0", className)
     }, props)
   );
 }
 function TableRow(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx21(
     "tr",
     __spreadValues({
       "data-slot": "table-row",
-      className: cn14(
+      className: cn15(
         "border-b transition-colors hover:bg-muted/50 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted",
         className
       )
@@ -1688,11 +1829,11 @@ function TableRow(_a) {
 }
 function TableHead(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx21(
     "th",
     __spreadValues({
       "data-slot": "table-head",
-      className: cn14(
+      className: cn15(
         "h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0",
         className
       )
@@ -1701,11 +1842,11 @@ function TableHead(_a) {
 }
 function TableCell(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx21(
     "td",
     __spreadValues({
       "data-slot": "table-cell",
-      className: cn14(
+      className: cn15(
         "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0",
         className
       )
@@ -1758,19 +1899,19 @@ import {
   flexRender
 } from "@tanstack/react-table";
 import { SearchXIcon } from "lucide-react";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 function DataTableContentBody({
   table,
   columns
 }) {
   const rows = table.getRowModel().rows;
   if (rows == null ? void 0 : rows.length) {
-    return /* @__PURE__ */ jsx16(TableBody, { children: rows.map((row) => /* @__PURE__ */ jsx16(TableRow, { children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx16(TableCell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id)) }, row.id)) });
+    return /* @__PURE__ */ jsx22(TableBody, { children: rows.map((row) => /* @__PURE__ */ jsx22(TableRow, { children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx22(TableCell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id)) }, row.id)) });
   }
-  return /* @__PURE__ */ jsx16(TableBody, { children: /* @__PURE__ */ jsx16(TableRow, { children: /* @__PURE__ */ jsx16(TableCell, { colSpan: columns.length, className: "h-48 text-center", children: /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx22(TableBody, { children: /* @__PURE__ */ jsx22(TableRow, { children: /* @__PURE__ */ jsx22(TableCell, { colSpan: columns.length, className: "h-48 text-center", children: /* @__PURE__ */ jsx22(
     StateEmpty,
     {
-      icon: /* @__PURE__ */ jsx16(SearchXIcon, {}),
+      icon: /* @__PURE__ */ jsx22(SearchXIcon, {}),
       title: "No matching results",
       description: "No records matched your search query or filter criteria.",
       buttonText: "Clear search & filters",
@@ -1784,18 +1925,18 @@ function DataTableContentBody({
 
 // src/components/composed/data-table/table-content-header.tsx
 import { flexRender as flexRender2 } from "@tanstack/react-table";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function DataTableContentHeader({
   table
 }) {
-  return /* @__PURE__ */ jsx17(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx17(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx17(TableHead, { children: header.isPlaceholder ? null : flexRender2(
+  return /* @__PURE__ */ jsx23(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx23(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx23(TableHead, { children: header.isPlaceholder ? null : flexRender2(
     header.column.columnDef.header,
     header.getContext()
   ) }, header.id)) }, headerGroup.id)) });
 }
 
 // src/components/composed/data-table/table-footer-entries.tsx
-import { jsx as jsx18, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
 function DataTableFooterEntries({
   table
 }) {
@@ -1806,17 +1947,17 @@ function DataTableFooterEntries({
   const totalRows = table.getFilteredRowModel().rows.length;
   const startRow = totalRows === 0 ? 0 : pageIndex * pageSize + 1;
   const endRow = Math.min((pageIndex + 1) * pageSize, totalRows);
-  return /* @__PURE__ */ jsxs9("div", { className: "flex-1 text-xs text-muted-foreground", children: [
+  return /* @__PURE__ */ jsxs13("div", { className: "flex-1 text-xs text-muted-foreground", children: [
     "Showing",
     " ",
-    /* @__PURE__ */ jsxs9("span", { className: "font-medium text-foreground", children: [
+    /* @__PURE__ */ jsxs13("span", { className: "font-medium text-foreground", children: [
       startRow,
       "-",
       endRow
     ] }),
     " ",
     "of ",
-    /* @__PURE__ */ jsx18("span", { className: "font-medium text-foreground", children: totalRows }),
+    /* @__PURE__ */ jsx24("span", { className: "font-medium text-foreground", children: totalRows }),
     " ",
     "entries."
   ] });
@@ -1829,106 +1970,106 @@ import {
   ChevronsLeftIcon,
   ChevronsRightIcon
 } from "lucide-react";
-import { jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
 function DataTableFooterPagination({
   table
 }) {
-  return /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-1", children: [
-    /* @__PURE__ */ jsxs10(Tooltip, { children: [
-      /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ jsxs14(Tooltip, { children: [
+      /* @__PURE__ */ jsx25(
         TooltipTrigger,
         {
-          render: /* @__PURE__ */ jsx19(
+          render: /* @__PURE__ */ jsx25(
             Button,
             {
               variant: "outline",
               size: "icon-xs",
               onClick: () => table.firstPage(),
               disabled: !table.getCanPreviousPage(),
-              children: /* @__PURE__ */ jsx19(ChevronsLeftIcon, {})
+              children: /* @__PURE__ */ jsx25(ChevronsLeftIcon, {})
             }
           )
         }
       ),
-      /* @__PURE__ */ jsx19(TooltipContent, { children: "Go to first page" })
+      /* @__PURE__ */ jsx25(TooltipContent, { children: "Go to first page" })
     ] }),
-    /* @__PURE__ */ jsxs10(Tooltip, { children: [
-      /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsxs14(Tooltip, { children: [
+      /* @__PURE__ */ jsx25(
         TooltipTrigger,
         {
-          render: /* @__PURE__ */ jsx19(
+          render: /* @__PURE__ */ jsx25(
             Button,
             {
               variant: "outline",
               size: "icon-xs",
               onClick: () => table.previousPage(),
               disabled: !table.getCanPreviousPage(),
-              children: /* @__PURE__ */ jsx19(ChevronLeftIcon, {})
+              children: /* @__PURE__ */ jsx25(ChevronLeftIcon, {})
             }
           )
         }
       ),
-      /* @__PURE__ */ jsx19(TooltipContent, { children: "Go to previous page" })
+      /* @__PURE__ */ jsx25(TooltipContent, { children: "Go to previous page" })
     ] }),
-    /* @__PURE__ */ jsxs10(Tooltip, { children: [
-      /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsxs14(Tooltip, { children: [
+      /* @__PURE__ */ jsx25(
         TooltipTrigger,
         {
-          render: /* @__PURE__ */ jsx19(
+          render: /* @__PURE__ */ jsx25(
             Button,
             {
               variant: "outline",
               size: "icon-xs",
               onClick: () => table.nextPage(),
               disabled: !table.getCanNextPage(),
-              children: /* @__PURE__ */ jsx19(ChevronRightIcon3, {})
+              children: /* @__PURE__ */ jsx25(ChevronRightIcon3, {})
             }
           )
         }
       ),
-      /* @__PURE__ */ jsx19(TooltipContent, { children: "Go to next page" })
+      /* @__PURE__ */ jsx25(TooltipContent, { children: "Go to next page" })
     ] }),
-    /* @__PURE__ */ jsxs10(Tooltip, { children: [
-      /* @__PURE__ */ jsx19(
+    /* @__PURE__ */ jsxs14(Tooltip, { children: [
+      /* @__PURE__ */ jsx25(
         TooltipTrigger,
         {
-          render: /* @__PURE__ */ jsx19(
+          render: /* @__PURE__ */ jsx25(
             Button,
             {
               variant: "outline",
               size: "icon-xs",
               onClick: () => table.lastPage(),
               disabled: !table.getCanNextPage(),
-              children: /* @__PURE__ */ jsx19(ChevronsRightIcon, {})
+              children: /* @__PURE__ */ jsx25(ChevronsRightIcon, {})
             }
           )
         }
       ),
-      /* @__PURE__ */ jsx19(TooltipContent, { children: "Go to last page" })
+      /* @__PURE__ */ jsx25(TooltipContent, { children: "Go to last page" })
     ] })
   ] });
 }
 
 // src/components/composed/data-table/table-header-add.tsx
 import { PlusIcon } from "lucide-react";
-import { Fragment, jsx as jsx20, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
 function DataTableHeaderAdd({
   onAdd,
   addLabel
 }) {
-  return /* @__PURE__ */ jsxs11(Fragment, { children: [
-    /* @__PURE__ */ jsxs11(Tooltip, { children: [
-      /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsxs15(Fragment, { children: [
+    /* @__PURE__ */ jsxs15(Tooltip, { children: [
+      /* @__PURE__ */ jsx26(
         TooltipTrigger,
         {
           className: "flex sm:hidden",
-          render: /* @__PURE__ */ jsx20(Button, { variant: "default", size: "icon", onClick: onAdd, children: /* @__PURE__ */ jsx20(PlusIcon, {}) })
+          render: /* @__PURE__ */ jsx26(Button, { variant: "default", size: "icon", onClick: onAdd, children: /* @__PURE__ */ jsx26(PlusIcon, {}) })
         }
       ),
-      /* @__PURE__ */ jsx20(TooltipContent, { children: addLabel != null ? addLabel : "Add" })
+      /* @__PURE__ */ jsx26(TooltipContent, { children: addLabel != null ? addLabel : "Add" })
     ] }),
-    /* @__PURE__ */ jsxs11(Button, { variant: "default", onClick: onAdd, className: "hidden sm:flex", children: [
-      /* @__PURE__ */ jsx20(PlusIcon, {}),
+    /* @__PURE__ */ jsxs15(Button, { variant: "default", onClick: onAdd, className: "hidden sm:flex", children: [
+      /* @__PURE__ */ jsx26(PlusIcon, {}),
       addLabel != null ? addLabel : "Add"
     ] })
   ] });
@@ -2081,7 +2222,7 @@ function printTable(headers, rows, title = "Data Export") {
 }
 
 // src/components/composed/data-table/table-header-download.tsx
-import { jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
 function getTableExportData(table) {
   const columns = table.getAllColumns().filter(
     (col) => typeof col.accessorFn !== "undefined" && col.getIsVisible()
@@ -2124,25 +2265,25 @@ function DataTableHeaderDownload({
   exportFilename,
   onDownload
 }) {
-  return /* @__PURE__ */ jsxs12(DropdownMenu, { children: [
-    /* @__PURE__ */ jsxs12(Tooltip, { children: [
-      /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsxs16(DropdownMenu, { children: [
+    /* @__PURE__ */ jsxs16(Tooltip, { children: [
+      /* @__PURE__ */ jsx27(
         DropdownMenuTrigger,
         {
-          render: /* @__PURE__ */ jsx21(
+          render: /* @__PURE__ */ jsx27(
             TooltipTrigger,
             {
-              render: /* @__PURE__ */ jsx21(Button, { variant: "outline", size: "icon", children: /* @__PURE__ */ jsx21(DownloadIcon, {}) })
+              render: /* @__PURE__ */ jsx27(Button, { variant: "outline", size: "icon", children: /* @__PURE__ */ jsx27(DownloadIcon, {}) })
             }
           )
         }
       ),
-      /* @__PURE__ */ jsx21(TooltipContent, { children: "Download options" })
+      /* @__PURE__ */ jsx27(TooltipContent, { children: "Download options" })
     ] }),
-    /* @__PURE__ */ jsx21(DropdownMenuContent, { align: "end", className: "w-48", children: /* @__PURE__ */ jsxs12(DropdownMenuGroup, { children: [
-      /* @__PURE__ */ jsx21(DropdownMenuLabel, { children: "Download data" }),
-      /* @__PURE__ */ jsx21(DropdownMenuSeparator, {}),
-      /* @__PURE__ */ jsxs12(
+    /* @__PURE__ */ jsx27(DropdownMenuContent, { align: "end", className: "w-48", children: /* @__PURE__ */ jsxs16(DropdownMenuGroup, { children: [
+      /* @__PURE__ */ jsx27(DropdownMenuLabel, { children: "Download data" }),
+      /* @__PURE__ */ jsx27(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsxs16(
         DropdownMenuItem,
         {
           className: "hover:cursor-pointer",
@@ -2152,12 +2293,12 @@ function DataTableHeaderDownload({
             onDownload == null ? void 0 : onDownload();
           },
           children: [
-            /* @__PURE__ */ jsx21(FileTextIcon, {}),
+            /* @__PURE__ */ jsx27(FileTextIcon, {}),
             "Download PDF"
           ]
         }
       ),
-      /* @__PURE__ */ jsxs12(
+      /* @__PURE__ */ jsxs16(
         DropdownMenuItem,
         {
           className: "hover:cursor-pointer",
@@ -2167,12 +2308,12 @@ function DataTableHeaderDownload({
             onDownload == null ? void 0 : onDownload();
           },
           children: [
-            /* @__PURE__ */ jsx21(FileSpreadsheetIcon, {}),
+            /* @__PURE__ */ jsx27(FileSpreadsheetIcon, {}),
             "Download Excel"
           ]
         }
       ),
-      /* @__PURE__ */ jsxs12(
+      /* @__PURE__ */ jsxs16(
         DropdownMenuItem,
         {
           className: "hover:cursor-pointer",
@@ -2182,13 +2323,13 @@ function DataTableHeaderDownload({
             onDownload == null ? void 0 : onDownload();
           },
           children: [
-            /* @__PURE__ */ jsx21(FileCodeIcon, {}),
+            /* @__PURE__ */ jsx27(FileCodeIcon, {}),
             "Download CSV"
           ]
         }
       ),
-      /* @__PURE__ */ jsx21(DropdownMenuSeparator, {}),
-      /* @__PURE__ */ jsxs12(
+      /* @__PURE__ */ jsx27(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsxs16(
         DropdownMenuItem,
         {
           className: "hover:cursor-pointer",
@@ -2197,7 +2338,7 @@ function DataTableHeaderDownload({
             printTable(headers, rows, exportFilename);
           },
           children: [
-            /* @__PURE__ */ jsx21(PrinterIcon, {}),
+            /* @__PURE__ */ jsx27(PrinterIcon, {}),
             "Print Table"
           ]
         }
@@ -2212,7 +2353,7 @@ import { CalendarIcon, ListFilterIcon } from "lucide-react";
 import { useMemo as useMemo2, useState as useState3 } from "react";
 
 // src/components/ui/calendar.tsx
-import { cn as cn15 } from "cn";
+import { cn as cn16 } from "cn";
 import {
   ChevronDownIcon,
   ChevronLeftIcon as ChevronLeftIcon2,
@@ -2223,7 +2364,7 @@ import {
   DayPicker,
   getDefaultClassNames
 } from "react-day-picker";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function Calendar(_a) {
   var _b = _a, {
     className,
@@ -2245,11 +2386,11 @@ function Calendar(_a) {
     "components"
   ]);
   const defaultClassNames = getDefaultClassNames();
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx28(
     DayPicker,
     __spreadValues({
       showOutsideDays,
-      className: cn15(
+      className: cn16(
         "group/calendar bg-background p-3 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(6)] in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent",
         String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
         String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
@@ -2261,124 +2402,124 @@ function Calendar(_a) {
         formatMonthDropdown: (date) => date.toLocaleString(locale == null ? void 0 : locale.code, { month: "short" })
       }, formatters),
       classNames: __spreadValues({
-        root: cn15("w-fit", defaultClassNames.root),
-        months: cn15(
+        root: cn16("w-fit", defaultClassNames.root),
+        months: cn16(
           "relative flex flex-col gap-4 md:flex-row",
           defaultClassNames.months
         ),
-        month: cn15("flex w-full flex-col gap-4", defaultClassNames.month),
-        nav: cn15(
+        month: cn16("flex w-full flex-col gap-4", defaultClassNames.month),
+        nav: cn16(
           "absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
           defaultClassNames.nav
         ),
-        button_previous: cn15(
+        button_previous: cn16(
           buttonVariants({ variant: buttonVariant }),
           "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
           defaultClassNames.button_previous
         ),
-        button_next: cn15(
+        button_next: cn16(
           buttonVariants({ variant: buttonVariant }),
           "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
           defaultClassNames.button_next
         ),
-        month_caption: cn15(
+        month_caption: cn16(
           "flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)",
           defaultClassNames.month_caption
         ),
-        dropdowns: cn15(
+        dropdowns: cn16(
           "flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium",
           defaultClassNames.dropdowns
         ),
-        dropdown_root: cn15(
+        dropdown_root: cn16(
           "relative rounded-(--cell-radius)",
           defaultClassNames.dropdown_root
         ),
-        dropdown: cn15(
+        dropdown: cn16(
           "absolute inset-0 bg-popover opacity-0",
           defaultClassNames.dropdown
         ),
-        caption_label: cn15(
+        caption_label: cn16(
           "font-medium select-none",
           captionLayout === "label" ? "text-sm" : "flex items-center gap-1 rounded-(--cell-radius) text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground",
           defaultClassNames.caption_label
         ),
-        month_grid: cn15("w-full border-collapse", defaultClassNames.month_grid),
-        weekdays: cn15("flex", defaultClassNames.weekdays),
-        weekday: cn15(
+        month_grid: cn16("w-full border-collapse", defaultClassNames.month_grid),
+        weekdays: cn16("flex", defaultClassNames.weekdays),
+        weekday: cn16(
           "flex-1 rounded-(--cell-radius) text-[0.8rem] font-normal text-muted-foreground select-none",
           defaultClassNames.weekday
         ),
-        week: cn15("mt-2 flex w-full", defaultClassNames.week),
-        week_number_header: cn15(
+        week: cn16("mt-2 flex w-full", defaultClassNames.week),
+        week_number_header: cn16(
           "w-(--cell-size) select-none",
           defaultClassNames.week_number_header
         ),
-        week_number: cn15(
+        week_number: cn16(
           "text-[0.8rem] text-muted-foreground select-none",
           defaultClassNames.week_number
         ),
-        day: cn15(
+        day: cn16(
           "group/day relative aspect-square h-full w-full rounded-(--cell-radius) p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius)",
           props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)" : "[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)",
           defaultClassNames.day
         ),
-        range_start: cn15(
+        range_start: cn16(
           "relative isolate z-0 rounded-l-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:right-0 after:w-4 after:bg-muted",
           defaultClassNames.range_start
         ),
-        range_middle: cn15("rounded-none", defaultClassNames.range_middle),
-        range_end: cn15(
+        range_middle: cn16("rounded-none", defaultClassNames.range_middle),
+        range_end: cn16(
           "relative isolate z-0 rounded-r-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:left-0 after:w-4 after:bg-muted",
           defaultClassNames.range_end
         ),
-        today: cn15(
+        today: cn16(
           "rounded-(--cell-radius) bg-muted text-foreground data-[selected=true]:rounded-none",
           defaultClassNames.today
         ),
-        outside: cn15(
+        outside: cn16(
           "text-muted-foreground aria-selected:text-muted-foreground",
           defaultClassNames.outside
         ),
-        disabled: cn15(
+        disabled: cn16(
           "text-muted-foreground opacity-50",
           defaultClassNames.disabled
         ),
-        hidden: cn15("invisible", defaultClassNames.hidden)
+        hidden: cn16("invisible", defaultClassNames.hidden)
       }, classNames),
       components: __spreadValues({
         Root: (_a2) => {
           var _b2 = _a2, { className: className2, rootRef } = _b2, props2 = __objRest(_b2, ["className", "rootRef"]);
-          return /* @__PURE__ */ jsx22(
+          return /* @__PURE__ */ jsx28(
             "div",
             __spreadValues({
               "data-slot": "calendar",
               ref: rootRef,
-              className: cn15(className2)
+              className: cn16(className2)
             }, props2)
           );
         },
         Chevron: (_c) => {
           var _d = _c, { className: className2, orientation } = _d, props2 = __objRest(_d, ["className", "orientation"]);
           if (orientation === "left") {
-            return /* @__PURE__ */ jsx22(ChevronLeftIcon2, __spreadValues({ className: cn15("size-4", className2) }, props2));
+            return /* @__PURE__ */ jsx28(ChevronLeftIcon2, __spreadValues({ className: cn16("size-4", className2) }, props2));
           }
           if (orientation === "right") {
-            return /* @__PURE__ */ jsx22(
+            return /* @__PURE__ */ jsx28(
               ChevronRightIcon4,
               __spreadValues({
-                className: cn15("size-4", className2)
+                className: cn16("size-4", className2)
               }, props2)
             );
           }
-          return /* @__PURE__ */ jsx22(ChevronDownIcon, __spreadValues({ className: cn15("size-4", className2) }, props2));
+          return /* @__PURE__ */ jsx28(ChevronDownIcon, __spreadValues({ className: cn16("size-4", className2) }, props2));
         },
         DayButton: (_e) => {
           var props2 = __objRest(_e, []);
-          return /* @__PURE__ */ jsx22(CalendarDayButton, __spreadValues({ locale }, props2));
+          return /* @__PURE__ */ jsx28(CalendarDayButton, __spreadValues({ locale }, props2));
         },
         WeekNumber: (_f) => {
           var _g = _f, { children } = _g, props2 = __objRest(_g, ["children"]);
-          return /* @__PURE__ */ jsx22("td", __spreadProps(__spreadValues({}, props2), { children: /* @__PURE__ */ jsx22("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) }));
+          return /* @__PURE__ */ jsx28("td", __spreadProps(__spreadValues({}, props2), { children: /* @__PURE__ */ jsx28("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) }));
         }
       }, components)
     }, props)
@@ -2402,7 +2543,7 @@ function CalendarDayButton(_a) {
     var _a2;
     if (modifiers.focused) (_a2 = ref.current) == null ? void 0 : _a2.focus();
   }, [modifiers.focused]);
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx28(
     Button,
     __spreadValues({
       variant: "ghost",
@@ -2412,7 +2553,7 @@ function CalendarDayButton(_a) {
       "data-range-start": modifiers.range_start,
       "data-range-end": modifiers.range_end,
       "data-range-middle": modifiers.range_middle,
-      className: cn15(
+      className: cn16(
         "relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 border-0 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-r-(--cell-radius) data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-muted data-[range-middle=true]:text-foreground data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius) data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-foreground [&>span]:text-xs [&>span]:opacity-70",
         defaultClassNames.day,
         className
@@ -2423,15 +2564,15 @@ function CalendarDayButton(_a) {
 
 // src/components/ui/popover.tsx
 import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
-import { cn as cn16 } from "cn";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { cn as cn17 } from "cn";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function Popover(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx23(PopoverPrimitive.Root, __spreadValues({ "data-slot": "popover" }, props));
+  return /* @__PURE__ */ jsx29(PopoverPrimitive.Root, __spreadValues({ "data-slot": "popover" }, props));
 }
 function PopoverTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx23(PopoverPrimitive.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
+  return /* @__PURE__ */ jsx29(PopoverPrimitive.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
 }
 function PopoverContent(_a) {
   var _b = _a, {
@@ -2447,7 +2588,7 @@ function PopoverContent(_a) {
     "side",
     "sideOffset"
   ]);
-  return /* @__PURE__ */ jsx23(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx29(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx29(
     PopoverPrimitive.Positioner,
     {
       align,
@@ -2455,11 +2596,11 @@ function PopoverContent(_a) {
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsx23(
+      children: /* @__PURE__ */ jsx29(
         PopoverPrimitive.Popup,
         __spreadValues({
           "data-slot": "popover-content",
-          className: cn16(
+          className: cn17(
             "z-50 flex w-72 origin-(--transform-origin) flex-col gap-4 rounded-lg bg-popover p-2.5 text-xs text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
             className
           )
@@ -2471,17 +2612,17 @@ function PopoverContent(_a) {
 
 // src/components/ui/select.tsx
 import { Select as SelectPrimitive } from "@base-ui/react/select";
-import { cn as cn17 } from "cn";
+import { cn as cn18 } from "cn";
 import { CheckIcon as CheckIcon2, ChevronDownIcon as ChevronDownIcon2, ChevronUpIcon } from "lucide-react";
-import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs17 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 function SelectValue(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx30(
     SelectPrimitive.Value,
     __spreadValues({
       "data-slot": "select-value",
-      className: cn17("flex flex-1 text-left", className)
+      className: cn18("flex flex-1 text-left", className)
     }, props)
   );
 }
@@ -2495,22 +2636,22 @@ function SelectTrigger(_a) {
     "size",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs17(
     SelectPrimitive.Trigger,
     __spreadProps(__spreadValues({
       "data-slot": "select-trigger",
       "data-size": size,
-      className: cn17(
+      className: cn18(
         "flex w-fit items-center justify-between gap-1.5 rounded-md border border-input bg-input/20 px-2 py-1.5 text-xs/relaxed whitespace-nowrap transition-colors outline-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/30 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-7 data-[size=sm]:h-6 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5",
         className
       )
     }, props), {
       children: [
         children,
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx30(
           SelectPrimitive.Icon,
           {
-            render: /* @__PURE__ */ jsx24(ChevronDownIcon2, { className: "pointer-events-none size-3.5 text-muted-foreground" })
+            render: /* @__PURE__ */ jsx30(ChevronDownIcon2, { className: "pointer-events-none size-3.5 text-muted-foreground" })
           }
         )
       ]
@@ -2535,7 +2676,7 @@ function SelectContent(_a) {
     "alignOffset",
     "alignItemWithTrigger"
   ]);
-  return /* @__PURE__ */ jsx24(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx30(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx30(
     SelectPrimitive.Positioner,
     {
       side,
@@ -2544,20 +2685,20 @@ function SelectContent(_a) {
       alignOffset,
       alignItemWithTrigger,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsxs13(
+      children: /* @__PURE__ */ jsxs17(
         SelectPrimitive.Popup,
         __spreadProps(__spreadValues({
           "data-slot": "select-content",
           "data-align-trigger": alignItemWithTrigger,
-          className: cn17(
+          className: cn18(
             "relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
             className
           )
         }, props), {
           children: [
-            /* @__PURE__ */ jsx24(SelectScrollUpButton, {}),
-            /* @__PURE__ */ jsx24(SelectPrimitive.List, { children }),
-            /* @__PURE__ */ jsx24(SelectScrollDownButton, {})
+            /* @__PURE__ */ jsx30(SelectScrollUpButton, {}),
+            /* @__PURE__ */ jsx30(SelectPrimitive.List, { children }),
+            /* @__PURE__ */ jsx30(SelectScrollDownButton, {})
           ]
         })
       )
@@ -2572,22 +2713,22 @@ function SelectItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs17(
     SelectPrimitive.Item,
     __spreadProps(__spreadValues({
       "data-slot": "select-item",
-      className: cn17(
+      className: cn18(
         "relative flex min-h-7 w-full cursor-default items-center gap-2 rounded-md px-2 py-1 text-xs/relaxed outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
         className
       )
     }, props), {
       children: [
-        /* @__PURE__ */ jsx24(SelectPrimitive.ItemText, { className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap", children }),
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx30(SelectPrimitive.ItemText, { className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap", children }),
+        /* @__PURE__ */ jsx30(
           SelectPrimitive.ItemIndicator,
           {
-            render: /* @__PURE__ */ jsx24("span", { className: "pointer-events-none absolute right-2 flex items-center justify-center" }),
-            children: /* @__PURE__ */ jsx24(CheckIcon2, { className: "pointer-events-none" })
+            render: /* @__PURE__ */ jsx30("span", { className: "pointer-events-none absolute right-2 flex items-center justify-center" }),
+            children: /* @__PURE__ */ jsx30(CheckIcon2, { className: "pointer-events-none" })
           }
         )
       ]
@@ -2600,16 +2741,16 @@ function SelectScrollUpButton(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx30(
     SelectPrimitive.ScrollUpArrow,
     __spreadProps(__spreadValues({
       "data-slot": "select-scroll-up-button",
-      className: cn17(
+      className: cn18(
         "top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-3.5",
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx24(ChevronUpIcon, {})
+      children: /* @__PURE__ */ jsx30(ChevronUpIcon, {})
     })
   );
 }
@@ -2619,22 +2760,22 @@ function SelectScrollDownButton(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx30(
     SelectPrimitive.ScrollDownArrow,
     __spreadProps(__spreadValues({
       "data-slot": "select-scroll-down-button",
-      className: cn17(
+      className: cn18(
         "bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-3.5",
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx24(ChevronDownIcon2, {})
+      children: /* @__PURE__ */ jsx30(ChevronDownIcon2, {})
     })
   );
 }
 
 // src/components/composed/data-table/table-header-filter.tsx
-import { Fragment as Fragment2, jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx31, jsxs as jsxs18 } from "react/jsx-runtime";
 function smartFilterFn(row, columnId, filterValue) {
   var _a, _b, _c;
   if (filterValue === void 0 || filterValue === null || filterValue === "" || filterValue === "all") {
@@ -2795,7 +2936,7 @@ function ColumnFilterInput({
   }, [column, table, variant]);
   if (variant === "boolean" || variant === "select") {
     const currentValue = filterValue === void 0 || filterValue === null || filterValue === "" ? "all" : String(filterValue);
-    return /* @__PURE__ */ jsx25("div", { className: "relative flex items-center w-full", children: /* @__PURE__ */ jsxs14(
+    return /* @__PURE__ */ jsx31("div", { className: "relative flex items-center w-full", children: /* @__PURE__ */ jsxs18(
       Select,
       {
         value: currentValue,
@@ -2807,13 +2948,13 @@ function ColumnFilterInput({
           }
         },
         children: [
-          /* @__PURE__ */ jsx25(
+          /* @__PURE__ */ jsx31(
             SelectTrigger,
             {
               className: "w-full",
               onKeyDown: (e) => e.stopPropagation(),
               onPointerDown: (e) => e.stopPropagation(),
-              children: /* @__PURE__ */ jsx25(
+              children: /* @__PURE__ */ jsx31(
                 SelectValue,
                 {
                   placeholder: `Select ${headerText.toLowerCase()}...`,
@@ -2822,9 +2963,9 @@ function ColumnFilterInput({
               )
             }
           ),
-          /* @__PURE__ */ jsxs14(SelectContent, { align: "start", children: [
-            /* @__PURE__ */ jsx25(SelectItem, { value: "all", children: "All" }),
-            options.map((opt) => /* @__PURE__ */ jsx25(
+          /* @__PURE__ */ jsxs18(SelectContent, { align: "start", children: [
+            /* @__PURE__ */ jsx31(SelectItem, { value: "all", children: "All" }),
+            options.map((opt) => /* @__PURE__ */ jsx31(
               SelectItem,
               {
                 value: opt.value,
@@ -2851,36 +2992,36 @@ function ColumnFilterInput({
       }
     }
     const formattedDateLabel = dateObj ? format(dateObj, "yyyy-MM-dd") : "";
-    return /* @__PURE__ */ jsx25("div", { className: "relative flex items-center w-full", children: /* @__PURE__ */ jsxs14(Popover, { open: calendarOpen, onOpenChange: setCalendarOpen, children: [
-      /* @__PURE__ */ jsx25(
+    return /* @__PURE__ */ jsx31("div", { className: "relative flex items-center w-full", children: /* @__PURE__ */ jsxs18(Popover, { open: calendarOpen, onOpenChange: setCalendarOpen, children: [
+      /* @__PURE__ */ jsx31(
         PopoverTrigger,
         {
-          render: /* @__PURE__ */ jsxs14(
+          render: /* @__PURE__ */ jsxs18(
             Button,
             {
               variant: "outline",
-              className: cn13(
+              className: cn14(
                 "w-full justify-start",
                 !formattedDateLabel && "text-muted-foreground"
               ),
               onKeyDown: (e) => e.stopPropagation(),
               onPointerDown: (e) => e.stopPropagation(),
               children: [
-                /* @__PURE__ */ jsx25(CalendarIcon, { className: "mr-1 size-3 shrink-0" }),
-                /* @__PURE__ */ jsx25("span", { className: "truncate", children: formattedDateLabel || `Pick ${headerText.toLowerCase()}...` })
+                /* @__PURE__ */ jsx31(CalendarIcon, { className: "mr-1 size-3 shrink-0" }),
+                /* @__PURE__ */ jsx31("span", { className: "truncate", children: formattedDateLabel || `Pick ${headerText.toLowerCase()}...` })
               ]
             }
           )
         }
       ),
-      /* @__PURE__ */ jsx25(
+      /* @__PURE__ */ jsx31(
         PopoverContent,
         {
           className: "w-auto p-0",
           align: "start",
           onPointerDown: (e) => e.stopPropagation(),
           onKeyDown: (e) => e.stopPropagation(),
-          children: /* @__PURE__ */ jsx25(
+          children: /* @__PURE__ */ jsx31(
             Calendar,
             {
               mode: "single",
@@ -2899,7 +3040,7 @@ function ColumnFilterInput({
       )
     ] }) });
   }
-  return /* @__PURE__ */ jsx25("div", { className: "relative flex items-center w-full", children: /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx31("div", { className: "relative flex items-center w-full", children: /* @__PURE__ */ jsx31(
     Input,
     {
       id: `filter-${column.id}`,
@@ -2923,39 +3064,39 @@ function DataTableHeaderFilter({
     [table]
   );
   if (filterableColumns.length === 0) return null;
-  return /* @__PURE__ */ jsxs14(DropdownMenu, { children: [
-    /* @__PURE__ */ jsxs14(Tooltip, { children: [
-      /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsxs18(DropdownMenu, { children: [
+    /* @__PURE__ */ jsxs18(Tooltip, { children: [
+      /* @__PURE__ */ jsx31(
         DropdownMenuTrigger,
         {
-          render: /* @__PURE__ */ jsx25(
+          render: /* @__PURE__ */ jsx31(
             TooltipTrigger,
             {
-              render: /* @__PURE__ */ jsx25(
+              render: /* @__PURE__ */ jsx31(
                 Button,
                 {
                   variant: columnFilters.length > 0 ? "secondary" : "outline",
                   size: "icon",
-                  children: /* @__PURE__ */ jsx25(ListFilterIcon, {})
+                  children: /* @__PURE__ */ jsx31(ListFilterIcon, {})
                 }
               )
             }
           )
         }
       ),
-      /* @__PURE__ */ jsx25(TooltipContent, { children: "Filter options" })
+      /* @__PURE__ */ jsx31(TooltipContent, { children: "Filter options" })
     ] }),
-    /* @__PURE__ */ jsx25(DropdownMenuContent, { align: "end", className: "w-80", children: /* @__PURE__ */ jsxs14(DropdownMenuGroup, { children: [
-      /* @__PURE__ */ jsx25(DropdownMenuLabel, { children: "Filter by column" }),
-      /* @__PURE__ */ jsx25(DropdownMenuSeparator, {}),
-      /* @__PURE__ */ jsx25("div", { className: "max-h-64 overflow-y-auto space-y-2.5 p-1", children: filterableColumns.map((column) => {
+    /* @__PURE__ */ jsx31(DropdownMenuContent, { align: "end", className: "w-80", children: /* @__PURE__ */ jsxs18(DropdownMenuGroup, { children: [
+      /* @__PURE__ */ jsx31(DropdownMenuLabel, { children: "Filter by column" }),
+      /* @__PURE__ */ jsx31(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsx31("div", { className: "max-h-64 overflow-y-auto space-y-2.5 p-1", children: filterableColumns.map((column) => {
         const headerText = typeof column.columnDef.header === "string" ? column.columnDef.header : column.id;
-        return /* @__PURE__ */ jsxs14(
+        return /* @__PURE__ */ jsxs18(
           "div",
           {
             className: "flex items-center justify-between px-1",
             children: [
-              /* @__PURE__ */ jsx25(
+              /* @__PURE__ */ jsx31(
                 "label",
                 {
                   htmlFor: `filter-${column.id}`,
@@ -2963,7 +3104,7 @@ function DataTableHeaderFilter({
                   children: headerText
                 }
               ),
-              /* @__PURE__ */ jsx25("div", { className: "flex-1", children: /* @__PURE__ */ jsx25(
+              /* @__PURE__ */ jsx31("div", { className: "flex-1", children: /* @__PURE__ */ jsx31(
                 ColumnFilterInput,
                 {
                   column,
@@ -2976,9 +3117,9 @@ function DataTableHeaderFilter({
           column.id
         );
       }) }),
-      columnFilters.length > 0 && /* @__PURE__ */ jsxs14(Fragment2, { children: [
-        /* @__PURE__ */ jsx25(DropdownMenuSeparator, {}),
-        /* @__PURE__ */ jsx25(
+      columnFilters.length > 0 && /* @__PURE__ */ jsxs18(Fragment2, { children: [
+        /* @__PURE__ */ jsx31(DropdownMenuSeparator, {}),
+        /* @__PURE__ */ jsx31(
           DropdownMenuItem,
           {
             className: "hover:cursor-pointer text-destructive focus:text-destructive",
@@ -2995,7 +3136,7 @@ function DataTableHeaderFilter({
 import { RotateCwIcon } from "lucide-react";
 import { useRouter } from "next/navigation";
 import { useState as useState4 } from "react";
-import { jsx as jsx26, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs19 } from "react/jsx-runtime";
 function DataTableHeaderRefresh() {
   const router = useRouter();
   const [isRefreshing, setIsRefreshing] = useState4(false);
@@ -3006,21 +3147,21 @@ function DataTableHeaderRefresh() {
       setIsRefreshing(false);
     }, 750);
   };
-  return /* @__PURE__ */ jsxs15(Tooltip, { children: [
-    /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsxs19(Tooltip, { children: [
+    /* @__PURE__ */ jsx32(
       TooltipTrigger,
       {
-        render: /* @__PURE__ */ jsx26(
+        render: /* @__PURE__ */ jsx32(
           Button,
           {
             variant: "outline",
             size: "icon",
             onClick: handleRefresh,
             disabled: isRefreshing,
-            children: /* @__PURE__ */ jsx26(
+            children: /* @__PURE__ */ jsx32(
               RotateCwIcon,
               {
-                className: cn13(
+                className: cn14(
                   "transition-transform duration-750",
                   isRefreshing && "animate-spin"
                 )
@@ -3030,19 +3171,19 @@ function DataTableHeaderRefresh() {
         )
       }
     ),
-    /* @__PURE__ */ jsx26(TooltipContent, { children: "Refresh data" })
+    /* @__PURE__ */ jsx32(TooltipContent, { children: "Refresh data" })
   ] });
 }
 
 // src/components/composed/data-table/table-header-search.tsx
 import { XIcon as XIcon2 } from "lucide-react";
-import { jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs20 } from "react/jsx-runtime";
 function DataTableHeaderSearch({
   value = "",
   onChange
 }) {
-  return /* @__PURE__ */ jsxs16("div", { className: "relative flex items-center max-w-sm w-full", children: [
-    /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsxs20("div", { className: "relative flex items-center max-w-sm w-full", children: [
+    /* @__PURE__ */ jsx33(
       Input,
       {
         placeholder: "Search...",
@@ -3051,14 +3192,14 @@ function DataTableHeaderSearch({
         className: "pr-7"
       }
     ),
-    Boolean(value) && /* @__PURE__ */ jsx27(
+    Boolean(value) && /* @__PURE__ */ jsx33(
       "button",
       {
         type: "button",
         onClick: () => onChange(""),
         className: "absolute right-2 text-muted-foreground hover:text-foreground p-0.5 rounded cursor-pointer",
         "aria-label": "Clear search text",
-        children: /* @__PURE__ */ jsx27(XIcon2, { className: "size-3.5" })
+        children: /* @__PURE__ */ jsx33(XIcon2, { className: "size-3.5" })
       }
     )
   ] });
@@ -3066,41 +3207,41 @@ function DataTableHeaderSearch({
 
 // src/components/composed/data-table/table-header-sort.tsx
 import { ArrowDownIcon, ArrowUpDownIcon, ArrowUpIcon } from "lucide-react";
-import { Fragment as Fragment3, jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx34, jsxs as jsxs21 } from "react/jsx-runtime";
 function DataTableHeaderSort({
   table,
   sorting
 }) {
   const sortableColumns = table.getAllColumns().filter((column) => column.getCanSort());
-  return /* @__PURE__ */ jsxs17(DropdownMenu, { children: [
-    /* @__PURE__ */ jsxs17(Tooltip, { children: [
-      /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsxs21(DropdownMenu, { children: [
+    /* @__PURE__ */ jsxs21(Tooltip, { children: [
+      /* @__PURE__ */ jsx34(
         DropdownMenuTrigger,
         {
-          render: /* @__PURE__ */ jsx28(
+          render: /* @__PURE__ */ jsx34(
             TooltipTrigger,
             {
-              render: /* @__PURE__ */ jsx28(
+              render: /* @__PURE__ */ jsx34(
                 Button,
                 {
                   variant: sorting.length > 0 ? "secondary" : "outline",
                   size: "icon",
-                  children: /* @__PURE__ */ jsx28(ArrowUpDownIcon, {})
+                  children: /* @__PURE__ */ jsx34(ArrowUpDownIcon, {})
                 }
               )
             }
           )
         }
       ),
-      /* @__PURE__ */ jsx28(TooltipContent, { children: "Sort options" })
+      /* @__PURE__ */ jsx34(TooltipContent, { children: "Sort options" })
     ] }),
-    /* @__PURE__ */ jsx28(DropdownMenuContent, { align: "end", className: "w-48", children: /* @__PURE__ */ jsxs17(DropdownMenuGroup, { children: [
-      /* @__PURE__ */ jsx28(DropdownMenuLabel, { children: "Sort by column" }),
-      /* @__PURE__ */ jsx28(DropdownMenuSeparator, {}),
+    /* @__PURE__ */ jsx34(DropdownMenuContent, { align: "end", className: "w-48", children: /* @__PURE__ */ jsxs21(DropdownMenuGroup, { children: [
+      /* @__PURE__ */ jsx34(DropdownMenuLabel, { children: "Sort by column" }),
+      /* @__PURE__ */ jsx34(DropdownMenuSeparator, {}),
       sortableColumns.map((column) => {
         const isSorted = column.getIsSorted();
         const headerText = typeof column.columnDef.header === "string" ? column.columnDef.header : column.id;
-        return /* @__PURE__ */ jsxs17(
+        return /* @__PURE__ */ jsxs21(
           DropdownMenuItem,
           {
             className: "flex items-center justify-between hover:cursor-pointer capitalize",
@@ -3115,16 +3256,16 @@ function DataTableHeaderSort({
             },
             children: [
               headerText,
-              isSorted === "asc" && /* @__PURE__ */ jsx28(ArrowUpIcon, { className: "size-3.5" }),
-              isSorted === "desc" && /* @__PURE__ */ jsx28(ArrowDownIcon, { className: "size-3.5" })
+              isSorted === "asc" && /* @__PURE__ */ jsx34(ArrowUpIcon, { className: "size-3.5" }),
+              isSorted === "desc" && /* @__PURE__ */ jsx34(ArrowDownIcon, { className: "size-3.5" })
             ]
           },
           column.id
         );
       }),
-      sorting.length > 0 && /* @__PURE__ */ jsxs17(Fragment3, { children: [
-        /* @__PURE__ */ jsx28(DropdownMenuSeparator, {}),
-        /* @__PURE__ */ jsx28(
+      sorting.length > 0 && /* @__PURE__ */ jsxs21(Fragment3, { children: [
+        /* @__PURE__ */ jsx34(DropdownMenuSeparator, {}),
+        /* @__PURE__ */ jsx34(
           DropdownMenuItem,
           {
             className: "hover:cursor-pointer text-destructive focus:text-destructive",
@@ -3139,33 +3280,33 @@ function DataTableHeaderSort({
 
 // src/components/composed/data-table/table-header-toggle.tsx
 import { Columns3CogIcon } from "lucide-react";
-import { jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs22 } from "react/jsx-runtime";
 function DataTableHeaderToggle({
   table
 }) {
-  return /* @__PURE__ */ jsxs18(DropdownMenu, { children: [
-    /* @__PURE__ */ jsxs18(Tooltip, { children: [
-      /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsxs22(DropdownMenu, { children: [
+    /* @__PURE__ */ jsxs22(Tooltip, { children: [
+      /* @__PURE__ */ jsx35(
         DropdownMenuTrigger,
         {
-          render: /* @__PURE__ */ jsx29(
+          render: /* @__PURE__ */ jsx35(
             TooltipTrigger,
             {
-              render: /* @__PURE__ */ jsx29(Button, { variant: "outline", size: "icon", children: /* @__PURE__ */ jsx29(Columns3CogIcon, {}) })
+              render: /* @__PURE__ */ jsx35(Button, { variant: "outline", size: "icon", children: /* @__PURE__ */ jsx35(Columns3CogIcon, {}) })
             }
           )
         }
       ),
-      /* @__PURE__ */ jsx29(TooltipContent, { children: "Toggle columns" })
+      /* @__PURE__ */ jsx35(TooltipContent, { children: "Toggle columns" })
     ] }),
-    /* @__PURE__ */ jsx29(DropdownMenuContent, { align: "end", className: "w-48", children: /* @__PURE__ */ jsxs18(DropdownMenuGroup, { children: [
-      /* @__PURE__ */ jsx29(DropdownMenuLabel, { children: "Toggle columns" }),
-      /* @__PURE__ */ jsx29(DropdownMenuSeparator, {}),
+    /* @__PURE__ */ jsx35(DropdownMenuContent, { align: "end", className: "w-48", children: /* @__PURE__ */ jsxs22(DropdownMenuGroup, { children: [
+      /* @__PURE__ */ jsx35(DropdownMenuLabel, { children: "Toggle columns" }),
+      /* @__PURE__ */ jsx35(DropdownMenuSeparator, {}),
       table.getAllColumns().filter(
         (column) => typeof column.accessorFn !== "undefined" && column.getCanHide()
       ).map((column) => {
         const headerText = typeof column.columnDef.header === "string" ? column.columnDef.header : column.id;
-        return /* @__PURE__ */ jsx29(
+        return /* @__PURE__ */ jsx35(
           DropdownMenuCheckboxItem,
           {
             className: "capitalize hover:cursor-pointer",
@@ -3183,7 +3324,7 @@ function DataTableHeaderToggle({
 // src/components/composed/data-table/data-row-actions.tsx
 import { MoreHorizontal } from "lucide-react";
 import { Fragment as Fragment4 } from "react";
-import { Fragment as Fragment5, jsx as jsx30, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx36, jsxs as jsxs23 } from "react/jsx-runtime";
 function RowActions({
   label = "Actions",
   items = [],
@@ -3197,50 +3338,50 @@ function RowActions({
   if (visibleItems.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx36(
     "div",
     {
-      className: cn13("flex items-center justify-end w-full", containerClassName),
-      children: /* @__PURE__ */ jsxs19(DropdownMenu, { children: [
-        /* @__PURE__ */ jsx30(
+      className: cn14("flex items-center justify-end w-full", containerClassName),
+      children: /* @__PURE__ */ jsxs23(DropdownMenu, { children: [
+        /* @__PURE__ */ jsx36(
           DropdownMenuTrigger,
           {
-            render: /* @__PURE__ */ jsx30(Button, { variant: "ghost", size: "icon-xs", "aria-label": triggerLabel, children: triggerIcon != null ? triggerIcon : /* @__PURE__ */ jsx30(MoreHorizontal, { className: "size-4" }) })
+            render: /* @__PURE__ */ jsx36(Button, { variant: "ghost", size: "icon-xs", "aria-label": triggerLabel, children: triggerIcon != null ? triggerIcon : /* @__PURE__ */ jsx36(MoreHorizontal, { className: "size-4" }) })
           }
         ),
-        /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx36(
           DropdownMenuContent,
           {
             align,
-            className: cn13("w-40", contentClassName),
-            children: /* @__PURE__ */ jsxs19(DropdownMenuGroup, { children: [
-              label && /* @__PURE__ */ jsxs19(Fragment5, { children: [
-                /* @__PURE__ */ jsx30(DropdownMenuLabel, { children: label }),
-                /* @__PURE__ */ jsx30(DropdownMenuSeparator, {})
+            className: cn14("w-40", contentClassName),
+            children: /* @__PURE__ */ jsxs23(DropdownMenuGroup, { children: [
+              label && /* @__PURE__ */ jsxs23(Fragment5, { children: [
+                /* @__PURE__ */ jsx36(DropdownMenuLabel, { children: label }),
+                /* @__PURE__ */ jsx36(DropdownMenuSeparator, {})
               ] }),
               visibleItems.map((item, index) => {
                 var _a;
                 const itemKey = (_a = item.id) != null ? _a : `${item.label}-${index}`;
                 const isDestructive = item.variant === "destructive";
-                return /* @__PURE__ */ jsxs19(Fragment4, { children: [
-                  item.separatorBefore && /* @__PURE__ */ jsx30(DropdownMenuSeparator, {}),
-                  /* @__PURE__ */ jsxs19(
+                return /* @__PURE__ */ jsxs23(Fragment4, { children: [
+                  item.separatorBefore && /* @__PURE__ */ jsx36(DropdownMenuSeparator, {}),
+                  /* @__PURE__ */ jsxs23(
                     DropdownMenuItem,
                     {
                       onClick: item.onClick,
                       disabled: item.disabled,
-                      className: cn13(
+                      className: cn14(
                         "hover:cursor-pointer flex items-center gap-2",
                         isDestructive && "text-destructive focus:text-destructive",
                         item.className
                       ),
                       children: [
-                        item.icon && /* @__PURE__ */ jsx30("span", { className: "size-4 shrink-0 flex items-center justify-center", children: item.icon }),
-                        /* @__PURE__ */ jsx30("span", { children: item.label })
+                        item.icon && /* @__PURE__ */ jsx36("span", { className: "size-4 shrink-0 flex items-center justify-center", children: item.icon }),
+                        /* @__PURE__ */ jsx36("span", { children: item.label })
                       ]
                     }
                   ),
-                  item.separatorAfter && /* @__PURE__ */ jsx30(DropdownMenuSeparator, {})
+                  item.separatorAfter && /* @__PURE__ */ jsx36(DropdownMenuSeparator, {})
                 ] }, itemKey);
               })
             ] })
@@ -3252,7 +3393,7 @@ function RowActions({
 }
 
 // src/components/composed/data-table/data-table.tsx
-import { jsx as jsx31, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs24 } from "react/jsx-runtime";
 function DataTable({
   columns,
   data,
@@ -3305,12 +3446,12 @@ function DataTable({
   });
   if (data.length === 0) {
     const hasCreateAction = Boolean(renderCreateDialog);
-    return /* @__PURE__ */ jsxs20("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsxs24("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx37(
         StateEmpty,
         {
           state: "outline",
-          icon: /* @__PURE__ */ jsx31(FolderOpenIcon, { className: "size-6 text-muted-foreground" }),
+          icon: /* @__PURE__ */ jsx37(FolderOpenIcon, { className: "size-6 text-muted-foreground" }),
           title: "No Data Available",
           description: "There are currently no records to display. Create a new record to get started.",
           buttonText: hasCreateAction ? addLabel != null ? addLabel : "Add Record" : "Refresh",
@@ -3320,26 +3461,26 @@ function DataTable({
       renderCreateDialog == null ? void 0 : renderCreateDialog(createOpen, setCreateOpen)
     ] });
   }
-  return /* @__PURE__ */ jsxs20("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ jsxs20("div", { className: "flex flex-row items-center justify-between gap-1", children: [
-      showSearchInput ? /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsxs24("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs24("div", { className: "flex flex-row items-center justify-between gap-1", children: [
+      showSearchInput ? /* @__PURE__ */ jsx37(
         DataTableHeaderSearch,
         {
           value: globalFilter,
           onChange: setGlobalFilter
         }
-      ) : /* @__PURE__ */ jsx31("div", {}),
-      /* @__PURE__ */ jsxs20("div", { className: "flex flex-row items-center gap-1", children: [
-        showRefreshButton && /* @__PURE__ */ jsx31(DataTableHeaderRefresh, {}),
-        showSortButton && /* @__PURE__ */ jsx31(DataTableHeaderSort, { table, sorting }),
-        showFilterButton && /* @__PURE__ */ jsx31(
+      ) : /* @__PURE__ */ jsx37("div", {}),
+      /* @__PURE__ */ jsxs24("div", { className: "flex flex-row items-center gap-1", children: [
+        showRefreshButton && /* @__PURE__ */ jsx37(DataTableHeaderRefresh, {}),
+        showSortButton && /* @__PURE__ */ jsx37(DataTableHeaderSort, { table, sorting }),
+        showFilterButton && /* @__PURE__ */ jsx37(
           DataTableHeaderFilter,
           {
             table,
             columnFilters
           }
         ),
-        showDownloadButton && /* @__PURE__ */ jsx31(
+        showDownloadButton && /* @__PURE__ */ jsx37(
           DataTableHeaderDownload,
           {
             table,
@@ -3347,8 +3488,8 @@ function DataTable({
             onDownload
           }
         ),
-        showColumnToggleButton && /* @__PURE__ */ jsx31(DataTableHeaderToggle, { table }),
-        showAddButton && renderCreateDialog && /* @__PURE__ */ jsx31(
+        showColumnToggleButton && /* @__PURE__ */ jsx37(DataTableHeaderToggle, { table }),
+        showAddButton && renderCreateDialog && /* @__PURE__ */ jsx37(
           DataTableHeaderAdd,
           {
             onAdd: () => setCreateOpen(true),
@@ -3358,13 +3499,13 @@ function DataTable({
       ] })
     ] }),
     renderCreateDialog == null ? void 0 : renderCreateDialog(createOpen, setCreateOpen),
-    /* @__PURE__ */ jsx31("div", { className: "overflow-hidden rounded-md border [&_[data-slot=table-container]]:no-scrollbar", children: /* @__PURE__ */ jsxs20(Table, { children: [
-      /* @__PURE__ */ jsx31(DataTableContentHeader, { table }),
-      /* @__PURE__ */ jsx31(DataTableContentBody, { table, columns })
+    /* @__PURE__ */ jsx37("div", { className: "overflow-hidden rounded-md border [&_[data-slot=table-container]]:no-scrollbar", children: /* @__PURE__ */ jsxs24(Table, { children: [
+      /* @__PURE__ */ jsx37(DataTableContentHeader, { table }),
+      /* @__PURE__ */ jsx37(DataTableContentBody, { table, columns })
     ] }) }),
-    /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between px-2", children: [
-      /* @__PURE__ */ jsx31(DataTableFooterEntries, { table }),
-      /* @__PURE__ */ jsx31(DataTableFooterPagination, { table })
+    /* @__PURE__ */ jsxs24("div", { className: "flex items-center justify-between px-2", children: [
+      /* @__PURE__ */ jsx37(DataTableFooterEntries, { table }),
+      /* @__PURE__ */ jsx37(DataTableFooterPagination, { table })
     ] })
   ] });
 }
@@ -3372,13 +3513,13 @@ function DataTable({
 // src/components/composed/header-tabs.tsx
 import Link2 from "next/link";
 import { usePathname as usePathname2 } from "next/navigation";
-import { memo as memo3 } from "react";
+import { memo as memo9 } from "react";
 
 // src/components/ui/tabs.tsx
 import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
-import { cva as cva4 } from "class-variance-authority";
-import { cn as cn18 } from "cn";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { cva as cva5 } from "class-variance-authority";
+import { cn as cn19 } from "cn";
+import { jsx as jsx38 } from "react/jsx-runtime";
 function Tabs(_a) {
   var _b = _a, {
     className,
@@ -3387,19 +3528,19 @@ function Tabs(_a) {
     "className",
     "orientation"
   ]);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx38(
     TabsPrimitive.Root,
     __spreadValues({
       "data-slot": "tabs",
       "data-orientation": orientation,
-      className: cn18(
+      className: cn19(
         "group/tabs flex gap-2 data-horizontal:flex-col",
         className
       )
     }, props)
   );
 }
-var tabsListVariants = cva4(
+var tabsListVariants = cva5(
   "group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none",
   {
     variants: {
@@ -3421,22 +3562,22 @@ function TabsList(_a) {
     "className",
     "variant"
   ]);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx38(
     TabsPrimitive.List,
     __spreadValues({
       "data-slot": "tabs-list",
       "data-variant": variant,
-      className: cn18(tabsListVariants({ variant }), className)
+      className: cn19(tabsListVariants({ variant }), className)
     }, props)
   );
 }
 function TabsTrigger(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx38(
     TabsPrimitive.Tab,
     __spreadValues({
       "data-slot": "tabs-trigger",
-      className: cn18(
+      className: cn19(
         "relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-xs font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start group-data-vertical/tabs:py-[calc(--spacing(1.25))] hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5",
         "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent",
         "data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground",
@@ -3448,16 +3589,16 @@ function TabsTrigger(_a) {
 }
 
 // src/components/composed/header-tabs.tsx
-import { jsx as jsx33, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs25 } from "react/jsx-runtime";
 function renderTabIcon(icon) {
   if (!icon) return null;
   if (typeof icon === "function" || typeof icon === "object" && icon !== null && "render" in icon) {
     const IconComp = icon;
-    return /* @__PURE__ */ jsx33(IconComp, {});
+    return /* @__PURE__ */ jsx39(IconComp, {});
   }
   return icon;
 }
-var HeaderTabs = memo3(function HeaderTabs2({
+var HeaderTabs = memo9(function HeaderTabs2({
   items,
   value,
   onValueChange,
@@ -3469,12 +3610,12 @@ var HeaderTabs = memo3(function HeaderTabs2({
     (item) => item.url === pathname || pathname.endsWith(item.url) || pathname.split("/").includes(item.value)
   ) : void 0;
   const activeTab = (_b = value != null ? value : matchedItem == null ? void 0 : matchedItem.value) != null ? _b : (_a = items[0]) == null ? void 0 : _a.value;
-  return /* @__PURE__ */ jsxs21(Tabs, { value: activeTab, onValueChange, className: "space-y-4", children: [
-    /* @__PURE__ */ jsx33("div", { className: "w-full overflow-x-auto overflow-y-hidden border-b no-scrollbar", children: /* @__PURE__ */ jsx33(TabsList, { variant: "line", className: "inline-flex w-max justify-start", children: items.map(({ title, value: tabValue, url, icon }) => /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs25(Tabs, { value: activeTab, onValueChange, className: "space-y-4", children: [
+    /* @__PURE__ */ jsx39("div", { className: "w-full overflow-x-auto overflow-y-hidden border-b no-scrollbar", children: /* @__PURE__ */ jsx39(TabsList, { variant: "line", className: "inline-flex w-max justify-start", children: items.map(({ title, value: tabValue, url, icon }) => /* @__PURE__ */ jsxs25(
       TabsTrigger,
       {
         nativeButton: false,
-        render: /* @__PURE__ */ jsx33(Link2, { href: url }),
+        render: /* @__PURE__ */ jsx39(Link2, { href: url }),
         value: tabValue,
         children: [
           renderTabIcon(icon),
@@ -3488,23 +3629,542 @@ var HeaderTabs = memo3(function HeaderTabs2({
 });
 
 // src/components/composed/header-title.tsx
-import { memo as memo4 } from "react";
-import { jsx as jsx34, jsxs as jsxs22 } from "react/jsx-runtime";
-var HeaderTitle = memo4(function HeaderTitle2({
+import { memo as memo10 } from "react";
+import { jsx as jsx40, jsxs as jsxs26 } from "react/jsx-runtime";
+var HeaderTitle = memo10(function HeaderTitle2({
   title,
   subtitle,
   children
 }) {
-  return /* @__PURE__ */ jsxs22("div", { className: "w-full space-y-4", children: [
-    /* @__PURE__ */ jsxs22("div", { children: [
-      /* @__PURE__ */ jsx34("h1", { className: "font-semibold", children: title }),
-      /* @__PURE__ */ jsx34("p", { className: "text-xs text-muted-foreground", children: subtitle })
+  return /* @__PURE__ */ jsxs26("div", { className: "w-full space-y-4", children: [
+    /* @__PURE__ */ jsxs26("div", { children: [
+      /* @__PURE__ */ jsx40("h1", { className: "font-semibold", children: title }),
+      /* @__PURE__ */ jsx40("p", { className: "text-xs text-muted-foreground", children: subtitle })
     ] }),
     children
   ] });
 });
+
+// src/components/composed/icons/google.tsx
+import { jsx as jsx41, jsxs as jsxs27 } from "react/jsx-runtime";
+function GoogleIcon(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxs27(
+    "svg",
+    __spreadProps(__spreadValues({
+      role: "img",
+      viewBox: "0 0 24 24",
+      "aria-label": "Google logo",
+      className,
+      xmlns: "http://www.w3.org/2000/svg"
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx41(
+          "path",
+          {
+            fill: "#4285F4",
+            d: "M23.745 12.27c0-.7-.06-1.4-.19-2.07H12v4.51h6.6c-.29 1.52-1.14 2.82-2.4 3.68v3.05h3.88c2.27-2.09 3.665-5.17 3.665-9.17z"
+          }
+        ),
+        /* @__PURE__ */ jsx41(
+          "path",
+          {
+            fill: "#34A853",
+            d: "M12 24c3.24 0 5.95-1.08 7.93-2.91l-3.88-3.05c-1.08.72-2.45 1.16-4.05 1.16-3.12 0-5.77-2.1-6.72-4.93H1.24v3.15C3.26 21.36 7.33 24 12 24z"
+          }
+        ),
+        /* @__PURE__ */ jsx41(
+          "path",
+          {
+            fill: "#FBBC05",
+            d: "M5.28 14.27c-.25-.72-.38-1.49-.38-2.27s.13-1.55.38-2.27V6.58H1.24C.45 8.16 0 9.97 0 12s.45 3.84 1.24 5.42l4.04-3.15z"
+          }
+        ),
+        /* @__PURE__ */ jsx41(
+          "path",
+          {
+            fill: "#EA4335",
+            d: "M12 4.75c1.77 0 3.35.61 4.6 1.8l3.42-3.42C17.95 1.19 15.24 0 12 0 7.33 0 3.26 2.64 1.24 6.58l4.04 3.15c.95-2.83 3.6-4.98 6.72-4.98z"
+          }
+        )
+      ]
+    })
+  );
+}
+
+// src/components/composed/login-server.tsx
+import { zodResolver } from "@hookform/resolvers/zod";
+import { cn as cn24 } from "cn";
+import {
+  GalleryVerticalEndIcon,
+  LoaderCircleIcon,
+  LogInIcon
+} from "lucide-react";
+import Link3 from "next/link";
+import { useState as useState6 } from "react";
+import { Controller, useForm } from "react-hook-form";
+import { z } from "zod";
+
+// src/components/ui/card.tsx
+import { cn as cn20 } from "cn";
+import { jsx as jsx42 } from "react/jsx-runtime";
+function Card(_a) {
+  var _b = _a, {
+    className,
+    size = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "size"
+  ]);
+  return /* @__PURE__ */ jsx42(
+    "div",
+    __spreadValues({
+      "data-slot": "card",
+      "data-size": size,
+      className: cn20(
+        "group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-lg bg-card py-(--card-spacing) text-xs/relaxed text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] *:[img:first-child]:rounded-t-lg *:[img:last-child]:rounded-b-lg",
+        className
+      )
+    }, props)
+  );
+}
+function CardHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx42(
+    "div",
+    __spreadValues({
+      "data-slot": "card-header",
+      className: cn20(
+        "group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-lg px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)",
+        className
+      )
+    }, props)
+  );
+}
+function CardTitle(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx42(
+    "div",
+    __spreadValues({
+      "data-slot": "card-title",
+      className: cn20("font-heading text-sm font-medium", className)
+    }, props)
+  );
+}
+function CardDescription(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx42(
+    "div",
+    __spreadValues({
+      "data-slot": "card-description",
+      className: cn20("text-xs/relaxed text-muted-foreground", className)
+    }, props)
+  );
+}
+function CardContent(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx42(
+    "div",
+    __spreadValues({
+      "data-slot": "card-content",
+      className: cn20("px-(--card-spacing)", className)
+    }, props)
+  );
+}
+
+// src/components/ui/field.tsx
+import { cva as cva6 } from "class-variance-authority";
+import { cn as cn22 } from "cn";
+import { useMemo as useMemo4 } from "react";
+
+// src/components/ui/label.tsx
+import { cn as cn21 } from "cn";
+import { jsx as jsx43 } from "react/jsx-runtime";
+function Label(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx43(
+    "label",
+    __spreadValues({
+      "data-slot": "label",
+      className: cn21(
+        "flex items-center gap-2 text-xs/relaxed leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      )
+    }, props)
+  );
+}
+
+// src/components/ui/field.tsx
+import { jsx as jsx44, jsxs as jsxs28 } from "react/jsx-runtime";
+function FieldGroup(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx44(
+    "div",
+    __spreadValues({
+      "data-slot": "field-group",
+      className: cn22(
+        "group/field-group @container/field-group flex w-full flex-col gap-4 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4",
+        className
+      )
+    }, props)
+  );
+}
+var fieldVariants = cva6(
+  "group/field flex w-full gap-2 data-[invalid=true]:text-destructive",
+  {
+    variants: {
+      orientation: {
+        vertical: "flex-col *:w-full [&>.sr-only]:w-auto",
+        horizontal: "flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+        responsive: "flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+      }
+    },
+    defaultVariants: {
+      orientation: "vertical"
+    }
+  }
+);
+function Field(_a) {
+  var _b = _a, {
+    className,
+    orientation = "vertical"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "orientation"
+  ]);
+  return /* @__PURE__ */ jsx44(
+    "div",
+    __spreadValues({
+      role: "group",
+      "data-slot": "field",
+      "data-orientation": orientation,
+      className: cn22(fieldVariants({ orientation }), className)
+    }, props)
+  );
+}
+function FieldLabel(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx44(
+    Label,
+    __spreadValues({
+      "data-slot": "field-label",
+      className: cn22(
+        "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-checked:bg-primary/5 has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border has-[>[data-slot=field]]:not-has-[:disabled,[data-disabled]]:hover:bg-input/40 has-[>[data-slot=field]]:has-[:focus-visible]:border-ring has-[>[data-slot=field]]:has-[:focus-visible]:ring-2 has-[>[data-slot=field]]:has-[:focus-visible]:ring-ring/30 *:data-[slot=field]:p-2 dark:has-data-checked:bg-primary/10",
+        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col",
+        className
+      )
+    }, props)
+  );
+}
+function FieldDescription(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx44(
+    "p",
+    __spreadValues({
+      "data-slot": "field-description",
+      className: cn22(
+        "text-left text-xs/relaxed leading-normal font-normal text-muted-foreground group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5",
+        "last:mt-0 nth-last-2:-mt-1",
+        "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
+        className
+      )
+    }, props)
+  );
+}
+function FieldSeparator(_a) {
+  var _b = _a, {
+    children,
+    className
+  } = _b, props = __objRest(_b, [
+    "children",
+    "className"
+  ]);
+  return /* @__PURE__ */ jsxs28(
+    "div",
+    __spreadProps(__spreadValues({
+      "data-slot": "field-separator",
+      "data-content": !!children,
+      className: cn22(
+        "relative -my-2 h-5 text-xs/relaxed group-data-[variant=outline]/field-group:-mb-2",
+        className
+      )
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx44(Separator, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ jsx44(
+          "span",
+          {
+            className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
+            "data-slot": "field-separator-content",
+            children
+          }
+        )
+      ]
+    })
+  );
+}
+function FieldError(_a) {
+  var _b = _a, {
+    className,
+    children,
+    errors
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "errors"
+  ]);
+  const content = useMemo4(() => {
+    var _a2;
+    if (children) {
+      return children;
+    }
+    if (!(errors == null ? void 0 : errors.length)) {
+      return null;
+    }
+    const uniqueErrors = [
+      ...new Map(errors.map((error) => [error == null ? void 0 : error.message, error])).values()
+    ];
+    if ((uniqueErrors == null ? void 0 : uniqueErrors.length) === 1) {
+      return (_a2 = uniqueErrors[0]) == null ? void 0 : _a2.message;
+    }
+    return /* @__PURE__ */ jsx44("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
+      (error, index) => (error == null ? void 0 : error.message) && /* @__PURE__ */ jsx44("li", { children: error.message }, index)
+    ) });
+  }, [children, errors]);
+  if (!content) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx44(
+    "div",
+    __spreadProps(__spreadValues({
+      role: "alert",
+      "data-slot": "field-error",
+      className: cn22("text-xs/relaxed font-normal text-destructive", className)
+    }, props), {
+      children: content
+    })
+  );
+}
+
+// src/components/ui/toast.tsx
+import { Toast as ToastPrimitive } from "@base-ui/react/toast";
+import { cn as cn23 } from "cn";
+import {
+  CircleCheckIcon,
+  InfoIcon,
+  Loader2Icon,
+  OctagonXIcon,
+  TriangleAlertIcon,
+  XIcon as XIcon3
+} from "lucide-react";
+import { jsx as jsx45, jsxs as jsxs29 } from "react/jsx-runtime";
+var toast = ToastPrimitive.createToastManager();
+var createToastManager = ToastPrimitive.createToastManager;
+var useToastManager = ToastPrimitive.useToastManager;
+
+// src/components/composed/login-server.tsx
+import { jsx as jsx46, jsxs as jsxs30 } from "react/jsx-runtime";
+var loginSchema = z.object({
+  email: z.string().trim().toLowerCase().min(1, "Email is required").max(254, "Email is too long").pipe(z.email("Invalid email format")),
+  password: z.string().min(1, "Password is required").min(8, "Password must be at least 8 characters").max(128, "Password must not exceed 128 characters")
+});
+function LoginServer({
+  onSubmit,
+  onGoogleSignIn,
+  isSubmitting: externalIsSubmitting
+}) {
+  const [isRedirecting, setIsRedirecting] = useState6(false);
+  const [isGoogleLoading, setIsGoogleLoading] = useState6(false);
+  const form = useForm({
+    resolver: zodResolver(loginSchema),
+    defaultValues: {
+      email: "",
+      password: ""
+    }
+  });
+  const isPending = externalIsSubmitting != null ? externalIsSubmitting : form.formState.isSubmitting || isRedirecting || isGoogleLoading;
+  const handleFormSubmit = async (values) => {
+    try {
+      if (!onSubmit) {
+        toast.add({
+          description: "Login action handler is not configured."
+        });
+        return;
+      }
+      const res = await onSubmit(values);
+      if (res && typeof res === "object" && "error" in res && typeof res.error === "string" && res.error) {
+        setIsRedirecting(false);
+        toast.add({ description: res.error });
+        return;
+      }
+      setIsRedirecting(true);
+    } catch (e) {
+      setIsRedirecting(false);
+      toast.add({ description: "Unable to process your login request." });
+    }
+  };
+  const handleGoogleSignIn = async () => {
+    if (isPending) return;
+    if (!onGoogleSignIn) {
+      toast.add({
+        description: "Google Sign-In is not currently available."
+      });
+      return;
+    }
+    try {
+      setIsGoogleLoading(true);
+      await onGoogleSignIn();
+    } catch (e) {
+      setIsGoogleLoading(false);
+      toast.add({ description: "Google Sign-In failed to initialize." });
+    }
+  };
+  return /* @__PURE__ */ jsx46("div", { className: "flex min-h-svh flex-col items-center justify-center gap-6 bg-muted p-6 md:p-10", children: /* @__PURE__ */ jsxs30("div", { className: "flex w-full max-w-sm flex-col gap-6", children: [
+    /* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-2 self-center font-medium", children: [
+      /* @__PURE__ */ jsx46("div", { className: "flex size-6 items-center justify-center rounded-md bg-primary text-primary-foreground", children: /* @__PURE__ */ jsx46(GalleryVerticalEndIcon, { className: "size-4" }) }),
+      "Prediktif"
+    ] }),
+    /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-6", children: [
+      /* @__PURE__ */ jsxs30(Card, { children: [
+        /* @__PURE__ */ jsxs30(CardHeader, { className: "text-center", children: [
+          /* @__PURE__ */ jsx46(CardTitle, { children: "Welcome back" }),
+          /* @__PURE__ */ jsx46(CardDescription, { children: "Login with your Google account" })
+        ] }),
+        /* @__PURE__ */ jsx46(CardContent, { children: /* @__PURE__ */ jsx46("form", { onSubmit: form.handleSubmit(handleFormSubmit), noValidate: true, children: /* @__PURE__ */ jsxs30(FieldGroup, { children: [
+          /* @__PURE__ */ jsx46(Field, { children: /* @__PURE__ */ jsxs30(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              disabled: isPending,
+              onClick: handleGoogleSignIn,
+              children: [
+                isGoogleLoading ? /* @__PURE__ */ jsx46(
+                  LoaderCircleIcon,
+                  {
+                    className: "animate-spin",
+                    "data-icon": "inline-start"
+                  }
+                ) : /* @__PURE__ */ jsx46(GoogleIcon, { className: "size-4 shrink-0" }),
+                "Login with Google"
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx46(FieldSeparator, { className: "*:data-[slot=field-separator-content]:bg-card", children: "Or continue with" }),
+          /* @__PURE__ */ jsx46(
+            Controller,
+            {
+              name: "email",
+              control: form.control,
+              render: ({ field, fieldState }) => /* @__PURE__ */ jsxs30(Field, { "data-invalid": fieldState.invalid, children: [
+                /* @__PURE__ */ jsx46(FieldLabel, { htmlFor: field.name, children: "Email" }),
+                /* @__PURE__ */ jsx46(
+                  Input,
+                  __spreadProps(__spreadValues({}, field), {
+                    id: field.name,
+                    "aria-invalid": fieldState.invalid,
+                    disabled: isPending,
+                    placeholder: "m@example.com",
+                    type: "email",
+                    autoComplete: "email"
+                  })
+                ),
+                /* @__PURE__ */ jsx46(FieldDescription, { children: "Enter the email address associated with your account." }),
+                fieldState.invalid && /* @__PURE__ */ jsx46(FieldError, { errors: [fieldState.error] })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx46(
+            Controller,
+            {
+              name: "password",
+              control: form.control,
+              render: ({ field, fieldState }) => /* @__PURE__ */ jsxs30(Field, { "data-invalid": fieldState.invalid, children: [
+                /* @__PURE__ */ jsxs30("div", { className: "flex items-center", children: [
+                  /* @__PURE__ */ jsx46(FieldLabel, { htmlFor: field.name, children: "Password" }),
+                  /* @__PURE__ */ jsx46(
+                    Link3,
+                    {
+                      href: "/forgot-password",
+                      className: "ml-auto inline-block underline-offset-4 hover:underline",
+                      children: "Forgot your password?"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx46(
+                  Input,
+                  __spreadProps(__spreadValues({}, field), {
+                    id: field.name,
+                    "aria-invalid": fieldState.invalid,
+                    disabled: isPending,
+                    placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
+                    type: "password",
+                    autoComplete: "current-password"
+                  })
+                ),
+                /* @__PURE__ */ jsx46(FieldDescription, { children: "Enter your account password." }),
+                fieldState.invalid && /* @__PURE__ */ jsx46(FieldError, { errors: [fieldState.error] })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsxs30(Field, { children: [
+            /* @__PURE__ */ jsxs30(
+              Button,
+              {
+                type: "submit",
+                disabled: isPending,
+                className: "w-full",
+                children: [
+                  /* @__PURE__ */ jsx46(
+                    LoaderCircleIcon,
+                    {
+                      className: cn24(
+                        "animate-spin",
+                        isPending && !isGoogleLoading ? "block" : "hidden"
+                      ),
+                      "data-icon": "inline-start"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx46(
+                    LogInIcon,
+                    {
+                      className: cn24(
+                        !isPending || isGoogleLoading ? "block" : "hidden"
+                      ),
+                      "data-icon": "inline-start"
+                    }
+                  ),
+                  isRedirecting ? "Redirecting to application..." : form.formState.isSubmitting ? "Signing in..." : "Login"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs30(FieldDescription, { className: "text-center", children: [
+              "Don't have an account?",
+              " ",
+              /* @__PURE__ */ jsx46(Link3, { href: "/register", children: "Sign up" })
+            ] })
+          ] })
+        ] }) }) })
+      ] }),
+      /* @__PURE__ */ jsxs30(FieldDescription, { className: "px-6 text-center", children: [
+        "By clicking continue, you agree to our",
+        " ",
+        /* @__PURE__ */ jsx46(Link3, { href: "/terms", children: "Terms of Service" }),
+        " and",
+        " ",
+        /* @__PURE__ */ jsx46(Link3, { href: "/privacy", children: "Privacy Policy" }),
+        "."
+      ] })
+    ] })
+  ] }) });
+}
 export {
   AppSidebar,
+  AvatarUser,
   DataTable,
   DataTableContentBody,
   DataTableContentHeader,
@@ -3517,16 +4177,24 @@ export {
   DataTableHeaderSearch,
   DataTableHeaderSort,
   DataTableHeaderToggle,
+  EmailLabel,
+  EmailVerified,
+  GoogleIcon,
   HeaderTabs,
   HeaderTitle,
+  JoinedLabel,
+  LoginServer,
   RowActions,
   StateEmpty,
+  UserRole,
+  UserStatus,
   exportToCSV,
   exportToPDF,
   exportToXLSX,
   features,
   flexRender3 as flexRender,
   getTableExportData,
+  loginSchema,
   printTable,
   smartFilterFn,
   useTable