@geajs/ui 0.2.2 → 0.2.3

package/dist/textarea.mjs

@@ -1,38 +1,41 @@
 import { t as cn } from "./cn.mjs";
-import { Component, GEA_CTOR_TAG_NAME, GEA_ELEMENT, geaEscapeHtml } from "@geajs/core";
+import { Component, GEA_ELEMENT, GEA_ON_PROP_CHANGE, geaEscapeHtml } from "@geajs/core";
 //#region src/components/textarea.tsx
 var Textarea = class extends Component {
 	static {
-		this[GEA_CTOR_TAG_NAME] = "gea-textarea";
+		this.__geaTagName = "gea-textarea";
 	}
 	template(props) {
-		return `<textarea id="${this.id}"${cn("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", props.class) == null || cn("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", props.class) === false ? "" : ` class="${(cn("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", props.class) != null ? String(cn("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", props.class)) : "").trim()}"`}${props.placeholder == null || props.placeholder === false ? "" : ` placeholder="${props.placeholder}"`}${props.disabled == null || props.disabled === false ? "" : ` disabled="${props.disabled}"`}${props.name == null || props.name === false ? "" : ` name="${props.name}"`}${props.rows == null || props.rows === false ? "" : ` rows="${props.rows}"`}>${geaEscapeHtml(String(props.value || ""))}</textarea>`;
+		return `<textarea id="${this.id}"${cn("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", props.class) == null || cn("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", props.class) === false ? "" : ` class="${(cn("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", props.class) != null ? String(cn("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", props.class)) : "").trim()}"`}${props.placeholder == null || props.placeholder === false ? "" : ` placeholder="${props.placeholder}"`}${props.disabled == null || props.disabled === false ? "" : ` disabled="${props.disabled}"`}${props.name == null || props.name === false ? "" : ` name="${props.name}"`}${props.rows == null || props.rows === false ? "" : ` rows="${props.rows}"`}>${geaEscapeHtml(String(props.value || ""))}</textarea>`;
 	}
 	get events() {
 		if (this.__evts && this[GEA_ELEMENT]) return this.__evts;
-		const __geaEvtsResult = { input: { [`#${this.id}`]: (e, targetComponent) => this.__event_input_0(e, targetComponent) } };
+		const __geaEvtsResult = { input: { [`#${this.id}`]: this.__event_input_0 } };
 		if (this[GEA_ELEMENT]) this.__evts = __geaEvtsResult;
 		return __geaEvtsResult;
 	}
 	__event_input_0(e, targetComponent) {
 		this.props.onInput(e);
 	}
-	__onPropChange(key, value) {
+	[GEA_ON_PROP_CHANGE](key, value) {
 		if (key === "class") {
 			const __el = this[GEA_ELEMENT];
 			this.props;
-			const __boundValue = cn("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", value);
+			const __boundValue = cn("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", value);
 			if (__el) {
-				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				const __newClass = String(__boundValue ?? "").trim().replace(/\s+/g, " ");
 				if (__el.className !== __newClass) __el.className = __newClass;
 			}
 		}
 		if (key === "placeholder") {
 			const __el = this[GEA_ELEMENT];
-			if (__el) if (value === null || value === void 0) __el.removeAttribute("placeholder");
-			else {
-				const __newAttr = String(value);
-				if (__el.getAttribute("placeholder") !== __newAttr) __el.setAttribute("placeholder", __newAttr);
+			if (__el) {
+				var __av = value;
+				if (__av == null || __av === false) __el.removeAttribute("placeholder");
+				else {
+					const __newAttr = String(__av);
+					if (__el.getAttribute("placeholder") !== __newAttr) __el.setAttribute("placeholder", __newAttr);
+				}
 			}
 		}
 		if (key === "disabled") {
@@ -45,18 +48,24 @@ var Textarea = class extends Component {
 		}
 		if (key === "name") {
 			const __el = this[GEA_ELEMENT];
-			if (__el) if (value === null || value === void 0) __el.removeAttribute("name");
-			else {
-				const __newAttr = String(value);
-				if (__el.getAttribute("name") !== __newAttr) __el.setAttribute("name", __newAttr);
+			if (__el) {
+				var __av = value;
+				if (__av == null || __av === false) __el.removeAttribute("name");
+				else {
+					const __newAttr = String(__av);
+					if (__el.getAttribute("name") !== __newAttr) __el.setAttribute("name", __newAttr);
+				}
 			}
 		}
 		if (key === "rows") {
 			const __el = this[GEA_ELEMENT];
-			if (__el) if (value === null || value === void 0) __el.removeAttribute("rows");
-			else {
-				const __newAttr = String(value);
-				if (__el.getAttribute("rows") !== __newAttr) __el.setAttribute("rows", __newAttr);
+			if (__el) {
+				var __av = value;
+				if (__av == null || __av === false) __el.removeAttribute("rows");
+				else {
+					const __newAttr = String(__av);
+					if (__el.getAttribute("rows") !== __newAttr) __el.setAttribute("rows", __newAttr);
+				}
 			}
 		}
 		if (key === "value") {

package/dist/textarea.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.mjs","names":["Component","GEA_RENDERED","GEA_ELEMENT","GEA_MAPS","GEA_CONDS","GEA_RESET_ELS","GEA_OBSERVE","GEA_OBSERVE_LIST","GEA_EL","GEA_UPDATE_TEXT","GEA_REQUEST_RENDER","GEA_UPDATE_PROPS","GEA_SYNC_MAP","GEA_REGISTER_MAP","GEA_PATCH_COND","GEA_REGISTER_COND","GEA_REFRESH_LIST","GEA_RECONCILE_LIST","GEA_ENSURE_ARRAY_CONFIGS","GEA_APPLY_LIST_CHANGES","GEA_SWAP_CHILD","GEA_SWAP_STATE_CHILDREN","GEA_CHILD","GEA_LIST_CONFIG_REFRESHING","GEA_DOM_KEY","GEA_DOM_ITEM","GEA_DOM_PROPS","GEA_MAP_CONFIG_TPL","GEA_MAP_CONFIG_PREV","GEA_MAP_CONFIG_COUNT","geaCondPatchedSymbol","geaCondValueSymbol","geaObservePrevSymbol","geaPrevGuardSymbol","GEA_SETUP_LOCAL_STATE_OBSERVERS","geaSanitizeAttr","geaEscapeHtml","GEA_CTOR_TAG_NAME","cn","Textarea","template","props","__id","id","class","String","trim","placeholder","disabled","name","rows","value","events","__evts","__geaEvtsResult","input","e","targetComponent","__event_input_0","onInput","__onPropChange","key","__el","__boundValue","__newClass","className","undefined","removeAttribute","__newAttr","getAttribute","setAttribute","textContent"],"sources":["../src/components/textarea.tsx"],"sourcesContent":["import { Component } from '@geajs/core'\nimport { cn } from '../utils/cn'\n\nexport default class Textarea extends Component {\n  template(props: any) {\n    return (\n      <textarea\n        class={cn(\n          'flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n          props.class,\n        )}\n        placeholder={props.placeholder}\n        disabled={props.disabled}\n        name={props.name}\n        rows={props.rows}\n        onInput={props.onInput}\n      >\n        {props.value || ''}\n      </textarea>\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"textarea.mjs","names":["Component","geaEscapeHtml","GEA_ELEMENT","GEA_ON_PROP_CHANGE","cn","Textarea","__geaTagName","template","props","__id","id","class","String","trim","placeholder","disabled","name","rows","value","events","__evts","__geaEvtsResult","input","__event_input_0","e","targetComponent","onInput","key","__el","__boundValue","__newClass","replace","className","__av","removeAttribute","__newAttr","getAttribute","setAttribute","textContent"],"sources":["../src/components/textarea.tsx"],"sourcesContent":["import { Component } from '@geajs/core'\nimport { cn } from '../utils/cn'\n\nexport default class Textarea extends Component {\n  template(props: any) {\n    return (\n      <textarea\n        class={cn(\n          'flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n          props.class,\n        )}\n        placeholder={props.placeholder}\n        disabled={props.disabled}\n        name={props.name}\n        rows={props.rows}\n        onInput={props.onInput}\n      >\n        {props.value || ''}\n      </textarea>\n    )\n  }\n}\n"],"mappings":";;;AAGA,IAAqBK,WAArB,cAAsCL,UAAU;;sBAAA;;CAC9CO,SAASC,OAAY;AACnB,SAAA,iBADmB,KAAAE,GACnB,GAEWN,GACL,+QACAI,MAAMG,MACP,IAAA,QAHMP,GACL,+QACAI,MAAMG,MACP,KAAA,QAAA,KAAA,YAHMP,GACL,+QACAI,MAAMG,MACP,IAAA,OAAAC,OAHMR,GACL,+QACAI,MAAMG,MACP,CAAA,GAAA,IAAAE,MAAA,CAAA,KACYL,MAAMM,eAAW,QAAjBN,MAAMM,gBAAW,QAAA,KAAA,iBAAjBN,MAAMM,YAAW,KACpBN,MAAMO,YAAQ,QAAdP,MAAMO,aAAQ,QAAA,KAAA,cAAdP,MAAMO,SAAQ,KAClBP,MAAMQ,QAAI,QAAVR,MAAMQ,SAAI,QAAA,KAAA,UAAVR,MAAMQ,KAAI,KACVR,MAAMS,QAAI,QAAVT,MAAMS,SAAI,QAAA,KAAA,UAAVT,MAAMS,KAAI,GAAA,GAbxBhB,cAAcW,OAgBLJ,MAAMU,SAAS,GAhBmB,CAAC,CAAA;;CAmBzC,IAAAC,SAAA;AAAA,MAAA,KAAAC,UAAA,KAAAlB,aAAA,QAAA,KAAAkB;EAAA,MAAAC,kBAAA,EAAAC,OAAA,GAAA,IAAA,KAAAZ,OAAA,KAAAa,iBAAA,EAAA;AAAA,MAAA,KAAArB,aAAA,MAAAkB,SAAAC;AAAA,SAAAA;;CAnBHE,gBAAsBC,GAAGC,iBAAiB;AAczB,OAAAjB,MAAMkB,QAAOF,EAdc;;CAA5C,CAAArB,oBAAwBwB,KAAKT,OAAK;AAAA,MAAAS,QAAA,SAAA;GAAA,MAAAC,OAAA,KAAA1B;AAGb,QAAAM;GAAA,MAAAqB,eAGNzB,GACL,+QAA6Qc,MAE9Q;AAAA,OAAAU,MATT;IACM,MAAME,aADXlB,OAAOiB,gBAAyB,GAAG,CAAEhB,MAAM,CAACkB,QAAQ,QAAQ,IACf;AACxC,QAAIH,KAAsBI,cAAcF,WAAYF,MAAsBI,YAAYF;;;AACvF,MAAAH,QAAA,eAAA;GAAA,MAAAC,OAAA,KAAA1B;AAAA,OAAA0B,MAAA;IAFC,IAAIK,OAAIf;AACR,QAAIe,QAAQ,QAAQA,SAAS,MAC3BL,MAAsBM,gBAAgB,cAAc;SAC/C;KACL,MAAMC,YAAYvB,OAAOqB,KAAK;AAC9B,SAAIL,KAAsBQ,aAAa,cAAc,KAAKD,UACxDP,MAAsBS,aAAa,eAAeF,UAAU;;;;AAC/D,MAAAR,QAAA,YAAA;GAAA,MAAAC,OAAA,KAAA1B;AAAA,OAAA0B,KARP,KAAI,CAAAV,MACAU,MAAsBM,gBAAgB,WAAW;QAC5C;IACL,MAAMC,YAAY;AAClB,QAAIP,KAAsBQ,aAAa,WAAW,KAAKD,UACrDP,MAAsBS,aAAa,YAAYF,UAAU;;;AAC5D,MAAAR,QAAA,QAAA;GAAA,MAAAC,OAAA,KAAA1B;AAAA,OAAA0B,MAAA;IALG,IAAIK,OAAIf;AACR,QAAIe,QAAQ,QAAQA,SAAS,MAC3BL,MAAsBM,gBAAgB,OAAO;SACxC;KACL,MAAMC,YAAYvB,OAAOqB,KAAK;AAC9B,SAAIL,KAAsBQ,aAAa,OAAO,KAAKD,UACjDP,MAAsBS,aAAa,QAAQF,UAAU;;;;AACxD,MAAAR,QAAA,QAAA;GAAA,MAAAC,OAAA,KAAA1B;AAAA,OAAA0B,MAAA;IAPD,IAAIK,OAAIf;AACR,QAAIe,QAAQ,QAAQA,SAAS,MAC3BL,MAAsBM,gBAAgB,OAAO;SACxC;KACL,MAAMC,YAAYvB,OAAOqB,KAAK;AAC9B,SAAIL,KAAsBQ,aAAa,OAAO,KAAKD,UACjDP,MAAsBS,aAAa,QAAQF,UAAU;;;;AACxD,MAAAR,QAAA,SAAA;GAAA,MAAAC,OAAA,KAAA1B;AALc,QAAAM;GAAA,MAAAqB,eAaZX,SAAe;AAAE,OAAAU,QAhBtBA,KAAsBU,gBAAWT,aAArCD,MAAsBU,cAAWT"}

package/dist/theme.css

@@ -1,52 +1,81 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
+
+@custom-variant dark (&:where(.dark, .dark *));
+
+@theme inline {
+  --color-background: hsl(var(--background));
+  --color-foreground: hsl(var(--foreground));
+  --color-card: hsl(var(--card));
+  --color-card-foreground: hsl(var(--card-foreground));
+  --color-popover: hsl(var(--popover));
+  --color-popover-foreground: hsl(var(--popover-foreground));
+  --color-primary: hsl(var(--primary));
+  --color-primary-foreground: hsl(var(--primary-foreground));
+  --color-secondary: hsl(var(--secondary));
+  --color-secondary-foreground: hsl(var(--secondary-foreground));
+  --color-muted: hsl(var(--muted));
+  --color-muted-foreground: hsl(var(--muted-foreground));
+  --color-accent: hsl(var(--accent));
+  --color-accent-foreground: hsl(var(--accent-foreground));
+  --color-destructive: hsl(var(--destructive));
+  --color-destructive-foreground: hsl(var(--destructive-foreground));
+  --color-border: hsl(var(--border));
+  --color-input: hsl(var(--input));
+  --color-ring: hsl(var(--ring));
+  --radius-lg: var(--radius);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-xs: calc(var(--radius) - 6px);
+}
 
-@layer base {
-  :root {
-    --background: 0 0% 100%;
-    --foreground: 240 10% 3.9%;
-    --card: 0 0% 100%;
-    --card-foreground: 240 10% 3.9%;
-    --popover: 0 0% 100%;
-    --popover-foreground: 240 10% 3.9%;
-    --primary: 240 5.9% 10%;
-    --primary-foreground: 0 0% 98%;
-    --secondary: 240 4.8% 95.9%;
-    --secondary-foreground: 240 5.9% 10%;
-    --muted: 240 4.8% 95.9%;
-    --muted-foreground: 240 3.8% 46.1%;
-    --accent: 240 4.8% 95.9%;
-    --accent-foreground: 240 5.9% 10%;
-    --destructive: 0 84.2% 60.2%;
-    --destructive-foreground: 0 0% 98%;
-    --border: 240 5.9% 90%;
-    --input: 240 5.9% 90%;
-    --ring: 240 5.9% 10%;
-    --radius: 0.5rem;
-  }
-
-  .dark {
-    --background: 240 10% 3.9%;
-    --foreground: 0 0% 98%;
-    --card: 240 10% 3.9%;
-    --card-foreground: 0 0% 98%;
-    --popover: 240 10% 3.9%;
-    --popover-foreground: 0 0% 98%;
-    --primary: 0 0% 98%;
-    --primary-foreground: 240 5.9% 10%;
-    --secondary: 240 3.7% 15.9%;
-    --secondary-foreground: 0 0% 98%;
-    --muted: 240 3.7% 15.9%;
-    --muted-foreground: 240 5% 64.9%;
-    --accent: 240 3.7% 15.9%;
-    --accent-foreground: 0 0% 98%;
-    --destructive: 0 62.8% 30.6%;
-    --destructive-foreground: 0 0% 98%;
-    --border: 240 3.7% 15.9%;
-    --input: 240 3.7% 15.9%;
-    --ring: 240 4.9% 83.9%;
-  }
+/* scan for compiled version of the components relative to the dist/ directory */
+@source "./**/*.mjs";
+
+:root {
+  --background: 0 0% 100%;
+  --foreground: 240 10% 3.9%;
+  --card: 0 0% 100%;
+  --card-foreground: 240 10% 3.9%;
+  --popover: 0 0% 100%;
+  --popover-foreground: 240 10% 3.9%;
+  --primary: 240 5.9% 10%;
+  --primary-foreground: 0 0% 98%;
+  --secondary: 240 4.8% 95.9%;
+  --secondary-foreground: 240 5.9% 10%;
+  --muted: 240 4.8% 95.9%;
+  --muted-foreground: 240 3.8% 46.1%;
+  --accent: 240 4.8% 95.9%;
+  --accent-foreground: 240 5.9% 10%;
+  --destructive: 0 84.2% 60.2%;
+  --destructive-foreground: 0 0% 98%;
+  --border: 240 5.9% 90%;
+  --input: 240 5.9% 90%;
+  --ring: 240 5.9% 10%;
+  --radius: 0.5rem;
+  --dialog-background: var(--background);
+}
+
+.dark {
+  --background: 240 10% 3.9%;
+  --foreground: 0 0% 98%;
+  --card: 240 10% 3.9%;
+  --card-foreground: 0 0% 98%;
+  --popover: 240 10% 3.9%;
+  --popover-foreground: 0 0% 98%;
+  --primary: 0 0% 98%;
+  --primary-foreground: 240 5.9% 10%;
+  --secondary: 240 3.7% 15.9%;
+  --secondary-foreground: 0 0% 98%;
+  --muted: 240 3.7% 15.9%;
+  --muted-foreground: 240 5% 64.9%;
+  --accent: 240 3.7% 15.9%;
+  --accent-foreground: 0 0% 98%;
+  --destructive: 0 62.8% 30.6%;
+  --destructive-foreground: 0 0% 98%;
+  --border: 240 3.7% 15.9%;
+  --input: 240 3.7% 15.9%;
+  --ring: 240 4.9% 83.9%;
+  --dialog-background: 344.35 7.21% 9.8%;
 }
 
 @layer base {
@@ -60,106 +89,83 @@
   }
 }
 
-/* Checkbox: hide indicator when unchecked, show on checked */
-.checkbox-control [data-part='indicator'] {
-  display: none;
-}
-.checkbox-control[data-state='checked'] [data-part='indicator'] {
-  display: flex;
-}
+@layer components {
 
-/* Radio: dot hidden by default, visible when checked */
-.radio-dot {
-  display: block;
-  width: 0.625rem;
-  height: 0.625rem;
-  border-radius: 9999px;
-  background: hsl(var(--primary));
-  transform: scale(0);
-  transition: transform 0.15s ease;
-}
-.radio-group-item-control[data-state='checked'] .radio-dot {
-  transform: scale(1);
-}
+  /* Checkbox: hide indicator when unchecked, show on checked */
+  .checkbox-control [data-part='indicator'] {
+    display: none;
+  }
 
-/* Avatar: Zag uses hidden attribute to toggle image/fallback */
-.avatar-root [data-part='image'][hidden] {
-  display: none;
-}
-.avatar-root [data-part='fallback'][hidden] {
-  display: none;
-}
+  .checkbox-control[data-state='checked'] [data-part='indicator'] {
+    display: flex;
+  }
 
-/* Overlay components: hidden while the hidden attribute is present */
-.dialog-backdrop[hidden],
-.dialog-positioner[hidden],
-.dialog-content[hidden] {
-  display: none;
-}
+  /* Radio: dot hidden by default, visible when checked */
+  .radio-dot {
+    display: block;
+    width: 0.625rem;
+    height: 0.625rem;
+    border-radius: 9999px;
+    background: hsl(var(--primary));
+    transform: scale(0);
+    transition: transform 0.15s ease;
+  }
 
-.dialog-backdrop {
-  position: fixed;
-  inset: 0;
-  background: hsl(0 0% 0% / 0.5);
-  z-index: 9998;
-}
+  .radio-group-item-control[data-state='checked'] .radio-dot {
+    transform: scale(1);
+  }
 
-.dialog-positioner {
-  position: fixed;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 1rem;
-  z-index: 9999;
-}
+  /* Avatar: Zag uses hidden attribute to toggle image/fallback */
+  .avatar-root [data-part='image'][hidden] {
+    display: none;
+  }
 
-.dialog-content {
-  position: relative;
-  width: min(100%, 28rem);
-  max-height: calc(100vh - 2rem);
-  overflow: auto;
-  margin: 0 auto;
-  padding: 1.5rem;
-  border-radius: var(--radius);
-  background: hsl(var(--background));
-  color: hsl(var(--foreground));
-  box-shadow:
-    0 20px 25px -5px hsl(240 10% 3.9% / 0.12),
-    0 8px 10px -6px hsl(240 10% 3.9% / 0.12);
-  pointer-events: auto;
-}
+  .avatar-root [data-part='fallback'][hidden] {
+    display: none;
+  }
 
-/* Zag component animations */
-@layer utilities {
-  [data-part='positioner'] > [data-part='content'][data-state='open'] {
-    animation: fadeIn 150ms ease-out;
+  /* Overlay components: hidden while the hidden attribute is present */
+  .dialog-backdrop[hidden],
+  .dialog-positioner[hidden],
+  .dialog-content[hidden] {
+    display: none;
   }
 
-  [data-part='positioner'] > [data-part='content'][data-state='closed'] {
-    animation: fadeOut 100ms ease-in;
+  .dialog-backdrop {
+    position: fixed;
+    inset: 0;
+    z-index: 9998;
+  }
+
+  .dialog-positioner {
+    position: fixed;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 1rem;
+    z-index: 9999;
   }
 
-  @keyframes fadeIn {
-    from {
-      opacity: 0;
-      transform: scale(0.95);
-    }
-    to {
-      opacity: 1;
-      transform: scale(1);
-    }
+  .dialog-content {
+    position: relative;
+    width: min(100%, 28rem);
+    max-height: calc(100vh - 2rem);
+    overflow: auto;
+    margin: 0 auto;
+    padding: 1.5rem;
+    border-radius: var(--radius);
+    background: hsl(var(--dialog-background));
+    pointer-events: auto;
   }
 
-  @keyframes fadeOut {
-    from {
-      opacity: 1;
-      transform: scale(1);
-    }
-    to {
-      opacity: 0;
-      transform: scale(0.95);
-    }
+  /* Zag component animations */
+  [data-part='positioner']>[data-part='content'][data-state='open'] {
+    animation: fadeIn 150ms ease-out;
+  }
+
+  [data-part='positioner']>[data-part='content'][data-state='closed'] {
+    animation: fadeOut 100ms ease-in;
   }
 
   /* Accordion open/close animation */
@@ -175,41 +181,68 @@
     transform: rotate(90deg);
   }
 
-  @keyframes slideDown {
-    from {
-      height: 0;
-      opacity: 0;
-    }
-    to {
-      height: var(--height);
-      opacity: 1;
-    }
+  /* Toast slide-in animation */
+  .toast-root {
+    animation: toastSlideIn 200ms ease-out;
   }
+}
 
-  @keyframes slideUp {
-    from {
-      height: var(--height);
-      opacity: 1;
-    }
-    to {
-      height: 0;
-      opacity: 0;
-    }
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+    transform: scale(0.95);
   }
 
-  /* Toast slide-in animation */
-  .toast-root {
-    animation: toastSlideIn 200ms ease-out;
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+@keyframes fadeOut {
+  from {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  to {
+    opacity: 0;
+    transform: scale(0.95);
+  }
+}
+
+@keyframes slideDown {
+  from {
+    height: 0;
+    opacity: 0;
   }
 
-  @keyframes toastSlideIn {
-    from {
-      transform: translateX(100%);
-      opacity: 0;
-    }
-    to {
-      transform: translateX(0);
-      opacity: 1;
-    }
+  to {
+    height: var(--height);
+    opacity: 1;
   }
 }
+
+@keyframes slideUp {
+  from {
+    height: var(--height);
+    opacity: 1;
+  }
+
+  to {
+    height: 0;
+    opacity: 0;
+  }
+}
+
+@keyframes toastSlideIn {
+  from {
+    transform: translateX(100%);
+    opacity: 0;
+  }
+
+  to {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}

package/dist/toast.mjs

@@ -1,4 +1,4 @@
-import { Component, GEA_CTOR_TAG_NAME, GEA_ELEMENT } from "@geajs/core";
+import { Component, GEA_CLONE_TEMPLATE, GEA_ELEMENT, GEA_ON_PROP_CHANGE } from "@geajs/core";
 import { VanillaMachine, normalizeProps, spreadProps } from "@zag-js/vanilla";
 import * as toast from "@zag-js/toast";
 //#region src/components/toast.tsx
@@ -55,7 +55,7 @@ var ToastStore = class {
 };
 var Toaster = class extends Component {
 	static {
-		this[GEA_CTOR_TAG_NAME] = "toaster";
+		this.__geaTagName = "gea-toaster";
 	}
 	created(props) {
 		this._toastMachines = /* @__PURE__ */ new Map();
@@ -186,22 +186,21 @@ var Toaster = class extends Component {
 			return t;
 		})();
 	}
-	__cloneTemplate() {
-		const __id = this.id;
+	[GEA_CLONE_TEMPLATE]() {
 		var __tpl = this.constructor.__tpl;
 		if (!__tpl) throw new Error("[gea] __tpl missing for clone template");
 		var __root = __tpl.content.firstElementChild.cloneNode(true);
-		__root.id = __id;
+		__root.id = this.id;
 		__root.className = `toaster fixed z-[100] flex max-h-screen flex-col-reverse gap-2 p-4 ${props.class || "bottom-0 right-0"}`.trim();
 		return __root;
 	}
-	__onPropChange(key, value) {
+	[GEA_ON_PROP_CHANGE](key, value) {
 		if (key === "class") {
 			const __el = this[GEA_ELEMENT];
 			this.props;
 			const __boundValue = `toaster fixed z-[100] flex max-h-screen flex-col-reverse gap-2 p-4 ${value || "bottom-0 right-0"}`;
 			if (__el) {
-				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				const __newClass = String(__boundValue ?? "").trim().replace(/\s+/g, " ");
 				if (__el.className !== __newClass) __el.className = __newClass;
 			}
 		}

package/dist/toast.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"toast.mjs","names":["toast","VanillaMachine","normalizeProps","spreadProps","Component","GEA_RENDERED","GEA_ELEMENT","GEA_MAPS","GEA_CONDS","GEA_RESET_ELS","GEA_OBSERVE","GEA_OBSERVE_LIST","GEA_EL","GEA_UPDATE_TEXT","GEA_REQUEST_RENDER","GEA_UPDATE_PROPS","GEA_SYNC_MAP","GEA_REGISTER_MAP","GEA_PATCH_COND","GEA_REGISTER_COND","GEA_REFRESH_LIST","GEA_RECONCILE_LIST","GEA_ENSURE_ARRAY_CONFIGS","GEA_APPLY_LIST_CHANGES","GEA_SWAP_CHILD","GEA_SWAP_STATE_CHILDREN","GEA_CHILD","GEA_LIST_CONFIG_REFRESHING","GEA_DOM_KEY","GEA_DOM_ITEM","GEA_DOM_PROPS","GEA_MAP_CONFIG_TPL","GEA_MAP_CONFIG_PREV","GEA_MAP_CONFIG_COUNT","geaCondPatchedSymbol","geaCondValueSymbol","geaObservePrevSymbol","geaPrevGuardSymbol","GEA_SETUP_LOCAL_STATE_OBSERVERS","geaSanitizeAttr","geaEscapeHtml","GEA_CTOR_TAG_NAME","stripStyle","props","Record","style","_style","rest","_store","Store","getStore","StoreProps","createStore","placement","duration","removeDelay","max","ToastStore","create","options","Options","success","Omit","type","error","info","loading","dismiss","id","Toaster","_machine","_api","_toastMachines","Map","_spreadCleanups","Array","_currentToasts","created","store","storeProps","group","machine","start","connect","service","subscribe","nextToasts","getToasts","_syncToastDOM","_syncToastMachines","queueMicrotask","_applyGroupSpreads","_createToastElement","t","HTMLElement","div","document","createElement","setAttribute","className","inner","title","description","innerHTML","container","el","currentIds","Set","map","nextIds","has","querySelector","cleanups","get","forEach","fn","delete","remove","appendChild","stop","i","length","toastMachine","parent","index","stacked","set","rendered","groupEl","getGroupProps","toastEls","$$","toastId","dataset","api","prevCleanups","rootProps","getRootProps","push","getTitleProps","desc","getDescriptionProps","close","getCloseTriggerProps","action","getActionTriggerProps","onAfterRender","dispose","values","clear","template","__id","class","trim","__tpl","undefined","__cloneTemplate","constructor","Error","__root","content","firstElementChild","cloneNode","__onPropChange","key","value","__el","__boundValue","__newClass","String"],"sources":["../src/components/toast.tsx"],"sourcesContent":["import * as toast from '@zag-js/toast'\nimport { VanillaMachine, normalizeProps, spreadProps } from '@zag-js/vanilla'\nimport { Component } from '@geajs/core'\n\nfunction stripStyle(props: Record<string, any>): Record<string, any> {\n  const { style: _style, ...rest } = props\n  return rest\n}\n\nlet _store: toast.Store | null = null\n\nfunction getStore(props?: toast.StoreProps) {\n  if (!_store) {\n    _store = toast.createStore({\n      placement: 'bottom-end',\n      duration: 5000,\n      removeDelay: 200,\n      max: 5,\n      ...props,\n    })\n  }\n  return _store\n}\n\nexport class ToastStore {\n  static getStore = getStore\n\n  static create(options: toast.Options) {\n    return getStore().create(options)\n  }\n\n  static success(options: Omit<toast.Options, 'type'>) {\n    return getStore().create({ ...options, type: 'success' })\n  }\n\n  static error(options: Omit<toast.Options, 'type'>) {\n    return getStore().create({ ...options, type: 'error' })\n  }\n\n  static info(options: Omit<toast.Options, 'type'>) {\n    return getStore().create({ ...options, type: 'info' })\n  }\n\n  static loading(options: Omit<toast.Options, 'type'>) {\n    return getStore().create({ ...options, type: 'loading' })\n  }\n\n  static dismiss(id?: string) {\n    if (id) getStore().dismiss(id)\n    else getStore().dismiss()\n  }\n}\n\nexport class Toaster extends Component {\n  declare _machine: VanillaMachine<any> | null\n  declare _api: any\n  declare _toastMachines: Map<string, VanillaMachine<any>>\n  declare _spreadCleanups: Map<string, Array<() => void>>\n  declare _currentToasts: toast.Options[]\n\n  created(props: any) {\n    this._toastMachines = new Map()\n    this._spreadCleanups = new Map()\n    this._currentToasts = []\n\n    const store = getStore(props.storeProps)\n\n    this._machine = new VanillaMachine(toast.group.machine, { store })\n    this._machine.start()\n\n    this._api = toast.group.connect(this._machine.service, normalizeProps)\n\n    this._machine.subscribe(() => {\n      if (!this._machine) return\n      this._api = toast.group.connect(this._machine.service, normalizeProps)\n      const nextToasts = this._api.getToasts()\n      this._syncToastDOM(nextToasts)\n      this._currentToasts = nextToasts\n      this._syncToastMachines()\n      queueMicrotask(() => this._applyGroupSpreads())\n    })\n  }\n\n  _createToastElement(t: any): HTMLElement {\n    const div = document.createElement('div')\n    div.setAttribute('data-part', 'toast-root')\n    div.setAttribute('data-toast-id', t.id)\n    div.className =\n      'toast-root group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 shadow-lg transition-all bg-background text-foreground'\n\n    let inner = '<div class=\"grid gap-1\">'\n    if (t.title) inner += `<div data-part=\"title\" class=\"toast-title text-sm font-semibold\">${t.title}</div>`\n    if (t.description)\n      inner += `<div data-part=\"description\" class=\"toast-description text-sm opacity-90\">${t.description}</div>`\n    inner += '</div>'\n    inner +=\n      '<button data-part=\"close-trigger\" class=\"toast-close-trigger text-foreground/50 hover:text-foreground\">&#x2715;</button>'\n    div.innerHTML = inner\n    return div\n  }\n\n  _syncToastDOM(nextToasts: any[]) {\n    const container = this.el\n    if (!container) return\n\n    const currentIds = new Set(this._currentToasts.map((t: any) => t.id))\n    const nextIds = new Set(nextToasts.map((t: any) => t.id))\n\n    for (const id of currentIds) {\n      if (!nextIds.has(id)) {\n        const el = container.querySelector(`[data-toast-id=\"${id}\"]`)\n        if (el) {\n          const cleanups = this._spreadCleanups.get(id)\n          if (cleanups) cleanups.forEach((fn) => fn())\n          this._spreadCleanups.delete(id)\n          el.remove()\n        }\n      }\n    }\n\n    for (const t of nextToasts) {\n      if (!currentIds.has((t as any).id)) {\n        const el = this._createToastElement(t as any)\n        container.appendChild(el)\n      }\n    }\n  }\n\n  _syncToastMachines() {\n    if (!this._machine) return\n    const currentIds = new Set(this._currentToasts.map((t: any) => t.id))\n\n    for (const [id, machine] of this._toastMachines) {\n      if (!currentIds.has(id)) {\n        machine.stop()\n        this._toastMachines.delete(id)\n      }\n    }\n\n    for (let i = 0; i < this._currentToasts.length; i++) {\n      const t = this._currentToasts[i] as any\n      if (!this._toastMachines.has(t.id)) {\n        const toastMachine = new VanillaMachine(toast.machine, {\n          ...t,\n          parent: this._machine.service,\n          index: i,\n          stacked: true,\n          removeDelay: t.removeDelay ?? 200,\n        })\n        toastMachine.start()\n        this._toastMachines.set(t.id, toastMachine)\n\n        toastMachine.subscribe(() => {\n          queueMicrotask(() => this._applyGroupSpreads())\n        })\n      }\n    }\n  }\n\n  _applyGroupSpreads() {\n    if (!this.rendered || !this._api) return\n\n    const groupEl = this.el\n    if (groupEl) {\n      spreadProps(groupEl, stripStyle(this._api.getGroupProps()))\n    }\n\n    const toastEls = this.$$('[data-toast-id]')\n    for (const el of toastEls) {\n      const toastId = (el as HTMLElement).dataset.toastId\n      if (!toastId) continue\n\n      const toastMachine = this._toastMachines.get(toastId)\n      if (!toastMachine) continue\n\n      const api = toast.connect(toastMachine.service, normalizeProps)\n\n      const prevCleanups = this._spreadCleanups.get(toastId)\n      if (prevCleanups) prevCleanups.forEach((fn) => fn())\n\n      const cleanups: Array<() => void> = []\n      const rootProps = stripStyle(api.getRootProps())\n      delete rootProps['data-part']\n      cleanups.push(spreadProps(el, rootProps))\n\n      const title = el.querySelector('[data-part=\"title\"]')\n      if (title) cleanups.push(spreadProps(title, api.getTitleProps()))\n\n      const desc = el.querySelector('[data-part=\"description\"]')\n      if (desc) cleanups.push(spreadProps(desc, api.getDescriptionProps()))\n\n      const close = el.querySelector('[data-part=\"close-trigger\"]')\n      if (close) cleanups.push(spreadProps(close, api.getCloseTriggerProps()))\n\n      const action = el.querySelector('[data-part=\"action-trigger\"]')\n      if (action) cleanups.push(spreadProps(action, api.getActionTriggerProps()))\n\n      this._spreadCleanups.set(toastId, cleanups)\n    }\n  }\n\n  onAfterRender() {\n    this._applyGroupSpreads()\n  }\n\n  dispose() {\n    for (const cleanups of this._spreadCleanups.values()) {\n      cleanups.forEach((fn) => fn())\n    }\n    this._spreadCleanups.clear()\n\n    for (const machine of this._toastMachines.values()) {\n      machine.stop()\n    }\n    this._toastMachines.clear()\n\n    if (this._machine) {\n      this._machine.stop()\n      this._machine = null\n    }\n    this._api = null\n\n    super.dispose()\n  }\n\n  template(props: any) {\n    return (\n      <div\n        data-part=\"group\"\n        class={`toaster fixed z-[100] flex max-h-screen flex-col-reverse gap-2 p-4 ${props.class || 'bottom-0 right-0'}`}\n      />\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"toast.mjs","names":["toast","VanillaMachine","normalizeProps","spreadProps","Component","GEA_CLONE_TEMPLATE","GEA_ON_PROP_CHANGE","GEA_ELEMENT","stripStyle","props","Record","style","_style","rest","_store","Store","getStore","StoreProps","createStore","placement","duration","removeDelay","max","ToastStore","create","options","Options","success","Omit","type","error","info","loading","dismiss","id","Toaster","__geaTagName","_machine","_api","_toastMachines","Map","_spreadCleanups","Array","_currentToasts","created","store","storeProps","group","machine","start","connect","service","subscribe","nextToasts","getToasts","_syncToastDOM","_syncToastMachines","queueMicrotask","_applyGroupSpreads","_createToastElement","t","HTMLElement","div","document","createElement","setAttribute","className","inner","title","description","innerHTML","container","el","currentIds","Set","map","nextIds","has","querySelector","cleanups","get","forEach","fn","delete","remove","appendChild","stop","i","length","toastMachine","parent","index","stacked","set","rendered","groupEl","getGroupProps","toastEls","$$","toastId","dataset","api","prevCleanups","rootProps","getRootProps","push","getTitleProps","desc","getDescriptionProps","close","getCloseTriggerProps","action","getActionTriggerProps","onAfterRender","dispose","values","clear","template","__id","class","trim","__tpl","undefined","constructor","Error","__root","content","firstElementChild","cloneNode","key","value","__el","__boundValue","__newClass","String","replace"],"sources":["../src/components/toast.tsx"],"sourcesContent":["import * as toast from '@zag-js/toast'\nimport { VanillaMachine, normalizeProps, spreadProps } from '@zag-js/vanilla'\nimport { Component } from '@geajs/core'\n\nfunction stripStyle(props: Record<string, any>): Record<string, any> {\n  const { style: _style, ...rest } = props\n  return rest\n}\n\nlet _store: toast.Store | null = null\n\nfunction getStore(props?: toast.StoreProps) {\n  if (!_store) {\n    _store = toast.createStore({\n      placement: 'bottom-end',\n      duration: 5000,\n      removeDelay: 200,\n      max: 5,\n      ...props,\n    })\n  }\n  return _store\n}\n\nexport class ToastStore {\n  static getStore = getStore\n\n  static create(options: toast.Options) {\n    return getStore().create(options)\n  }\n\n  static success(options: Omit<toast.Options, 'type'>) {\n    return getStore().create({ ...options, type: 'success' })\n  }\n\n  static error(options: Omit<toast.Options, 'type'>) {\n    return getStore().create({ ...options, type: 'error' })\n  }\n\n  static info(options: Omit<toast.Options, 'type'>) {\n    return getStore().create({ ...options, type: 'info' })\n  }\n\n  static loading(options: Omit<toast.Options, 'type'>) {\n    return getStore().create({ ...options, type: 'loading' })\n  }\n\n  static dismiss(id?: string) {\n    if (id) getStore().dismiss(id)\n    else getStore().dismiss()\n  }\n}\n\nexport class Toaster extends Component {\n  declare _machine: VanillaMachine<any> | null\n  declare _api: any\n  declare _toastMachines: Map<string, VanillaMachine<any>>\n  declare _spreadCleanups: Map<string, Array<() => void>>\n  declare _currentToasts: toast.Options[]\n\n  created(props: any) {\n    this._toastMachines = new Map()\n    this._spreadCleanups = new Map()\n    this._currentToasts = []\n\n    const store = getStore(props.storeProps)\n\n    this._machine = new VanillaMachine(toast.group.machine, { store })\n    this._machine.start()\n\n    this._api = toast.group.connect(this._machine.service, normalizeProps)\n\n    this._machine.subscribe(() => {\n      if (!this._machine) return\n      this._api = toast.group.connect(this._machine.service, normalizeProps)\n      const nextToasts = this._api.getToasts()\n      this._syncToastDOM(nextToasts)\n      this._currentToasts = nextToasts\n      this._syncToastMachines()\n      queueMicrotask(() => this._applyGroupSpreads())\n    })\n  }\n\n  _createToastElement(t: any): HTMLElement {\n    const div = document.createElement('div')\n    div.setAttribute('data-part', 'toast-root')\n    div.setAttribute('data-toast-id', t.id)\n    div.className =\n      'toast-root group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 shadow-lg transition-all bg-background text-foreground'\n\n    let inner = '<div class=\"grid gap-1\">'\n    if (t.title) inner += `<div data-part=\"title\" class=\"toast-title text-sm font-semibold\">${t.title}</div>`\n    if (t.description)\n      inner += `<div data-part=\"description\" class=\"toast-description text-sm opacity-90\">${t.description}</div>`\n    inner += '</div>'\n    inner +=\n      '<button data-part=\"close-trigger\" class=\"toast-close-trigger text-foreground/50 hover:text-foreground\">&#x2715;</button>'\n    div.innerHTML = inner\n    return div\n  }\n\n  _syncToastDOM(nextToasts: any[]) {\n    const container = this.el\n    if (!container) return\n\n    const currentIds = new Set(this._currentToasts.map((t: any) => t.id))\n    const nextIds = new Set(nextToasts.map((t: any) => t.id))\n\n    for (const id of currentIds) {\n      if (!nextIds.has(id)) {\n        const el = container.querySelector(`[data-toast-id=\"${id}\"]`)\n        if (el) {\n          const cleanups = this._spreadCleanups.get(id)\n          if (cleanups) cleanups.forEach((fn) => fn())\n          this._spreadCleanups.delete(id)\n          el.remove()\n        }\n      }\n    }\n\n    for (const t of nextToasts) {\n      if (!currentIds.has((t as any).id)) {\n        const el = this._createToastElement(t as any)\n        container.appendChild(el)\n      }\n    }\n  }\n\n  _syncToastMachines() {\n    if (!this._machine) return\n    const currentIds = new Set(this._currentToasts.map((t: any) => t.id))\n\n    for (const [id, machine] of this._toastMachines) {\n      if (!currentIds.has(id)) {\n        machine.stop()\n        this._toastMachines.delete(id)\n      }\n    }\n\n    for (let i = 0; i < this._currentToasts.length; i++) {\n      const t = this._currentToasts[i] as any\n      if (!this._toastMachines.has(t.id)) {\n        const toastMachine = new VanillaMachine(toast.machine, {\n          ...t,\n          parent: this._machine.service,\n          index: i,\n          stacked: true,\n          removeDelay: t.removeDelay ?? 200,\n        })\n        toastMachine.start()\n        this._toastMachines.set(t.id, toastMachine)\n\n        toastMachine.subscribe(() => {\n          queueMicrotask(() => this._applyGroupSpreads())\n        })\n      }\n    }\n  }\n\n  _applyGroupSpreads() {\n    if (!this.rendered || !this._api) return\n\n    const groupEl = this.el\n    if (groupEl) {\n      spreadProps(groupEl, stripStyle(this._api.getGroupProps()))\n    }\n\n    const toastEls = this.$$('[data-toast-id]')\n    for (const el of toastEls) {\n      const toastId = (el as HTMLElement).dataset.toastId\n      if (!toastId) continue\n\n      const toastMachine = this._toastMachines.get(toastId)\n      if (!toastMachine) continue\n\n      const api = toast.connect(toastMachine.service, normalizeProps)\n\n      const prevCleanups = this._spreadCleanups.get(toastId)\n      if (prevCleanups) prevCleanups.forEach((fn) => fn())\n\n      const cleanups: Array<() => void> = []\n      const rootProps = stripStyle(api.getRootProps())\n      delete rootProps['data-part']\n      cleanups.push(spreadProps(el, rootProps))\n\n      const title = el.querySelector('[data-part=\"title\"]')\n      if (title) cleanups.push(spreadProps(title, api.getTitleProps()))\n\n      const desc = el.querySelector('[data-part=\"description\"]')\n      if (desc) cleanups.push(spreadProps(desc, api.getDescriptionProps()))\n\n      const close = el.querySelector('[data-part=\"close-trigger\"]')\n      if (close) cleanups.push(spreadProps(close, api.getCloseTriggerProps()))\n\n      const action = el.querySelector('[data-part=\"action-trigger\"]')\n      if (action) cleanups.push(spreadProps(action, api.getActionTriggerProps()))\n\n      this._spreadCleanups.set(toastId, cleanups)\n    }\n  }\n\n  onAfterRender() {\n    this._applyGroupSpreads()\n  }\n\n  dispose() {\n    for (const cleanups of this._spreadCleanups.values()) {\n      cleanups.forEach((fn) => fn())\n    }\n    this._spreadCleanups.clear()\n\n    for (const machine of this._toastMachines.values()) {\n      machine.stop()\n    }\n    this._toastMachines.clear()\n\n    if (this._machine) {\n      this._machine.stop()\n      this._machine = null\n    }\n    this._api = null\n\n    super.dispose()\n  }\n\n  template(props: any) {\n    return (\n      <div\n        data-part=\"group\"\n        class={`toaster fixed z-[100] flex max-h-screen flex-col-reverse gap-2 p-4 ${props.class || 'bottom-0 right-0'}`}\n      />\n    )\n  }\n}\n"],"mappings":"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"}