@morphika/andami 0.1.8 → 0.1.10

package/lib/sanity/types.ts

@@ -704,6 +704,28 @@ export interface NavDesign {
   entrance_delay?: number;      // ms, default 0
   entrance_stagger?: boolean;   // stagger items, default false
   entrance_stagger_delay?: number; // ms between items, default 80
+
+  /** Per-viewport overrides for responsive nav settings.
+   *  Only typography + spacing fields are overridable.
+   *  Missing fields = inherit from desktop. */
+  responsive?: {
+    tablet?: NavDesignResponsiveOverride;
+    phone?: NavDesignResponsiveOverride;
+  };
+}
+
+/** Subset of NavDesign fields that can be overridden per viewport */
+export interface NavDesignResponsiveOverride {
+  font_size?: number;
+  font_weight?: string;
+  text_align?: "left" | "center" | "right";
+  vertical_align?: "top" | "middle" | "bottom";
+  text_transform?: "none" | "uppercase" | "lowercase" | "capitalize";
+  padding_h?: number;
+  padding_v?: number;
+  margin_h?: number;
+  margin_v?: number;
+  items_gap?: number;
 }
 
 // ============================================

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@morphika/andami",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "description": "Visual Page Builder — core library. A reusable website builder with visual editing, CMS integration, and asset management.",
   "type": "module",
   "license": "MIT",
@@ -17,6 +17,9 @@
     "page-builder",
     "morphika"
   ],
+  "publishConfig": {
+    "access": "public"
+  },
   "files": [
     "admin/",
     "app/",
@@ -37,7 +40,6 @@
   ],
   "scripts": {
     "prepack": "node scripts/prepack.mjs",
-    "postpack": "node scripts/postpack.mjs",
     "test": "vitest",
     "test:run": "vitest run",
     "lint": "eslint",
@@ -184,26 +186,27 @@
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
     "next-sanity": "^12.1.5",
+    "ogl": "^1.0.8",
     "sanity": "^5.17.1",
-    "zustand": "^5.0.12",
-    "ogl": "^1.0.8"
+    "zustand": "^5.0.12"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "eslint": "^9",
     "eslint-config-next": "16.2.1",
+    "jsdom": "^26.1.0",
     "next": "16.2.1",
     "react": "19.2.4",
     "react-dom": "19.2.4",
     "tailwindcss": "^4",
     "typescript": "^5",
-    "vitest": "^4.1.2",
-    "@testing-library/react": "^16.3.0",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/user-event": "^14.6.1",
-    "jsdom": "^26.1.0"
+    "vitest": "^4.1.2"
   }
-}
+}

package/styles/base.css

@@ -57,15 +57,19 @@ body {
   overflow-x: clip;
 }
 
-/* Prevent text overflow in grid columns on narrow viewports */
+/* Prevent text overflow in grid columns on narrow viewports.
+ * overflow-wrap: anywhere — only breaks mid-word when the ENTIRE word
+ * cannot fit on a fresh line. Unlike word-break: break-word, this keeps
+ * whole words together and wraps at natural word boundaries first.
+ * Prevents ugly splits like "Collecti" + "on" on narrow mobile viewports. */
 [data-site] p,
 [data-site] h1,
 [data-site] h2,
 [data-site] h3,
 [data-site] h4,
 [data-site] span {
-  overflow-wrap: break-word;
-  word-break: break-word;
+  overflow-wrap: anywhere;
+  word-break: normal;
 }
 
 [data-custom-cursor] {