@chaibuilder/pages 0.14.0 → 0.14.2

package/dist/{digital-asset-manager-BAFTqxsM.js → digital-asset-manager-Bb81T3mS.js}

@@ -1,63 +1,63 @@
-import { jsxs as l, jsx as e, Fragment as Q } from "react/jsx-runtime";
+import { jsxs as a, jsx as e, Fragment as Q } from "react/jsx-runtime";
 import { mergeClasses as ce } from "@chaibuilder/sdk";
 import { Button as g, Input as oe, Label as _, Textarea as ze, TooltipProvider as B, Tooltip as M, TooltipTrigger as $, TooltipContent as P, Dialog as De, DialogContent as je, DialogHeader as Fe, DialogTitle as Ue, DialogDescription as Le, DialogFooter as Be, Switch as Me } from "@chaibuilder/sdk/ui";
 import { find as $e, merge as Pe, pick as Oe, first as qe, isEmpty as Ke } from "lodash-es";
-import { ChevronLeft as de, ChevronRight as Ge, Loader as O, AlertCircle as Re, Copy as me, Pencil as _e, Link as Qe, Search as We, RefreshCwIcon as Ve, Archive as He, Film as Xe, ImageIcon as Ze, Edit as Je, Trash2 as Ye, Check as et, Upload as tt, AlertTriangle as it } from "lucide-react";
-import ue, { createContext as rt, Component as at, createElement as le, useState as b, useMemo as he, useEffect as W, useCallback as L, Suspense as lt } from "react";
+import { ChevronLeft as de, ChevronRight as Ge, Loader as O, AlertCircle as Re, Copy as me, Pencil as _e, Link as Qe, Search as We, RefreshCwIcon as Ve, Archive as He, Film as Je, ImageIcon as Xe, Edit as Ze, Trash2 as Ye, Check as et, Upload as tt, AlertTriangle as it } from "lucide-react";
+import ue, { createContext as rt, Component as lt, createElement as ae, useState as b, useMemo as he, useEffect as W, useCallback as L, Suspense as at } from "react";
 import { useDropzone as nt } from "react-dropzone";
 import { toast as A } from "sonner";
 import { f as st, c as ct } from "./image-compression-DsZ1oqpb.js";
-import { useQueryClient as J, useMutation as Y, useQuery as fe } from "@tanstack/react-query";
-import { aI as q, aj as K, A as E } from "./index-D7kegQ3M.js";
-const ot = rt(null), Z = {
+import { useQueryClient as Z, useMutation as Y, useQuery as fe } from "@tanstack/react-query";
+import { aJ as q, al as K, A as E } from "./index-DFvsMFVH.js";
+const ot = rt(null), X = {
   didCatch: !1,
   error: null
 };
-class dt extends at {
-  constructor(a) {
-    super(a), this.resetErrorBoundary = this.resetErrorBoundary.bind(this), this.state = Z;
+class dt extends lt {
+  constructor(l) {
+    super(l), this.resetErrorBoundary = this.resetErrorBoundary.bind(this), this.state = X;
   }
-  static getDerivedStateFromError(a) {
+  static getDerivedStateFromError(l) {
     return {
       didCatch: !0,
-      error: a
+      error: l
     };
   }
   resetErrorBoundary() {
     const {
-      error: a
+      error: l
     } = this.state;
-    if (a !== null) {
+    if (l !== null) {
       for (var c, i, o = arguments.length, r = new Array(o), d = 0; d < o; d++)
         r[d] = arguments[d];
       (c = (i = this.props).onReset) === null || c === void 0 || c.call(i, {
         args: r,
         reason: "imperative-api"
-      }), this.setState(Z);
+      }), this.setState(X);
     }
   }
-  componentDidCatch(a, c) {
+  componentDidCatch(l, c) {
     var i, o;
-    (i = (o = this.props).onError) === null || i === void 0 || i.call(o, a, c);
+    (i = (o = this.props).onError) === null || i === void 0 || i.call(o, l, c);
   }
-  componentDidUpdate(a, c) {
+  componentDidUpdate(l, c) {
     const {
       didCatch: i
     } = this.state, {
       resetKeys: o
     } = this.props;
-    if (i && c.error !== null && mt(a.resetKeys, o)) {
+    if (i && c.error !== null && mt(l.resetKeys, o)) {
       var r, d;
       (r = (d = this.props).onReset) === null || r === void 0 || r.call(d, {
         next: o,
-        prev: a.resetKeys,
+        prev: l.resetKeys,
         reason: "keys"
-      }), this.setState(Z);
+      }), this.setState(X);
     }
   }
   render() {
     const {
-      children: a,
+      children: l,
       fallbackRender: c,
       FallbackComponent: i,
       fallback: o
@@ -65,7 +65,7 @@ class dt extends at {
       didCatch: r,
       error: d
     } = this.state;
-    let v = a;
+    let v = l;
     if (r) {
       const y = {
         error: d,
@@ -74,13 +74,13 @@ class dt extends at {
       if (typeof c == "function")
         v = c(y);
       else if (i)
-        v = le(i, y);
+        v = ae(i, y);
       else if (o !== void 0)
         v = o;
       else
         throw d;
     }
-    return le(ot.Provider, {
+    return ae(ot.Provider, {
       value: {
         didCatch: r,
         error: d,
@@ -90,11 +90,11 @@ class dt extends at {
   }
 }
 function mt() {
-  let s = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
-  return s.length !== a.length || s.some((c, i) => !Object.is(c, a[i]));
+  let s = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], l = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
+  return s.length !== l.length || s.some((c, i) => !Object.is(c, l[i]));
 }
 const ut = () => {
-  const s = q(), a = J(), c = K();
+  const s = q(), l = Z(), c = K();
   return Y({
     mutationFn: async (i) => {
       const o = i.map(async (d) => c(s, {
@@ -108,7 +108,7 @@ const ut = () => {
       if (i != null && i.some((r) => r.error))
         throw new Error(((o = i == null ? void 0 : i.find((r) => r.error)) == null ? void 0 : o.error) || "Failed to upload asset");
       {
-        a.invalidateQueries({
+        l.invalidateQueries({
           queryKey: [E.GET_ASSETS]
         });
         const r = i == null ? void 0 : i.length;
@@ -120,7 +120,7 @@ const ut = () => {
     }
   });
 }, ht = () => {
-  const s = q(), a = J(), c = K();
+  const s = q(), l = Z(), c = K();
   return Y({
     mutationFn: async (i) => c(s, {
       action: E.DELETE_ASSET,
@@ -129,7 +129,7 @@ const ut = () => {
     onSuccess: (i) => {
       if (i != null && i.error)
         throw new Error(i == null ? void 0 : i.error);
-      a.invalidateQueries({
+      l.invalidateQueries({
         queryKey: [E.GET_ASSETS]
       }), A.success("Asset deleted successfully");
     },
@@ -138,7 +138,7 @@ const ut = () => {
     }
   });
 }, ft = () => {
-  const s = q(), a = J(), c = K();
+  const s = q(), l = Z(), c = K();
   return Y({
     mutationFn: async (i) => c(s, {
       action: E.UPDATE_ASSET,
@@ -147,7 +147,7 @@ const ut = () => {
     onSuccess: (i) => {
       if (i != null && i.error)
         throw new Error(i == null ? void 0 : i.error);
-      a.invalidateQueries({
+      l.invalidateQueries({
         queryKey: [E.GET_ASSETS]
       }), A.success("Asset updated successfully");
     },
@@ -158,7 +158,7 @@ const ut = () => {
 };
 function pt({
   currentPage: s,
-  totalPages: a,
+  totalPages: l,
   onPageChange: c,
   pageRangeDisplayed: i = 3,
   showPageInput: o = !0,
@@ -166,28 +166,28 @@ function pt({
 }) {
   const [d, v] = b(String(s)), y = he(() => {
     const n = Math.floor(i / 2);
-    let m = Math.max(1, s - n), h = Math.min(a, s + n);
-    h - m + 1 < i && (m === 1 ? h = Math.min(a, m + i - 1) : h === a && (m = Math.max(1, h - i + 1)));
+    let m = Math.max(1, s - n), h = Math.min(l, s + n);
+    h - m + 1 < i && (m === 1 ? h = Math.min(l, m + i - 1) : h === l && (m = Math.max(1, h - i + 1)));
     const x = [];
     m > 1 && (x.push(1), m > 2 && x.push("..."));
     for (let N = m; N <= h; N++)
       x.push(N);
-    return h < a && (h < a - 1 && x.push("..."), x.push(a)), x;
-  }, [s, a, i]), p = (n) => {
-    n !== s && n >= 1 && n <= a && (c(n), v(String(n)));
+    return h < l && (h < l - 1 && x.push("..."), x.push(l)), x;
+  }, [s, l, i]), p = (n) => {
+    n !== s && n >= 1 && n <= l && (c(n), v(String(n)));
   }, w = () => {
     s > 1 && p(s - 1);
   }, S = () => {
-    s < a && p(s + 1);
+    s < l && p(s + 1);
   }, C = () => {
     const n = Number(d);
-    !isNaN(n) && n >= 1 && n <= a && p(n);
+    !isNaN(n) && n >= 1 && n <= l && p(n);
   }, f = (n) => {
     n.key === "Enter" && C();
   };
-  return a <= 1 ? null : /* @__PURE__ */ l("div", { className: `flex flex-wrap items-center justify-center gap-3 ${r}`, children: [
-    /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ l(
+  return l <= 1 ? null : /* @__PURE__ */ a("div", { className: `flex flex-wrap items-center justify-center gap-3 ${r}`, children: [
+    /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ a(
         g,
         {
           variant: "outline",
@@ -217,13 +217,13 @@ function pt({
           h
         );
       }) }),
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ a(
         g,
         {
           variant: "outline",
           size: "sm",
           onClick: S,
-          disabled: s === a,
+          disabled: s === l,
           className: "px-2 py-1 text-sm hover:bg-gray-50",
           children: [
             "Next",
@@ -232,14 +232,14 @@ function pt({
         }
       )
     ] }),
-    o && /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+    o && /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: "Go to" }),
       /* @__PURE__ */ e(
         oe,
         {
           type: "number",
           min: 1,
-          max: a,
+          max: l,
           value: d,
           onChange: (n) => {
             const m = n.target.value.replace(/[^\d]/g, "");
@@ -255,7 +255,7 @@ function pt({
           variant: "outline",
           size: "sm",
           onClick: C,
-          disabled: d === "" || Number(d) < 1 || Number(d) > a,
+          disabled: d === "" || Number(d) < 1 || Number(d) > l,
           children: "Go"
         }
       )
@@ -263,11 +263,11 @@ function pt({
   ] });
 }
 const gt = (s = {}) => {
-  const a = q(), c = K(), { search: i, page: o = 1, limit: r = 30 } = s;
+  const l = q(), c = K(), { search: i, page: o = 1, limit: r = 30 } = s;
   return fe({
     queryKey: [E.GET_ASSETS, i, o, r],
     queryFn: async () => {
-      const d = await c(a, {
+      const d = await c(l, {
         action: E.GET_ASSETS,
         data: {
           search: i,
@@ -281,10 +281,10 @@ const gt = (s = {}) => {
     retry: 1
   });
 }, vt = (s) => {
-  const a = q(), c = K();
+  const l = q(), c = K();
   return fe({
     queryKey: [E.GET_ASSET, s],
-    queryFn: async () => s ? await c(a, {
+    queryFn: async () => s ? await c(l, {
       action: E.GET_ASSET,
       data: { id: s }
     }) : null,
@@ -293,27 +293,27 @@ const gt = (s = {}) => {
   });
 };
 function xt(s) {
-  const a = isNaN(s) ? 0 : typeof s == "number" ? s : parseInt(s);
-  return a ? a < 1024 ? `${a.toFixed(2)} B` : a < 1024 * 1024 ? `${(a / 1024).toFixed(2)} KB` : `${(a / (1024 * 1024)).toFixed(2)} MB` : "0 B";
+  const l = isNaN(s) ? 0 : typeof s == "number" ? s : parseInt(s);
+  return l ? l < 1024 ? `${l.toFixed(2)} B` : l < 1024 * 1024 ? `${(l / 1024).toFixed(2)} KB` : `${(l / (1024 * 1024)).toFixed(2)} MB` : "0 B";
 }
 function ne(s) {
   if (!s) return "N/A";
-  const a = new Date(s);
+  const l = new Date(s);
   return new Intl.DateTimeFormat("en-US", {
     month: "short",
     day: "numeric",
     year: "numeric",
     hour: "2-digit",
     minute: "2-digit"
-  }).format(a);
+  }).format(l);
 }
-function se(s, a) {
-  let c = s, i = a == null ? void 0 : a.description;
+function se(s, l) {
+  let c = s, i = l == null ? void 0 : l.description;
   return (!i || typeof i != "string") && (i = ""), (!c || typeof c != "string") && (c = ""), c !== i;
 }
 const yt = ({
   assetId: s,
-  onBack: a,
+  onBack: l,
   onEdit: c,
   onSave: i,
   isSaving: o
@@ -330,12 +330,12 @@ const yt = ({
   };
   return ue.useEffect(() => {
     r != null && r.description && p(r.description);
-  }, [r]), d ? /* @__PURE__ */ e("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ e(O, { className: "h-8 w-8 animate-spin" }) }) : v || !(r != null && r.id) ? /* @__PURE__ */ e("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ l("div", { className: "text-center max-w-md mx-auto p-6", children: [
+  }, [r]), d ? /* @__PURE__ */ e("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ e(O, { className: "h-8 w-8 animate-spin" }) }) : v || !(r != null && r.id) ? /* @__PURE__ */ e("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ a("div", { className: "text-center max-w-md mx-auto p-6", children: [
     /* @__PURE__ */ e("div", { className: "flex justify-center mb-4", children: /* @__PURE__ */ e(Re, { className: "h-12 w-12 text-gray-400" }) }),
     /* @__PURE__ */ e("h3", { className: "text-lg font-medium text-gray-900 mb-2", children: "No Asset Found" }),
     /* @__PURE__ */ e("p", { className: "text-sm text-gray-500 mb-6", children: v ? "There was an error loading the asset. Please try again later." : "The asset you're looking for doesn't exist or has been removed." }),
-    /* @__PURE__ */ l("div", { className: "flex justify-center gap-4", children: [
-      /* @__PURE__ */ e(g, { variant: "outline", onClick: a, children: "Back to Assets" }),
+    /* @__PURE__ */ a("div", { className: "flex justify-center gap-4", children: [
+      /* @__PURE__ */ e(g, { variant: "outline", onClick: l, children: "Back to Assets" }),
       v && /* @__PURE__ */ e(
         g,
         {
@@ -345,14 +345,14 @@ const yt = ({
         }
       )
     ] })
-  ] }) }) : /* @__PURE__ */ l("div", { className: "flex-1 flex flex-col gap-y-4 overflow-hidden", children: [
-    /* @__PURE__ */ l("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ l(
+  ] }) }) : /* @__PURE__ */ a("div", { className: "flex-1 flex flex-col gap-y-4 overflow-hidden", children: [
+    /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ a(
         g,
         {
           variant: "outline",
           size: "sm",
-          onClick: a,
+          onClick: l,
           disabled: o,
           children: [
             /* @__PURE__ */ e(de, { className: "h-4 w-4" }),
@@ -360,9 +360,9 @@ const yt = ({
           ]
         }
       ),
-      /* @__PURE__ */ l("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ e(g, { variant: "outline", onClick: a, disabled: o, children: "Cancel" }),
-        /* @__PURE__ */ l(
+      /* @__PURE__ */ a("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ e(g, { variant: "outline", onClick: l, disabled: o, children: "Cancel" }),
+        /* @__PURE__ */ a(
           g,
           {
             variant: "outline",
@@ -374,7 +374,7 @@ const yt = ({
             ]
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ a(
           g,
           {
             variant: "default",
@@ -388,7 +388,7 @@ const yt = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ l("div", { className: "grid grid-cols-2 items-start gap-6 flex-1 overflow-hidden", children: [
+    /* @__PURE__ */ a("div", { className: "grid grid-cols-2 items-start gap-6 flex-1 overflow-hidden", children: [
       /* @__PURE__ */ e("div", { className: "relative h-[calc(80vh-200px)] w-full flex items-start justify-center", children: /* @__PURE__ */ e(
         "img",
         {
@@ -397,8 +397,8 @@ const yt = ({
           className: "w-full h-full object-contain rounded-lg max-h-max max-w-max"
         }
       ) }),
-      /* @__PURE__ */ l("div", { className: "space-y-6", children: [
-        /* @__PURE__ */ l("div", { className: "grid gap-3 border rounded-md pt-2 bg-gray-100", children: [
+      /* @__PURE__ */ a("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ a("div", { className: "grid gap-3 border rounded-md pt-2 bg-gray-100", children: [
           /* @__PURE__ */ e(_, { className: "w-full text-center", children: "Details" }),
           /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-2 text-sm border rounded-md p-2 bg-white", children: [
             { label: "File Name", value: r.name },
@@ -431,10 +431,10 @@ const yt = ({
               value: r.url,
               copyable: !0
             }
-          ].map((n) => /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+          ].map((n) => /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ e(_, { className: "w-max text-left px-2 w-1/4 font-normal text-gray-700", children: n.label }),
             ":",
-            /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ e(
                 "div",
                 {
@@ -455,18 +455,18 @@ const yt = ({
             ] })
           ] }, n.label)) })
         ] }),
-        r.usedOn && r.usedOn.length > 0 && /* @__PURE__ */ l("div", { className: "grid gap-3", children: [
+        r.usedOn && r.usedOn.length > 0 && /* @__PURE__ */ a("div", { className: "grid gap-3", children: [
           /* @__PURE__ */ e(_, { children: "Used On" }),
-          /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-2 text-sm border rounded-md p-2", children: r.usedOn.map((n, m) => /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e("div", { className: "grid grid-cols-1 gap-2 text-sm border rounded-md p-2", children: r.usedOn.map((n, m) => /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ e("div", { className: "w-max text-left font-medium text-gray-900", children: n.name }),
-            /* @__PURE__ */ l("div", { className: "text-gray-500", children: [
+            /* @__PURE__ */ a("div", { className: "text-gray-500", children: [
               "(",
               n.slug,
               ")"
             ] })
           ] }, m)) })
         ] }),
-        /* @__PURE__ */ l("div", { className: "grid gap-3 border rounded-md pt-2 bg-gray-100 relative", children: [
+        /* @__PURE__ */ a("div", { className: "grid gap-3 border rounded-md pt-2 bg-gray-100 relative", children: [
           /* @__PURE__ */ e(_, { className: "w-full text-center", children: "Description" }),
           /* @__PURE__ */ e(
             ze,
@@ -487,7 +487,7 @@ const yt = ({
               onClick: () => i(y),
               disabled: o || !se(y, r),
               className: `py-0 bg-blue-500 text-white px-3 py-0.5 rounded-md text-sm ${o || !se(y, r) ? "opacity-50 cursor-not-allowed" : ""}`,
-              children: o ? /* @__PURE__ */ l(Q, { children: [
+              children: o ? /* @__PURE__ */ a(Q, { children: [
                 /* @__PURE__ */ e(O, { className: "h-4 w-4 mr-2 animate-spin" }),
                 "Saving..."
               ] }) : "Save"
@@ -497,7 +497,7 @@ const yt = ({
       ] })
     ] })
   ] });
-}, Nt = ue.lazy(() => import("./image-editor-CzFST20j.js")), bt = 25 * 1024 * 1024, wt = ({ isUpdatingAsset: s, allowedTypes: a, uploadAssets: c, isUploadingAsset: i, onUploaded: o }) => {
+}, Nt = ue.lazy(() => import("./image-editor-CzFST20j.js")), bt = 25 * 1024 * 1024, wt = ({ isUpdatingAsset: s, allowedTypes: l, uploadAssets: c, isUploadingAsset: i, onUploaded: o }) => {
   const [r, d] = b(() => {
     const f = localStorage.getItem("chai_optimize_images");
     return f !== null ? f === "true" : !0;
@@ -542,7 +542,7 @@ const yt = ({
   }, { getRootProps: w, getInputProps: S, isDragActive: C } = nt({
     onDrop: p,
     accept: {
-      "image/*": a.includes("image") ? [] : []
+      "image/*": l.includes("image") ? [] : []
     },
     disabled: s || i,
     multiple: !0
@@ -551,7 +551,7 @@ const yt = ({
     "div",
     {
       className: `flex h-[60px] w-full flex-col items-center justify-center rounded-lg border-2 border-dashed border-slate-300 p-0 py-2 hover:border-black/50 ${v ? "pointer-events-none bg-gray-100 opacity-90" : "bg-gray-100 hover:border-black/50 hover:bg-gray-100"}`,
-      children: /* @__PURE__ */ l(
+      children: /* @__PURE__ */ a(
         "div",
         {
           ...w(),
@@ -562,18 +562,18 @@ const yt = ({
           ),
           children: [
             /* @__PURE__ */ e("input", { ...S() }),
-            v ? /* @__PURE__ */ e("div", { className: "flex flex-col items-center px-6", children: /* @__PURE__ */ l("div", { className: "flex items-center justify-center gap-2 leading-tight", children: [
+            v ? /* @__PURE__ */ e("div", { className: "flex flex-col items-center px-6", children: /* @__PURE__ */ a("div", { className: "flex items-center justify-center gap-2 leading-tight", children: [
               /* @__PURE__ */ e("div", { className: "flex items-center justify-center rounded-full bg-indigo-100 p-2", children: /* @__PURE__ */ e(O, { className: "h-4 w-4 animate-spin text-indigo-500" }) }),
-              /* @__PURE__ */ l("div", { className: "text-left", children: [
+              /* @__PURE__ */ a("div", { className: "text-left", children: [
                 /* @__PURE__ */ e("div", { className: "font-medium", children: s ? "Updating file..." : "Uploading file..." }),
-                /* @__PURE__ */ l("div", { className: "text-xs font-light text-muted-foreground", children: [
+                /* @__PURE__ */ a("div", { className: "text-xs font-light text-muted-foreground", children: [
                   "Please wait while we ",
                   s ? "update" : "upload",
                   " your file..."
                 ] })
               ] })
-            ] }) }) : /* @__PURE__ */ l("div", { className: "flex w-full items-center justify-between px-6", children: [
-              /* @__PURE__ */ e("div", { className: "flex flex-col items-center", children: /* @__PURE__ */ l("div", { className: "flex items-center justify-between gap-2 leading-tight", children: [
+            ] }) }) : /* @__PURE__ */ a("div", { className: "flex w-full items-center justify-between px-6", children: [
+              /* @__PURE__ */ e("div", { className: "flex flex-col items-center", children: /* @__PURE__ */ a("div", { className: "flex items-center justify-between gap-2 leading-tight", children: [
                 /* @__PURE__ */ e(
                   "div",
                   {
@@ -581,21 +581,21 @@ const yt = ({
                     children: /* @__PURE__ */ e(tt, { className: "h-4 w-4 text-indigo-500" })
                   }
                 ),
-                /* @__PURE__ */ l("div", { className: "text-left", children: [
-                  /* @__PURE__ */ l("div", { className: "font-medium", children: [
+                /* @__PURE__ */ a("div", { className: "text-left", children: [
+                  /* @__PURE__ */ a("div", { className: "font-medium", children: [
                     "Drop your file here or",
                     " ",
                     /* @__PURE__ */ e("span", { className: "cursor-pointer text-indigo-500 hover:underline", children: "browse" })
                   ] }),
-                  /* @__PURE__ */ e("div", { className: "text-xs font-light text-muted-foreground", children: /* @__PURE__ */ l("span", { className: "", children: [
+                  /* @__PURE__ */ e("div", { className: "text-xs font-light text-muted-foreground", children: /* @__PURE__ */ a("span", { className: "", children: [
                     "Accepted file types: ",
-                    /* @__PURE__ */ e("span", { className: "capitalize text-indigo-400", children: a.join(", ") })
+                    /* @__PURE__ */ e("span", { className: "capitalize text-indigo-400", children: l.join(", ") })
                   ] }) })
                 ] })
               ] }) }),
-              /* @__PURE__ */ l("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
-                /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ l("span", { className: "text-xs", children: [
+              /* @__PURE__ */ a("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+                /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ a("span", { className: "text-xs", children: [
                     "Optimization:",
                     " ",
                     /* @__PURE__ */ e("span", { className: r ? "text-indigo-600" : "text-gray-400", children: r ? "On" : "Off" })
@@ -614,7 +614,7 @@ const yt = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ e(B, { children: /* @__PURE__ */ l(M, { children: [
+                /* @__PURE__ */ e(B, { children: /* @__PURE__ */ a(M, { children: [
                   /* @__PURE__ */ e($, { asChild: !0, children: /* @__PURE__ */ e(
                     "span",
                     {
@@ -622,7 +622,7 @@ const yt = ({
                       children: /* @__PURE__ */ e(it, { className: "mr-1 h-4 w-4" })
                     }
                   ) }),
-                  /* @__PURE__ */ e(P, { side: "top", children: /* @__PURE__ */ l("p", { className: "text-xs text-white", children: [
+                  /* @__PURE__ */ e(P, { side: "top", children: /* @__PURE__ */ a("p", { className: "text-xs text-white", children: [
                     "Warning: Unoptimized images may affect ",
                     /* @__PURE__ */ e("br", {}),
                     " performance and page load times"
@@ -636,8 +636,8 @@ const yt = ({
     }
   );
 };
-function Ut({ close: s, onSelect: a, mode: c = "image", assetId: i }) {
-  const d = he(() => [c], [c]), [v, y] = b(null), [p, w] = b(null), [S, C] = b(null), [f, n] = b({ show: !1, file: "" }), [m, h] = b(!1), [x, N] = b(i ? "details" : "grid"), [z, V] = b(""), [D, j] = b(""), [G, H] = b(1), [ee] = b(30), [k, X] = b([]);
+function Ut({ close: s, onSelect: l, mode: c = "image", assetId: i }) {
+  const d = he(() => [c], [c]), [v, y] = b(null), [p, w] = b(null), [S, C] = b(null), [f, n] = b({ show: !1, file: "" }), [m, h] = b(!1), [x, N] = b(i ? "details" : "grid"), [z, V] = b(""), [D, j] = b(""), [G, H] = b(1), [ee] = b(30), [k, J] = b([]);
   W(() => {
     i && (y(i), N("details"));
   }, [i]), W(() => {
@@ -654,27 +654,27 @@ function Ut({ close: s, onSelect: a, mode: c = "image", assetId: i }) {
     search: z.toLowerCase().trim(),
     page: G,
     limit: ee
-  }), T = (F == null ? void 0 : F.assets) || [], ge = (F == null ? void 0 : F.total) || 0, I = Math.ceil(ge / ee);
+  }), I = (F == null ? void 0 : F.assets) || [], ge = (F == null ? void 0 : F.total) || 0, T = Math.ceil(ge / ee);
   W(() => {
-    R || I <= 0 || H((t) => t > I ? I : t < 1 ? 1 : t);
-  }, [R, I]);
-  const ve = (T == null ? void 0 : T.length) > 0, { mutate: xe } = ht(), { mutateAsync: te, isPending: ye } = ut(), { mutate: ie, isPending: Ne } = ft(), re = L(
+    R || T <= 0 || H((t) => t > T ? T : t < 1 ? 1 : t);
+  }, [R, T]);
+  const ve = (I == null ? void 0 : I.length) > 0, { mutate: xe } = ht(), { mutateAsync: te, isPending: ye } = ut(), { mutate: ie, isPending: Ne } = ft(), re = L(
     (t) => {
-      const u = Math.min(Math.max(1, t), Math.max(1, I));
+      const u = Math.min(Math.max(1, t), Math.max(1, T));
       u !== G && H(u);
     },
-    [I, G]
+    [T, G]
   ), be = (t) => {
     j(t.target.value);
   }, we = L(
     (t) => {
-      X((u) => $e(u, { id: t.id }) ? [] : [t]);
+      J((u) => $e(u, { id: t.id }) ? [] : [t]);
     },
     [!1]
   ), Ce = L(() => {
-    X([]);
-  }, []), ae = (t) => {
-    (t == null ? void 0 : t.length) !== 0 && (a(Oe(qe(t || k), ["id", "url", "width", "height", "description"])), s());
+    J([]);
+  }, []), le = (t) => {
+    (t == null ? void 0 : t.length) !== 0 && (l(Oe(qe(t || k), ["id", "url", "width", "height", "description"])), s());
   }, Ae = async (t) => {
     w(t);
   }, Se = async () => {
@@ -705,18 +705,18 @@ function Ut({ close: s, onSelect: a, mode: c = "image", assetId: i }) {
     } catch (U) {
       console.error("Error saving edited image:", U);
     }
-  }, Ie = L((t) => {
-    X([t]);
-  }, []), Te = L(
+  }, Te = L((t) => {
+    J([t]);
+  }, []), Ie = L(
     (t) => {
       re(t);
     },
     [re]
   );
-  return /* @__PURE__ */ l(Q, { children: [
-    /* @__PURE__ */ l("div", { className: "flex h-[80vh] max-h-[1232px] w-[80vw] max-w-[1232px] flex-col space-y-4", children: [
+  return /* @__PURE__ */ a(Q, { children: [
+    /* @__PURE__ */ a("div", { className: "flex h-[80vh] max-h-[1232px] w-[80vw] max-w-[1232px] flex-col space-y-4", children: [
       /* @__PURE__ */ e("h1", { className: "text-lg font-medium", children: "Digital Asset Manager" }),
-      x === "grid" ? /* @__PURE__ */ l(Q, { children: [
+      x === "grid" ? /* @__PURE__ */ a(Q, { children: [
         /* @__PURE__ */ e(
           wt,
           {
@@ -725,12 +725,12 @@ function Ut({ close: s, onSelect: a, mode: c = "image", assetId: i }) {
             uploadAssets: te,
             isUpdatingAsset: Ne,
             isUploadingAsset: ye,
-            onUploaded: Ie
+            onUploaded: Te
           }
         ),
-        /* @__PURE__ */ l("div", { className: "relative flex flex-1 flex-col gap-y-3 overflow-hidden rounded-lg border p-2", children: [
-          /* @__PURE__ */ l("div", { className: "flex items-center justify-between gap-3", children: [
-            /* @__PURE__ */ l("div", { className: "relative w-1/2", children: [
+        /* @__PURE__ */ a("div", { className: "relative flex flex-1 flex-col gap-y-3 overflow-hidden rounded-lg border p-2", children: [
+          /* @__PURE__ */ a("div", { className: "flex items-center justify-between gap-3", children: [
+            /* @__PURE__ */ a("div", { className: "relative w-1/2", children: [
               /* @__PURE__ */ e(
                 We,
                 {
@@ -748,8 +748,8 @@ function Ut({ close: s, onSelect: a, mode: c = "image", assetId: i }) {
                 }
               )
             ] }),
-            /* @__PURE__ */ l("div", { className: "flex items-center gap-x-2", children: [
-              k.length > 0 ? /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ a("div", { className: "flex items-center gap-x-2", children: [
+              k.length > 0 ? /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
                 k.length > 0 && /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(
                   g,
                   {
@@ -764,7 +764,7 @@ function Ut({ close: s, onSelect: a, mode: c = "image", assetId: i }) {
                   g,
                   {
                     size: "sm",
-                    onClick: () => ae(k),
+                    onClick: () => le(k),
                     disabled: k.length === 0,
                     children: "Select Asset"
                   }
@@ -773,7 +773,7 @@ function Ut({ close: s, onSelect: a, mode: c = "image", assetId: i }) {
               /* @__PURE__ */ e(g, { variant: "ghost", size: "icon", onClick: () => pe(), children: /* @__PURE__ */ e(Ve, { className: "h-4 w-4" }) })
             ] })
           ] }),
-          /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto pb-[66px]", children: R ? /* @__PURE__ */ l("div", { className: "columns-1 gap-3 space-y-3 sm:columns-3 md:columns-5", children: [
+          /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto pb-[66px]", children: R ? /* @__PURE__ */ a("div", { className: "columns-1 gap-3 space-y-3 sm:columns-3 md:columns-5", children: [
             /* @__PURE__ */ e("div", { className: "h-64 w-full animate-pulse rounded bg-gray-200" }),
             /* @__PURE__ */ e("div", { className: "h-64 w-full animate-pulse rounded bg-gray-200" }),
             /* @__PURE__ */ e("div", { className: "h-64 w-full animate-pulse rounded bg-gray-200" }),
@@ -784,12 +784,12 @@ function Ut({ close: s, onSelect: a, mode: c = "image", assetId: i }) {
             /* @__PURE__ */ e("div", { className: "h-64 w-full animate-pulse rounded bg-gray-200" }),
             /* @__PURE__ */ e("div", { className: "h-64 w-full animate-pulse rounded bg-gray-200" }),
             /* @__PURE__ */ e("div", { className: "h-64 w-full animate-pulse rounded bg-gray-200" })
-          ] }) : !R && !ve ? /* @__PURE__ */ l("div", { className: "flex h-full flex-col items-center justify-center rounded-lg border", children: [
+          ] }) : !R && !ve ? /* @__PURE__ */ a("div", { className: "flex h-full flex-col items-center justify-center rounded-lg border", children: [
             /* @__PURE__ */ e("div", { className: "text-muted-foreground", children: /* @__PURE__ */ e(He, { className: "h-9 w-9 text-indigo-500" }) }),
             /* @__PURE__ */ e("div", { className: "text-lg text-muted-foreground", children: "No assets found" }),
             /* @__PURE__ */ e("div", { className: "text-sm text-muted-foreground", children: z.length > 0 ? "No assets found for your search: " + z : "Start uploading assets to get started" }),
             /* @__PURE__ */ e("br", {})
-          ] }) : /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-3 p-1", children: T == null ? void 0 : T.map((t) => /* @__PURE__ */ l(
+          ] }) : /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-3 p-1", children: I == null ? void 0 : I.map((t) => /* @__PURE__ */ a(
             "div",
             {
               className: ce(
@@ -799,9 +799,9 @@ function Ut({ close: s, onSelect: a, mode: c = "image", assetId: i }) {
                 S === t.id ? "pointer-events-none opacity-50" : ""
               ),
               onClick: () => we(t),
-              onDoubleClick: () => ae([t]),
+              onDoubleClick: () => le([t]),
               children: [
-                /* @__PURE__ */ l("div", { className: "aspect-square relative overflow-hidden", children: [
+                /* @__PURE__ */ a("div", { className: "aspect-square relative overflow-hidden", children: [
                   S === t.id ? /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50", children: /* @__PURE__ */ e(O, { className: "h-8 w-8 animate-spin text-white" }) }) : null,
                   t.type === "image" ? /* @__PURE__ */ e(
                     "img",
@@ -810,8 +810,8 @@ function Ut({ close: s, onSelect: a, mode: c = "image", assetId: i }) {
                       alt: t.name,
                       className: `h-full min-h-[80px] w-full object-contain ${k.some((u) => u.id === t.id) ? "" : "group-hover:blur group-hover:contrast-50"}`
                     }
-                  ) : /* @__PURE__ */ l("div", { className: "flex h-full items-center justify-center", children: [
-                    /* @__PURE__ */ e(Xe, { className: "h-12 w-12 text-muted-foreground" }),
+                  ) : /* @__PURE__ */ a("div", { className: "flex h-full items-center justify-center", children: [
+                    /* @__PURE__ */ e(Je, { className: "h-12 w-12 text-muted-foreground" }),
                     t.thumbnailUrl && /* @__PURE__ */ e(
                       "img",
                       {
@@ -822,12 +822,12 @@ function Ut({ close: s, onSelect: a, mode: c = "image", assetId: i }) {
                     )
                   ] })
                 ] }),
-                /* @__PURE__ */ l("div", { className: "flex items-end justify-between border-t-[1px] border-black/10 bg-white px-2 py-1", children: [
+                /* @__PURE__ */ a("div", { className: "flex items-end justify-between border-t-[1px] border-black/10 bg-white px-2 py-1", children: [
                   /* @__PURE__ */ e("div", { className: "truncate text-xs leading-tight", title: t.name, children: t.name }),
                   /* @__PURE__ */ e("div", { className: "flex items-center justify-between whitespace-nowrap text-[9px] font-light text-muted-foreground", children: /* @__PURE__ */ e("span", { children: st((t == null ? void 0 : t.size) || 0) }) })
                 ] }),
-                !k.some((u) => u.id === t.id) && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center opacity-0 transition-opacity group-hover:opacity-100", children: /* @__PURE__ */ l("div", { className: "grid grid-cols-4 gap-2 p-2", children: [
-                  /* @__PURE__ */ e(B, { children: /* @__PURE__ */ l(M, { children: [
+                !k.some((u) => u.id === t.id) && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center opacity-0 transition-opacity group-hover:opacity-100", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-4 gap-2 p-2", children: [
+                  /* @__PURE__ */ e(B, { children: /* @__PURE__ */ a(M, { children: [
                     /* @__PURE__ */ e($, { asChild: !0, children: /* @__PURE__ */ e(
                       g,
                       {
@@ -837,12 +837,12 @@ function Ut({ close: s, onSelect: a, mode: c = "image", assetId: i }) {
                         onClick: (u) => {
                           u.stopPropagation(), Ee(t);
                         },
-                        children: /* @__PURE__ */ e(Ze, { className: "h-4 w-4" })
+                        children: /* @__PURE__ */ e(Xe, { className: "h-4 w-4" })
                       }
                     ) }),
                     /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e("p", { children: "View Details" }) })
                   ] }) }),
-                  /* @__PURE__ */ e(B, { children: /* @__PURE__ */ l(M, { children: [
+                  /* @__PURE__ */ e(B, { children: /* @__PURE__ */ a(M, { children: [
                     /* @__PURE__ */ e($, { asChild: !0, children: /* @__PURE__ */ e(
                       g,
                       {
@@ -857,7 +857,7 @@ function Ut({ close: s, onSelect: a, mode: c = "image", assetId: i }) {
                     ) }),
                     /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e("p", { children: "Copy URL" }) })
                   ] }) }),
-                  /* @__PURE__ */ e(B, { children: /* @__PURE__ */ l(M, { children: [
+                  /* @__PURE__ */ e(B, { children: /* @__PURE__ */ a(M, { children: [
                     /* @__PURE__ */ e($, { asChild: !0, children: /* @__PURE__ */ e(
                       g,
                       {
@@ -872,12 +872,12 @@ function Ut({ close: s, onSelect: a, mode: c = "image", assetId: i }) {
                             name: t.name
                           });
                         },
-                        children: /* @__PURE__ */ e(Je, { className: "h-4 w-4" })
+                        children: /* @__PURE__ */ e(Ze, { className: "h-4 w-4" })
                       }
                     ) }),
                     /* @__PURE__ */ e(P, { children: /* @__PURE__ */ e("p", { children: "Edit Image" }) })
                   ] }) }),
-                  /* @__PURE__ */ e(B, { children: /* @__PURE__ */ l(M, { children: [
+                  /* @__PURE__ */ e(B, { children: /* @__PURE__ */ a(M, { children: [
                     /* @__PURE__ */ e($, { asChild: !0, children: /* @__PURE__ */ e(
                       g,
                       {
@@ -898,12 +898,12 @@ function Ut({ close: s, onSelect: a, mode: c = "image", assetId: i }) {
             },
             t.id
           )) }) }),
-          I > 1 && /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-0 right-0 border-t bg-white p-4", children: /* @__PURE__ */ e(dt, { fallback: /* @__PURE__ */ e("div", { className: "text-red-500", children: "Error loading pagination" }), children: /* @__PURE__ */ e(
+          T > 1 && /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-0 right-0 border-t bg-white p-4", children: /* @__PURE__ */ e(dt, { fallback: /* @__PURE__ */ e("div", { className: "text-red-500", children: "Error loading pagination" }), children: /* @__PURE__ */ e(
             pt,
             {
               currentPage: G,
-              totalPages: I,
-              onPageChange: Te,
+              totalPages: T,
+              onPageChange: Ie,
               pageRangeDisplayed: 3,
               showPageInput: !0
             }
@@ -928,7 +928,7 @@ function Ut({ close: s, onSelect: a, mode: c = "image", assetId: i }) {
             if (v) {
               h(!0);
               try {
-                const u = T.find((U) => U.id === v);
+                const u = I.find((U) => U.id === v);
                 u && await ie(Pe(u, { description: t }));
               } finally {
                 h(!1);
@@ -940,7 +940,7 @@ function Ut({ close: s, onSelect: a, mode: c = "image", assetId: i }) {
       )
     ] }),
     f.show && /* @__PURE__ */ e(
-      lt,
+      at,
       {
         fallback: /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e(O, { className: "h-8 w-8 animate-spin" }) }),
         children: /* @__PURE__ */ e(
@@ -955,16 +955,16 @@ function Ut({ close: s, onSelect: a, mode: c = "image", assetId: i }) {
         )
       }
     ),
-    p && /* @__PURE__ */ e(De, { open: !!p, onOpenChange: () => w(null), children: /* @__PURE__ */ l(je, { children: [
-      /* @__PURE__ */ l(Fe, { children: [
+    p && /* @__PURE__ */ e(De, { open: !!p, onOpenChange: () => w(null), children: /* @__PURE__ */ a(je, { children: [
+      /* @__PURE__ */ a(Fe, { children: [
         /* @__PURE__ */ e(Ue, { children: "Delete Asset" }),
-        /* @__PURE__ */ l(Le, { children: [
+        /* @__PURE__ */ a(Le, { children: [
           'Are you sure you want to delete "',
           p.name,
           '"? This action cannot be undone.'
         ] })
       ] }),
-      /* @__PURE__ */ l(Be, { className: "gap-2 sm:gap-0", children: [
+      /* @__PURE__ */ a(Be, { className: "gap-2 sm:gap-0", children: [
         /* @__PURE__ */ e(g, { variant: "outline", onClick: () => w(null), children: "Cancel" }),
         /* @__PURE__ */ e(g, { variant: "destructive", onClick: Se, children: "Delete" })
       ] })