najm-kit 0.0.13 → 0.0.14

package/dist/index.mjs

@@ -8188,6 +8188,7 @@ function NTablePagination() {
     fallback: "default"
   });
   const triggerBorderClass = borderColorClassForDegree(resolvedBorderDegree);
+  const useDegreeBorder = bordered || borderDegree || resolvedBorderDegree !== "default";
   if (!table || !showContent || !showPagination || viewMode === "json" || viewMode === "files") return null;
   const filteredRows = table.getFilteredRowModel().rows;
   const selectedRows = table.getFilteredSelectedRowModel().rows;
@@ -8222,7 +8223,14 @@ function NTablePagination() {
       (!isPaginationControlled || manualPagination) && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Rows/page" }),
         /* @__PURE__ */ jsxs(Select, { value: `${pageSize}`, onValueChange: handlePageSizeChange, children: [
-          /* @__PURE__ */ jsx(SelectTrigger, { className: cn("h-8 w-[80px]", bordered && triggerBorderClass), children: /* @__PURE__ */ jsx(SelectValue, { placeholder: pageSize }) }),
+          /* @__PURE__ */ jsx(
+            SelectTrigger,
+            {
+              "data-border-degree": useDegreeBorder ? resolvedBorderDegree : void 0,
+              className: cn("h-8 w-[80px]", useDegreeBorder && triggerBorderClass),
+              children: /* @__PURE__ */ jsx(SelectValue, { placeholder: pageSize })
+            }
+          ),
           /* @__PURE__ */ jsx(SelectContent, { side: "top", children: currentPageSizeOptions.map((size) => /* @__PURE__ */ jsx(SelectItem, { value: `${size}`, children: size }, size)) })
         ] })
       ] }),
@@ -8412,26 +8420,26 @@ function TableSettingsMenu() {
   const modeItems = [];
   if (showViewToggle) {
     if (filteredModes.includes("table"))
-      modeItems.push({ value: "table", label: "Table", icon: /* @__PURE__ */ jsx(List, { className: "h-4 w-4" }) });
+      modeItems.push({ value: "table", label: "Table", ariaLabel: "Table view", icon: /* @__PURE__ */ jsx(List, { className: "h-4 w-4" }) });
     if (filteredModes.includes("cards") && cardComponent)
-      modeItems.push({ value: "cards", label: "Cards", icon: /* @__PURE__ */ jsx(LayoutGrid, { className: "h-4 w-4" }) });
+      modeItems.push({ value: "cards", label: "Cards", ariaLabel: "Cards view", icon: /* @__PURE__ */ jsx(LayoutGrid, { className: "h-4 w-4" }) });
     if (filteredModes.includes("json") && (jsonValue !== void 0 || renderJson))
-      modeItems.push({ value: "json", label: "JSON", icon: /* @__PURE__ */ jsx(Code, { className: "h-4 w-4" }) });
+      modeItems.push({ value: "json", label: "JSON", ariaLabel: "JSON view", icon: /* @__PURE__ */ jsx(Code, { className: "h-4 w-4" }) });
     if (filteredModes.includes("files"))
-      modeItems.push({ value: "files", label: "Files", icon: /* @__PURE__ */ jsx(FolderOpen, { className: "h-4 w-4" }) });
+      modeItems.push({ value: "files", label: "Files", ariaLabel: "Files view", icon: /* @__PURE__ */ jsx(FolderOpen, { className: "h-4 w-4" }) });
   }
   const columns = table?.getAllColumns?.().filter((c) => c.getCanHide()) ?? [];
   const hasModes = modeItems.length > 0;
   const hasColumns = columns.length > 0;
   return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(BaseInput, { className: "w-auto cursor-pointer px-3", onClick: (e) => e.preventDefault(), bordered, borderDegree, children: /* @__PURE__ */ jsx(SlidersHorizontal, { className: "h-4 w-4 shrink-0 text-muted-foreground" }) }) }),
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(BaseInput, { "aria-label": "Table settings", className: "w-auto cursor-pointer px-3", bordered, borderDegree, children: /* @__PURE__ */ jsx(SlidersHorizontal, { className: "h-4 w-4 shrink-0 text-muted-foreground" }) }) }),
     /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "w-56 bg-card", children: [
       showViewToggle && hasModes && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsxs(DropdownMenuLabel, { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx(Eye, { className: "h-3.5 w-3.5" }),
           "View"
         ] }),
-        /* @__PURE__ */ jsx(DropdownMenuRadioGroup, { value: viewMode, onValueChange: (v) => setViewMode(v), children: modeItems.map((item) => /* @__PURE__ */ jsxs(DropdownMenuRadioItem, { value: item.value, children: [
+        /* @__PURE__ */ jsx(DropdownMenuRadioGroup, { value: viewMode, onValueChange: (v) => setViewMode(v), children: modeItems.map((item) => /* @__PURE__ */ jsxs(DropdownMenuRadioItem, { value: item.value, "aria-label": item.ariaLabel, children: [
           item.icon,
           /* @__PURE__ */ jsx("span", { children: item.label })
         ] }, item.value)) })
@@ -8478,10 +8486,10 @@ function NTableHeader() {
   const hideDataChrome = isLoading || error || hasNoData && !isFilteredEmpty;
   if (isCustomMode) {
     if (!showViewToggle && !showColumnVisibility && !headerSlot && !hasControls) return null;
-    if (hideDataChrome && !hasControls) return null;
-    const justify2 = headerSlot && !hideDataChrome ? "justify-between" : "justify-end";
+    if (hideDataChrome) return null;
+    const justify2 = headerSlot ? "justify-between" : "justify-end";
     return /* @__PURE__ */ jsxs("div", { "data-ntable-header": true, className: cn("flex shrink-0 items-center gap-3 flex-wrap lg:flex-nowrap", justify2, classNames?.header), children: [
-      headerSlot && !hideDataChrome && /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: headerSlot }),
+      headerSlot && /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: headerSlot }),
       hasControls && /* @__PURE__ */ jsxs("div", { className: "flex gap-2 shrink-0", children: [
         /* @__PURE__ */ jsx(TableSettingsMenu, {}),
         /* @__PURE__ */ jsx(TableAddButton, {})
@@ -8491,13 +8499,12 @@ function NTableHeader() {
   const hasFilters = Array.isArray(filters) && filters.length > 0;
   const hasToolbar = Boolean(renderToolbar);
   if (!hasFilters && !hasControls && !headerSlot && !hasToolbar) return null;
-  if (hideDataChrome && !hasControls) return null;
-  const onlyControls = hideDataChrome && hasControls && !headerSlot && !hasToolbar;
-  const justify = onlyControls ? "justify-end" : hasControls || headerSlot || hasToolbar ? "justify-between" : "justify-start";
+  if (hideDataChrome) return null;
+  const justify = hasControls || headerSlot || hasToolbar ? "justify-between" : "justify-start";
   return /* @__PURE__ */ jsxs("div", { "data-ntable-header": true, className: cn("flex shrink-0 items-center gap-3 flex-wrap lg:flex-nowrap", justify, classNames?.header), children: [
-    !hideDataChrome && /* @__PURE__ */ jsx(TableFilters, {}),
-    headerSlot && !hideDataChrome && /* @__PURE__ */ jsx("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: headerSlot }),
-    !hideDataChrome && /* @__PURE__ */ jsx(TableToolbarSlot, {}),
+    /* @__PURE__ */ jsx(TableFilters, {}),
+    headerSlot && /* @__PURE__ */ jsx("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: headerSlot }),
+    /* @__PURE__ */ jsx(TableToolbarSlot, {}),
     hasControls && /* @__PURE__ */ jsxs("div", { className: "flex gap-2 shrink-0", children: [
       /* @__PURE__ */ jsx(TableSettingsMenu, {}),
       /* @__PURE__ */ jsx(TableAddButton, {})

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "najm-kit",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "type": "module",
   "description": "Reusable React UI component package for Najm framework",
   "main": "./dist/index.mjs",