@commonpub/layer 0.7.2 → 0.7.4

package/components/views/ArticleView.vue

@@ -268,7 +268,7 @@ useJsonLd({
   align-items: center;
   justify-content: center;
   overflow: hidden;
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--border-width-default) solid var(--border);
 }
 
 .cpub-cover::after {
@@ -327,7 +327,7 @@ useJsonLd({
   letter-spacing: 0.1em;
   text-transform: uppercase;
   color: var(--accent);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   background: var(--accent-bg);
   padding: 3px 10px;
   margin-bottom: 16px;
@@ -359,7 +359,7 @@ useJsonLd({
   height: 28px;
   border-radius: 50%;
   background: var(--surface3);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -420,7 +420,7 @@ useJsonLd({
   font-size: 10px;
   font-family: var(--font-mono);
   padding: 2px 8px;
-  border: 1px solid var(--border2);
+  border: var(--border-width-default) solid var(--border2);
   color: var(--text-dim);
   background: var(--surface2);
   text-decoration: none;
@@ -445,8 +445,8 @@ useJsonLd({
   align-items: center;
   gap: 6px;
   padding: 14px 0;
-  border-top: 1px solid var(--border);
-  border-bottom: 1px solid var(--border);
+  border-top: var(--border-width-default) solid var(--border);
+  border-bottom: var(--border-width-default) solid var(--border);
   margin-bottom: 28px;
 }
 
@@ -470,7 +470,7 @@ useJsonLd({
   font-family: var(--font-mono);
   color: var(--text-dim);
   background: var(--surface);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   padding: 5px 12px;
   cursor: pointer;
   transition: background var(--transition-fast), color var(--transition-fast);
@@ -503,7 +503,7 @@ useJsonLd({
   margin: 40px 0 12px;
   letter-spacing: -0.01em;
   padding-bottom: 8px;
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--border-width-default) solid var(--border);
 }
 
 .cpub-prose :deep(h3) {
@@ -524,7 +524,7 @@ useJsonLd({
   font-size: 13px;
   color: var(--teal);
   background: var(--surface2);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   padding: 1px 6px;
 }
 
@@ -562,7 +562,7 @@ useJsonLd({
 
 .cpub-prose :deep(hr) {
   border: none;
-  border-top: 1px solid var(--border);
+  border-top: var(--border-width-default) solid var(--border);
   margin: 36px 0;
 }
 
@@ -573,7 +573,7 @@ useJsonLd({
   gap: 6px;
   margin: 40px 0 32px;
   padding-top: 24px;
-  border-top: 1px solid var(--border);
+  border-top: var(--border-width-default) solid var(--border);
 }
 
 .cpub-tags-label {
@@ -589,7 +589,7 @@ useJsonLd({
 /* ── AUTHOR CARD ── */
 .cpub-author-card {
   background: var(--surface);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   padding: 24px;
   display: flex;
   gap: 20px;
@@ -684,7 +684,7 @@ useJsonLd({
   text-transform: uppercase;
   margin-bottom: 16px;
   padding-bottom: 8px;
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--border-width-default) solid var(--border);
 }
 
 .cpub-related-grid {
@@ -696,7 +696,7 @@ useJsonLd({
 
 .cpub-related-card {
   background: var(--surface);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   overflow: hidden;
   cursor: pointer;
   transition: box-shadow var(--transition-fast);
@@ -715,7 +715,7 @@ useJsonLd({
   justify-content: center;
   position: relative;
   overflow: hidden;
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--border-width-default) solid var(--border);
 }
 
 .cpub-related-card-thumb::after {

package/components/views/BlogView.vue

@@ -227,7 +227,7 @@ const hasSeries = computed(() => !!seriesTitle.value && seriesTotalParts.value >
   letter-spacing: 0.1em;
   text-transform: uppercase;
   color: var(--green);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   background: var(--green-bg);
   padding: 3px 10px;
   margin-bottom: 16px;
@@ -250,7 +250,7 @@ const hasSeries = computed(() => !!seriesTitle.value && seriesTotalParts.value >
   height: 28px;
   border-radius: 50%;
   background: var(--surface3);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -307,7 +307,7 @@ const hasSeries = computed(() => !!seriesTitle.value && seriesTotalParts.value >
   font-size: 10px;
   font-family: var(--font-mono);
   padding: 2px 8px;
-  border: 1px solid var(--border2);
+  border: var(--border-width-default) solid var(--border2);
   color: var(--text-dim);
   background: var(--surface2);
   text-decoration: none;
@@ -332,8 +332,8 @@ const hasSeries = computed(() => !!seriesTitle.value && seriesTotalParts.value >
   align-items: center;
   gap: 6px;
   padding: 14px 0;
-  border-top: 1px solid var(--border);
-  border-bottom: 1px solid var(--border);
+  border-top: var(--border-width-default) solid var(--border);
+  border-bottom: var(--border-width-default) solid var(--border);
   margin-bottom: 36px;
 }
 
@@ -355,7 +355,7 @@ const hasSeries = computed(() => !!seriesTitle.value && seriesTotalParts.value >
   font-family: var(--font-mono);
   color: var(--text-dim);
   background: var(--surface);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   padding: 5px 12px;
   cursor: pointer;
   transition: background var(--transition-fast), color var(--transition-fast);
@@ -407,7 +407,7 @@ const hasSeries = computed(() => !!seriesTitle.value && seriesTotalParts.value >
   font-size: 12.5px;
   color: var(--teal);
   background: var(--surface2);
-  border: 1px solid var(--border2);
+  border: var(--border-width-default) solid var(--border2);
   padding: 1px 6px;
 }
 
@@ -454,14 +454,14 @@ const hasSeries = computed(() => !!seriesTitle.value && seriesTotalParts.value >
 
 .cpub-prose :deep(hr) {
   border: none;
-  border-top: 1px solid var(--border);
+  border-top: var(--border-width-default) solid var(--border);
   margin: 36px 0;
 }
 
 /* ── SERIES NAV ── */
 .cpub-series-nav {
   background: var(--surface);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   padding: 20px;
   margin: 40px 0;
   box-shadow: var(--shadow-sm);
@@ -518,7 +518,7 @@ const hasSeries = computed(() => !!seriesTitle.value && seriesTotalParts.value >
   height: 4px;
   background: var(--surface3);
   overflow: hidden;
-  border: 1px solid var(--border2);
+  border: var(--border-width-default) solid var(--border2);
 }
 
 .cpub-series-progress-fill {
@@ -534,7 +534,7 @@ const hasSeries = computed(() => !!seriesTitle.value && seriesTotalParts.value >
 
 .cpub-series-nav-btn {
   background: var(--surface);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   padding: 12px 14px;
   cursor: pointer;
   text-decoration: none;
@@ -582,7 +582,7 @@ const hasSeries = computed(() => !!seriesTitle.value && seriesTotalParts.value >
   gap: 6px;
   margin: 36px 0 28px;
   padding-top: 20px;
-  border-top: 1px solid var(--border);
+  border-top: var(--border-width-default) solid var(--border);
 }
 
 .cpub-tags-label {
@@ -598,7 +598,7 @@ const hasSeries = computed(() => !!seriesTitle.value && seriesTotalParts.value >
 /* ── AUTHOR CARD ── */
 .cpub-author-card {
   background: var(--surface);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   padding: 22px;
   display: flex;
   gap: 18px;
@@ -671,7 +671,7 @@ const hasSeries = computed(() => !!seriesTitle.value && seriesTotalParts.value >
   font-family: var(--font-sans);
   font-size: 12px;
   padding: 6px 14px;
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   background: var(--surface);
   color: var(--text);
   cursor: pointer;

package/components/views/ExplainerView.vue

@@ -355,7 +355,7 @@ onUnmounted(() => { document.removeEventListener('keydown', onKeydown); });
   align-items: center;
   justify-content: center;
   background: var(--surface, #1a1a1a);
-  border: 1px solid var(--border, #333);
+  border: var(--border-width-default) solid var(--border, #333);
   color: var(--text-dim, #999);
   font-size: 14px;
   text-decoration: none;
@@ -387,7 +387,7 @@ onUnmounted(() => { document.removeEventListener('keydown', onKeydown); });
   top: 3px; left: 0; right: 0;
   height: 48px;
   background: var(--surface);
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--border-width-default) solid var(--border);
   display: flex;
   align-items: center;
   gap: 10px;
@@ -441,7 +441,7 @@ onUnmounted(() => { document.removeEventListener('keydown', onKeydown); });
   align-items: center;
   justify-content: center;
   background: var(--surface);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   color: var(--text-dim);
   cursor: pointer;
   font-size: 12px;
@@ -467,7 +467,7 @@ onUnmounted(() => { document.removeEventListener('keydown', onKeydown); });
   width: 200px;
   flex-shrink: 0;
   background: var(--surface);
-  border-right: 1px solid var(--border);
+  border-right: var(--border-width-default) solid var(--border);
   display: flex;
   flex-direction: column;
   overflow-y: auto;
@@ -479,7 +479,7 @@ onUnmounted(() => { document.removeEventListener('keydown', onKeydown); });
   letter-spacing: 0.12em;
   color: var(--text-faint);
   text-transform: uppercase;
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--border-width-default) solid var(--border);
 }
 .cpub-toc-list { list-style: none; padding: 6px 0; }
 .cpub-toc-item button {
@@ -516,7 +516,7 @@ onUnmounted(() => { document.removeEventListener('keydown', onKeydown); });
   align-items: center;
   gap: 8px;
   padding: 12px 14px;
-  border-top: 1px solid var(--border);
+  border-top: var(--border-width-default) solid var(--border);
   margin-top: auto;
 }
 .cpub-sidebar-author-avatar {
@@ -524,7 +524,7 @@ onUnmounted(() => { document.removeEventListener('keydown', onKeydown); });
   height: 24px;
   border-radius: var(--radius-full);
   background: var(--surface3);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -674,7 +674,7 @@ onUnmounted(() => { document.removeEventListener('keydown', onKeydown); });
   font-family: var(--font-mono);
   font-size: 13px;
   background: var(--surface2);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   padding: 1px 6px;
   color: var(--accent);
 }
@@ -718,7 +718,7 @@ onUnmounted(() => { document.removeEventListener('keydown', onKeydown); });
   justify-content: space-between;
   margin-top: 48px;
   padding-top: 24px;
-  border-top: 1px solid var(--border);
+  border-top: var(--border-width-default) solid var(--border);
 }
 
 .cpub-progress-dots { display: flex; align-items: center; gap: 5px; }
@@ -742,7 +742,7 @@ onUnmounted(() => { document.removeEventListener('keydown', onKeydown); });
   gap: 8px;
   padding: 10px 18px;
   background: var(--accent);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   color: var(--color-text-inverse);
   font-size: 13px;
   font-weight: 600;
@@ -759,7 +759,7 @@ onUnmounted(() => { document.removeEventListener('keydown', onKeydown); });
   gap: 8px;
   padding: 10px 18px;
   background: var(--surface);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   color: var(--text);
   font-size: 13px;
   font-weight: 500;

package/components/views/ProjectView.vue

@@ -590,7 +590,7 @@ async function handleBuild(): Promise<void> {
   background: var(--surface2);
   overflow: hidden;
   flex-shrink: 0;
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--border-width-default) solid var(--border);
 }
 
 .cpub-hero-cover-grid {
@@ -653,14 +653,14 @@ async function handleBuild(): Promise<void> {
 
 .cpub-badge-featured {
   background: var(--yellow-bg);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   color: var(--yellow);
   box-shadow: var(--shadow-sm);
 }
 
 .cpub-badge-outline {
   background: var(--surface);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   color: var(--text-dim);
   box-shadow: var(--shadow-sm);
 }
@@ -721,7 +721,7 @@ async function handleBuild(): Promise<void> {
   height: 28px;
   border-radius: 50%;
   background: var(--surface3);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -768,7 +768,7 @@ async function handleBuild(): Promise<void> {
   font-family: var(--font-mono);
   color: var(--accent);
   background: var(--accent-bg);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   padding: 2px 7px;
 }
 
@@ -789,7 +789,7 @@ async function handleBuild(): Promise<void> {
 .cpub-author-tag {
   font-size: 9px; font-family: var(--font-mono); text-transform: uppercase;
   letter-spacing: 0.04em; color: var(--text-faint); padding: 1px 6px;
-  border: 1px solid var(--border); background: var(--surface); text-decoration: none;
+  border: var(--border-width-default) solid var(--border); background: var(--surface); text-decoration: none;
 }
 .cpub-author-tag:hover { color: var(--accent); border-color: var(--accent); }
 
@@ -816,7 +816,7 @@ async function handleBuild(): Promise<void> {
 .cpub-engage-btn {
   font-size: 12px;
   padding: 6px 13px;
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   background: var(--surface);
   color: var(--text-dim);
   cursor: pointer;
@@ -849,7 +849,7 @@ async function handleBuild(): Promise<void> {
 .cpub-inline-meta-chip {
   display: inline-flex; align-items: center; gap: 5px;
   font-size: 11px; font-family: var(--font-mono); color: var(--text-dim);
-  padding: 3px 10px; background: var(--surface2); border: 1px solid var(--border);
+  padding: 3px 10px; background: var(--surface2); border: var(--border-width-default) solid var(--border);
   white-space: nowrap;
 }
 .cpub-inline-meta-link { text-decoration: none; cursor: pointer; }
@@ -861,7 +861,7 @@ async function handleBuild(): Promise<void> {
 .cpub-itag {
   font-size: 10px; font-family: var(--font-mono); text-transform: uppercase;
   letter-spacing: 0.04em; padding: 2px 8px; color: var(--text-faint);
-  border: 1px solid var(--border); background: var(--surface);
+  border: var(--border-width-default) solid var(--border); background: var(--surface);
 }
 
 /* ── TABS ── */
@@ -870,7 +870,7 @@ async function handleBuild(): Promise<void> {
   top: 48px;
   z-index: 50;
   background: var(--bg);
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--border-width-default) solid var(--border);
   margin-bottom: 28px;
 }
 
@@ -948,7 +948,7 @@ async function handleBuild(): Promise<void> {
   font-size: 11px;
   background: var(--surface2);
   padding: 2px 5px;
-  border: 1px solid var(--border2);
+  border: var(--border-width-default) solid var(--border2);
   color: var(--accent);
 }
 
@@ -962,7 +962,7 @@ async function handleBuild(): Promise<void> {
 
 .cpub-prose :deep(hr) {
   border: none;
-  border-top: 1px solid var(--border);
+  border-top: var(--border-width-default) solid var(--border);
   margin: 24px 0;
 }
 
@@ -995,7 +995,7 @@ async function handleBuild(): Promise<void> {
 .cpub-toc-nav {
   display: flex; flex-direction: column; gap: 0;
   position: relative;
-  border-left: 1px solid var(--border);
+  border-left: var(--border-width-default) solid var(--border);
 }
 .cpub-toc-item {
   display: flex; align-items: flex-start; text-align: left; background: none;
@@ -1022,7 +1022,7 @@ async function handleBuild(): Promise<void> {
 
 .cpub-sb-card {
   background: var(--surface);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   padding: 18px;
   box-shadow: var(--shadow-sm);
 }
@@ -1036,14 +1036,14 @@ async function handleBuild(): Promise<void> {
   color: var(--text-dim);
   margin-bottom: 14px;
   padding-bottom: 8px;
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--border-width-default) solid var(--border);
 }
 
 /* Stats grid */
 .cpub-stats-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   overflow: hidden;
 }
 
@@ -1051,8 +1051,8 @@ async function handleBuild(): Promise<void> {
   background: var(--surface2);
   padding: 14px;
   text-align: center;
-  border-right: 1px solid var(--border);
-  border-bottom: 1px solid var(--border);
+  border-right: var(--border-width-default) solid var(--border);
+  border-bottom: var(--border-width-default) solid var(--border);
 }
 
 .cpub-stat-cell:nth-child(2n) { border-right: none; }
@@ -1105,7 +1105,7 @@ async function handleBuild(): Promise<void> {
   align-items: center;
   gap: 10px;
   padding: 8px 0;
-  border-bottom: 1px solid var(--border2);
+  border-bottom: var(--border-width-default) solid var(--border2);
   font-size: 12px;
 }
 
@@ -1115,7 +1115,7 @@ async function handleBuild(): Promise<void> {
   width: 28px;
   height: 28px;
   background: var(--surface2);
-  border: 1px solid var(--border2);
+  border: var(--border-width-default) solid var(--border2);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1150,7 +1150,7 @@ async function handleBuild(): Promise<void> {
   font-size: 10px;
   font-family: var(--font-mono);
   padding: 4px 10px;
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   color: var(--text-dim);
   background: var(--surface);
   cursor: pointer;
@@ -1169,7 +1169,7 @@ async function handleBuild(): Promise<void> {
   align-items: center;
   justify-content: space-between;
   padding: 7px 0;
-  border-bottom: 1px solid var(--border2);
+  border-bottom: var(--border-width-default) solid var(--border2);
   font-size: 12px;
 }
 
@@ -1188,7 +1188,7 @@ async function handleBuild(): Promise<void> {
   width: 44px;
   height: 44px;
   background: var(--purple-bg);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1225,7 +1225,7 @@ async function handleBuild(): Promise<void> {
 .cpub-btn {
   font-size: 12px;
   padding: 6px 14px;
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   background: var(--surface);
   color: var(--text);
   cursor: pointer;
@@ -1245,7 +1245,7 @@ async function handleBuild(): Promise<void> {
   background: var(--surface3);
   color: var(--text-faint);
   padding: 1px 5px;
-  border: 1px solid var(--border2);
+  border: var(--border-width-default) solid var(--border2);
 }
 
 /* BOM products in sidebar */
@@ -1258,7 +1258,7 @@ async function handleBuild(): Promise<void> {
   margin-top: 12px;
   margin-bottom: 8px;
   padding-top: 8px;
-  border-top: 1px solid var(--border2);
+  border-top: var(--border-width-default) solid var(--border2);
 }
 
 .cpub-bom-product-row {
@@ -1298,7 +1298,7 @@ async function handleBuild(): Promise<void> {
   gap: 8px;
   margin-bottom: 16px;
   padding-bottom: 10px;
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--border-width-default) solid var(--border);
 }
 
 .cpub-tab-section-title i { font-size: 12px; color: var(--text-faint); }
@@ -1324,12 +1324,12 @@ async function handleBuild(): Promise<void> {
   padding: 8px 12px;
   text-align: left;
   background: var(--surface2);
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--border-width-default) solid var(--border);
 }
 
 .cpub-parts-table td {
   padding: 10px 12px;
-  border-bottom: 1px solid var(--border2);
+  border-bottom: var(--border-width-default) solid var(--border2);
   color: var(--text-dim);
 }
 
@@ -1344,7 +1344,7 @@ async function handleBuild(): Promise<void> {
   display: flex; align-items: center; gap: 12px;
   padding: 10px 14px;
   background: var(--surface);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   box-shadow: var(--shadow-sm);
 }
 
@@ -1365,7 +1365,7 @@ async function handleBuild(): Promise<void> {
 .cpub-build-steps { display: flex; flex-direction: column; gap: 16px; }
 
 .cpub-build-step {
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   overflow: hidden;
   box-shadow: var(--shadow-sm);
 }
@@ -1402,7 +1402,7 @@ async function handleBuild(): Promise<void> {
   width: 100%;
   max-height: 400px;
   object-fit: cover;
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   margin-top: 12px;
 }
 
@@ -1410,7 +1410,7 @@ async function handleBuild(): Promise<void> {
 .cpub-code-tab { display: flex; flex-direction: column; gap: 16px; }
 
 .cpub-code-snippet {
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   overflow: hidden;
   box-shadow: var(--shadow-sm);
 }
@@ -1419,7 +1419,7 @@ async function handleBuild(): Promise<void> {
   display: flex; align-items: center; gap: 8px;
   padding: 8px 14px;
   background: var(--surface2);
-  border-bottom: 1px solid var(--border);
+  border-bottom: var(--border-width-default) solid var(--border);
 }
 
 .cpub-code-lang-label {
@@ -1457,14 +1457,14 @@ async function handleBuild(): Promise<void> {
   display: flex; align-items: center; gap: 12px;
   padding: 12px 14px;
   background: var(--surface);
-  border: 1px solid var(--border);
+  border: var(--border-width-default) solid var(--border);
   box-shadow: var(--shadow-sm);
 }
 
 .cpub-file-icon {
   width: 32px; height: 32px;
   background: var(--surface2);
-  border: 1px solid var(--border2);
+  border: var(--border-width-default) solid var(--border2);
   display: flex; align-items: center; justify-content: center;
   font-size: 12px; color: var(--text-faint); flex-shrink: 0;
 }

package/composables/useMarkdownImport.ts

@@ -3,7 +3,7 @@
  */
 import { markdownToBlockTuples } from '@commonpub/editor';
 import type { BlockTuple } from '@commonpub/editor';
-import type { BlockEditor } from './useBlockEditor';
+import type { BlockEditor } from '@commonpub/editor/vue';
 
 export function useMarkdownImport(blockEditor: BlockEditor) {
   const importing = ref(false);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commonpub/layer",
-  "version": "0.7.2",
+  "version": "0.7.4",
   "type": "module",
   "main": "./nuxt.config.ts",
   "files": [
@@ -50,16 +50,16 @@
     "vue": "^3.4.0",
     "vue-router": "^4.3.0",
     "zod": "^4.3.6",
-    "@commonpub/config": "0.8.0",
-    "@commonpub/docs": "0.6.1",
-    "@commonpub/editor": "0.5.0",
-    "@commonpub/explainer": "0.7.2",
+    "@commonpub/config": "0.9.0",
+    "@commonpub/editor": "0.6.1",
+    "@commonpub/explainer": "0.7.3",
+    "@commonpub/docs": "0.6.2",
     "@commonpub/auth": "0.5.0",
-    "@commonpub/learning": "0.5.0",
     "@commonpub/protocol": "0.9.7",
-    "@commonpub/server": "2.27.2",
-    "@commonpub/schema": "0.9.2",
-    "@commonpub/ui": "0.8.4"
+    "@commonpub/ui": "0.8.5",
+    "@commonpub/learning": "0.5.0",
+    "@commonpub/schema": "0.9.3",
+    "@commonpub/server": "2.27.3"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",

package/pages/admin/theme.vue

@@ -456,7 +456,7 @@ function removeTokenOverride(key: string): void {
   display: inline-block;
   width: 14px;
   height: 14px;
-  border: 1px solid var(--border2);
+  border: var(--border-width-default) solid var(--border2);
   flex-shrink: 0;
 }