@bagelink/blox 1.12.36 → 1.12.42

package/dist/{PreviewApp-CmThrLvv.js → PreviewApp-BrthGx2F.js}

@@ -1,4 +1,4 @@
-import { _ as _sfc_main } from "./PreviewApp.vue_vue_type_style_index_0_lang-B0N5QbfS.js";
+import { _ as _sfc_main } from "./PreviewApp.vue_vue_type_style_index_0_lang-BkGWMbsE.js";
 export {
   _sfc_main as default
 };

package/dist/{PreviewApp-C2T03Jm9.cjs → PreviewApp-CV_Uh9-d.cjs}

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const PreviewApp_vue_vue_type_style_index_0_lang = require("./PreviewApp.vue_vue_type_style_index_0_lang-BTuE4GmT.cjs");
+const PreviewApp_vue_vue_type_style_index_0_lang = require("./PreviewApp.vue_vue_type_style_index_0_lang-CFS05Itn.cjs");
 exports.default = PreviewApp_vue_vue_type_style_index_0_lang._sfc_main;

package/dist/PreviewApp.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewApp.vue.d.ts","sourceRoot":"","sources":["../src/PreviewApp.vue"],"names":[],"mappings":";AA0QA,wBAMG"}
+{"version":3,"file":"PreviewApp.vue.d.ts","sourceRoot":"","sources":["../src/PreviewApp.vue"],"names":[],"mappings":";AAyNA,wBAMG"}

package/dist/{PreviewApp.vue_vue_type_style_index_0_lang-B0N5QbfS.js → PreviewApp.vue_vue_type_style_index_0_lang-BkGWMbsE.js}

@@ -1,5 +1,5 @@
 import { defineComponent, inject, ref, h, provide, onMounted, onUnmounted, createElementBlock, openBlock, createVNode, unref, nextTick } from "vue";
-import { e as BLOX_REGISTRY_KEY, u as useLocale } from "./core-C3Iu5qa2.js";
+import { e as BLOX_REGISTRY_KEY, u as useLocale } from "./core-CPXNfJ-Z.js";
 function sendToEditor(msg) {
   window.parent.postMessage(msg, "*");
 }
@@ -37,6 +37,43 @@ const PreviewRenderer = defineComponent({
       localHovered.value = null;
       sendToEditor({ type: "BLOX_BLOCK_HOVER", index: null });
     }
+    const wrapperStyle = { position: "relative", cursor: "pointer" };
+    const overlayBase = {
+      position: "absolute",
+      inset: "0",
+      zIndex: "10",
+      pointerEvents: "auto",
+      transition: "box-shadow 0.12s, background 0.12s"
+    };
+    const overlayHovered = {
+      ...overlayBase,
+      boxShadow: "inset 0 0 0 2px rgba(99, 102, 241, 0.5)",
+      background: "rgba(99, 102, 241, 0.04)"
+    };
+    const overlaySelected = {
+      ...overlayBase,
+      boxShadow: "inset 0 0 0 3px #6366f1",
+      background: "rgba(99, 102, 241, 0.06)"
+    };
+    const labelBase = {
+      position: "absolute",
+      top: "0",
+      left: "0",
+      zIndex: "20",
+      padding: "2px 8px",
+      fontSize: "11px",
+      fontFamily: "system-ui, sans-serif",
+      fontWeight: "600",
+      lineHeight: "20px",
+      letterSpacing: "0.02em",
+      textTransform: "uppercase",
+      pointerEvents: "none",
+      whiteSpace: "nowrap",
+      color: "#6366f1",
+      background: "rgba(99, 102, 241, 0.1)",
+      borderBottomRightRadius: "4px"
+    };
+    const labelSelected = { ...labelBase, color: "#fff", background: "#6366f1" };
     return () => h(
       "div",
       { class: "blox-preview-canvas" },
@@ -46,17 +83,14 @@ const PreviewRenderer = defineComponent({
         const isSelected = props.selectedIndex === i;
         const isHovered = (props.hoveredIndex === i || localHovered.value === i) && !isSelected;
         const { label } = definition.schema;
+        const overlayStyle = isSelected ? overlaySelected : isHovered ? overlayHovered : overlayBase;
         return [
           h(
             "div",
             {
               "key": i,
               "data-blox-index": i,
-              "class": [
-                "blox-block-wrapper",
-                isSelected && "blox-block--selected",
-                isHovered && "blox-block--hovered"
-              ],
+              "style": wrapperStyle,
               "onClick": () => {
                 onBlockClick(i);
               },
@@ -67,14 +101,8 @@ const PreviewRenderer = defineComponent({
             },
             [
               h(definition.component, { ...definition.schema.defaults, ...block.props }),
-              h("div", { class: "blox-block-overlay" }),
-              (isSelected || isHovered) && h(
-                "div",
-                {
-                  class: ["blox-block-label", isSelected && "blox-block-label--selected"]
-                },
-                label
-              )
+              h("div", { style: overlayStyle }),
+              (isSelected || isHovered) && h("div", { style: isSelected ? labelSelected : labelBase }, label)
             ]
           )
         ];

package/dist/{PreviewApp.vue_vue_type_style_index_0_lang-BTuE4GmT.cjs → PreviewApp.vue_vue_type_style_index_0_lang-CFS05Itn.cjs}

@@ -1,6 +1,6 @@
 "use strict";
 const vue = require("vue");
-const core = require("./core-_fnHoEZN.cjs");
+const core = require("./core-D1FiZJtz.cjs");
 function sendToEditor(msg) {
   window.parent.postMessage(msg, "*");
 }
@@ -38,6 +38,43 @@ const PreviewRenderer = vue.defineComponent({
       localHovered.value = null;
       sendToEditor({ type: "BLOX_BLOCK_HOVER", index: null });
     }
+    const wrapperStyle = { position: "relative", cursor: "pointer" };
+    const overlayBase = {
+      position: "absolute",
+      inset: "0",
+      zIndex: "10",
+      pointerEvents: "auto",
+      transition: "box-shadow 0.12s, background 0.12s"
+    };
+    const overlayHovered = {
+      ...overlayBase,
+      boxShadow: "inset 0 0 0 2px rgba(99, 102, 241, 0.5)",
+      background: "rgba(99, 102, 241, 0.04)"
+    };
+    const overlaySelected = {
+      ...overlayBase,
+      boxShadow: "inset 0 0 0 3px #6366f1",
+      background: "rgba(99, 102, 241, 0.06)"
+    };
+    const labelBase = {
+      position: "absolute",
+      top: "0",
+      left: "0",
+      zIndex: "20",
+      padding: "2px 8px",
+      fontSize: "11px",
+      fontFamily: "system-ui, sans-serif",
+      fontWeight: "600",
+      lineHeight: "20px",
+      letterSpacing: "0.02em",
+      textTransform: "uppercase",
+      pointerEvents: "none",
+      whiteSpace: "nowrap",
+      color: "#6366f1",
+      background: "rgba(99, 102, 241, 0.1)",
+      borderBottomRightRadius: "4px"
+    };
+    const labelSelected = { ...labelBase, color: "#fff", background: "#6366f1" };
     return () => vue.h(
       "div",
       { class: "blox-preview-canvas" },
@@ -47,17 +84,14 @@ const PreviewRenderer = vue.defineComponent({
         const isSelected = props.selectedIndex === i;
         const isHovered = (props.hoveredIndex === i || localHovered.value === i) && !isSelected;
         const { label } = definition.schema;
+        const overlayStyle = isSelected ? overlaySelected : isHovered ? overlayHovered : overlayBase;
         return [
           vue.h(
             "div",
             {
               "key": i,
               "data-blox-index": i,
-              "class": [
-                "blox-block-wrapper",
-                isSelected && "blox-block--selected",
-                isHovered && "blox-block--hovered"
-              ],
+              "style": wrapperStyle,
               "onClick": () => {
                 onBlockClick(i);
               },
@@ -68,14 +102,8 @@ const PreviewRenderer = vue.defineComponent({
             },
             [
               vue.h(definition.component, { ...definition.schema.defaults, ...block.props }),
-              vue.h("div", { class: "blox-block-overlay" }),
-              (isSelected || isHovered) && vue.h(
-                "div",
-                {
-                  class: ["blox-block-label", isSelected && "blox-block-label--selected"]
-                },
-                label
-              )
+              vue.h("div", { style: overlayStyle }),
+              (isSelected || isHovered) && vue.h("div", { style: isSelected ? labelSelected : labelBase }, label)
             ]
           )
         ];

package/dist/PreviewRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewRenderer.d.ts","sourceRoot":"","sources":["../src/PreviewRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;;;cAatB,QAAQ,CAAC,KAAK,EAAE,CAAC;uBACnB,KAAK,EAAE;;;cAGJ,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;;;;cAIvB,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;;;;;;;cARxB,QAAQ,CAAC,KAAK,EAAE,CAAC;uBACnB,KAAK,EAAE;;;cAGJ,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;;;;cAIvB,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;;;;;;;;AAZ1C,wBA6EE"}
+{"version":3,"file":"PreviewRenderer.d.ts","sourceRoot":"","sources":["../src/PreviewRenderer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;;;cAatB,QAAQ,CAAC,KAAK,EAAE,CAAC;uBACnB,KAAK,EAAE;;;cAGJ,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;;;;cAIvB,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;;;;;;;cARxB,QAAQ,CAAC,KAAK,EAAE,CAAC;uBACnB,KAAK,EAAE;;;cAGJ,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;;;;cAIvB,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC;;;;;;;;AAZ1C,wBA8FE"}

package/dist/{core-C3Iu5qa2.js → core-CPXNfJ-Z.js}

@@ -397,7 +397,7 @@ class BloxInstance {
     }
     router.addRoute({
       path: "/_blox_preview",
-      component: () => import("./PreviewApp-CmThrLvv.js"),
+      component: () => import("./PreviewApp-BrthGx2F.js"),
       beforeEnter: () => window.parent !== window ? true : "/"
     });
     router.addRoute({ path: "/:pathMatch(.*)*", component: _sfc_main$1 });

package/dist/{core-_fnHoEZN.cjs → core-D1FiZJtz.cjs}

@@ -398,7 +398,7 @@ class BloxInstance {
     }
     router.addRoute({
       path: "/_blox_preview",
-      component: () => Promise.resolve().then(() => require("./PreviewApp-C2T03Jm9.cjs")),
+      component: () => Promise.resolve().then(() => require("./PreviewApp-CV_Uh9-d.cjs")),
       beforeEnter: () => window.parent !== window ? true : "/"
     });
     router.addRoute({ path: "/:pathMatch(.*)*", component: _sfc_main$1 });

package/dist/defineBlock.d.ts

@@ -1,4 +1,16 @@
-import { SchemaDefinition } from '@bagelink/vue';
+/**
+ * Loose structural type for a FormFlow schema.
+ * Avoids importing `SchemaDefinition` from `@bagelink/vue` directly, which
+ * would drag in Vue's `Component` type and cause duplicate-Vue-copy errors
+ * in monorepo setups where the consumer resolves a different `vue` package.
+ */
+export type BloxSchema = {
+    _fields?: Record<string, {
+        _config?: {
+            default?: unknown;
+        };
+    }>;
+} & Record<string, any>;
 export interface BlockMeta {
     /** Block type key — must be unique across the app. Used as the export name by the Vite plugin. */
     name: string;
@@ -7,7 +19,7 @@ export interface BlockMeta {
     /** Material icon name. */
     icon?: string;
     /** FormFlow schema for editable props. Omit for blocks with no configurable props. */
-    schema?: SchemaDefinition;
+    schema?: BloxSchema;
     /** Default prop values. Merged with block props at render time so blocks show content before editing. */
     defaults?: Record<string, unknown>;
     description?: string;
@@ -29,11 +41,12 @@ export interface BlockModule {
  * import { defineBlock } from '@bagelink/blox'
  * import { defineSchema, $ } from '@bagelink/vue'
  *
- * const schema = defineSchema({ title: $.text('Title') })
+ * const schema = defineSchema({ title: $.text('Title', { default: 'Hello' }) })
  *
  * defineBlock({ name: 'myBlock', label: 'My Block', icon: 'star', schema })
  *
- * defineProps<{ title: string }>()
+ * // Props are optional — defaults are extracted from schema automatically
+ * defineProps<{ title?: string }>()
  * </script>
  * ```
  *

package/dist/defineBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defineBlock.d.ts","sourceRoot":"","sources":["../src/defineBlock.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAErD,MAAM,WAAW,SAAS;IACzB,kGAAkG;IAClG,IAAI,EAAE,MAAM,CAAA;IACZ,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAA;IACb,0BAA0B;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sFAAsF;IACtF,MAAM,CAAC,EAAE,gBAAgB,CAAA;IACzB,yGAAyG;IACzG,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAClC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2KAA2K;IAC3K,UAAU,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,kGAAkG;AAClG,MAAM,WAAW,WAAW;IAC3B,OAAO,EAAE,MAAM,CAAA;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;CACjC;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,CAEtD"}
+{"version":3,"file":"defineBlock.d.ts","sourceRoot":"","sources":["../src/defineBlock.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAAG;IAAE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,OAAO,CAAC,EAAE;YAAE,OAAO,CAAC,EAAE,OAAO,CAAA;SAAE,CAAA;KAAE,CAAC,CAAA;CAAE,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;AAEhH,MAAM,WAAW,SAAS;IACzB,kGAAkG;IAClG,IAAI,EAAE,MAAM,CAAA;IACZ,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAA;IACb,0BAA0B;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sFAAsF;IACtF,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,yGAAyG;IACzG,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAClC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2KAA2K;IAC3K,UAAU,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,kGAAkG;AAClG,MAAM,WAAW,WAAW;IAC3B,OAAO,EAAE,MAAM,CAAA;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;CACjC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,CAatD"}

package/dist/index.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const core = require("./core-_fnHoEZN.cjs");
-const PreviewApp_vue_vue_type_style_index_0_lang = require("./PreviewApp.vue_vue_type_style_index_0_lang-BTuE4GmT.cjs");
+const core = require("./core-D1FiZJtz.cjs");
+const PreviewApp_vue_vue_type_style_index_0_lang = require("./PreviewApp.vue_vue_type_style_index_0_lang-CFS05Itn.cjs");
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const pinia = require("pinia");
@@ -88,6 +88,17 @@ function createBloxApp(options) {
   return { app, router, blox };
 }
 function defineBlock(meta) {
+  var _a;
+  if (meta.schema && !meta.defaults) {
+    const extracted = {};
+    for (const [key, field] of Object.entries(meta.schema._fields ?? {})) {
+      const val = (_a = field == null ? void 0 : field._config) == null ? void 0 : _a.default;
+      if (val !== void 0) extracted[key] = val;
+    }
+    if (Object.keys(extracted).length > 0) {
+      meta.defaults = extracted;
+    }
+  }
   return meta;
 }
 exports.BLOX_CONFIG_KEY = core.BLOX_CONFIG_KEY;

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import { B as BLOX_LOCALE_STRATEGY_KEY, u as useLocale, c as createBlox } from "./core-C3Iu5qa2.js";
-import { d, b, _, P, a, l, r } from "./core-C3Iu5qa2.js";
-import { _ as _2, P as P2, s, a as a2 } from "./PreviewApp.vue_vue_type_style_index_0_lang-B0N5QbfS.js";
+import { B as BLOX_LOCALE_STRATEGY_KEY, u as useLocale, c as createBlox } from "./core-CPXNfJ-Z.js";
+import { d, b, _, P, a, l, r } from "./core-CPXNfJ-Z.js";
+import { _ as _2, P as P2, s, a as a2 } from "./PreviewApp.vue_vue_type_style_index_0_lang-BkGWMbsE.js";
 import { inject, computed, createApp, markRaw } from "vue";
 import { useRouter } from "vue-router";
 import { createPinia } from "pinia";
@@ -87,6 +87,17 @@ function createBloxApp(options) {
   return { app, router, blox };
 }
 function defineBlock(meta) {
+  var _a;
+  if (meta.schema && !meta.defaults) {
+    const extracted = {};
+    for (const [key, field] of Object.entries(meta.schema._fields ?? {})) {
+      const val = (_a = field == null ? void 0 : field._config) == null ? void 0 : _a.default;
+      if (val !== void 0) extracted[key] = val;
+    }
+    if (Object.keys(extracted).length > 0) {
+      meta.defaults = extracted;
+    }
+  }
   return meta;
 }
 export {

package/dist/ssg/index.cjs

@@ -26,7 +26,7 @@ const prerender = require("../prerender-Bi7YtzSp.cjs");
 const ssg_client = require("./client.cjs");
 const pinia = require("pinia");
 const vue = require("vue");
-const core = require("../core-_fnHoEZN.cjs");
+const core = require("../core-D1FiZJtz.cjs");
 async function renderBloxSsgPage(options) {
   const {
     url,

package/dist/ssg/index.mjs

@@ -4,7 +4,7 @@ import { BLOX_STATE_WINDOW_KEY, BLOX_COLLECTIONS_WINDOW_KEY, BLOX_WEBSITE_ID_WIN
 import { getCollectionCache, getEmbeddedWebsiteId, installBloxStateCache, installCollectionCache } from "./client.mjs";
 import { createPinia } from "pinia";
 import { createSSRApp, markRaw } from "vue";
-import { c as createBlox } from "../core-C3Iu5qa2.js";
+import { c as createBlox } from "../core-CPXNfJ-Z.js";
 async function renderBloxSsgPage(options) {
   const {
     url,

package/dist/style.css

@@ -24,49 +24,5 @@
 body {
 	margin: 0;
 }
-.blox-block-wrapper {
-	position: relative;
-	cursor: pointer;
-	display: contents;
-}
-.blox-block-overlay {
-	position: absolute;
-	inset: 0;
-	z-index: 10;
-	pointer-events: auto;
-	transition:
-		box-shadow 0.12s,
-		background 0.12s;
-}
-.blox-block--hovered .blox-block-overlay {
-	box-shadow: inset 0 0 0 2px rgba(99, 102, 241, 0.5);
-	background: rgba(99, 102, 241, 0.04);
-}
-.blox-block--selected .blox-block-overlay {
-	box-shadow: inset 0 0 0 3px #6366f1;
-	background: rgba(99, 102, 241, 0.06);
-}
 
-/* Label badge */
-.blox-block-label {
-	position: absolute;
-	top: 0;
-	left: 0;
-	z-index: 20;
-	padding: 2px 8px;
-	font-size: 11px;
-	font-family: system-ui, sans-serif;
-	font-weight: 600;
-	line-height: 20px;
-	letter-spacing: 0.02em;
-	text-transform: uppercase;
-	color: #6366f1;
-	background: rgba(99, 102, 241, 0.1);
-	border-bottom-right-radius: 4px;
-	pointer-events: none;
-	white-space: nowrap;
-}
-.blox-block-label--selected {
-	color: #fff;
-	background: #6366f1;
-}
+/* Block selection styles are applied via inline styles in PreviewRenderer */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/blox",
   "type": "module",
-  "version": "1.12.36",
+  "version": "1.12.42",
   "description": "Blox page builder library for drag-and-drop page building and static data management",
   "author": {
     "name": "Bagel Studio",