@savvycal/mjml-editor 0.0.1 → 0.0.3

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/components.css

@@ -0,0 +1,365 @@
+/**
+ * Component styles for @savvycal/mjml-editor
+ *
+ * Import this file in your app's CSS AFTER the preset and tailwindcss:
+ *
+ *   @import "@savvycal/mjml-editor/preset.css";
+ *   @import "tailwindcss";
+ *   @import "tw-animate-css";
+ *   @import "@savvycal/mjml-editor/components.css";
+ */
+
+/* Base CSS variable defaults at :root level */
+:root {
+  --radius: 0.5rem;
+
+  /* Core backgrounds */
+  --background: var(--color-white);
+  --background-subtle: var(--color-zinc-50);
+  --canvas: oklch(0.975 0.005 250);
+  --surface: var(--color-white);
+
+  /* Foregrounds */
+  --foreground: var(--color-zinc-950);
+  --foreground-muted: var(--color-zinc-600);
+  --foreground-subtle: var(--color-zinc-500);
+
+  /* Card/Popover */
+  --card: var(--color-white);
+  --card-foreground: var(--color-zinc-950);
+  --popover: var(--color-white);
+  --popover-foreground: var(--color-zinc-950);
+
+  /* Primary */
+  --primary: var(--color-zinc-900);
+  --primary-foreground: var(--color-zinc-50);
+
+  /* Secondary */
+  --secondary: var(--color-zinc-100);
+  --secondary-foreground: var(--color-zinc-900);
+
+  /* Muted */
+  --muted: var(--color-zinc-100);
+  --muted-foreground: var(--color-zinc-600);
+
+  /* Accent */
+  --accent: oklch(0.97 0.005 250);
+  --accent-foreground: var(--color-zinc-950);
+
+  /* Borders */
+  --border: var(--color-zinc-200);
+  --border-subtle: var(--color-zinc-200);
+  --border-strong: var(--color-zinc-300);
+
+  /* Focus/Selection */
+  --ring: oklch(0.55 0.15 250);
+  --selection: oklch(0.92 0.03 250);
+  --selection-foreground: oklch(0.35 0.12 250);
+  --input: var(--color-zinc-300);
+
+  /* Destructive */
+  --destructive: oklch(0.55 0.22 25);
+
+  /* Inspector */
+  --inspector: var(--color-zinc-50);
+  --inspector-header: var(--color-white);
+
+  /* Toolbar */
+  --toolbar: var(--color-white);
+  --toolbar-border: var(--color-zinc-200);
+
+  /* Block states */
+  --block-hover: oklch(0.97 0.02 250);
+  --block-selected: oklch(0.40 0.15 250);
+  --block-selected-bg: oklch(0.96 0.02 250);
+
+  /* Chart colors */
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+
+  /* Sidebar */
+  --sidebar: var(--color-zinc-50);
+  --sidebar-foreground: var(--color-zinc-950);
+  --sidebar-primary: var(--color-zinc-900);
+  --sidebar-primary-foreground: var(--color-zinc-50);
+  --sidebar-accent: var(--color-zinc-100);
+  --sidebar-accent-foreground: var(--color-zinc-900);
+  --sidebar-border: var(--color-zinc-200);
+  --sidebar-ring: oklch(0.55 0.15 250);
+}
+
+/* Dark mode at root level (for Radix UI portals that render outside .mjml-editor) */
+:root.dark, .dark {
+  --background: var(--color-zinc-950);
+  --background-subtle: var(--color-zinc-900);
+  --canvas: oklch(0.10 0.005 250);
+  --surface: var(--color-zinc-800);
+  --foreground: var(--color-zinc-50);
+  --foreground-muted: var(--color-zinc-400);
+  --foreground-subtle: var(--color-zinc-500);
+  --card: var(--color-zinc-900);
+  --card-foreground: var(--color-zinc-50);
+  --popover: var(--color-zinc-900);
+  --popover-foreground: var(--color-zinc-50);
+  --primary: var(--color-zinc-50);
+  --primary-foreground: var(--color-zinc-950);
+  --secondary: var(--color-zinc-800);
+  --secondary-foreground: var(--color-zinc-200);
+  --muted: var(--color-zinc-800);
+  --muted-foreground: var(--color-zinc-400);
+  --accent: var(--color-zinc-800);
+  --accent-foreground: var(--color-zinc-50);
+  --border: var(--color-zinc-700);
+  --border-subtle: var(--color-zinc-800);
+  --border-strong: var(--color-zinc-600);
+  --ring: oklch(0.60 0.15 250);
+  --selection: oklch(0.25 0.06 250);
+  --selection-foreground: oklch(0.75 0.12 250);
+  --input: var(--color-zinc-800);
+  --destructive: oklch(0.60 0.22 25);
+  --inspector: var(--color-zinc-950);
+  --inspector-header: var(--color-zinc-900);
+  --toolbar: var(--color-zinc-950);
+  --toolbar-border: var(--color-zinc-800);
+  --block-hover: oklch(0.20 0.03 250);
+  --block-selected: oklch(0.50 0.15 250);
+  --block-selected-bg: oklch(0.22 0.04 250);
+  --chart-1: oklch(0.70 0.20 41);
+  --chart-2: oklch(0.65 0.12 185);
+  --chart-3: oklch(0.50 0.08 227);
+  --chart-4: oklch(0.80 0.17 84);
+  --chart-5: oklch(0.75 0.17 70);
+  --sidebar: var(--color-zinc-950);
+  --sidebar-foreground: var(--color-zinc-50);
+  --sidebar-primary: var(--color-zinc-50);
+  --sidebar-primary-foreground: var(--color-zinc-950);
+  --sidebar-accent: var(--color-zinc-800);
+  --sidebar-accent-foreground: var(--color-zinc-200);
+  --sidebar-border: var(--color-zinc-800);
+  --sidebar-ring: oklch(0.60 0.15 250);
+}
+
+/* Scoped CSS variable defaults - applied to .mjml-editor container */
+.mjml-editor {
+  --radius: 0.5rem;
+
+  /* Core backgrounds */
+  --background: var(--color-white);
+  --background-subtle: var(--color-zinc-50);
+  --canvas: oklch(0.975 0.005 250);
+  --surface: var(--color-white);
+
+  /* Foregrounds */
+  --foreground: var(--color-zinc-950);
+  --foreground-muted: var(--color-zinc-600);
+  --foreground-subtle: var(--color-zinc-500);
+
+  /* Card/Popover */
+  --card: var(--color-white);
+  --card-foreground: var(--color-zinc-950);
+  --popover: var(--color-white);
+  --popover-foreground: var(--color-zinc-950);
+
+  /* Primary */
+  --primary: var(--color-zinc-900);
+  --primary-foreground: var(--color-zinc-50);
+
+  /* Secondary */
+  --secondary: var(--color-zinc-100);
+  --secondary-foreground: var(--color-zinc-900);
+
+  /* Muted */
+  --muted: var(--color-zinc-100);
+  --muted-foreground: var(--color-zinc-600);
+
+  /* Accent */
+  --accent: oklch(0.97 0.005 250);
+  --accent-foreground: var(--color-zinc-950);
+
+  /* Borders */
+  --border: var(--color-zinc-200);
+  --border-subtle: var(--color-zinc-200);
+  --border-strong: var(--color-zinc-300);
+
+  /* Focus/Selection */
+  --ring: oklch(0.55 0.15 250);
+  --selection: oklch(0.92 0.03 250);
+  --selection-foreground: oklch(0.35 0.12 250);
+  --input: var(--color-zinc-300);
+
+  /* Destructive */
+  --destructive: oklch(0.55 0.22 25);
+
+  /* Inspector */
+  --inspector: var(--color-zinc-50);
+  --inspector-header: var(--color-white);
+
+  /* Toolbar */
+  --toolbar: var(--color-white);
+  --toolbar-border: var(--color-zinc-200);
+
+  /* Block states */
+  --block-hover: oklch(0.97 0.02 250);
+  --block-selected: oklch(0.40 0.15 250);
+  --block-selected-bg: oklch(0.96 0.02 250);
+
+  /* Chart colors */
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+
+  /* Sidebar */
+  --sidebar: var(--color-zinc-50);
+  --sidebar-foreground: var(--color-zinc-950);
+  --sidebar-primary: var(--color-zinc-900);
+  --sidebar-primary-foreground: var(--color-zinc-50);
+  --sidebar-accent: var(--color-zinc-100);
+  --sidebar-accent-foreground: var(--color-zinc-900);
+  --sidebar-border: var(--color-zinc-200);
+  --sidebar-ring: oklch(0.55 0.15 250);
+}
+
+/* Dark mode - when .mjml-editor has .dark class or is inside .dark */
+.mjml-editor.dark,
+.dark .mjml-editor {
+  /* Core backgrounds */
+  --background: var(--color-zinc-950);
+  --background-subtle: var(--color-zinc-900);
+  --canvas: oklch(0.10 0.005 250);
+  --surface: var(--color-zinc-800);
+
+  /* Foregrounds */
+  --foreground: var(--color-zinc-50);
+  --foreground-muted: var(--color-zinc-400);
+  --foreground-subtle: var(--color-zinc-500);
+
+  /* Card/Popover */
+  --card: var(--color-zinc-900);
+  --card-foreground: var(--color-zinc-50);
+  --popover: var(--color-zinc-900);
+  --popover-foreground: var(--color-zinc-50);
+
+  /* Primary - inverted */
+  --primary: var(--color-zinc-50);
+  --primary-foreground: var(--color-zinc-950);
+
+  /* Secondary */
+  --secondary: var(--color-zinc-800);
+  --secondary-foreground: var(--color-zinc-200);
+
+  /* Muted */
+  --muted: var(--color-zinc-800);
+  --muted-foreground: var(--color-zinc-400);
+
+  /* Accent */
+  --accent: var(--color-zinc-800);
+  --accent-foreground: var(--color-zinc-50);
+
+  /* Borders */
+  --border: var(--color-zinc-700);
+  --border-subtle: var(--color-zinc-800);
+  --border-strong: var(--color-zinc-600);
+
+  /* Focus/Selection */
+  --ring: oklch(0.60 0.15 250);
+  --selection: oklch(0.25 0.06 250);
+  --selection-foreground: oklch(0.75 0.12 250);
+  --input: var(--color-zinc-800);
+
+  /* Destructive */
+  --destructive: oklch(0.60 0.22 25);
+
+  /* Inspector */
+  --inspector: var(--color-zinc-950);
+  --inspector-header: var(--color-zinc-900);
+
+  /* Toolbar */
+  --toolbar: var(--color-zinc-950);
+  --toolbar-border: var(--color-zinc-800);
+
+  /* Block states */
+  --block-hover: oklch(0.20 0.03 250);
+  --block-selected: oklch(0.50 0.15 250);
+  --block-selected-bg: oklch(0.22 0.04 250);
+
+  /* Chart colors - adjusted for dark bg */
+  --chart-1: oklch(0.70 0.20 41);
+  --chart-2: oklch(0.65 0.12 185);
+  --chart-3: oklch(0.50 0.08 227);
+  --chart-4: oklch(0.80 0.17 84);
+  --chart-5: oklch(0.75 0.17 70);
+
+  /* Sidebar */
+  --sidebar: var(--color-zinc-950);
+  --sidebar-foreground: var(--color-zinc-50);
+  --sidebar-primary: var(--color-zinc-50);
+  --sidebar-primary-foreground: var(--color-zinc-950);
+  --sidebar-accent: var(--color-zinc-800);
+  --sidebar-accent-foreground: var(--color-zinc-200);
+  --sidebar-border: var(--color-zinc-800);
+  --sidebar-ring: oklch(0.60 0.15 250);
+}
+
+/* Force light mode within .light scope (e.g., email canvas preview) */
+.mjml-editor.dark .light,
+.dark .mjml-editor .light {
+  --background: var(--color-white);
+  --background-subtle: var(--color-zinc-50);
+  --canvas: oklch(0.975 0.005 250);
+  --surface: var(--color-white);
+  --foreground: var(--color-zinc-950);
+  --foreground-muted: var(--color-zinc-600);
+  --foreground-subtle: var(--color-zinc-500);
+  --card: var(--color-white);
+  --card-foreground: var(--color-zinc-950);
+  --popover: var(--color-white);
+  --popover-foreground: var(--color-zinc-950);
+  --primary: var(--color-zinc-900);
+  --primary-foreground: var(--color-zinc-50);
+  --secondary: var(--color-zinc-100);
+  --secondary-foreground: var(--color-zinc-900);
+  --muted: var(--color-zinc-100);
+  --muted-foreground: var(--color-zinc-600);
+  --accent: oklch(0.97 0.005 250);
+  --accent-foreground: var(--color-zinc-950);
+  --border: var(--color-zinc-200);
+  --border-subtle: var(--color-zinc-200);
+  --border-strong: var(--color-zinc-300);
+  --ring: oklch(0.55 0.15 250);
+  --selection: oklch(0.92 0.03 250);
+  --selection-foreground: oklch(0.35 0.12 250);
+  --input: var(--color-zinc-300);
+  --destructive: oklch(0.55 0.22 25);
+  --block-hover: oklch(0.97 0.02 250);
+  --block-selected: oklch(0.40 0.15 250);
+  --block-selected-bg: oklch(0.96 0.02 250);
+}
+
+/* Tiptap Editor Styles */
+.ProseMirror {
+  outline: none;
+}
+
+.ProseMirror p {
+  margin: 0;
+}
+
+.ProseMirror a {
+  color: inherit;
+  text-decoration: underline;
+  cursor: text;
+}
+
+/* Liquid syntax highlighting */
+.liquid-highlight {
+  background-color: oklch(0.93 0.04 250);
+  border-radius: 3px;
+  padding: 1px 2px;
+  margin: 0 -2px;
+  pointer-events: none;
+}

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"}