najm-kit 2.1.16 → 2.1.18

package/dist/index.d.ts

@@ -1438,7 +1438,7 @@ interface NStatCardClassNames {
 }
 interface BaseProps$1 {
     icon: NIconSource;
-    label: string;
+    label?: string;
     onClick?: () => void;
     bordered?: boolean;
     className?: string;

package/dist/index.mjs

@@ -1995,7 +1995,7 @@ function NPageHeaderCompactActions({ children, className }) {
 }
 NPageHeaderCompactActions.displayName = "NPageHeaderCompactActions";
 function NPageHeaderFilters({ children, className }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("py-3 lg:px-4 xl:px-5", className), children });
+  return /* @__PURE__ */ jsx("div", { className: cn("py-3 lg:px-4 xl:px-4 2xl:px-5", className), children });
 }
 NPageHeaderFilters.displayName = "NPageHeaderFilters";
 function NPageHeaderTop({ children, className }) {
@@ -2104,7 +2104,7 @@ function NPageHeader({
           {
             "data-slot": "page-header-main",
             className: cn(
-              "relative grid min-h-12 grid-cols-[minmax(2.75rem,1fr)_minmax(0,auto)_minmax(2.75rem,1fr)] items-center gap-2 lg:px-4 xl:px-5",
+              "relative grid min-h-12 grid-cols-[minmax(2.75rem,1fr)_minmax(0,auto)_minmax(2.75rem,1fr)] items-center gap-2 lg:px-4 xl:px-4 2xl:px-5",
               breakpointClasses.main,
               breakpointClasses.minH,
               headerClassName
@@ -5098,7 +5098,7 @@ function NCard({
       style: recipeStyle,
       className: cn(
         "flex flex-col",
-        !noPadding && "p-2 lg:p-4 xl:p-5 gap-3",
+        !noPadding && "p-2 lg:p-4 xl:p-4 2xl:p-5 gap-3",
         surfaceBorderClasses(bordered),
         classNames?.root,
         className
@@ -5298,7 +5298,7 @@ function DefaultCard({
       onClick,
       bordered,
       className: cn(
-        "group p-4 transition-colors",
+        "group p-2 lg:p-4 xl:p-4 2xl:p-5 transition-colors",
         onClick && "cursor-pointer hover:border-border/60 hover:bg-accent/40",
         className
       ),
@@ -5311,15 +5311,15 @@ function DefaultCard({
           "div",
           {
             className: cn(
-              "flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-primary/10 text-primary transition-colors group-hover:bg-primary/20",
+              "flex h-8 w-8 lg:h-9 lg:w-9 shrink-0 items-center justify-center rounded-xl bg-primary/10 text-primary transition-colors group-hover:bg-primary/20",
               classNames?.icon
             ),
-            children: /* @__PURE__ */ jsx(NIcon, { icon, className: "w-7 h-7" })
+            children: /* @__PURE__ */ jsx(NIcon, { icon, className: "w-4 h-4 lg:w-5 lg:h-5 2xl:w-6 2xl:h-6" })
           }
         ),
         /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-            /* @__PURE__ */ jsx("p", { className: cn("truncate text-xs text-muted-foreground", classNames?.label), children: label }),
+            label && /* @__PURE__ */ jsx("p", { className: cn("truncate text-xs text-muted-foreground", classNames?.label), children: label }),
             change && /* @__PURE__ */ jsxs(
               "span",
               {
@@ -5334,7 +5334,7 @@ function DefaultCard({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx("p", { className: cn("text-xl font-semibold leading-none text-foreground", classNames?.value), children: value }),
+          /* @__PURE__ */ jsx("p", { className: cn("text-sm lg:text-base xl:text-base 2xl:text-xl font-semibold leading-none text-foreground", classNames?.value), children: value }),
           subtext && /* @__PURE__ */ jsx("p", { className: cn("text-[10px] text-muted-foreground", classNames?.description), children: subtext })
         ] })
       ]
@@ -5436,7 +5436,7 @@ function CompactCard({ icon, label, value, unit, iconColor, onClick, bordered, c
           }
         ),
         /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
-          /* @__PURE__ */ jsx("p", { className: cn("truncate text-[11px] leading-none text-muted-foreground", classNames?.label), children: label }),
+          label && /* @__PURE__ */ jsx("p", { className: cn("truncate text-[11px] leading-none text-muted-foreground", classNames?.label), children: label }),
           /* @__PURE__ */ jsxs("p", { className: cn("truncate text-base font-semibold leading-tight text-foreground", classNames?.value), children: [
             value,
             unit ? ` ${unit}` : ""
@@ -11265,7 +11265,7 @@ function NSidebar({
         "data-collapsed": desktopCollapsed ? "true" : "false",
         "data-auto-collapsed": autoCollapsed ? "true" : void 0,
         className: cn(
-          "relative z-10 flex flex-col h-full bg-sidebar text-sidebar-foreground transition-all duration-200",
+          "relative z-10 flex flex-col h-full bg-sidebar text-sidebar-foreground transition-all duration-200 shrink-0",
           desktopClass,
           sidebarBorderClasses(bordered, "right"),
           classNames?.sidebar,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "najm-kit",
-  "version": "2.1.16",
+  "version": "2.1.18",
   "license": "MIT",
   "type": "module",
   "description": "Reusable React UI component package for Najm framework",