najm-kit 2.11.0 → 2.11.2

package/CHANGELOG.md

@@ -1,6 +1,19 @@
-# Changelog
-
-## 2.11.0 - 2026-08-10
+# Changelog
+
+## 2.11.2 - 2026-08-11
+
+- Fixed `PasswordInput` forwarding native input attributes such as generated
+  form IDs and ARIA metadata to the actual `<input>`, restoring programmatic
+  label association for assistive technology and browser automation.
+
+## 2.11.1 - 2026-08-11
+
+- Fixed `NajmThemeProvider` precedence so an explicit runtime `mode` overrides
+  a preset stored in the design config. An explicit `preset` prop still wins,
+  allowing deliberately fixed-preset subtrees without producing mixed light
+  and dark application surfaces.
+
+## 2.11.0 - 2026-08-10
 
 - Gave every keyboard-focusable primitive a visible focus ring, from one shared
   source: `focusRingClasses` and `focusRingWithinClasses`, exported from the

package/dist/adapters/app.mjs

@@ -1,10 +1,10 @@
 'use client';
-import { FormDevToolsProvider, NBrandingStateProvider, NajmFormatProvider } from '../chunk-2GFWF46W.mjs';
-export { NEmptyState, NErrorState, NForbiddenState, NLoadingState, NNotFoundState } from '../chunk-2GFWF46W.mjs';
-import { NajmNextUIProvider } from '../chunk-CE7MVEJ2.mjs';
-import '../chunk-EEBLEDNI.mjs';
-import '../chunk-XZL32HFR.mjs';
-import '../chunk-KVZACF4G.mjs';
+import { FormDevToolsProvider, NBrandingStateProvider, NajmFormatProvider } from '../chunk-ZXIVSNXV.mjs';
+export { NEmptyState, NErrorState, NForbiddenState, NLoadingState, NNotFoundState } from '../chunk-ZXIVSNXV.mjs';
+import { NajmNextUIProvider } from '../chunk-T6RL7TSQ.mjs';
+import '../chunk-6UDJNTJ6.mjs';
+import '../chunk-ONE7GLIH.mjs';
+import '../chunk-LK3SMYUP.mjs';
 import '../chunk-JABLSOQN.mjs';
 import '../chunk-TFHWLE7N.mjs';
 import * as React from 'react';

package/dist/adapters/next.mjs

@@ -1,3 +1,3 @@
-export { NNextImage, NajmNextUIProvider, NextLinkAdapter, useNextNavigationAdapter } from '../chunk-CE7MVEJ2.mjs';
-import '../chunk-EEBLEDNI.mjs';
-import '../chunk-KVZACF4G.mjs';
+export { NNextImage, NajmNextUIProvider, NextLinkAdapter, useNextNavigationAdapter } from '../chunk-T6RL7TSQ.mjs';
+import '../chunk-6UDJNTJ6.mjs';
+import '../chunk-LK3SMYUP.mjs';

package/dist/{chunk-K7T7X6PX.mjs → chunk-5JVFMOLI.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-KVZACF4G.mjs';
+import { cn } from './chunk-LK3SMYUP.mjs';
 import * as React from 'react';
 import { createContext, useContext } from 'react';
 import { OverlayScrollbars } from 'overlayscrollbars';

package/dist/{chunk-EEBLEDNI.mjs → chunk-6UDJNTJ6.mjs}

@@ -1,4 +1,4 @@
-import { NajmDesignProvider, cn } from './chunk-KVZACF4G.mjs';
+import { NajmDesignProvider, cn } from './chunk-LK3SMYUP.mjs';
 import * as React2 from 'react';
 import React2__default from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-KVZACF4G.mjs → chunk-LK3SMYUP.mjs}

@@ -244,7 +244,7 @@ function NajmThemeProvider({
   const depth = React.useContext(NajmThemeDepthContext);
   const parentMode = React.useContext(NajmThemeModeContext);
   const parentAppearance = React.useContext(NajmAppearanceContext);
-  const effectivePreset = preset ?? config?.preset;
+  const effectivePreset = preset ?? (mode === void 0 ? config?.preset : void 0);
   const effectiveMode = mode ?? config?.mode;
   const effectiveAccent = accent ?? config?.accent;
   const effectiveAccentOnly = accentOnly ?? config?.accentOnly;

package/dist/{chunk-XZL32HFR.mjs → chunk-ONE7GLIH.mjs}

@@ -1,4 +1,4 @@
-import { useNajmComponentStyle, cn } from './chunk-KVZACF4G.mjs';
+import { useNajmComponentStyle, cn } from './chunk-LK3SMYUP.mjs';
 import { resolveVariantAlias, resolveRadiusValue } from './chunk-TFHWLE7N.mjs';
 import * as React2 from 'react';
 import React2__default from 'react';

package/dist/{chunk-CE7MVEJ2.mjs → chunk-T6RL7TSQ.mjs}

@@ -1,4 +1,4 @@
-import { useImageChain, normalizeImageSources, NajmUIProvider } from './chunk-EEBLEDNI.mjs';
+import { useImageChain, normalizeImageSources, NajmUIProvider } from './chunk-6UDJNTJ6.mjs';
 import React from 'react';
 import { useRouter } from 'next/navigation';
 import NextImage from 'next/image';

package/dist/{chunk-2GFWF46W.mjs → chunk-ZXIVSNXV.mjs}

@@ -1,6 +1,6 @@
-import { useResolvedFeedbackLabels, useNajmPreferencesContext } from './chunk-EEBLEDNI.mjs';
-import { Button } from './chunk-XZL32HFR.mjs';
-import { useNajmDesign, cn } from './chunk-KVZACF4G.mjs';
+import { useResolvedFeedbackLabels, useNajmPreferencesContext } from './chunk-6UDJNTJ6.mjs';
+import { Button } from './chunk-ONE7GLIH.mjs';
+import { useNajmDesign, cn } from './chunk-LK3SMYUP.mjs';
 import { humanizeToken, DEFAULT_PLACEHOLDER, formatRelativeTime, formatTime, formatDateTime, formatDate, formatPercent, formatNumber, formatCurrency } from './chunk-JABLSOQN.mjs';
 import * as React3 from 'react';
 import { createContext, useContext, useMemo, useState, useCallback } from 'react';

package/dist/index.d.ts

@@ -2203,7 +2203,7 @@ interface NumberInputProps extends BaseProps {
     icon?: InputIcon;
     showIcon?: boolean;
 }
-interface PasswordInputProps extends BaseProps {
+interface PasswordInputProps extends BaseProps, Omit<InputHTMLAttributes<HTMLInputElement>, "className" | "onChange" | "placeholder" | "type" | "value"> {
     value: string;
     onChange: (value: string) => void;
     placeholder?: string;

package/dist/index.mjs

@@ -1,15 +1,15 @@
 import { resolveAvatarSrc } from './chunk-BEGOH366.mjs';
 export { isPlaceholderAvatar, resolveAvatarSrc } from './chunk-BEGOH366.mjs';
-import { NLoadingState, NErrorState, NEmptyState, useResolvedFormDevTools, useNBranding } from './chunk-2GFWF46W.mjs';
-export { FormDevToolsProvider, NBrandingProvider, NBrandingStateProvider, NEmptyState, NErrorState, NForbiddenState, NLoadingState, NNotFoundState, NPageLayout, NSpinner, NajmFormatProvider, buildFormFill, normalizeBranding, useNBranding, useNBrandingEditor, useNajmFormat, useNajmFormatContext } from './chunk-2GFWF46W.mjs';
-import { normalizeImageSources, useImageChain, useNBadgeDefaults, mergeBadgeMaps, resolveStatusColor, resolveBadgeStatusLabel, colorTextClass, useResolvedPaginationLabels } from './chunk-EEBLEDNI.mjs';
-export { DEFAULT_PAGINATION_KEY_PREFIX, DEFAULT_TIME_ZONE, EMPTY_DESIGN, NAJM_COLOR_TEXT_CLASSES, NAJM_STATUS_COLORS, NTableDefaultsProvider, NajmDesignEditorProvider, NajmPreferencesProvider, NajmUIProvider, buildPaginationLabels, colorTextClass, findStatusColor, normalizeStatusToken, resolveStatusColor, statusTextClass, useNTableDefaults, useNajmDesignEditor, useNajmPreferencesContext, useNajmTheme, useNajmTimeZone } from './chunk-EEBLEDNI.mjs';
-import { NajmScroll, useNajmScrollViewport, useTableStore, TableStoreContext, NTableJson } from './chunk-K7T7X6PX.mjs';
-export { NTableJson, NajmScroll, TableStoreContext, useTableStore } from './chunk-K7T7X6PX.mjs';
-import { inputBorderClasses, Button, NIcon, surfaceBorderClasses, buttonVariants, NButton, sidebarBorderClasses } from './chunk-XZL32HFR.mjs';
-export { Button, NButton, NIcon, buttonVariants, inputBorderClasses, sidebarBorderClasses, surfaceBorderClasses } from './chunk-XZL32HFR.mjs';
-import { useNajmComponentStyle, cn, NajmThemeContainerCtx, useNajmThemeMode, useNajmDesign, composePreset } from './chunk-KVZACF4G.mjs';
-export { NajmDesignProvider, NajmThemeProvider, cn, composePreset, resolvePreset, useNajmAppearance, useNajmComponentStyle, useNajmDesign, useNajmThemeMode } from './chunk-KVZACF4G.mjs';
+import { NLoadingState, NErrorState, NEmptyState, useResolvedFormDevTools, useNBranding } from './chunk-ZXIVSNXV.mjs';
+export { FormDevToolsProvider, NBrandingProvider, NBrandingStateProvider, NEmptyState, NErrorState, NForbiddenState, NLoadingState, NNotFoundState, NPageLayout, NSpinner, NajmFormatProvider, buildFormFill, normalizeBranding, useNBranding, useNBrandingEditor, useNajmFormat, useNajmFormatContext } from './chunk-ZXIVSNXV.mjs';
+import { normalizeImageSources, useImageChain, useNBadgeDefaults, mergeBadgeMaps, resolveStatusColor, resolveBadgeStatusLabel, colorTextClass, useResolvedPaginationLabels } from './chunk-6UDJNTJ6.mjs';
+export { DEFAULT_PAGINATION_KEY_PREFIX, DEFAULT_TIME_ZONE, EMPTY_DESIGN, NAJM_COLOR_TEXT_CLASSES, NAJM_STATUS_COLORS, NTableDefaultsProvider, NajmDesignEditorProvider, NajmPreferencesProvider, NajmUIProvider, buildPaginationLabels, colorTextClass, findStatusColor, normalizeStatusToken, resolveStatusColor, statusTextClass, useNTableDefaults, useNajmDesignEditor, useNajmPreferencesContext, useNajmTheme, useNajmTimeZone } from './chunk-6UDJNTJ6.mjs';
+import { NajmScroll, useNajmScrollViewport, useTableStore, TableStoreContext, NTableJson } from './chunk-5JVFMOLI.mjs';
+export { NTableJson, NajmScroll, TableStoreContext, useTableStore } from './chunk-5JVFMOLI.mjs';
+import { inputBorderClasses, Button, NIcon, surfaceBorderClasses, buttonVariants, NButton, sidebarBorderClasses } from './chunk-ONE7GLIH.mjs';
+export { Button, NButton, NIcon, buttonVariants, inputBorderClasses, sidebarBorderClasses, surfaceBorderClasses } from './chunk-ONE7GLIH.mjs';
+import { useNajmComponentStyle, cn, NajmThemeContainerCtx, useNajmThemeMode, useNajmDesign, composePreset } from './chunk-LK3SMYUP.mjs';
+export { NajmDesignProvider, NajmThemeProvider, cn, composePreset, resolvePreset, useNajmAppearance, useNajmComponentStyle, useNajmDesign, useNajmThemeMode } from './chunk-LK3SMYUP.mjs';
 export { DEFAULT_CARD_BREAKPOINT, DEFAULT_CARD_PAGINATION_KEY_PREFIX, buildCardPaginationLabels, createCardPagination, useCardViewport, useDesktopTableMode, useMediaQuery } from './chunk-OUS7OYVA.mjs';
 import './chunk-F5KXJCCJ.mjs';
 import { humanizeToken } from './chunk-JABLSOQN.mjs';
@@ -4349,13 +4349,13 @@ var NumberInput = ({ value, onChange, placeholder = "", icon, showIcon = true, i
     /* @__PURE__ */ jsx(Input, { type: "number", placeholder, value: value ?? "", onChange: (ev) => onChange(Number(ev.target.value)), className: "p-0 border-0 shadow-none bg-transparent dark:bg-transparent focus-visible:ring-0 focus-visible:ring-transparent focus-visible:ring-offset-0 text-foreground placeholder:text-muted-foreground" })
   ] });
 };
-var PasswordInput = ({ value, onChange, placeholder = "", icon, showIcon = true, iconColor, className = "", variant = "default", status = "default", bordered, borderColor }) => {
+var PasswordInput = ({ value, onChange, placeholder = "", icon, showIcon = true, iconColor, className = "", variant = "default", status = "default", bordered, borderColor, disabled = false, ...props }) => {
   const [showPassword, setShowPassword] = useState(false);
   const shouldDisplayIcon = Boolean(icon) && showIcon;
   const iconProps = getIconColorProps(iconColor, "h-4 w-4");
-  return /* @__PURE__ */ jsxs(BaseInput, { variant, status, bordered, borderColor, className: cn("gap-2", className), children: [
+  return /* @__PURE__ */ jsxs(BaseInput, { variant, status, bordered, borderColor, className: cn("gap-2", className), disabled, children: [
     shouldDisplayIcon && /* @__PURE__ */ jsx("span", { className: iconProps.className, style: iconProps.style, children: resolveIcon(icon) }),
-    /* @__PURE__ */ jsx(Input, { type: showPassword ? "text" : "password", placeholder, value, onChange: (ev) => onChange(ev.target.value), className: "p-0 border-0 shadow-none bg-transparent dark:bg-transparent focus-visible:ring-0 focus-visible:ring-transparent focus-visible:ring-offset-0 text-foreground placeholder:text-muted-foreground" }),
+    /* @__PURE__ */ jsx(Input, { type: showPassword ? "text" : "password", placeholder, value, onChange: (ev) => onChange(ev.target.value), className: "p-0 border-0 shadow-none bg-transparent dark:bg-transparent focus-visible:ring-0 focus-visible:ring-transparent focus-visible:ring-offset-0 text-foreground placeholder:text-muted-foreground", disabled, ...props }),
     showPassword ? /* @__PURE__ */ jsx(Eye, { className: "absolute right-2 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground cursor-pointer", onClick: () => setShowPassword(false) }) : /* @__PURE__ */ jsx(EyeOff, { className: "absolute right-2 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground cursor-pointer", onClick: () => setShowPassword(true) })
   ] });
 };

package/dist/json.mjs

@@ -1,6 +1,6 @@
-export { NTableJson } from './chunk-K7T7X6PX.mjs';
-import { Button } from './chunk-XZL32HFR.mjs';
-import { cn } from './chunk-KVZACF4G.mjs';
+export { NTableJson } from './chunk-5JVFMOLI.mjs';
+import { Button } from './chunk-ONE7GLIH.mjs';
+import { cn } from './chunk-LK3SMYUP.mjs';
 import './chunk-TFHWLE7N.mjs';
 import { useMemo, useRef, useCallback } from 'react';
 import CodeMirror from '@uiw/react-codemirror';

package/dist/theme.css

@@ -307,10 +307,10 @@ input:autofill {
   overflow-x: auto;
   scrollbar-width: none;
 }
-.najm-overlay-scroll-x::-webkit-scrollbar {
-  display: none;
-}
-
+.najm-overlay-scroll-x::-webkit-scrollbar {
+  display: none;
+}
+
 /* Responsive table actions stay discoverable on touch and tablet layouts.
    Fine-pointer desktops may keep the quieter hover/focus reveal treatment. */
 .ntable-card-action {
@@ -367,7 +367,7 @@ input:autofill {
   .nimage-input-compact-overlay:focus-visible {
     opacity: 1;
   }
-}
+}
 
 /* OverlayScrollbars theme used by the <NajmScroll> component — a thin,
    translucent slate bar that floats over content with no reserved space.

package/package.json

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