najm-kit 2.1.12 → 2.1.14

package/dist/index.mjs

@@ -1982,7 +1982,7 @@ function NPageHeaderCompactActions({ children, className }) {
 }
 NPageHeaderCompactActions.displayName = "NPageHeaderCompactActions";
 function NPageHeaderFilters({ children, className }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("px-4 py-3 sm:px-5", className), children });
+  return /* @__PURE__ */ jsx("div", { className: cn("px-2 py-3 lg:px-4 xl:px-5", className), children });
 }
 NPageHeaderFilters.displayName = "NPageHeaderFilters";
 function NPageHeaderTop({ children, className }) {
@@ -1998,7 +1998,7 @@ function getSlotElements(children, slot) {
 }
 var responsiveClasses = {
   sm: {
-    main: "sm:flex sm:justify-between sm:px-5",
+    main: "sm:flex sm:justify-between",
     identity: "sm:col-start-auto sm:row-start-auto sm:justify-self-auto",
     controls: "sm:col-start-auto sm:row-start-auto sm:justify-self-auto",
     fullActions: "sm:flex",
@@ -2009,7 +2009,7 @@ var responsiveClasses = {
     minH: "sm:min-h-14"
   },
   md: {
-    main: "md:flex md:justify-between md:px-5",
+    main: "md:flex md:justify-between",
     identity: "md:col-start-auto md:row-start-auto md:justify-self-auto",
     controls: "md:col-start-auto md:row-start-auto md:justify-self-auto",
     fullActions: "md:flex",
@@ -2020,7 +2020,7 @@ var responsiveClasses = {
     minH: "md:min-h-14"
   },
   lg: {
-    main: "lg:flex lg:justify-between lg:px-5",
+    main: "lg:flex lg:justify-between lg:px-4",
     identity: "lg:col-start-auto lg:row-start-auto lg:justify-self-auto",
     controls: "lg:col-start-auto lg:row-start-auto lg:justify-self-auto",
     fullActions: "lg:flex",
@@ -2091,7 +2091,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 px-4",
+              "relative grid min-h-12 grid-cols-[minmax(2.75rem,1fr)_minmax(0,auto)_minmax(2.75rem,1fr)] items-center gap-2 px-2 lg:px-4 xl:px-5",
               breakpointClasses.main,
               breakpointClasses.minH,
               headerClassName
@@ -5085,7 +5085,7 @@ function NCard({
       style: recipeStyle,
       className: cn(
         "flex flex-col",
-        !noPadding && "p-4 gap-3",
+        !noPadding && "p-2 lg:p-4 xl:p-5 gap-3",
         surfaceBorderClasses(bordered),
         classNames?.root,
         className
@@ -5095,7 +5095,7 @@ function NCard({
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
             icon && /* @__PURE__ */ jsx(NIcon, { icon, className: cn(iconSize, "shrink-0 text-muted-foreground", iconColor, classNames?.icon) }),
             /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-              title && /* @__PURE__ */ jsx(CardTitle, { className: cn("text-base leading-snug", classNames?.title), children: title }),
+              title && /* @__PURE__ */ jsx(CardTitle, { className: cn("text-sm lg:text-base leading-snug", classNames?.title), children: title }),
               description && /* @__PURE__ */ jsx(CardDescription, { className: cn("text-xs mt-0.5", classNames?.description), children: description })
             ] })
           ] }),
@@ -5403,7 +5403,7 @@ function CompactCard({ icon, label, value, unit, iconColor, onClick, bordered, c
       onClick,
       bordered,
       className: cn(
-        "group px-3 py-2.5 transition-colors",
+        "group p-2 transition-colors",
         onClick && "cursor-pointer",
         className
       ),

package/package.json

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