najm-kit 2.6.4 → 2.7.0

package/dist/{NajmUIProvider-x4chK0io.d.ts → NajmUIProvider-BsCoDjHH.d.ts}

@@ -381,8 +381,14 @@ declare function buildPaginationLabels(t: NajmTranslate, prefix?: string): NTabl
 
 interface NajmUIProviderProps extends Omit<NajmPreferencesProviderProps, "children"> {
     children: React$1.ReactNode;
-    /** The design config handed to `NajmDesignProvider`. */
-    design: NajmDesignConfig;
+    /**
+     * The design config handed to `NajmDesignProvider`.
+     *
+     * Optional, and deliberately so: an application with no runtime theme editor
+     * has nothing to put here, and requiring it was the only reason such an
+     * application still had to author a provider file just to hold a constant.
+     */
+    design?: NajmDesignConfig;
     /** Forwarded to `NajmDesignProvider`. */
     className?: string;
     /**

package/dist/adapters/app.d.ts

@@ -0,0 +1,51 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Translations } from 'najm-i18n';
+import { NajmNextUIProviderProps } from './next.js';
+import 'react';
+import '../NajmUIProvider-BsCoDjHH.js';
+
+/** Branding shown by the kit's chrome. Purely presentational values. */
+interface NajmAppBranding {
+    appName?: string;
+    logoExpanded?: string | null;
+    logoCollapsed?: string | null;
+}
+interface NajmAppProviderProps extends Omit<NajmNextUIProviderProps, 't'> {
+    /**
+     * Catalog for `najm-i18n`. Supplying it mounts an `I18nProvider` and derives
+     * the pagination labels from it, so `t` is not a prop here — the provider
+     * already has the translator and passing one in would be a second source of
+     * truth.
+     */
+    translations?: Translations;
+    initialLanguage?: string;
+    defaultLanguage?: string;
+    /**
+     * Where the chosen language is POSTed, as `{ language }`. Defaults to
+     * `/api/ui-language`.
+     *
+     * Unlike theme and time zone, this deliberately does *not* refresh the
+     * router: `najm-i18n` swaps catalogs reactively on the client, and a refresh
+     * would discard that work to re-render the same strings from the server.
+     */
+    languageEndpoint?: string;
+    branding?: NajmAppBranding;
+}
+/**
+ * The whole UI provider stack for a Najm application, as one component.
+ *
+ * Language, theme, time zone, design, branding and `NTable` defaults — the
+ * concerns that were previously a per-project folder of wrapper files, each one
+ * existing only to read the context the one above it published.
+ *
+ * Auth and react-query are deliberately *not* here. They are not UI concerns,
+ * they would drag `najm-auth` and `@tanstack/react-query` into this package,
+ * and an application that wants different query policy should not have to fork
+ * a provider to get it. Mount them above this, from their own packages.
+ *
+ * Design is optional. Applications that resolve a design config at runtime — a
+ * theme editor — compute it above and pass it down; everything else omits it.
+ */
+declare function NajmAppProvider({ translations, initialLanguage, defaultLanguage, languageEndpoint, ...props }: NajmAppProviderProps): react_jsx_runtime.JSX.Element;
+
+export { type NajmAppBranding, NajmAppProvider, type NajmAppProviderProps };

package/dist/adapters/app.mjs

@@ -0,0 +1,70 @@
+'use client';
+import { NBrandingProvider } from '../chunk-IGUQGT3G.mjs';
+import { NajmNextUIProvider } from '../chunk-4MRUJ2ZO.mjs';
+import '../chunk-7F65QM43.mjs';
+import '../chunk-YBM5CTE6.mjs';
+import * as React from 'react';
+import { I18nProvider, useTranslation } from 'najm-i18n/react';
+import { jsx } from 'react/jsx-runtime';
+
+var DEFAULT_LANGUAGE_ENDPOINT = "/api/ui-language";
+function NajmAppUI({ children, branding, ...props }) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx(NajmNextUIProvider, { t, ...props, children: /* @__PURE__ */ jsx(
+    NBrandingProvider,
+    {
+      appName: branding?.appName,
+      logoExpanded: branding?.logoExpanded,
+      logoCollapsed: branding?.logoCollapsed,
+      children
+    }
+  ) });
+}
+function NajmAppNoI18n({ children, branding, ...props }) {
+  return /* @__PURE__ */ jsx(NajmNextUIProvider, { ...props, children: /* @__PURE__ */ jsx(
+    NBrandingProvider,
+    {
+      appName: branding?.appName,
+      logoExpanded: branding?.logoExpanded,
+      logoCollapsed: branding?.logoCollapsed,
+      children
+    }
+  ) });
+}
+function NajmAppProvider({
+  translations,
+  initialLanguage,
+  defaultLanguage,
+  languageEndpoint = DEFAULT_LANGUAGE_ENDPOINT,
+  ...props
+}) {
+  const persistLanguage = React.useCallback(
+    async (language) => {
+      const response = await fetch(languageEndpoint, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        credentials: "same-origin",
+        body: JSON.stringify({ language })
+      });
+      if (!response.ok) {
+        throw new Error(
+          `Failed to persist language to ${languageEndpoint}: ${response.status}`
+        );
+      }
+    },
+    [languageEndpoint]
+  );
+  if (!translations) return /* @__PURE__ */ jsx(NajmAppNoI18n, { ...props });
+  return /* @__PURE__ */ jsx(
+    I18nProvider,
+    {
+      translations,
+      initialLanguage: initialLanguage ?? defaultLanguage ?? "en",
+      defaultLanguage,
+      onLanguageChange: persistLanguage,
+      children: /* @__PURE__ */ jsx(NajmAppUI, { ...props })
+    }
+  );
+}
+
+export { NajmAppProvider };

package/dist/adapters/next.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
-import { N as NajmUIProviderProps } from '../NajmUIProvider-x4chK0io.js';
+import { N as NajmUIProviderProps } from '../NajmUIProvider-BsCoDjHH.js';
 
 interface NextLinkAdapterProps extends Record<string, any> {
     href: string;

package/dist/adapters/next.mjs

@@ -1,72 +1,3 @@
-import { NajmUIProvider } from '../chunk-JZJCQBOH.mjs';
+export { NajmNextUIProvider, NextLinkAdapter, useNextNavigationAdapter } from '../chunk-4MRUJ2ZO.mjs';
+import '../chunk-7F65QM43.mjs';
 import '../chunk-YBM5CTE6.mjs';
-import React from 'react';
-import { useRouter } from 'next/navigation';
-import { jsx } from 'react/jsx-runtime';
-
-function NextLinkAdapter({ children, ...props }) {
-  return React.createElement("a", props, children);
-}
-function useNextNavigationAdapter() {
-  return {
-    pathname: typeof window !== "undefined" ? window.location.pathname : "",
-    push: (path) => {
-      if (typeof window !== "undefined") {
-        window.history.pushState(null, "", path);
-      }
-    },
-    replace: (path) => {
-      if (typeof window !== "undefined") {
-        window.history.replaceState(null, "", path);
-      }
-    }
-  };
-}
-var DEFAULT_THEME_ENDPOINT = "/api/ui-theme";
-var DEFAULT_TIME_ZONE_ENDPOINT = "/api/ui-timezone";
-async function postPreference(endpoint, body) {
-  const response = await fetch(endpoint, {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    credentials: "same-origin",
-    body: JSON.stringify(body)
-  });
-  if (!response.ok) {
-    throw new Error(
-      `Failed to persist preference to ${endpoint}: ${response.status}`
-    );
-  }
-}
-function NajmNextUIProvider({
-  endpoints,
-  refreshOnChange = true,
-  ...props
-}) {
-  const router = useRouter();
-  const themeEndpoint = endpoints?.theme ?? DEFAULT_THEME_ENDPOINT;
-  const timeZoneEndpoint = endpoints?.timeZone ?? DEFAULT_TIME_ZONE_ENDPOINT;
-  const onThemeChange = React.useCallback(
-    async (theme) => {
-      await postPreference(themeEndpoint, { theme });
-      if (refreshOnChange) router.refresh();
-    },
-    [themeEndpoint, refreshOnChange, router]
-  );
-  const onTimeZoneChange = React.useCallback(
-    async (timeZone) => {
-      await postPreference(timeZoneEndpoint, { timeZone });
-      if (refreshOnChange) router.refresh();
-    },
-    [timeZoneEndpoint, refreshOnChange, router]
-  );
-  return /* @__PURE__ */ jsx(
-    NajmUIProvider,
-    {
-      ...props,
-      onThemeChange,
-      onTimeZoneChange
-    }
-  );
-}
-
-export { NajmNextUIProvider, NextLinkAdapter, useNextNavigationAdapter };

package/dist/chunk-4MRUJ2ZO.mjs

@@ -0,0 +1,71 @@
+import { NajmUIProvider } from './chunk-7F65QM43.mjs';
+import React from 'react';
+import { useRouter } from 'next/navigation';
+import { jsx } from 'react/jsx-runtime';
+
+function NextLinkAdapter({ children, ...props }) {
+  return React.createElement("a", props, children);
+}
+function useNextNavigationAdapter() {
+  return {
+    pathname: typeof window !== "undefined" ? window.location.pathname : "",
+    push: (path) => {
+      if (typeof window !== "undefined") {
+        window.history.pushState(null, "", path);
+      }
+    },
+    replace: (path) => {
+      if (typeof window !== "undefined") {
+        window.history.replaceState(null, "", path);
+      }
+    }
+  };
+}
+var DEFAULT_THEME_ENDPOINT = "/api/ui-theme";
+var DEFAULT_TIME_ZONE_ENDPOINT = "/api/ui-timezone";
+async function postPreference(endpoint, body) {
+  const response = await fetch(endpoint, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    credentials: "same-origin",
+    body: JSON.stringify(body)
+  });
+  if (!response.ok) {
+    throw new Error(
+      `Failed to persist preference to ${endpoint}: ${response.status}`
+    );
+  }
+}
+function NajmNextUIProvider({
+  endpoints,
+  refreshOnChange = true,
+  ...props
+}) {
+  const router = useRouter();
+  const themeEndpoint = endpoints?.theme ?? DEFAULT_THEME_ENDPOINT;
+  const timeZoneEndpoint = endpoints?.timeZone ?? DEFAULT_TIME_ZONE_ENDPOINT;
+  const onThemeChange = React.useCallback(
+    async (theme) => {
+      await postPreference(themeEndpoint, { theme });
+      if (refreshOnChange) router.refresh();
+    },
+    [themeEndpoint, refreshOnChange, router]
+  );
+  const onTimeZoneChange = React.useCallback(
+    async (timeZone) => {
+      await postPreference(timeZoneEndpoint, { timeZone });
+      if (refreshOnChange) router.refresh();
+    },
+    [timeZoneEndpoint, refreshOnChange, router]
+  );
+  return /* @__PURE__ */ jsx(
+    NajmUIProvider,
+    {
+      ...props,
+      onThemeChange,
+      onTimeZoneChange
+    }
+  );
+}
+
+export { NajmNextUIProvider, NextLinkAdapter, useNextNavigationAdapter };

package/dist/{chunk-JZJCQBOH.mjs → chunk-7F65QM43.mjs}

@@ -114,9 +114,14 @@ function buildPaginationLabels(t, prefix = DEFAULT_PAGINATION_KEY_PREFIX) {
     rowsSelected: (selected, total) => t(key("rowsSelected"), { selected, total })
   };
 }
+var EMPTY_DESIGN = Object.freeze({
+  version: 1,
+  theme: {},
+  components: {}
+});
 function NajmUICore({
   children,
-  design,
+  design = EMPTY_DESIGN,
   className,
   t,
   paginationKeyPrefix = DEFAULT_PAGINATION_KEY_PREFIX,

package/dist/chunk-IGUQGT3G.mjs

@@ -0,0 +1,24 @@
+import { createContext, useContext, useMemo } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/branding/NBrandingContext.tsx
+var NBrandingContext = createContext(null);
+function useNBranding() {
+  return useContext(NBrandingContext);
+}
+function NBrandingProvider({
+  children,
+  appName,
+  logoExpanded,
+  logoCollapsed,
+  logoFallback,
+  logoHref
+}) {
+  const value = useMemo(
+    () => ({ appName, logoExpanded, logoCollapsed, logoFallback, logoHref }),
+    [appName, logoExpanded, logoCollapsed, logoFallback, logoHref]
+  );
+  return /* @__PURE__ */ jsx(NBrandingContext.Provider, { value, children });
+}
+
+export { NBrandingProvider, useNBranding };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as NajmThemeProviderProps, b as NajmAppearance, c as NajmMode, d as NajmDesignConfig, e as NajmThemeConfig, f as NajmAccent, g as NajmThemeTokens, h as NajmPreset, i as NajmComponentName, j as NajmComponentStyleConfig, k as NajmComponentThemeConfig, l as NajmTypographyConfig, m as NajmLayoutConfig, n as NajmVariantStyle, o as NTablePaginationVariant, p as NTablePaginationLabels, q as NTableCardPagination, r as NajmResponsiveBreakpoint, s as NajmResponsiveValue } from './NajmUIProvider-x4chK0io.js';
-export { D as DEFAULT_PAGINATION_KEY_PREFIX, t as DEFAULT_TIME_ZONE, u as NAJM_COMPONENT_NAMES, v as NTableDefaults, w as NTableDefaultsProvider, x as NTableInfinitePagination, y as NTableLoadMorePagination, z as NajmComponentRadius, A as NajmDensity, B as NajmPreferencesContextValue, C as NajmPreferencesProvider, E as NajmPreferencesProviderProps, F as NajmSlotStyle, G as NajmTranslate, H as NajmUIProvider, N as NajmUIProviderProps, R as RADIUS_VALUE_MAP, I as buildPaginationLabels, J as resolveRadiusValue, K as useNTableDefaults, L as useNajmPreferencesContext, M as useNajmTheme, O as useNajmTimeZone } from './NajmUIProvider-x4chK0io.js';
+import { a as NajmThemeProviderProps, b as NajmAppearance, c as NajmMode, d as NajmDesignConfig, e as NajmThemeConfig, f as NajmAccent, g as NajmThemeTokens, h as NajmPreset, i as NajmComponentName, j as NajmComponentStyleConfig, k as NajmComponentThemeConfig, l as NajmTypographyConfig, m as NajmLayoutConfig, n as NajmVariantStyle, o as NTablePaginationVariant, p as NTablePaginationLabels, q as NTableCardPagination, r as NajmResponsiveBreakpoint, s as NajmResponsiveValue } from './NajmUIProvider-BsCoDjHH.js';
+export { D as DEFAULT_PAGINATION_KEY_PREFIX, t as DEFAULT_TIME_ZONE, u as NAJM_COMPONENT_NAMES, v as NTableDefaults, w as NTableDefaultsProvider, x as NTableInfinitePagination, y as NTableLoadMorePagination, z as NajmComponentRadius, A as NajmDensity, B as NajmPreferencesContextValue, C as NajmPreferencesProvider, E as NajmPreferencesProviderProps, F as NajmSlotStyle, G as NajmTranslate, H as NajmUIProvider, N as NajmUIProviderProps, R as RADIUS_VALUE_MAP, I as buildPaginationLabels, J as resolveRadiusValue, K as useNTableDefaults, L as useNajmPreferencesContext, M as useNajmTheme, O as useNajmTimeZone } from './NajmUIProvider-BsCoDjHH.js';
 import * as React$1 from 'react';
 import React__default, { RefObject, ReactNode, ComponentType, InputHTMLAttributes, Ref, ImgHTMLAttributes, CSSProperties, MouseEvent, MouseEventHandler } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';

package/dist/index.mjs

@@ -1,5 +1,7 @@
-import { useResolvedPaginationLabels } from './chunk-JZJCQBOH.mjs';
-export { DEFAULT_PAGINATION_KEY_PREFIX, DEFAULT_TIME_ZONE, NTableDefaultsProvider, NajmPreferencesProvider, NajmUIProvider, buildPaginationLabels, useNTableDefaults, useNajmPreferencesContext, useNajmTheme, useNajmTimeZone } from './chunk-JZJCQBOH.mjs';
+import { useNBranding } from './chunk-IGUQGT3G.mjs';
+export { NBrandingProvider, useNBranding } from './chunk-IGUQGT3G.mjs';
+import { useResolvedPaginationLabels } from './chunk-7F65QM43.mjs';
+export { DEFAULT_PAGINATION_KEY_PREFIX, DEFAULT_TIME_ZONE, NTableDefaultsProvider, NajmPreferencesProvider, NajmUIProvider, buildPaginationLabels, useNTableDefaults, useNajmPreferencesContext, useNajmTheme, useNajmTimeZone } from './chunk-7F65QM43.mjs';
 import { resolveRadiusValue, inputBorderClasses, cn, Button, NIcon, NajmScroll, surfaceBorderClasses, useNajmScrollViewport, resolveVariantAlias, buttonVariants, NButton, parseNajmDesignConfig, useTableStore, TableStoreContext, sidebarBorderClasses, NTableJson } from './chunk-4DLRXB2W.mjs';
 export { Button, NAJM_COMPONENT_NAMES, NButton, NIcon, NTableJson, NajmScroll, RADIUS_VALUE_MAP, TableStoreContext, buttonVariants, cn, defineNajmDesignConfig, defineNajmThemeConfig, inputBorderClasses, parseNajmDesignConfig, parseNajmThemeConfig, resolveRadiusValue, resolveVariantAlias, sidebarBorderClasses, stringifyNajmDesignConfig, stringifyNajmThemeConfig, surfaceBorderClasses, useTableStore } from './chunk-4DLRXB2W.mjs';
 import { useNajmComponentStyle, NajmThemeContainerCtx, useNajmThemeMode, useNajmDesign, composePreset } from './chunk-YBM5CTE6.mjs';
@@ -7556,24 +7558,6 @@ function NImage({ src, fallback, alt = "", ...rest }) {
   const resolved = failed === src && fallback ? fallback : src;
   return /* @__PURE__ */ jsx("img", { ...rest, alt, src: resolved, onError: () => setFailed(src) });
 }
-var NBrandingContext = createContext(null);
-function useNBranding() {
-  return useContext(NBrandingContext);
-}
-function NBrandingProvider({
-  children,
-  appName,
-  logoExpanded,
-  logoCollapsed,
-  logoFallback,
-  logoHref
-}) {
-  const value = useMemo(
-    () => ({ appName, logoExpanded, logoCollapsed, logoFallback, logoHref }),
-    [appName, logoExpanded, logoCollapsed, logoFallback, logoHref]
-  );
-  return /* @__PURE__ */ jsx(NBrandingContext.Provider, { value, children });
-}
 var avatarVariants = cva(
   "relative flex shrink-0 overflow-hidden",
   {
@@ -15185,4 +15169,4 @@ function NGridItem({
   return /* @__PURE__ */ jsx("div", { className: itemClassName, ...props, children });
 }
 
-export { Alert, NCard as AsyncCard, Avatar, AvatarFallback, AvatarFormInput, AvatarGroup, AvatarImage, AvatarInput, AvatarStatus, Badge, BaseInput, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxGroupInput, CheckboxInput, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ColorArrayInput, ColorPickerInput, Combobox, ComboboxInput, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DEFAULT_THEME_FILE_NAME, DateInput, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicArray_default as DynamicArray, EmojiInput, FileImportButton, FileInput, Form, FormControl, FormDescription, FormField, FormInput, FormItem, FormLabel, FormMessage, IconButton, ImageInput, Indicator4 as Indicator, Input, Label2 as Label, LangInput, MultiSelectInput, NAJM_SAVED_THEME_VALUE, NAlert, NAppShell, NCard as NAsyncCard, NAvatar, NBadge, NBarChart, NBrandingProvider, NBulkActionsBar, NCard, NCardAction, NCardFooter, NCardInfo, NCardMedia, NCardSection, NChartSkeleton, NCommandPalette, NConfirmDialog, NContextMenu, NDataCardShell, NDeleteDialog, NDeleteDialogContent, NDetailCard, NDetailItem, NDetailList, NDialog, NDialogDescription, NDialogHeader, NDialogPrimaryButton, NDialogSecondaryButton, NDonutCard, NEditorTabs, NEmptyState, NErrorBoundary, NErrorState, NFileBrowser, NFileTypeIcon, NFilterBar, NFolderIcon, NForm, NFormSectionHeader, NGrid, NGridItem, NImage, NIndicator, NInspectorSheet, NLineChart, NLoadingState, NMultiDialog, NNavbar, NPageHeader, NPageHeaderActions, NPageHeaderCompactActions, NPageHeaderFilters, NPageHeaderTop, NPageLayout, NPieChart, NPortalScopeProvider, NProgress, NRowActions, NSection, NSectionHeader, NSectionInfo, NSectionWithInfo, NSheet, NSidebar, NSidebarBrand, NSidebarContent, NSidebarFooter, NSidebarHeader, NSidebarItem, NSidebarMobile, NSidebarProvider, NSidebarSection, NSkeleton, NSkeletonCalendar, NSkeletonChart, NSkeletonDonut, NSkeletonEventList, NSkeletonWidget, NSkeletonWidgets, NSlider, NSmartPasteDialog, NSpinner, NStatCard, NStatCardSkeleton, NStatusBreakdown, Swap as NSwap, NTable, NTableCardRoot, NTableCards, NTableContent, NTableHeader, NTableLoadingSkeleton, NTablePagination, NTableRowSkeleton, NTableSkeleton, NTabs, NThemeCustomizer, NThemePresets, NUploader, NViewBody, NViewToggle, NativeSelect, NumberInput, OtpInput, PasswordInput, PhoneInput, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PrefixProvider, Progress, RadioGroup, RadioGroupInput, RadioGroupItem, RepeatingFields, ScrollArea, SearchField, SearchField as SearchInput, SegmentedControl, Select, SelectContent, SelectGroup, SelectInput, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SimpleTooltip, NSkeleton as Skeleton, Slider, SliderInput, StarRatingInput, StatusPill, StepIndicator, StepsHeader, StepsProgress, Swap, SwapIndeterminate, SwapOff, SwapOn, Switch, SwitchInput, TAB_COLORS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TextAreaInput, TextInput, Textarea, TimeInput, TimeZoneInput, Toaster, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, VariantProvider, WizardForm, alertVariants, avatarVariants, badgeColorVariants, badgeVariants, buildDefaultFileColumns, buildPageItems, createDialogStore, createTableStore, detectFormat, dialogVariants, filterResponsiveColumns, formatColor, formatFileBytes, formatFileRelative, getIconColorProps, getNChartColor, getNextEditorTabValue, hiddenBelowClasses, indicatorVariants, normalizeThemeFileName, parseColor, parseThemeFile, resolveHiddenBelowClass, resolveSlot, sliderVariants, stringifyThemeFile, swapVariants, toPickerHex, toggleVariants, tooltipContentVariants, truncateByCharacters, useClickOutside, useContextMenu, useDebouncedValue, useDelayedLoading, useDialog, useDialogStore, useDynamicPageSize, useFormField, useFormSubmission, useInfiniteScroll, useKeyboard, useLocalStorageState, useNBranding, useNForm, useNPortalScope, useNSidebar, usePrefix, useSelection, useStepNavigation, useStorageContextMenu, useStoreSync, useTable, useTableKeyboard, useVariant, useVariantPreset };
+export { Alert, NCard as AsyncCard, Avatar, AvatarFallback, AvatarFormInput, AvatarGroup, AvatarImage, AvatarInput, AvatarStatus, Badge, BaseInput, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxGroupInput, CheckboxInput, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ColorArrayInput, ColorPickerInput, Combobox, ComboboxInput, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DEFAULT_THEME_FILE_NAME, DateInput, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicArray_default as DynamicArray, EmojiInput, FileImportButton, FileInput, Form, FormControl, FormDescription, FormField, FormInput, FormItem, FormLabel, FormMessage, IconButton, ImageInput, Indicator4 as Indicator, Input, Label2 as Label, LangInput, MultiSelectInput, NAJM_SAVED_THEME_VALUE, NAlert, NAppShell, NCard as NAsyncCard, NAvatar, NBadge, NBarChart, NBulkActionsBar, NCard, NCardAction, NCardFooter, NCardInfo, NCardMedia, NCardSection, NChartSkeleton, NCommandPalette, NConfirmDialog, NContextMenu, NDataCardShell, NDeleteDialog, NDeleteDialogContent, NDetailCard, NDetailItem, NDetailList, NDialog, NDialogDescription, NDialogHeader, NDialogPrimaryButton, NDialogSecondaryButton, NDonutCard, NEditorTabs, NEmptyState, NErrorBoundary, NErrorState, NFileBrowser, NFileTypeIcon, NFilterBar, NFolderIcon, NForm, NFormSectionHeader, NGrid, NGridItem, NImage, NIndicator, NInspectorSheet, NLineChart, NLoadingState, NMultiDialog, NNavbar, NPageHeader, NPageHeaderActions, NPageHeaderCompactActions, NPageHeaderFilters, NPageHeaderTop, NPageLayout, NPieChart, NPortalScopeProvider, NProgress, NRowActions, NSection, NSectionHeader, NSectionInfo, NSectionWithInfo, NSheet, NSidebar, NSidebarBrand, NSidebarContent, NSidebarFooter, NSidebarHeader, NSidebarItem, NSidebarMobile, NSidebarProvider, NSidebarSection, NSkeleton, NSkeletonCalendar, NSkeletonChart, NSkeletonDonut, NSkeletonEventList, NSkeletonWidget, NSkeletonWidgets, NSlider, NSmartPasteDialog, NSpinner, NStatCard, NStatCardSkeleton, NStatusBreakdown, Swap as NSwap, NTable, NTableCardRoot, NTableCards, NTableContent, NTableHeader, NTableLoadingSkeleton, NTablePagination, NTableRowSkeleton, NTableSkeleton, NTabs, NThemeCustomizer, NThemePresets, NUploader, NViewBody, NViewToggle, NativeSelect, NumberInput, OtpInput, PasswordInput, PhoneInput, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PrefixProvider, Progress, RadioGroup, RadioGroupInput, RadioGroupItem, RepeatingFields, ScrollArea, SearchField, SearchField as SearchInput, SegmentedControl, Select, SelectContent, SelectGroup, SelectInput, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SimpleTooltip, NSkeleton as Skeleton, Slider, SliderInput, StarRatingInput, StatusPill, StepIndicator, StepsHeader, StepsProgress, Swap, SwapIndeterminate, SwapOff, SwapOn, Switch, SwitchInput, TAB_COLORS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TextAreaInput, TextInput, Textarea, TimeInput, TimeZoneInput, Toaster, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, VariantProvider, WizardForm, alertVariants, avatarVariants, badgeColorVariants, badgeVariants, buildDefaultFileColumns, buildPageItems, createDialogStore, createTableStore, detectFormat, dialogVariants, filterResponsiveColumns, formatColor, formatFileBytes, formatFileRelative, getIconColorProps, getNChartColor, getNextEditorTabValue, hiddenBelowClasses, indicatorVariants, normalizeThemeFileName, parseColor, parseThemeFile, resolveHiddenBelowClass, resolveSlot, sliderVariants, stringifyThemeFile, swapVariants, toPickerHex, toggleVariants, tooltipContentVariants, truncateByCharacters, useClickOutside, useContextMenu, useDebouncedValue, useDelayedLoading, useDialog, useDialogStore, useDynamicPageSize, useFormField, useFormSubmission, useInfiniteScroll, useKeyboard, useLocalStorageState, useNForm, useNPortalScope, useNSidebar, usePrefix, useSelection, useStepNavigation, useStorageContextMenu, useStoreSync, useTable, useTableKeyboard, useVariant, useVariantPreset };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "najm-kit",
-  "version": "2.6.4",
+  "version": "2.7.0",
   "license": "MIT",
   "type": "module",
   "description": "Reusable React UI component package for Najm framework",
@@ -27,6 +27,11 @@
       "import": "./dist/adapters/next.mjs",
       "default": "./dist/adapters/next.mjs"
     },
+    "./app": {
+      "types": "./dist/adapters/app.d.ts",
+      "import": "./dist/adapters/app.mjs",
+      "default": "./dist/adapters/app.mjs"
+    },
     "./package.json": "./package.json",
     "./json": {
       "types": "./dist/json.d.ts",
@@ -54,6 +59,7 @@
     "@hookform/resolvers": "^5",
     "zod": ">=4",
     "next": ">=14",
+    "najm-i18n": ">=2",
     "@uiw/react-codemirror": "^4.25.0",
     "@codemirror/state": "^6.6.0",
     "@codemirror/view": "^6.42.0",
@@ -67,6 +73,9 @@
     "next": {
       "optional": true
     },
+    "najm-i18n": {
+      "optional": true
+    },
     "@uiw/react-codemirror": {
       "optional": true
     },
@@ -147,6 +156,7 @@
     "@uiw/react-codemirror": "^4.25.0",
     "@vitejs/plugin-react": "^5.2.0",
     "happy-dom": "^20.11.1",
+    "najm-i18n": "^2.0.3",
     "postcss": "^8.5.22",
     "react-hook-form": "^7",
     "rimraf": "^6",