@mhmo91/schmancy 0.4.92 → 0.4.94

package/dist/{email-recipients-BT3xPoBN.js → email-recipients-hkvv_vgI.js}

@@ -1,22 +1,22 @@
-import "rxjs";
+import { fromEvent as k, takeUntil as C } from "rxjs";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { property as h, state as y, customElement as C } from "lit/decorators.js";
-import { T as P } from "./tailwind.mixin-Cwbr8x57.js";
-import { $ as A } from "./litElement.mixin-Bj0zv3lK.js";
-import { css as D, html as c } from "lit";
+import { property as h, state as y, customElement as T } from "lit/decorators.js";
+import { T as O } from "./tailwind.mixin-CPuO9c5y.js";
+import { $ as j } from "./litElement.mixin-Dm9SOPDp.js";
+import { css as z, html as r } from "lit";
 import { when as d } from "lit/directives/when.js";
-import { createRef as T, ref as E } from "lit/directives/ref.js";
-import { repeat as I } from "lit/directives/repeat.js";
-import { $ as v } from "./notification-service-DrwmIgoR.js";
-import "./dialog-content-DXnLwUtv.js";
-import { $ as L } from "./dialog-service-DwhuICgc.js";
-import { s as j } from "./sheet.service-lXqUf6n5.js";
-var F = Object.defineProperty, O = Object.getOwnPropertyDescriptor, u = (e, t, s, i) => {
-  for (var a, n = i > 1 ? void 0 : i ? O(t, s) : t, r = e.length - 1; r >= 0; r--) (a = e[r]) && (n = (i ? a(t, s, n) : a(n)) || n);
-  return i && n && F(t, s, n), n;
+import { createRef as E, ref as A } from "lit/directives/ref.js";
+import { repeat as D } from "lit/directives/repeat.js";
+import { $ as b } from "./notification-service-BIH173dS.js";
+import "./dialog-content-r1Ai3BZj.js";
+import { $ as P } from "./dialog-service-PQ9ssbsY.js";
+import { s as L } from "./sheet.service-lXqUf6n5.js";
+var B = Object.defineProperty, M = Object.getOwnPropertyDescriptor, u = (e, t, s, i) => {
+  for (var a, n = i > 1 ? void 0 : i ? M(t, s) : t, c = e.length - 1; c >= 0; c--) (a = e[c]) && (n = (i ? a(t, s, n) : a(n)) || n);
+  return i && n && B(t, s, n), n;
 };
-let m = class extends A(D`
+let m = class extends j(z`
 	:host {
 		display: block;
 		height: 100%;
@@ -80,7 +80,7 @@ let m = class extends A(D`
   }
   render() {
     const e = this.selectedRecipients.length > 0 && this.subject.trim() && this.body.trim() && !this.isSending && !this.disabled;
-    return c`
+    return r`
 			<!-- Main Layout Container -->
 			<div class="flex flex-col h-full gap-6 p-6">
 				
@@ -127,7 +127,7 @@ let m = class extends A(D`
 								<schmancy-typography type="body" token="sm" class="font-medium">
 									${this.selectedRecipients.length} recipient${this.selectedRecipients.length === 1 ? "" : "s"} selected
 								</schmancy-typography>
-								${d(this.attachments.length > 0, () => c`
+								${d(this.attachments.length > 0, () => r`
 									<schmancy-typography type="body" token="xs">
 										${this.attachments.length} attachment${this.attachments.length === 1 ? "" : "s"}
 									</schmancy-typography>
@@ -170,9 +170,9 @@ let m = class extends A(D`
 		`;
   }
 };
-u([h({ type: Object })], m.prototype, "config", 2), u([h({ type: Array })], m.prototype, "templates", 2), u([h({ type: Array })], m.prototype, "importSources", 2), u([h({ type: Boolean })], m.prototype, "disabled", 2), u([h({ type: String })], m.prototype, "recipientsTitle", 2), u([h({ type: String })], m.prototype, "recipientsEmptyTitle", 2), u([h({ type: String })], m.prototype, "recipientsEmptyMessage", 2), u([h({ type: Boolean })], m.prototype, "enableCsvImport", 2), u([h({ type: Boolean })], m.prototype, "enableDragDrop", 2), u([y()], m.prototype, "recipients", 2), u([y()], m.prototype, "selectedRecipients", 2), u([y()], m.prototype, "subject", 2), u([y()], m.prototype, "body", 2), u([y()], m.prototype, "templateId", 2), u([y()], m.prototype, "attachments", 2), u([y()], m.prototype, "isSending", 2), m = u([C("schmancy-mailbox")], m);
-var B = Object.getOwnPropertyDescriptor;
-let z = class extends P() {
+u([h({ type: Object })], m.prototype, "config", 2), u([h({ type: Array })], m.prototype, "templates", 2), u([h({ type: Array })], m.prototype, "importSources", 2), u([h({ type: Boolean })], m.prototype, "disabled", 2), u([h({ type: String })], m.prototype, "recipientsTitle", 2), u([h({ type: String })], m.prototype, "recipientsEmptyTitle", 2), u([h({ type: String })], m.prototype, "recipientsEmptyMessage", 2), u([h({ type: Boolean })], m.prototype, "enableCsvImport", 2), u([h({ type: Boolean })], m.prototype, "enableDragDrop", 2), u([y()], m.prototype, "recipients", 2), u([y()], m.prototype, "selectedRecipients", 2), u([y()], m.prototype, "subject", 2), u([y()], m.prototype, "body", 2), u([y()], m.prototype, "templateId", 2), u([y()], m.prototype, "attachments", 2), u([y()], m.prototype, "isSending", 2), m = u([T("schmancy-mailbox")], m);
+var H = Object.getOwnPropertyDescriptor;
+let F = class extends O() {
   constructor() {
     super(...arguments), this.layouts = [{ id: "columns-2", icon: "view_week", label: "2 Col" }, { id: "columns-3", icon: "view_column", label: "3 Col" }, { id: "sidebar-left", icon: "view_sidebar", label: "Left" }, { id: "sidebar-right", icon: "view_sidebar", label: "Right", flipped: !0 }, { id: "image-row", icon: "collections", label: "Images" }];
   }
@@ -180,9 +180,9 @@ let z = class extends P() {
     this.dispatchEvent(new CustomEvent("layout-select", { detail: { layout: e }, bubbles: !0, composed: !0 }));
   }
   render() {
-    return c`
+    return r`
 			<div class="grid p-3 gap-2">
-				${this.layouts.map((e) => c`
+				${this.layouts.map((e) => r`
 					<schmancy-button 
 						variant="outlined"
 						@click=${() => this.selectLayout(e.id)}
@@ -201,15 +201,15 @@ let z = class extends P() {
 		`;
   }
 };
-z = ((e, t, s, i) => {
-  for (var a, n = i > 1 ? void 0 : i ? B(t, s) : t, r = e.length - 1; r >= 0; r--) (a = e[r]) && (n = a(n) || n);
+F = ((e, t, s, i) => {
+  for (var a, n = i > 1 ? void 0 : i ? H(t, s) : t, c = e.length - 1; c >= 0; c--) (a = e[c]) && (n = a(n) || n);
   return n;
-})([C("schmancy-email-layout-selector")], z);
-var M = Object.defineProperty, H = Object.getOwnPropertyDescriptor, R = (e, t, s, i) => {
-  for (var a, n = i > 1 ? void 0 : i ? H(t, s) : t, r = e.length - 1; r >= 0; r--) (a = e[r]) && (n = (i ? a(t, s, n) : a(n)) || n);
-  return i && n && M(t, s, n), n;
+})([T("schmancy-email-layout-selector")], F);
+var U = Object.defineProperty, V = Object.getOwnPropertyDescriptor, I = (e, t, s, i) => {
+  for (var a, n = i > 1 ? void 0 : i ? V(t, s) : t, c = e.length - 1; c >= 0; c--) (a = e[c]) && (n = (i ? a(t, s, n) : a(n)) || n);
+  return i && n && U(t, s, n), n;
 };
-let k = class extends A(D`
+let R = class extends j(z`
 	:host {
 		display: block;
 	}
@@ -221,9 +221,9 @@ let k = class extends A(D`
     }, this.handleCategorySelect = (e) => {
       this.selectedCategory = e, this.updateFilteredTemplates();
     }, this.selectTemplate = (e) => {
-      this.dispatchEvent(new CustomEvent("template-selected", { detail: e, bubbles: !0, composed: !0 })), j.dismiss();
+      this.dispatchEvent(new CustomEvent("template-selected", { detail: e, bubbles: !0, composed: !0 })), L.dismiss();
     }, this.close = () => {
-      j.dismiss();
+      L.dismiss();
     };
   }
   connectedCallback() {
@@ -247,7 +247,7 @@ let k = class extends A(D`
     this.filteredTemplates = e;
   }
   render() {
-    return c`
+    return r`
 			<div class="flex flex-col h-full overflow-hidden">
 				<!-- Header -->
 				<div class="flex items-center justify-between px-6 py-4 border-b border-outline-variant">
@@ -274,7 +274,7 @@ let k = class extends A(D`
 		`;
   }
   renderTemplateList() {
-    return c`
+    return r`
 			<!-- Search and Filter Bar -->
 			<div class="px-6 py-4 border-b border-outline-variant bg-surface-containerLow">
 				<div class="flex flex-col gap-4">
@@ -287,7 +287,7 @@ let k = class extends A(D`
 						class="w-full"
 					>
 						<schmancy-icon slot="prefix" size="20px" class="text-surface-onVariant">search</schmancy-icon>
-						${d(this.searchQuery, () => c`
+						${d(this.searchQuery, () => r`
 							<schmancy-button
 								slot="suffix"
 								variant="text"
@@ -302,9 +302,9 @@ let k = class extends A(D`
 					</schmancy-input>
 
 					<!-- Category Filter -->
-					${d(this.categories.length > 1, () => c`
+					${d(this.categories.length > 1, () => r`
 						<div class="flex gap-2 flex-wrap">
-							${I(this.categories, (e) => e, (e) => c`
+							${D(this.categories, (e) => e, (e) => r`
 									<schmancy-chip
 										class="cursor-pointer transition-all hover:shadow-sm ${this.selectedCategory === e ? "bg-primary text-primary-on" : "border border-outline"}"
 										@click=${() => this.handleCategorySelect(e)}
@@ -319,9 +319,9 @@ let k = class extends A(D`
 
 			<!-- Template List with Previews -->
 			<div class="flex-1 overflow-y-auto px-6 py-6">
-				${d(this.filteredTemplates.length > 0, () => c`
+				${d(this.filteredTemplates.length > 0, () => r`
 						<div class="space-y-6">
-							${I(this.filteredTemplates, (e) => e.id, (e) => c`
+							${D(this.filteredTemplates, (e) => e.id, (e) => r`
 									<schmancy-surface
 										type="containerLow"
 										elevation="1"
@@ -336,7 +336,7 @@ let k = class extends A(D`
 													<schmancy-typography type="title" token="md" class="font-semibold leading-tight mb-1">
 														${e.name}
 													</schmancy-typography>
-													${d(e.category, () => c`
+													${d(e.category, () => r`
 														<schmancy-chip class="text-xs border border-outline">
 															${e.category}
 														</schmancy-chip>
@@ -364,7 +364,7 @@ let k = class extends A(D`
 									</schmancy-surface>
 								`)}
 						</div>
-					`, () => c`
+					`, () => r`
 						<div class="flex flex-col items-center justify-center h-96 text-center">
 							<div class="mb-6">
 								<schmancy-icon size="64px" class="text-surface-onVariant opacity-20">mail_outline</schmancy-icon>
@@ -375,9 +375,9 @@ let k = class extends A(D`
 							<schmancy-typography type="body" token="md" class="text-surface-onVariant mb-6 max-w-md">
 								${this.searchQuery ? `No templates match your search for "${this.searchQuery}"` : this.selectedCategory !== "all" ? `No templates found in the "${this.selectedCategory}" category` : "Start by creating your first email template"}
 							</schmancy-typography>
-							${d(this.searchQuery || this.selectedCategory !== "all", () => c`
+							${d(this.searchQuery || this.selectedCategory !== "all", () => r`
 								<div class="flex gap-3">
-									${d(this.searchQuery, () => c`
+									${d(this.searchQuery, () => r`
 										<schmancy-button
 											variant="outlined"
 											@click=${() => {
@@ -388,7 +388,7 @@ let k = class extends A(D`
 											Clear Search
 										</schmancy-button>
 									`)}
-									${d(this.selectedCategory !== "all", () => c`
+									${d(this.selectedCategory !== "all", () => r`
 										<schmancy-button
 											variant="filled"
 											@click=${() => this.handleCategorySelect("all")}
@@ -405,19 +405,19 @@ let k = class extends A(D`
 		`;
   }
 };
-R([h({ type: Array })], k.prototype, "templates", 2), R([y()], k.prototype, "searchQuery", 2), R([y()], k.prototype, "filteredTemplates", 2), R([y()], k.prototype, "selectedCategory", 2), k = R([C("schmancy-email-template-picker")], k);
-var U = Object.defineProperty, V = Object.getOwnPropertyDescriptor, x = (e, t, s, i) => {
-  for (var a, n = i > 1 ? void 0 : i ? V(t, s) : t, r = e.length - 1; r >= 0; r--) (a = e[r]) && (n = (i ? a(t, s, n) : a(n)) || n);
-  return i && n && U(t, s, n), n;
+I([h({ type: Array })], R.prototype, "templates", 2), I([y()], R.prototype, "searchQuery", 2), I([y()], R.prototype, "filteredTemplates", 2), I([y()], R.prototype, "selectedCategory", 2), R = I([T("schmancy-email-template-picker")], R);
+var W = Object.defineProperty, N = Object.getOwnPropertyDescriptor, x = (e, t, s, i) => {
+  for (var a, n = i > 1 ? void 0 : i ? N(t, s) : t, c = e.length - 1; c >= 0; c--) (a = e[c]) && (n = (i ? a(t, s, n) : a(n)) || n);
+  return i && n && W(t, s, n), n;
 };
-let b = class extends A(D`
+let v = class extends j(z`
 	:host {
 		display: block;
 		height: 100%;
 	}
 `) {
   constructor() {
-    super(...arguments), this.subject = "", this.body = "", this.disabled = !1, this.attachments = [], this.config = {}, this.templates = this.getDefaultTemplates(), this.dragOver = !1, this.isUploading = !1, this.subjectInputRef = T(), this.bodyTextAreaRef = T(), this.fileInputRef = T(), this.imageInputRef = T(), this.handleKeyDown = (e) => {
+    super(...arguments), this.subject = "", this.body = "", this.disabled = !1, this.attachments = [], this.config = {}, this.templates = this.getDefaultTemplates(), this.dragOver = !1, this.isUploading = !1, this.subjectInputRef = E(), this.bodyTextAreaRef = E(), this.fileInputRef = E(), this.imageInputRef = E(), this.handleKeyDown = (e) => {
       if (this.disabled) return;
       const t = this.bodyTextAreaRef.value?.shadowRoot?.querySelector("textarea");
       e.key === "Tab" && e.target === t && (e.preventDefault(), this.insertAtCursor("  "));
@@ -442,19 +442,19 @@ let b = class extends A(D`
     }, this.dispatchChange = () => {
       this.dispatchEvent(new CustomEvent("editor-change", { detail: { subject: this.subject, body: this.body, attachments: this.attachments }, bubbles: !0, composed: !0 }));
     }, this.openLayoutDialog = () => {
-      L.component(c`
+      P.component(r`
 			<schmancy-email-layout-selector
 				@layout-select=${(e) => {
-        this.applyLayout(e.detail.layout), L.close();
+        this.applyLayout(e.detail.layout), P.close();
       }}
 			></schmancy-email-layout-selector>
 		`);
     }, this.openTemplatePicker = () => {
-      const e = new k();
-      e.templates = this.templates, e.addEventListener("template-selected", this.handleTemplateSelected), j.open({ component: e, title: "Choose Email Template" });
+      const e = new R();
+      e.templates = this.templates, k(e, "template-selected").pipe(C(this.disconnecting)).subscribe(this.handleTemplateSelected), L.open({ component: e, title: "Choose Email Template" });
     }, this.handleTemplateSelected = (e) => {
       const t = e.detail;
-      this.subject = t.subject, this.body = t.body, this.dispatchChange(), v.success(`Template "${t.name}" applied successfully`);
+      this.subject = t.subject, this.body = t.body, this.dispatchChange(), b.success(`Template "${t.name}" applied successfully`);
     }, this.applyLayout = (e) => {
       const t = { "columns-2": `
 :::layout columns-2
@@ -549,17 +549,17 @@ Your primary content goes here. This area takes up most of the width while the s
 ` }[e];
       t && this.insertAtCursor(t);
     }, this.uploadImage = async (e) => {
-      if (!e.type.startsWith("image/")) return void v.error(`File "${e.name}" is not an image`);
-      if (e.size > 10485760) v.error(`Image "${e.name}" is too large. Maximum size is 10MB.`);
+      if (!e.type.startsWith("image/")) return void b.error(`File "${e.name}" is not an image`);
+      if (e.size > 10485760) b.error(`Image "${e.name}" is too large. Maximum size is 10MB.`);
       else {
         this.isUploading = !0;
         try {
           let t;
-          this.config.imageUploadHandler ? t = await this.config.imageUploadHandler(e) : this.config.uploadHandler ? t = await this.config.uploadHandler(e) : (t = await this.createDataUrl(e), v.warning("No upload handler configured. Using local preview."));
+          this.config.imageUploadHandler ? t = await this.config.imageUploadHandler(e) : this.config.uploadHandler ? t = await this.config.uploadHandler(e) : (t = await this.createDataUrl(e), b.warning("No upload handler configured. Using local preview."));
           const s = await this.getImageDimensions(e);
-          this.insertImageMarkdown(t, e.name, s.width, s.height), v.success("Image uploaded successfully");
+          this.insertImageMarkdown(t, e.name, s.width, s.height), b.success("Image uploaded successfully");
         } catch {
-          v.error("Failed to upload image");
+          b.error("Failed to upload image");
         } finally {
           this.isUploading = !1;
         }
@@ -577,11 +577,11 @@ Your primary content goes here. This area takes up most of the width while the s
     }), this.insertImageMarkdown = (e, t, s, i) => {
       const a = this.bodyTextAreaRef.value?.shadowRoot?.querySelector("textarea");
       if (!a) return;
-      const n = `![${t}](${e}){width=${Math.min(s, 600)}px height=auto}`, r = a.selectionStart, o = a.selectionEnd, l = this.body.substring(0, r) + n + this.body.substring(o);
+      const n = `![${t}](${e}){width=${Math.min(s, 600)}px height=auto}`, c = a.selectionStart, o = a.selectionEnd, l = this.body.substring(0, c) + n + this.body.substring(o);
       this.body = l, this.dispatchChange(), this.updateComplete.then(() => {
         const p = this.bodyTextAreaRef.value?.shadowRoot?.querySelector("textarea");
         if (p) {
-          const S = r + n.length;
+          const S = c + n.length;
           p.setSelectionRange(S, S), p.focus();
         }
       });
@@ -613,8 +613,8 @@ Your primary content goes here. This area takes up most of the width while the s
     }, this.handleDragLeave = (e) => {
       e.preventDefault();
     }, this.addFile = (e) => {
-      if (e.size > 10485760) return void v.error(`File "${e.name}" is too large. Maximum size is 10MB.`);
-      if (this.attachments.some((s) => s.name === e.name && s.size === e.size)) return void v.warning(`File "${e.name}" is already attached.`);
+      if (e.size > 10485760) return void b.error(`File "${e.name}" is too large. Maximum size is 10MB.`);
+      if (this.attachments.some((s) => s.name === e.name && s.size === e.size)) return void b.warning(`File "${e.name}" is already attached.`);
       const t = { id: crypto.randomUUID(), file: e, name: e.name, size: e.size, type: e.type || "application/octet-stream" };
       this.attachments = [...this.attachments, t], this.dispatchChange();
     }, this.removeAttachment = (e) => {
@@ -622,10 +622,10 @@ Your primary content goes here. This area takes up most of the width while the s
     };
   }
   connectedCallback() {
-    super.connectedCallback(), this.addKeyboardListeners(), this.addDragListeners();
+    super.connectedCallback(), this.addEventListeners();
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), document.removeEventListener("paste", this.handlePaste), document.removeEventListener("dragenter", this.handleDragEnter), document.removeEventListener("dragleave", this.handleDocumentDragLeave), document.removeEventListener("drop", this.handleDocumentDrop);
+    super.disconnectedCallback();
   }
   getDefaultTemplates() {
     return [{ id: "welcome", name: "Welcome Email", subject: "Welcome to Our Community! 🌟", description: "A warm welcome message for new users", category: "onboarding", body: `# Welcome to Our Community!
@@ -819,11 +819,8 @@ You'll receive a tracking number via email once your order ships (usually within
 Thank you for your business,  
 The Fulfillment Team` }];
   }
-  addKeyboardListeners() {
-    this.addEventListener("keydown", this.handleKeyDown), document.addEventListener("paste", this.handlePaste);
-  }
-  addDragListeners() {
-    document.addEventListener("dragenter", this.handleDragEnter), document.addEventListener("dragleave", this.handleDocumentDragLeave), document.addEventListener("drop", this.handleDocumentDrop);
+  addEventListeners() {
+    k(this, "keydown").pipe(C(this.disconnecting)).subscribe(this.handleKeyDown), k(document, "paste").pipe(C(this.disconnecting)).subscribe(this.handlePaste), k(document, "dragenter").pipe(C(this.disconnecting)).subscribe(this.handleDragEnter), k(document, "dragleave").pipe(C(this.disconnecting)).subscribe(this.handleDocumentDragLeave), k(document, "drop").pipe(C(this.disconnecting)).subscribe(this.handleDocumentDrop);
   }
   insertAtCursor(e, t) {
     if (!this.bodyTextAreaRef.value) return;
@@ -831,25 +828,25 @@ The Fulfillment Team` }];
     if (!s) return;
     const i = s.selectionStart, a = s.selectionEnd, n = s.value.substring(0, i) + e + s.value.substring(a);
     this.body = n, this.dispatchChange(), this.updateComplete.then(() => {
-      const r = this.bodyTextAreaRef.value?.shadowRoot?.querySelector("textarea");
-      if (r) if (r.focus(), t) {
+      const c = this.bodyTextAreaRef.value?.shadowRoot?.querySelector("textarea");
+      if (c) if (c.focus(), t) {
         const o = i + e.indexOf(t), l = o + t.length;
-        r.setSelectionRange(o, l);
-      } else r.setSelectionRange(i + e.length, i + e.length);
+        c.setSelectionRange(o, l);
+      } else c.setSelectionRange(i + e.length, i + e.length);
     });
   }
   wrapSelection(e, t, s) {
     if (!this.bodyTextAreaRef.value) return;
     const i = this.bodyTextAreaRef.value.shadowRoot?.querySelector("textarea");
     if (!i) return;
-    const a = i.selectionStart, n = i.selectionEnd, r = i.value.substring(a, n), o = e + (r || s) + t, l = i.value.substring(0, a) + o + i.value.substring(n);
+    const a = i.selectionStart, n = i.selectionEnd, c = i.value.substring(a, n), o = e + (c || s) + t, l = i.value.substring(0, a) + o + i.value.substring(n);
     this.body = l, this.dispatchChange(), this.updateComplete.then(() => {
       const p = this.bodyTextAreaRef.value?.shadowRoot?.querySelector("textarea");
-      p && (p.focus(), r ? p.setSelectionRange(a + o.length, a + o.length) : p.setSelectionRange(a + e.length, a + e.length + s.length));
+      p && (p.focus(), c ? p.setSelectionRange(a + o.length, a + o.length) : p.setSelectionRange(a + e.length, a + e.length + s.length));
     });
   }
   render() {
-    return c`
+    return r`
 			<schmancy-surface 
 				type="surface" 
 				rounded="all"
@@ -868,7 +865,7 @@ The Fulfillment Team` }];
 								Subject *
 							</schmancy-typography>
 							<schmancy-input
-								${E(this.subjectInputRef)}
+								${A(this.subjectInputRef)}
 								.value=${this.subject}
 								@input=${this.handleSubjectChange}
 								placeholder="Enter email subject..."
@@ -954,7 +951,7 @@ The Fulfillment Team` }];
 										?disabled=${this.disabled || this.isUploading}
 										@click=${() => this.imageInputRef.value?.click()}
 									>
-										${d(this.isUploading, () => c`<schmancy-progress size="sm" class="w-4 h-4"></schmancy-progress>`, () => c`<schmancy-icon>image</schmancy-icon>`)}
+										${d(this.isUploading, () => r`<schmancy-progress size="sm" class="w-4 h-4"></schmancy-progress>`, () => r`<schmancy-icon>image</schmancy-icon>`)}
 									</schmancy-icon-button>
 									<schmancy-icon-button 
 										size="sm" 
@@ -982,7 +979,7 @@ The Fulfillment Team` }];
 					<!-- Textarea Container - Takes remaining space -->
 					<div class="flex-1 px-4 relative min-h-0">
 						<schmancy-textarea
-							${E(this.bodyTextAreaRef)}
+							${A(this.bodyTextAreaRef)}
 							.value=${this.body}
 							@change=${this.handleBodyChange}
 							placeholder="Enter your email message here...
@@ -999,7 +996,7 @@ Tab key inserts 2 spaces for better formatting."
 						></schmancy-textarea>
 						
 						<!-- Upload Progress Overlay -->
-						${d(this.isUploading, () => c`
+						${d(this.isUploading, () => r`
 							<div class="absolute top-3 right-3 z-10">
 								<schmancy-surface type="container" rounded="all" class="p-2">
 									<div class="flex items-center gap-2">
@@ -1021,14 +1018,14 @@ Tab key inserts 2 spaces for better formatting."
 						</div>
 
 						<!-- Attachments Display (if any) -->
-						${d(this.attachments.length > 0, () => c`
+						${d(this.attachments.length > 0, () => r`
 							<div class="space-y-2">
 								<schmancy-typography type="label" token="sm" class="flex items-center gap-2">
 									<schmancy-icon size="16px">attach_file</schmancy-icon>
 									Attachments (${this.attachments.length})
 								</schmancy-typography>
 								<div class="flex flex-wrap gap-2">
-									${I(this.attachments, (e) => e.id, (e) => c`
+									${D(this.attachments, (e) => e.id, (e) => r`
 										<schmancy-chip class="text-xs">
 											<span class="truncate max-w-32">${e.name}</span>
 											<button 
@@ -1048,13 +1045,13 @@ Tab key inserts 2 spaces for better formatting."
 					<!-- Hidden File Inputs -->
 					<div class="hidden">
 						<input
-							${E(this.fileInputRef)}
+							${A(this.fileInputRef)}
 							type="file"
 							multiple
 							@change=${this.handleFileChange}
 						>
 						<input
-							${E(this.imageInputRef)}
+							${A(this.imageInputRef)}
 							type="file"
 							accept="image/*"
 							@change=${this.handleImageSelect}
@@ -1067,12 +1064,12 @@ Tab key inserts 2 spaces for better formatting."
 		`;
   }
 };
-x([h({ type: String })], b.prototype, "subject", 2), x([h({ type: String })], b.prototype, "body", 2), x([h({ type: Boolean })], b.prototype, "disabled", 2), x([h({ type: Array })], b.prototype, "attachments", 2), x([h({ type: Object })], b.prototype, "config", 2), x([h({ type: Array })], b.prototype, "templates", 2), x([y()], b.prototype, "dragOver", 2), x([y()], b.prototype, "isUploading", 2), b = x([C("schmancy-email-editor")], b);
-var W = Object.defineProperty, N = Object.getOwnPropertyDescriptor, $ = (e, t, s, i) => {
-  for (var a, n = i > 1 ? void 0 : i ? N(t, s) : t, r = e.length - 1; r >= 0; r--) (a = e[r]) && (n = (i ? a(t, s, n) : a(n)) || n);
-  return i && n && W(t, s, n), n;
+x([h({ type: String })], v.prototype, "subject", 2), x([h({ type: String })], v.prototype, "body", 2), x([h({ type: Boolean })], v.prototype, "disabled", 2), x([h({ type: Array })], v.prototype, "attachments", 2), x([h({ type: Object })], v.prototype, "config", 2), x([h({ type: Array })], v.prototype, "templates", 2), x([y()], v.prototype, "dragOver", 2), x([y()], v.prototype, "isUploading", 2), v = x([T("schmancy-email-editor")], v);
+var Q = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, $ = (e, t, s, i) => {
+  for (var a, n = i > 1 ? void 0 : i ? _(t, s) : t, c = e.length - 1; c >= 0; c--) (a = e[c]) && (n = (i ? a(t, s, n) : a(n)) || n);
+  return i && n && Q(t, s, n), n;
 };
-let w = class extends A(D`
+let w = class extends j(z`
 	:host {
 		display: block;
 	}
@@ -1103,16 +1100,16 @@ let w = class extends A(D`
     let a;
     for (; (a = s.exec(e)) !== null; ) i.push(a[1].trim());
     if (i.length === 0) return e;
-    const n = Math.floor(100 / t), r = "0 10px 0 0";
+    const n = Math.floor(100 / t), c = "0 10px 0 0";
     let o = "<tr>";
     for (let l = 0; l < t && l < i.length; l++)
       o += `
-				<td width="${n}%" style="padding: ${l === t - 1 ? "0" : r}; vertical-align: top; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.6; color: #333333;">
+				<td width="${n}%" style="padding: ${l === t - 1 ? "0" : c}; vertical-align: top; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.6; color: #333333;">
 					${this.parseBasicMarkdown(i[l])}
 				</td>`;
     for (let l = i.length; l < t; l++)
       o += `
-				<td width="${n}%" style="padding: ${l === t - 1 ? "0" : r}; vertical-align: top;">
+				<td width="${n}%" style="padding: ${l === t - 1 ? "0" : c}; vertical-align: top;">
 					&nbsp;
 				</td>`;
     return o += "</tr>", `
@@ -1139,20 +1136,20 @@ let w = class extends A(D`
     const t = /<div class="image">([\s\S]*?)<\/div>/g, s = [];
     let i;
     for (; (i = t.exec(e)) !== null; ) {
-      const r = i[1].trim().match(/!\[([^\]]*)\]\(([^)]+)\)/);
-      if (r) {
-        const [, o, l] = r;
+      const c = i[1].trim().match(/!\[([^\]]*)\]\(([^)]+)\)/);
+      if (c) {
+        const [, o, l] = c;
         s.push(`<img src="${l}" alt="${o || "Image"}" style="display: block; max-width: 100%; height: auto;" border="0">`);
       }
     }
     if (s.length === 0) return e;
     const a = Math.floor(100 / s.length);
     let n = "<tr>";
-    return s.forEach((r, o) => {
+    return s.forEach((c, o) => {
       const l = o === s.length - 1;
       n += `
 				<td width="${a}%" style="padding: ${l ? "0" : "0 8px 0 0"}; vertical-align: top; text-align: center;">
-					${r}
+					${c}
 				</td>`;
     }), n += "</tr>", `
 			<table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 16px 0;">
@@ -1173,8 +1170,8 @@ let w = class extends A(D`
   }
   parseBasicMarkdown(e) {
     return e.replace(/!\[([^\]]*)\]\(([^)]+)\)(?:\{([^}]+)\})?/g, (t, s, i, a) => {
-      const n = this.parseImageAttributes(a), { imgStyle: r, imgWidth: o, imgHeight: l } = this.generateImageStyles(n, !0);
-      let p = `<img src="${i}" alt="${s || "Image"}" style="${r}" border="0"`;
+      const n = this.parseImageAttributes(a), { imgStyle: c, imgWidth: o, imgHeight: l } = this.generateImageStyles(n, !0);
+      let p = `<img src="${i}" alt="${s || "Image"}" style="${c}" border="0"`;
       return o && (p += ` width="${o}"`), l && (p += ` height="${l}"`), p += ">", p;
     }).replace(/\n\n/g, '</p><p style="margin: 0 0 16px 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.6; color: #333333;">').replace(/\n/g, "<br>").replace(/\*\*(.*?)\*\*/g, '<strong style="font-weight: bold;">$1</strong>').replace(/\*(.*?)\*/g, '<em style="font-style: italic;">$1</em>').replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2" style="color: #0066cc; text-decoration: underline;">$1</a>').replace(/^# (.*$)/gim, '<h2 style="margin: 16px 0 8px 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #1a1a1a;">$1</h2>').replace(/^\* (.*$)/gim, '<li style="margin: 4px 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333;">$1</li>').replace(/^\d+\. (.*$)/gim, '<li style="margin: 4px 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333;">$1</li>').replace(/(<li[^>]*>.*?<\/li>(?:\s*<li[^>]*>.*?<\/li>)*)/gs, (t) => {
       const s = /^\d+\./.test(t.replace(/<[^>]*>/g, "")) ? "ol" : "ul";
@@ -1184,7 +1181,7 @@ let w = class extends A(D`
   parseExtendedMarkdown(e) {
     let t = e;
     return t = this.parseLayoutBlocks(t), t = t.replace(/:::images\s+(row|grid(?:=\d+)?)\n((?:!\[.*?\]\(.*?\)(?:\{.*?\})?\s*\n?)*?):::/g, "[Multiple Images - View in web browser]"), t = t.replace(/!\[([^\]]*)\]\(([^)]+)\)(?:\{([^}]+)\})?/g, (s, i, a, n) => {
-      const r = this.parseImageAttributes(n), { imgStyle: o, imgWidth: l, imgHeight: p } = this.generateImageStyles(r, !1);
+      const c = this.parseImageAttributes(n), { imgStyle: o, imgWidth: l, imgHeight: p } = this.generateImageStyles(c, !1);
       let S = `<img src="${a}" alt="${i || "Image"}" style="${o}" border="0"`;
       return l && (S += ` width="${l}"`), p && (S += ` height="${p}"`), S += ">", `<table cellpadding="0" cellspacing="0" border="0" style="margin: 16px 0;"><tr><td>${S}</td></tr></table>`;
     }), t = t.replace(/\n\n/g, '</p><p style="margin: 0 0 16px 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.6; color: #333333;">').replace(/\n/g, "<br>").replace(/\*\*(.*?)\*\*/g, '<strong style="font-weight: bold;">$1</strong>').replace(/\*(.*?)\*/g, '<em style="font-style: italic;">$1</em>').replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2" style="color: #0066cc; text-decoration: underline;">$1</a>').replace(/^# (.*$)/gim, '<table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 24px 0 16px 0;"><tr><td><h1 style="margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #1a1a1a;">$1</h1></td></tr></table>').replace(/^\* (.*$)/gim, '<li style="margin: 4px 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333;">$1</li>').replace(/^\d+\. (.*$)/gim, '<li style="margin: 4px 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333;">$1</li>').replace(/^---$/gim, '<table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 24px 0;"><tr><td style="border-top: 1px solid #e0e0e0; height: 1px; line-height: 1px;">&nbsp;</td></tr></table>'), t = t.replace(/(<li[^>]*>.*?<\/li>(?:\s*<li[^>]*>.*?<\/li>)*)/gs, (s) => {
@@ -1214,7 +1211,7 @@ let w = class extends A(D`
   }
   render() {
     const e = this.parseExtendedMarkdown(this.body), t = this.convertToPlainText(this.body), s = this.recipients[0] || this.toAddress;
-    return c`
+    return r`
 			<schmancy-surface type="surface" rounded="all" class="h-full flex flex-col">
 				
 				<!-- Header Section -->
@@ -1301,7 +1298,7 @@ let w = class extends A(D`
 											</schmancy-typography>
 										</div>
 										<schmancy-typography type="body" token="sm" class="font-medium flex-1">
-											${this.subject || c`<span class="italic text-surface-onVariant">(No subject)</span>`}
+											${this.subject || r`<span class="italic text-surface-onVariant">(No subject)</span>`}
 										</schmancy-typography>
 									</div>
 								</div>
@@ -1309,17 +1306,17 @@ let w = class extends A(D`
 
 							<!-- Email Body Content -->
 							<div class="flex-1 overflow-y-auto min-h-0">
-								${d(this.body, () => c`
-										${d(this.viewMode === "html", () => c`
+								${d(this.body, () => r`
+										${d(this.viewMode === "html", () => r`
 												<div class="p-6 bg-white" style="color: #333; line-height: 1.6; font-family: system-ui, -apple-system, sans-serif; font-size: 14px;">
 													<div .innerHTML=${e}></div>
 												</div>
-											`, () => c`
+											`, () => r`
 												<div class="p-6 bg-white" style="color: #333; line-height: 1.6; font-family: 'Courier New', monospace; font-size: 13px; white-space: pre-wrap;">
 													${t}
 												</div>
 											`)}
-									`, () => c`
+									`, () => r`
 										<!-- Empty State -->
 										<div class="flex-1 flex items-center justify-center p-8">
 											<div class="text-center space-y-3">
@@ -1336,7 +1333,7 @@ let w = class extends A(D`
 							</div>
 
 							<!-- Attachments Section -->
-							${d(this.attachments.length > 0, () => c`
+							${d(this.attachments.length > 0, () => r`
 								<div class="flex-shrink-0 p-4 border-t border-outline-variant bg-surface-containerLowest">
 									<div class="space-y-3">
 										<!-- Attachments Header -->
@@ -1349,7 +1346,7 @@ let w = class extends A(D`
 										
 										<!-- Attachments List -->
 										<div class="grid gap-2 sm:grid-cols-2 lg:grid-cols-1 xl:grid-cols-2">
-											${I(this.attachments, (i) => i.id, (i) => c`
+											${D(this.attachments, (i) => i.id, (i) => r`
 												<schmancy-surface type="container" rounded="all" class="p-3">
 													<div class="flex items-center gap-3">
 														<!-- File Icon -->
@@ -1377,7 +1374,7 @@ let w = class extends A(D`
 					</div>
 					
 					<!-- Preview Stats -->
-					${d(this.body, () => c`
+					${d(this.body, () => r`
 						<div class="flex-shrink-0">
 							<schmancy-surface type="container" rounded="all" class="p-3">
 								<div class="flex items-center justify-center gap-6 text-center">
@@ -1398,7 +1395,7 @@ let w = class extends A(D`
 											${this.body.trim() ? this.body.trim().split(/\s+/).length : 0}
 										</schmancy-typography>
 									</div>
-									${d(this.attachments.length > 0, () => c`
+									${d(this.attachments.length > 0, () => r`
 										<div class="w-px h-8 bg-outline-variant"></div>
 										<div>
 											<schmancy-typography type="body" token="xs" class="text-surface-onVariant">
@@ -1419,19 +1416,19 @@ let w = class extends A(D`
 		`;
   }
 };
-$([h({ type: String })], w.prototype, "subject", 2), $([h({ type: String })], w.prototype, "body", 2), $([h({ type: Array })], w.prototype, "attachments", 2), $([h({ type: Array })], w.prototype, "recipients", 2), $([h({ type: String })], w.prototype, "fromAddress", 2), $([h({ type: String })], w.prototype, "toAddress", 2), $([y()], w.prototype, "viewMode", 2), w = $([C("schmancy-email-viewer")], w);
-var Q = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, f = (e, t, s, i) => {
-  for (var a, n = i > 1 ? void 0 : i ? _(t, s) : t, r = e.length - 1; r >= 0; r--) (a = e[r]) && (n = (i ? a(t, s, n) : a(n)) || n);
-  return i && n && Q(t, s, n), n;
+$([h({ type: String })], w.prototype, "subject", 2), $([h({ type: String })], w.prototype, "body", 2), $([h({ type: Array })], w.prototype, "attachments", 2), $([h({ type: Array })], w.prototype, "recipients", 2), $([h({ type: String })], w.prototype, "fromAddress", 2), $([h({ type: String })], w.prototype, "toAddress", 2), $([y()], w.prototype, "viewMode", 2), w = $([T("schmancy-email-viewer")], w);
+var Y = Object.defineProperty, q = Object.getOwnPropertyDescriptor, f = (e, t, s, i) => {
+  for (var a, n = i > 1 ? void 0 : i ? q(t, s) : t, c = e.length - 1; c >= 0; c--) (a = e[c]) && (n = (i ? a(t, s, n) : a(n)) || n);
+  return i && n && Y(t, s, n), n;
 };
-let g = class extends A(D`
+let g = class extends j(z`
 	:host {
 		display: block;
 		height: 100%;
 	}
 `) {
   constructor() {
-    super(...arguments), this.disabled = !1, this.recipients = [], this.selectedRecipients = [], this.enableCsvImport = !0, this.enableDragDrop = !0, this.title = "Recipients", this.emptyStateTitle = "No recipients yet", this.emptyStateMessage = "Import from sources or upload a CSV", this.dragOver = !1, this.localSelectedRecipients = /* @__PURE__ */ new Set(), this.searchQuery = "", this.filteredRecipients = [], this.boatState = "minimized", this.fileInputRef = T(), this.handleEmailsImported = () => {
+    super(...arguments), this.disabled = !1, this.recipients = [], this.selectedRecipients = [], this.enableCsvImport = !0, this.enableDragDrop = !0, this.title = "Recipients", this.emptyStateTitle = "No recipients yet", this.emptyStateMessage = "Import from sources or upload a CSV", this.dragOver = !1, this.localSelectedRecipients = /* @__PURE__ */ new Set(), this.searchQuery = "", this.filteredRecipients = [], this.boatState = "minimized", this.fileInputRef = E(), this.handleEmailsImported = () => {
       this.updateFilteredRecipients(), this.requestUpdate();
     }, this.handleImportFromCSV = () => {
       this.enableCsvImport && this.fileInputRef.value?.click();
@@ -1444,16 +1441,16 @@ let g = class extends A(D`
       const t = e.dataTransfer?.files[0];
       t && this.processCSVFile(t);
     }, this.processCSVFile = (e) => {
-      if (!e.name.endsWith(".csv")) return void v.error("Please select a CSV file");
+      if (!e.name.endsWith(".csv")) return void b.error("Please select a CSV file");
       const t = new FileReader();
       t.onload = (s) => {
         const i = s.target?.result;
         try {
           const a = this.parseCSV(i);
-          if (a.length === 0) return void v.error("No valid email addresses found in CSV");
-          this.dispatchEvent(new CustomEvent("emails-imported", { detail: { emails: a, source: "csv" }, bubbles: !0, composed: !0 })), v.success(`Imported ${a.length} emails from CSV file`);
+          if (a.length === 0) return void b.error("No valid email addresses found in CSV");
+          this.dispatchEvent(new CustomEvent("emails-imported", { detail: { emails: a, source: "csv" }, bubbles: !0, composed: !0 })), b.success(`Imported ${a.length} emails from CSV file`);
         } catch {
-          v.error("Failed to parse CSV file");
+          b.error("Failed to parse CSV file");
         }
       }, t.readAsText(e);
     }, this.toggleRecipientSelection = (e) => {
@@ -1484,7 +1481,7 @@ let g = class extends A(D`
     };
   }
   connectedCallback() {
-    super.connectedCallback(), this.localSelectedRecipients = new Set(this.selectedRecipients), this.updateFilteredRecipients(), this.addEventListener("emails-imported", this.handleEmailsImported);
+    super.connectedCallback(), this.localSelectedRecipients = new Set(this.selectedRecipients), this.updateFilteredRecipients(), k(this, "emails-imported").pipe(C(this.disconnecting)).subscribe(this.handleEmailsImported);
   }
   updated(e) {
     super.updated(e), e.has("selectedRecipients") && (this.localSelectedRecipients = new Set(this.selectedRecipients)), (e.has("recipients") || e.has("searchQuery")) && this.updateFilteredRecipients(), e.has("recipients") && this.requestUpdate();
@@ -1503,12 +1500,12 @@ let g = class extends A(D`
       }
     }
     if (!n) throw new Error("No email column found in CSV");
-    const r = /* @__PURE__ */ new Set();
+    const c = /* @__PURE__ */ new Set();
     for (const o of i) {
       const l = o[n]?.toString();
       if (!l) continue;
       const p = l.toLowerCase().trim();
-      this.isValidEmail(p) && !r.has(p) && (r.add(p), t.push(p));
+      this.isValidEmail(p) && !c.has(p) && (c.add(p), t.push(p));
     }
     return t;
   }
@@ -1518,10 +1515,10 @@ let g = class extends A(D`
     if (t.length === 0) return { data: [], meta: {} };
     const s = t[0].split(",").map((a) => a.trim().replace(/"/g, "")), i = [];
     for (let a = 1; a < t.length; a++) {
-      const n = t[a].split(",").map((o) => o.trim().replace(/"/g, "")), r = {};
+      const n = t[a].split(",").map((o) => o.trim().replace(/"/g, "")), c = {};
       s.forEach((o, l) => {
-        r[o] = n[l] || "";
-      }), i.push(r);
+        c[o] = n[l] || "";
+      }), i.push(c);
     }
     return { data: i, meta: { fields: s } };
   }
@@ -1549,13 +1546,13 @@ let g = class extends A(D`
     return this.renderBoatLayout();
   }
   renderBoatLayout() {
-    return c`
+    return r`
 			<!-- Hidden file input for CSV import -->
-			${d(this.enableCsvImport, () => c`
+			${d(this.enableCsvImport, () => r`
 				<input
 					type="file"
 					accept=".csv"
-					${E(this.fileInputRef)}
+					${A(this.fileInputRef)}
 					@change=${this.handleFileSelect}
 					class="hidden"
 				/>
@@ -1572,7 +1569,7 @@ let g = class extends A(D`
 						<schmancy-typography type="title" token="md" class="font-semibold">
 							${this.title}
 						</schmancy-typography>
-						${d(this.recipients.length > 0, () => c`
+						${d(this.recipients.length > 0, () => r`
 							<schmancy-badge>
 								${this.localSelectedRecipients.size}/${this.recipients.length}
 							</schmancy-badge>
@@ -1588,7 +1585,7 @@ let g = class extends A(D`
 		`;
   }
   renderBoatContent() {
-    return c`
+    return r`
 			<!-- Search Bar and CSV Import on one line -->
 			<div class="p-4 flex gap-3">
 				<schmancy-input
@@ -1598,7 +1595,7 @@ let g = class extends A(D`
 					@input=${this.handleSearchInput}
 					class="flex-1"
 				>
-					${d(this.searchQuery, () => c`
+					${d(this.searchQuery, () => r`
 						<schmancy-button
 							slot="suffix" 
 							variant="text"
@@ -1609,7 +1606,7 @@ let g = class extends A(D`
 					`)}
 				</schmancy-input>
 				
-				${d(this.enableCsvImport, () => c`
+				${d(this.enableCsvImport, () => r`
 					<schmancy-button
 						variant="outlined"
 						@click=${this.handleImportFromCSV}
@@ -1621,7 +1618,7 @@ let g = class extends A(D`
 				`)}
 			</div>
 
-			${d(this.recipients.length > 0, () => c`
+			${d(this.recipients.length > 0, () => r`
 				<!-- Bulk Actions -->
 				<div class="px-4 pb-4">
 					<div class="flex items-center gap-3">
@@ -1654,9 +1651,9 @@ let g = class extends A(D`
 
 				<!-- Recipients List -->
 				<div class="flex-1 overflow-y-auto px-4 pb-4">
-					${d(this.filteredRecipients.length > 0, () => c`
+					${d(this.filteredRecipients.length > 0, () => r`
 							<div class="flex flex-wrap gap-3">
-								${I(this.filteredRecipients, (e) => e, (e) => c`
+								${D(this.filteredRecipients, (e) => e, (e) => r`
 										<schmancy-button
 											variant=${this.localSelectedRecipients.has(e) ? "filled" : "outlined"}
 											@click=${(t) => {
@@ -1675,7 +1672,7 @@ let g = class extends A(D`
 										</schmancy-button>
 									`)}
 							</div>
-						`, () => c`
+						`, () => r`
 							<div class="text-center py-8">
 								<schmancy-icon size="32px" class="opacity-50 mb-2">search_off</schmancy-icon>
 								<schmancy-typography type="body" token="sm" class="mb-2">
@@ -1687,7 +1684,7 @@ let g = class extends A(D`
 							</div>
 						`)}
 				</div>
-			`, () => c`
+			`, () => r`
 				<!-- Empty State -->
 				<div class="flex-1 flex items-center justify-center p-8">
 					<div class="text-center space-y-4">
@@ -1703,7 +1700,7 @@ let g = class extends A(D`
 			`)}
 
 			<!-- Drag Overlay -->
-			${d(this.dragOver && this.enableDragDrop, () => c`
+			${d(this.dragOver && this.enableDragDrop, () => r`
 					<div 
 						class="absolute inset-4 flex items-center justify-center border-2 border-dashed border-primary rounded-lg z-10"
 						@dragover=${(e) => {
@@ -1723,12 +1720,12 @@ let g = class extends A(D`
 		`;
   }
 };
-f([h({ type: Boolean })], g.prototype, "disabled", 2), f([h({ type: Array })], g.prototype, "recipients", 2), f([h({ type: Array })], g.prototype, "selectedRecipients", 2), f([h({ type: Boolean })], g.prototype, "enableCsvImport", 2), f([h({ type: Boolean })], g.prototype, "enableDragDrop", 2), f([h({ type: String })], g.prototype, "title", 2), f([h({ type: String })], g.prototype, "emptyStateTitle", 2), f([h({ type: String })], g.prototype, "emptyStateMessage", 2), f([h({ type: Object })], g.prototype, "csvParser", 2), f([y()], g.prototype, "dragOver", 2), f([y()], g.prototype, "localSelectedRecipients", 2), f([y()], g.prototype, "searchQuery", 2), f([y()], g.prototype, "filteredRecipients", 2), f([y()], g.prototype, "boatState", 2), g = f([C("schmancy-email-recipients")], g);
+f([h({ type: Boolean })], g.prototype, "disabled", 2), f([h({ type: Array })], g.prototype, "recipients", 2), f([h({ type: Array })], g.prototype, "selectedRecipients", 2), f([h({ type: Boolean })], g.prototype, "enableCsvImport", 2), f([h({ type: Boolean })], g.prototype, "enableDragDrop", 2), f([h({ type: String })], g.prototype, "title", 2), f([h({ type: String })], g.prototype, "emptyStateTitle", 2), f([h({ type: String })], g.prototype, "emptyStateMessage", 2), f([h({ type: Object })], g.prototype, "csvParser", 2), f([y()], g.prototype, "dragOver", 2), f([y()], g.prototype, "localSelectedRecipients", 2), f([y()], g.prototype, "searchQuery", 2), f([y()], g.prototype, "filteredRecipients", 2), f([y()], g.prototype, "boatState", 2), g = f([T("schmancy-email-recipients")], g);
 export {
   m as S,
-  b as a,
+  v as a,
   w as b,
   g as c,
-  z as d
+  F as d
 };
-//# sourceMappingURL=email-recipients-BT3xPoBN.js.map
+//# sourceMappingURL=email-recipients-hkvv_vgI.js.map