najm-kit 2.11.11 → 2.11.13

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

@@ -1,7 +1,8 @@
 import { NajmDesignProvider, cn } from './chunk-LK3SMYUP.mjs';
-import * as React2 from 'react';
-import React2__default from 'react';
+import * as React3 from 'react';
+import React3__default from 'react';
 import { jsx } from 'react/jsx-runtime';
+import { DirectionProvider } from '@radix-ui/react-direction';
 
 // src/components/Badge/status.ts
 var NAJM_STATUS_COLORS = {
@@ -73,7 +74,7 @@ function statusTextClass(status, statusMap, fallback) {
   const color = findStatusColor(status, statusMap) ?? fallback;
   return color ? colorTextClass(color) : "";
 }
-var NTableDefaultsContext = React2__default.createContext({});
+var NTableDefaultsContext = React3__default.createContext({});
 function NTableDefaultsProvider({
   children,
   value
@@ -81,17 +82,85 @@ function NTableDefaultsProvider({
   return /* @__PURE__ */ jsx(NTableDefaultsContext.Provider, { value, children });
 }
 function useNTableDefaults() {
-  return React2__default.useContext(NTableDefaultsContext);
+  return React3__default.useContext(NTableDefaultsContext);
 }
 function useResolvedPaginationLabels(own) {
   const defaults = useNTableDefaults();
   const inherited = defaults.paginationLabels;
-  return React2__default.useMemo(
+  return React3__default.useMemo(
     () => ({ ...inherited, ...own }),
     [inherited, own]
   );
 }
-var NajmPreferencesContext = React2.createContext(null);
+function useResolvedToolbarLabels(own) {
+  const defaults = useNTableDefaults();
+  const inherited = defaults.toolbarLabels;
+  return React3__default.useMemo(
+    () => ({ ...inherited, ...own }),
+    [inherited, own]
+  );
+}
+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 = React3.createContext(null);
+function NFeedbackDefaultsProvider({
+  value,
+  children
+}) {
+  return /* @__PURE__ */ jsx(NFeedbackDefaultsContext.Provider, { value, children });
+}
+function useNFeedbackDefaults() {
+  return React3.useContext(NFeedbackDefaultsContext);
+}
+var DEFAULT_FEEDBACK_KEY_PREFIX = "common.feedback";
+function useResolvedFeedbackLabels() {
+  const ctx = useNFeedbackDefaults();
+  return React3.useMemo(() => resolveFeedbackLabels(ctx), [ctx]);
+}
+function resolveFeedbackLabels(ctx) {
+  const defaults = ctx?.defaults;
+  const t = ctx?.t;
+  const labels = defaults?.labels;
+  const labelKeys = defaults?.labelKeys;
+  const prefix = defaults?.prefix ?? DEFAULT_FEEDBACK_KEY_PREFIX;
+  const translated = (key) => {
+    if (!t) return void 0;
+    const value = t(key);
+    return value === key ? void 0 : value;
+  };
+  const pick = (field, hasFallback) => {
+    const literal = labels?.[field];
+    if (literal !== void 0) return literal;
+    const key = labelKeys?.[field];
+    const fromCatalog = translated(key ?? `${prefix}.${field}`);
+    if (fromCatalog !== void 0) return fromCatalog;
+    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 };
+}
+var NajmPreferencesContext = React3.createContext(null);
 var DEFAULT_TIME_ZONE = "UTC";
 function isValidTimeZone(value) {
   try {
@@ -120,44 +189,44 @@ function NajmPreferencesProvider({
   onTimeZoneChange,
   normalizeTimeZone = defaultNormalizeTimeZone
 }) {
-  const [theme, setThemeState] = React2.useState(initialTheme);
-  const [timeZone, setTimeZoneState] = React2.useState(
+  const [theme, setThemeState] = React3.useState(initialTheme);
+  const [timeZone, setTimeZoneState] = React3.useState(
     () => normalizeTimeZone(initialTimeZone)
   );
-  const onThemeChangeRef = React2.useRef(onThemeChange);
-  const onTimeZoneChangeRef = React2.useRef(onTimeZoneChange);
-  const normalizeRef = React2.useRef(normalizeTimeZone);
-  React2.useEffect(() => {
+  const onThemeChangeRef = React3.useRef(onThemeChange);
+  const onTimeZoneChangeRef = React3.useRef(onTimeZoneChange);
+  const normalizeRef = React3.useRef(normalizeTimeZone);
+  React3.useEffect(() => {
     onThemeChangeRef.current = onThemeChange;
     onTimeZoneChangeRef.current = onTimeZoneChange;
     normalizeRef.current = normalizeTimeZone;
   });
-  React2.useEffect(() => {
+  React3.useEffect(() => {
     applyTheme(theme);
     applyTimeZone(timeZone);
   }, []);
-  const setTheme = React2.useCallback(async (next) => {
+  const setTheme = React3.useCallback(async (next) => {
     setThemeState(next);
     applyTheme(next);
     await onThemeChangeRef.current?.(next);
   }, []);
-  const setTimeZone = React2.useCallback(async (next) => {
+  const setTimeZone = React3.useCallback(async (next) => {
     const normalized = normalizeRef.current(next);
     setTimeZoneState(normalized);
     applyTimeZone(normalized);
     await onTimeZoneChangeRef.current?.(normalized);
   }, []);
-  const value = React2.useMemo(
+  const value = React3.useMemo(
     () => ({ theme, setTheme, timeZone, setTimeZone }),
     [theme, setTheme, timeZone, setTimeZone]
   );
   return /* @__PURE__ */ jsx(NajmPreferencesContext.Provider, { value, children });
 }
 function useNajmPreferencesContext() {
-  return React2.useContext(NajmPreferencesContext);
+  return React3.useContext(NajmPreferencesContext);
 }
 function usePreferencesOrThrow(hook) {
-  const value = React2.useContext(NajmPreferencesContext);
+  const value = React3.useContext(NajmPreferencesContext);
   if (!value) {
     throw new Error(
       `${hook} must be rendered under a NajmUIProvider or NajmPreferencesProvider.`
@@ -167,11 +236,11 @@ function usePreferencesOrThrow(hook) {
 }
 function useNajmTheme() {
   const { theme, setTheme } = usePreferencesOrThrow("useNajmTheme");
-  return React2.useMemo(() => ({ theme, setTheme }), [theme, setTheme]);
+  return React3.useMemo(() => ({ theme, setTheme }), [theme, setTheme]);
 }
 function useNajmTimeZone() {
   const { timeZone, setTimeZone } = usePreferencesOrThrow("useNajmTimeZone");
-  return React2.useMemo(
+  return React3.useMemo(
     () => ({ timeZone, setTimeZone }),
     [timeZone, setTimeZone]
   );
@@ -195,14 +264,52 @@ function buildPaginationLabels(t, prefix = DEFAULT_PAGINATION_KEY_PREFIX) {
     rowsSelected: (selected, total) => t(key("rowsSelected"), { selected, total })
   };
 }
+
+// src/providers/toolbarLabels.ts
+var DEFAULT_TOOLBAR_KEY_PREFIX = "common.table";
+function buildToolbarLabels(t, prefix) {
+  const scope = prefix ?? DEFAULT_TOOLBAR_KEY_PREFIX;
+  return {
+    settings: t(`${scope}.settings`),
+    view: t(`${scope}.view`),
+    columns: t(`${scope}.columns`),
+    modeTable: t(`${scope}.modeTable`),
+    modeCards: t(`${scope}.modeCards`),
+    modeJson: t(`${scope}.modeJson`),
+    modeFiles: t(`${scope}.modeFiles`),
+    modeOption: (mode) => t(`${scope}.modeOption`, { mode }),
+    filters: t(`${scope}.filters`),
+    filterRegion: t(`${scope}.filterRegion`),
+    allOption: t(`${scope}.allOption`),
+    create: t(`${scope}.create`)
+  };
+}
+function useDocumentDirection(override) {
+  const [direction, setDirection] = React3.useState(
+    override ?? "ltr"
+  );
+  React3.useEffect(() => {
+    if (override) {
+      setDirection(override);
+      return;
+    }
+    const root = document.documentElement;
+    const read = () => setDirection(root.getAttribute("dir") === "rtl" ? "rtl" : "ltr");
+    read();
+    const observer = new MutationObserver(read);
+    observer.observe(root, { attributes: true, attributeFilter: ["dir"] });
+    return () => observer.disconnect();
+  }, [override]);
+  return direction;
+}
 var EMPTY_DESIGN = Object.freeze({
   version: 1,
   theme: {},
   components: {}
 });
-var NajmDesignEditorContext = React2.createContext(null);
+var NajmDesignEditorContext = React3.createContext(null);
 function useNajmDesignEditor() {
-  return React2.useContext(NajmDesignEditorContext);
+  return React3.useContext(NajmDesignEditorContext);
 }
 function cloneDesign(design) {
   return structuredClone(design);
@@ -212,29 +319,29 @@ function NajmDesignEditorProvider({
   design,
   initialDesign
 }) {
-  const [state, setState] = React2.useState(() => ({
+  const [state, setState] = React3.useState(() => ({
     committed: initialDesign ?? design ?? EMPTY_DESIGN,
     draft: null
   }));
-  const beginDraft = React2.useCallback(() => {
+  const beginDraft = React3.useCallback(() => {
     setState(
       (current) => current.draft ? current : { ...current, draft: cloneDesign(current.committed) }
     );
   }, []);
-  const setDraft = React2.useCallback((next) => {
+  const setDraft = React3.useCallback((next) => {
     setState((current) => ({ ...current, draft: cloneDesign(next) }));
   }, []);
-  const cancelDraft = React2.useCallback(() => {
+  const cancelDraft = React3.useCallback(() => {
     setState(
       (current) => current.draft === null ? current : { ...current, draft: null }
     );
   }, []);
-  const setCommitted = React2.useCallback((next) => {
+  const setCommitted = React3.useCallback((next) => {
     setState(
       (current) => current.committed === next && current.draft === null ? current : { committed: next, draft: null }
     );
   }, []);
-  const value = React2.useMemo(() => {
+  const value = React3.useMemo(() => {
     if (design) {
       return {
         design,
@@ -262,20 +369,20 @@ function NajmDesignEditorProvider({
 }
 function noop() {
 }
-var NBadgeDefaultsContext = React2.createContext(null);
+var NBadgeDefaultsContext = React3.createContext(null);
 function NBadgeDefaultsProvider({
   defaults,
   t,
   children
 }) {
-  const value = React2.useMemo(
+  const value = React3.useMemo(
     () => ({ defaults, t }),
     [defaults, t]
   );
   return /* @__PURE__ */ jsx(NBadgeDefaultsContext.Provider, { value, children });
 }
 function useNBadgeDefaults() {
-  return React2.useContext(NBadgeDefaultsContext);
+  return React3.useContext(NBadgeDefaultsContext);
 }
 function resolveBadgeStatusLabel(status, defaults, t) {
   if (!defaults) return void 0;
@@ -290,78 +397,30 @@ 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,
+  toolbarKeyPrefix = DEFAULT_TOOLBAR_KEY_PREFIX,
+  dir,
   tableDefaults,
   badgeDefaults,
   feedbackDefaults
 }) {
   const { theme } = useNajmTheme();
+  const direction = useDocumentDirection(dir);
   const design = useNajmDesignEditor()?.design ?? EMPTY_DESIGN;
-  const defaults = React2.useMemo(() => {
+  const defaults = React3.useMemo(() => {
     const translated = t ? buildPaginationLabels(t, paginationKeyPrefix) : void 0;
     const overrides = tableDefaults?.paginationLabels;
     const paginationLabels = translated || overrides ? { ...translated, ...overrides } : void 0;
-    return { ...tableDefaults, paginationLabels };
-  }, [t, paginationKeyPrefix, tableDefaults]);
-  const feedbackValue = React2.useMemo(
+    const translatedToolbar = t ? buildToolbarLabels(t, toolbarKeyPrefix) : void 0;
+    const toolbarOverrides = tableDefaults?.toolbarLabels;
+    const toolbarLabels = translatedToolbar || toolbarOverrides ? { ...translatedToolbar, ...toolbarOverrides } : void 0;
+    return { ...tableDefaults, paginationLabels, toolbarLabels };
+  }, [t, paginationKeyPrefix, toolbarKeyPrefix, tableDefaults]);
+  const feedbackValue = React3.useMemo(
     () => resolveFeedbackDefaultsValue(feedbackDefaults, t),
     [feedbackDefaults, t]
   );
@@ -371,7 +430,7 @@ function NajmUICore({
       config: design,
       mode: theme,
       className: cn("min-h-full", className),
-      children: /* @__PURE__ */ jsx(NTableDefaultsProvider, { value: defaults, children: /* @__PURE__ */ jsx(NBadgeDefaultsProvider, { defaults: badgeDefaults, t, children: /* @__PURE__ */ jsx(NFeedbackDefaultsProvider, { value: feedbackValue, children }) }) })
+      children: /* @__PURE__ */ jsx(DirectionProvider, { dir: direction, children: /* @__PURE__ */ jsx(NTableDefaultsProvider, { value: defaults, children: /* @__PURE__ */ jsx(NBadgeDefaultsProvider, { defaults: badgeDefaults, t, children: /* @__PURE__ */ jsx(NFeedbackDefaultsProvider, { value: feedbackValue, children }) }) }) })
     }
   );
 }
@@ -382,6 +441,8 @@ function NajmUIProvider({
   className,
   t,
   paginationKeyPrefix,
+  toolbarKeyPrefix,
+  dir,
   tableDefaults,
   badgeDefaults,
   feedbackDefaults,
@@ -398,6 +459,8 @@ function NajmUIProvider({
       className,
       t,
       paginationKeyPrefix,
+      toolbarKeyPrefix,
+      dir,
       tableDefaults,
       badgeDefaults,
       feedbackDefaults,
@@ -442,7 +505,7 @@ function selectImageSource(sources, failed) {
 var NO_FAILURES = [];
 function useImageChain(sources) {
   const key = JSON.stringify(sources);
-  const [state, setState] = React2.useState(() => ({
+  const [state, setState] = React3.useState(() => ({
     key,
     failed: NO_FAILURES,
     loaded: null
@@ -451,13 +514,13 @@ function useImageChain(sources) {
   const current = state.key === key ? state : fresh;
   if (state.key !== key) setState(fresh);
   const active = selectImageSource(sources, current.failed);
-  const markLoaded = React2.useCallback(() => {
+  const markLoaded = React3.useCallback(() => {
     if (active === void 0) return;
     setState(
       (prev) => prev.key !== key || prev.loaded === active ? prev : { ...prev, loaded: active }
     );
   }, [key, active]);
-  const markFailed = React2.useCallback(() => {
+  const markFailed = React3.useCallback(() => {
     if (active === void 0) return;
     setState((prev) => {
       if (prev.key !== key || prev.failed.includes(active)) return prev;
@@ -477,4 +540,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, useResolvedFeedbackLabels, useResolvedPaginationLabels };
+export { DEFAULT_FEEDBACK_KEY_PREFIX, DEFAULT_PAGINATION_KEY_PREFIX, DEFAULT_TIME_ZONE, DEFAULT_TOOLBAR_KEY_PREFIX, EMPTY_DESIGN, NAJM_COLOR_TEXT_CLASSES, NAJM_STATUS_COLORS, NTableDefaultsProvider, NajmDesignEditorProvider, NajmPreferencesProvider, NajmUIProvider, buildPaginationLabels, buildToolbarLabels, colorTextClass, findStatusColor, mergeBadgeMaps, normalizeImageSources, normalizeStatusToken, resolveBadgeStatusLabel, resolveStatusColor, statusTextClass, useDocumentDirection, useImageChain, useNBadgeDefaults, useNTableDefaults, useNajmDesignEditor, useNajmPreferencesContext, useNajmTheme, useNajmTimeZone, useResolvedFeedbackLabels, useResolvedPaginationLabels, useResolvedToolbarLabels };

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

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