@ohhwells/bridge 0.1.108-next.282 → 0.1.108-next.286

package/dist/index.cjs

@@ -2835,11 +2835,11 @@ function deriveBrandOverride() {
   };
 }
 function deriveTemplateBrandLive() {
-  const dark = readRootVar("--color-dark") || readRootVar("--brand-text");
-  const primary = readRootVar("--color-primary") || readRootVar("--brand-primary");
-  const light = readRootVar("--color-light") || readRootVar("--brand-background");
+  const primary = readRootVar("--brand-primary") || readRootVar("--color-primary");
+  const dark = readRootVar("--brand-text") || readRootVar("--color-dark");
+  const light = readRootVar("--brand-background") || readRootVar("--color-light");
   if (!dark || !primary || !light) return null;
-  const accent = readRootVar("--color-accent") || readRootVar("--brand-accent");
+  const accent = readRootVar("--brand-accent") || readRootVar("--color-accent");
   const heading = readFontVar("--brand-font-heading") || readFontVar("--font-heading") || readFontVar("--font-display");
   const body = readFontVar("--brand-font-body") || readFontVar("--font-body");
   return {
@@ -8797,7 +8797,7 @@ function FieldTypePicker({ onPick }) {
     "div",
     {
       "data-ohw-field-type-picker": "",
-      className: "pointer-events-auto grid w-105 grid-cols-3 gap-3 rounded-xl border border-border bg-background p-4 shadow-lg",
+      className: "pointer-events-auto grid w-[280px] grid-cols-2 gap-2 rounded-xl border border-border bg-background p-3 shadow-lg",
       children: FIELD_TYPES.map((entry) => {
         const Icon = TYPE_ICONS[entry.type];
         return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
@@ -8805,7 +8805,7 @@ function FieldTypePicker({ onPick }) {
           {
             type: "button",
             onClick: () => onPick(entry.type),
-            className: "flex h-26 flex-col items-center justify-center gap-3 rounded-xl border border-border text-[15px] font-medium text-foreground transition-colors hover:border-bridge-primary hover:bg-bridge-primary/5",
+            className: "flex h-[76px] flex-col items-center justify-center gap-2 rounded-xl border border-border text-[15px] font-medium text-foreground transition-colors hover:border-bridge-primary hover:bg-bridge-primary/5",
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { size: 26, strokeWidth: 1.5, "aria-hidden": true }),
               entry.label