best-email-builder 0.2.0 → 0.4.0

package/dist/types/ui/primitives/button.d.ts

@@ -7,6 +7,6 @@ export function Button({ className, variant, size, asChild, type, ...props }: {
     type: any;
 }): import("react").JSX.Element;
 export const buttonVariants: (props?: ({
-    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "xs" | "sm-compact" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm-compact" | "icon-sm" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "icon" | "xs" | "sm-compact" | "sm" | "lg" | "icon-xs" | "icon-sm-compact" | "icon-sm" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/types/ui/primitives/color-picker.d.ts

@@ -2,9 +2,10 @@
  * Colour field: a swatch opening a full-spectrum picker (with alpha), a hex
  * input and presets. `value` is `#RRGGBB` or `#RRGGBBAA`; `onChange(hex)`.
  */
-export function ColorPicker({ value, onChange, id, className }: {
+export function ColorPicker({ value, onChange, id, className, placeholder }: {
     value: any;
     onChange: any;
     id: any;
     className: any;
+    placeholder?: string | undefined;
 }): import("react").JSX.Element;

package/dist/types/ui/useLayoutWidth.d.ts

@@ -3,7 +3,7 @@ export function layoutFor(width: number): "wide" | "medium" | "narrow";
 /** @param {{current: HTMLElement|null}} ref */
 export function useLayoutWidth(ref: {
     current: HTMLElement | null;
-}): "wide" | "medium" | "narrow";
+}): "medium" | "wide" | "narrow";
 export namespace LAYOUT_BREAKPOINTS {
     let wide: number;
     let medium: number;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "best-email-builder",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "description": "Drag-and-drop email builder for React: MJML output that renders in Outlook, Gmail and Apple Mail, with server-side rendering, versions, variables and image uploads.",
   "keywords": [
     "email",
     "email-builder",
     "mjml",
     "react",
-    "grapesjs",
+    "email-template",
     "newsletter",
     "drag-and-drop",
     "email-editor"
@@ -25,11 +25,33 @@
   "sideEffects": [
     "*.css"
   ],
+  "types": "./dist/types/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "builder": [
+        "./dist/types/builder.d.ts"
+      ],
+      "library": [
+        "./dist/types/library.d.ts"
+      ],
+      "server": [
+        "./dist/types/server/index.d.ts"
+      ]
+    }
+  },
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
       "import": "./dist/index.js"
     },
+    "./builder": {
+      "types": "./dist/types/builder.d.ts",
+      "import": "./dist/builder.js"
+    },
+    "./library": {
+      "types": "./dist/types/library.d.ts",
+      "import": "./dist/library.js"
+    },
     "./server": {
       "types": "./dist/types/server/index.d.ts",
       "import": "./dist/server.js"
@@ -76,15 +98,15 @@
   "dependencies": {
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "grapesjs": "^0.23.6",
-    "grapesjs-mjml": "1.0.8",
     "lucide-react": "^1.55.0",
     "mjml": "^5.4.1",
+    "mjml-browser": "^5.4.1",
     "radix-ui": "^1.8.0",
     "react-colorful": "^5.8.1",
     "tailwind-merge": "^3.4.1"
   },
   "devDependencies": {
+    "@anthropic-ai/sdk": "^0.130.0",
     "@eslint/js": "^10.0.1",
     "@ladle/react": "^5.1.1",
     "@playwright/test": "^1.64.0",
@@ -93,6 +115,7 @@
     "@types/node": "^26.6.5",
     "@types/react": "^19.3.0",
     "@vitejs/plugin-react": "^4.7.0",
+    "esbuild": "^0.27.7",
     "eslint": "^10.12.0",
     "eslint-plugin-react-hooks": "^7.1.1",
     "globals": "^17.13.0",