@mesob/ui 0.5.6 → 0.5.7

package/dist/components.js

@@ -3040,17 +3040,15 @@ function Card({
     xl: "rounded-[var(--radius-xl)]",
     full: "rounded-full"
   };
-  const hasBelowHeader = footer != null || children != null;
-  const hasBodyAboveFooter = children != null;
-  const sectioned = header != null || footer != null || title != null || actions != null;
+  const hasStructure = header != null || footer != null || title != null || actions != null;
   return /* @__PURE__ */ jsxs15(
     "div",
     {
       "data-slot": "card",
-      "data-sectioned": sectioned ? "" : void 0,
+      "data-sectioned": hasStructure ? "" : void 0,
       "data-size": size,
       className: cn(
-        "cn-card group/card flex flex-col",
+        "cn-card group/card",
         variant === "outline" && "cn-card-variant-outline",
         variant === "filled" && "cn-card-variant-filled",
         withBorder && "cn-card-with-border",
@@ -3060,15 +3058,9 @@ function Card({
       ),
       ...props,
       children: [
-        cardHeaderFromProps(hasBelowHeader, header, title, actions),
-        bodySlot(children, sectioned, padding !== void 0),
-        footer != null ? /* @__PURE__ */ jsx22(
-          CardFooter,
-          {
-            className: cn(hasBodyAboveFooter && "border-border/60 border-t"),
-            children: footer
-          }
-        ) : null
+        cardHeaderFromProps(header, title, actions),
+        bodySlot(children, hasStructure),
+        footer != null ? /* @__PURE__ */ jsx22(CardFooter, { children: footer }) : null
       ]
     }
   );
@@ -3080,26 +3072,18 @@ function isSingleCardContent(children) {
   const only = Children.only(children);
   return isValidElement2(only) && only.props["data-slot"] === "card-content";
 }
-function bodySlot(children, sectioned, hasRootPadding) {
-  if (children == null) {
-    return children;
-  }
-  if (isSingleCardContent(children)) {
-    return children;
-  }
-  const wrapBody = sectioned || !hasRootPadding;
-  if (!wrapBody) {
+function bodySlot(children, hasStructure) {
+  if (children == null || !hasStructure || isSingleCardContent(children)) {
     return children;
   }
   return /* @__PURE__ */ jsx22(CardContent, { children });
 }
-function cardHeaderFromProps(hasBelowHeader, header, title, actions) {
-  const divider = hasBelowHeader && "border-border/60 border-b";
+function cardHeaderFromProps(header, title, actions) {
   if (header != null) {
-    return /* @__PURE__ */ jsx22(CardHeader, { className: cn(divider), children: header });
+    return /* @__PURE__ */ jsx22(CardHeader, { children: header });
   }
   if (title != null || actions != null) {
-    return /* @__PURE__ */ jsxs15(CardHeader, { className: cn(divider, "items-center"), children: [
+    return /* @__PURE__ */ jsxs15(CardHeader, { className: "items-center", children: [
       title != null ? /* @__PURE__ */ jsx22(CardTitle, { children: title }) : null,
       actions != null ? /* @__PURE__ */ jsx22(CardAction, { children: actions }) : null
     ] });
@@ -3112,7 +3096,7 @@ function CardHeader({ className, ...props }) {
     {
       "data-slot": "card-header",
       className: cn(
-        "cn-card-header group/card-header @container/card-header grid auto-rows-min has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] has-data-[slot=card-description]:[&>[data-slot=card-action]]:row-span-2",
+        "cn-card-header group/card-header @container/card-header grid auto-rows-min has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] has-data-[slot=card-description]:[&>[data-slot=card-action]]:row-span-2 [&:not(:last-child)]:border-border/60 [&:not(:last-child)]:border-b",
         className
       ),
       ...props
@@ -3167,7 +3151,10 @@ function CardFooter({ className, ...props }) {
     "div",
     {
       "data-slot": "card-footer",
-      className: cn("cn-card-footer flex items-center", className),
+      className: cn(
+        "cn-card-footer flex items-center [&:not(:first-child)]:border-border/60 [&:not(:first-child)]:border-t",
+        className
+      ),
       ...props
     }
   );