@versini/ui-card 4.0.11 → 4.0.12

package/dist/components/Card/Card.js

@@ -1,17 +1,12 @@
 import { jsx as a, jsxs as m } from "react/jsx-runtime";
-import { useId as v } from "react";
+import { useUniqueId as v } from "@versini/ui-hooks";
 import u from "clsx";
-const f = "av-card";
-function A(d) {
-  const r = v();
-  return `${d}${r}`;
-}
-const C = ({
+const f = "av-card", A = ({
   className: d,
-  headerClassName: r,
+  headerClassName: e,
   bodyClassName: c,
   footerClassName: t,
-  mode: e,
+  mode: r,
   compact: l,
   noBorder: i
 }) => {
@@ -23,19 +18,19 @@ const C = ({
       "border-2": !i,
       "p-4": !l,
       "p-1 sm:p-2": l,
-      "border-border-accent bg-surface-darker text-copy-light": e === "darker",
-      "border-border-accent bg-surface-dark text-copy-light": e === "dark",
-      "border-border-dark bg-surface-lighter text-copy-dark": e === "light",
-      "border-border-dark bg-surface-lighter text-copy-dark dark:border-border-accent dark:bg-surface-dark dark:text-copy-light": e === "system",
-      "border-border-accent bg-surface-dark text-copy-light dark:border-border-dark dark:bg-surface-lighter dark:text-copy-dark": e === "alt-system"
+      "border-border-accent bg-surface-darker text-copy-light": r === "darker",
+      "border-border-accent bg-surface-dark text-copy-light": r === "dark",
+      "border-border-dark bg-surface-lighter text-copy-dark": r === "light",
+      "border-border-dark bg-surface-lighter text-copy-dark dark:border-border-accent dark:bg-surface-dark dark:text-copy-light": r === "system",
+      "border-border-accent bg-surface-dark text-copy-light dark:border-border-dark dark:bg-surface-lighter dark:text-copy-dark": r === "alt-system"
     },
     d
-  ), k = r || u(`${f}__header mt-0 border-b-2`, {
-    "text-copy-light border-border-accent": e === "darker",
-    "border-border-accent": e === "dark",
-    "border-border-medium": e === "light",
-    "border-border-medium dark:border-border-accent": e === "system",
-    "border-border-accent dark:border-border-medium": e === "alt-system",
+  ), k = e || u(`${f}__header mt-0 border-b-2`, {
+    "text-copy-light border-border-accent": r === "darker",
+    "border-border-accent": r === "dark",
+    "border-border-medium": r === "light",
+    "border-border-medium dark:border-border-accent": r === "system",
+    "border-border-accent dark:border-border-medium": r === "alt-system",
     "mb-4": !l,
     "mb-2": l
   }), g = u(c), p = t || u(`${f}__footer pt-2`);
@@ -46,20 +41,20 @@ const C = ({
     footer: p
   };
 };
-function _({
+function C({
   id: d,
-  content: r,
+  content: e,
   userAriaLabelledby: c,
   className: t
 }) {
-  return typeof r == "string" ? /* @__PURE__ */ a("h2", { id: d, className: t, children: r }) : c ? /* @__PURE__ */ a("div", { className: t, children: r }) : r ? /* @__PURE__ */ a("div", { className: t, id: d, children: r }) : null;
+  return typeof e == "string" ? /* @__PURE__ */ a("h2", { id: d, className: t, children: e }) : c ? /* @__PURE__ */ a("div", { className: t, children: e }) : e ? /* @__PURE__ */ a("div", { className: t, id: d, children: e }) : null;
 }
 const S = ({
   header: d,
-  headerClassName: r,
+  headerClassName: e,
   footer: c,
   footerClassName: t,
-  children: e,
+  children: r,
   className: l,
   bodyClassName: i,
   "aria-labelledby": s,
@@ -68,36 +63,36 @@ const S = ({
   noBorder: p = !1,
   ...x
 }) => {
-  let o = null, n = null;
-  const h = typeof d == "string", y = A(f), b = C({
+  let o = null, b = null;
+  const h = typeof d == "string", y = v(f), n = A({
     className: l,
-    headerClassName: r,
+    headerClassName: e,
     bodyClassName: i,
     footerClassName: t,
     mode: k,
     compact: g,
     noBorder: p
   });
-  return h ? (o = y, n = o) : !h && d && s ? (o = null, n = s) : !h && d && !s ? (o = y, n = o) : (o = null, n = s || null), /* @__PURE__ */ a("div", { className: b.wrapper, children: /* @__PURE__ */ m(
+  return h ? (o = y, b = o) : !h && d && s ? (o = null, b = s) : !h && d && !s ? (o = y, b = o) : (o = null, b = s || null), /* @__PURE__ */ a("div", { className: n.wrapper, children: /* @__PURE__ */ m(
     "section",
     {
-      ...n && {
-        "aria-labelledby": n
+      ...b && {
+        "aria-labelledby": b
       },
-      className: b.body,
+      className: n.body,
       ...x,
       children: [
         /* @__PURE__ */ a(
-          _,
+          C,
           {
             ...o && { id: o },
             content: d,
-            className: b.header,
+            className: n.header,
             userAriaLabelledby: s
           }
         ),
-        /* @__PURE__ */ a("div", { children: e }),
-        c ? /* @__PURE__ */ a("div", { className: b.footer, children: c }) : null
+        /* @__PURE__ */ a("div", { children: r }),
+        c ? /* @__PURE__ */ a("div", { className: n.footer, children: c }) : null
       ]
     }
   ) });

package/dist/index.js

@@ -1,12 +1,12 @@
 import { CARD_CLASSNAME as o, Card as r } from "./components/Card/Card.js";
 /*!
-  @versini/ui-card v4.0.11
+  @versini/ui-card v4.0.12
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_CARD__ || (window.__VERSINI_UI_CARD__ = {
-    version: "4.0.11",
-    buildTime: "08/23/2025 12:22 PM EDT",
+    version: "4.0.12",
+    buildTime: "09/01/2025 02:19 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-card",
-	"version": "4.0.11",
+	"version": "4.0.12",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -42,16 +42,16 @@
 	},
 	"devDependencies": {
 		"@testing-library/jest-dom": "6.8.0",
-		"@versini/ui-types": "../ui-types"
+		"@versini/ui-types": "5.0.7"
 	},
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.16",
-		"@versini/ui-hooks": "../ui-hooks",
+		"@versini/ui-hooks": "4.7.8",
 		"clsx": "2.1.1",
 		"tailwindcss": "4.1.12"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "d568e20474c6c87f836c4cb6548f2cc0143a353c"
+	"gitHead": "c577149643ec36cad454587166e62410a77aed38"
 }