@veluai/velu 0.2.29 → 0.2.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veluai/velu",
-  "version": "0.2.29",
+  "version": "0.2.30",
   "type": "module",
   "bin": "./dist/cli.js",
   "publishConfig": {

package/runtime/velu-ui/base.css

@@ -257,16 +257,33 @@
   width: max-content;
   max-width: 100%;
   overflow-x: auto;
-  border-collapse: collapse;
+  /* `separate` (not `collapse`): collapsed borders round a 0.5px hairline up
+     to a full device pixel, so the grid would read heavier than the component
+     boxes (cards, code blocks) that use the same --border-width. Separate mode
+     draws each line as a normal element border, matching them exactly. */
+  border-collapse: separate;
+  border-spacing: 0;
   border: var(--border-width) solid var(--border-color);
+  /* Rounded corners to match the component boxes (code blocks, accordions).
+     `overflow-x: auto` clips the header shading to the radius. */
+  border-radius: var(--radius-sm);
   font-size: var(--f-body);
 }
+/* Each cell draws only its top + inline-start line; the table's own border
+   closes the outer top/left edges. Shared single lines → no doubling. */
 .velu-prose :is(th, td) {
   padding: var(--s-1) var(--s0);
-  border: var(--border-width) solid var(--border-color);
+  border-block-start: var(--border-width) solid var(--border-color);
+  border-inline-start: var(--border-width) solid var(--border-color);
   text-align: start;
   vertical-align: top;
 }
+.velu-prose tr:first-child > :is(th, td) {
+  border-block-start: 0;
+}
+.velu-prose :is(th, td):first-child {
+  border-inline-start: 0;
+}
 .velu-prose thead th {
   background: var(--surface-color);
   font-weight: var(--weight-semibold);