@nextsparkjs/core 0.1.0-beta.69 → 0.1.0-beta.70

package/dist/components/billing/InvoiceStatusBadge.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Badge } from "../ui/badge.js";
-import { cn } from "../../lib/utils.js";
+import { cn } from "../../lib/utils/index.js";
 import { useTranslations } from "next-intl";
 function InvoiceStatusBadge({ status, className }) {
   const t = useTranslations("settings.billing.invoices.status");

package/dist/components/billing/PricingTable.js

@@ -7,7 +7,7 @@ import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../ui
 import { Badge } from "../ui/badge.js";
 import { Check, X } from "lucide-react";
 import { useTranslations } from "next-intl";
-import { cn } from "../../lib/utils.js";
+import { cn } from "../../lib/utils/index.js";
 function PricingTable({ onSelectPlan, className }) {
   const t = useTranslations("billing");
   const { planSlug: currentPlanSlug } = useSubscription();

package/dist/components/billing/UsageBar.js

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useQuota } from "../../hooks/useQuota.js";
 import { useTranslations } from "next-intl";
-import { cn } from "../../lib/utils.js";
+import { cn } from "../../lib/utils/index.js";
 import { Skeleton } from "../ui/skeleton.js";
 function UsageBar({ limitSlug, showLabel = true, className }) {
   const quota = useQuota(limitSlug);

package/dist/components/dashboard/block-editor/block-picker.js

@@ -6,7 +6,7 @@ import { useQuery } from "@tanstack/react-query";
 import { Search, Plus, LayoutGrid, LayoutList, Layers } from "lucide-react";
 import { Input } from "../../ui/input.js";
 import { ScrollArea } from "../../ui/scroll-area.js";
-import { cn } from "../../../lib/utils.js";
+import { cn } from "../../../lib/utils/index.js";
 import { sel } from "../../../lib/test/index.js";
 import { getCategoryConfig } from "./category-helpers.js";
 import { TreeView } from "./tree-view.js";
@@ -83,7 +83,7 @@ function BlockPicker({
         "button",
         {
           className: cn(
-            "flex-1 py-3 text-sm font-medium transition-colors relative",
+            "flex-1 py-3 text-sm font-medium transition-colors relative cursor-pointer",
             activeTab === "blocks" ? "text-primary bg-primary/5" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"
           ),
           onClick: () => setActiveTab("blocks"),
@@ -105,7 +105,7 @@ function BlockPicker({
         "button",
         {
           className: cn(
-            "flex-1 py-3 text-sm font-medium transition-colors relative",
+            "flex-1 py-3 text-sm font-medium transition-colors relative cursor-pointer",
             activeTab === "patterns" ? "text-primary bg-primary/5" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"
           ),
           onClick: () => setActiveTab("patterns"),
@@ -121,7 +121,7 @@ function BlockPicker({
         "button",
         {
           className: cn(
-            "flex-1 py-3 text-sm font-medium transition-colors relative",
+            "flex-1 py-3 text-sm font-medium transition-colors relative cursor-pointer",
             activeTab === "layout" ? "text-primary bg-primary/5" : "text-muted-foreground hover:text-foreground hover:bg-muted/50"
           ),
           onClick: () => setActiveTab("layout"),
@@ -166,7 +166,7 @@ function BlockPicker({
                 "button",
                 {
                   className: cn(
-                    "px-2.5 py-1 text-xs font-medium rounded-md whitespace-nowrap transition-colors",
+                    "px-2.5 py-1 text-xs font-medium rounded-md whitespace-nowrap transition-colors cursor-pointer",
                     !selectedCategory ? "bg-foreground text-background" : "bg-muted text-muted-foreground hover:bg-muted-foreground/20"
                   ),
                   onClick: () => setSelectedCategory(null),
@@ -182,7 +182,7 @@ function BlockPicker({
                   "button",
                   {
                     className: cn(
-                      "px-2.5 py-1 text-xs font-medium rounded-md whitespace-nowrap transition-colors capitalize flex items-center gap-1.5",
+                      "px-2.5 py-1 text-xs font-medium rounded-md whitespace-nowrap transition-colors capitalize flex items-center gap-1.5 cursor-pointer",
                       isActive ? `${config.bgColor} ${config.textColor} ${config.borderColor} border` : "bg-muted text-muted-foreground hover:bg-muted-foreground/20"
                     ),
                     onClick: () => setSelectedCategory(category),
@@ -205,12 +205,7 @@ function BlockPicker({
         return /* @__PURE__ */ jsxs(
           "div",
           {
-            className: "group relative bg-background border border-border rounded-lg p-3 hover:border-primary hover:shadow-md transition-[border-color,box-shadow] cursor-grab active:cursor-grabbing",
-            draggable: true,
-            onDragStart: (e) => {
-              e.dataTransfer.setData("blockSlug", block.slug);
-              e.dataTransfer.effectAllowed = "copy";
-            },
+            className: "group relative bg-background border border-border rounded-lg p-3 hover:border-primary hover:shadow-md transition-[border-color,box-shadow] cursor-pointer",
             onClick: () => onAddBlock(block.slug),
             "data-cy": sel("blockEditor.blockPicker.blockCard", { slug: block.slug }),
             children: [
@@ -257,7 +252,7 @@ function BlockPicker({
               /* @__PURE__ */ jsx("div", { className: "absolute right-2 top-2 opacity-0 group-hover:opacity-100 transition-opacity", children: /* @__PURE__ */ jsx(
                 "button",
                 {
-                  className: "w-6 h-6 bg-foreground text-background rounded flex items-center justify-center text-xs shadow-md hover:scale-110 transition-transform",
+                  className: "w-6 h-6 bg-foreground text-background rounded flex items-center justify-center text-xs shadow-md hover:scale-110 transition-transform cursor-pointer",
                   onClick: (e) => {
                     e.stopPropagation();
                     onAddBlock(block.slug);

package/dist/components/dashboard/block-editor/block-preview-canvas.js

@@ -4,7 +4,7 @@ import { Suspense, useMemo, useState, memo, useCallback } from "react";
 import { ChevronUp, ChevronDown } from "lucide-react";
 import { useTranslations } from "next-intl";
 import { Button } from "../../ui/button.js";
-import { cn } from "../../../lib/utils.js";
+import { cn } from "../../../lib/utils/index.js";
 import { sel } from "../../../lib/test/index.js";
 import { FloatingBlockToolbar } from "./floating-block-toolbar.js";
 import { getBlockComponent, normalizeBlockProps } from "../../../lib/blocks/loader.js";

package/dist/components/dashboard/block-editor/block-settings-panel.js

@@ -6,7 +6,7 @@ import { Button } from "../../ui/button.js";
 import { Card, CardContent } from "../../ui/card.js";
 import { Trash2, FileText, Palette, Settings2, X, SlidersHorizontal, Layers, Lock } from "lucide-react";
 import Link from "next/link";
-import { cn } from "../../../lib/utils.js";
+import { cn } from "../../../lib/utils/index.js";
 import { sel } from "../../../lib/test/index.js";
 import { DynamicForm } from "./dynamic-form.js";
 import { isPatternReference } from "../../../types/pattern-reference.js";
@@ -160,7 +160,8 @@ function BlockSettingsPanel({
             className: cn(
               "flex-1 py-3 text-sm font-medium transition-colors relative flex items-center justify-center gap-1.5",
               activeTab === "content" ? "text-primary bg-primary/5" : "text-muted-foreground hover:text-foreground hover:bg-muted/50",
-              !hasContentFields && "opacity-50 cursor-not-allowed"
+              !hasContentFields && "opacity-50 cursor-not-allowed",
+              hasContentFields && "cursor-pointer"
             ),
             onClick: () => hasContentFields && setActiveTab("content"),
             disabled: !hasContentFields,
@@ -178,7 +179,8 @@ function BlockSettingsPanel({
             className: cn(
               "flex-1 py-3 text-sm font-medium transition-colors relative flex items-center justify-center gap-1.5",
               activeTab === "design" ? "text-primary bg-primary/5" : "text-muted-foreground hover:text-foreground hover:bg-muted/50",
-              !hasDesignFields && "opacity-50 cursor-not-allowed"
+              !hasDesignFields && "opacity-50 cursor-not-allowed",
+              hasDesignFields && "cursor-pointer"
             ),
             onClick: () => hasDesignFields && setActiveTab("design"),
             disabled: !hasDesignFields,
@@ -196,7 +198,8 @@ function BlockSettingsPanel({
             className: cn(
               "flex-1 py-3 text-sm font-medium transition-colors relative flex items-center justify-center gap-1.5",
               activeTab === "advanced" ? "text-primary bg-primary/5" : "text-muted-foreground hover:text-foreground hover:bg-muted/50",
-              !hasAdvancedFields && "opacity-50 cursor-not-allowed"
+              !hasAdvancedFields && "opacity-50 cursor-not-allowed",
+              hasAdvancedFields && "cursor-pointer"
             ),
             onClick: () => hasAdvancedFields && setActiveTab("advanced"),
             disabled: !hasAdvancedFields,

package/dist/components/dashboard/block-editor/builder-editor-view.js

@@ -19,7 +19,7 @@ import { BlockService } from "../../../lib/services/block.service.js";
 import { ViewportToggle } from "./viewport-toggle.js";
 import { ConfigPanel } from "./config-panel.js";
 import { useSidebar } from "../../../contexts/sidebar-context.js";
-import { cn } from "../../../lib/utils.js";
+import { cn } from "../../../lib/utils/index.js";
 function getTeamId() {
   if (typeof window !== "undefined") {
     return localStorage.getItem("activeTeamId");
@@ -466,7 +466,7 @@ function BuilderEditorView({ entitySlug, entityConfig, id, mode }) {
                     "button",
                     {
                       className: cn(
-                        "px-3 py-1.5 rounded-md transition-colors flex items-center gap-2",
+                        "px-3 py-1.5 rounded-md transition-colors flex items-center gap-2 cursor-pointer",
                         viewMode === "preview" ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground hover:bg-muted-foreground/10"
                       ),
                       onClick: () => handleViewModeChange("preview"),
@@ -481,7 +481,7 @@ function BuilderEditorView({ entitySlug, entityConfig, id, mode }) {
                     "button",
                     {
                       className: cn(
-                        "px-3 py-1.5 rounded-md transition-colors flex items-center gap-2",
+                        "px-3 py-1.5 rounded-md transition-colors flex items-center gap-2 cursor-pointer",
                         viewMode === "settings" ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground hover:bg-muted-foreground/10"
                       ),
                       onClick: () => handleViewModeChange("settings"),

package/dist/components/dashboard/block-editor/config-panel.js

@@ -26,7 +26,7 @@ import {
   Trash2,
   Loader2
 } from "lucide-react";
-import { cn } from "../../../lib/utils.js";
+import { cn } from "../../../lib/utils/index.js";
 import { sel } from "../../../lib/test/index.js";
 function ConfigPanel({
   entityConfig,
@@ -39,7 +39,8 @@ function ConfigPanel({
   const t = useTranslations("admin.builder");
   const tSettings = useTranslations("admin.pages.settings");
   const [entityFieldsOpen, setEntityFieldsOpen] = useState(true);
-  const [seoMetaOpen, setSeoMetaOpen] = useState(true);
+  const [seoOpen, setSeoOpen] = useState(true);
+  const [customFieldsOpen, setCustomFieldsOpen] = useState(true);
   const sidebarFields = ((_a = entityConfig.builder) == null ? void 0 : _a.sidebarFields) || [];
   const taxonomyTypes = ((_b = entityConfig.taxonomies) == null ? void 0 : _b.types) || [];
   const taxonomiesEnabled = ((_c = entityConfig.taxonomies) == null ? void 0 : _c.enabled) && taxonomyTypes.length > 0;
@@ -169,19 +170,20 @@ function ConfigPanel({
         {
           "data-cy": sel("blockEditor.configPanel.scroll"),
           className: "h-full",
-          children: /* @__PURE__ */ jsxs("div", { className: "max-w-2xl mx-auto p-6 space-y-6", children: [
+          children: /* @__PURE__ */ jsxs("div", { className: "max-w-4xl mx-auto p-6 space-y-4", children: [
             showEntityFieldsSection && /* @__PURE__ */ jsxs(
               Collapsible,
               {
                 open: entityFieldsOpen,
                 onOpenChange: setEntityFieldsOpen,
                 "data-cy": sel("blockEditor.configPanel.entityFieldsSection.container"),
+                className: "bg-card rounded-lg border",
                 children: [
                   /* @__PURE__ */ jsxs(
                     CollapsibleTrigger,
                     {
                       "data-cy": sel("blockEditor.configPanel.entityFieldsSection.trigger"),
-                      className: "flex items-center justify-between w-full p-4 bg-card rounded-lg border hover:bg-accent/50 transition-colors",
+                      className: "flex items-center justify-between w-full p-4 hover:bg-accent/50 transition-colors cursor-pointer",
                       children: [
                         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
                           /* @__PURE__ */ jsx(FileText, { className: "h-4 w-4 text-muted-foreground" }),
@@ -198,8 +200,7 @@ function ConfigPanel({
                     CollapsibleContent,
                     {
                       "data-cy": sel("blockEditor.configPanel.entityFieldsSection.content"),
-                      className: "pt-4",
-                      children: /* @__PURE__ */ jsxs("div", { className: "space-y-6 p-4 bg-card rounded-lg border", children: [
+                      children: /* @__PURE__ */ jsxs("div", { className: "space-y-6 px-4 pb-4 pt-2 border-t", children: [
                         sidebarFields.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-4", children: sidebarFields.map((fieldName) => renderField(fieldName)) }),
                         taxonomiesEnabled && firstTaxonomy && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
                           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
@@ -258,23 +259,24 @@ function ConfigPanel({
             showSeoSection && /* @__PURE__ */ jsxs(
               Collapsible,
               {
-                open: seoMetaOpen,
-                onOpenChange: setSeoMetaOpen,
-                "data-cy": sel("blockEditor.configPanel.seoMetaSection.container"),
+                open: seoOpen,
+                onOpenChange: setSeoOpen,
+                "data-cy": sel("blockEditor.configPanel.seoSection.container"),
+                className: "bg-card rounded-lg border",
                 children: [
                   /* @__PURE__ */ jsxs(
                     CollapsibleTrigger,
                     {
-                      "data-cy": sel("blockEditor.configPanel.seoMetaSection.trigger"),
-                      className: "flex items-center justify-between w-full p-4 bg-card rounded-lg border hover:bg-accent/50 transition-colors",
+                      "data-cy": sel("blockEditor.configPanel.seoSection.trigger"),
+                      className: "flex items-center justify-between w-full p-4 hover:bg-accent/50 transition-colors cursor-pointer",
                       children: [
                         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
                           /* @__PURE__ */ jsx(Search, { className: "h-4 w-4 text-muted-foreground" }),
-                          /* @__PURE__ */ jsx("h3", { className: "font-semibold", children: t("config.seoMeta") })
+                          /* @__PURE__ */ jsx("h3", { className: "font-semibold", children: t("config.seo") })
                         ] }),
                         /* @__PURE__ */ jsx(ChevronDown, { className: cn(
                           "h-4 w-4 text-muted-foreground transition-transform",
-                          seoMetaOpen && "rotate-180"
+                          seoOpen && "rotate-180"
                         ) })
                       ]
                     }
@@ -282,9 +284,8 @@ function ConfigPanel({
                   /* @__PURE__ */ jsx(
                     CollapsibleContent,
                     {
-                      "data-cy": sel("blockEditor.configPanel.seoMetaSection.content"),
-                      className: "pt-4",
-                      children: /* @__PURE__ */ jsxs("div", { className: "space-y-6 p-4 bg-card rounded-lg border", children: [
+                      "data-cy": sel("blockEditor.configPanel.seoSection.content"),
+                      children: /* @__PURE__ */ jsxs("div", { className: "space-y-6 px-4 pb-4 pt-2 border-t", children: [
                         /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
                           /* @__PURE__ */ jsx(Label, { htmlFor: "meta-title", children: tSettings("seo.metaTitle") }),
                           /* @__PURE__ */ jsx(
@@ -294,7 +295,7 @@ function ConfigPanel({
                               value: ((_f = pageSettings.seo) == null ? void 0 : _f.metaTitle) || "",
                               onChange: (e) => handleSeoChange("metaTitle", e.target.value),
                               placeholder: tSettings("seo.metaTitlePlaceholder"),
-                              "data-cy": sel("blockEditor.configPanel.seoMetaSection.metaTitle")
+                              "data-cy": sel("blockEditor.configPanel.seoSection.metaTitle")
                             }
                           ),
                           /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: tSettings("seo.metaTitleHint") })
@@ -309,7 +310,7 @@ function ConfigPanel({
                               onChange: (e) => handleSeoChange("metaDescription", e.target.value),
                               placeholder: tSettings("seo.metaDescriptionPlaceholder"),
                               rows: 3,
-                              "data-cy": sel("blockEditor.configPanel.seoMetaSection.metaDescription")
+                              "data-cy": sel("blockEditor.configPanel.seoSection.metaDescription")
                             }
                           ),
                           /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
@@ -327,7 +328,7 @@ function ConfigPanel({
                               value: ((_j = pageSettings.seo) == null ? void 0 : _j.metaKeywords) || "",
                               onChange: (e) => handleSeoChange("metaKeywords", e.target.value),
                               placeholder: tSettings("seo.metaKeywordsPlaceholder"),
-                              "data-cy": sel("blockEditor.configPanel.seoMetaSection.metaKeywords")
+                              "data-cy": sel("blockEditor.configPanel.seoSection.metaKeywords")
                             }
                           )
                         ] }),
@@ -340,62 +341,92 @@ function ConfigPanel({
                               value: ((_k = pageSettings.seo) == null ? void 0 : _k.ogImage) || "",
                               onChange: (e) => handleSeoChange("ogImage", e.target.value),
                               placeholder: tSettings("seo.ogImagePlaceholder"),
-                              "data-cy": sel("blockEditor.configPanel.seoMetaSection.ogImage")
+                              "data-cy": sel("blockEditor.configPanel.seoSection.ogImage")
                             }
                           )
+                        ] })
+                      ] })
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              Collapsible,
+              {
+                open: customFieldsOpen,
+                onOpenChange: setCustomFieldsOpen,
+                "data-cy": sel("blockEditor.configPanel.customFieldsSection.container"),
+                className: "bg-card rounded-lg border",
+                children: [
+                  /* @__PURE__ */ jsxs(
+                    CollapsibleTrigger,
+                    {
+                      "data-cy": sel("blockEditor.configPanel.customFieldsSection.trigger"),
+                      className: "flex items-center justify-between w-full p-4 hover:bg-accent/50 transition-colors cursor-pointer",
+                      children: [
+                        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                          /* @__PURE__ */ jsx(Settings2, { className: "h-4 w-4 text-muted-foreground" }),
+                          /* @__PURE__ */ jsx("h3", { className: "font-semibold", children: tSettings("customFields.title") })
                         ] }),
-                        /* @__PURE__ */ jsxs("div", { className: "space-y-4 pt-4 border-t", children: [
-                          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                            /* @__PURE__ */ jsx(Settings2, { className: "h-4 w-4 text-muted-foreground" }),
-                            /* @__PURE__ */ jsx(Label, { children: tSettings("customFields.title") })
-                          ] }),
-                          (pageSettings.customFields || []).length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground text-center py-4", children: tSettings("customFields.empty") }) : /* @__PURE__ */ jsx("div", { className: "space-y-3", children: (pageSettings.customFields || []).map((field, index) => /* @__PURE__ */ jsxs("div", { className: "flex gap-2 items-start", children: [
-                            /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
-                              Input,
-                              {
-                                value: field.key,
-                                onChange: (e) => handleUpdateCustomField(index, "key", e.target.value),
-                                placeholder: tSettings("customFields.keyPlaceholder"),
-                                className: "font-mono text-sm",
-                                "data-cy": sel("blockEditor.configPanel.seoMetaSection.customFields.fieldKey", { index })
-                              }
-                            ) }),
-                            /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
-                              Input,
-                              {
-                                value: field.value,
-                                onChange: (e) => handleUpdateCustomField(index, "value", e.target.value),
-                                placeholder: tSettings("customFields.valuePlaceholder"),
-                                "data-cy": sel("blockEditor.configPanel.seoMetaSection.customFields.fieldValue", { index })
-                              }
-                            ) }),
-                            /* @__PURE__ */ jsx(
-                              Button,
-                              {
-                                variant: "ghost",
-                                size: "icon",
-                                className: "shrink-0 text-muted-foreground hover:text-destructive",
-                                onClick: () => handleRemoveCustomField(index),
-                                "data-cy": sel("blockEditor.configPanel.seoMetaSection.customFields.fieldRemove", { index }),
-                                children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
-                              }
-                            )
-                          ] }, index)) }),
-                          /* @__PURE__ */ jsxs(
+                        /* @__PURE__ */ jsx(ChevronDown, { className: cn(
+                          "h-4 w-4 text-muted-foreground transition-transform",
+                          customFieldsOpen && "rotate-180"
+                        ) })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    CollapsibleContent,
+                    {
+                      "data-cy": sel("blockEditor.configPanel.customFieldsSection.content"),
+                      children: /* @__PURE__ */ jsxs("div", { className: "space-y-4 px-4 pb-4 pt-2 border-t", children: [
+                        (pageSettings.customFields || []).length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground text-center py-4", children: tSettings("customFields.empty") }) : /* @__PURE__ */ jsx("div", { className: "space-y-3", children: (pageSettings.customFields || []).map((field, index) => /* @__PURE__ */ jsxs("div", { className: "flex gap-2 items-start", children: [
+                          /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
+                            Input,
+                            {
+                              value: field.key,
+                              onChange: (e) => handleUpdateCustomField(index, "key", e.target.value),
+                              placeholder: tSettings("customFields.keyPlaceholder"),
+                              className: "font-mono text-sm",
+                              "data-cy": sel("blockEditor.configPanel.customFieldsSection.fieldKey", { index })
+                            }
+                          ) }),
+                          /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
+                            Input,
+                            {
+                              value: field.value,
+                              onChange: (e) => handleUpdateCustomField(index, "value", e.target.value),
+                              placeholder: tSettings("customFields.valuePlaceholder"),
+                              "data-cy": sel("blockEditor.configPanel.customFieldsSection.fieldValue", { index })
+                            }
+                          ) }),
+                          /* @__PURE__ */ jsx(
                             Button,
                             {
-                              variant: "outline",
-                              size: "sm",
-                              onClick: handleAddCustomField,
-                              className: "w-full",
-                              "data-cy": sel("blockEditor.configPanel.seoMetaSection.customFields.addButton"),
-                              children: [
-                                /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-2" }),
-                                tSettings("customFields.add")
-                              ]
+                              variant: "ghost",
+                              size: "icon",
+                              className: "shrink-0 text-muted-foreground hover:text-destructive",
+                              onClick: () => handleRemoveCustomField(index),
+                              "data-cy": sel("blockEditor.configPanel.customFieldsSection.fieldRemove", { index }),
+                              children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
                             }
                           )
-                        ] })
+                        ] }, index)) }),
+                        /* @__PURE__ */ jsxs(
+                          Button,
+                          {
+                            variant: "outline",
+                            size: "sm",
+                            onClick: handleAddCustomField,
+                            className: "w-full",
+                            "data-cy": sel("blockEditor.configPanel.customFieldsSection.addButton"),
+                            children: [
+                              /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-2" }),
+                              tSettings("customFields.add")
+                            ]
+                          }
+                        )
                       ] })
                     }
                   )

package/dist/components/dashboard/block-editor/dynamic-form.js

@@ -15,7 +15,7 @@ import {
 import { ImageUpload } from "../../ui/image-upload.js";
 import { RichTextEditor } from "../../ui/rich-text-editor.js";
 import { ChevronDown, ChevronRight, CalendarIcon } from "lucide-react";
-import { cn } from "../../../lib/utils.js";
+import { cn } from "../../../lib/utils/index.js";
 import { sel } from "../../../lib/test/index.js";
 import { Switch } from "../../ui/switch.js";
 import { RadioGroup, RadioGroupItem } from "../../ui/radio-group.js";

package/dist/components/dashboard/block-editor/floating-block-toolbar.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { GripVertical, Copy, Trash2 } from "lucide-react";
+import { Copy, Trash2 } from "lucide-react";
 import { useTranslations } from "next-intl";
 import { Button } from "../../ui/button.js";
-import { cn } from "../../../lib/utils.js";
+import { cn } from "../../../lib/utils/index.js";
 import { sel } from "../../../lib/test/index.js";
 import { BLOCK_REGISTRY } from "@nextsparkjs/registries/block-registry";
 function FloatingBlockToolbar({
@@ -29,15 +29,6 @@ function FloatingBlockToolbar({
       ),
       "data-cy": sel("blockEditor.previewCanvas.floatingToolbar.container", { id: blockId }),
       children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: "cursor-grab active:cursor-grabbing",
-            "data-cy": sel("blockEditor.previewCanvas.floatingToolbar.dragHandle", { id: blockId }),
-            title: t("drag"),
-            children: /* @__PURE__ */ jsx(GripVertical, { className: "h-3 w-3" })
-          }
-        ),
         /* @__PURE__ */ jsx(
           "span",
           {

package/dist/components/dashboard/block-editor/pattern-card.js

@@ -55,7 +55,7 @@ function PatternCard({ pattern, onSelect }) {
         /* @__PURE__ */ jsx("div", { className: "absolute right-2 top-2 opacity-0 group-hover:opacity-100 transition-opacity", children: /* @__PURE__ */ jsx(
           "button",
           {
-            className: "w-6 h-6 bg-foreground text-background rounded flex items-center justify-center text-xs shadow-md hover:scale-110 transition-transform",
+            className: "w-6 h-6 bg-foreground text-background rounded flex items-center justify-center text-xs shadow-md hover:scale-110 transition-transform cursor-pointer",
             onClick: (e) => {
               e.stopPropagation();
               onSelect(pattern.id);

package/dist/components/dashboard/block-editor/pattern-reference-preview.js

@@ -6,7 +6,7 @@ import { useTranslations } from "next-intl";
 import { useQuery } from "@tanstack/react-query";
 import Link from "next/link";
 import { Button } from "../../ui/button.js";
-import { cn } from "../../../lib/utils.js";
+import { cn } from "../../../lib/utils/index.js";
 import { sel } from "../../../lib/test/index.js";
 import { getBlockComponent, normalizeBlockProps } from "../../../lib/blocks/loader.js";
 function PatternLoadingSkeleton() {

package/dist/components/dashboard/block-editor/sortable-block.js

@@ -8,7 +8,7 @@ import { Card, CardContent } from "../../ui/card.js";
 import { Badge } from "../../ui/badge.js";
 import { GripVertical, Copy, Trash2 } from "lucide-react";
 import { BLOCK_REGISTRY } from "@nextsparkjs/registries/block-registry";
-import { cn } from "../../../lib/utils.js";
+import { cn } from "../../../lib/utils/index.js";
 import { sel } from "../../../lib/test/index.js";
 function SortableBlock({
   block,

package/dist/components/dashboard/block-editor/tree-view-node.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
 import { GripVertical } from "lucide-react";
-import { cn } from "../../../lib/utils.js";
+import { cn } from "../../../lib/utils/index.js";
 import { sel } from "../../../lib/test/index.js";
 import { BlockService } from "../../../lib/services/block.service.js";
 import { DynamicIcon } from "../../ui/dynamic-icon.js";

package/dist/components/dashboard/block-editor/viewport-toggle.js

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Monitor, Smartphone } from "lucide-react";
 import { Button } from "../../ui/button.js";
-import { cn } from "../../../lib/utils.js";
+import { cn } from "../../../lib/utils/index.js";
 import { sel } from "../../../lib/test/index.js";
 const MOBILE_VIEWPORT_WIDTH = 375;
 function ViewportToggle({ value, onChange, className }) {
@@ -21,7 +21,7 @@ function ViewportToggle({ value, onChange, className }) {
             variant: "ghost",
             size: "sm",
             className: cn(
-              "h-7 w-7 p-0 rounded-md",
+              "h-7 w-7 p-0 rounded-md cursor-pointer",
               value === "mobile" && "bg-background shadow-sm"
             ),
             onClick: () => onChange("mobile"),
@@ -36,7 +36,7 @@ function ViewportToggle({ value, onChange, className }) {
             variant: "ghost",
             size: "sm",
             className: cn(
-              "h-7 w-7 p-0 rounded-md",
+              "h-7 w-7 p-0 rounded-md cursor-pointer",
               value === "desktop" && "bg-background shadow-sm"
             ),
             onClick: () => onChange("desktop"),

package/dist/components/dashboard/layouts/DashboardShell.js

@@ -5,7 +5,7 @@ import { TopNavbar } from "./TopNavbar.js";
 import { MobileTopBar } from "../mobile/MobileTopBar.js";
 import { MobileBottomNav } from "../mobile/MobileBottomNav.js";
 import { SidebarProvider, useSidebar } from "../../../contexts/sidebar-context.js";
-import { cn } from "../../../lib/utils.js";
+import { cn } from "../../../lib/utils/index.js";
 import { sel } from "../../../lib/test/index.js";
 import { deserializeEntityConfig } from "../../../lib/entities/serialization.js";
 import { setServerEntities } from "../../../lib/entities/registry.client.js";

package/dist/components/dashboard/layouts/Sidebar.js

@@ -2,7 +2,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import Link from "next/link";
 import { useState, useEffect } from "react";
-import { cn } from "../../../lib/utils.js";
+import { cn } from "../../../lib/utils/index.js";
 import { useSidebar } from "../../../contexts/sidebar-context.js";
 import { sel } from "../../../lib/test/index.js";
 import { DynamicNavigation } from "../navigation/DynamicNavigation.js";

package/dist/components/dashboard/layouts/TopNavbar.js

@@ -20,7 +20,7 @@ import { ThemeToggle } from "../../app/misc/ThemeToggle.js";
 import { NotificationsDropdown } from "../misc/NotificationsDropdown.js";
 import { SearchDropdown } from "../misc/SearchDropdown.js";
 import { QuickCreateDropdown } from "../misc/QuickCreateDropdown.js";
-import { cn } from "../../../lib/utils.js";
+import { cn } from "../../../lib/utils/index.js";
 import { sel, createAriaLabel } from "../../../lib/test/index.js";
 import { useTranslations } from "next-intl";
 import { useIsSuperAdmin } from "../../app/guards/SuperAdminGuard.js";

package/dist/components/dashboard/misc/NotificationsDropdown.js

@@ -14,7 +14,7 @@ import { ScrollArea } from "../../ui/scroll-area.js";
 import { Badge } from "../../ui/badge.js";
 import { Bell, Check, CheckCheck, X, AlertCircle, Info, CheckCircle, AlertTriangle, Settings } from "lucide-react";
 import { useNotifications } from "../../../hooks/useNotifications.js";
-import { cn } from "../../../lib/utils.js";
+import { cn } from "../../../lib/utils/index.js";
 import { useState, useCallback } from "react";
 import { sel, createAriaLabel } from "../../../lib/test/index.js";
 import { useTranslations } from "next-intl";

package/dist/components/dashboard/misc/SearchDropdown.js

@@ -17,7 +17,7 @@ import {
 } from "lucide-react";
 import { useEntitySearch } from "../../../hooks/useEntitySearch.js";
 import { formatSearchResult } from "../../../lib/search-highlighting.js";
-import { cn } from "../../../lib/utils.js";
+import { cn } from "../../../lib/utils/index.js";
 import { sel, createAriaLabel } from "../../../lib/test/index.js";
 import { useTranslations } from "next-intl";
 const getTypeIcon = (result) => {

package/dist/components/dashboard/mobile/MobileBottomNav.js

@@ -3,7 +3,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 import { useState } from "react";
-import { cn } from "../../../lib/utils.js";
+import { cn } from "../../../lib/utils/index.js";
 import { sel } from "../../../lib/test/index.js";
 import { useTranslations } from "next-intl";
 import { MobileMoreSheet } from "./MobileMoreSheet.js";