najm-kit 2.11.23 → 2.12.1

package/dist/chunk-FZX3DONZ.mjs

@@ -0,0 +1,200 @@
+import { useResolvedFeedbackLabels } from './chunk-BFFTC7LD.mjs';
+import { useNajmDesign } from './chunk-TZRTOQCC.mjs';
+import { cn } from './chunk-5UY7U2ED.mjs';
+import { LoaderCircleIcon, LoaderPinwheelIcon, LoaderIcon } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var Default = ({ className, ...props }) => /* @__PURE__ */ jsx(LoaderIcon, { className: cn("animate-spin", className), ...props });
+var Circle = ({ className, ...props }) => /* @__PURE__ */ jsx(LoaderCircleIcon, { className: cn("animate-spin", className), ...props });
+var Pinwheel = ({ className, ...props }) => /* @__PURE__ */ jsx(LoaderPinwheelIcon, { className: cn("animate-spin", className), ...props });
+var CircleFilled = ({ className, size = 24, ...props }) => /* @__PURE__ */ jsxs("div", { className: "relative", style: { width: size, height: size }, children: [
+  /* @__PURE__ */ jsx("div", { className: "absolute inset-0 rotate-180", children: /* @__PURE__ */ jsx(LoaderCircleIcon, { className: cn("animate-spin", className, "text-foreground opacity-20"), size, ...props }) }),
+  /* @__PURE__ */ jsx(LoaderCircleIcon, { className: cn("relative animate-spin", className), size, ...props })
+] });
+var Ellipsis = ({ size = 24, ...props }) => /* @__PURE__ */ jsxs("svg", { height: size, viewBox: "0 0 24 24", width: size, xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+  /* @__PURE__ */ jsx("title", { children: "Loading..." }),
+  /* @__PURE__ */ jsx("circle", { cx: "4", cy: "12", fill: "currentColor", r: "2", children: /* @__PURE__ */ jsx("animate", { attributeName: "cy", begin: "0;ellipsis3.end+0.25s", calcMode: "spline", dur: "0.6s", id: "ellipsis1", keySplines: ".33,.66,.66,1;.33,0,.66,.33", values: "12;6;12" }) }),
+  /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", fill: "currentColor", r: "2", children: /* @__PURE__ */ jsx("animate", { attributeName: "cy", begin: "ellipsis1.begin+0.1s", calcMode: "spline", dur: "0.6s", keySplines: ".33,.66,.66,1;.33,0,.66,.33", values: "12;6;12" }) }),
+  /* @__PURE__ */ jsx("circle", { cx: "20", cy: "12", fill: "currentColor", r: "2", children: /* @__PURE__ */ jsx("animate", { attributeName: "cy", begin: "ellipsis1.begin+0.2s", calcMode: "spline", dur: "0.6s", id: "ellipsis3", keySplines: ".33,.66,.66,1;.33,0,.66,.33", values: "12;6;12" }) })
+] });
+var Ring = ({ size = 24, ...props }) => /* @__PURE__ */ jsxs("svg", { height: size, stroke: "currentColor", viewBox: "0 0 44 44", width: size, xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+  /* @__PURE__ */ jsx("title", { children: "Loading..." }),
+  /* @__PURE__ */ jsxs("g", { fill: "none", fillRule: "evenodd", strokeWidth: "2", children: [
+    /* @__PURE__ */ jsxs("circle", { cx: "22", cy: "22", r: "1", children: [
+      /* @__PURE__ */ jsx("animate", { attributeName: "r", begin: "0s", calcMode: "spline", dur: "1.8s", keySplines: "0.165, 0.84, 0.44, 1", keyTimes: "0; 1", repeatCount: "indefinite", values: "1; 20" }),
+      /* @__PURE__ */ jsx("animate", { attributeName: "stroke-opacity", begin: "0s", calcMode: "spline", dur: "1.8s", keySplines: "0.3, 0.61, 0.355, 1", keyTimes: "0; 1", repeatCount: "indefinite", values: "1; 0" })
+    ] }),
+    /* @__PURE__ */ jsxs("circle", { cx: "22", cy: "22", r: "1", children: [
+      /* @__PURE__ */ jsx("animate", { attributeName: "r", begin: "-0.9s", calcMode: "spline", dur: "1.8s", keySplines: "0.165, 0.84, 0.44, 1", keyTimes: "0; 1", repeatCount: "indefinite", values: "1; 20" }),
+      /* @__PURE__ */ jsx("animate", { attributeName: "stroke-opacity", begin: "-0.9s", calcMode: "spline", dur: "1.8s", keySplines: "0.3, 0.61, 0.355, 1", keyTimes: "0; 1", repeatCount: "indefinite", values: "1; 0" })
+    ] })
+  ] })
+] });
+var Bars = ({ size = 24, ...props }) => /* @__PURE__ */ jsxs("svg", { height: size, viewBox: "0 0 24 24", width: size, xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+  /* @__PURE__ */ jsx("title", { children: "Loading..." }),
+  /* @__PURE__ */ jsx("rect", { fill: "currentColor", height: "4", rx: "1", width: "4", x: "1", y: "10", children: /* @__PURE__ */ jsx("animate", { attributeName: "opacity", begin: "0s", dur: "0.6s", keyTimes: "0;0.5;1", repeatCount: "indefinite", values: "1;0.3;1" }) }),
+  /* @__PURE__ */ jsx("rect", { fill: "currentColor", height: "4", rx: "1", width: "4", x: "10", y: "10", children: /* @__PURE__ */ jsx("animate", { attributeName: "opacity", begin: "0.1s", dur: "0.6s", keyTimes: "0;0.5;1", repeatCount: "indefinite", values: "1;0.3;1" }) }),
+  /* @__PURE__ */ jsx("rect", { fill: "currentColor", height: "4", rx: "1", width: "4", x: "19", y: "10", children: /* @__PURE__ */ jsx("animate", { attributeName: "opacity", begin: "0.2s", dur: "0.6s", keyTimes: "0;0.5;1", repeatCount: "indefinite", values: "1;0.3;1" }) })
+] });
+var Infinite = ({ size = 24, ...props }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    height: size,
+    preserveAspectRatio: "xMidYMid",
+    viewBox: "0 0 100 100",
+    width: size,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("title", { children: "Loading..." }),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40 C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z",
+          fill: "none",
+          stroke: "currentColor",
+          strokeDasharray: "205.271142578125 51.317785644531256",
+          strokeLinecap: "round",
+          strokeWidth: "10",
+          style: { transform: "scale(0.8)", transformOrigin: "50px 50px" },
+          children: /* @__PURE__ */ jsx(
+            "animate",
+            {
+              attributeName: "stroke-dashoffset",
+              dur: "2s",
+              keyTimes: "0;1",
+              repeatCount: "indefinite",
+              values: "0;256.58892822265625"
+            }
+          )
+        }
+      )
+    ]
+  }
+);
+var spinnerVariants = {
+  default: Default,
+  circle: Circle,
+  pinwheel: Pinwheel,
+  "circle-filled": CircleFilled,
+  ellipsis: Ellipsis,
+  ring: Ring,
+  bars: Bars,
+  infinite: Infinite
+};
+function NSpinner({ variant = "default", size = 24, className, ...props }) {
+  const Component = spinnerVariants[variant] || Default;
+  return /* @__PURE__ */ jsx(Component, { className, size, ...props });
+}
+function NPageLayout({
+  as: Comp = "main",
+  className,
+  style,
+  ...props
+}) {
+  const { layout } = useNajmDesign();
+  const pageGutter = layout?.pageGutter ?? "var(--page-gutter, 24px)";
+  const sectionGap = layout?.sectionGap ?? "var(--section-gap, 20px)";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      className: cn("flex min-w-0 flex-col", className),
+      style: {
+        /**
+         * Published so descendants can cancel the page padding exactly. A
+         * full-bleed child (a non-card NPageHeader) cannot guess these: the
+         * design config resolves them to literals, not to the `--page-gutter`
+         * / `--section-gap` fallbacks.
+         */
+        "--najm-page-gutter": pageGutter,
+        "--najm-section-gap": sectionGap,
+        gap: sectionGap,
+        paddingInline: pageGutter,
+        paddingBlock: sectionGap,
+        ...style
+      },
+      ...props
+    }
+  );
+}
+var INLINE_PADDING = {
+  loading: "py-8",
+  error: "py-8",
+  empty: "py-12"
+};
+var PANEL_BASE = "flex min-h-64 w-full flex-col items-center justify-center gap-3";
+var PAGE_MIN = "min-h-[60vh]";
+function NFeedbackStateFrame({
+  surface = "inline",
+  spacing = "empty",
+  className,
+  children,
+  ...rest
+}) {
+  if (surface === "page") {
+    return /* @__PURE__ */ jsx(
+      NPageLayout,
+      {
+        as: "div",
+        className: cn(
+          "items-center justify-center text-center",
+          PAGE_MIN,
+          className
+        ),
+        ...rest,
+        children
+      }
+    );
+  }
+  if (surface === "panel") {
+    return /* @__PURE__ */ jsx("div", { className: cn(PANEL_BASE, className), ...rest, children });
+  }
+  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col items-center justify-center gap-3", INLINE_PADDING[spacing], className), ...rest, children });
+}
+function useLoadingLabel(explicit) {
+  const labels = useResolvedFeedbackLabels();
+  if (explicit !== void 0) return explicit;
+  return labels.loadingLabel;
+}
+function NLoadingState({
+  label,
+  className,
+  fullScreen = false,
+  spinnerVariant = "circle",
+  spinnerSize = 32,
+  surface = "inline"
+}) {
+  const resolvedLabel = useLoadingLabel(label);
+  if (fullScreen) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm flex flex-col items-center justify-center gap-3 py-8",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx(NSpinner, { variant: spinnerVariant, size: spinnerSize }),
+          resolvedLabel && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: resolvedLabel })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    NFeedbackStateFrame,
+    {
+      surface,
+      spacing: "loading",
+      role: "status",
+      "aria-live": "polite",
+      "aria-busy": "true",
+      className,
+      children: [
+        /* @__PURE__ */ jsx(NSpinner, { variant: spinnerVariant, size: spinnerSize }),
+        resolvedLabel && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: resolvedLabel })
+      ]
+    }
+  );
+}
+
+export { NFeedbackStateFrame, NLoadingState, NPageLayout, NSpinner };

package/dist/{chunk-BDQK6ECA.mjs → chunk-LMW4DM5L.mjs}

@@ -1,6 +1,8 @@
-import { NajmDesignProvider, cn } from './chunk-LK3SMYUP.mjs';
-import * as React3 from 'react';
-import React3__default from 'react';
+import { resolveFeedbackDefaultsValue, NFeedbackDefaultsProvider } from './chunk-BFFTC7LD.mjs';
+import { NajmDesignProvider } from './chunk-TZRTOQCC.mjs';
+import { cn } from './chunk-5UY7U2ED.mjs';
+import * as React2 from 'react';
+import React2__default from 'react';
 import { jsx } from 'react/jsx-runtime';
 import { DirectionProvider } from '@radix-ui/react-direction';
 
@@ -74,7 +76,7 @@ function statusTextClass(status, statusMap, fallback) {
   const color = findStatusColor(status, statusMap) ?? fallback;
   return color ? colorTextClass(color) : "";
 }
-var NTableDefaultsContext = React3__default.createContext({});
+var NTableDefaultsContext = React2__default.createContext({});
 function NTableDefaultsProvider({
   children,
   value
@@ -82,12 +84,12 @@ function NTableDefaultsProvider({
   return /* @__PURE__ */ jsx(NTableDefaultsContext.Provider, { value, children });
 }
 function useNTableDefaults() {
-  return React3__default.useContext(NTableDefaultsContext);
+  return React2__default.useContext(NTableDefaultsContext);
 }
 function useResolvedPaginationLabels(own) {
   const defaults = useNTableDefaults();
   const inherited = defaults.paginationLabels;
-  return React3__default.useMemo(
+  return React2__default.useMemo(
     () => ({ ...inherited, ...own }),
     [inherited, own]
   );
@@ -95,72 +97,12 @@ function useResolvedPaginationLabels(own) {
 function useResolvedToolbarLabels(own) {
   const defaults = useNTableDefaults();
   const inherited = defaults.toolbarLabels;
-  return React3__default.useMemo(
+  return React2__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 NajmPreferencesContext = React2.createContext(null);
 var DEFAULT_TIME_ZONE = "UTC";
 function isValidTimeZone(value) {
   try {
@@ -189,44 +131,44 @@ function NajmPreferencesProvider({
   onTimeZoneChange,
   normalizeTimeZone = defaultNormalizeTimeZone
 }) {
-  const [theme, setThemeState] = React3.useState(initialTheme);
-  const [timeZone, setTimeZoneState] = React3.useState(
+  const [theme, setThemeState] = React2.useState(initialTheme);
+  const [timeZone, setTimeZoneState] = React2.useState(
     () => normalizeTimeZone(initialTimeZone)
   );
-  const onThemeChangeRef = React3.useRef(onThemeChange);
-  const onTimeZoneChangeRef = React3.useRef(onTimeZoneChange);
-  const normalizeRef = React3.useRef(normalizeTimeZone);
-  React3.useEffect(() => {
+  const onThemeChangeRef = React2.useRef(onThemeChange);
+  const onTimeZoneChangeRef = React2.useRef(onTimeZoneChange);
+  const normalizeRef = React2.useRef(normalizeTimeZone);
+  React2.useEffect(() => {
     onThemeChangeRef.current = onThemeChange;
     onTimeZoneChangeRef.current = onTimeZoneChange;
     normalizeRef.current = normalizeTimeZone;
   });
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     applyTheme(theme);
     applyTimeZone(timeZone);
   }, []);
-  const setTheme = React3.useCallback(async (next) => {
+  const setTheme = React2.useCallback(async (next) => {
     setThemeState(next);
     applyTheme(next);
     await onThemeChangeRef.current?.(next);
   }, []);
-  const setTimeZone = React3.useCallback(async (next) => {
+  const setTimeZone = React2.useCallback(async (next) => {
     const normalized = normalizeRef.current(next);
     setTimeZoneState(normalized);
     applyTimeZone(normalized);
     await onTimeZoneChangeRef.current?.(normalized);
   }, []);
-  const value = React3.useMemo(
+  const value = React2.useMemo(
     () => ({ theme, setTheme, timeZone, setTimeZone }),
     [theme, setTheme, timeZone, setTimeZone]
   );
   return /* @__PURE__ */ jsx(NajmPreferencesContext.Provider, { value, children });
 }
 function useNajmPreferencesContext() {
-  return React3.useContext(NajmPreferencesContext);
+  return React2.useContext(NajmPreferencesContext);
 }
 function usePreferencesOrThrow(hook) {
-  const value = React3.useContext(NajmPreferencesContext);
+  const value = React2.useContext(NajmPreferencesContext);
   if (!value) {
     throw new Error(
       `${hook} must be rendered under a NajmUIProvider or NajmPreferencesProvider.`
@@ -236,11 +178,11 @@ function usePreferencesOrThrow(hook) {
 }
 function useNajmTheme() {
   const { theme, setTheme } = usePreferencesOrThrow("useNajmTheme");
-  return React3.useMemo(() => ({ theme, setTheme }), [theme, setTheme]);
+  return React2.useMemo(() => ({ theme, setTheme }), [theme, setTheme]);
 }
 function useNajmTimeZone() {
   const { timeZone, setTimeZone } = usePreferencesOrThrow("useNajmTimeZone");
-  return React3.useMemo(
+  return React2.useMemo(
     () => ({ timeZone, setTimeZone }),
     [timeZone, setTimeZone]
   );
@@ -285,10 +227,10 @@ function buildToolbarLabels(t, prefix) {
   };
 }
 function useDocumentDirection(override) {
-  const [direction, setDirection] = React3.useState(
+  const [direction, setDirection] = React2.useState(
     override ?? "ltr"
   );
-  React3.useEffect(() => {
+  React2.useEffect(() => {
     if (override) {
       setDirection(override);
       return;
@@ -307,9 +249,9 @@ var EMPTY_DESIGN = Object.freeze({
   theme: {},
   components: {}
 });
-var NajmDesignEditorContext = React3.createContext(null);
+var NajmDesignEditorContext = React2.createContext(null);
 function useNajmDesignEditor() {
-  return React3.useContext(NajmDesignEditorContext);
+  return React2.useContext(NajmDesignEditorContext);
 }
 function cloneDesign(design) {
   return structuredClone(design);
@@ -319,29 +261,29 @@ function NajmDesignEditorProvider({
   design,
   initialDesign
 }) {
-  const [state, setState] = React3.useState(() => ({
+  const [state, setState] = React2.useState(() => ({
     committed: initialDesign ?? design ?? EMPTY_DESIGN,
     draft: null
   }));
-  const beginDraft = React3.useCallback(() => {
+  const beginDraft = React2.useCallback(() => {
     setState(
       (current) => current.draft ? current : { ...current, draft: cloneDesign(current.committed) }
     );
   }, []);
-  const setDraft = React3.useCallback((next) => {
+  const setDraft = React2.useCallback((next) => {
     setState((current) => ({ ...current, draft: cloneDesign(next) }));
   }, []);
-  const cancelDraft = React3.useCallback(() => {
+  const cancelDraft = React2.useCallback(() => {
     setState(
       (current) => current.draft === null ? current : { ...current, draft: null }
     );
   }, []);
-  const setCommitted = React3.useCallback((next) => {
+  const setCommitted = React2.useCallback((next) => {
     setState(
       (current) => current.committed === next && current.draft === null ? current : { committed: next, draft: null }
     );
   }, []);
-  const value = React3.useMemo(() => {
+  const value = React2.useMemo(() => {
     if (design) {
       return {
         design,
@@ -369,20 +311,20 @@ function NajmDesignEditorProvider({
 }
 function noop() {
 }
-var NBadgeDefaultsContext = React3.createContext(null);
+var NBadgeDefaultsContext = React2.createContext(null);
 function NBadgeDefaultsProvider({
   defaults,
   t,
   children
 }) {
-  const value = React3.useMemo(
+  const value = React2.useMemo(
     () => ({ defaults, t }),
     [defaults, t]
   );
   return /* @__PURE__ */ jsx(NBadgeDefaultsContext.Provider, { value, children });
 }
 function useNBadgeDefaults() {
-  return React3.useContext(NBadgeDefaultsContext);
+  return React2.useContext(NBadgeDefaultsContext);
 }
 function resolveBadgeStatusLabel(status, defaults, t) {
   if (!defaults) return void 0;
@@ -411,7 +353,7 @@ function NajmUICore({
   const { theme } = useNajmTheme();
   const direction = useDocumentDirection(dir);
   const design = useNajmDesignEditor()?.design ?? EMPTY_DESIGN;
-  const defaults = React3.useMemo(() => {
+  const defaults = React2.useMemo(() => {
     const translated = t ? buildPaginationLabels(t, paginationKeyPrefix) : void 0;
     const overrides = tableDefaults?.paginationLabels;
     const paginationLabels = translated || overrides ? { ...translated, ...overrides } : void 0;
@@ -420,7 +362,7 @@ function NajmUICore({
     const toolbarLabels = translatedToolbar || toolbarOverrides ? { ...translatedToolbar, ...toolbarOverrides } : void 0;
     return { ...tableDefaults, paginationLabels, toolbarLabels };
   }, [t, paginationKeyPrefix, toolbarKeyPrefix, tableDefaults]);
-  const feedbackValue = React3.useMemo(
+  const feedbackValue = React2.useMemo(
     () => resolveFeedbackDefaultsValue(feedbackDefaults, t),
     [feedbackDefaults, t]
   );
@@ -505,7 +447,7 @@ function selectImageSource(sources, failed) {
 var NO_FAILURES = [];
 function useImageChain(sources) {
   const key = JSON.stringify(sources);
-  const [state, setState] = React3.useState(() => ({
+  const [state, setState] = React2.useState(() => ({
     key,
     failed: NO_FAILURES,
     loaded: null
@@ -514,13 +456,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 = React3.useCallback(() => {
+  const markLoaded = React2.useCallback(() => {
     if (active === void 0) return;
     setState(
       (prev) => prev.key !== key || prev.loaded === active ? prev : { ...prev, loaded: active }
     );
   }, [key, active]);
-  const markFailed = React3.useCallback(() => {
+  const markFailed = React2.useCallback(() => {
     if (active === void 0) return;
     setState((prev) => {
       if (prev.key !== key || prev.failed.includes(active)) return prev;
@@ -540,4 +482,4 @@ function useImageChain(sources) {
   };
 }
 
-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 };
+export { 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, useResolvedPaginationLabels, useResolvedToolbarLabels };

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

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

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

@@ -1,6 +1,5 @@
-import { cn } from './chunk-LK3SMYUP.mjs';
+import { cn } from './chunk-5UY7U2ED.mjs';
 import * as React from 'react';
-import { createContext, useContext } from 'react';
 import { OverlayScrollbars } from 'overlayscrollbars';
 import { OverlayScrollbarsComponent } from 'overlayscrollbars-react';
 import { jsx } from 'react/jsx-runtime';
@@ -88,30 +87,5 @@ function NajmScroll({ className, axis = "y", autoHide = "never", viewportRef, ev
     }
   );
 }
-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 { NTableJson, NajmScroll, TableStoreContext, useNajmScrollViewport, useTableStore };
+export { NajmScroll, useNajmScrollViewport };

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

@@ -1,8 +1,6 @@
 import * as React from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { jsx } from 'react/jsx-runtime';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
 
 // src/theme/presets/modes.ts
 var lightMode = {
@@ -303,9 +301,6 @@ function NajmThemeProvider({
     }
   ) }) }) }) });
 }
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
 var NajmDesignContext = React.createContext({
   components: {}
 });
@@ -368,4 +363,4 @@ function NajmDesignProvider({
   ) : children }) });
 }
 
-export { NajmDesignProvider, NajmThemeContainerCtx, NajmThemeProvider, cn, composePreset, resolvePreset, useNajmAppearance, useNajmComponentStyle, useNajmDesign, useNajmThemeMode };
+export { NajmDesignProvider, NajmThemeContainerCtx, NajmThemeProvider, composePreset, resolvePreset, useNajmAppearance, useNajmComponentStyle, useNajmDesign, useNajmThemeMode };