@refrakt-md/lumina 0.9.3 → 0.9.5

package/dist/layouts/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Layout name -> LayoutConfig map.
+ *
+ * This is the single framework-agnostic entry point for Lumina's layouts,
+ * replacing the per-framework adapter files (ADR-009).
+ */
+export declare const layouts: {
+    default: import("@refrakt-md/transform").LayoutConfig;
+    docs: import("@refrakt-md/transform").LayoutConfig;
+    'blog-article': import("@refrakt-md/transform").LayoutConfig;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/layouts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../layouts/index.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,eAAO,MAAM,OAAO;;;;CAInB,CAAC"}

package/dist/layouts/index.js

@@ -0,0 +1,13 @@
+import { defaultLayout, docsLayout, blogArticleLayout } from '@refrakt-md/transform';
+/**
+ * Layout name -> LayoutConfig map.
+ *
+ * This is the single framework-agnostic entry point for Lumina's layouts,
+ * replacing the per-framework adapter files (ADR-009).
+ */
+export const layouts = {
+    default: defaultLayout,
+    docs: docsLayout,
+    'blog-article': blogArticleLayout,
+};
+//# sourceMappingURL=index.js.map

package/dist/layouts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../layouts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAErF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG;IACtB,OAAO,EAAE,aAAa;IACtB,IAAI,EAAE,UAAU;IAChB,cAAc,EAAE,iBAAiB;CACjC,CAAC"}

package/dist/src/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/config.ts"],"names":[],"mappings":"AAIA,gFAAgF;AAChF,eAAO,MAAM,YAAY,6CAoFvB,CAAC"}

package/dist/src/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../../src/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,YAAY,CAAC;AAElD,gFAAgF;AAChF,MAAM,CAAC,MAAM,YAAY,GAAG,gBAAgB,CAAC,UAAU,EAAE;IACxD,KAAK,EAAE;QACN,IAAI,EAAE;YACL,KAAK,EAAE;gBACN,UAAU,EAAE,oBAAoB;gBAChC,OAAO,EAAE,yBAAyB;gBAClC,OAAO,EAAE,sBAAsB;gBAC/B,SAAS,EAAE,uBAAuB;gBAClC,MAAM,EAAE,yBAAyB;gBACjC,MAAM,EAAE,wBAAwB;aAChC;YACD,IAAI,EAAE;gBACL,UAAU,EAAE,oBAAoB;gBAChC,OAAO,EAAE,yBAAyB;gBAClC,OAAO,EAAE,sBAAsB;gBAC/B,SAAS,EAAE,uBAAuB;gBAClC,MAAM,EAAE,yBAAyB;gBACjC,MAAM,EAAE,wBAAwB;aAChC;SACD;QACD,MAAM,EAAE;YACP,KAAK,EAAE;gBACN,UAAU,EAAE,yBAAyB;gBACrC,OAAO,EAAE,+BAA+B;gBACxC,OAAO,EAAE,sBAAsB;gBAC/B,SAAS,EAAE,uBAAuB;gBAClC,MAAM,EAAE,yBAAyB;gBACjC,MAAM,EAAE,wBAAwB;aAChC;YACD,IAAI,EAAE;gBACL,UAAU,EAAE,yBAAyB;gBACrC,OAAO,EAAE,+BAA+B;gBACxC,OAAO,EAAE,sBAAsB;gBAC/B,SAAS,EAAE,uBAAuB;gBAClC,MAAM,EAAE,yBAAyB;gBACjC,MAAM,EAAE,wBAAwB;aAChC;SACD;QACD,IAAI,EAAE;YACL,KAAK,EAAE;gBACN,UAAU,EAAE,gCAAgC;gBAC5C,OAAO,EAAE,sBAAsB;gBAC/B,MAAM,EAAE,yBAAyB;gBACjC,MAAM,EAAE,wBAAwB;aAChC;YACD,IAAI,EAAE;gBACL,UAAU,EAAE,SAAS;gBACrB,OAAO,EAAE,sBAAsB;gBAC/B,MAAM,EAAE,yBAAyB;gBACjC,MAAM,EAAE,SAAS;aACjB;SACD;QACD,IAAI,EAAE;YACL,KAAK,EAAE;gBACN,UAAU,EAAE,yBAAyB;gBACrC,OAAO,EAAE,sBAAsB;gBAC/B,MAAM,EAAE,yBAAyB;gBACjC,MAAM,EAAE,6BAA6B;aACrC;YACD,IAAI,EAAE;gBACL,UAAU,EAAE,6BAA6B;gBACzC,OAAO,EAAE,6BAA6B;gBACtC,MAAM,EAAE,yBAAyB;gBACjC,MAAM,EAAE,6BAA6B;aACrC;SACD;QACD,IAAI,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE;gBACL,UAAU,EAAE,6BAA6B;gBACzC,OAAO,EAAE,4BAA4B;gBACrC,MAAM,EAAE,wBAAwB;aAChC;SACD;KACD;IACD,KAAK,EAAE;QACN,IAAI,EAAE;YACL,IAAI,EAAE,4SAA4S;YAClT,OAAO,EAAE,iXAAiX;YAC1X,OAAO,EAAE,uSAAuS;YAChT,KAAK,EAAE,qRAAqR;SAC5R;QACD,MAAM,EAAE,WAAW;KACnB;CACD,CAAC,CAAC"}

package/dist/src/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/icons.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,eAAO,MAAM,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAoFxC,CAAC"}

package/dist/{icons.js → src/icons.js}

@@ -46,6 +46,7 @@ export const icons = {
     'phone': '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384" /> </svg>',
     'bell': '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="M10.268 21a2 2 0 0 0 3.464 0" /> <path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326" /> </svg>',
     'calendar': '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="M8 2v4" /> <path d="M16 2v4" /> <rect width="18" height="18" x="3" y="4" rx="2" /> <path d="M3 10h18" /> </svg>',
+    'clipboard-list': '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <rect width="8" height="4" x="8" y="2" rx="1" ry="1" /> <path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" /> <path d="M12 11h4" /> <path d="M12 16h4" /> <path d="M8 11h.01" /> <path d="M8 16h.01" /> </svg>',
     'clock': '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <circle cx="12" cy="12" r="10" /> <path d="M12 6v6l4 2" /> </svg>',
     'flag': '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="M4 22V4a1 1 0 0 1 .4-.8A6 6 0 0 1 8 2c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10a1 1 0 0 1-.4.8A6 6 0 0 1 16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528" /> </svg>',
     'bookmark': '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <path d="M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z" /> </svg>',

package/dist/src/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../src/icons.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,MAAM,CAAC,MAAM,KAAK,GAA2B;IAC5C,aAAa,EAAE,gPAAgP;IAC/P,YAAY,EAAE,iPAAiP;IAC/P,UAAU,EAAE,gPAAgP;IAC5P,YAAY,EAAE,iPAAiP;IAC/P,UAAU,EAAE,uSAAuS;IACnT,QAAQ,EAAE,uSAAuS;IACjT,OAAO,EAAE,uSAAuS;IAChT,MAAM,EAAE,kVAAkV;IAC1V,eAAe,EAAE,qTAAqT;IACtU,QAAQ,EAAE,8PAA8P;IACxQ,UAAU,EAAE,qjBAAqjB;IACjkB,MAAM,EAAE,2OAA2O;IACnP,OAAO,EAAE,qNAAqN;IAC9N,OAAO,EAAE,4NAA4N;IACrO,GAAG,EAAE,+OAA+O;IACpP,MAAM,EAAE,8TAA8T;IACtU,MAAM,EAAE,4YAA4Y;IACpZ,SAAS,EAAE,0WAA0W;IACrX,YAAY,EAAE,+WAA+W;IAC7X,QAAQ,EAAE,+VAA+V;IACzW,eAAe,EAAE,gSAAgS;IACjT,WAAW,EAAE,qWAAqW;IAClX,WAAW,EAAE,iaAAia;IAC9a,QAAQ,EAAE,mUAAmU;IAC7U,OAAO,EAAE,+UAA+U;IACxV,OAAO,EAAE,yUAAyU;IAClV,QAAQ,EAAE,gaAAga;IAC1a,MAAM,EAAE,qPAAqP;IAC7P,UAAU,EAAE,gPAAgP;IAC5P,UAAU,EAAE,kTAAkT;IAC9T,QAAQ,EAAE,oYAAoY;IAC9Y,OAAO,EAAE,gQAAgQ;IACzQ,KAAK,EAAE,iiBAAiiB;IACxiB,SAAS,EAAE,mUAAmU;IAC9U,YAAY,EAAE,iRAAiR;IAC/R,OAAO,EAAE,oTAAoT;IAC7T,SAAS,EAAE,kVAAkV;IAC7V,MAAM,EAAE,0WAA0W;IAClX,UAAU,EAAE,0fAA0f;IACtgB,KAAK,EAAE,4UAA4U;IACnV,MAAM,EAAE,gSAAgS;IACxS,QAAQ,EAAE,+RAA+R;IACzS,MAAM,EAAE,uSAAuS;IAC/S,OAAO,EAAE,kaAAka;IAC3a,MAAM,EAAE,oXAAoX;IAC5X,UAAU,EAAE,iTAAiT;IAC7T,gBAAgB,EAAE,uaAAua;IACzb,OAAO,EAAE,0PAA0P;IACnQ,MAAM,EAAE,+VAA+V;IACvW,UAAU,EAAE,mUAAmU;IAC/U,MAAM,EAAE,yjBAAyjB;IACjkB,OAAO,EAAE,kWAAkW;IAC3W,MAAM,EAAE,+QAA+Q;IACvR,gBAAgB,EAAE,kUAAkU;IACpV,cAAc,EAAE,qTAAqT;IACrU,cAAc,EAAE,wQAAwQ;IACxR,UAAU,EAAE,8QAA8Q;IAC1R,aAAa,EAAE,2SAA2S;IAC1T,QAAQ,EAAE,+WAA+W;IACzX,cAAc,EAAE,0YAA0Y;IAC1Z,KAAK,EAAE,mVAAmV;IAC1V,SAAS,EAAE,+dAA+d;IAC1e,WAAW,EAAE,2XAA2X;IACxY,aAAa,EAAE,0XAA0X;IACzY,aAAa,EAAE,sSAAsS;IACrT,aAAa,EAAE,0RAA0R;IACzS,eAAe,EAAE,8VAA8V;IAC/W,SAAS,EAAE,qaAAqa;IAChb,OAAO,EAAE,0bAA0b;IACnc,WAAW,EAAE,0SAA0S;IACvT,QAAQ,EAAE,mSAAmS;IAC7S,aAAa,EAAE,0PAA0P;IACzQ,aAAa,EAAE,iQAAiQ;IAChR,OAAO,EAAE,sWAAsW;IAC/W,MAAM,EAAE,sRAAsR;IAC9R,KAAK,EAAE,wWAAwW;IAC/W,QAAQ,EAAE,wfAAwf;IAClgB,UAAU,EAAE,8hBAA8hB;IAC1iB,WAAW,EAAE,4VAA4V;IACzW,QAAQ,EAAE,0pBAA0pB;IACpqB,QAAQ,EAAE,ueAAue;IACjf,QAAQ,EAAE,4RAA4R;IACtS,SAAS,EAAE,giBAAgiB;CAC3iB,CAAC"}

package/dist/src/transform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform.d.ts","sourceRoot":"","sources":["../../src/transform.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAElG,sGAAsG;AACtG,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,2FAA2F;AAC3F,eAAO,MAAM,iBAAiB,sGAAgC,CAAC"}

package/dist/src/transform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform.js","sourceRoot":"","sources":["../../src/transform.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,sEAAsE;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAGxD,sGAAsG;AACtG,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,2FAA2F;AAC3F,MAAM,CAAC,MAAM,iBAAiB,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@refrakt-md/lumina",
   "description": "Lumina theme for refrakt.md — design tokens, CSS, identity transform, and layout configs",
-  "version": "0.9.3",
+  "version": "0.9.5",
   "type": "module",
   "license": "MIT",
   "repository": {
@@ -12,20 +12,20 @@
   "publishConfig": {
     "access": "public"
   },
-  "main": "dist/transform.js",
-  "types": "dist/transform.d.ts",
+  "main": "dist/src/transform.js",
+  "types": "dist/src/transform.d.ts",
   "exports": {
     ".": "./index.css",
     "./base.css": "./base.css",
     "./transform": {
-      "types": "./dist/transform.d.ts",
-      "default": "./dist/transform.js"
+      "types": "./dist/src/transform.d.ts",
+      "default": "./dist/src/transform.js"
     },
     "./manifest": "./manifest.json",
     "./contracts": "./contracts/structures.json",
     "./layouts": {
-      "types": "./layouts/index.ts",
-      "default": "./layouts/index.ts"
+      "types": "./dist/layouts/index.d.ts",
+      "default": "./dist/layouts/index.js"
     },
     "./styles/runes/*.css": "./styles/runes/*.css"
   },
@@ -43,9 +43,9 @@
     "build": "tsc"
   },
   "dependencies": {
-    "@refrakt-md/runes": "0.9.3",
-    "@refrakt-md/transform": "0.9.3",
-    "@refrakt-md/types": "0.9.3"
+    "@refrakt-md/runes": "0.9.5",
+    "@refrakt-md/transform": "0.9.5",
+    "@refrakt-md/types": "0.9.5"
   },
   "devDependencies": {
     "postcss": "^8.4.0"

package/styles/elements/code.css

@@ -1,7 +1,8 @@
-/* Standalone code blocks in prose — the rf-codeblock wrapper (from Pre element
-   override) zeros the inner pre margin, so the wrapper itself carries spacing.
-   Inside codegroup the margin is removed by .rf-codegroup .rf-codeblock. */
+/* Code block wrapper — the rf-codeblock div comes from the Markdoc fence node
+   schema at build time. Inside codegroup the margin is removed by
+   .rf-codegroup .rf-codeblock. */
 .rf-codeblock {
+	position: relative;
 	margin: 1.5rem 0;
 }
 
@@ -9,16 +10,8 @@
 	margin: 0;
 }
 
-/* Code wrapper — behavior-injected copy button for code blocks */
-.rf-code-wrapper {
-	position: relative;
-}
-
-.rf-code-wrapper > pre {
-	margin: 0;
-}
-
-.rf-copy-btn {
+/* Copy button — injected by the copy behavior at runtime */
+.rf-codeblock__copy {
 	position: absolute;
 	top: 0.5rem;
 	right: 0.5rem;
@@ -36,16 +29,16 @@
 	transition: opacity 150ms ease, background-color 150ms ease;
 }
 
-.rf-code-wrapper:hover .rf-copy-btn {
+.rf-codeblock:hover .rf-codeblock__copy {
 	opacity: 0.6;
 }
 
-.rf-copy-btn:hover {
+.rf-codeblock__copy:hover {
 	opacity: 1 !important;
 	background: rgba(255, 255, 255, 0.1);
 }
 
-.rf-copy-btn--copied {
+.rf-codeblock__copy--copied {
 	opacity: 1 !important;
 	color: var(--rf-color-success, #4ade80);
 }

package/styles/runes/annotate.css

@@ -3,28 +3,26 @@
 	display: contents;
 }
 /* Margin style */
-.rf-annotate--margin {
-	position: relative;
-}
 .rf-annotate--margin .rf-annotate-note {
 	float: right;
 	clear: right;
 	width: 40%;
-	margin: 0 -44% 0.5rem 1rem;
-	padding: 0.75rem 1rem;
+	margin: 0.25rem 0 0.5rem 1rem;
+	padding: 0.5rem 0 0.5rem 1rem;
 	font-size: 0.8125rem;
 	color: var(--rf-color-muted);
 	border-left: 2px solid var(--rf-color-border);
 }
 /* Inline style */
+.rf-annotate--inline p { display: inline; }
 .rf-annotate--inline .rf-annotate-note {
-	margin: 0.5rem 0 1rem;
-	padding: 0.75rem 1rem;
-	font-size: 0.875rem;
+	display: inline-block;
+	vertical-align: baseline;
+	margin: 0 0.25rem;
+	padding: 0.125rem 0 0.125rem 0.5rem;
+	font-size: 0.8125rem;
 	color: var(--rf-color-muted);
-	background: var(--rf-color-surface);
-	border-radius: var(--rf-radius-md);
-	border-left: 3px solid var(--rf-color-primary);
+	border-left: 2px solid var(--rf-color-border);
 }
 /* Tooltip style */
 .rf-annotate--tooltip .rf-annotate-note {
@@ -78,7 +76,5 @@
 		width: 100%;
 		margin: 0.5rem 0 1rem;
 		padding: 0.75rem 1rem;
-		background: var(--rf-color-surface);
-		border-radius: var(--rf-radius-md);
 	}
 }

package/styles/runes/budget.css

@@ -47,7 +47,7 @@
 	align-items: center;
 	margin-bottom: 0.5rem;
 }
-.rf-budget-category--estimate .rf-budget-category__header::after {
+.rf-budget-category--estimate .rf-budget-category__subtotal::before {
 	content: 'est.';
 	font-size: 0.6875rem;
 	font-weight: 600;
@@ -57,7 +57,8 @@
 	background: var(--rf-color-warning-bg);
 	padding: 0.0625rem 0.375rem;
 	border-radius: var(--rf-radius-full);
-	margin-left: 0.5rem;
+	margin-right: 0.5rem;
+	vertical-align: middle;
 }
 .rf-budget-category__label {
 	font-size: 0.9375rem;

package/styles/runes/compare.css

@@ -33,6 +33,9 @@
 	background: var(--rf-color-surface);
 	border-bottom: 1px solid var(--rf-color-border);
 }
+.rf-compare .rf-codeblock {
+	margin: 0;
+}
 .rf-compare pre {
 	margin: 0;
 	border: none;

package/styles/runes/diagram.css

@@ -1,9 +1,10 @@
 /* Diagram */
 .rf-diagram {
-	border: 1px solid var(--rf-color-border);
+	display: block;
 	border-radius: var(--rf-radius-lg);
 	padding: 1.5rem;
 	text-align: center;
+	overflow: hidden;
 }
 .rf-diagram__title {
 	font-weight: 600;
@@ -24,3 +25,16 @@
 	font-size: 0.875rem;
 	margin: 0;
 }
+
+/* Mermaid SVG overrides */
+.rf-diagram__container .label {
+	font-family: var(--rf-font-sans) !important;
+	color: var(--rf-color-text) !important;
+}
+.rf-diagram__container .edgeLabel {
+	background-color: var(--rf-color-surface) !important;
+}
+.rf-diagram__container .marker {
+	fill: var(--rf-color-muted) !important;
+	stroke: var(--rf-color-muted) !important;
+}

package/styles/runes/diff.css

@@ -67,6 +67,9 @@
 }
 .rf-diff__line[data-type="remove"] .rf-diff__gutter-prefix { color: var(--rf-color-danger); }
 .rf-diff__line[data-type="add"] .rf-diff__gutter-prefix    { color: var(--rf-color-success); }
+.rf-diff .rf-codeblock {
+	margin: 0;
+}
 .rf-diff__line-content {
 	flex: 1;
 	white-space: pre;

package/styles/runes/gallery.css

@@ -1,6 +1,7 @@
 /* Gallery — Multi-image container with grid/carousel/masonry layout */
 .rf-gallery {
 	position: relative;
+	margin: 0;
 }
 
 /* Layout modifier classes */
@@ -156,25 +157,19 @@
 	right: 1rem;
 }
 
-/* Column count overrides */
-.rf-gallery[data-columns="1"] .rf-gallery__items { grid-template-columns: 1fr; }
-.rf-gallery[data-columns="2"] .rf-gallery__items { grid-template-columns: repeat(2, 1fr); }
-.rf-gallery[data-columns="4"] .rf-gallery__items { grid-template-columns: repeat(4, 1fr); }
-.rf-gallery[data-columns="5"] .rf-gallery__items { grid-template-columns: repeat(5, 1fr); }
-.rf-gallery[data-columns="6"] .rf-gallery__items { grid-template-columns: repeat(6, 1fr); }
-
-/* Responsive: collapse to fewer columns on small screens */
+/* Responsive: reset custom columns/gap and collapse on small screens */
 @media (max-width: 768px) {
-	.rf-gallery__items {
-		grid-template-columns: repeat(2, 1fr);
+	.rf-gallery {
+		--gallery-columns: 2 !important;
+		--gallery-gap: var(--rf-spacing-md) !important;
 	}
 	.rf-gallery[data-layout="carousel"] .rf-gallery__item {
 		flex-basis: 80%;
 	}
 }
 @media (max-width: 480px) {
-	.rf-gallery__items {
-		grid-template-columns: 1fr;
+	.rf-gallery {
+		--gallery-columns: 1 !important;
 	}
 	.rf-gallery[data-layout="carousel"] .rf-gallery__item {
 		flex-basis: 100%;

package/styles/runes/juxtapose.css

@@ -122,35 +122,36 @@
 /* ─── Toggle bar (injected by behavior) ─── */
 .rf-juxtapose__toggle-bar {
 	display: flex;
-	gap: 0.25rem;
-	padding: 0.25rem;
+	gap: 0.125rem;
+	padding: 0.125rem;
 	margin-bottom: 0.75rem;
-	background: var(--rf-color-surface);
-	border: 1px solid var(--rf-color-border);
-	border-radius: var(--rf-radius-md);
+	background: var(--rf-color-surface-active);
+	border-radius: var(--rf-radius-full);
 	width: fit-content;
 }
 
-.rf-juxtapose__toggle-btn {
-	padding: 0.375rem 1rem;
+.rf-juxtapose__toggle-btn,
+.rf-juxtapose__toggle-btn[data-state] {
+	padding: 0.25rem 0.75rem;
 	border: none;
-	border-radius: var(--rf-radius-sm);
+	border-radius: var(--rf-radius-full);
 	background: transparent;
 	color: var(--rf-color-muted);
-	font-size: 0.875rem;
+	font-size: 0.75rem;
 	font-weight: 500;
 	cursor: pointer;
-	transition: background 0.15s, color 0.15s;
+	transition: background 150ms ease, color 150ms ease;
 }
 
 .rf-juxtapose__toggle-btn:hover {
 	color: var(--rf-color-text);
 }
 
-.rf-juxtapose__toggle-btn--active {
-	background: var(--rf-color-bg, #fff);
+.rf-juxtapose__toggle-btn--active,
+.rf-juxtapose__toggle-btn[data-state="active"] {
+	background: var(--rf-color-bg);
 	color: var(--rf-color-text);
-	box-shadow: var(--rf-shadow-sm);
+	box-shadow: var(--rf-shadow-xs);
 }
 
 /* ─── Fade variant cursor hint ─── */

package/styles/runes/mediatext.css

@@ -36,9 +36,17 @@
 
 /* Wrap mode — float-based text wrapping */
 .rf-mediatext[data-wrap="true"] .rf-mediatext__media {
-	max-width: 50%;
 	margin-bottom: 1rem;
 }
+.rf-mediatext[data-ratio="1:1"][data-wrap="true"] .rf-mediatext__media {
+	max-width: 50%;
+}
+.rf-mediatext[data-ratio="1:2"][data-wrap="true"] .rf-mediatext__media {
+	max-width: 33.333%;
+}
+.rf-mediatext[data-ratio="2:1"][data-wrap="true"] .rf-mediatext__media {
+	max-width: 66.666%;
+}
 .rf-mediatext--left[data-wrap="true"] .rf-mediatext__media {
 	float: left;
 	margin-right: 2rem;

package/styles/runes/preview.css

@@ -128,9 +128,9 @@
 	margin: 0;
 	border-radius: 0;
 }
-.rf-preview__source .rf-codeblock,
-.rf-preview__source .rf-code-wrapper {
+.rf-preview__source .rf-codeblock {
 	border-radius: 0;
+	margin: 0;
 }
 
 /* Source tabs (data-source panels) */
@@ -138,6 +138,7 @@
 	display: flex;
 	gap: 0;
 	background: var(--rf-color-surface);
+	border-radius: var(--rf-radius-lg);
 }
 .rf-preview__source-tab {
 	padding: 0.5rem 1rem;

package/styles/runes/typography.css

@@ -10,7 +10,6 @@
 	gap: 2rem;
 }
 .rf-typography__specimen {
-	border: 1px solid var(--rf-color-border, #e5e7eb);
 	border-radius: var(--rf-radius-lg, 12px);
 	padding: 1.5rem;
 }

package/dist/config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAIA,gFAAgF;AAChF,eAAO,MAAM,YAAY,6CAoFvB,CAAC"}

package/dist/config.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"config.js","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,YAAY,CAAC;AAElD,gFAAgF;AAChF,MAAM,CAAC,MAAM,YAAY,GAAG,gBAAgB,CAAC,UAAU,EAAE;IACxD,KAAK,EAAE;QACN,IAAI,EAAE;YACL,KAAK,EAAE;gBACN,UAAU,EAAE,oBAAoB;gBAChC,OAAO,EAAE,yBAAyB;gBAClC,OAAO,EAAE,sBAAsB;gBAC/B,SAAS,EAAE,uBAAuB;gBAClC,MAAM,EAAE,yBAAyB;gBACjC,MAAM,EAAE,wBAAwB;aAChC;YACD,IAAI,EAAE;gBACL,UAAU,EAAE,oBAAoB;gBAChC,OAAO,EAAE,yBAAyB;gBAClC,OAAO,EAAE,sBAAsB;gBAC/B,SAAS,EAAE,uBAAuB;gBAClC,MAAM,EAAE,yBAAyB;gBACjC,MAAM,EAAE,wBAAwB;aAChC;SACD;QACD,MAAM,EAAE;YACP,KAAK,EAAE;gBACN,UAAU,EAAE,yBAAyB;gBACrC,OAAO,EAAE,+BAA+B;gBACxC,OAAO,EAAE,sBAAsB;gBAC/B,SAAS,EAAE,uBAAuB;gBAClC,MAAM,EAAE,yBAAyB;gBACjC,MAAM,EAAE,wBAAwB;aAChC;YACD,IAAI,EAAE;gBACL,UAAU,EAAE,yBAAyB;gBACrC,OAAO,EAAE,+BAA+B;gBACxC,OAAO,EAAE,sBAAsB;gBAC/B,SAAS,EAAE,uBAAuB;gBAClC,MAAM,EAAE,yBAAyB;gBACjC,MAAM,EAAE,wBAAwB;aAChC;SACD;QACD,IAAI,EAAE;YACL,KAAK,EAAE;gBACN,UAAU,EAAE,gCAAgC;gBAC5C,OAAO,EAAE,sBAAsB;gBAC/B,MAAM,EAAE,yBAAyB;gBACjC,MAAM,EAAE,wBAAwB;aAChC;YACD,IAAI,EAAE;gBACL,UAAU,EAAE,SAAS;gBACrB,OAAO,EAAE,sBAAsB;gBAC/B,MAAM,EAAE,yBAAyB;gBACjC,MAAM,EAAE,SAAS;aACjB;SACD;QACD,IAAI,EAAE;YACL,KAAK,EAAE;gBACN,UAAU,EAAE,yBAAyB;gBACrC,OAAO,EAAE,sBAAsB;gBAC/B,MAAM,EAAE,yBAAyB;gBACjC,MAAM,EAAE,6BAA6B;aACrC;YACD,IAAI,EAAE;gBACL,UAAU,EAAE,6BAA6B;gBACzC,OAAO,EAAE,6BAA6B;gBACtC,MAAM,EAAE,yBAAyB;gBACjC,MAAM,EAAE,6BAA6B;aACrC;SACD;QACD,IAAI,EAAE;YACL,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE;gBACL,UAAU,EAAE,6BAA6B;gBACzC,OAAO,EAAE,4BAA4B;gBACrC,MAAM,EAAE,wBAAwB;aAChC;SACD;KACD;IACD,KAAK,EAAE;QACN,IAAI,EAAE;YACL,IAAI,EAAE,4SAA4S;YAClT,OAAO,EAAE,iXAAiX;YAC1X,OAAO,EAAE,uSAAuS;YAChT,KAAK,EAAE,qRAAqR;SAC5R;QACD,MAAM,EAAE,WAAW;KACnB;CACD,CAAC,CAAC"}

package/dist/icons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../src/icons.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,eAAO,MAAM,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAmFxC,CAAC"}

package/dist/icons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icons.js","sourceRoot":"","sources":["../src/icons.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,MAAM,CAAC,MAAM,KAAK,GAA2B;IAC5C,aAAa,EAAE,gPAAgP;IAC/P,YAAY,EAAE,iPAAiP;IAC/P,UAAU,EAAE,gPAAgP;IAC5P,YAAY,EAAE,iPAAiP;IAC/P,UAAU,EAAE,uSAAuS;IACnT,QAAQ,EAAE,uSAAuS;IACjT,OAAO,EAAE,uSAAuS;IAChT,MAAM,EAAE,kVAAkV;IAC1V,eAAe,EAAE,qTAAqT;IACtU,QAAQ,EAAE,8PAA8P;IACxQ,UAAU,EAAE,qjBAAqjB;IACjkB,MAAM,EAAE,2OAA2O;IACnP,OAAO,EAAE,qNAAqN;IAC9N,OAAO,EAAE,4NAA4N;IACrO,GAAG,EAAE,+OAA+O;IACpP,MAAM,EAAE,8TAA8T;IACtU,MAAM,EAAE,4YAA4Y;IACpZ,SAAS,EAAE,0WAA0W;IACrX,YAAY,EAAE,+WAA+W;IAC7X,QAAQ,EAAE,+VAA+V;IACzW,eAAe,EAAE,gSAAgS;IACjT,WAAW,EAAE,qWAAqW;IAClX,WAAW,EAAE,iaAAia;IAC9a,QAAQ,EAAE,mUAAmU;IAC7U,OAAO,EAAE,+UAA+U;IACxV,OAAO,EAAE,yUAAyU;IAClV,QAAQ,EAAE,gaAAga;IAC1a,MAAM,EAAE,qPAAqP;IAC7P,UAAU,EAAE,gPAAgP;IAC5P,UAAU,EAAE,kTAAkT;IAC9T,QAAQ,EAAE,oYAAoY;IAC9Y,OAAO,EAAE,gQAAgQ;IACzQ,KAAK,EAAE,iiBAAiiB;IACxiB,SAAS,EAAE,mUAAmU;IAC9U,YAAY,EAAE,iRAAiR;IAC/R,OAAO,EAAE,oTAAoT;IAC7T,SAAS,EAAE,kVAAkV;IAC7V,MAAM,EAAE,0WAA0W;IAClX,UAAU,EAAE,0fAA0f;IACtgB,KAAK,EAAE,4UAA4U;IACnV,MAAM,EAAE,gSAAgS;IACxS,QAAQ,EAAE,+RAA+R;IACzS,MAAM,EAAE,uSAAuS;IAC/S,OAAO,EAAE,kaAAka;IAC3a,MAAM,EAAE,oXAAoX;IAC5X,UAAU,EAAE,iTAAiT;IAC7T,OAAO,EAAE,0PAA0P;IACnQ,MAAM,EAAE,+VAA+V;IACvW,UAAU,EAAE,mUAAmU;IAC/U,MAAM,EAAE,yjBAAyjB;IACjkB,OAAO,EAAE,kWAAkW;IAC3W,MAAM,EAAE,+QAA+Q;IACvR,gBAAgB,EAAE,kUAAkU;IACpV,cAAc,EAAE,qTAAqT;IACrU,cAAc,EAAE,wQAAwQ;IACxR,UAAU,EAAE,8QAA8Q;IAC1R,aAAa,EAAE,2SAA2S;IAC1T,QAAQ,EAAE,+WAA+W;IACzX,cAAc,EAAE,0YAA0Y;IAC1Z,KAAK,EAAE,mVAAmV;IAC1V,SAAS,EAAE,+dAA+d;IAC1e,WAAW,EAAE,2XAA2X;IACxY,aAAa,EAAE,0XAA0X;IACzY,aAAa,EAAE,sSAAsS;IACrT,aAAa,EAAE,0RAA0R;IACzS,eAAe,EAAE,8VAA8V;IAC/W,SAAS,EAAE,qaAAqa;IAChb,OAAO,EAAE,0bAA0b;IACnc,WAAW,EAAE,0SAA0S;IACvT,QAAQ,EAAE,mSAAmS;IAC7S,aAAa,EAAE,0PAA0P;IACzQ,aAAa,EAAE,iQAAiQ;IAChR,OAAO,EAAE,sWAAsW;IAC/W,MAAM,EAAE,sRAAsR;IAC9R,KAAK,EAAE,wWAAwW;IAC/W,QAAQ,EAAE,wfAAwf;IAClgB,UAAU,EAAE,8hBAA8hB;IAC1iB,WAAW,EAAE,4VAA4V;IACzW,QAAQ,EAAE,0pBAA0pB;IACpqB,QAAQ,EAAE,ueAAue;IACjf,QAAQ,EAAE,4RAA4R;IACtS,SAAS,EAAE,giBAAgiB;CAC3iB,CAAC"}

package/dist/transform.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"transform.d.ts","sourceRoot":"","sources":["../src/transform.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAElG,sGAAsG;AACtG,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,2FAA2F;AAC3F,eAAO,MAAM,iBAAiB,sGAAgC,CAAC"}

package/dist/transform.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"transform.js","sourceRoot":"","sources":["../src/transform.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,sEAAsE;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAGxD,sGAAsG;AACtG,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,2FAA2F;AAC3F,MAAM,CAAC,MAAM,iBAAiB,GAAG,eAAe,CAAC,YAAY,CAAC,CAAC"}