najm-kit 2.10.0 → 2.11.1

package/dist/{chunk-FDONJASN.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';
@@ -230,7 +230,9 @@ function NajmDesignEditorProvider({
     );
   }, []);
   const setCommitted = React2.useCallback((next) => {
-    setState({ committed: next, draft: null });
+    setState(
+      (current) => current.committed === next && current.draft === null ? current : { committed: next, draft: null }
+    );
   }, []);
   const value = React2.useMemo(() => {
     if (design) {
@@ -288,13 +290,68 @@ function mergeBadgeMaps(base, overrides) {
   if (!overrides) return base;
   return { ...base, ...overrides };
 }
+var ENGLISH_FEEDBACK_LABELS = {
+  loadingLabel: "Loading...",
+  emptyTitle: "No data",
+  errorTitle: "Something went wrong",
+  retryLabel: "Try again",
+  forbiddenTitle: "Access denied",
+  forbiddenDescription: "You do not have permission to view this page.",
+  notFoundTitle: "Page not found",
+  notFoundDescription: "The requested page could not be found."
+};
+var NFeedbackDefaultsContext = React2.createContext(null);
+function NFeedbackDefaultsProvider({
+  value,
+  children
+}) {
+  return /* @__PURE__ */ jsx(NFeedbackDefaultsContext.Provider, { value, children });
+}
+function useNFeedbackDefaults() {
+  return React2.useContext(NFeedbackDefaultsContext);
+}
+var DEFAULT_FEEDBACK_KEY_PREFIX = "common.feedback";
+function useResolvedFeedbackLabels() {
+  const ctx = useNFeedbackDefaults();
+  return React2.useMemo(() => resolveFeedbackLabels(ctx), [ctx]);
+}
+function resolveFeedbackLabels(ctx) {
+  const defaults = ctx?.defaults;
+  const t = ctx?.t;
+  const labels = defaults?.labels;
+  const labelKeys = defaults?.labelKeys;
+  defaults?.prefix ?? DEFAULT_FEEDBACK_KEY_PREFIX;
+  const pick = (field, hasFallback) => {
+    const literal = labels?.[field];
+    if (literal !== void 0) return literal;
+    const key = labelKeys?.[field];
+    if (key && t) return t(key);
+    if (hasFallback) return ENGLISH_FEEDBACK_LABELS[field];
+    return void 0;
+  };
+  return {
+    loadingLabel: pick("loadingLabel", true) ?? ENGLISH_FEEDBACK_LABELS.loadingLabel,
+    emptyTitle: pick("emptyTitle", true) ?? ENGLISH_FEEDBACK_LABELS.emptyTitle,
+    errorTitle: pick("errorTitle", true) ?? ENGLISH_FEEDBACK_LABELS.errorTitle,
+    errorMessage: pick("errorMessage", false),
+    retryLabel: pick("retryLabel", true) ?? ENGLISH_FEEDBACK_LABELS.retryLabel,
+    forbiddenTitle: pick("forbiddenTitle", true) ?? ENGLISH_FEEDBACK_LABELS.forbiddenTitle,
+    forbiddenDescription: pick("forbiddenDescription", true) ?? ENGLISH_FEEDBACK_LABELS.forbiddenDescription,
+    notFoundTitle: pick("notFoundTitle", true) ?? ENGLISH_FEEDBACK_LABELS.notFoundTitle,
+    notFoundDescription: pick("notFoundDescription", true) ?? ENGLISH_FEEDBACK_LABELS.notFoundDescription
+  };
+}
+function resolveFeedbackDefaultsValue(defaults, t) {
+  return { defaults: defaults ?? {}, t };
+}
 function NajmUICore({
   children,
   className,
   t,
   paginationKeyPrefix = DEFAULT_PAGINATION_KEY_PREFIX,
   tableDefaults,
-  badgeDefaults
+  badgeDefaults,
+  feedbackDefaults
 }) {
   const { theme } = useNajmTheme();
   const design = useNajmDesignEditor()?.design ?? EMPTY_DESIGN;
@@ -304,13 +361,17 @@ function NajmUICore({
     const paginationLabels = translated || overrides ? { ...translated, ...overrides } : void 0;
     return { ...tableDefaults, paginationLabels };
   }, [t, paginationKeyPrefix, tableDefaults]);
+  const feedbackValue = React2.useMemo(
+    () => resolveFeedbackDefaultsValue(feedbackDefaults, t),
+    [feedbackDefaults, t]
+  );
   return /* @__PURE__ */ jsx(
     NajmDesignProvider,
     {
       config: design,
       mode: theme,
       className: cn("min-h-full", className),
-      children: /* @__PURE__ */ jsx(NTableDefaultsProvider, { value: defaults, children: /* @__PURE__ */ jsx(NBadgeDefaultsProvider, { defaults: badgeDefaults, t, children }) })
+      children: /* @__PURE__ */ jsx(NTableDefaultsProvider, { value: defaults, children: /* @__PURE__ */ jsx(NBadgeDefaultsProvider, { defaults: badgeDefaults, t, children: /* @__PURE__ */ jsx(NFeedbackDefaultsProvider, { value: feedbackValue, children }) }) })
     }
   );
 }
@@ -323,6 +384,7 @@ function NajmUIProvider({
   paginationKeyPrefix,
   tableDefaults,
   badgeDefaults,
+  feedbackDefaults,
   initialTheme,
   initialTimeZone,
   onThemeChange,
@@ -338,6 +400,7 @@ function NajmUIProvider({
       paginationKeyPrefix,
       tableDefaults,
       badgeDefaults,
+      feedbackDefaults,
       children
     }
   ) });
@@ -414,4 +477,4 @@ function useImageChain(sources) {
   };
 }
 
-export { DEFAULT_PAGINATION_KEY_PREFIX, DEFAULT_TIME_ZONE, EMPTY_DESIGN, NAJM_COLOR_TEXT_CLASSES, NAJM_STATUS_COLORS, NTableDefaultsProvider, NajmDesignEditorProvider, NajmPreferencesProvider, NajmUIProvider, buildPaginationLabels, colorTextClass, findStatusColor, mergeBadgeMaps, normalizeImageSources, normalizeStatusToken, resolveBadgeStatusLabel, resolveStatusColor, statusTextClass, useImageChain, useNBadgeDefaults, useNTableDefaults, useNajmDesignEditor, useNajmPreferencesContext, useNajmTheme, useNajmTimeZone, useResolvedPaginationLabels };
+export { DEFAULT_PAGINATION_KEY_PREFIX, DEFAULT_TIME_ZONE, EMPTY_DESIGN, NAJM_COLOR_TEXT_CLASSES, NAJM_STATUS_COLORS, NTableDefaultsProvider, NajmDesignEditorProvider, NajmPreferencesProvider, NajmUIProvider, buildPaginationLabels, colorTextClass, findStatusColor, mergeBadgeMaps, normalizeImageSources, normalizeStatusToken, resolveBadgeStatusLabel, resolveStatusColor, statusTextClass, useImageChain, useNBadgeDefaults, useNTableDefaults, useNajmDesignEditor, useNajmPreferencesContext, useNajmTheme, useNajmTimeZone, useResolvedFeedbackLabels, useResolvedPaginationLabels };

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-JUYT2ISO.mjs → chunk-ONE7GLIH.mjs}

@@ -1,14 +1,12 @@
-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, { createContext, useContext } from 'react';
+import React2__default from 'react';
 import * as LucideIcons from 'lucide-react';
 import { LoaderCircleIcon } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
-import { OverlayScrollbars } from 'overlayscrollbars';
-import { OverlayScrollbarsComponent } from 'overlayscrollbars-react';
 
 function toPascalCase(value) {
   return value.replace(/([a-z0-9])([A-Z])/g, "$1 $2").split(/[\s_-]+/).filter(Boolean).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join("");
@@ -292,113 +290,5 @@ var Button = React2.forwardRef(
 );
 Button.displayName = "Button";
 var NButton = Button;
-function assignRef(ref, node) {
-  if (!ref) return;
-  if (typeof ref === "function") ref(node);
-  else ref.current = node;
-}
-function applyViewportLayout(node, axis) {
-  node.style.width = "100%";
-  node.style.height = "100%";
-  node.style.minWidth = "0";
-  node.style.minHeight = "0";
-  node.style.overflowX = axis === "x" || axis === "both" ? "auto" : "hidden";
-  node.style.overflowY = axis === "y" || axis === "both" ? "auto" : "hidden";
-}
-function najmScrollOptions(axis, autoHide, options) {
-  return {
-    scrollbars: { theme: "os-theme-najm", autoHide, autoHideDelay: 500, clickScroll: true },
-    overflow: {
-      x: axis === "x" || axis === "both" ? "scroll" : "hidden",
-      y: axis === "y" || axis === "both" ? "scroll" : "hidden"
-    },
-    ...options
-  };
-}
-function useNajmScrollViewport({
-  axis = "y",
-  autoHide = "never",
-  options
-} = {}) {
-  const hostRef = React2.useRef(null);
-  const viewportRef = React2.useRef(null);
-  React2.useEffect(() => {
-    const target = hostRef.current;
-    const viewport = viewportRef.current;
-    if (!target || !viewport) return;
-    const instance = OverlayScrollbars(
-      { target, elements: { viewport } },
-      najmScrollOptions(axis, autoHide, options)
-    );
-    const containWheel = (event) => event.stopPropagation();
-    viewport.addEventListener("wheel", containWheel, { passive: true });
-    return () => {
-      viewport.removeEventListener("wheel", containWheel);
-      instance.destroy();
-    };
-  }, [axis, autoHide, options]);
-  return { hostRef, viewportRef };
-}
-function NajmScroll({ className, axis = "y", autoHide = "never", viewportRef, events, options, element, children, style, ...props }) {
-  return /* @__PURE__ */ jsx(
-    OverlayScrollbarsComponent,
-    {
-      className: cn(className),
-      style: {
-        ...style,
-        overflow: "hidden",
-        minHeight: 0,
-        minWidth: 0
-      },
-      element,
-      defer: true,
-      options: najmScrollOptions(axis, autoHide, options || void 0),
-      events: {
-        ...events,
-        initialized: (instance, ...rest) => {
-          const viewport = instance.elements().viewport;
-          applyViewportLayout(viewport, axis);
-          assignRef(viewportRef, viewport);
-          events?.initialized?.(instance, ...rest);
-        },
-        updated: (instance, ...rest) => {
-          applyViewportLayout(instance.elements().viewport, axis);
-          events?.updated?.(instance, ...rest);
-        },
-        destroyed: (instance, ...rest) => {
-          assignRef(viewportRef, null);
-          events?.destroyed?.(instance, ...rest);
-        }
-      },
-      ...props,
-      children
-    }
-  );
-}
-var TableStoreContext = createContext(null);
-var useTableStore = { use: {} };
-var handler = {
-  get: (_, prop) => () => {
-    const store = useContext(TableStoreContext);
-    if (!store) throw new Error("useTableStore must be used within NTable");
-    return store.use[prop]();
-  }
-};
-useTableStore.use = new Proxy({}, handler);
-function formatJsonValue(value) {
-  if (typeof value === "string") return value;
-  try {
-    return JSON.stringify(value ?? null, null, 2) ?? String(value);
-  } catch {
-    return String(value);
-  }
-}
-function NTableJson() {
-  const viewMode = useTableStore.use.viewMode();
-  const renderJson = useTableStore.use.renderJson();
-  const jsonValue = useTableStore.use.jsonValue();
-  if (viewMode !== "json") return null;
-  return /* @__PURE__ */ jsx("div", { className: "flex-1 flex flex-col min-h-0 overflow-hidden", children: renderJson?.() ?? /* @__PURE__ */ jsx(NajmScroll, { axis: "both", className: "h-full min-h-0 rounded-md border border-border bg-muted/40", children: /* @__PURE__ */ jsx("pre", { className: "p-4 font-mono text-xs leading-relaxed text-foreground", children: formatJsonValue(jsonValue) }) }) });
-}
 
-export { Button, NButton, NIcon, NTableJson, NajmScroll, TableStoreContext, buttonVariants, inputBorderClasses, sidebarBorderClasses, surfaceBorderClasses, useNajmScrollViewport, useTableStore };
+export { Button, NButton, NIcon, buttonVariants, inputBorderClasses, sidebarBorderClasses, surfaceBorderClasses };

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

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