najm-kit 2.11.19 → 2.11.20

package/CHANGELOG.md

@@ -1,13 +1,13 @@
-# Changelog
-
-## 2.11.19 - 2026-09-06
-
-- Made native calendar month and year dropdowns follow the resolved Najm light
-  or dark theme instead of opening with the browser's light color scheme.
-- Added pointer cursors to interactive calendar days while retaining the
-  not-allowed cursor for disabled dates.
-
-## 2.11.18 - 2026-09-06
+# Changelog
+
+## 2.11.19 - 2026-09-06
+
+- Made native calendar month and year dropdowns follow the resolved Najm light
+  or dark theme instead of opening with the browser's light color scheme.
+- Added pointer cursors to interactive calendar days while retaining the
+  not-allowed cursor for disabled dates.
+
+## 2.11.18 - 2026-09-06
 
 - Added a resolved-state render-prop form of `NSidebar.footer`, matching the
   existing logo contract. Custom footers now receive the actual desktop

package/dist/index.d.ts

@@ -846,6 +846,7 @@ interface NConfirmDialogProps {
 declare function NConfirmDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, onConfirm, variant, loading, children, icon, }: NConfirmDialogProps): React__default.JSX.Element;
 
 interface NDeleteDialogContentProps {
+    title?: ReactNode;
     itemName: string;
     itemType?: string;
     icon?: NIconSource;
@@ -866,7 +867,7 @@ interface NDeleteDialogProps extends Omit<NDeleteDialogContentProps, "className"
     onConfirm?: () => void | Promise<void>;
     onCancel?: () => void | Promise<void>;
 }
-declare function NDeleteDialogContent({ itemName, itemType, icon: Icon, warningText, className, }: NDeleteDialogContentProps): React$1.JSX.Element;
+declare function NDeleteDialogContent({ title, itemName, itemType, icon: Icon, warningText, className, }: NDeleteDialogContentProps): React$1.JSX.Element;
 declare function NDeleteDialog({ open, title, description, itemName, itemType, icon, warningText, confirmText, cancelText, loading, zIndex, className, contentClassName, onOpenChange, onConfirm, onCancel, }: NDeleteDialogProps): React$1.JSX.Element;
 
 declare function NPortalScopeProvider({ className, children }: {

package/dist/index.mjs

@@ -2233,6 +2233,7 @@ function NConfirmDialog({
   ] }) });
 }
 function NDeleteDialogContent({
+  title = "Delete",
   itemName,
   itemType,
   icon: Icon2 = "trash-2",
@@ -2242,10 +2243,10 @@ function NDeleteDialogContent({
   return /* @__PURE__ */ jsx("form", { id: "najm-delete-form", onSubmit: (e) => e.preventDefault(), children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-center text-center", className), children: [
     /* @__PURE__ */ jsx("div", { className: "mb-6 flex size-16 items-center justify-center rounded-[20px] bg-destructive/10 text-destructive dark:bg-[#5a1822] dark:text-white", children: /* @__PURE__ */ jsx(NIcon, { icon: Icon2, className: "size-7" }) }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold leading-none text-card-foreground dark:text-white", children: "Delete" }),
+      /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold leading-none text-card-foreground dark:text-white", children: title }),
       /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
         /* @__PURE__ */ jsx("p", { className: "text-sm font-medium leading-5 text-muted-foreground dark:text-[#aab4c2]", children: warningText }),
-        /* @__PURE__ */ jsxs("p", { className: "max-w-[280px] truncate text-sm font-bold leading-5 text-card-foreground dark:text-white", children: [
+        /* @__PURE__ */ jsxs("p", { className: "mx-auto max-w-[280px] break-words text-center text-sm font-bold leading-5 text-card-foreground dark:text-white", children: [
           '"',
           itemName,
           '"',
@@ -2296,6 +2297,7 @@ function NDeleteDialog({
         /* @__PURE__ */ jsx(
           NDeleteDialogContent,
           {
+            title,
             itemName,
             itemType,
             icon,
@@ -2312,7 +2314,7 @@ function NDeleteDialog({
               variant: "outline",
               onClick: onCancel,
               disabled: loading,
-              className: "h-10 w-full rounded-[10px] border border-border bg-secondary text-sm font-bold text-secondary-foreground shadow-none hover:bg-secondary/80 hover:text-secondary-foreground dark:border-0 dark:bg-[#3e4a5d] dark:text-white dark:hover:bg-[#4b586c] dark:hover:text-white",
+              className: "h-10 w-full rounded-[10px] border border-destructive bg-transparent text-sm font-bold text-card-foreground shadow-none hover:bg-transparent hover:text-card-foreground dark:border-destructive dark:bg-transparent dark:text-white dark:hover:bg-transparent dark:hover:text-white",
               children: cancelText
             }
           ),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "najm-kit",
-  "version": "2.11.19",
+  "version": "2.11.20",
   "license": "MIT",
   "type": "module",
   "description": "Reusable React UI component package for Najm framework",