najm-kit 2.11.18 → 2.11.20

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # 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

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
             }
           ),
@@ -4801,6 +4803,7 @@ var SwitchInput = ({ value, onChange, label = "", helper, className = "", varian
 ] });
 function Calendar(props) {
   const { className, classNames, mode = "single", ...rest } = props;
+  const themeMode = useNajmThemeMode();
   return /* @__PURE__ */ jsx(
     DayPicker,
     {
@@ -4812,7 +4815,10 @@ function Calendar(props) {
         caption_label: "text-sm font-medium",
         dropdowns: "relative inline-flex items-center gap-2",
         dropdown_root: "relative inline-flex items-center gap-1 rounded-md px-1.5 py-0.5 text-sm font-medium text-foreground hover:bg-accent",
-        dropdown: "absolute inset-0 z-10 h-full w-full cursor-pointer opacity-0",
+        dropdown: cn(
+          "absolute inset-0 z-10 h-full w-full cursor-pointer opacity-0",
+          themeMode === "dark" ? "scheme-dark" : "scheme-light"
+        ),
         nav: "flex items-center gap-1",
         button_previous: cn(buttonVariants({ variant: "ghost", size: "icon" }), "size-7 bg-transparent p-0 opacity-50 hover:opacity-100 absolute left-1"),
         button_next: cn(buttonVariants({ variant: "ghost", size: "icon" }), "size-7 bg-transparent p-0 opacity-50 hover:opacity-100 absolute right-1"),
@@ -4821,7 +4827,7 @@ function Calendar(props) {
         weekday: "text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]",
         week: "flex w-full mt-2",
         day: "relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent",
-        day_button: "size-8 p-0 font-normal aria-selected:bg-primary aria-selected:text-primary-foreground",
+        day_button: "size-8 cursor-pointer p-0 font-normal aria-selected:bg-primary aria-selected:text-primary-foreground disabled:cursor-not-allowed",
         selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground rounded-md",
         today: "bg-accent text-accent-foreground rounded-md",
         outside: "text-muted-foreground opacity-50",

package/package.json

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