@chaibuilder/pages 0.4.6-beta.3 → 0.4.6-beta.4

package/dist/{HO4MOOFI-CsPcqhcs.cjs → HO4MOOFI-DBRfBGwX.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./B4MFY5CR-C8daQItO.cjs"),t=require("./index-BosOek7g.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-D1hD4AZA.cjs"),t=require("./index-DL1vcgk2.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/{HO4MOOFI-oec0xpE4.js → HO4MOOFI-ZMWaaBGt.js}

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

package/dist/{HUY7CZI3-B8Ze2vSD.cjs → HUY7CZI3-CFg61x0n.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./B4MFY5CR-C8daQItO.cjs"),t=require("./index-BosOek7g.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-D1hD4AZA.cjs"),t=require("./index-DL1vcgk2.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-CPhM1Xo9.js → HUY7CZI3-DFWIfsRg.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-DuN0t56f.js";
-import { g as v, c as C, a as e } from "./index-CHnFBKHF.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-B0neOOrT.js";
+import { g as v, c as C, a as e } from "./index-D_vvEddR.js";
 var h = (t) => {
   const [r, o] = s({
     prefix: "TanstackQueryDevtools"

package/dist/asset-metadata-editor-r5vYHUfm.js

@@ -0,0 +1,108 @@
+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 { useState as n } from "react";
+function E({
+  asset: e,
+  onSave: l,
+  onCancel: o
+}) {
+  const [c, f] = n(e.description || ""), [d, m] = n(!1), [v, s] = n(!1), x = async () => {
+    m(!0);
+    try {
+      await l({
+        description: c || void 0
+      });
+    } finally {
+      m(!1);
+    }
+  };
+  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__ */ i("div", { className: "flex gap-4", children: [
+        /* @__PURE__ */ i("div", { className: "relative group", children: [
+          /* @__PURE__ */ a(
+            "img",
+            {
+              src: e.url,
+              className: "max-h-96 w-96 border rounded-md p-2"
+            }
+          ),
+          /* @__PURE__ */ a(
+            "button",
+            {
+              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" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i("div", { className: "grid gap-3 w-full", children: [
+          /* @__PURE__ */ a(r, { htmlFor: "description", children: "Details" }),
+          /* @__PURE__ */ a("div", { className: "grid grid-cols-1 gap-2 text-sm border rounded-md p-2", children: [
+            { label: "File Name", value: e.name },
+            { label: "Type", value: e.type },
+            { label: "Format", value: e.format },
+            { label: "Size", value: S(e.size) },
+            {
+              label: "Dimensions",
+              value: `${e.width} × ${e.height}`
+            },
+            { label: "Created", value: g(e.createdAt) },
+            {
+              label: "Updated",
+              value: g((e == null ? void 0 : e.updatedAt) || "")
+            }
+          ].map((t) => /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ a(r, { className: "w-max text-left px-2 w-1/4 font-normal text-gray-700", children: t.label }),
+            ":",
+            /* @__PURE__ */ a("div", { className: "w-max text-left font-medium text-gray-900 capitalize", children: t.value })
+          ] })) }),
+          /* @__PURE__ */ i("div", { className: "grid gap-2", children: [
+            /* @__PURE__ */ a(r, { htmlFor: "description", children: "Description" }),
+            /* @__PURE__ */ a(
+              y,
+              {
+                id: "description",
+                value: c,
+                placeholder: "Enter a description for the asset",
+                onChange: (t) => f(t.target.value),
+                rows: 3
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ i(D, { children: [
+        /* @__PURE__ */ a(p, { variant: "outline", onClick: o, children: "Cancel" }),
+        /* @__PURE__ */ a(p, { onClick: x, disabled: d, children: d ? "Saving..." : "Save Changes" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ a(u, { open: v, onOpenChange: s, children: /* @__PURE__ */ a(h, { className: "w-[60vw] h-[60vh] p-0 flex items-center justify-center bg-gray-100", children: /* @__PURE__ */ a(
+      "img",
+      {
+        src: e.url,
+        className: "w-full h-full object-contain",
+        alt: e.name
+      }
+    ) }) })
+  ] });
+}
+function S(e) {
+  return e < 1024 ? `${e.toFixed(2)} KB` : `${(e / 1024).toFixed(2)} MB`;
+}
+function g(e) {
+  if (!e) return "N/A";
+  const l = new Date(e);
+  return new Intl.DateTimeFormat("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  }).format(l);
+}
+export {
+  E as default
+};

package/dist/asset-metadata-editor-zw9u1BB9.cjs

@@ -0,0 +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;