@savvycal/mjml-editor 0.0.1 → 0.0.2

package/dist/components/ui/tabs.js

@@ -0,0 +1,68 @@
+import { jsx as r } from "react/jsx-runtime";
+import "react";
+import * as n from "@radix-ui/react-tabs";
+import { cn as s } from "../../lib/utils.js";
+function d({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ r(
+    n.Root,
+    {
+      "data-slot": "tabs",
+      className: s("flex flex-col gap-2", t),
+      ...e
+    }
+  );
+}
+function l({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ r(
+    n.List,
+    {
+      "data-slot": "tabs-list",
+      className: s(
+        "bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function c({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ r(
+    n.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      className: s(
+        "text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:border-border-strong dark:data-[state=active]:text-foreground dark:data-[state=active]:bg-input/30 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function u({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ r(
+    n.Content,
+    {
+      "data-slot": "tabs-content",
+      className: s("flex-1 outline-none", t),
+      ...e
+    }
+  );
+}
+export {
+  d as Tabs,
+  u as TabsContent,
+  l as TabsList,
+  c as TabsTrigger
+};

package/dist/components/ui/theme-toggle.d.ts

@@ -0,0 +1,2 @@
+export declare function ThemeToggle(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=theme-toggle.d.ts.map

package/dist/components/ui/theme-toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-toggle.d.ts","sourceRoot":"","sources":["../../../src/components/ui/theme-toggle.tsx"],"names":[],"mappings":"AAKA,wBAAgB,WAAW,4CAwD1B"}

package/dist/components/ui/theme-toggle.js

@@ -0,0 +1,58 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { Moon as n, Sun as m, Monitor as c } from "lucide-react";
+import { Button as d } from "./button.js";
+import { useTheme as a } from "../../context/ThemeContext.js";
+import { Popover as l, PopoverTrigger as g, PopoverContent as h } from "./popover.js";
+function v() {
+  const { theme: o, resolvedTheme: s, setTheme: r } = a();
+  return /* @__PURE__ */ t(l, { children: [
+    /* @__PURE__ */ e(g, { asChild: !0, children: /* @__PURE__ */ e(
+      d,
+      {
+        variant: "ghost",
+        size: "icon-sm",
+        className: "h-7 w-7 rounded-md text-foreground-muted hover:text-foreground hover:bg-accent",
+        title: "Toggle theme",
+        children: s === "dark" ? /* @__PURE__ */ e(n, { className: "h-4 w-4" }) : /* @__PURE__ */ e(m, { className: "h-4 w-4" })
+      }
+    ) }),
+    /* @__PURE__ */ t(h, { align: "end", className: "w-36 p-1", children: [
+      /* @__PURE__ */ t(
+        "button",
+        {
+          onClick: () => r("light"),
+          className: `flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-sm ${o === "light" ? "bg-accent text-foreground" : "text-foreground-muted hover:bg-accent hover:text-foreground"}`,
+          children: [
+            /* @__PURE__ */ e(m, { className: "h-4 w-4" }),
+            "Light"
+          ]
+        }
+      ),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          onClick: () => r("dark"),
+          className: `flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-sm ${o === "dark" ? "bg-accent text-foreground" : "text-foreground-muted hover:bg-accent hover:text-foreground"}`,
+          children: [
+            /* @__PURE__ */ e(n, { className: "h-4 w-4" }),
+            "Dark"
+          ]
+        }
+      ),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          onClick: () => r("system"),
+          className: `flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-sm ${o === "system" ? "bg-accent text-foreground" : "text-foreground-muted hover:bg-accent hover:text-foreground"}`,
+          children: [
+            /* @__PURE__ */ e(c, { className: "h-4 w-4" }),
+            "System"
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  v as ThemeToggle
+};

package/dist/context/EditorContext.d.ts

@@ -0,0 +1,40 @@
+import { ReactNode } from 'react';
+import { MjmlNode, EditorState, ContentBlockType } from '../types/mjml';
+import { MjmlAttributesConfig, MjmlFontConfig } from '../lib/mjml/attributes';
+interface EditorContextValue {
+    state: EditorState;
+    selectBlock: (id: string | null) => void;
+    updateAttributes: (id: string, attributes: Record<string, string>) => void;
+    updateContent: (id: string, content: string) => void;
+    addBlock: (parentId: string, index: number, blockType: ContentBlockType) => void;
+    addSection: () => void;
+    addColumn: (sectionId: string) => void;
+    deleteBlock: (id: string) => void;
+    moveBlock: (id: string, newParentId: string, newIndex: number) => void;
+    setDocument: (document: MjmlNode) => void;
+    undo: () => void;
+    redo: () => void;
+    canUndo: boolean;
+    canRedo: boolean;
+    selectedBlock: MjmlNode | null;
+    mjmlAttributes: MjmlAttributesConfig;
+    definedClasses: string[];
+    getResolvedAttributes: (node: MjmlNode) => Record<string, string>;
+    getInheritedValue: (node: MjmlNode, attributeKey: string) => string | undefined;
+    updateMjmlAttribute: (attributeType: 'all' | 'element' | 'class', target: string | null, attributes: Record<string, string>) => void;
+    addClass: (name: string) => void;
+    removeClass: (name: string) => void;
+    renameClass: (oldName: string, newName: string) => void;
+    fonts: MjmlFontConfig[];
+    addFont: (name: string, href: string) => void;
+    removeFont: (name: string) => void;
+    updateFont: (name: string, href: string) => void;
+}
+interface EditorProviderProps {
+    children: ReactNode;
+    initialDocument: MjmlNode;
+}
+export declare function EditorProvider({ children, initialDocument, }: EditorProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useEditor(): EditorContextValue;
+export {};
+//# sourceMappingURL=EditorContext.d.ts.map

package/dist/context/EditorContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorContext.d.ts","sourceRoot":"","sources":["../../src/context/EditorContext.tsx"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EACV,QAAQ,EACR,WAAW,EAEX,gBAAgB,EACjB,MAAM,cAAc,CAAC;AAWtB,OAAO,EAML,KAAK,oBAAoB,EACzB,KAAK,cAAc,EACpB,MAAM,uBAAuB,CAAC;AA2lB/B,UAAU,kBAAkB;IAC1B,KAAK,EAAE,WAAW,CAAC;IACnB,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC3E,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,QAAQ,EAAE,CACR,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,gBAAgB,KACxB,IAAI,CAAC;IACV,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvE,WAAW,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,QAAQ,GAAG,IAAI,CAAC;IAE/B,cAAc,EAAE,oBAAoB,CAAC;IACrC,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,qBAAqB,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClE,iBAAiB,EAAE,CACjB,IAAI,EAAE,QAAQ,EACd,YAAY,EAAE,MAAM,KACjB,MAAM,GAAG,SAAS,CAAC;IACxB,mBAAmB,EAAE,CACnB,aAAa,EAAE,KAAK,GAAG,SAAS,GAAG,OAAO,EAC1C,MAAM,EAAE,MAAM,GAAG,IAAI,EACrB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAC/B,IAAI,CAAC;IACV,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAExD,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD;AAID,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,EAAE,QAAQ,CAAC;CAC3B;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,eAAe,GAChB,EAAE,mBAAmB,2CAmPrB;AAED,wBAAgB,SAAS,uBAMxB"}