npm - @nextbridgehq/payload-block-builder - Versions diffs - 0.1.4 → 0.1.5 - Mend

@nextbridgehq/payload-block-builder 0.1.4 → 0.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/bin/init.js ADDED Viewed

@@ -0,0 +1,82 @@
+#!/usr/bin/env node
+#!/usr/bin/env node
+// src/bin/init.ts
+import fs from "fs";
+import path from "path";
+var PAGE_CONTENT = `'use client'
+import { BuilderShell } from '@nextbridgehq/payload-block-builder/client'
+export default function BlockBuilderPage() {
+  return <BuilderShell />
+}
+`;
+var LAYOUT_CONTENT = `import React from 'react'
+import '@nextbridgehq/payload-block-builder/builder.css'
+export const metadata = {
+  title: 'Block Builder',
+}
+export default function BlockBuilderLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en">
+      <body style={{ margin: 0, padding: 0, height: '100vh', overflow: 'hidden' }}>
+        {children}
+      </body>
+    </html>
+  )
+}
+`;
+var CUSTOM_SCSS_IMPORTS = `@import '@nextbridgehq/payload-block-builder/block-data-field.css';
+@import '@nextbridgehq/payload-block-builder/schema-builder-field.css';
+`;
+function findAppDir() {
+  const candidates = [
+    path.join(process.cwd(), "src", "app"),
+    path.join(process.cwd(), "app")
+  ];
+  for (const dir of candidates) {
+    if (fs.existsSync(dir)) return dir;
+  }
+  return null;
+}
+function main() {
+  const appDir = findAppDir();
+  if (!appDir) {
+    console.error("Could not find app directory. Make sure you are in the root of a Next.js project.");
+    process.exit(1);
+  }
+  const builderDir = path.join(appDir, "block-builder");
+  if (!fs.existsSync(builderDir)) {
+    fs.mkdirSync(builderDir, { recursive: true });
+  }
+  const pagePath = path.join(builderDir, "page.tsx");
+  const layoutPath = path.join(builderDir, "layout.tsx");
+  if (fs.existsSync(pagePath)) {
+    console.log(`Skipped: ${pagePath} already exists`);
+  } else {
+    fs.writeFileSync(pagePath, PAGE_CONTENT);
+    console.log(`Created: ${pagePath}`);
+  }
+  if (fs.existsSync(layoutPath)) {
+    console.log(`Skipped: ${layoutPath} already exists`);
+  } else {
+    fs.writeFileSync(layoutPath, LAYOUT_CONTENT);
+    console.log(`Created: ${layoutPath}`);
+  }
+  const payloadRouteDir = path.join(appDir, "(payload)");
+  const customScssPath = path.join(payloadRouteDir, "custom.scss");
+  if (fs.existsSync(customScssPath)) {
+    const existing = fs.readFileSync(customScssPath, "utf8");
+    if (!existing.includes("@nextbridgehq/payload-block-builder")) {
+      fs.appendFileSync(customScssPath, "\n" + CUSTOM_SCSS_IMPORTS);
+      console.log(`Updated: ${customScssPath} (added admin field styles)`);
+    } else {
+      console.log(`Skipped: ${customScssPath} already has block-builder imports`);
+    }
+  }
+  console.log("\nDone! Visit /block-builder in your browser.");
+}
+main();

package/dist/client.cjs CHANGED Viewed

@@ -66,7 +66,7 @@ function MediaPicker({ label, required, value, onChange }) {
   closeRef.current = closeDrawer;
   const media = value && typeof value === "object" ? value : null;
   const mediaId = media?.id ?? (typeof value === "string" || typeof value === "number" ? value : null);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "bdf-field" }, /* @__PURE__ */ import_react.default.createElement("label", { className: "bdf-label" }, label, required && /* @__PURE__ */ import_react.default.createElement("span", { className: "bdf-required" }, "*")), /* @__PURE__ */ import_react.default.createElement("div", { className: "bdf-upload-area" }, mediaId ? /* @__PURE__ */ import_react.default.createElement("div", { className: "bdf-upload-selected" }, media?.url ? /* @__PURE__ */ import_react.default.createElement("img", { src: media.url, alt: media.alt ?? "", className: "bdf-thumb" }) : /* @__PURE__ */ import_react.default.createElement("div", { className: "bdf-thumb-placeholder" }, "\xF0\u0178\u2013\xBC"), /* @__PURE__ */ import_react.default.createElement("span", { className: "bdf-upload-name" }, media?.filename ? String(media.filename) : `ID: ${String(mediaId)}`), /* @__PURE__ */ import_react.default.createElement("div", { className: "bdf-upload-actions" }, /* @__PURE__ */ import_react.default.createElement(ListDrawerToggler, { className: "bdf-upload-btn" }, "Change"), /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "bdf-field" }, /* @__PURE__ */ import_react.default.createElement("label", { className: "bdf-label" }, label, required && /* @__PURE__ */ import_react.default.createElement("span", { className: "bdf-required" }, "*")), /* @__PURE__ */ import_react.default.createElement("div", { className: "bdf-upload-area" }, mediaId ? /* @__PURE__ */ import_react.default.createElement("div", { className: "bdf-upload-selected" }, media?.url ? /* @__PURE__ */ import_react.default.createElement("img", { src: media.url, alt: media.alt ?? "", className: "bdf-thumb" }) : /* @__PURE__ */ import_react.default.createElement("div", { className: "bdf-thumb-placeholder" }, "[img]"), /* @__PURE__ */ import_react.default.createElement("span", { className: "bdf-upload-name" }, media?.filename ? String(media.filename) : `ID: ${String(mediaId)}`), /* @__PURE__ */ import_react.default.createElement("div", { className: "bdf-upload-actions" }, /* @__PURE__ */ import_react.default.createElement(ListDrawerToggler, { className: "bdf-upload-btn" }, "Change"), /* @__PURE__ */ import_react.default.createElement(
     "button",
     {
       type: "button",
@@ -74,7 +74,7 @@ function MediaPicker({ label, required, value, onChange }) {
       title: "Remove media",
       onClick: () => onChange(null)
     },
-    "\xE2\u0153\u2022"
+    "x"
   ))) : /* @__PURE__ */ import_react.default.createElement(ListDrawerToggler, { className: "bdf-upload-btn" }, "Choose from Media Library")), /* @__PURE__ */ import_react.default.createElement(ListDrawer, { onSelect: handleSelect }));
 }
 function SchemaForm({ schema, value, onChange }) {
@@ -186,7 +186,7 @@ function FieldInput({ field, value, onChange }) {
           value: value ?? "",
           onChange: (e) => onChange(e.target.value)
         },
-        /* @__PURE__ */ import_react.default.createElement("option", { value: "" }, "\xE2\u20AC\u201D select \xE2\u20AC\u201D"),
+        /* @__PURE__ */ import_react.default.createElement("option", { value: "" }, "-- select --"),
         (field.options ?? []).map((opt) => /* @__PURE__ */ import_react.default.createElement("option", { key: opt.value, value: opt.value }, opt.label))
       ));
     case "multiselect": {
@@ -261,7 +261,7 @@ function FieldInput({ field, value, onChange }) {
           className: "bdf-remove-btn",
           onClick: () => onChange(rows.filter((_, j) => j !== i))
         },
-        "\xE2\u0153\u2022 Remove row"
+        "x Remove row"
       ))), /* @__PURE__ */ import_react.default.createElement(
         "button",
         {
@@ -317,7 +317,7 @@ function BlockDataField({ path }) {
     return /* @__PURE__ */ import_react.default.createElement("div", { className: "bdf-empty" }, "Select a ", /* @__PURE__ */ import_react.default.createElement("strong", null, "Block Version"), " above to configure block data fields.");
   }
   if (loading) {
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: "bdf-loading" }, "Loading schema\xE2\u20AC\xA6");
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "bdf-loading" }, "Loading schema...");
   }
   if (error) {
     return /* @__PURE__ */ import_react.default.createElement("div", { className: "bdf-error" }, "Failed to load schema: ", error);
@@ -410,7 +410,7 @@ function OptionsEditor({ options, onChange, readOnly }) {
       title: "Remove option",
       onClick: () => removeOption(i)
     },
-    "\xE2\u0153\u2022"
+    "x"
   ))), !readOnly && /* @__PURE__ */ import_react2.default.createElement(
     "button",
     {
@@ -596,7 +596,7 @@ function FieldRow({
           transform: expanded ? "rotate(90deg)" : "rotate(0deg)"
         }
       },
-      "\xE2\u2013\xB6"
+      ">"
     ),
     /* @__PURE__ */ import_react4.default.createElement("span", { className: `sbf-row__label${!field.name ? " sbf-row__label--empty" : ""}` }, field.name || "unnamed field"),
     field.required && /* @__PURE__ */ import_react4.default.createElement("span", { style: { color: "var(--theme-error-500, #ef4444)", fontSize: 16, lineHeight: 1, flexShrink: 0 } }, "*"),
@@ -614,8 +614,8 @@ function FieldRow({
         style: { display: "flex", gap: 2, flexShrink: 0, alignItems: "center" },
         onClick: (e) => e.stopPropagation()
       },
-      onMoveUp && /* @__PURE__ */ import_react4.default.createElement("button", { type: "button", className: "sbf-icon-btn", onClick: onMoveUp, title: "Move up" }, "\xE2\u2020\u2018"),
-      onMoveDown && /* @__PURE__ */ import_react4.default.createElement("button", { type: "button", className: "sbf-icon-btn", onClick: onMoveDown, title: "Move down" }, "\xE2\u2020\u201C"),
+      onMoveUp && /* @__PURE__ */ import_react4.default.createElement("button", { type: "button", className: "sbf-icon-btn", onClick: onMoveUp, title: "Move up" }, "^"),
+      onMoveDown && /* @__PURE__ */ import_react4.default.createElement("button", { type: "button", className: "sbf-icon-btn", onClick: onMoveDown, title: "Move down" }, "v"),
       /* @__PURE__ */ import_react4.default.createElement(
         "button",
         {
@@ -624,7 +624,7 @@ function FieldRow({
           onClick: onRemove,
           title: "Remove field"
         },
-        "\xE2\u0153\u2022"
+        "x"
       )
     )
   ), expanded && /* @__PURE__ */ import_react4.default.createElement("div", { className: "sbf-row__content" }, /* @__PURE__ */ import_react4.default.createElement("div", { className: "sbf-grid-2" }, /* @__PURE__ */ import_react4.default.createElement(FieldWrap, null, /* @__PURE__ */ import_react4.default.createElement(FieldLabel, { required: true }, "Field Name"), /* @__PURE__ */ import_react4.default.createElement(
@@ -759,7 +759,7 @@ function FieldRow({
       onClick: () => setShowAdmin((p) => !p)
     },
     "Admin & UI settings",
-    /* @__PURE__ */ import_react4.default.createElement("span", { className: "sbf-section__toggle-icon" }, "\xE2\u2013\xB6")
+    /* @__PURE__ */ import_react4.default.createElement("span", { className: "sbf-section__toggle-icon" }, ">")
   ), showAdmin && /* @__PURE__ */ import_react4.default.createElement("div", { className: "sbf-section__body" }, /* @__PURE__ */ import_react4.default.createElement(FieldWrap, null, /* @__PURE__ */ import_react4.default.createElement(FieldLabel, null, "Description"), /* @__PURE__ */ import_react4.default.createElement(
     "input",
     {
@@ -818,7 +818,7 @@ function FieldRow({
       " rule",
       field.conditions.length !== 1 ? "s" : ""
     ),
-    /* @__PURE__ */ import_react4.default.createElement("span", { className: "sbf-section__toggle-icon" }, "\xE2\u2013\xB6")
+    /* @__PURE__ */ import_react4.default.createElement("span", { className: "sbf-section__toggle-icon" }, ">")
   ), showConditions && /* @__PURE__ */ import_react4.default.createElement("div", { className: "sbf-section__body" }, /* @__PURE__ */ import_react4.default.createElement(FieldWrap, null, /* @__PURE__ */ import_react4.default.createElement(FieldLabel, null, "Condition Mode"), /* @__PURE__ */ import_react4.default.createElement(
     "select",
     {
@@ -828,8 +828,8 @@ function FieldRow({
       onChange: (e) => set("conditionMode", e.target.value),
       style: { width: "auto", minWidth: 240 }
     },
-    /* @__PURE__ */ import_react4.default.createElement("option", { value: "AND" }, "AND \xE2\u20AC\u201D all conditions must match"),
-    /* @__PURE__ */ import_react4.default.createElement("option", { value: "OR" }, "OR \xE2\u20AC\u201D any condition must match")
+    /* @__PURE__ */ import_react4.default.createElement("option", { value: "AND" }, "AND - all conditions must match"),
+    /* @__PURE__ */ import_react4.default.createElement("option", { value: "OR" }, "OR - any condition must match")
   )), (field.conditions ?? []).map((cond, ci) => /* @__PURE__ */ import_react4.default.createElement("div", { key: ci, className: "sbf-conditions-grid" }, /* @__PURE__ */ import_react4.default.createElement(FieldWrap, null, /* @__PURE__ */ import_react4.default.createElement(FieldLabel, null, "Field"), /* @__PURE__ */ import_react4.default.createElement(
     "input",
     {
@@ -881,7 +881,7 @@ function FieldRow({
         set("conditions", (field.conditions ?? []).filter((_, k) => k !== ci));
       }
     },
-    "\xE2\u0153\u2022"
+    "x"
   ))), !readOnly && /* @__PURE__ */ import_react4.default.createElement(
     "button",
     {
@@ -1186,7 +1186,7 @@ function normalizeSlug(slug) {
 function mapToSaveRequest(block) {
   const fields = block.fields.filter((f) => {
     if (UNSUPPORTED.has(f.type)) {
-      console.warn(`[block-builder] Field type "${f.type}" is not supported in this project \xE2\u20AC\u201D skipping field "${f.name}"`);
+      console.warn(`[block-builder] Field type "${f.type}" is not supported in this project \xE2\u20AC" skipping field "${f.name}"`);
       return false;
     }
     return true;
@@ -1411,16 +1411,16 @@ function TopBar({ blockDefs, activeSlug, onBlockSelect, versions, selectedVersio
   function formatDate(iso) {
     return new Date(iso).toLocaleDateString(void 0, { month: "short", day: "numeric" });
   }
-  return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-topbar" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-topbar__brand" }, /* @__PURE__ */ import_react7.default.createElement("span", { className: "bb-topbar__title" }, "Block Builder"), isDirty && !isReadOnly && /* @__PURE__ */ import_react7.default.createElement("span", { className: "bb-topbar__dirty" }, "\xE2\u2014\x8F unsaved")), /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-topbar__selectors" }, blockDefs.length > 0 && /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-block-picker", ref: blockPickerRef }, /* @__PURE__ */ import_react7.default.createElement(
+  return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-topbar" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-topbar__brand" }, /* @__PURE__ */ import_react7.default.createElement("span", { className: "bb-topbar__title" }, "Block Builder"), isDirty && !isReadOnly && /* @__PURE__ */ import_react7.default.createElement("span", { className: "bb-topbar__dirty" }, "* unsaved")), /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-topbar__selectors" }, blockDefs.length > 0 && /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-block-picker", ref: blockPickerRef }, /* @__PURE__ */ import_react7.default.createElement(
     "button",
     {
       type: "button",
       className: "bb-block-picker__trigger",
       onClick: () => setBlockPickerOpen((o) => !o)
     },
-    /* @__PURE__ */ import_react7.default.createElement("span", { className: "bb-block-picker__icon" }, "\xE2\xAC\xA1"),
+    /* @__PURE__ */ import_react7.default.createElement("span", { className: "bb-block-picker__icon" }, "B"),
     /* @__PURE__ */ import_react7.default.createElement("span", null, activeBlockDef?.name ?? activeSlug ?? "Select a block"),
-    /* @__PURE__ */ import_react7.default.createElement("span", { className: "bb-version-selector__chevron" }, "\xE2\u2013\xBE")
+    /* @__PURE__ */ import_react7.default.createElement("span", { className: "bb-version-selector__chevron" }, "v")
   ), blockPickerOpen && /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-block-picker__dropdown" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-version-dropdown__header" }, "Block Definitions"), blockDefs.map((b) => /* @__PURE__ */ import_react7.default.createElement(
     "button",
     {
@@ -1444,7 +1444,7 @@ function TopBar({ blockDefs, activeSlug, onBlockSelect, versions, selectedVersio
     /* @__PURE__ */ import_react7.default.createElement("span", { className: `bb-version-selector__dot${selectedVersion?.isCurrent ? " bb-version-selector__dot--current" : " bb-version-selector__dot--old"}` }),
     /* @__PURE__ */ import_react7.default.createElement("span", null, selectedVersion?.label ?? `v${selectedVersion?.versionNumber ?? "?"}`),
     selectedVersion?.isCurrent && /* @__PURE__ */ import_react7.default.createElement("span", { className: "bb-version-selector__badge" }, "current"),
-    /* @__PURE__ */ import_react7.default.createElement("span", { className: "bb-version-selector__chevron" }, "\xE2\u2013\xBE")
+    /* @__PURE__ */ import_react7.default.createElement("span", { className: "bb-version-selector__chevron" }, "v")
   ), versionDropdownOpen && /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-version-dropdown" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-version-dropdown__header" }, "Version History"), versions.map((v) => /* @__PURE__ */ import_react7.default.createElement(
     "button",
     {
@@ -1458,7 +1458,7 @@ function TopBar({ blockDefs, activeSlug, onBlockSelect, versions, selectedVersio
     },
     /* @__PURE__ */ import_react7.default.createElement("span", { className: `bb-version-selector__dot${v.isCurrent ? " bb-version-selector__dot--current" : " bb-version-selector__dot--old"}` }),
     /* @__PURE__ */ import_react7.default.createElement("span", { className: "bb-version-dropdown__label" }, v.label, v.isCurrent && /* @__PURE__ */ import_react7.default.createElement("span", { className: "bb-version-selector__badge" }, "current")),
-    /* @__PURE__ */ import_react7.default.createElement("span", { className: "bb-version-dropdown__meta" }, v.changelog ? `${v.changelog.slice(0, 32)}${v.changelog.length > 32 ? "\xE2\u20AC\xA6" : ""}` : formatDate(v.createdAt))
+    /* @__PURE__ */ import_react7.default.createElement("span", { className: "bb-version-dropdown__meta" }, v.changelog ? `${v.changelog.slice(0, 32)}${v.changelog.length > 32 ? "..." : ""}` : formatDate(v.createdAt))
   ))))), /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-topbar__actions" }, /* @__PURE__ */ import_react7.default.createElement(
     "button",
     {
@@ -1492,7 +1492,7 @@ function TopBar({ blockDefs, activeSlug, onBlockSelect, versions, selectedVersio
       disabled: notification?.status === "publishing" || !activeBlock,
       className: "bb-btn bb-btn--warning"
     },
-    notification?.status === "publishing" ? "Restoring\xE2\u20AC\xA6" : "Restore as new version"
+    notification?.status === "publishing" ? "Restoring..." : "Restore as new version"
   )) : /* @__PURE__ */ import_react7.default.createElement(
     "button",
     {
@@ -1501,8 +1501,8 @@ function TopBar({ blockDefs, activeSlug, onBlockSelect, versions, selectedVersio
       disabled: notification?.status === "publishing" || !activeBlock,
       className: "bb-btn bb-btn--primary"
     },
-    notification?.status === "publishing" ? "Publishing\xE2\u20AC\xA6" : "Publish to Payload"
-  ))), notification?.status === "publishing" && /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify bb-notify--publishing" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify__box" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify__spinner" }), /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify__body" }, /* @__PURE__ */ import_react7.default.createElement("p", { className: "bb-notify__title" }, isReadOnly ? "Restoring version\xE2\u20AC\xA6" : "Publishing to Payload\xE2\u20AC\xA6"), /* @__PURE__ */ import_react7.default.createElement("p", { className: "bb-notify__sub" }, "Validating schema and saving block definition.")))), notification?.status === "success" && /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify bb-notify--success" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify__box" }, /* @__PURE__ */ import_react7.default.createElement("span", { className: "bb-notify__icon" }, "\xE2\u0153\u201C"), /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify__body" }, /* @__PURE__ */ import_react7.default.createElement("p", { className: "bb-notify__title" }, notification.msg), /* @__PURE__ */ import_react7.default.createElement("p", { className: "bb-notify__sub" }, "The block definition and version have been saved.")), /* @__PURE__ */ import_react7.default.createElement("button", { className: "bb-notify__close", onClick: () => setNotification(null) }, "\xE2\u0153\u2022"))), notification?.status === "error" && /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify bb-notify--error" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify__box" }, /* @__PURE__ */ import_react7.default.createElement("span", { className: "bb-notify__icon" }, "\xE2\u0153\u2022"), /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify__body" }, /* @__PURE__ */ import_react7.default.createElement("p", { className: "bb-notify__title" }, notification.title), /* @__PURE__ */ import_react7.default.createElement("p", { className: "bb-notify__sub" }, "Fix the following errors before publishing:"), /* @__PURE__ */ import_react7.default.createElement("ul", { className: "bb-notify__error-list" }, notification.errors.map((e, i) => /* @__PURE__ */ import_react7.default.createElement("li", { key: i }, e)))), /* @__PURE__ */ import_react7.default.createElement("button", { className: "bb-notify__close", onClick: () => setNotification(null) }, "\xE2\u0153\u2022"))));
+    notification?.status === "publishing" ? "Publishing..." : "Publish to Payload"
+  ))), notification?.status === "publishing" && /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify bb-notify--publishing" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify__box" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify__spinner" }), /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify__body" }, /* @__PURE__ */ import_react7.default.createElement("p", { className: "bb-notify__title" }, isReadOnly ? "Restoring version..." : "Publishing to Payload..."), /* @__PURE__ */ import_react7.default.createElement("p", { className: "bb-notify__sub" }, "Validating schema and saving block definition.")))), notification?.status === "success" && /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify bb-notify--success" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify__box" }, /* @__PURE__ */ import_react7.default.createElement("span", { className: "bb-notify__icon" }, "OK"), /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify__body" }, /* @__PURE__ */ import_react7.default.createElement("p", { className: "bb-notify__title" }, notification.msg), /* @__PURE__ */ import_react7.default.createElement("p", { className: "bb-notify__sub" }, "The block definition and version have been saved.")), /* @__PURE__ */ import_react7.default.createElement("button", { className: "bb-notify__close", onClick: () => setNotification(null) }, "x"))), notification?.status === "error" && /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify bb-notify--error" }, /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify__box" }, /* @__PURE__ */ import_react7.default.createElement("span", { className: "bb-notify__icon" }, "!"), /* @__PURE__ */ import_react7.default.createElement("div", { className: "bb-notify__body" }, /* @__PURE__ */ import_react7.default.createElement("p", { className: "bb-notify__title" }, notification.title), /* @__PURE__ */ import_react7.default.createElement("p", { className: "bb-notify__sub" }, "Fix the following errors before publishing:"), /* @__PURE__ */ import_react7.default.createElement("ul", { className: "bb-notify__error-list" }, notification.errors.map((e, i) => /* @__PURE__ */ import_react7.default.createElement("li", { key: i }, e)))), /* @__PURE__ */ import_react7.default.createElement("button", { className: "bb-notify__close", onClick: () => setNotification(null) }, "x"))));
 }
 // src/block-builder/components/canvas/BlockList.tsx
@@ -1539,7 +1539,7 @@ function BlockList() {
             className: "bb-block-action",
             title: "Duplicate"
           },
-          "\xE2\xA7\u2030"
+          "="
         ),
         /* @__PURE__ */ import_react8.default.createElement(
           "button",
@@ -1549,7 +1549,7 @@ function BlockList() {
             className: "bb-block-action bb-block-action--danger",
             title: "Delete"
           },
-          "\xE2\u0153\u2022"
+          "x"
         )
       )
     );
@@ -1567,23 +1567,23 @@ var import_react9 = __toESM(require("react"), 1);
 var import_sortable = require("@dnd-kit/sortable");
 var import_utilities = require("@dnd-kit/utilities");
 var ICON_MAP = {
-  text: "\xF0\u0178\u201C\x9D",
-  textarea: "\xF0\u0178\u201C\u201E",
-  richText: "\xF0\u0178\u201C\xB0",
-  number: "\xF0\u0178\u201D\xA2",
-  checkbox: "\xE2\u02DC\u2018",
-  select: "\xE2\u2013\xBE",
-  radio: "\xE2\u2014\u2030",
-  date: "\xF0\u0178\u201C\u2026",
-  upload: "\xF0\u0178\u201C\u017D",
-  email: "\xE2\u0153\u2030",
-  code: "\xE2\u20AC\xB9\xE2\u20AC\xBA",
-  point: "\xE2\u2014\u017D",
-  relationship: "\xE2\u2021\u0152",
-  array: "\xE2\u2013\xA4",
-  group: "\xE2\u2013\xA3",
-  json: "{}",
-  ui: "\xE2\u2014\u02C6"
+  text: "T",
+  textarea: "Tx",
+  richText: "RT",
+  number: "#",
+  checkbox: "[x]",
+  select: "v",
+  radio: "(o)",
+  date: "D",
+  upload: "^",
+  email: "@",
+  code: "<>",
+  point: "P",
+  relationship: "->>",
+  array: "[]",
+  group: "{ }",
+  json: "{ }",
+  ui: "UI"
 };
 function SortableFieldCard({ field, blockId, index }) {
   const { attributes, listeners, setNodeRef, transform, transition, isDragging } = (0, import_sortable.useSortable)({
@@ -1612,7 +1612,7 @@ function SortableFieldCard({ field, blockId, index }) {
         className: `bb-field-card${isActive ? " bb-field-card--active" : ""}`,
         onClick: () => setActiveField(isActive ? null : field.id)
       },
-      /* @__PURE__ */ import_react9.default.createElement("span", { className: "bb-field-card__icon" }, ICON_MAP[field.type] ?? "\xE2\u2014\xBB"),
+      /* @__PURE__ */ import_react9.default.createElement("span", { className: "bb-field-card__icon" }, ICON_MAP[field.type] ?? "?"),
       /* @__PURE__ */ import_react9.default.createElement("div", { className: "bb-field-card__body" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "bb-field-card__name" }, field.name || /* @__PURE__ */ import_react9.default.createElement("span", { className: "bb-field-card__name--empty" }, "unnamed")), /* @__PURE__ */ import_react9.default.createElement("div", { className: "bb-field-card__type" }, field.type, field.required && /* @__PURE__ */ import_react9.default.createElement("span", { className: "bb-field-card__required" }, "*"))),
       /* @__PURE__ */ import_react9.default.createElement("span", { className: "bb-field-card__index" }, "#", index + 1),
       /* @__PURE__ */ import_react9.default.createElement(
@@ -1627,7 +1627,7 @@ function SortableFieldCard({ field, blockId, index }) {
           className: "bb-field-card__delete",
           title: "Remove field"
         },
-        "\xE2\u0153\u2022"
+        "x"
       )
     )
   );
@@ -1656,7 +1656,7 @@ function BuilderCanvas() {
   if (!block) {
     return /* @__PURE__ */ import_react10.default.createElement("div", { className: "bb-canvas", style: { display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ import_react10.default.createElement("span", { className: "bb-canvas__no-block" }, "Select or create a block from the left panel."));
   }
-  return /* @__PURE__ */ import_react10.default.createElement("div", { className: `bb-canvas${isReadOnly ? " bb-canvas--readonly" : ""}` }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "bb-canvas__inner" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "bb-canvas__header" }, block.slug, " \xE2\u20AC\u201D ", block.fields.length, " field", block.fields.length !== 1 ? "s" : ""), block.fields.length === 0 ? /* @__PURE__ */ import_react10.default.createElement("div", { className: "bb-canvas__empty" }, "Add fields from the palette on the left") : /* @__PURE__ */ import_react10.default.createElement(
+  return /* @__PURE__ */ import_react10.default.createElement("div", { className: `bb-canvas${isReadOnly ? " bb-canvas--readonly" : ""}` }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "bb-canvas__inner" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "bb-canvas__header" }, block.slug, " - ", block.fields.length, " field", block.fields.length !== 1 ? "s" : ""), block.fields.length === 0 ? /* @__PURE__ */ import_react10.default.createElement("div", { className: "bb-canvas__empty" }, "Add fields from the palette on the left") : /* @__PURE__ */ import_react10.default.createElement(
     import_core.DndContext,
     {
       sensors,
@@ -1737,7 +1737,7 @@ function BlockConfig() {
       type: "text",
       value: block.imageURL ?? "",
       onChange: (e) => updateBlock(block.id, { imageURL: e.target.value || void 0 }),
-      placeholder: "https://\xE2\u20AC\xA6",
+      placeholder: "https://...",
       className: "bb-input"
     }
   )), /* @__PURE__ */ import_react11.default.createElement("div", { className: "bb-stat-box" }, /* @__PURE__ */ import_react11.default.createElement("strong", null, block.fields.length), " field", block.fields.length !== 1 ? "s" : "", " defined"));
@@ -1902,7 +1902,7 @@ function FieldConfig() {
       className: "bb-option-delete",
       title: "Remove option"
     },
-    "\xE2\u0153\u2022"
+    "x"
   ))), /* @__PURE__ */ import_react12.default.createElement(
     "button",
     {
@@ -2000,7 +2000,7 @@ function FieldPalette() {
       type: "text",
       value: search,
       onChange: (e) => setSearch(e.target.value),
-      placeholder: "Search\xE2\u20AC\xA6",
+      placeholder: "Search...",
       className: "bb-palette__search"
     }
   )), /* @__PURE__ */ import_react14.default.createElement("div", { className: "bb-sidebar__body" }, search.trim() ? /* @__PURE__ */ import_react14.default.createElement("div", { className: "bb-palette__items" }, filtered.map((item) => /* @__PURE__ */ import_react14.default.createElement(
@@ -2275,7 +2275,7 @@ function CodePreview() {
           gap: "0.25rem"
         }
       },
-      copied ? "\xE2\u0153\u201C Copied" : "\xE2\xA7\u2030 Copy"
+      copied ? "Copied" : "Copy"
     )
   ), /* @__PURE__ */ import_react15.default.createElement("div", { style: { flex: 1, overflow: "auto", display: "flex" } }, /* @__PURE__ */ import_react15.default.createElement(
     "div",
@@ -2413,7 +2413,7 @@ function BuilderShell({ loadSlug }) {
       onRestoreVersion: handleRestoreVersion,
       onAfterPublish: handleAfterPublish
     }
-  ), loading && /* @__PURE__ */ import_react16.default.createElement("div", { className: "bb-loading-bar" }, "Loading\xE2\u20AC\xA6"), loadError && /* @__PURE__ */ import_react16.default.createElement("div", { className: "bb-error-bar" }, "Error: ", loadError), isReadOnly && !loading && /* @__PURE__ */ import_react16.default.createElement("div", { className: "bb-readonly-banner" }, /* @__PURE__ */ import_react16.default.createElement("span", { className: "bb-readonly-banner__icon" }, "\xF0\u0178\u2018\x81"), /* @__PURE__ */ import_react16.default.createElement("span", null, "You are viewing a previous version \xE2\u20AC\u201D read only.", /* @__PURE__ */ import_react16.default.createElement(
+  ), loading && /* @__PURE__ */ import_react16.default.createElement("div", { className: "bb-loading-bar" }, "Loading..."), loadError && /* @__PURE__ */ import_react16.default.createElement("div", { className: "bb-error-bar" }, "Error: ", loadError), isReadOnly && !loading && /* @__PURE__ */ import_react16.default.createElement("div", { className: "bb-readonly-banner" }, /* @__PURE__ */ import_react16.default.createElement("span", { className: "bb-readonly-banner__icon" }, "[i]"), /* @__PURE__ */ import_react16.default.createElement("span", null, "You are viewing a previous version - read only.", /* @__PURE__ */ import_react16.default.createElement(
     "button",
     {
       type: "button",
@@ -2428,13 +2428,13 @@ function BuilderShell({ loadSlug }) {
       onClick: () => setShowCodePreview((p) => !p),
       className: `bb-footer__toggle${showCodePreview ? " bb-footer__toggle--open" : ""}`
     },
-    showCodePreview ? "\xE2\u2013\xBC" : "\xE2\u2013\xB6",
+    showCodePreview ? "v" : ">",
     " Code Preview"
   ), showCodePreview && /* @__PURE__ */ import_react16.default.createElement("div", { className: "bb-footer__content" }, /* @__PURE__ */ import_react16.default.createElement(CodePreview, null))), /* @__PURE__ */ import_react16.default.createElement("nav", { className: "bb-mobile-nav", "aria-label": "Panel navigation" }, [
-    { id: "blocks", icon: "\xE2\xAC\xA1", label: "Blocks" },
-    { id: "canvas", icon: "\xE2\u2013\xA6", label: "Canvas" },
-    { id: "palette", icon: "\xEF\xBC\u2039", label: "Fields" },
-    { id: "config", icon: "\xE2\u0161\u2122", label: "Config" }
+    { id: "blocks", icon: "B", label: "Blocks" },
+    { id: "canvas", icon: "[]", label: "Canvas" },
+    { id: "palette", icon: "+", label: "Fields" },
+    { id: "config", icon: "*", label: "Config" }
   ].map(({ id, icon, label }) => /* @__PURE__ */ import_react16.default.createElement(
     "button",
     {

package/dist/client.js CHANGED Viewed

@@ -28,7 +28,7 @@ function MediaPicker({ label, required, value, onChange }) {
   closeRef.current = closeDrawer;
   const media = value && typeof value === "object" ? value : null;
   const mediaId = media?.id ?? (typeof value === "string" || typeof value === "number" ? value : null);
-  return /* @__PURE__ */ React.createElement("div", { className: "bdf-field" }, /* @__PURE__ */ React.createElement("label", { className: "bdf-label" }, label, required && /* @__PURE__ */ React.createElement("span", { className: "bdf-required" }, "*")), /* @__PURE__ */ React.createElement("div", { className: "bdf-upload-area" }, mediaId ? /* @__PURE__ */ React.createElement("div", { className: "bdf-upload-selected" }, media?.url ? /* @__PURE__ */ React.createElement("img", { src: media.url, alt: media.alt ?? "", className: "bdf-thumb" }) : /* @__PURE__ */ React.createElement("div", { className: "bdf-thumb-placeholder" }, "\xF0\u0178\u2013\xBC"), /* @__PURE__ */ React.createElement("span", { className: "bdf-upload-name" }, media?.filename ? String(media.filename) : `ID: ${String(mediaId)}`), /* @__PURE__ */ React.createElement("div", { className: "bdf-upload-actions" }, /* @__PURE__ */ React.createElement(ListDrawerToggler, { className: "bdf-upload-btn" }, "Change"), /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement("div", { className: "bdf-field" }, /* @__PURE__ */ React.createElement("label", { className: "bdf-label" }, label, required && /* @__PURE__ */ React.createElement("span", { className: "bdf-required" }, "*")), /* @__PURE__ */ React.createElement("div", { className: "bdf-upload-area" }, mediaId ? /* @__PURE__ */ React.createElement("div", { className: "bdf-upload-selected" }, media?.url ? /* @__PURE__ */ React.createElement("img", { src: media.url, alt: media.alt ?? "", className: "bdf-thumb" }) : /* @__PURE__ */ React.createElement("div", { className: "bdf-thumb-placeholder" }, "[img]"), /* @__PURE__ */ React.createElement("span", { className: "bdf-upload-name" }, media?.filename ? String(media.filename) : `ID: ${String(mediaId)}`), /* @__PURE__ */ React.createElement("div", { className: "bdf-upload-actions" }, /* @__PURE__ */ React.createElement(ListDrawerToggler, { className: "bdf-upload-btn" }, "Change"), /* @__PURE__ */ React.createElement(
     "button",
     {
       type: "button",
@@ -36,7 +36,7 @@ function MediaPicker({ label, required, value, onChange }) {
       title: "Remove media",
       onClick: () => onChange(null)
     },
-    "\xE2\u0153\u2022"
+    "x"
   ))) : /* @__PURE__ */ React.createElement(ListDrawerToggler, { className: "bdf-upload-btn" }, "Choose from Media Library")), /* @__PURE__ */ React.createElement(ListDrawer, { onSelect: handleSelect }));
 }
 function SchemaForm({ schema, value, onChange }) {
@@ -148,7 +148,7 @@ function FieldInput({ field, value, onChange }) {
           value: value ?? "",
           onChange: (e) => onChange(e.target.value)
         },
-        /* @__PURE__ */ React.createElement("option", { value: "" }, "\xE2\u20AC\u201D select \xE2\u20AC\u201D"),
+        /* @__PURE__ */ React.createElement("option", { value: "" }, "-- select --"),
         (field.options ?? []).map((opt) => /* @__PURE__ */ React.createElement("option", { key: opt.value, value: opt.value }, opt.label))
       ));
     case "multiselect": {
@@ -223,7 +223,7 @@ function FieldInput({ field, value, onChange }) {
           className: "bdf-remove-btn",
           onClick: () => onChange(rows.filter((_, j) => j !== i))
         },
-        "\xE2\u0153\u2022 Remove row"
+        "x Remove row"
       ))), /* @__PURE__ */ React.createElement(
         "button",
         {
@@ -279,7 +279,7 @@ function BlockDataField({ path }) {
     return /* @__PURE__ */ React.createElement("div", { className: "bdf-empty" }, "Select a ", /* @__PURE__ */ React.createElement("strong", null, "Block Version"), " above to configure block data fields.");
   }
   if (loading) {
-    return /* @__PURE__ */ React.createElement("div", { className: "bdf-loading" }, "Loading schema\xE2\u20AC\xA6");
+    return /* @__PURE__ */ React.createElement("div", { className: "bdf-loading" }, "Loading schema...");
   }
   if (error) {
     return /* @__PURE__ */ React.createElement("div", { className: "bdf-error" }, "Failed to load schema: ", error);
@@ -372,7 +372,7 @@ function OptionsEditor({ options, onChange, readOnly }) {
       title: "Remove option",
       onClick: () => removeOption(i)
     },
-    "\xE2\u0153\u2022"
+    "x"
   ))), !readOnly && /* @__PURE__ */ React2.createElement(
     "button",
     {
@@ -558,7 +558,7 @@ function FieldRow({
           transform: expanded ? "rotate(90deg)" : "rotate(0deg)"
         }
       },
-      "\xE2\u2013\xB6"
+      ">"
     ),
     /* @__PURE__ */ React4.createElement("span", { className: `sbf-row__label${!field.name ? " sbf-row__label--empty" : ""}` }, field.name || "unnamed field"),
     field.required && /* @__PURE__ */ React4.createElement("span", { style: { color: "var(--theme-error-500, #ef4444)", fontSize: 16, lineHeight: 1, flexShrink: 0 } }, "*"),
@@ -576,8 +576,8 @@ function FieldRow({
         style: { display: "flex", gap: 2, flexShrink: 0, alignItems: "center" },
         onClick: (e) => e.stopPropagation()
       },
-      onMoveUp && /* @__PURE__ */ React4.createElement("button", { type: "button", className: "sbf-icon-btn", onClick: onMoveUp, title: "Move up" }, "\xE2\u2020\u2018"),
-      onMoveDown && /* @__PURE__ */ React4.createElement("button", { type: "button", className: "sbf-icon-btn", onClick: onMoveDown, title: "Move down" }, "\xE2\u2020\u201C"),
+      onMoveUp && /* @__PURE__ */ React4.createElement("button", { type: "button", className: "sbf-icon-btn", onClick: onMoveUp, title: "Move up" }, "^"),
+      onMoveDown && /* @__PURE__ */ React4.createElement("button", { type: "button", className: "sbf-icon-btn", onClick: onMoveDown, title: "Move down" }, "v"),
       /* @__PURE__ */ React4.createElement(
         "button",
         {
@@ -586,7 +586,7 @@ function FieldRow({
           onClick: onRemove,
           title: "Remove field"
         },
-        "\xE2\u0153\u2022"
+        "x"
       )
     )
   ), expanded && /* @__PURE__ */ React4.createElement("div", { className: "sbf-row__content" }, /* @__PURE__ */ React4.createElement("div", { className: "sbf-grid-2" }, /* @__PURE__ */ React4.createElement(FieldWrap, null, /* @__PURE__ */ React4.createElement(FieldLabel, { required: true }, "Field Name"), /* @__PURE__ */ React4.createElement(
@@ -721,7 +721,7 @@ function FieldRow({
       onClick: () => setShowAdmin((p) => !p)
     },
     "Admin & UI settings",
-    /* @__PURE__ */ React4.createElement("span", { className: "sbf-section__toggle-icon" }, "\xE2\u2013\xB6")
+    /* @__PURE__ */ React4.createElement("span", { className: "sbf-section__toggle-icon" }, ">")
   ), showAdmin && /* @__PURE__ */ React4.createElement("div", { className: "sbf-section__body" }, /* @__PURE__ */ React4.createElement(FieldWrap, null, /* @__PURE__ */ React4.createElement(FieldLabel, null, "Description"), /* @__PURE__ */ React4.createElement(
     "input",
     {
@@ -780,7 +780,7 @@ function FieldRow({
       " rule",
       field.conditions.length !== 1 ? "s" : ""
     ),
-    /* @__PURE__ */ React4.createElement("span", { className: "sbf-section__toggle-icon" }, "\xE2\u2013\xB6")
+    /* @__PURE__ */ React4.createElement("span", { className: "sbf-section__toggle-icon" }, ">")
   ), showConditions && /* @__PURE__ */ React4.createElement("div", { className: "sbf-section__body" }, /* @__PURE__ */ React4.createElement(FieldWrap, null, /* @__PURE__ */ React4.createElement(FieldLabel, null, "Condition Mode"), /* @__PURE__ */ React4.createElement(
     "select",
     {
@@ -790,8 +790,8 @@ function FieldRow({
       onChange: (e) => set("conditionMode", e.target.value),
       style: { width: "auto", minWidth: 240 }
     },
-    /* @__PURE__ */ React4.createElement("option", { value: "AND" }, "AND \xE2\u20AC\u201D all conditions must match"),
-    /* @__PURE__ */ React4.createElement("option", { value: "OR" }, "OR \xE2\u20AC\u201D any condition must match")
+    /* @__PURE__ */ React4.createElement("option", { value: "AND" }, "AND - all conditions must match"),
+    /* @__PURE__ */ React4.createElement("option", { value: "OR" }, "OR - any condition must match")
   )), (field.conditions ?? []).map((cond, ci) => /* @__PURE__ */ React4.createElement("div", { key: ci, className: "sbf-conditions-grid" }, /* @__PURE__ */ React4.createElement(FieldWrap, null, /* @__PURE__ */ React4.createElement(FieldLabel, null, "Field"), /* @__PURE__ */ React4.createElement(
     "input",
     {
@@ -843,7 +843,7 @@ function FieldRow({
         set("conditions", (field.conditions ?? []).filter((_, k) => k !== ci));
       }
     },
-    "\xE2\u0153\u2022"
+    "x"
   ))), !readOnly && /* @__PURE__ */ React4.createElement(
     "button",
     {
@@ -1148,7 +1148,7 @@ function normalizeSlug(slug) {
 function mapToSaveRequest(block) {
   const fields = block.fields.filter((f) => {
     if (UNSUPPORTED.has(f.type)) {
-      console.warn(`[block-builder] Field type "${f.type}" is not supported in this project \xE2\u20AC\u201D skipping field "${f.name}"`);
+      console.warn(`[block-builder] Field type "${f.type}" is not supported in this project \xE2\u20AC" skipping field "${f.name}"`);
       return false;
     }
     return true;
@@ -1373,16 +1373,16 @@ function TopBar({ blockDefs, activeSlug, onBlockSelect, versions, selectedVersio
   function formatDate(iso) {
     return new Date(iso).toLocaleDateString(void 0, { month: "short", day: "numeric" });
   }
-  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement("div", { className: "bb-topbar" }, /* @__PURE__ */ React7.createElement("div", { className: "bb-topbar__brand" }, /* @__PURE__ */ React7.createElement("span", { className: "bb-topbar__title" }, "Block Builder"), isDirty && !isReadOnly && /* @__PURE__ */ React7.createElement("span", { className: "bb-topbar__dirty" }, "\xE2\u2014\x8F unsaved")), /* @__PURE__ */ React7.createElement("div", { className: "bb-topbar__selectors" }, blockDefs.length > 0 && /* @__PURE__ */ React7.createElement("div", { className: "bb-block-picker", ref: blockPickerRef }, /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement("div", { className: "bb-topbar" }, /* @__PURE__ */ React7.createElement("div", { className: "bb-topbar__brand" }, /* @__PURE__ */ React7.createElement("span", { className: "bb-topbar__title" }, "Block Builder"), isDirty && !isReadOnly && /* @__PURE__ */ React7.createElement("span", { className: "bb-topbar__dirty" }, "* unsaved")), /* @__PURE__ */ React7.createElement("div", { className: "bb-topbar__selectors" }, blockDefs.length > 0 && /* @__PURE__ */ React7.createElement("div", { className: "bb-block-picker", ref: blockPickerRef }, /* @__PURE__ */ React7.createElement(
     "button",
     {
       type: "button",
       className: "bb-block-picker__trigger",
       onClick: () => setBlockPickerOpen((o) => !o)
     },
-    /* @__PURE__ */ React7.createElement("span", { className: "bb-block-picker__icon" }, "\xE2\xAC\xA1"),
+    /* @__PURE__ */ React7.createElement("span", { className: "bb-block-picker__icon" }, "B"),
     /* @__PURE__ */ React7.createElement("span", null, activeBlockDef?.name ?? activeSlug ?? "Select a block"),
-    /* @__PURE__ */ React7.createElement("span", { className: "bb-version-selector__chevron" }, "\xE2\u2013\xBE")
+    /* @__PURE__ */ React7.createElement("span", { className: "bb-version-selector__chevron" }, "v")
   ), blockPickerOpen && /* @__PURE__ */ React7.createElement("div", { className: "bb-block-picker__dropdown" }, /* @__PURE__ */ React7.createElement("div", { className: "bb-version-dropdown__header" }, "Block Definitions"), blockDefs.map((b) => /* @__PURE__ */ React7.createElement(
     "button",
     {
@@ -1406,7 +1406,7 @@ function TopBar({ blockDefs, activeSlug, onBlockSelect, versions, selectedVersio
     /* @__PURE__ */ React7.createElement("span", { className: `bb-version-selector__dot${selectedVersion?.isCurrent ? " bb-version-selector__dot--current" : " bb-version-selector__dot--old"}` }),
     /* @__PURE__ */ React7.createElement("span", null, selectedVersion?.label ?? `v${selectedVersion?.versionNumber ?? "?"}`),
     selectedVersion?.isCurrent && /* @__PURE__ */ React7.createElement("span", { className: "bb-version-selector__badge" }, "current"),
-    /* @__PURE__ */ React7.createElement("span", { className: "bb-version-selector__chevron" }, "\xE2\u2013\xBE")
+    /* @__PURE__ */ React7.createElement("span", { className: "bb-version-selector__chevron" }, "v")
   ), versionDropdownOpen && /* @__PURE__ */ React7.createElement("div", { className: "bb-version-dropdown" }, /* @__PURE__ */ React7.createElement("div", { className: "bb-version-dropdown__header" }, "Version History"), versions.map((v) => /* @__PURE__ */ React7.createElement(
     "button",
     {
@@ -1420,7 +1420,7 @@ function TopBar({ blockDefs, activeSlug, onBlockSelect, versions, selectedVersio
     },
     /* @__PURE__ */ React7.createElement("span", { className: `bb-version-selector__dot${v.isCurrent ? " bb-version-selector__dot--current" : " bb-version-selector__dot--old"}` }),
     /* @__PURE__ */ React7.createElement("span", { className: "bb-version-dropdown__label" }, v.label, v.isCurrent && /* @__PURE__ */ React7.createElement("span", { className: "bb-version-selector__badge" }, "current")),
-    /* @__PURE__ */ React7.createElement("span", { className: "bb-version-dropdown__meta" }, v.changelog ? `${v.changelog.slice(0, 32)}${v.changelog.length > 32 ? "\xE2\u20AC\xA6" : ""}` : formatDate(v.createdAt))
+    /* @__PURE__ */ React7.createElement("span", { className: "bb-version-dropdown__meta" }, v.changelog ? `${v.changelog.slice(0, 32)}${v.changelog.length > 32 ? "..." : ""}` : formatDate(v.createdAt))
   ))))), /* @__PURE__ */ React7.createElement("div", { className: "bb-topbar__actions" }, /* @__PURE__ */ React7.createElement(
     "button",
     {
@@ -1454,7 +1454,7 @@ function TopBar({ blockDefs, activeSlug, onBlockSelect, versions, selectedVersio
       disabled: notification?.status === "publishing" || !activeBlock,
       className: "bb-btn bb-btn--warning"
     },
-    notification?.status === "publishing" ? "Restoring\xE2\u20AC\xA6" : "Restore as new version"
+    notification?.status === "publishing" ? "Restoring..." : "Restore as new version"
   )) : /* @__PURE__ */ React7.createElement(
     "button",
     {
@@ -1463,8 +1463,8 @@ function TopBar({ blockDefs, activeSlug, onBlockSelect, versions, selectedVersio
       disabled: notification?.status === "publishing" || !activeBlock,
       className: "bb-btn bb-btn--primary"
     },
-    notification?.status === "publishing" ? "Publishing\xE2\u20AC\xA6" : "Publish to Payload"
-  ))), notification?.status === "publishing" && /* @__PURE__ */ React7.createElement("div", { className: "bb-notify bb-notify--publishing" }, /* @__PURE__ */ React7.createElement("div", { className: "bb-notify__box" }, /* @__PURE__ */ React7.createElement("div", { className: "bb-notify__spinner" }), /* @__PURE__ */ React7.createElement("div", { className: "bb-notify__body" }, /* @__PURE__ */ React7.createElement("p", { className: "bb-notify__title" }, isReadOnly ? "Restoring version\xE2\u20AC\xA6" : "Publishing to Payload\xE2\u20AC\xA6"), /* @__PURE__ */ React7.createElement("p", { className: "bb-notify__sub" }, "Validating schema and saving block definition.")))), notification?.status === "success" && /* @__PURE__ */ React7.createElement("div", { className: "bb-notify bb-notify--success" }, /* @__PURE__ */ React7.createElement("div", { className: "bb-notify__box" }, /* @__PURE__ */ React7.createElement("span", { className: "bb-notify__icon" }, "\xE2\u0153\u201C"), /* @__PURE__ */ React7.createElement("div", { className: "bb-notify__body" }, /* @__PURE__ */ React7.createElement("p", { className: "bb-notify__title" }, notification.msg), /* @__PURE__ */ React7.createElement("p", { className: "bb-notify__sub" }, "The block definition and version have been saved.")), /* @__PURE__ */ React7.createElement("button", { className: "bb-notify__close", onClick: () => setNotification(null) }, "\xE2\u0153\u2022"))), notification?.status === "error" && /* @__PURE__ */ React7.createElement("div", { className: "bb-notify bb-notify--error" }, /* @__PURE__ */ React7.createElement("div", { className: "bb-notify__box" }, /* @__PURE__ */ React7.createElement("span", { className: "bb-notify__icon" }, "\xE2\u0153\u2022"), /* @__PURE__ */ React7.createElement("div", { className: "bb-notify__body" }, /* @__PURE__ */ React7.createElement("p", { className: "bb-notify__title" }, notification.title), /* @__PURE__ */ React7.createElement("p", { className: "bb-notify__sub" }, "Fix the following errors before publishing:"), /* @__PURE__ */ React7.createElement("ul", { className: "bb-notify__error-list" }, notification.errors.map((e, i) => /* @__PURE__ */ React7.createElement("li", { key: i }, e)))), /* @__PURE__ */ React7.createElement("button", { className: "bb-notify__close", onClick: () => setNotification(null) }, "\xE2\u0153\u2022"))));
+    notification?.status === "publishing" ? "Publishing..." : "Publish to Payload"
+  ))), notification?.status === "publishing" && /* @__PURE__ */ React7.createElement("div", { className: "bb-notify bb-notify--publishing" }, /* @__PURE__ */ React7.createElement("div", { className: "bb-notify__box" }, /* @__PURE__ */ React7.createElement("div", { className: "bb-notify__spinner" }), /* @__PURE__ */ React7.createElement("div", { className: "bb-notify__body" }, /* @__PURE__ */ React7.createElement("p", { className: "bb-notify__title" }, isReadOnly ? "Restoring version..." : "Publishing to Payload..."), /* @__PURE__ */ React7.createElement("p", { className: "bb-notify__sub" }, "Validating schema and saving block definition.")))), notification?.status === "success" && /* @__PURE__ */ React7.createElement("div", { className: "bb-notify bb-notify--success" }, /* @__PURE__ */ React7.createElement("div", { className: "bb-notify__box" }, /* @__PURE__ */ React7.createElement("span", { className: "bb-notify__icon" }, "OK"), /* @__PURE__ */ React7.createElement("div", { className: "bb-notify__body" }, /* @__PURE__ */ React7.createElement("p", { className: "bb-notify__title" }, notification.msg), /* @__PURE__ */ React7.createElement("p", { className: "bb-notify__sub" }, "The block definition and version have been saved.")), /* @__PURE__ */ React7.createElement("button", { className: "bb-notify__close", onClick: () => setNotification(null) }, "x"))), notification?.status === "error" && /* @__PURE__ */ React7.createElement("div", { className: "bb-notify bb-notify--error" }, /* @__PURE__ */ React7.createElement("div", { className: "bb-notify__box" }, /* @__PURE__ */ React7.createElement("span", { className: "bb-notify__icon" }, "!"), /* @__PURE__ */ React7.createElement("div", { className: "bb-notify__body" }, /* @__PURE__ */ React7.createElement("p", { className: "bb-notify__title" }, notification.title), /* @__PURE__ */ React7.createElement("p", { className: "bb-notify__sub" }, "Fix the following errors before publishing:"), /* @__PURE__ */ React7.createElement("ul", { className: "bb-notify__error-list" }, notification.errors.map((e, i) => /* @__PURE__ */ React7.createElement("li", { key: i }, e)))), /* @__PURE__ */ React7.createElement("button", { className: "bb-notify__close", onClick: () => setNotification(null) }, "x"))));
 }
 // src/block-builder/components/canvas/BlockList.tsx
@@ -1501,7 +1501,7 @@ function BlockList() {
             className: "bb-block-action",
             title: "Duplicate"
           },
-          "\xE2\xA7\u2030"
+          "="
         ),
         /* @__PURE__ */ React8.createElement(
           "button",
@@ -1511,7 +1511,7 @@ function BlockList() {
             className: "bb-block-action bb-block-action--danger",
             title: "Delete"
           },
-          "\xE2\u0153\u2022"
+          "x"
         )
       )
     );
@@ -1540,23 +1540,23 @@ import React9 from "react";
 import { useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
 var ICON_MAP = {
-  text: "\xF0\u0178\u201C\x9D",
-  textarea: "\xF0\u0178\u201C\u201E",
-  richText: "\xF0\u0178\u201C\xB0",
-  number: "\xF0\u0178\u201D\xA2",
-  checkbox: "\xE2\u02DC\u2018",
-  select: "\xE2\u2013\xBE",
-  radio: "\xE2\u2014\u2030",
-  date: "\xF0\u0178\u201C\u2026",
-  upload: "\xF0\u0178\u201C\u017D",
-  email: "\xE2\u0153\u2030",
-  code: "\xE2\u20AC\xB9\xE2\u20AC\xBA",
-  point: "\xE2\u2014\u017D",
-  relationship: "\xE2\u2021\u0152",
-  array: "\xE2\u2013\xA4",
-  group: "\xE2\u2013\xA3",
-  json: "{}",
-  ui: "\xE2\u2014\u02C6"
+  text: "T",
+  textarea: "Tx",
+  richText: "RT",
+  number: "#",
+  checkbox: "[x]",
+  select: "v",
+  radio: "(o)",
+  date: "D",
+  upload: "^",
+  email: "@",
+  code: "<>",
+  point: "P",
+  relationship: "->>",
+  array: "[]",
+  group: "{ }",
+  json: "{ }",
+  ui: "UI"
 };
 function SortableFieldCard({ field, blockId, index }) {
   const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({
@@ -1585,7 +1585,7 @@ function SortableFieldCard({ field, blockId, index }) {
         className: `bb-field-card${isActive ? " bb-field-card--active" : ""}`,
         onClick: () => setActiveField(isActive ? null : field.id)
       },
-      /* @__PURE__ */ React9.createElement("span", { className: "bb-field-card__icon" }, ICON_MAP[field.type] ?? "\xE2\u2014\xBB"),
+      /* @__PURE__ */ React9.createElement("span", { className: "bb-field-card__icon" }, ICON_MAP[field.type] ?? "?"),
       /* @__PURE__ */ React9.createElement("div", { className: "bb-field-card__body" }, /* @__PURE__ */ React9.createElement("div", { className: "bb-field-card__name" }, field.name || /* @__PURE__ */ React9.createElement("span", { className: "bb-field-card__name--empty" }, "unnamed")), /* @__PURE__ */ React9.createElement("div", { className: "bb-field-card__type" }, field.type, field.required && /* @__PURE__ */ React9.createElement("span", { className: "bb-field-card__required" }, "*"))),
       /* @__PURE__ */ React9.createElement("span", { className: "bb-field-card__index" }, "#", index + 1),
       /* @__PURE__ */ React9.createElement(
@@ -1600,7 +1600,7 @@ function SortableFieldCard({ field, blockId, index }) {
           className: "bb-field-card__delete",
           title: "Remove field"
         },
-        "\xE2\u0153\u2022"
+        "x"
       )
     )
   );
@@ -1629,7 +1629,7 @@ function BuilderCanvas() {
   if (!block) {
     return /* @__PURE__ */ React10.createElement("div", { className: "bb-canvas", style: { display: "flex", alignItems: "center", justifyContent: "center" } }, /* @__PURE__ */ React10.createElement("span", { className: "bb-canvas__no-block" }, "Select or create a block from the left panel."));
   }
-  return /* @__PURE__ */ React10.createElement("div", { className: `bb-canvas${isReadOnly ? " bb-canvas--readonly" : ""}` }, /* @__PURE__ */ React10.createElement("div", { className: "bb-canvas__inner" }, /* @__PURE__ */ React10.createElement("div", { className: "bb-canvas__header" }, block.slug, " \xE2\u20AC\u201D ", block.fields.length, " field", block.fields.length !== 1 ? "s" : ""), block.fields.length === 0 ? /* @__PURE__ */ React10.createElement("div", { className: "bb-canvas__empty" }, "Add fields from the palette on the left") : /* @__PURE__ */ React10.createElement(
+  return /* @__PURE__ */ React10.createElement("div", { className: `bb-canvas${isReadOnly ? " bb-canvas--readonly" : ""}` }, /* @__PURE__ */ React10.createElement("div", { className: "bb-canvas__inner" }, /* @__PURE__ */ React10.createElement("div", { className: "bb-canvas__header" }, block.slug, " - ", block.fields.length, " field", block.fields.length !== 1 ? "s" : ""), block.fields.length === 0 ? /* @__PURE__ */ React10.createElement("div", { className: "bb-canvas__empty" }, "Add fields from the palette on the left") : /* @__PURE__ */ React10.createElement(
     DndContext,
     {
       sensors,
@@ -1710,7 +1710,7 @@ function BlockConfig() {
       type: "text",
       value: block.imageURL ?? "",
       onChange: (e) => updateBlock(block.id, { imageURL: e.target.value || void 0 }),
-      placeholder: "https://\xE2\u20AC\xA6",
+      placeholder: "https://...",
       className: "bb-input"
     }
   )), /* @__PURE__ */ React11.createElement("div", { className: "bb-stat-box" }, /* @__PURE__ */ React11.createElement("strong", null, block.fields.length), " field", block.fields.length !== 1 ? "s" : "", " defined"));
@@ -1875,7 +1875,7 @@ function FieldConfig() {
       className: "bb-option-delete",
       title: "Remove option"
     },
-    "\xE2\u0153\u2022"
+    "x"
   ))), /* @__PURE__ */ React12.createElement(
     "button",
     {
@@ -1987,7 +1987,7 @@ function FieldPalette() {
       type: "text",
       value: search,
       onChange: (e) => setSearch(e.target.value),
-      placeholder: "Search\xE2\u20AC\xA6",
+      placeholder: "Search...",
       className: "bb-palette__search"
     }
   )), /* @__PURE__ */ React14.createElement("div", { className: "bb-sidebar__body" }, search.trim() ? /* @__PURE__ */ React14.createElement("div", { className: "bb-palette__items" }, filtered.map((item) => /* @__PURE__ */ React14.createElement(
@@ -2262,7 +2262,7 @@ function CodePreview() {
           gap: "0.25rem"
         }
       },
-      copied ? "\xE2\u0153\u201C Copied" : "\xE2\xA7\u2030 Copy"
+      copied ? "Copied" : "Copy"
     )
   ), /* @__PURE__ */ React15.createElement("div", { style: { flex: 1, overflow: "auto", display: "flex" } }, /* @__PURE__ */ React15.createElement(
     "div",
@@ -2400,7 +2400,7 @@ function BuilderShell({ loadSlug }) {
       onRestoreVersion: handleRestoreVersion,
       onAfterPublish: handleAfterPublish
     }
-  ), loading && /* @__PURE__ */ React16.createElement("div", { className: "bb-loading-bar" }, "Loading\xE2\u20AC\xA6"), loadError && /* @__PURE__ */ React16.createElement("div", { className: "bb-error-bar" }, "Error: ", loadError), isReadOnly && !loading && /* @__PURE__ */ React16.createElement("div", { className: "bb-readonly-banner" }, /* @__PURE__ */ React16.createElement("span", { className: "bb-readonly-banner__icon" }, "\xF0\u0178\u2018\x81"), /* @__PURE__ */ React16.createElement("span", null, "You are viewing a previous version \xE2\u20AC\u201D read only.", /* @__PURE__ */ React16.createElement(
+  ), loading && /* @__PURE__ */ React16.createElement("div", { className: "bb-loading-bar" }, "Loading..."), loadError && /* @__PURE__ */ React16.createElement("div", { className: "bb-error-bar" }, "Error: ", loadError), isReadOnly && !loading && /* @__PURE__ */ React16.createElement("div", { className: "bb-readonly-banner" }, /* @__PURE__ */ React16.createElement("span", { className: "bb-readonly-banner__icon" }, "[i]"), /* @__PURE__ */ React16.createElement("span", null, "You are viewing a previous version - read only.", /* @__PURE__ */ React16.createElement(
     "button",
     {
       type: "button",
@@ -2415,13 +2415,13 @@ function BuilderShell({ loadSlug }) {
       onClick: () => setShowCodePreview((p) => !p),
       className: `bb-footer__toggle${showCodePreview ? " bb-footer__toggle--open" : ""}`
     },
-    showCodePreview ? "\xE2\u2013\xBC" : "\xE2\u2013\xB6",
+    showCodePreview ? "v" : ">",
     " Code Preview"
   ), showCodePreview && /* @__PURE__ */ React16.createElement("div", { className: "bb-footer__content" }, /* @__PURE__ */ React16.createElement(CodePreview, null))), /* @__PURE__ */ React16.createElement("nav", { className: "bb-mobile-nav", "aria-label": "Panel navigation" }, [
-    { id: "blocks", icon: "\xE2\xAC\xA1", label: "Blocks" },
-    { id: "canvas", icon: "\xE2\u2013\xA6", label: "Canvas" },
-    { id: "palette", icon: "\xEF\xBC\u2039", label: "Fields" },
-    { id: "config", icon: "\xE2\u0161\u2122", label: "Config" }
+    { id: "blocks", icon: "B", label: "Blocks" },
+    { id: "canvas", icon: "[]", label: "Canvas" },
+    { id: "palette", icon: "+", label: "Fields" },
+    { id: "config", icon: "*", label: "Config" }
   ].map(({ id, icon, label }) => /* @__PURE__ */ React16.createElement(
     "button",
     {

package/dist/index.cjs CHANGED Viewed

@@ -120,7 +120,7 @@ var BlockDefinitionVersions = {
       name: "label",
       type: "text",
       required: false,
-      admin: { description: 'Optional display name, e.g. "v2 \xE2\u20AC\u201D added hero image".' }
+      admin: { description: 'Optional display name, e.g. "v2 - added hero image".' }
     },
     {
       name: "schema",
@@ -744,13 +744,13 @@ function validateValidationRules(v, path, errors) {
     }
   }
   if (typeof v.minLength === "number" && typeof v.maxLength === "number" && v.minLength > v.maxLength) {
-    errors.push(`${path}: "minLength" (${v.minLength}) must be \xE2\u2030\xA4 "maxLength" (${v.maxLength}).`);
+    errors.push(`${path}: "minLength" (${v.minLength}) must be <= "maxLength" (${v.maxLength}).`);
   }
   if (typeof v.min === "number" && typeof v.max === "number" && v.min > v.max) {
-    errors.push(`${path}: "min" (${v.min}) must be \xE2\u2030\xA4 "max" (${v.max}).`);
+    errors.push(`${path}: "min" (${v.min}) must be <= "max" (${v.max}).`);
   }
   if (typeof v.minRows === "number" && typeof v.maxRows === "number" && v.minRows > v.maxRows) {
-    errors.push(`${path}: "minRows" (${v.minRows}) must be \xE2\u2030\xA4 "maxRows" (${v.maxRows}).`);
+    errors.push(`${path}: "minRows" (${v.minRows}) must be <= "maxRows" (${v.maxRows}).`);
   }
   if (v.regex !== void 0) {
     if (typeof v.regex !== "string") {
@@ -864,7 +864,7 @@ function validateField(field, path, errors, warnings) {
       errors.push(`${path}: "max" must be a number.`);
     }
     if (typeof f.min === "number" && typeof f.max === "number" && f.min > f.max) {
-      errors.push(`${path}: "min" (${f.min}) must be \xE2\u2030\xA4 "max" (${f.max}).`);
+      errors.push(`${path}: "min" (${f.min}) must be <= "max" (${f.max}).`);
     }
   }
   if (type === "text" || type === "textarea") {
@@ -915,7 +915,7 @@ function validateField(field, path, errors, warnings) {
       errors.push(`${path}: "maxBlocks" must be a number.`);
     }
     if (typeof f.minBlocks === "number" && typeof f.maxBlocks === "number" && f.minBlocks > f.maxBlocks) {
-      errors.push(`${path}: "minBlocks" (${f.minBlocks}) must be \xE2\u2030\xA4 "maxBlocks" (${f.maxBlocks}).`);
+      errors.push(`${path}: "minBlocks" (${f.minBlocks}) must be <= "maxBlocks" (${f.maxBlocks}).`);
     }
   }
 }

package/dist/index.js CHANGED Viewed

@@ -92,7 +92,7 @@ var BlockDefinitionVersions = {
       name: "label",
       type: "text",
       required: false,
-      admin: { description: 'Optional display name, e.g. "v2 \xE2\u20AC\u201D added hero image".' }
+      admin: { description: 'Optional display name, e.g. "v2 - added hero image".' }
     },
     {
       name: "schema",
@@ -716,13 +716,13 @@ function validateValidationRules(v, path, errors) {
     }
   }
   if (typeof v.minLength === "number" && typeof v.maxLength === "number" && v.minLength > v.maxLength) {
-    errors.push(`${path}: "minLength" (${v.minLength}) must be \xE2\u2030\xA4 "maxLength" (${v.maxLength}).`);
+    errors.push(`${path}: "minLength" (${v.minLength}) must be <= "maxLength" (${v.maxLength}).`);
   }
   if (typeof v.min === "number" && typeof v.max === "number" && v.min > v.max) {
-    errors.push(`${path}: "min" (${v.min}) must be \xE2\u2030\xA4 "max" (${v.max}).`);
+    errors.push(`${path}: "min" (${v.min}) must be <= "max" (${v.max}).`);
   }
   if (typeof v.minRows === "number" && typeof v.maxRows === "number" && v.minRows > v.maxRows) {
-    errors.push(`${path}: "minRows" (${v.minRows}) must be \xE2\u2030\xA4 "maxRows" (${v.maxRows}).`);
+    errors.push(`${path}: "minRows" (${v.minRows}) must be <= "maxRows" (${v.maxRows}).`);
   }
   if (v.regex !== void 0) {
     if (typeof v.regex !== "string") {
@@ -836,7 +836,7 @@ function validateField(field, path, errors, warnings) {
       errors.push(`${path}: "max" must be a number.`);
     }
     if (typeof f.min === "number" && typeof f.max === "number" && f.min > f.max) {
-      errors.push(`${path}: "min" (${f.min}) must be \xE2\u2030\xA4 "max" (${f.max}).`);
+      errors.push(`${path}: "min" (${f.min}) must be <= "max" (${f.max}).`);
     }
   }
   if (type === "text" || type === "textarea") {
@@ -887,7 +887,7 @@ function validateField(field, path, errors, warnings) {
       errors.push(`${path}: "maxBlocks" must be a number.`);
     }
     if (typeof f.minBlocks === "number" && typeof f.maxBlocks === "number" && f.minBlocks > f.maxBlocks) {
-      errors.push(`${path}: "minBlocks" (${f.minBlocks}) must be \xE2\u2030\xA4 "maxBlocks" (${f.maxBlocks}).`);
+      errors.push(`${path}: "minBlocks" (${f.minBlocks}) must be <= "maxBlocks" (${f.maxBlocks}).`);
     }
   }
 }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@nextbridgehq/payload-block-builder",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "Block Builder for Payload CMS",
   "keywords": ["payload", "payload-plugin", "cms", "block-builder", "dynamic-blocks"],
   "homepage": "https://github.com/nextbridgehq/block-builder",
@@ -31,6 +31,9 @@
     "./block-data-field.css": "./src/components/BlockDataField/BlockDataField.css",
     "./schema-builder-field.css": "./src/components/SchemaBuilderField/SchemaBuilderField.css"
   },
+  "bin": {
+    "payload-block-builder": "./dist/bin/init.js"
+  },
   "files": [
     "dist",
     "src/**/*.css"