@chaibuilder/pages 0.4.8-beta.2 → 0.4.8-beta.5

package/dist/{HO4MOOFI-BYHU8reo.js → HO4MOOFI-B4ibIKNg.js}

@@ -1,5 +1,5 @@
-import { c, T as l, P as m, a as u, D as v, Q as i } from "./B4MFY5CR-Y1TSYFEO.js";
-import { g as d, c as f, a as e } from "./index-C657rWjb.js";
+import { c, T as l, P as m, a as u, D as v, Q as i } from "./B4MFY5CR-BwIm3qbQ.js";
+import { g as d, c as f, a as e } from "./index-gqdpcAQ2.js";
 var p = (a) => {
   const [r, t] = c({
     prefix: "TanstackQueryDevtools"

package/dist/{HO4MOOFI-D_Wsaygd.cjs → HO4MOOFI-BYBE5fZ8.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./B4MFY5CR-De2uSYsE.cjs"),t=require("./index-B9qohq82.cjs");var s=c=>{const[r,o]=e.createLocalStorage({prefix:"TanstackQueryDevtools"}),l=t.getPreferredColorScheme(),a=t.createMemo(()=>{const n=r.theme_preference||e.THEME_PREFERENCE;return n!=="system"?n:l()});return t.createComponent(e.QueryDevtoolsContext.Provider,{value:c,get children(){return t.createComponent(e.PiPProvider,{localStore:r,setLocalStore:o,get children(){return t.createComponent(e.ThemeContext.Provider,{value:a,get children(){return t.createComponent(e.Devtools,{localStore:r,setLocalStore:o})}})}})}})},u=s;exports.default=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./B4MFY5CR-DY8Z5ymd.cjs"),t=require("./index-CisI4Eqe.cjs");var s=c=>{const[r,o]=e.createLocalStorage({prefix:"TanstackQueryDevtools"}),l=t.getPreferredColorScheme(),a=t.createMemo(()=>{const n=r.theme_preference||e.THEME_PREFERENCE;return n!=="system"?n:l()});return t.createComponent(e.QueryDevtoolsContext.Provider,{value:c,get children(){return t.createComponent(e.PiPProvider,{localStore:r,setLocalStore:o,get children(){return t.createComponent(e.ThemeContext.Provider,{value:a,get children(){return t.createComponent(e.Devtools,{localStore:r,setLocalStore:o})}})}})}})},u=s;exports.default=u;

package/dist/{HUY7CZI3-DrOAHzjx.cjs → HUY7CZI3-8v8-fX5C.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./B4MFY5CR-De2uSYsE.cjs"),t=require("./index-B9qohq82.cjs");var u=o=>{const[r,n]=e.createLocalStorage({prefix:"TanstackQueryDevtools"}),c=t.getPreferredColorScheme(),a=t.createMemo(()=>{const l=r.theme_preference||e.THEME_PREFERENCE;return l!=="system"?l:c()});return t.createComponent(e.QueryDevtoolsContext.Provider,{value:o,get children(){return t.createComponent(e.PiPProvider,{disabled:!0,localStore:r,setLocalStore:n,get children(){return t.createComponent(e.ThemeContext.Provider,{value:a,get children(){return t.createComponent(e.ParentPanel,{get children(){return t.createComponent(e.ContentView,{localStore:r,setLocalStore:n,get onClose(){return o.onClose},showPanelViewOnly:!0})}})}})}})}})},i=u;exports.default=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./B4MFY5CR-DY8Z5ymd.cjs"),t=require("./index-CisI4Eqe.cjs");var u=o=>{const[r,n]=e.createLocalStorage({prefix:"TanstackQueryDevtools"}),c=t.getPreferredColorScheme(),a=t.createMemo(()=>{const l=r.theme_preference||e.THEME_PREFERENCE;return l!=="system"?l:c()});return t.createComponent(e.QueryDevtoolsContext.Provider,{value:o,get children(){return t.createComponent(e.PiPProvider,{disabled:!0,localStore:r,setLocalStore:n,get children(){return t.createComponent(e.ThemeContext.Provider,{value:a,get children(){return t.createComponent(e.ParentPanel,{get children(){return t.createComponent(e.ContentView,{localStore:r,setLocalStore:n,get onClose(){return o.onClose},showPanelViewOnly:!0})}})}})}})}})},i=u;exports.default=i;

package/dist/{HUY7CZI3-Bu2JpU4v.js → HUY7CZI3-B9mlw8Vt.js}

@@ -1,5 +1,5 @@
-import { c as s, T as c, P as u, a as i, b as m, C as P, Q as d } from "./B4MFY5CR-Y1TSYFEO.js";
-import { g as v, c as C, a as e } from "./index-C657rWjb.js";
+import { c as s, T as c, P as u, a as i, b as m, C as P, Q as d } from "./B4MFY5CR-BwIm3qbQ.js";
+import { g as v, c as C, a as e } from "./index-gqdpcAQ2.js";
 var h = (t) => {
   const [r, o] = s({
     prefix: "TanstackQueryDevtools"

package/dist/{asset-metadata-editor-r5vYHUfm.js → asset-metadata-editor-CyTBhS-V.js}

@@ -1,8 +1,8 @@
 import { jsxs as i, Fragment as w, jsx as a } from "react/jsx-runtime";
-import { Dialog as u, DialogContent as h, DialogHeader as b, DialogTitle as N, Label as r, Textarea as y, DialogFooter as D, Button as p } from "@chaibuilder/sdk/ui";
-import { Eye as F } from "lucide-react";
+import { Dialog as u, DialogContent as h, DialogHeader as N, DialogTitle as b, Label as r, Textarea as D, DialogFooter as F, Button as p } from "@chaibuilder/sdk/ui";
+import { Eye as y } from "lucide-react";
 import { useState as n } from "react";
-function E({
+function k({
   asset: e,
   onSave: l,
   onCancel: o
@@ -19,7 +19,7 @@ function E({
   };
   return /* @__PURE__ */ i(w, { children: [
     /* @__PURE__ */ a(u, { open: !0, onOpenChange: () => o(), children: /* @__PURE__ */ i(h, { className: "sm:max-w-[700px]", children: [
-      /* @__PURE__ */ a(b, { children: /* @__PURE__ */ a(N, { children: "Edit Asset Details" }) }),
+      /* @__PURE__ */ a(N, { children: /* @__PURE__ */ a(b, { children: "Edit Asset Details" }) }),
       /* @__PURE__ */ i("div", { className: "flex gap-4", children: [
         /* @__PURE__ */ i("div", { className: "relative group", children: [
           /* @__PURE__ */ a(
@@ -34,7 +34,7 @@ function E({
             {
               onClick: () => s(!0),
               className: "absolute inset-0 flex items-center justify-center bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity rounded-md",
-              children: /* @__PURE__ */ a(F, { className: "h-8 w-8 text-white" })
+              children: /* @__PURE__ */ a(y, { className: "h-8 w-8 text-white" })
             }
           )
         ] }),
@@ -62,7 +62,7 @@ function E({
           /* @__PURE__ */ i("div", { className: "grid gap-2", children: [
             /* @__PURE__ */ a(r, { htmlFor: "description", children: "Description" }),
             /* @__PURE__ */ a(
-              y,
+              D,
               {
                 id: "description",
                 value: c,
@@ -74,7 +74,7 @@ function E({
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ i(D, { children: [
+      /* @__PURE__ */ i(F, { children: [
         /* @__PURE__ */ a(p, { variant: "outline", onClick: o, children: "Cancel" }),
         /* @__PURE__ */ a(p, { onClick: x, disabled: d, children: d ? "Saving..." : "Save Changes" })
       ] })
@@ -90,7 +90,7 @@ function E({
   ] });
 }
 function S(e) {
-  return e < 1024 ? `${e.toFixed(2)} KB` : `${(e / 1024).toFixed(2)} MB`;
+  return e < 1024 ? `${e.toFixed(2)} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(2)} KB` : `${(e / (1024 * 1024)).toFixed(2)} MB`;
 }
 function g(e) {
   if (!e) return "N/A";
@@ -104,5 +104,5 @@ function g(e) {
   }).format(l);
 }
 export {
-  E as default
+  k as default
 };

package/dist/{asset-metadata-editor-zw9u1BB9.cjs → asset-metadata-editor-IRTgc3or.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("@chaibuilder/sdk/ui"),g=require("lucide-react"),n=require("react");function p({asset:t,onSave:l,onCancel:r}){const[s,m]=n.useState(t.description||""),[c,o]=n.useState(!1),[h,d]=n.useState(!1),x=async()=>{o(!0);try{await l({description:s||void 0})}finally{o(!1)}};return e.jsxs(e.Fragment,{children:[e.jsx(a.Dialog,{open:!0,onOpenChange:()=>r(),children:e.jsxs(a.DialogContent,{className:"sm:max-w-[700px]",children:[e.jsx(a.DialogHeader,{children:e.jsx(a.DialogTitle,{children:"Edit Asset Details"})}),e.jsxs("div",{className:"flex gap-4",children:[e.jsxs("div",{className:"relative group",children:[e.jsx("img",{src:t.url,className:"max-h-96 w-96 border rounded-md p-2"}),e.jsx("button",{onClick:()=>d(!0),className:"absolute inset-0 flex items-center justify-center bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity rounded-md",children:e.jsx(g.Eye,{className:"h-8 w-8 text-white"})})]}),e.jsxs("div",{className:"grid gap-3 w-full",children:[e.jsx(a.Label,{htmlFor:"description",children:"Details"}),e.jsx("div",{className:"grid grid-cols-1 gap-2 text-sm border rounded-md p-2",children:[{label:"File Name",value:t.name},{label:"Type",value:t.type},{label:"Format",value:t.format},{label:"Size",value:j(t.size)},{label:"Dimensions",value:`${t.width} × ${t.height}`},{label:"Created",value:u(t.createdAt)},{label:"Updated",value:u((t==null?void 0:t.updatedAt)||"")}].map(i=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(a.Label,{className:"w-max text-left px-2 w-1/4 font-normal text-gray-700",children:i.label}),":",e.jsx("div",{className:"w-max text-left font-medium text-gray-900 capitalize",children:i.value})]}))}),e.jsxs("div",{className:"grid gap-2",children:[e.jsx(a.Label,{htmlFor:"description",children:"Description"}),e.jsx(a.Textarea,{id:"description",value:s,placeholder:"Enter a description for the asset",onChange:i=>m(i.target.value),rows:3})]})]})]}),e.jsxs(a.DialogFooter,{children:[e.jsx(a.Button,{variant:"outline",onClick:r,children:"Cancel"}),e.jsx(a.Button,{onClick:x,disabled:c,children:c?"Saving...":"Save Changes"})]})]})}),e.jsx(a.Dialog,{open:h,onOpenChange:d,children:e.jsx(a.DialogContent,{className:"w-[60vw] h-[60vh] p-0 flex items-center justify-center bg-gray-100",children:e.jsx("img",{src:t.url,className:"w-full h-full object-contain",alt:t.name})})})]})}function j(t){return t<1024?`${t.toFixed(2)} KB`:`${(t/1024).toFixed(2)} MB`}function u(t){if(!t)return"N/A";const l=new Date(t);return new Intl.DateTimeFormat("en-US",{month:"short",day:"numeric",year:"numeric",hour:"2-digit",minute:"2-digit"}).format(l)}exports.default=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("@chaibuilder/sdk/ui"),g=require("lucide-react"),r=require("react");function p({asset:t,onSave:l,onCancel:n}){const[s,m]=r.useState(t.description||""),[o,c]=r.useState(!1),[x,d]=r.useState(!1),h=async()=>{c(!0);try{await l({description:s||void 0})}finally{c(!1)}};return e.jsxs(e.Fragment,{children:[e.jsx(a.Dialog,{open:!0,onOpenChange:()=>n(),children:e.jsxs(a.DialogContent,{className:"sm:max-w-[700px]",children:[e.jsx(a.DialogHeader,{children:e.jsx(a.DialogTitle,{children:"Edit Asset Details"})}),e.jsxs("div",{className:"flex gap-4",children:[e.jsxs("div",{className:"relative group",children:[e.jsx("img",{src:t.url,className:"max-h-96 w-96 border rounded-md p-2"}),e.jsx("button",{onClick:()=>d(!0),className:"absolute inset-0 flex items-center justify-center bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity rounded-md",children:e.jsx(g.Eye,{className:"h-8 w-8 text-white"})})]}),e.jsxs("div",{className:"grid gap-3 w-full",children:[e.jsx(a.Label,{htmlFor:"description",children:"Details"}),e.jsx("div",{className:"grid grid-cols-1 gap-2 text-sm border rounded-md p-2",children:[{label:"File Name",value:t.name},{label:"Type",value:t.type},{label:"Format",value:t.format},{label:"Size",value:f(t.size)},{label:"Dimensions",value:`${t.width} × ${t.height}`},{label:"Created",value:u(t.createdAt)},{label:"Updated",value:u((t==null?void 0:t.updatedAt)||"")}].map(i=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(a.Label,{className:"w-max text-left px-2 w-1/4 font-normal text-gray-700",children:i.label}),":",e.jsx("div",{className:"w-max text-left font-medium text-gray-900 capitalize",children:i.value})]}))}),e.jsxs("div",{className:"grid gap-2",children:[e.jsx(a.Label,{htmlFor:"description",children:"Description"}),e.jsx(a.Textarea,{id:"description",value:s,placeholder:"Enter a description for the asset",onChange:i=>m(i.target.value),rows:3})]})]})]}),e.jsxs(a.DialogFooter,{children:[e.jsx(a.Button,{variant:"outline",onClick:n,children:"Cancel"}),e.jsx(a.Button,{onClick:h,disabled:o,children:o?"Saving...":"Save Changes"})]})]})}),e.jsx(a.Dialog,{open:x,onOpenChange:d,children:e.jsx(a.DialogContent,{className:"w-[60vw] h-[60vh] p-0 flex items-center justify-center bg-gray-100",children:e.jsx("img",{src:t.url,className:"w-full h-full object-contain",alt:t.name})})})]})}function f(t){return t<1024?`${t.toFixed(2)} B`:t<1024*1024?`${(t/1024).toFixed(2)} KB`:`${(t/(1024*1024)).toFixed(2)} MB`}function u(t){if(!t)return"N/A";const l=new Date(t);return new Intl.DateTimeFormat("en-US",{month:"short",day:"numeric",year:"numeric",hour:"2-digit",minute:"2-digit"}).format(l)}exports.default=p;

package/dist/{digital-asset-manager-C8r5r7TV.js → digital-asset-manager-D5mWFg9t.js}

@@ -1,21 +1,21 @@
-import { jsxs as a, Fragment as Q, jsx as e } from "react/jsx-runtime";
-import X, { useState as w, useCallback as A, useMemo as oe, useRef as ce, Suspense as Y } from "react";
+import { jsxs as t, Fragment as Q, jsx as e } from "react/jsx-runtime";
+import Z, { useState as S, useCallback as w, useMemo as ce, useRef as de, Suspense as Y } from "react";
 import { mergeClasses as $ } from "@chaibuilder/sdk";
-import { Tabs as de, TabsList as ue, TabsTrigger as H, Button as f, TabsContent as V, Input as me, Card as he, CardContent as ge, Dialog as pe, DialogContent as fe, DialogHeader as ye, DialogTitle as ve, DialogDescription as xe, DialogFooter as Ne } from "@chaibuilder/sdk/ui";
-import { debounce as Ae, find as Se, merge as we } from "lodash-es";
-import { Search as be, Film as Ce, ImageIcon as Ee, Edit as Te, Trash2 as De, Loader2 as W, Upload as Pe } from "lucide-react";
-import { useDropzone as Ue } from "react-dropzone";
-import { useQueryClient as R, useMutation as K, useQuery as Fe } from "@tanstack/react-query";
+import { Tabs as ue, TabsList as me, TabsTrigger as H, Button as f, TabsContent as V, Input as he, Card as ge, CardContent as pe, Dialog as fe, DialogContent as ye, DialogHeader as ve, DialogTitle as xe, DialogDescription as Ne, DialogFooter as we } from "@chaibuilder/sdk/ui";
+import { debounce as Ae, find as Se, pick as W, first as be, merge as Ce } from "lodash-es";
+import { Search as Ee, Film as Te, ImageIcon as De, Edit as Pe, Trash2 as Ue, Loader2 as X, Upload as Fe } from "lucide-react";
+import { useDropzone as ze } from "react-dropzone";
+import { useQueryClient as R, useMutation as K, useQuery as ke } from "@tanstack/react-query";
 import { toast as b } from "sonner";
-import { W as F, X as z, Y as y, Z as k } from "./index-C657rWjb.js";
-const ze = () => {
-  const t = F(), r = R(), o = z();
+import { W as F, X as z, Y as y, Z as k } from "./index-gqdpcAQ2.js";
+const Me = () => {
+  const a = F(), r = R(), o = z();
   return K({
     mutationFn: async ({
       file: i,
       folderId: d,
       name: u
-    }) => o(t, {
+    }) => o(a, {
       action: y.UPLOAD_ASSET,
       data: { file: i, folderId: d, name: u }
     }),
@@ -28,10 +28,10 @@ const ze = () => {
       b.error("Failed to upload asset");
     }
   });
-}, ke = () => {
-  const t = F(), r = R(), o = z();
+}, Ie = () => {
+  const a = F(), r = R(), o = z();
   return K({
-    mutationFn: async (i) => o(t, {
+    mutationFn: async (i) => o(a, {
       action: y.DELETE_ASSET,
       data: { id: i }
     }),
@@ -44,10 +44,10 @@ const ze = () => {
       b.error("Failed to delete asset");
     }
   });
-}, Me = () => {
-  const t = F(), r = R(), o = z();
+}, qe = () => {
+  const a = F(), r = R(), o = z();
   return K({
-    mutationFn: async (i) => o(t, {
+    mutationFn: async (i) => o(a, {
       action: y.UPDATE_ASSET,
       data: i
     }),
@@ -60,9 +60,9 @@ const ze = () => {
       b.error("Failed to update asset");
     }
   });
-}, Ie = (t = {}) => {
-  const r = F(), o = z(), { search: i, page: d = 1, limit: u = 10 } = t;
-  return Fe({
+}, je = (a = {}) => {
+  const r = F(), o = z(), { search: i, page: d = 1, limit: u = 10 } = a;
+  return ke({
     queryKey: [k, y.GET_ASSETS, i, d, u],
     queryFn: async () => await o(r, {
       action: y.GET_ASSETS,
@@ -75,16 +75,16 @@ const ze = () => {
     retry: 1
   });
 };
-function qe() {
-  const [r, o] = w([]), [i, d] = w({
+function _e() {
+  const [r, o] = S([]), [i, d] = S({
     query: "",
     page: 1,
     pageSize: 10
-  }), u = Ae(() => i.query, 300)(), { data: n, isLoading: C } = Ie({
+  }), u = Ae(() => i.query, 300)(), { data: n, isLoading: C } = je({
     search: (u == null ? void 0 : u.toLowerCase().trim()) || "",
     page: i.page,
     limit: i.pageSize
-  }), v = n ? Math.ceil(n.total / n.pageSize) : 0, c = (n == null ? void 0 : n.page) || 1, g = c < v, m = c > 1, { mutate: E, isPending: M } = Me(), { mutate: S, isPending: p } = ze(), { mutate: T, isPending: D } = ke(), x = A(
+  }), v = n ? Math.ceil(n.total / n.pageSize) : 0, c = (n == null ? void 0 : n.page) || 1, p = c < v, m = c > 1, { mutate: E, isPending: M } = qe(), { mutate: A, isPending: g } = Me(), { mutate: T, isPending: D } = Ie(), x = w(
     (h) => {
       h >= 1 && h <= v && d((N) => ({
         ...N,
@@ -92,23 +92,23 @@ function qe() {
       }));
     },
     [v]
-  ), I = A(() => {
-    g && x(c + 1);
-  }, [c, g, x]), q = A(() => {
+  ), I = w(() => {
+    p && x(c + 1);
+  }, [c, p, x]), q = w(() => {
     m && x(c - 1);
-  }, [c, m, x]), j = A((h) => {
+  }, [c, m, x]), j = w((h) => {
     d((N) => ({
       ...N,
       query: h,
       page: 1
       // Reset to first page on new search
     }));
-  }, []), P = A(
+  }, []), P = w(
     (h) => {
       o((N) => Se(N, { id: h.id }) ? [] : [h]);
     },
     [!1]
-  ), _ = A(() => {
+  ), _ = w(() => {
     o([]);
   }, []);
   return {
@@ -118,10 +118,10 @@ function qe() {
     assets: (n == null ? void 0 : n.assets) || [],
     currentPage: c,
     totalPages: v,
-    hasNextPage: g,
+    hasNextPage: p,
     hasPreviousPage: m,
     // Mutations
-    uploadAsset: S,
+    uploadAsset: A,
     updateAsset: E,
     deleteAsset: T,
     goToPage: x,
@@ -132,22 +132,22 @@ function qe() {
     updateSelectedAssets: P,
     // Loading
     isLoadingAssets: C,
-    isUploadingAsset: p,
+    isUploadingAsset: g,
     isUpdatingAsset: M,
     isDeletingAsset: D
   };
 }
-const je = X.lazy(() => import("./asset-metadata-editor-r5vYHUfm.js")), _e = X.lazy(() => import("./image-editor-CwVua57o.js"));
-function Xe({
-  close: t,
+const Le = Z.lazy(() => import("./asset-metadata-editor-CyTBhS-V.js")), Be = Z.lazy(() => import("./image-editor-By8RDHso.js"));
+function Je({
+  close: a,
   onSelect: r,
   mode: o = "image"
 }) {
-  const d = oe(() => [o], [o]), [u, n] = w("browse"), [C, v] = w(null), [c, g] = w(null), [m, E] = w({ show: !1, file: "" }), {
+  const d = ce(() => [o], [o]), [u, n] = S("browse"), [C, v] = S(null), [c, p] = S(null), [m, E] = S({ show: !1, file: "" }), {
     // Data
     query: M,
-    assets: S,
-    selectedAssets: p,
+    assets: A,
+    selectedAssets: g,
     // Mutations
     uploadAsset: T,
     updateAsset: D,
@@ -160,7 +160,7 @@ function Xe({
     isUploadingAsset: _,
     isUpdatingAsset: h
     // isDeletingAsset,
-  } = qe(), N = ce(null), G = A(
+  } = _e(), N = de(null), G = w(
     async (s) => new Promise((l, L) => {
       const O = s[0], U = new FileReader();
       U.readAsDataURL(O), U.onload = async () => {
@@ -180,25 +180,27 @@ function Xe({
       }, U.onerror = (B) => L(B);
     }),
     [T]
-  ), { getRootProps: Z, getInputProps: J, isDragActive: ee } = Ue({
+  ), { getRootProps: J, getInputProps: ee, isDragActive: se } = ze({
     onDrop: G,
     accept: {
       "image/*": d.includes("image") ? [] : []
     },
     maxSize: 10 * 1024 * 1024
-  }), se = () => {
-    r([p[0].url]), t();
+  }), te = () => {
+    g.length !== 0 && (r(
+      W(be(g), ["url", "width", "height", "description"])
+    ), a());
   }, ae = async (s) => {
-    g(s);
-  }, te = async () => {
-    c && (await x(c.id), g(null));
-  }, le = (s) => {
+    p(s);
+  }, le = async () => {
+    c && (await x(c.id), p(null));
+  }, ie = (s) => {
     v(s);
-  }, ie = async (s, l) => {
-    await D(we(s, l)), t();
-  }, ne = (s) => {
+  }, ne = async (s, l) => {
+    await D(Ce(s, W(l, ["id", "description"]))), a();
+  }, re = (s) => {
     I(s.target.value);
-  }, re = async (s, l) => {
+  }, oe = async (s, l) => {
     try {
       l ? await T({
         file: s,
@@ -212,23 +214,23 @@ function Xe({
       console.error("Error saving edited image:", L);
     }
   };
-  return /* @__PURE__ */ a(Q, { children: [
-    /* @__PURE__ */ a("div", { className: "min-w-[700px] min-h-[600px] w-[900px] max-w-[900px]", children: [
+  return /* @__PURE__ */ t(Q, { children: [
+    /* @__PURE__ */ t("div", { className: "min-w-[700px] min-h-[600px] w-[900px] max-w-[900px]", children: [
       /* @__PURE__ */ e("h1", { className: "text-lg font-medium pb-4", children: "Digital Asset Manager" }),
-      /* @__PURE__ */ a(
-        de,
+      /* @__PURE__ */ t(
+        ue,
         {
           value: u,
           onValueChange: (s) => n(s),
           className: "flex-1 flex flex-col h-full",
           children: [
-            /* @__PURE__ */ a("div", { className: "flex justify-between items-center mb-2", children: [
-              /* @__PURE__ */ a(ue, { children: [
+            /* @__PURE__ */ t("div", { className: "flex justify-between items-center mb-2", children: [
+              /* @__PURE__ */ t(me, { children: [
                 /* @__PURE__ */ e(H, { value: "browse", children: "Browse Assets" }),
                 /* @__PURE__ */ e(H, { value: "upload", children: "Upload" })
               ] }),
-              /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
-                p.length > 0 && /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(
+              /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+                g.length > 0 && /* @__PURE__ */ e(Q, { children: /* @__PURE__ */ e(
                   f,
                   {
                     variant: "outline",
@@ -242,27 +244,27 @@ function Xe({
                   f,
                   {
                     size: "sm",
-                    onClick: se,
-                    disabled: p.length === 0,
+                    onClick: te,
+                    disabled: g.length === 0,
                     children: "Select Asset"
                   }
                 )
               ] })
             ] }),
-            /* @__PURE__ */ a(V, { value: "browse", className: "flex-1 flex flex-col", children: [
-              /* @__PURE__ */ e("div", { className: "flex items-center gap-2 mb-2", children: /* @__PURE__ */ a("div", { className: "relative w-full", children: [
-                /* @__PURE__ */ e(be, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
+            /* @__PURE__ */ t(V, { value: "browse", className: "flex-1 flex flex-col", children: [
+              /* @__PURE__ */ e("div", { className: "flex items-center gap-2 mb-2", children: /* @__PURE__ */ t("div", { className: "relative w-full", children: [
+                /* @__PURE__ */ e(Ee, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
                 /* @__PURE__ */ e(
-                  me,
+                  he,
                   {
                     placeholder: "Search assets...",
                     value: M,
-                    onChange: ne,
+                    onChange: re,
                     className: "pl-8"
                   }
                 )
               ] }) }),
-              P && S.length === 0 ? /* @__PURE__ */ a("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-2 overflow-y-auto max-h-[550px] p-1", children: [
+              P && A.length === 0 ? /* @__PURE__ */ t("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-2 overflow-y-auto max-h-[550px] p-1", children: [
                 /* @__PURE__ */ e("div", { className: "bg-gray-200 h-64 w-full animate-pulse rounded" }),
                 /* @__PURE__ */ e("div", { className: "bg-gray-200 h-64 w-full animate-pulse rounded" }),
                 /* @__PURE__ */ e("div", { className: "bg-gray-200 h-64 w-full animate-pulse rounded" }),
@@ -273,28 +275,28 @@ function Xe({
                 /* @__PURE__ */ e("div", { className: "bg-gray-200 h-64 w-full animate-pulse rounded" }),
                 /* @__PURE__ */ e("div", { className: "bg-gray-200 h-64 w-full animate-pulse rounded" }),
                 /* @__PURE__ */ e("div", { className: "bg-gray-200 h-64 w-full animate-pulse rounded" })
-              ] }) : S.length === 0 ? /* @__PURE__ */ a("div", { className: "flex flex-col items-center justify-center text-center p-12 h-[380px]", children: [
-                /* @__PURE__ */ a("div", { className: "text-muted-foreground mb-2", children: [
+              ] }) : A.length === 0 ? /* @__PURE__ */ t("div", { className: "flex flex-col items-center justify-center text-center p-12 h-[380px]", children: [
+                /* @__PURE__ */ t("div", { className: "text-muted-foreground mb-2", children: [
                   /* @__PURE__ */ e("h3", { className: "text-gray-800 font-medium", children: "No assets to display" }),
                   /* @__PURE__ */ e("p", { className: "text-sm", children: "You haven't uploaded any assets yet. Start by uploading your first asset." })
                 ] }),
                 /* @__PURE__ */ e("div", { className: "flex gap-2 pt-4", children: /* @__PURE__ */ e(f, { size: "lg", onClick: () => n("upload"), children: "Upload Assets" }) })
-              ] }) : /* @__PURE__ */ a(
+              ] }) : /* @__PURE__ */ t(
                 "div",
                 {
                   ref: N,
                   className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-2 overflow-y-auto max-h-[550px] p-1",
                   children: [
-                    S.map((s) => /* @__PURE__ */ e(
-                      he,
+                    A.map((s) => /* @__PURE__ */ e(
+                      ge,
                       {
                         className: $(
                           "cursor-pointer overflow-hidden transition-all",
-                          p.some((l) => l.id === s.id) ? "ring-2 ring-primary" : "hover:ring-2 hover:ring-primary/20"
+                          g.some((l) => l.id === s.id) ? "ring-2 ring-primary" : "hover:ring-2 hover:ring-primary/20"
                         ),
                         onClick: () => j(s),
-                        children: /* @__PURE__ */ a(ge, { className: "p-0 relative group", children: [
-                          /* @__PURE__ */ a("div", { className: "aspect-square relative overflow-hidden bg-muted", children: [
+                        children: /* @__PURE__ */ t(pe, { className: "p-0 relative group", children: [
+                          /* @__PURE__ */ t("div", { className: "aspect-square relative overflow-hidden bg-muted", children: [
                             s.type === "image" ? /* @__PURE__ */ e(
                               "img",
                               {
@@ -302,8 +304,8 @@ function Xe({
                                 alt: s.name,
                                 className: "object-cover w-full h-full min-h-[100px]"
                               }
-                            ) : /* @__PURE__ */ a("div", { className: "flex items-center justify-center h-full", children: [
-                              /* @__PURE__ */ e(Ce, { className: "h-12 w-12 text-muted-foreground" }),
+                            ) : /* @__PURE__ */ t("div", { className: "flex items-center justify-center h-full", children: [
+                              /* @__PURE__ */ e(Te, { className: "h-12 w-12 text-muted-foreground" }),
                               s.thumbnailUrl && /* @__PURE__ */ e(
                                 "img",
                                 {
@@ -313,7 +315,7 @@ function Xe({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ a("div", { className: "absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center gap-2", children: [
+                            /* @__PURE__ */ t("div", { className: "absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center gap-2", children: [
                               /* @__PURE__ */ e(
                                 f,
                                 {
@@ -321,9 +323,9 @@ function Xe({
                                   size: "icon",
                                   className: "h-8 w-8",
                                   onClick: (l) => {
-                                    l.stopPropagation(), le(s);
+                                    l.stopPropagation(), ie(s);
                                   },
-                                  children: /* @__PURE__ */ e(Ee, { className: "h-4 w-4" })
+                                  children: /* @__PURE__ */ e(De, { className: "h-4 w-4" })
                                 }
                               ),
                               /* @__PURE__ */ e(
@@ -340,7 +342,7 @@ function Xe({
                                       name: s.name
                                     });
                                   },
-                                  children: /* @__PURE__ */ e(Te, { className: "h-4 w-4" })
+                                  children: /* @__PURE__ */ e(Pe, { className: "h-4 w-4" })
                                 }
                               ),
                               /* @__PURE__ */ e(
@@ -352,15 +354,15 @@ function Xe({
                                   onClick: (l) => {
                                     l.stopPropagation(), ae(s);
                                   },
-                                  children: /* @__PURE__ */ e(De, { className: "h-4 w-4" })
+                                  children: /* @__PURE__ */ e(Ue, { className: "h-4 w-4" })
                                 }
                               )
                             ] }),
-                            p.some((l) => l.id === s.id) && /* @__PURE__ */ e("div", { className: "absolute top-2 left-2", children: /* @__PURE__ */ e(
+                            g.some((l) => l.id === s.id) && /* @__PURE__ */ e("div", { className: "absolute top-2 left-2", children: /* @__PURE__ */ e(
                               "input",
                               {
                                 type: "checkbox",
-                                checked: p.some(
+                                checked: g.some(
                                   (l) => l.id === s.id
                                 ),
                                 readOnly: !0,
@@ -368,7 +370,7 @@ function Xe({
                               }
                             ) })
                           ] }),
-                          /* @__PURE__ */ a("div", { className: "p-2", children: [
+                          /* @__PURE__ */ t("div", { className: "p-2", children: [
                             /* @__PURE__ */ e(
                               "div",
                               {
@@ -377,44 +379,44 @@ function Xe({
                                 children: s.name
                               }
                             ),
-                            /* @__PURE__ */ a("div", { className: "text-xs text-muted-foreground flex items-center justify-between", children: [
-                              /* @__PURE__ */ e("span", { children: Le((s == null ? void 0 : s.size) || 0) }),
-                              /* @__PURE__ */ e("span", { children: Be(s.createdAt) })
+                            /* @__PURE__ */ t("div", { className: "text-xs text-muted-foreground flex items-center justify-between", children: [
+                              /* @__PURE__ */ e("span", { children: Qe((s == null ? void 0 : s.size) || 0) }),
+                              /* @__PURE__ */ e("span", { children: Re(s.createdAt) })
                             ] })
                           ] })
                         ] })
                       },
                       s.id
                     )),
-                    P && S.length > 0 && /* @__PURE__ */ e("div", { className: "col-span-full flex justify-center py-4", children: /* @__PURE__ */ e(W, { className: "h-6 w-6 animate-spin text-muted-foreground" }) })
+                    P && A.length > 0 && /* @__PURE__ */ e("div", { className: "col-span-full flex justify-center py-4", children: /* @__PURE__ */ e(X, { className: "h-6 w-6 animate-spin text-muted-foreground" }) })
                   ]
                 }
               )
             ] }),
-            /* @__PURE__ */ e(V, { value: "upload", className: "flex-1 ", children: /* @__PURE__ */ a(
+            /* @__PURE__ */ e(V, { value: "upload", className: "flex-1 ", children: /* @__PURE__ */ t(
               "div",
               {
-                ...Z(),
+                ...J(),
                 className: $(
                   "border-2 border-dashed rounded-lg h-[380px] flex flex-col items-center justify-center text-center cursor-pointer hover:bg-gray-50",
-                  ee ? "border-primary bg-primary/5" : "border-muted-foreground/20"
+                  se ? "border-primary bg-primary/5" : "border-muted-foreground/20"
                 ),
                 children: [
-                  /* @__PURE__ */ e("input", { ...J() }),
-                  h || _ ? /* @__PURE__ */ a("div", { className: "flex flex-col items-center", children: [
-                    /* @__PURE__ */ e(W, { className: "h-12 w-12 text-primary animate-spin mb-4" }),
+                  /* @__PURE__ */ e("input", { ...ee() }),
+                  h || _ ? /* @__PURE__ */ t("div", { className: "flex flex-col items-center", children: [
+                    /* @__PURE__ */ e(X, { className: "h-12 w-12 text-primary animate-spin mb-4" }),
                     /* @__PURE__ */ e("h3", { className: "text-lg font-medium mb-1", children: "Uploading files..." }),
                     /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: "Please wait while your files are being processed." })
-                  ] }) : /* @__PURE__ */ a(Q, { children: [
-                    /* @__PURE__ */ e(Pe, { className: "h-12 w-12 text-muted-foreground mb-4" }),
+                  ] }) : /* @__PURE__ */ t(Q, { children: [
+                    /* @__PURE__ */ e(Fe, { className: "h-12 w-12 text-muted-foreground mb-4" }),
                     /* @__PURE__ */ e("h3", { className: "text-lg font-medium mb-1", children: "Drag & drop files here" }),
                     /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground mb-4", children: "or click to browse your files" }),
-                    /* @__PURE__ */ a("div", { className: "text-xs text-muted-foreground", children: [
-                      /* @__PURE__ */ a("p", { children: [
+                    /* @__PURE__ */ t("div", { className: "text-xs text-muted-foreground", children: [
+                      /* @__PURE__ */ t("p", { children: [
                         "Accepted file types: ",
                         d.join(", ")
                       ] }),
-                      /* @__PURE__ */ a("p", { children: [
+                      /* @__PURE__ */ t("p", { children: [
                         "Maximum file size: ",
                         10,
                         "MB"
@@ -429,53 +431,53 @@ function Xe({
       )
     ] }),
     C && /* @__PURE__ */ e(Y, { fallback: /* @__PURE__ */ e("div", { children: "Loading..." }), children: /* @__PURE__ */ e(
-      je,
+      Le,
       {
         asset: C,
-        onSave: (s) => ie(C, s),
+        onSave: (s) => ne(C, s),
         onCancel: () => {
           v(null);
         }
       }
     ) }),
     m.show && /* @__PURE__ */ e(Y, { fallback: /* @__PURE__ */ e("div", { children: "Loading..." }), children: /* @__PURE__ */ e(
-      _e,
+      Be,
       {
         imageUrl: m.file,
-        onSave: re,
+        onSave: oe,
         onClose: () => E({ show: !1, file: "" }),
         defaultSavedImageName: m.name,
         isEditing: !!m.id
       }
     ) }),
     c && /* @__PURE__ */ e(
-      pe,
+      fe,
       {
         open: !!c,
-        onOpenChange: () => g(null),
-        children: /* @__PURE__ */ a(fe, { children: [
-          /* @__PURE__ */ a(ye, { children: [
-            /* @__PURE__ */ e(ve, { children: "Delete Asset" }),
-            /* @__PURE__ */ a(xe, { children: [
+        onOpenChange: () => p(null),
+        children: /* @__PURE__ */ t(ye, { children: [
+          /* @__PURE__ */ t(ve, { children: [
+            /* @__PURE__ */ e(xe, { children: "Delete Asset" }),
+            /* @__PURE__ */ t(Ne, { children: [
               'Are you sure you want to delete "',
               c.name,
               '"? This action cannot be undone.'
             ] })
           ] }),
-          /* @__PURE__ */ a(Ne, { className: "gap-2 sm:gap-0", children: [
-            /* @__PURE__ */ e(f, { variant: "outline", onClick: () => g(null), children: "Cancel" }),
-            /* @__PURE__ */ e(f, { variant: "destructive", onClick: te, children: "Delete" })
+          /* @__PURE__ */ t(we, { className: "gap-2 sm:gap-0", children: [
+            /* @__PURE__ */ e(f, { variant: "outline", onClick: () => p(null), children: "Cancel" }),
+            /* @__PURE__ */ e(f, { variant: "destructive", onClick: le, children: "Delete" })
           ] })
         ] })
       }
     )
   ] });
 }
-function Le(t) {
-  return t < 1024 ? `${t.toFixed(2)} B` : t < 1024 * 1024 ? `${(t / 1024).toFixed(2)} KB` : `${(t / (1024 * 1024)).toFixed(2)} MB`;
+function Qe(a) {
+  return a < 1024 ? `${a.toFixed(2)} B` : a < 1024 * 1024 ? `${(a / 1024).toFixed(2)} KB` : `${(a / (1024 * 1024)).toFixed(2)} MB`;
 }
-function Be(t) {
-  const r = new Date(t);
+function Re(a) {
+  const r = new Date(a);
   return new Intl.DateTimeFormat("en-US", {
     month: "short",
     day: "numeric",
@@ -483,5 +485,5 @@ function Be(t) {
   }).format(r);
 }
 export {
-  Xe as default
+  Je as default
 };