@kyro-cms/admin 0.12.10 → 0.12.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kyro-cms/admin",
-  "version": "0.12.10",
+  "version": "0.12.11",
   "engines": {
     "node": ">=22"
   },
@@ -15,6 +15,7 @@
   "types": "./src/index.ts",
   "exports": {
     ".": {
+      "node": "./src/index.node.ts",
       "import": "./src/index.ts",
       "default": "./src/index.ts"
     },

package/src/components/ApiKeysManager.tsx

@@ -23,28 +23,7 @@ interface ApiKeyItem {
   expiresAt?: string;
 }
 
-interface PermissionsOption {
-  label: string;
-  value: string;
-}
 
-const ALL_PERMISSIONS: PermissionsOption[] = [
-  { label: "All (*)", value: "*" },
-  { label: "Posts — Read", value: "posts:read" },
-  { label: "Posts — Create", value: "posts:create" },
-  { label: "Posts — Update", value: "posts:update" },
-  { label: "Posts — Delete", value: "posts:delete" },
-  { label: "Pages — Read", value: "pages:read" },
-  { label: "Pages — Create", value: "pages:create" },
-  { label: "Pages — Update", value: "pages:update" },
-  { label: "Pages — Delete", value: "pages:delete" },
-  { label: "Users — Read", value: "users:read" },
-  { label: "Users — Admin", value: "users:admin" },
-  { label: "Media — Read", value: "media:read" },
-  { label: "Media — Upload", value: "media:upload" },
-  { label: "API Keys — Read", value: "apikeys:read" },
-  { label: "API Keys — Admin", value: "apikeys:admin" },
-];
 
 export function ApiKeysManager() {
     const { t } = useTranslation();
@@ -360,35 +339,7 @@ export function ApiKeysManager() {
               {createError && <p className="mt-1.5 text-xs text-red-500">{createError}</p>}
             </div>
 
-            <div>
-              <label className="block text-xs font-bold mb-1.5 text-[var(--kyro-text-secondary)]">Permissions</label>
-              <div className="space-y-1 max-h-48 overflow-y-auto">
-                {ALL_PERMISSIONS.map((opt) => (
-                  <label key={opt.value} className="flex items-center gap-3 p-2 rounded-lg hover:bg-[var(--kyro-surface-accent)] cursor-pointer">
-                    <input
-                      type="checkbox"
-                      checked={newKeyPermissions.includes(opt.value)}
-                      onChange={(e) => {
-                        if (opt.value === "*") {
-                          setNewKeyPermissions(e.target.checked ? ["*"] : []);
-                        } else {
-                          setNewKeyPermissions(
-                            e.target.checked
-                              ? [...newKeyPermissions.filter((p) => p !== "*"), opt.value]
-                              : newKeyPermissions.filter((p) => p !== opt.value)
-                          );
-                        }
-                      }}
-                      className="accent-[var(--kyro-primary)]"
-                    />
-                    <span className="text-sm font-mono">{opt.label}</span>
-                  </label>
-                ))}
-              </div>
-              <p className="mt-1 text-[10px] text-[var(--kyro-text-muted)]">
-                Select specific permissions or choose "*" for full access.
-              </p>
-            </div>
+
 
             <div>
               <label className="block text-xs font-bold mb-1.5 text-[var(--kyro-text-secondary)]">Expires (optional)</label>

package/src/components/AutoForm.tsx

@@ -11,7 +11,7 @@ type View = "edit" | "version" | "api";
 import { globals, collections } from "../lib/config";
 import { resolveUrl, apiGet, apiDelete, fetchWithAuth } from "../lib/api";
 import { EmptyState } from "./ui/EmptyState";
-import { navigate } from "astro:transitions/client";
+import { navigate } from "../lib/navigate";
 import { Shimmer } from "./ui/Shimmer";
 import { normalizeUploadFields } from "../lib/normalize-upload-fields";
 import { useAutoFormStore } from "../lib/autoform-store";

package/src/components/DashboardMetrics.tsx

@@ -54,72 +54,12 @@ function SkeletonCard() {
 
 function MetricCard({
   icon,
-  gradient,
   value,
   label,
   subtext,
   trend,
 }: {
   icon: React.ReactNode;
-  gradient: string;
-  value: string | number;
-  label: string;
-  subtext?: string;
-  trend?: { value: string; up: boolean };
-}) {
-  // Extract the first color from the gradient string (e.g. "#6366f1")
-  const firstColor = gradient.match(/#[0-9a-fA-F]{6}/)?.[0] ?? "#6366f1";
-
-  return (
-    <div
-      className="kyro-metric-card group p-5 rounded-2xl transition-all duration-300 relative overflow-hidden"
-      style={{
-        background: "var(--kyro-surface-accent)",
-        border: "1px solid var(--kyro-border-strong, rgba(255,255,255,0.14))",
-      }}
-    >
-      {/* Glow blob — keep the tile gradients */}
-      <div className="absolute -top-6 -right-6 w-24 h-24 rounded-full opacity-20 blur-2xl pointer-events-none" style={{ background: gradient }} />
-
-      {/* Icon with colored stroke on subtle background */}
-      <div
-        className="w-11 h-11 rounded-xl flex items-center justify-center mb-4 relative z-10"
-        style={{ background: `${firstColor}18` }}
-      >
-        <span style={{ color: firstColor }}>{icon}</span>
-      </div>
-
-      <h4 className="text-2xl font-bold tracking-tight mb-0.5 relative z-10" style={{ color: "var(--kyro-text-primary)" }}>
-        {typeof value === "number" ? formatNumber(value) : value}
-      </h4>
-      <p className="text-xs font-semibold relative z-10" style={{ color: "var(--kyro-text-secondary)" }}>
-        {label}
-      </p>
-      {subtext && (
-        <p className="text-[10px] mt-1 relative z-10" style={{ color: "var(--kyro-text-muted)" }}>
-          {subtext}
-        </p>
-      )}
-      {trend && (
-        <div className={`inline-flex items-center gap-1 mt-2 text-[10px] font-bold px-2 py-0.5 rounded-full relative z-10 ${trend.up ? "bg-emerald-500/15 text-emerald-400" : "bg-red-500/15 text-red-400"}`}>
-          {trend.up ? "↑" : "↓"} {trend.value}
-        </div>
-      )}
-    </div>
-  );
-}
-
-// ─── Ecommerce Metric Card (Commerce Overview) ───────────────────────────────
-
-function EcommerceMetricCard({
-  icon,
-  value,
-  label,
-  subtext,
-  trend,
-}: {
-  icon: React.ReactNode;
-  gradient: string;
   value: string | number;
   label: string;
   subtext?: string;
@@ -199,8 +139,8 @@ function CustomTooltip({ active, payload, label, currency }: any) {
             {p.name === "revenue"
               ? formatCurrency(p.value, currency)
               : p.name === "orders"
-              ? `${p.value} orders`
-              : p.value}
+                ? `${p.value} orders`
+                : p.value}
           </span>
         </div>
       ))}
@@ -237,9 +177,9 @@ export const RevenueChart: React.FC = () => {
   // Build order-count per month from chartData if present
   const enrichedData = hasChartData
     ? data.chartData.map((d: any) => ({
-        ...d,
-        orders: d.orders ?? Math.round(d.revenue / Math.max(avgOrderValue, 1)),
-      }))
+      ...d,
+      orders: d.orders ?? Math.round(d.revenue / Math.max(avgOrderValue, 1)),
+    }))
     : [];
 
   // Donut data: order status breakdown
@@ -252,16 +192,16 @@ export const RevenueChart: React.FC = () => {
     cancelled: "#f87171",  // Red
   };
   const fallbackColors = ["#818cf8", "#94a3b8", "#fbbf24", "#f87171", "#c084fc", "#38bdf8"];
-  
+
   const statusData = data?.ordersByStatus
     ? Object.entries(data.ordersByStatus).map(([name, value]: any, i) => {
-        const normalized = name.toLowerCase().trim();
-        return {
-          name: name.charAt(0).toUpperCase() + name.slice(1),
-          value,
-          color: STATUS_COLORS[normalized] || fallbackColors[i % fallbackColors.length],
-        };
-      })
+      const normalized = name.toLowerCase().trim();
+      return {
+        name: name.charAt(0).toUpperCase() + name.slice(1),
+        value,
+        color: STATUS_COLORS[normalized] || fallbackColors[i % fallbackColors.length],
+      };
+    })
     : [];
 
   return (
@@ -605,14 +545,10 @@ export const DashboardMetrics: React.FC<DashboardMetricsProps> = ({ isEcommerce
         {loading
           ? Array.from({ length: 5 }).map((_, i) => <SkeletonCard key={i} />)
           : data
-          ? cards.map((card, i) =>
-              isEcommerce ? (
-                <EcommerceMetricCard key={i} {...card} />
-              ) : (
-                <MetricCard key={i} {...card} />
-              )
-            )
-          : null}
+            ? cards.map((card, i) => (
+              <MetricCard key={i} {...card} />
+            ))
+            : null}
       </div>
     </div>
   );

package/src/components/DetailView.tsx

@@ -15,7 +15,7 @@ import { PageHeader } from "./ui/PageHeader";
 import { Badge } from "./ui/Badge";
 import { SplitButton } from "./ui/SplitButton";
 import { Lock, FileText, ChevronLeft, Save } from "lucide-react";
-import { navigate } from "astro:transitions/client";
+import { navigate } from "../lib/navigate";
 import { useTranslation } from "react-i18next";
 import "../lib/i18n";
 import { adminPath } from "../lib/paths";
@@ -172,7 +172,7 @@ export function DetailView({
         setTimeout(() => {
           setSaveStatus("idle");
         }, 2000);
-        
+
         if (showPreview) {
           refreshPreviewUrl(savedData);
         }
@@ -252,7 +252,7 @@ export function DetailView({
       delete copyPayload.createdAt;
       delete copyPayload.updatedAt;
       delete (copyPayload as any).status;
-      
+
       await navigator.clipboard.writeText(JSON.stringify(copyPayload));
       toast.success(t("toast.dataCopied", { defaultValue: "Document data copied to clipboard" }));
     } catch (e) {
@@ -267,7 +267,7 @@ export function DetailView({
       if (typeof pastedData !== 'object' || pastedData === null) {
         throw new Error("Invalid format");
       }
-      
+
       setData((prev) => ({
         ...prev,
         ...pastedData,

package/src/components/ListView.tsx

@@ -1,7 +1,7 @@
 import { Search, Filter, Columns3, X, Trash2, Archive, ChevronUp, Edit2 } from "./ui/icons";
 import { useState, useEffect, useMemo, useCallback, useRef } from "react";
 import { Spinner } from "./ui/Spinner";
-import { navigate } from "astro:transitions/client";
+import { navigate } from "../lib/navigate";
 import { Shimmer } from "./ui/Shimmer";
 import { Plus } from "./ui/icons";
 import { apiGet, apiDelete, withCacheBust } from "../lib/api";
@@ -75,12 +75,7 @@ export function ListView({
       providedOnCreate();
     } else {
       const href = `${ADMIN_BASE}/${collectionSlug}/new`;
-      // @ts-ignore
-      import("astro:transitions/client").then(({ navigate }) => {
-        navigate(href);
-      }).catch(() => {
-        navigate(href);
-      });
+      navigate(href);
     }
   };
 
@@ -89,12 +84,7 @@ export function ListView({
       providedOnEdit(id);
     } else {
       const href = `${ADMIN_BASE}/${collectionSlug}/${id}`;
-      // @ts-ignore
-      import("astro:transitions/client").then(({ navigate }) => {
-        navigate(href);
-      }).catch(() => {
-        navigate(href);
-      });
+      navigate(href);
     }
   };
 
@@ -141,7 +131,8 @@ export function ListView({
   function flattenFields(fields: FieldConfig[]): FieldConfig[] {
     const result: FieldConfig[] = [];
     for (const field of fields || []) {
-      if (!field.name || field.hidden === true || field.admin?.hidden || field.name === "id") continue;
+      if (field.hidden === true || field.admin?.hidden || field.name === "id") continue;
+
       if (field.type === "tabs" && field.tabs) {
         for (const tab of field.tabs) {
           if (tab.fields) {
@@ -154,6 +145,7 @@ export function ListView({
       ) {
         result.push(...flattenFields(field.fields));
       } else {
+        if (!field.name) continue;
         result.push(field);
       }
     }

package/src/components/PluginsManager.tsx

@@ -1,4 +1,4 @@
-import { pluginViews } from "virtual:kyro-plugins";
+import { pluginViews } from "../lib/virtual-kyro-plugins";
 import React, { useState, useEffect, Suspense } from "react";
 import {
   Blocks,
@@ -16,7 +16,7 @@ import { Modal, ModalContent, ModalActions } from "./ui/Modal";
 import { PageHeader } from "./ui/PageHeader";
 import { Badge } from "./ui/Badge";
 import { useTranslation } from "react-i18next";
-import { navigate } from "astro:transitions/client";
+import { navigate } from "../lib/navigate";
 
 
 interface Plugin {

package/src/components/UserMenu.tsx

@@ -4,7 +4,7 @@ import { User, Shield, Key, Webhook, Clock, FileText, ExternalLink, HelpCircle,
 import { useAuthStore } from "../lib/stores";
 import { apiGet } from "../lib/api";
 import { useTranslation } from "react-i18next";
-import { navigate } from 'astro:transitions/client';
+import { navigate } from '../lib/navigate';
 
 interface UserMenuProps {
   adminPath: string;

package/src/components/fields/BlocksField.tsx

@@ -83,7 +83,7 @@ const SortableBlockComponent = ({
   onDuplicate: (id: string) => void;
   compact?: boolean;
 }) => {
-    const { t } = useTranslation();
+  const { t } = useTranslation();
   const {
     attributes,
     listeners,
@@ -116,6 +116,23 @@ const SortableBlockComponent = ({
     }
   }, [nameDraft, block.name, block.id, updateBlock]);
 
+  const copyToClipboard = useCallback((e: React.MouseEvent) => {
+    e.stopPropagation();
+    try {
+      const exportData = {
+        __kyro_block: true,
+        type: block.type,
+        blockProps: { ...block, id: undefined, type: undefined },
+      };
+      navigator.clipboard.writeText(JSON.stringify(exportData, null, 2));
+      setCopied(true);
+      toast.success(t("notifications.blockCopied", { defaultValue: "Block copied to clipboard" }));
+      setTimeout(() => setCopied(false), 2000);
+    } catch (err) {
+      toast.error(t("notifications.blockCopyFailed", { defaultValue: "Failed to copy block" }));
+    }
+  }, [block, t]);
+
   const style = {
     transform: CSS.Transform.toString(transform),
     transition,
@@ -133,8 +150,8 @@ const SortableBlockComponent = ({
         <div
           onClick={() => setEditingBlockId(block.id as string)}
           className={`flex items-center gap-2 pl-7 pr-2 py-2 w-full bg-[var(--kyro-bg-secondary)] rounded-md border transition-colors cursor-pointer text-sm ${isEditing
-              ? `${(blockTheme[block.type as string] || blockTheme.default).border} bg-[var(--kyro-primary)]/5`
-              : "border-[var(--kyro-border)] hover:border-[var(--kyro-primary)]/50 hover:bg-[var(--kyro-primary)]/5"
+            ? `${(blockTheme[block.type as string] || blockTheme.default).border} bg-[var(--kyro-primary)]/5`
+            : "border-[var(--kyro-border)] hover:border-[var(--kyro-primary)]/50 hover:bg-[var(--kyro-primary)]/5"
             }`}
         >
           <div
@@ -202,7 +219,7 @@ const SortableBlockComponent = ({
                 className="p-0.5 hover:bg-[var(--kyro-surface-accent)] rounded text-[var(--kyro-text-secondary)] transition-colors"
                 title={t("tooltips.rename", { defaultValue: "Rename" })}
               >
-                <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
+                <svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" /><path d="m15 5 4 4" /></svg>
               </button>
               <button
                 type="button"
@@ -215,6 +232,14 @@ const SortableBlockComponent = ({
               >
                 <Copy className="w-3 h-3" />
               </button>
+              <button
+                type="button"
+                onClick={copyToClipboard}
+                className="p-0.5 hover:bg-[var(--kyro-surface-accent)] rounded text-[var(--kyro-text-secondary)] transition-colors"
+                title={t("tooltips.copyBlock", { defaultValue: "Copy Block to Clipboard" })}
+              >
+                {copied ? <Check className="w-3 h-3 text-green-500" /> : <ClipboardCopy className="w-3 h-3" />}
+              </button>
 
               <button
                 type="button"
@@ -247,8 +272,8 @@ const SortableBlockComponent = ({
       <div
         onClick={() => setEditingBlockId(block.id as string)}
         className={`flex items-center gap-3 p-3 bg-[var(--kyro-bg-secondary)] rounded-lg border transition-colors cursor-pointer ${isEditing
-            ? `${(blockTheme[block.type as string] || blockTheme.default).border} bg-[var(--kyro-primary)]/5`
-            : "border-[var(--kyro-border)] hover:border-[var(--kyro-primary)]/50 hover:bg-[var(--kyro-primary)]/5"
+          ? `${(blockTheme[block.type as string] || blockTheme.default).border} bg-[var(--kyro-primary)]/5`
+          : "border-[var(--kyro-border)] hover:border-[var(--kyro-primary)]/50 hover:bg-[var(--kyro-primary)]/5"
           }`}
       >
         <div
@@ -338,7 +363,7 @@ const SortableBlockComponent = ({
               className="p-1 hover:bg-[var(--kyro-surface-accent)] rounded text-[var(--kyro-text-secondary)] transition-colors"
               title={t("tooltips.renameBlock", { defaultValue: "Rename Block" })}
             >
-              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m15 5 4 4"/></svg>
+              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"><path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" /><path d="m15 5 4 4" /></svg>
             </button>
             <button
               type="button"
@@ -351,6 +376,14 @@ const SortableBlockComponent = ({
             >
               <Copy className="w-3.5 h-3.5" />
             </button>
+            <button
+              type="button"
+              onClick={copyToClipboard}
+              className="p-1 hover:bg-[var(--kyro-surface-accent)] rounded text-[var(--kyro-text-secondary)] transition-colors"
+              title={t("tooltips.copyBlock", { defaultValue: "Copy Block to Clipboard" })}
+            >
+              {copied ? <Check className="w-3.5 h-3.5 text-green-500" /> : <ClipboardCopy className="w-3.5 h-3.5" />}
+            </button>
 
             <button
               type="button"
@@ -526,10 +559,31 @@ export const BlocksField: React.FC<BlocksFieldProps> = ({
     [store],
   );
 
+  // const handlePasteBlock = useCallback((parsedData: any) => {
+  //   const allowedBlocks = (field.blocks as Array<{ slug: string }>) || [];
+  //   const isAllowed = allowedBlocks.some((b) => b.slug === parsedData.type);
+
+  //   if (!isAllowed) {
+  //     alert(`The block type "${parsedData.type}" is not allowed in this collection.`);
+  //     return;
+  //   }
+
+  //   const newId = Math.random().toString(36).substring(2, 11);
+  //   const newBlock = {
+  //     ...(parsedData.blockProps || {}),
+  //     id: newId,
+  //     type: parsedData.type,
+  //   };
+
+  //   store.getState().setBlocks([...blocks, newBlock]);
+  //   setIsDrawerOpen(false);
+  // }, [field.blocks, blocks, store]);
+
+
+
   const handlePasteBlock = useCallback((parsedData: any) => {
-    const allowedBlocks = (field.blocks as Array<{ slug: string }>) || [];
     const isAllowed = allowedBlocks.some((b) => b.slug === parsedData.type);
-    
+
     if (!isAllowed) {
       alert(`The block type "${parsedData.type}" is not allowed in this collection.`);
       return;
@@ -544,9 +598,34 @@ export const BlocksField: React.FC<BlocksFieldProps> = ({
 
     store.getState().setBlocks([...blocks, newBlock]);
     setIsDrawerOpen(false);
-  }, [field.blocks, blocks, store]);
+  }, [allowedBlocks, blocks, store]);
 
+  const handleContainerPaste = useCallback((e: React.ClipboardEvent<HTMLDivElement>) => {
+    const activeEl = document.activeElement;
+    if (
+      activeEl &&
+      (activeEl.tagName === "INPUT" ||
+        activeEl.tagName === "TEXTAREA" ||
+        activeEl.getAttribute("contenteditable") === "true")
+    ) {
+      return;
+    }
 
+    const text = e.clipboardData?.getData("text");
+    if (!text) return;
+
+    try {
+      const parsed = JSON.parse(text);
+      if (parsed && parsed.__kyro_block) {
+        e.preventDefault();
+        e.stopPropagation();
+        handlePasteBlock(parsed);
+        toast.success(`Block pasted: ${parsed.type}`);
+      }
+    } catch {
+      // Ignore
+    }
+  }, [handlePasteBlock]);
 
   const duplicateBlock = useCallback(
     (blockId: string) => {
@@ -668,8 +747,9 @@ export const BlocksField: React.FC<BlocksFieldProps> = ({
 
   return (
     <BlocksContext.Provider value={storeRef.current}>
-      <div 
+      <div
         className="kyro-blocks-field"
+        onPaste={handleContainerPaste}
         tabIndex={0}
         style={{ outline: "none" }}
       >

package/src/components/fields/RichTextField.tsx

@@ -51,7 +51,7 @@ import {
   Sparkles,
 } from "lucide-react";
 import { useTranslation } from "react-i18next";
-import { useToast } from "@kyro-cms/admin";
+import { useToast } from "../ui/Toast";
 
 interface RichTextFieldProps {
   field: Field;

package/src/components/users/UserDetail.tsx

@@ -3,7 +3,7 @@ import { apiGet } from "../../lib/api";
 import { useUIStore, toast } from "../../lib/stores";
 import { UploadField } from "../fields/UploadField";
 import { useTranslation } from "react-i18next";
-import { navigate } from 'astro:transitions/client';
+import { navigate } from '../../lib/navigate';
 
 interface User {
   id: string;
@@ -36,7 +36,7 @@ const roleOptions = [
 ];
 
 export function UserDetail({ user, apiPath, adminPath }: UserDetailProps) {
-    const { t } = useTranslation();
+  const { t } = useTranslation();
   const [name, setName] = useState(user.name || "");
   const [role, setRole] = useState(user.role);
   const [avatar, setAvatar] = useState<string | undefined>(user.avatar);

package/src/components/users/UserForm.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
-import { navigate } from 'astro:transitions/client';
+import { navigate } from '../../lib/navigate';
 
 interface UserFormProps {
   mode: "create" | "edit";
@@ -27,7 +27,7 @@ const roleOptions = [
 ];
 
 export function UserForm({ mode, apiPath, adminPath, user }: UserFormProps) {
-    const { t } = useTranslation();
+  const { t } = useTranslation();
   const [email, setEmail] = useState(user?.email || "");
   const [name, setName] = useState(user?.name || "");
   const [password, setPassword] = useState("");

package/src/components/users/UsersList.tsx

@@ -1,7 +1,7 @@
 import { Plus, Lock, CheckCircle2, Edit2, Trash2, XCircle, X } from "../ui/icons";
 import { useState } from "react";
 import { useUIStore } from "../../lib/stores";
-import { navigate } from 'astro:transitions/client';
+import { navigate } from '../../lib/navigate';
 
 interface User {
   id: string;

package/src/hooks/useAutoFormState.ts

@@ -186,7 +186,7 @@ const persistBrowserDraft = useCallback(
         },
         keepalive: options?.keepalive,
         body: JSON.stringify({
-          ...(normalizeUploadFields(latestFormData) as Record<string, unknown>),
+          ...(normalizeUploadFields(latestFormData, true) as Record<string, unknown>),
           baseUpdatedAt: currentLastSaved.updatedAt ?? null,
         }),
       });
@@ -279,7 +279,7 @@ const persistBrowserDraft = useCallback(
             "X-Draft": String(isDraft),
           },
           body: JSON.stringify({
-            ...normalizeUploadFields(payload) as Record<string, unknown>,
+            ...normalizeUploadFields(payload, true) as Record<string, unknown>,
             baseUpdatedAt: state.lastSavedData.updatedAt ?? null,
           }),
         },
@@ -313,7 +313,7 @@ const persistBrowserDraft = useCallback(
             "X-Draft": String(isDraft),
           },
           body: JSON.stringify({
-            ...normalizeUploadFields(payload) as Record<string, unknown>,
+            ...normalizeUploadFields(payload, true) as Record<string, unknown>,
           }),
         },
       );

package/src/index.node.ts

@@ -0,0 +1,2 @@
+
+export { kyroAdmin, type KyroAdminOptions } from "./integration.ts";