@shwfed/nuxt 0.11.52 → 0.11.53

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@shwfed/nuxt",
   "configKey": "shwfed",
-  "version": "0.11.52",
+  "version": "0.11.53",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/ui/table/Table.vue

@@ -107,7 +107,7 @@ function translate(column) {
   const options = renderer.parseOptions(column.renderer && typeof column.renderer === "object" && "props" in column.renderer ? column.renderer.props : null);
   return {
     id: column.id ?? genColumnId(column),
-    header: (ctx) => renderer.header?.({ ctx, options }) ?? getColumnTitle(column),
+    header: (ctx) => renderer.header ? renderer.header({ ctx, options }) : getColumnTitle(column),
     cell: (ctx) => {
       const slot = slots[ctx.column.id];
       if (slot) {

package/dist/runtime/table-renderers/builtins.js

@@ -594,16 +594,27 @@ defineTableRenderer(
   "table.renderer.radio",
   {},
   {
-    cell: ({ ctx }) => /* @__PURE__ */ jsx("div", { class: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ jsx(
-      "input",
-      {
-        type: "radio",
-        disabled: !ctx.row.getCanSelect(),
-        checked: ctx.row.getIsSelected(),
-        onChange: () => ctx.table.setRowSelection({ [ctx.row.id]: true }),
-        class: "w-4 h-4 cursor-pointer"
-      }
-    ) }),
+    cell: ({ ctx }) => {
+      const selected = ctx.row.getIsSelected();
+      const disabled = !ctx.row.getCanSelect();
+      return /* @__PURE__ */ jsx("div", { class: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          role: "radio",
+          "aria-checked": selected,
+          disabled,
+          onClick: () => ctx.table.setRowSelection({ [ctx.row.id]: true }),
+          class: [
+            "size-4 shrink-0 rounded-full border shadow-xs outline-none transition-shadow",
+            "flex items-center justify-center",
+            selected ? "bg-(--primary) border-(--primary)" : "border-zinc-200 hover:shadow",
+            disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"
+          ],
+          children: selected ? /* @__PURE__ */ jsx("span", { class: "size-1.5 rounded-full bg-white" }) : null
+        }
+      ) });
+    },
     header: () => null,
     config: NoOptionsConfig,
     columnDefOverrides: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shwfed/nuxt",
-  "version": "0.11.52",
+  "version": "0.11.53",
   "description": "",
   "license": "MIT",
   "type": "module",