@visitwonders/assembly 0.1.0 → 0.2.0

package/dist/overlay/popover.css

@@ -1,8 +1,9 @@
+/* src/overlay/popover.css */
 /* ===================================
  * Popover Component
  * =================================== */
 
-.popover {
+.popover_ee9248ac0 {
   display: contents;
 }
 
@@ -10,7 +11,7 @@
  * Trigger
  * =================================== */
 
-.popover-trigger {
+.popover-trigger_ee9248ac0 {
   /* Reset button styles */
   appearance: none;
   background: none;
@@ -25,7 +26,7 @@
   justify-content: center;
 }
 
-.popover-trigger:focus-visible {
+.popover-trigger_ee9248ac0:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
   border-radius: var(--radius-sm);
@@ -35,7 +36,7 @@
  * Content
  * =================================== */
 
-.popover-content {
+.popover-content_ee9248ac0 {
   /* Positioning */
   position: absolute;
   z-index: var(--z-popover);
@@ -56,19 +57,19 @@
 }
 
 /* Transform origin based on side */
-.popover-content[data-side="top"] {
+.popover-content_ee9248ac0[data-side="top"] {
   --transform-origin: bottom center;
 }
 
-.popover-content[data-side="bottom"] {
+.popover-content_ee9248ac0[data-side="bottom"] {
   --transform-origin: top center;
 }
 
-.popover-content[data-side="left"] {
+.popover-content_ee9248ac0[data-side="left"] {
   --transform-origin: right center;
 }
 
-.popover-content[data-side="right"] {
+.popover-content_ee9248ac0[data-side="right"] {
   --transform-origin: left center;
 }
 
@@ -77,15 +78,15 @@
  * =================================== */
 
 /* Fade animation */
-.popover-content[data-animation="fade"] {
-  animation: popover-fade-in var(--duration-150) var(--easing-out);
+.popover-content_ee9248ac0[data-animation="fade"] {
+  animation: popover-fade-in__ee9248ac0 var(--duration-150) var(--easing-out);
 }
 
-.popover-content[data-animation="fade"][data-state="closed"] {
-  animation: popover-fade-out var(--duration-150) var(--easing-in);
+.popover-content_ee9248ac0[data-animation="fade"][data-state="closed"] {
+  animation: popover-fade-out__ee9248ac0 var(--duration-150) var(--easing-in);
 }
 
-@keyframes popover-fade-in {
+@keyframes popover-fade-in__ee9248ac0 {
   from {
     opacity: 0;
   }
@@ -94,7 +95,7 @@
   }
 }
 
-@keyframes popover-fade-out {
+@keyframes popover-fade-out__ee9248ac0 {
   from {
     opacity: 1;
   }
@@ -104,15 +105,15 @@
 }
 
 /* Scale animation (default) */
-.popover-content[data-animation="scale"] {
-  animation: popover-scale-in var(--duration-150) var(--easing-out);
+.popover-content_ee9248ac0[data-animation="scale"] {
+  animation: popover-scale-in__ee9248ac0 var(--duration-150) var(--easing-out);
 }
 
-.popover-content[data-animation="scale"][data-state="closed"] {
-  animation: popover-scale-out var(--duration-150) var(--easing-in);
+.popover-content_ee9248ac0[data-animation="scale"][data-state="closed"] {
+  animation: popover-scale-out__ee9248ac0 var(--duration-150) var(--easing-in);
 }
 
-@keyframes popover-scale-in {
+@keyframes popover-scale-in__ee9248ac0 {
   from {
     opacity: 0;
     transform: scale(0.95);
@@ -123,7 +124,7 @@
   }
 }
 
-@keyframes popover-scale-out {
+@keyframes popover-scale-out__ee9248ac0 {
   from {
     opacity: 1;
     transform: scale(1);
@@ -135,7 +136,7 @@
 }
 
 /* No animation */
-.popover-content[data-animation="none"] {
+.popover-content_ee9248ac0[data-animation="none"] {
   animation: none;
 }
 
@@ -143,7 +144,7 @@
  * Arrow
  * =================================== */
 
-.popover-arrow {
+.popover-arrow_ee9248ac0 {
   position: absolute;
   width: 10px;
   height: 10px;
@@ -154,22 +155,22 @@
 }
 
 /* Arrow positioning adjustments based on side */
-.popover-arrow[data-side="top"] {
+.popover-arrow_ee9248ac0[data-side="top"] {
   border-top: none;
   border-left: none;
 }
 
-.popover-arrow[data-side="bottom"] {
+.popover-arrow_ee9248ac0[data-side="bottom"] {
   border-bottom: none;
   border-right: none;
 }
 
-.popover-arrow[data-side="left"] {
+.popover-arrow_ee9248ac0[data-side="left"] {
   border-bottom: none;
   border-left: none;
 }
 
-.popover-arrow[data-side="right"] {
+.popover-arrow_ee9248ac0[data-side="right"] {
   border-top: none;
   border-right: none;
 }
@@ -178,7 +179,7 @@
  * Close Button
  * =================================== */
 
-.popover-close {
+.popover-close_ee9248ac0 {
   /* Reset button styles */
   appearance: none;
   background: none;
@@ -199,12 +200,12 @@
     background-color var(--duration-150) var(--easing-out);
 }
 
-.popover-close:hover {
+.popover-close_ee9248ac0:hover {
   color: var(--color-text);
   background: var(--color-bg-neutral-subtle);
 }
 
-.popover-close:focus-visible {
+.popover-close_ee9248ac0:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }

package/dist/overlay/popover.js

@@ -71,7 +71,7 @@ class PopoverTrigger extends Component {
     return this.ctx.isOpen ? this.ctx.contentId : undefined;
   }
   static {
-    setComponentTemplate(precompileTemplate("<button type=\"button\" class=\"popover-trigger\" aria-haspopup=\"dialog\" aria-expanded={{this.ariaExpanded}} aria-controls={{this.ariaControls}} {{on \"click\" this.handleClick}} {{on \"keydown\" this.handleKeyDown}} {{on \"mouseenter\" this.handleMouseEnter}} {{on \"mouseleave\" this.handleMouseLeave}} {{on \"focus\" this.handleFocus}} {{on \"blur\" this.handleBlur}} {{this.registerElement}} data-test-popover-trigger ...attributes>\n  {{yield}}\n</button>", {
+    setComponentTemplate(precompileTemplate("<button type=\"button\" class=\"popover-trigger_ee9248ac0\" aria-haspopup=\"dialog\" aria-expanded={{this.ariaExpanded}} aria-controls={{this.ariaControls}} {{on \"click\" this.handleClick}} {{on \"keydown\" this.handleKeyDown}} {{on \"mouseenter\" this.handleMouseEnter}} {{on \"mouseleave\" this.handleMouseLeave}} {{on \"focus\" this.handleFocus}} {{on \"blur\" this.handleBlur}} {{this.registerElement}} data-test-popover-trigger ...attributes>\n  {{yield}}\n</button>", {
       strictMode: true,
       scope: () => ({
         on
@@ -210,7 +210,7 @@ class PopoverContent extends Component {
     }
   };
   static {
-    setComponentTemplate(precompileTemplate("{{#if this.ctx.isOpen}}\n  {{#in-element this.destinationElement insertBefore=null}}\n    <div id={{this.ctx.contentId}} class=\"popover-content\" role=\"dialog\" aria-label={{@aria-label}} aria-labelledby={{@aria-labelledby}} data-state={{this.dataState}} data-side={{this.side}} data-animation={{this.animation}} {{on \"mouseenter\" this.handleMouseEnter}} {{on \"mouseleave\" this.handleMouseLeave}} {{this.applyPositioning trigger=this.ctx.triggerElement placement=this.placement offsetOptions=this.offsetOptions flipOptions=this.flipOptions shiftOptions=this.shiftOptions arrowElement=this.arrowElement onRegister=this.ctx.registerContent}} data-test-popover-content ...attributes>\n      {{yield}}\n      {{#if this.showArrow}}\n        <div class=\"popover-arrow\" data-side={{this.side}} {{this.registerArrow}} data-test-popover-arrow></div>\n      {{/if}}\n    </div>\n  {{/in-element}}\n{{/if}}", {
+    setComponentTemplate(precompileTemplate("{{#if this.ctx.isOpen}}\n  {{#in-element this.destinationElement insertBefore=null}}\n    <div id={{this.ctx.contentId}} class=\"popover-content_ee9248ac0\" role=\"dialog\" aria-label={{@aria-label}} aria-labelledby={{@aria-labelledby}} data-state={{this.dataState}} data-side={{this.side}} data-animation={{this.animation}} {{on \"mouseenter\" this.handleMouseEnter}} {{on \"mouseleave\" this.handleMouseLeave}} {{this.applyPositioning trigger=this.ctx.triggerElement placement=this.placement offsetOptions=this.offsetOptions flipOptions=this.flipOptions shiftOptions=this.shiftOptions arrowElement=this.arrowElement onRegister=this.ctx.registerContent}} data-test-popover-content ...attributes>\n      {{yield}}\n      {{#if this.showArrow}}\n        <div class=\"popover-arrow_ee9248ac0\" data-side={{this.side}} {{this.registerArrow}} data-test-popover-arrow></div>\n      {{/if}}\n    </div>\n  {{/in-element}}\n{{/if}}", {
       strictMode: true,
       scope: () => ({
         on
@@ -227,7 +227,7 @@ class PopoverClose extends Component {
     this.ctx.closePopover();
   };
   static {
-    setComponentTemplate(precompileTemplate("<button type=\"button\" class=\"popover-close\" aria-label=\"Close\" {{on \"click\" this.handleClick}} data-test-popover-close ...attributes>\n  {{#if (has-block)}}\n    {{yield}}\n  {{else}}\n    <span aria-hidden=\"true\">&times;</span>\n  {{/if}}\n</button>", {
+    setComponentTemplate(precompileTemplate("<button type=\"button\" class=\"popover-close_ee9248ac0\" aria-label=\"Close\" {{on \"click\" this.handleClick}} data-test-popover-close ...attributes>\n  {{#if (has-block)}}\n    {{yield}}\n  {{else}}\n    <span aria-hidden=\"true\">&times;</span>\n  {{/if}}\n</button>", {
       strictMode: true,
       scope: () => ({
         on
@@ -380,7 +380,7 @@ class Popover extends Component {
     };
   }
   static {
-    setComponentTemplate(precompileTemplate("<div class=\"popover\" {{this.setupEventListeners}} data-test-popover ...attributes>\n  {{yield (hash Trigger=(component PopoverTrigger ctx=this.context) Content=(component PopoverContent ctx=this.context) Close=(component PopoverClose ctx=this.context) isOpen=this.isOpen open=this.openPopover close=this.closePopover toggle=this.togglePopover)}}\n</div>", {
+    setComponentTemplate(precompileTemplate("<div class=\"popover_ee9248ac0\" {{this.setupEventListeners}} data-test-popover ...attributes>\n  {{yield (hash Trigger=(component PopoverTrigger ctx=this.context) Content=(component PopoverContent ctx=this.context) Close=(component PopoverClose ctx=this.context) isOpen=this.isOpen open=this.openPopover close=this.closePopover toggle=this.togglePopover)}}\n</div>", {
       strictMode: true,
       scope: () => ({
         hash,

package/dist/overlay/toast.css

@@ -1,8 +1,9 @@
+/* src/overlay/toast.css */
 /* ===================================
  * Toast Container
  * =================================== */
 
-.toast-container {
+.toast-container_e318658ab {
   position: fixed;
   z-index: var(--z-toast);
   display: flex;
@@ -14,33 +15,33 @@
 }
 
 /* Position variants */
-.toast-container[data-position="top-left"] {
+.toast-container_e318658ab[data-position="top-left"] {
   top: var(--toast-offset, 16px);
   left: var(--toast-offset, 16px);
   align-items: flex-start;
 }
 
-.toast-container[data-position="top-center"] {
+.toast-container_e318658ab[data-position="top-center"] {
   top: var(--toast-offset, 16px);
   left: 50%;
   transform: translateX(-50%);
   align-items: center;
 }
 
-.toast-container[data-position="top-right"] {
+.toast-container_e318658ab[data-position="top-right"] {
   top: var(--toast-offset, 16px);
   right: var(--toast-offset, 16px);
   align-items: flex-end;
 }
 
-.toast-container[data-position="bottom-left"] {
+.toast-container_e318658ab[data-position="bottom-left"] {
   bottom: var(--toast-offset, 16px);
   left: var(--toast-offset, 16px);
   align-items: flex-start;
   flex-direction: column-reverse;
 }
 
-.toast-container[data-position="bottom-center"] {
+.toast-container_e318658ab[data-position="bottom-center"] {
   bottom: var(--toast-offset, 16px);
   left: 50%;
   transform: translateX(-50%);
@@ -48,7 +49,7 @@
   flex-direction: column-reverse;
 }
 
-.toast-container[data-position="bottom-right"] {
+.toast-container_e318658ab[data-position="bottom-right"] {
   bottom: var(--toast-offset, 16px);
   right: var(--toast-offset, 16px);
   align-items: flex-end;
@@ -59,7 +60,7 @@
  * Toast Item
  * =================================== */
 
-.toast-item {
+.toast-item_e318658ab {
   display: flex;
   align-items: flex-start;
   gap: var(--spacing-3);
@@ -77,7 +78,7 @@
  * Toast Icon
  * =================================== */
 
-.toast-icon {
+.toast-icon_e318658ab {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -86,23 +87,23 @@
 }
 
 /* Icon colors by tone */
-.toast-item[data-tone="neutral"] .toast-icon {
+.toast-item_e318658ab[data-tone="neutral"] .toast-icon_e318658ab {
   color: var(--color-text-secondary);
 }
 
-.toast-item[data-tone="success"] .toast-icon {
+.toast-item_e318658ab[data-tone="success"] .toast-icon_e318658ab {
   color: var(--color-text-success);
 }
 
-.toast-item[data-tone="warning"] .toast-icon {
+.toast-item_e318658ab[data-tone="warning"] .toast-icon_e318658ab {
   color: var(--color-text-warning);
 }
 
-.toast-item[data-tone="critical"] .toast-icon {
+.toast-item_e318658ab[data-tone="critical"] .toast-icon_e318658ab {
   color: var(--color-text-critical);
 }
 
-.toast-item[data-tone="info"] .toast-icon {
+.toast-item_e318658ab[data-tone="info"] .toast-icon_e318658ab {
   color: var(--color-text-info);
 }
 
@@ -110,12 +111,12 @@
  * Toast Content
  * =================================== */
 
-.toast-content {
+.toast-content_e318658ab {
   flex: 1;
   min-width: 0;
 }
 
-.toast-title {
+.toast-title_e318658ab {
   margin: 0;
   font-size: var(--font-size-sm);
   font-weight: var(--font-weight-medium);
@@ -124,7 +125,7 @@
   overflow-wrap: break-word;
 }
 
-.toast-description {
+.toast-description_e318658ab {
   margin: var(--spacing-1) 0 0;
   font-size: var(--font-size-sm);
   color: var(--color-text-secondary);
@@ -136,7 +137,7 @@
  * Toast Action Button
  * =================================== */
 
-.toast-action {
+.toast-action_e318658ab {
   flex-shrink: 0;
   padding: var(--spacing-1) var(--spacing-2);
   background: transparent;
@@ -149,11 +150,11 @@
   transition: background-color var(--transition-fast);
 }
 
-.toast-action:hover {
+.toast-action_e318658ab:hover {
   background: var(--color-bg-primary-subtle);
 }
 
-.toast-action:focus-visible {
+.toast-action_e318658ab:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
@@ -162,7 +163,7 @@
  * Toast Close Button
  * =================================== */
 
-.toast-close {
+.toast-close_e318658ab {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -180,12 +181,12 @@
     color var(--transition-fast);
 }
 
-.toast-close:hover {
+.toast-close_e318658ab:hover {
   background: var(--color-bg-neutral-subtle);
   color: var(--color-text);
 }
 
-.toast-close:focus-visible {
+.toast-close_e318658ab:focus-visible {
   outline: none;
   box-shadow: var(--focus-ring);
 }
@@ -195,7 +196,7 @@
  * =================================== */
 
 /* Enter animation */
-@keyframes toast-enter-right {
+@keyframes toast-enter-right__e318658ab {
   from {
     opacity: 0;
     transform: translateX(100%);
@@ -206,7 +207,7 @@
   }
 }
 
-@keyframes toast-enter-left {
+@keyframes toast-enter-left__e318658ab {
   from {
     opacity: 0;
     transform: translateX(-100%);
@@ -217,7 +218,7 @@
   }
 }
 
-@keyframes toast-enter-center {
+@keyframes toast-enter-center__e318658ab {
   from {
     opacity: 0;
     transform: translateY(-16px) scale(0.95);
@@ -228,7 +229,7 @@
   }
 }
 
-@keyframes toast-enter-center-bottom {
+@keyframes toast-enter-center-bottom__e318658ab {
   from {
     opacity: 0;
     transform: translateY(16px) scale(0.95);
@@ -240,7 +241,7 @@
 }
 
 /* Exit animation */
-@keyframes toast-exit {
+@keyframes toast-exit__e318658ab {
   from {
     opacity: 1;
     transform: scale(1);
@@ -252,49 +253,49 @@
 }
 
 /* Apply enter animations based on position */
-.toast-container[data-position="top-right"] .toast-item[data-state="entering"],
-.toast-container[data-position="bottom-right"]
-  .toast-item[data-state="entering"] {
-  animation: toast-enter-right var(--duration-200) var(--easing-out);
+.toast-container_e318658ab[data-position="top-right"] .toast-item_e318658ab[data-state="entering"],
+.toast-container_e318658ab[data-position="bottom-right"]
+  .toast-item_e318658ab[data-state="entering"] {
+  animation: toast-enter-right__e318658ab var(--duration-200) var(--easing-out);
 }
 
-.toast-container[data-position="top-left"] .toast-item[data-state="entering"],
-.toast-container[data-position="bottom-left"]
-  .toast-item[data-state="entering"] {
-  animation: toast-enter-left var(--duration-200) var(--easing-out);
+.toast-container_e318658ab[data-position="top-left"] .toast-item_e318658ab[data-state="entering"],
+.toast-container_e318658ab[data-position="bottom-left"]
+  .toast-item_e318658ab[data-state="entering"] {
+  animation: toast-enter-left__e318658ab var(--duration-200) var(--easing-out);
 }
 
-.toast-container[data-position="top-center"]
-  .toast-item[data-state="entering"] {
-  animation: toast-enter-center var(--duration-200) var(--easing-out);
+.toast-container_e318658ab[data-position="top-center"]
+  .toast-item_e318658ab[data-state="entering"] {
+  animation: toast-enter-center__e318658ab var(--duration-200) var(--easing-out);
 }
 
-.toast-container[data-position="bottom-center"]
-  .toast-item[data-state="entering"] {
-  animation: toast-enter-center-bottom var(--duration-200) var(--easing-out);
+.toast-container_e318658ab[data-position="bottom-center"]
+  .toast-item_e318658ab[data-state="entering"] {
+  animation: toast-enter-center-bottom__e318658ab var(--duration-200) var(--easing-out);
 }
 
 /* Apply exit animation */
-.toast-item[data-state="exiting"] {
-  animation: toast-exit var(--duration-150) var(--easing-in) forwards;
+.toast-item_e318658ab[data-state="exiting"] {
+  animation: toast-exit__e318658ab var(--duration-150) var(--easing-in) forwards;
 }
 
 /* ===================================
  * Tone-specific borders (subtle accent)
  * =================================== */
 
-.toast-item[data-tone="success"] {
+.toast-item_e318658ab[data-tone="success"] {
   border-left: 3px solid var(--color-border-success);
 }
 
-.toast-item[data-tone="warning"] {
+.toast-item_e318658ab[data-tone="warning"] {
   border-left: 3px solid var(--color-border-warning);
 }
 
-.toast-item[data-tone="critical"] {
+.toast-item_e318658ab[data-tone="critical"] {
   border-left: 3px solid var(--color-border-critical);
 }
 
-.toast-item[data-tone="info"] {
+.toast-item_e318658ab[data-tone="info"] {
   border-left: 3px solid var(--color-border-info);
 }

package/dist/overlay/toast.js

@@ -47,7 +47,7 @@ class ToastItem extends Component {
     this.args.onDismiss(this.toast.id);
   };
   static {
-    setComponentTemplate(precompileTemplate("<div class=\"toast-item\" role={{this.role}} data-tone={{this.toast.tone}} data-state={{this.toast.state}} data-test-toast data-test-toast-id={{this.toast.id}} {{on \"mouseenter\" this.handleMouseEnter}} {{on \"mouseleave\" this.handleMouseLeave}} ...attributes>\n  {{#if this.icon}}\n    <span class=\"toast-icon\" data-test-toast-icon>\n      <Icon @icon={{this.icon}} @size=\"sm\" />\n    </span>\n  {{/if}}\n\n  <div class=\"toast-content\">\n    <p class=\"toast-title\" data-test-toast-title>{{this.toast.title}}</p>\n    {{#if this.toast.description}}\n      <p class=\"toast-description\" data-test-toast-description>\n        {{this.toast.description}}\n      </p>\n    {{/if}}\n  </div>\n\n  {{#if this.toast.action}}\n    <button type=\"button\" class=\"toast-action\" data-test-toast-action {{on \"click\" this.handleActionClick}}>\n      {{this.toast.action.label}}\n    </button>\n  {{/if}}\n\n  {{#if this.toast.dismissible}}\n    <button type=\"button\" class=\"toast-close\" aria-label=\"Dismiss notification\" data-test-toast-close {{on \"click\" this.handleDismiss}}>\n      <Icon @icon={{X}} @size=\"xs\" />\n    </button>\n  {{/if}}\n</div>", {
+    setComponentTemplate(precompileTemplate("<div class=\"toast-item_e318658ab\" role={{this.role}} data-tone={{this.toast.tone}} data-state={{this.toast.state}} data-test-toast data-test-toast-id={{this.toast.id}} {{on \"mouseenter\" this.handleMouseEnter}} {{on \"mouseleave\" this.handleMouseLeave}} ...attributes>\n  {{#if this.icon}}\n    <span class=\"toast-icon_e318658ab\" data-test-toast-icon>\n      <Icon @icon={{this.icon}} @size=\"sm\" />\n    </span>\n  {{/if}}\n\n  <div class=\"toast-content_e318658ab\">\n    <p class=\"toast-title_e318658ab\" data-test-toast-title>{{this.toast.title}}</p>\n    {{#if this.toast.description}}\n      <p class=\"toast-description_e318658ab\" data-test-toast-description>\n        {{this.toast.description}}\n      </p>\n    {{/if}}\n  </div>\n\n  {{#if this.toast.action}}\n    <button type=\"button\" class=\"toast-action_e318658ab\" data-test-toast-action {{on \"click\" this.handleActionClick}}>\n      {{this.toast.action.label}}\n    </button>\n  {{/if}}\n\n  {{#if this.toast.dismissible}}\n    <button type=\"button\" class=\"toast-close_e318658ab\" aria-label=\"Dismiss notification\" data-test-toast-close {{on \"click\" this.handleDismiss}}>\n      <Icon @icon={{X}} @size=\"xs\" />\n    </button>\n  {{/if}}\n</div>", {
       strictMode: true,
       scope: () => ({
         on,
@@ -110,7 +110,7 @@ class Toast extends Component {
     };
   });
   static {
-    setComponentTemplate(precompileTemplate("{{#if this.visibleToasts.length}}\n  {{#in-element this.destinationElement insertBefore=null}}\n    <div class=\"toast-container\" role=\"region\" aria-label=\"Notifications\" aria-live=\"polite\" data-position={{this.position}} style={{this.containerStyle}} {{this.setupWindowListeners}} data-test-toast-container ...attributes>\n      {{#each this.visibleToasts as |toastItem|}}\n        <ToastItem @toast={{toastItem}} @onDismiss={{this.handleDismiss}} @onMouseEnter={{this.handleMouseEnter}} @onMouseLeave={{this.handleMouseLeave}} />\n      {{/each}}\n    </div>\n  {{/in-element}}\n{{/if}}", {
+    setComponentTemplate(precompileTemplate("{{#if this.visibleToasts.length}}\n  {{#in-element this.destinationElement insertBefore=null}}\n    <div class=\"toast-container_e318658ab\" role=\"region\" aria-label=\"Notifications\" aria-live=\"polite\" data-position={{this.position}} style={{this.containerStyle}} {{this.setupWindowListeners}} data-test-toast-container ...attributes>\n      {{#each this.visibleToasts as |toastItem|}}\n        <ToastItem @toast={{toastItem}} @onDismiss={{this.handleDismiss}} @onMouseEnter={{this.handleMouseEnter}} @onMouseLeave={{this.handleMouseLeave}} />\n      {{/each}}\n    </div>\n  {{/in-element}}\n{{/if}}", {
       strictMode: true,
       scope: () => ({
         ToastItem