sonner-wc 0.1.0

package/dist/sonner-wc.bundle.js

@@ -0,0 +1,742 @@
+var Z=3;var y=4000,$=356,b=14,W=45,p=0.11,V=200,E=["altKey","KeyT"];var G='<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>',ra=Array.from({length:12},()=>'<div class="sonner-loading-bar"></div>').join(""),ba='<div class="sonner-loading-wrapper" data-visible="true"><div class="sonner-spinner">'+ra+"</div></div>";function U(a){switch(a){case"success":return'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z" clip-rule="evenodd"/></svg>';case"info":return'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z" clip-rule="evenodd"/></svg>';case"warning":return'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z" clip-rule="evenodd"/></svg>';case"error":return'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"/></svg>';case"loading":return null;default:return null}}var w=new Map,u=new Set,ta=1;function k(){return ta++}function j(a){w.set(a.toastId,a)}function H(a){if(w.get(a.toastId)===a)w.delete(a.toastId)}function v(a){return w.get(a)}function C(a){u.add(a)}function L(a){u.delete(a)}function M(){let a;for(let r of u)a=r;return a}function R(){for(let a of u)a.dismissAll()}var P=`:host {
+  position: fixed;
+  width: var(--width);
+  font-family:
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    Segoe UI,
+    Roboto,
+    Helvetica Neue,
+    Arial,
+    Noto Sans,
+    sans-serif,
+    Apple Color Emoji,
+    Segoe UI Emoji,
+    Segoe UI Symbol,
+    Noto Color Emoji;
+  --gray1: hsl(0, 0%, 99%);
+  --gray2: hsl(0, 0%, 97.3%);
+  --gray3: hsl(0, 0%, 95.1%);
+  --gray4: hsl(0, 0%, 93%);
+  --gray5: hsl(0, 0%, 90.9%);
+  --gray6: hsl(0, 0%, 88.7%);
+  --gray7: hsl(0, 0%, 85.8%);
+  --gray8: hsl(0, 0%, 78%);
+  --gray9: hsl(0, 0%, 56.1%);
+  --gray10: hsl(0, 0%, 52.3%);
+  --gray11: hsl(0, 0%, 43.5%);
+  --gray12: hsl(0, 0%, 9%);
+  --border-radius: 8px;
+  --width: 356px;
+  --gap: 14px;
+  --offset-top: 24px;
+  --offset-right: 24px;
+  --offset-bottom: 24px;
+  --offset-left: 24px;
+  --mobile-offset-top: 16px;
+  --mobile-offset-right: 16px;
+  --mobile-offset-bottom: 16px;
+  --mobile-offset-left: 16px;
+  --toast-icon-margin-start: -3px;
+  --toast-icon-margin-end: 4px;
+  --toast-svg-margin-start: -1px;
+  --toast-svg-margin-end: 0px;
+  --toast-button-margin-start: auto;
+  --toast-button-margin-end: 0;
+  --toast-close-button-start: 0;
+  --toast-close-button-end: unset;
+  --toast-close-button-transform: translate(-35%, -35%);
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+  outline: none;
+  z-index: 999999999;
+  transition: transform 400ms ease;
+  display: block;
+}
+
+[data-frame] {
+  display: block;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  font-family: inherit;
+}
+
+:host([dir='rtl']) {
+  --toast-icon-margin-start: 4px;
+  --toast-icon-margin-end: -3px;
+  --toast-svg-margin-start: 0px;
+  --toast-svg-margin-end: -1px;
+  --toast-button-margin-start: 0;
+  --toast-button-margin-end: auto;
+  --toast-close-button-start: unset;
+  --toast-close-button-end: 0;
+  --toast-close-button-transform: translate(35%, -35%);
+}
+
+:host([data-x-position='right']) {
+  right: var(--offset-right);
+}
+:host([data-x-position='left']) {
+  left: var(--offset-left);
+}
+:host([data-x-position='center']) {
+  left: 50%;
+  transform: translateX(-50%);
+}
+:host([data-y-position='top']) {
+  top: var(--offset-top);
+}
+:host([data-y-position='bottom']) {
+  bottom: var(--offset-bottom);
+}
+
+@media (hover: none) and (pointer: coarse) {
+  :host([data-lifted='true']) {
+    transform: none;
+  }
+}
+
+/* Theme palette via light-dark(). The \`theme\` attribute on <sonner-toaster>
+ * (light / dark, or resolved from \`system\`) drives \`color-scheme\` on the host,
+ * which determines which side of each light-dark() pair wins. */
+:host([data-sonner-theme='light']) { color-scheme: light; }
+:host([data-sonner-theme='dark']) { color-scheme: dark; }
+
+:host {
+  --normal-bg: light-dark(#fff, #000);
+  --normal-bg-hover: light-dark(var(--gray2), hsl(0, 0%, 12%));
+  --normal-border: light-dark(var(--gray4), hsl(0, 0%, 20%));
+  --normal-border-hover: light-dark(var(--gray5), hsl(0, 0%, 25%));
+  --normal-text: light-dark(var(--gray12), var(--gray1));
+  --invert-bg: light-dark(#000, #fff);
+  --invert-border: light-dark(hsl(0, 0%, 20%), var(--gray3));
+  --invert-text: light-dark(var(--gray1), var(--gray12));
+  --description-color: light-dark(#3f3f3f, hsl(0, 0%, 91%));
+  --cancel-bg: light-dark(rgba(0, 0, 0, 0.08), rgba(255, 255, 255, 0.3));
+  --success-bg: light-dark(hsl(143, 85%, 96%), hsl(150, 100%, 6%));
+  --success-border: light-dark(hsl(145, 92%, 87%), hsl(147, 100%, 12%));
+  --success-text: light-dark(hsl(140, 100%, 27%), hsl(150, 86%, 65%));
+  --info-bg: light-dark(hsl(208, 100%, 97%), hsl(215, 100%, 6%));
+  --info-border: light-dark(hsl(221, 91%, 93%), hsl(223, 43%, 17%));
+  --info-text: light-dark(hsl(210, 92%, 45%), hsl(216, 87%, 65%));
+  --warning-bg: light-dark(hsl(49, 100%, 97%), hsl(64, 100%, 6%));
+  --warning-border: light-dark(hsl(49, 91%, 84%), hsl(60, 100%, 9%));
+  --warning-text: light-dark(hsl(31, 92%, 45%), hsl(46, 87%, 65%));
+  --error-bg: light-dark(hsl(359, 100%, 97%), hsl(358, 76%, 10%));
+  --error-border: light-dark(hsl(359, 100%, 94%), hsl(357, 89%, 16%));
+  --error-text: light-dark(hsl(360, 100%, 45%), hsl(358, 100%, 81%));
+}
+
+@media (max-width: 600px) {
+  /* width is intentionally \`auto\` so that the toaster respects BOTH offsets
+   * and fits between them. Sonner's reference CSS uses width: 100% here, but
+   * that's over-constrained with both left and right set — the right offset
+   * gets ignored and the element extends past the viewport's right edge by
+   * --mobile-offset-right (visible unless body has overflow-x: hidden). */
+  :host {
+    position: fixed;
+    right: var(--mobile-offset-right);
+    left: var(--mobile-offset-left);
+    width: auto;
+  }
+  :host([dir='rtl']) {
+    left: calc(var(--mobile-offset-left) * -1);
+  }
+  :host([data-x-position='left']) {
+    left: var(--mobile-offset-left);
+  }
+  :host([data-x-position='right']) {
+    right: var(--mobile-offset-right);
+  }
+  :host([data-y-position='bottom']) {
+    bottom: var(--mobile-offset-bottom);
+  }
+  :host([data-y-position='top']) {
+    top: var(--mobile-offset-top);
+  }
+  :host([data-x-position='center']) {
+    left: var(--mobile-offset-left);
+    right: var(--mobile-offset-right);
+    transform: none;
+  }
+}
+`;var q=`:host {
+  --y: translateY(100%);
+  --lift-amount: calc(var(--lift) * var(--gap, 14px));
+  z-index: var(--z-index);
+  position: absolute;
+  opacity: 0;
+  transform: var(--y);
+  touch-action: none;
+  transition:
+    transform 400ms,
+    opacity 400ms,
+    height 400ms,
+    box-shadow 200ms;
+  /* Enables the height transition to interpolate to/from auto (intrinsic size).
+   * Supported in Chromium ≥129; in other engines the transition gracefully falls
+   * back to snapping, same as the React Sonner reference. */
+  interpolate-size: allow-keywords;
+  box-sizing: border-box;
+  width: var(--width);
+}
+
+[data-frame] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-family: inherit;
+  font-size: 13px;
+  font-weight: 400;
+  font-style: normal;
+  line-height: normal;
+  letter-spacing: normal;
+  text-align: start;
+  text-transform: none;
+  color: var(--normal-text);
+  outline: none;
+  overflow-wrap: anywhere;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+}
+
+:host([data-styled='true']) [data-frame] {
+  padding: 16px;
+  background: var(--normal-bg);
+  border: 1px solid var(--normal-border);
+  color: var(--normal-text);
+  border-radius: var(--border-radius);
+  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
+}
+
+/* Unstyled (toast.custom): hide built-in chrome, let the slotted content fill the host. */
+:host([data-styled='false']) [data-frame] {
+  display: block;
+}
+:host([data-styled='false']) [data-icon],
+:host([data-styled='false']) [data-content],
+:host([data-styled='false']) [data-close-button] {
+  display: none;
+}
+
+/* Hide the icon container when no icon has been slotted AND no built-in spinner is
+ * showing (default-type toasts have no built-in icon, so otherwise its fixed 16x16 +
+ * side margins reserve a phantom gap).
+ * The element toggles data-has-icon / data-has-description on slotchange. */
+:host(:not([data-has-icon]):not([data-type='loading'])) [data-icon] {
+  display: none;
+}
+:host(:not([data-has-description])) [data-description] {
+  display: none;
+}
+
+/* Spinner lives in the shadow DOM so its CSS can match its descendants (slotted
+ * elements can't be styled past their host from a shadow stylesheet). It is hidden
+ * by default and only revealed when type='loading' AND no user icon was slotted. */
+:host([data-type='loading']:not([data-has-icon])) .sonner-loading-wrapper {
+  display: block;
+}
+:host(:not([data-type='loading']):not([data-has-icon])) .sonner-loading-wrapper,
+:host([data-has-icon]) .sonner-loading-wrapper {
+  display: none;
+}
+
+:host(:focus-visible) [data-frame] {
+  box-shadow:
+    0px 4px 12px rgba(0, 0, 0, 0.1),
+    0 0 0 2px rgba(0, 0, 0, 0.2);
+}
+
+:host([data-y-position='top']) {
+  top: 0;
+  --y: translateY(-100%);
+  --lift: 1;
+  --lift-amount: calc(1 * var(--gap, 14px));
+}
+
+:host([data-y-position='bottom']) {
+  bottom: 0;
+  --y: translateY(100%);
+  --lift: -1;
+  --lift-amount: calc(var(--lift) * var(--gap, 14px));
+}
+
+:host([data-x-position='right']) {
+  right: 0;
+}
+:host([data-x-position='left']) {
+  left: 0;
+}
+
+[data-content] {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  flex: 1;
+  min-width: 0;
+}
+
+[data-title],
+::slotted([slot='title']) {
+  font-weight: 500;
+  line-height: 1.5;
+  color: inherit;
+}
+
+[data-description] {
+  font-weight: 400;
+  line-height: 1.4;
+  color: var(--description-color, #3f3f3f);
+}
+:host([data-rich-colors='true']) [data-description] {
+  color: inherit;
+}
+::slotted([slot='description']) {
+  color: inherit;
+}
+
+[data-icon] {
+  display: flex;
+  height: 16px;
+  width: 16px;
+  position: relative;
+  justify-content: flex-start;
+  align-items: center;
+  flex-shrink: 0;
+  margin-left: var(--toast-icon-margin-start);
+  margin-right: var(--toast-icon-margin-end);
+}
+[data-icon] > * {
+  flex-shrink: 0;
+}
+[data-icon] svg {
+  margin-left: var(--toast-svg-margin-start);
+  margin-right: var(--toast-svg-margin-end);
+}
+:host([data-promise='true']) [data-icon] > svg {
+  opacity: 0;
+  transform: scale(0.8);
+  transform-origin: center;
+  animation: sonner-fade-in 300ms ease forwards;
+}
+
+[data-button],
+::slotted(button[slot='action']),
+::slotted(button[slot='cancel']) {
+  border-radius: 4px;
+  padding-left: 8px;
+  padding-right: 8px;
+  height: 24px;
+  font-size: 12px;
+  background: var(--normal-text);
+  color: contrast-color(var(--normal-text));
+  margin-left: var(--toast-button-margin-start);
+  margin-right: var(--toast-button-margin-end);
+  border: none;
+  font-weight: 500;
+  cursor: pointer;
+  outline: none;
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  transition:
+    opacity 400ms,
+    box-shadow 200ms;
+  font-family: inherit;
+}
+[data-button]:focus-visible {
+  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.4);
+}
+[data-cancel],
+::slotted(button[slot='cancel']) {
+  color: var(--normal-text);
+  background: var(--cancel-bg, rgba(0, 0, 0, 0.08));
+}
+
+[data-close-button] {
+  position: absolute;
+  left: var(--toast-close-button-start);
+  right: var(--toast-close-button-end);
+  top: 0;
+  height: 20px;
+  width: 20px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0;
+  color: var(--normal-text);
+  background: var(--normal-bg);
+  border: 1px solid var(--normal-border);
+  transform: var(--toast-close-button-transform);
+  border-radius: 50%;
+  cursor: pointer;
+  z-index: 1;
+  transition:
+    opacity 100ms,
+    background 200ms,
+    border-color 200ms;
+  font: inherit;
+}
+[data-close-button][hidden] {
+  display: none;
+}
+[data-close-button]:focus-visible {
+  box-shadow:
+    0px 4px 12px rgba(0, 0, 0, 0.1),
+    0 0 0 2px rgba(0, 0, 0, 0.2);
+}
+:host(:hover) [data-close-button]:hover {
+  background: var(--normal-bg-hover, var(--gray2));
+  border-color: var(--normal-border-hover, var(--gray5));
+}
+
+:host([data-swiping='true'])::before {
+  content: '';
+  position: absolute;
+  left: -100%;
+  right: -100%;
+  height: 100%;
+  z-index: -1;
+}
+:host([data-y-position='top'][data-swiping='true'])::before {
+  bottom: 50%;
+  transform: scaleY(3) translateY(50%);
+}
+:host([data-y-position='bottom'][data-swiping='true'])::before {
+  top: 50%;
+  transform: scaleY(3) translateY(-50%);
+}
+:host([data-swiping='false'][data-removed='true'])::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  transform: scaleY(2);
+}
+:host([data-expanded='true'])::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  height: calc(var(--gap, 14px) + 1px);
+  bottom: 100%;
+  width: 100%;
+}
+
+:host([data-mounted='true']) {
+  --y: translateY(0);
+  opacity: 1;
+}
+
+/* Heights, driven entirely by CSS. With interpolate-size:allow-keywords on :host,
+ * transitions between auto (front collapsed) and the pixel var()s animate smoothly. */
+:host([data-mounted='true'][data-front='true'][data-expanded='false']) {
+  height: auto;
+}
+
+:host([data-expanded='false'][data-front='false']) {
+  --scale: var(--toasts-before) * 0.05 + 1;
+  --y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));
+  height: var(--front-toast-height);
+}
+
+[data-frame] > * {
+  transition: opacity 400ms;
+}
+:host([data-expanded='false'][data-front='false'][data-styled='true']) [data-frame] > * {
+  opacity: 0;
+}
+:host([data-visible='false']) {
+  opacity: 0;
+  pointer-events: none;
+}
+
+:host([data-mounted='true'][data-expanded='true']) {
+  --y: translateY(calc(var(--lift) * var(--offset)));
+  height: var(--initial-height);
+}
+
+:host([data-removed='true'][data-front='true'][data-swipe-out='false']) {
+  --y: translateY(calc(var(--lift) * -100%));
+  opacity: 0;
+}
+:host([data-removed='true'][data-front='false'][data-swipe-out='false'][data-expanded='true']) {
+  --y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));
+  opacity: 0;
+}
+:host([data-removed='true'][data-front='false'][data-swipe-out='false'][data-expanded='false']) {
+  --y: translateY(40%);
+  opacity: 0;
+  transition:
+    transform 500ms,
+    opacity 200ms;
+}
+:host([data-removed='true'][data-front='false'])::before {
+  height: calc(var(--initial-height) + 20%);
+}
+
+:host([data-swiping='true']) {
+  transform: var(--y) translateY(var(--swipe-amount-y, 0px)) translateX(var(--swipe-amount-x, 0px));
+  transition: none;
+}
+:host([data-swiped='true']) {
+  user-select: none;
+  -webkit-user-select: none;
+}
+:host([data-swipe-out='true'][data-y-position='bottom']),
+:host([data-swipe-out='true'][data-y-position='top']) {
+  animation-duration: 200ms;
+  animation-timing-function: ease-out;
+  animation-fill-mode: forwards;
+}
+:host([data-swipe-out='true'][data-swipe-direction='left']) {
+  animation-name: swipe-out-left;
+}
+:host([data-swipe-out='true'][data-swipe-direction='right']) {
+  animation-name: swipe-out-right;
+}
+:host([data-swipe-out='true'][data-swipe-direction='up']) {
+  animation-name: swipe-out-up;
+}
+:host([data-swipe-out='true'][data-swipe-direction='down']) {
+  animation-name: swipe-out-down;
+}
+
+:host([data-invert='true']) {
+  --normal-bg: var(--invert-bg);
+  --normal-border: var(--invert-border);
+  --normal-text: var(--invert-text);
+}
+
+:host([data-rich-colors='true'][data-type='success']) [data-frame] {
+  background: var(--success-bg);
+  border-color: var(--success-border);
+  color: var(--success-text);
+}
+:host([data-rich-colors='true'][data-type='success']) [data-close-button] {
+  background: var(--success-bg);
+  border-color: var(--success-border);
+  color: var(--success-text);
+}
+:host([data-rich-colors='true'][data-type='info']) [data-frame] {
+  background: var(--info-bg);
+  border-color: var(--info-border);
+  color: var(--info-text);
+}
+:host([data-rich-colors='true'][data-type='info']) [data-close-button] {
+  background: var(--info-bg);
+  border-color: var(--info-border);
+  color: var(--info-text);
+}
+:host([data-rich-colors='true'][data-type='warning']) [data-frame] {
+  background: var(--warning-bg);
+  border-color: var(--warning-border);
+  color: var(--warning-text);
+}
+:host([data-rich-colors='true'][data-type='warning']) [data-close-button] {
+  background: var(--warning-bg);
+  border-color: var(--warning-border);
+  color: var(--warning-text);
+}
+:host([data-rich-colors='true'][data-type='error']) [data-frame] {
+  background: var(--error-bg);
+  border-color: var(--error-border);
+  color: var(--error-text);
+}
+:host([data-rich-colors='true'][data-type='error']) [data-close-button] {
+  background: var(--error-bg);
+  border-color: var(--error-border);
+  color: var(--error-text);
+}
+
+@keyframes swipe-out-left {
+  from {
+    transform: var(--y) translateX(var(--swipe-amount-x));
+    opacity: 1;
+  }
+  to {
+    transform: var(--y) translateX(calc(var(--swipe-amount-x) - 100%));
+    opacity: 0;
+  }
+}
+@keyframes swipe-out-right {
+  from {
+    transform: var(--y) translateX(var(--swipe-amount-x));
+    opacity: 1;
+  }
+  to {
+    transform: var(--y) translateX(calc(var(--swipe-amount-x) + 100%));
+    opacity: 0;
+  }
+}
+@keyframes swipe-out-up {
+  from {
+    transform: var(--y) translateY(var(--swipe-amount-y));
+    opacity: 1;
+  }
+  to {
+    transform: var(--y) translateY(calc(var(--swipe-amount-y) - 100%));
+    opacity: 0;
+  }
+}
+@keyframes swipe-out-down {
+  from {
+    transform: var(--y) translateY(var(--swipe-amount-y));
+    opacity: 1;
+  }
+  to {
+    transform: var(--y) translateY(calc(var(--swipe-amount-y) + 100%));
+    opacity: 0;
+  }
+}
+
+.sonner-loading-wrapper {
+  --size: 16px;
+  height: var(--size);
+  width: var(--size);
+  position: absolute;
+  inset: 0;
+  z-index: 10;
+}
+/* The wrapper is shown/hidden by the :host([data-type='loading']…) rules above; no
+ * data-visible attribute needed here. */
+.sonner-spinner {
+  position: relative;
+  top: 50%;
+  left: 50%;
+  height: var(--size);
+  width: var(--size);
+}
+.sonner-loading-bar {
+  animation: sonner-spin 1.2s linear infinite;
+  background: var(--gray11, hsl(0, 0%, 43.5%));
+  border-radius: 6px;
+  height: 8%;
+  left: -10%;
+  position: absolute;
+  top: -3.9%;
+  width: 24%;
+}
+.sonner-loading-bar:nth-child(1) {
+  animation-delay: -1.2s;
+  transform: rotate(0.0001deg) translate(146%);
+}
+.sonner-loading-bar:nth-child(2) {
+  animation-delay: -1.1s;
+  transform: rotate(30deg) translate(146%);
+}
+.sonner-loading-bar:nth-child(3) {
+  animation-delay: -1s;
+  transform: rotate(60deg) translate(146%);
+}
+.sonner-loading-bar:nth-child(4) {
+  animation-delay: -0.9s;
+  transform: rotate(90deg) translate(146%);
+}
+.sonner-loading-bar:nth-child(5) {
+  animation-delay: -0.8s;
+  transform: rotate(120deg) translate(146%);
+}
+.sonner-loading-bar:nth-child(6) {
+  animation-delay: -0.7s;
+  transform: rotate(150deg) translate(146%);
+}
+.sonner-loading-bar:nth-child(7) {
+  animation-delay: -0.6s;
+  transform: rotate(180deg) translate(146%);
+}
+.sonner-loading-bar:nth-child(8) {
+  animation-delay: -0.5s;
+  transform: rotate(210deg) translate(146%);
+}
+.sonner-loading-bar:nth-child(9) {
+  animation-delay: -0.4s;
+  transform: rotate(240deg) translate(146%);
+}
+.sonner-loading-bar:nth-child(10) {
+  animation-delay: -0.3s;
+  transform: rotate(270deg) translate(146%);
+}
+.sonner-loading-bar:nth-child(11) {
+  animation-delay: -0.2s;
+  transform: rotate(300deg) translate(146%);
+}
+.sonner-loading-bar:nth-child(12) {
+  animation-delay: -0.1s;
+  transform: rotate(330deg) translate(146%);
+}
+
+@keyframes sonner-fade-in {
+  0% {
+    opacity: 0;
+    transform: scale(0.8);
+  }
+  100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+@keyframes sonner-fade-out {
+  0% {
+    opacity: 1;
+    transform: scale(1);
+  }
+  100% {
+    opacity: 0;
+    transform: scale(0.8);
+  }
+}
+@keyframes sonner-spin {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0.15;
+  }
+}
+
+@media (prefers-reduced-motion) {
+  :host,
+  [data-frame],
+  [data-frame] > *,
+  .sonner-loading-bar {
+    transition: none !important;
+    animation: none !important;
+  }
+}
+
+/* Mobile: toasts fill the toaster's full width instead of staying pinned to
+ * --width (356px). Mirrors Sonner's mobile rule on [data-sonner-toast].
+ * Breakpoint matches the toaster's own mobile threshold. */
+@media (max-width: 600px) {
+  :host([data-styled='true']),
+  :host([data-styled='false']) {
+    left: 0;
+    right: 0;
+    width: 100%;
+  }
+}
+`;var S=null,Y=null;function B(){if(!S)S=new CSSStyleSheet,S.replaceSync(P);return S}function A(){if(!Y)Y=new CSSStyleSheet,Y.replaceSync(q);return Y}var da=typeof HTMLElement!=="undefined"?HTMLElement:class{};function K(a){return a==="error"||a==="warning"}function N(a,r,t){for(let n of Array.from(a.children))if(n.getAttribute("slot")===r)a.removeChild(n);if(t==null||t==="")return;let o=typeof t==="function"?t():t;if(o instanceof Node){if(o instanceof Element)o.setAttribute("slot",r);a.appendChild(o)}else{let n=document.createElement("span");n.setAttribute("slot",r),n.textContent=String(o),a.appendChild(n)}}function F(a,r,t,o){for(let h of Array.from(a.children))if(h.getAttribute("slot")===r)a.removeChild(h);if(!t)return;if(t instanceof HTMLElement){t.setAttribute("slot",r),a.appendChild(t);return}let n=document.createElement("button");if(n.setAttribute("slot",r),n.setAttribute("type","button"),r==="cancel")n.setAttribute("data-cancel","");else n.setAttribute("data-action","");n.textContent=t.label,n.addEventListener("click",(h)=>{if(t.onClick?.(h),h.defaultPrevented&&r==="action")return;o()}),a.appendChild(n)}var ha=Array.from({length:12},()=>'<div class="sonner-loading-bar"></div>').join(""),ia=`
+  <div data-frame part="frame">
+    <button type="button" data-close-button part="close-button" hidden aria-label="Close toast"></button>
+    <div data-icon part="icon">
+      <slot name="icon"></slot>
+      <div class="sonner-loading-wrapper" aria-hidden="true">
+        <div class="sonner-spinner">${ha}</div>
+      </div>
+    </div>
+    <div data-content part="content">
+      <div data-title part="title"><slot name="title"></slot></div>
+      <div data-description part="description"><slot name="description"></slot></div>
+    </div>
+    <slot name="cancel"></slot>
+    <slot name="action"></slot>
+    <slot part="custom"></slot>
+  </div>
+`;class l extends da{static get observedAttributes(){return["type","duration","dismissible","position","close-button","rich-colors","invert"]}toastId=0;#o;#e;#w;#c;#t;#f=null;#d=y;#a=null;#s=0;#n=new Set;#h=null;#b=0;#i=null;#m=null;#x=!1;#g=!1;#Y=!1;#y;#u;#k=null;#l=null;constructor(){super();this.#o=this.attachShadow({mode:"open"}),this.#o.adoptedStyleSheets=[A()];let a=document.createElement("template");a.innerHTML=ia,this.#o.appendChild(a.content.cloneNode(!0)),this.#e=this.#o.querySelector("[data-close-button]"),this.#w=this.#o.querySelector("[data-icon]"),this.#c=this.#o.querySelector("[data-title]"),this.#t=this.#o.querySelector("[data-description]"),this.#e.innerHTML=G,this.#e.addEventListener("click",()=>this.dismiss());let r=this.#o.querySelector('slot[name="icon"]'),t=this.#o.querySelector('slot[name="description"]');r.addEventListener("slotchange",()=>this.#X("icon",r)),t.addEventListener("slotchange",()=>this.#X("description",t)),this.addEventListener("pointerdown",this.#H),this.addEventListener("pointermove",this.#C),this.addEventListener("pointerup",this.#U),this.addEventListener("pointercancel",this.#U),this.addEventListener("mouseenter",()=>this.#Z("hover-self")),this.addEventListener("mouseleave",()=>this.#$("hover-self")),this.addEventListener("focusin",(o)=>{if(this.#Z("focus-self"),this.#l)return;let n=o.relatedTarget;if(n&&!this.contains(n))this.#l=n}),this.addEventListener("focusout",()=>this.#$("focus-self")),this.addEventListener("keydown",(o)=>{if(o.key==="Escape"&&this.#W())o.stopPropagation(),this.dismiss()})}connectedCallback(){if(!this.toastId)this.toastId=this.getAttribute("id")||0;if(!this.hasAttribute("tabindex"))this.tabIndex=0;if(this.#_(),this.#J(),this.#K(),this.#S(),this.#Q(),this.#v(),this.setAttribute("data-sonner-toast",""),!this.hasAttribute("aria-atomic"))this.setAttribute("aria-atomic","true");if(this.setAttribute("data-mounted","false"),this.setAttribute("data-removed","false"),this.setAttribute("data-swiping","false"),this.setAttribute("data-swiped","false"),this.setAttribute("data-swipe-out","false"),!this.hasAttribute("data-styled"))this.setAttribute("data-styled","true");j(this),document.addEventListener("visibilitychange",this.#G),requestAnimationFrame(()=>{this.#x=!0,this.setAttribute("data-mounted","true"),this.dispatchEvent(new CustomEvent("sonner-toast-mounted",{bubbles:!0,composed:!0})),this.#p()})}disconnectedCallback(){if(this.#a)clearTimeout(this.#a);document.removeEventListener("visibilitychange",this.#G),H(this)}attributeChangedCallback(a,r,t){if(!this.isConnected)return;switch(a){case"type":this.#_();break;case"duration":this.#f=this.#V(),this.#d=this.#f??y;break;case"dismissible":this.#J();break;case"position":this.#K();break;case"close-button":this.#v();break;case"rich-colors":this.#S();break;case"invert":this.#Q();break}}get toastType(){return this.getAttribute("type")||"default"}dismiss(){if(this.#g||this.#Y)return;if(this.#Y=!0,this.#g=!0,this.setAttribute("data-removed","true"),this.#a)clearTimeout(this.#a);this.dispatchEvent(new CustomEvent("sonner-toast-dismissed",{bubbles:!0,composed:!0})),setTimeout(()=>{this.#r(),this.#y?.(this),this.remove()},V)}#r(){if(!this.#l)return;let a=document.activeElement;if(!a||!this.contains(a))return;let r=this.#l;if(!r.isConnected||typeof r.focus!=="function")return;r.focus()}update(a){let r=a.type!==void 0&&a.type!==this.toastType,t=K(this.toastType);if(a.type!==void 0)this.setAttribute("type",a.type);let o=!1;if(a.duration!==void 0)this.setAttribute("duration",String(a.duration)),this.#f=a.duration,this.#d=a.duration,o=!0;else if(r)this.#f=null,this.removeAttribute("duration"),this.#d=0,o=!0;if(a.dismissible!==void 0)if(a.dismissible)this.setAttribute("dismissible","");else this.removeAttribute("dismissible");if(a.position!==void 0)this.setAttribute("position",a.position);if(a.closeButton!==void 0)if(a.closeButton)this.setAttribute("close-button","");else this.removeAttribute("close-button");if(a.richColors!==void 0)if(a.richColors)this.setAttribute("rich-colors","");else this.removeAttribute("rich-colors");if(a.invert!==void 0)if(a.invert)this.setAttribute("invert","");else this.removeAttribute("invert");if(a.icon!==void 0)this.setIcon(a.icon);if(a.title!==void 0)this.setTitle(a.title);if(a.description!==void 0)this.setDescription(a.description);if(a.action!==void 0)F(this,"action",a.action,()=>this.dismiss());if(a.cancel!==void 0)F(this,"cancel",a.cancel,()=>this.dismiss());if(a.className)this.className=a.className;if(a.testId!==void 0)this.setAttribute("data-testid",a.testId);if(a.closeButtonAriaLabel!==void 0)this.#k=a.closeButtonAriaLabel||null,this.#z();if(a.onDismiss)this.#y=a.onDismiss;if(a.onAutoClose)this.#u=a.onAutoClose;if(o)this.#j();if(this.#x&&r&&!t&&K(this.toastType)){let h=Array.from(this.children).find((e)=>e.getAttribute("slot")==="title")?.textContent?.trim();if(h)this.closest("sonner-toaster")?.announceUrgent(h)}this.dispatchEvent(new CustomEvent("sonner-toast-updated",{bubbles:!0,composed:!0}))}setTitle(a){N(this,"title",a),this.#z()}#z(){if(this.#k){this.#e.setAttribute("aria-label",this.#k);return}let r=Array.from(this.children).find((t)=>t.getAttribute("slot")==="title")?.textContent?.trim();this.#e.setAttribute("aria-label",r?`Close: ${r}`:"Close toast")}setDescription(a){N(this,"description",a)}setIcon(a){for(let r of Array.from(this.children))if(r.getAttribute("slot")==="icon")this.removeChild(r);if(a==null)return;if(a instanceof Node){if(a instanceof Element)a.setAttribute("slot","icon");this.appendChild(a)}else{let r=document.createElement("template");r.innerHTML=a;let t=r.content.firstElementChild;if(t)t.setAttribute("slot","icon"),this.appendChild(t)}}setHandlers(a){this.#y=a.onDismiss,this.#u=a.onAutoClose}setPaused(a){if(a)this.#Z("toaster");else this.#$("toaster")}#X(a,r){if(r.assignedNodes().length>0)this.setAttribute(`data-has-${a}`,"");else this.removeAttribute(`data-has-${a}`)}#_(){let a=this.toastType;this.setAttribute("data-type",a);let r=K(a);if(this.setAttribute("role",r?"alert":"status"),this.setAttribute("aria-live",r?"assertive":"polite"),a==="loading"){this.setAttribute("data-promise","true");for(let t of Array.from(this.children))if(t.getAttribute("slot")==="icon"&&t.hasAttribute("data-sonner-default-icon"))this.removeChild(t)}else if(this.removeAttribute("data-promise"),!Array.from(this.children).some((o)=>{if(o.getAttribute("slot")!=="icon")return!1;return!o.hasAttribute("data-sonner-default-icon")})){for(let n of Array.from(this.children))if(n.getAttribute("slot")==="icon"&&n.hasAttribute("data-sonner-default-icon"))this.removeChild(n);let o=U(a);if(o){let n=document.createElement("template");n.innerHTML=o;let h=n.content.firstElementChild;if(h)h.setAttribute("slot","icon"),h.setAttribute("data-sonner-default-icon",""),this.appendChild(h)}}}#J(){let a=this.getAttribute("dismissible")!=="false";this.setAttribute("data-dismissible",String(a))}#K(){let a=this.getAttribute("position");if(!a)return;let[r,t]=a.split("-");if(r)this.setAttribute("data-y-position",r);if(t)this.setAttribute("data-x-position",t)}#v(){let a=this.hasAttribute("close-button")&&this.getAttribute("close-button")!=="false";this.#e.hidden=!a}#S(){let a=this.hasAttribute("rich-colors")&&this.getAttribute("rich-colors")!=="false";this.setAttribute("data-rich-colors",String(a))}#Q(){let a=this.hasAttribute("invert")&&this.getAttribute("invert")!=="false";this.setAttribute("data-invert",String(a))}#V(){let a=this.getAttribute("duration");if(a==null)return null;if(a==="Infinity")return 1/0;let r=Number(a);return Number.isFinite(r)||r===1/0?r:null}#E(){let a=this.#f??this.#V();if(a!==null)return a;if(this.toastType==="loading")return 1/0;return y}#p(){if(!this.#x||this.#g)return;if(this.#n.size>0)return;if(this.#a!==null)return;let a=this.#E();if(a===1/0)return;this.#d=this.#d>0?this.#d:a,this.#s=Date.now(),this.#a=setTimeout(()=>{this.#a=null,this.#u?.(this),this.dispatchEvent(new CustomEvent("sonner-toast-autoclosed",{bubbles:!0,composed:!0})),this.dismiss()},this.#d)}#Z(a){let r=this.#n.size===0;if(this.#n.add(a),r&&this.#a!==null){clearTimeout(this.#a),this.#a=null;let t=Date.now()-this.#s;this.#d=Math.max(0,this.#d-t)}}#$(a){if(!this.#n.delete(a))return;if(this.#n.size===0&&!this.#g)this.#p()}#j(){if(this.#a)clearTimeout(this.#a),this.#a=null;this.#d=this.#E(),this.#p()}#G=()=>{if(document.visibilityState==="hidden")this.#Z("doc-hidden");else this.#$("doc-hidden")};#W(){return this.getAttribute("dismissible")!=="false"}#H=(a)=>{if(a.button===2)return;if(this.toastType==="loading"||!this.#W())return;let r=a.composedPath()[0];if(r){if(r.tagName==="BUTTON"||typeof r.closest==="function"&&r.closest("button"))return}this.#b=Date.now();try{this.setPointerCapture(a.pointerId)}catch{}if(this.setAttribute("data-swiping","true"),this.#h={x:a.clientX,y:a.clientY},!this.#m){let t=this.getAttribute("data-y-position"),o=this.getAttribute("data-x-position"),n=[];if(t==="top"||t==="bottom")n.push(t);if(o==="left"||o==="right")n.push(o);this.#m=n.length>0?n:["bottom","right"]}};#C=(a)=>{if(!this.#h||!this.#W())return;if((window.getSelection()?.toString().length??0)>0)return;let r=a.clientY-this.#h.y,t=a.clientX-this.#h.x,o=this.#m;if(!this.#i&&(Math.abs(t)>1||Math.abs(r)>1))this.#i=Math.abs(t)>Math.abs(r)?"x":"y";let n=(d)=>1/(1.5+Math.abs(d)/20),h=0,e=0;if(this.#i==="y"){if(o.includes("top")||o.includes("bottom"))if(o.includes("top")&&r<0||o.includes("bottom")&&r>0)e=r;else{let d=r*n(r);e=Math.abs(d)<Math.abs(r)?d:r}}else if(this.#i==="x"){if(o.includes("left")||o.includes("right"))if(o.includes("left")&&t<0||o.includes("right")&&t>0)h=t;else{let d=t*n(t);h=Math.abs(d)<Math.abs(t)?d:t}}if(Math.abs(h)>0||Math.abs(e)>0)this.setAttribute("data-swiped","true");this.style.setProperty("--swipe-amount-x",`${h}px`),this.style.setProperty("--swipe-amount-y",`${e}px`)};#U=()=>{if(this.getAttribute("data-swipe-out")==="true"||!this.#W()){this.#h=null,this.#i=null,this.setAttribute("data-swiping","false");return}let a=parseFloat(this.style.getPropertyValue("--swipe-amount-x"))||0,r=parseFloat(this.style.getPropertyValue("--swipe-amount-y"))||0,t=Math.max(1,Date.now()-this.#b),o=this.#i==="x"?a:r,n=Math.abs(o)/t;if(Math.abs(o)>=W||n>p){if(this.#i==="x")this.setAttribute("data-swipe-direction",a>0?"right":"left");else this.setAttribute("data-swipe-direction",r>0?"down":"up");this.setAttribute("data-swipe-out","true"),this.dismiss()}else this.style.setProperty("--swipe-amount-x","0px"),this.style.setProperty("--swipe-amount-y","0px"),this.setAttribute("data-swiped","false");this.setAttribute("data-swiping","false"),this.#h=null,this.#i=null}}if(typeof customElements!=="undefined"&&!customElements.get("sonner-toast"))customElements.define("sonner-toast",l);var ea=typeof HTMLElement!=="undefined"?HTMLElement:class{};function O(a,r){if(a==null)return r;if(typeof a==="number")return`${a}px`;return a}function I(a,r,t,o){let n=["top","right","bottom","left"];if(r==null||typeof r==="string"||typeof r==="number"){let h=O(r,o);for(let e of n)a.style.setProperty(`${t}-${e}`,h)}else for(let h of n)a.style.setProperty(`${t}-${h}`,O(r[h],o))}class m extends ea{static get observedAttributes(){return["position","theme","rich-colors","expand","duration","gap","visible-toasts","close-button","invert","dir","offset","mobile-offset","hotkey","container-aria-label"]}#o;#e;#w;#c;#t=[];#f=new Map;#d=!1;#a=!1;#s=!1;#n=null;#h=null;constructor(){super();this.#o=this.attachShadow({mode:"open"}),this.#o.adoptedStyleSheets=[B()],this.#o.innerHTML='<div data-frame part="frame"><slot></slot></div><div data-alert-announcer role="alert" aria-live="assertive" aria-atomic="true" style="position:absolute;left:0;top:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;pointer-events:none"></div>',this.#e=this.#o.querySelector("[data-alert-announcer]"),this.#w=new MutationObserver((a)=>{let r=!1;for(let t of a){for(let o of Array.from(t.addedNodes))if(o instanceof l)this.#t.unshift(o),this.#c.observe(o),this.#l(o),r=!0;for(let o of Array.from(t.removedNodes))if(o instanceof l)this.#t=this.#t.filter((n)=>n!==o),this.#f.delete(o),this.#c.unobserve(o),r=!0}if(r)this.#r({remeasure:!0})}),this.#c=new ResizeObserver(()=>this.#r({remeasure:!1})),this.addEventListener("mouseenter",this.#X),this.addEventListener("mouseleave",this.#_),this.addEventListener("focusin",this.#J),this.addEventListener("focusout",this.#K),this.addEventListener("sonner-toast-dismissed",()=>this.#r({remeasure:!1})),this.addEventListener("sonner-toast-updated",()=>this.#r({remeasure:!0})),this.addEventListener("sonner-toast-mounted",()=>this.#r({remeasure:!0}))}connectedCallback(){if(!this.hasAttribute("tabindex"))this.tabIndex=-1;if(!this.hasAttribute("role"))this.setAttribute("role","region");if(!this.hasAttribute("aria-label"))this.setAttribute("aria-label",this.getAttribute("container-aria-label")??"Notifications");this.setAttribute("data-sonner-toaster",""),this.#i(),this.#m(),this.#x(),this.#g(),this.#Y(),this.#y(),this.#w.observe(this,{childList:!0});for(let a of Array.from(this.children))if(a instanceof l)this.#t.unshift(a),this.#c.observe(a),this.#l(a);document.addEventListener("keydown",this.#S),window.addEventListener("resize",this.#v),C(this),this.#r({remeasure:!0})}disconnectedCallback(){if(this.#w.disconnect(),this.#c.disconnect(),document.removeEventListener("keydown",this.#S),window.removeEventListener("resize",this.#v),this.#n&&this.#h)this.#n.removeEventListener("change",this.#h);L(this)}attributeChangedCallback(a,r,t){if(!this.isConnected)return;switch(a){case"position":this.#i(),this.#u(),this.#r();break;case"theme":this.#m();break;case"dir":this.#x();break;case"gap":this.#g(),this.#r();break;case"visible-toasts":this.#r();break;case"expand":this.#a=this.hasAttribute("expand");for(let o of this.#t)o.setPaused(this.#a||this.#s);this.#r();break;case"close-button":case"rich-colors":case"invert":this.#k(a);break;case"offset":case"mobile-offset":this.#y();break;case"container-aria-label":this.setAttribute("aria-label",this.getAttribute("container-aria-label")??"Notifications");break}}addToast(a){return this.appendChild(a),a}announceUrgent(a){this.#e.textContent="",requestAnimationFrame(()=>{this.#e.textContent=a})}dismissAll(){for(let a of Array.from(this.children))if(a instanceof l)a.dismiss()}#b(){return this.getAttribute("position")||"bottom-right"}#i(){let[a,r]=this.#b().split("-");if(a)this.setAttribute("data-y-position",a);if(r)this.setAttribute("data-x-position",r)}#m(){if(this.#n&&this.#h)this.#n.removeEventListener("change",this.#h),this.#n=null,this.#h=null;let a=this.getAttribute("theme")||"light";if(a==="system"){this.#n=window.matchMedia("(prefers-color-scheme: dark)");let r=(t)=>{this.setAttribute("data-sonner-theme",t.matches?"dark":"light")};this.#h=r,this.#n.addEventListener("change",r),r(this.#n)}else this.setAttribute("data-sonner-theme",a)}#x(){let a=this.getAttribute("dir");if(a==="auto"||!a){let r=window.getComputedStyle(document.documentElement).direction||"ltr";this.setAttribute("dir",r)}}#g(){let a=this.getAttribute("gap"),r=a?Number(a):b;this.style.setProperty("--gap",`${Number.isFinite(r)?r:b}px`)}#Y(){this.style.setProperty("--width",`${$}px`)}#y(){let a=this.getAttribute("offset"),r=this.getAttribute("mobile-offset");I(this,a??void 0,"--offset","24px"),I(this,r??void 0,"--mobile-offset","16px")}#u(){for(let a of this.#t)if(!a.hasAttribute("position")){let[r,t]=this.#b().split("-");if(r)a.setAttribute("data-y-position",r);if(t)a.setAttribute("data-x-position",t)}}#k(a){let r=this.hasAttribute(a);for(let t of this.#t){if(t.getAttribute(a)==="false")continue;if(r)t.setAttribute(a,"");else t.removeAttribute(a)}}#l(a){if(!a.hasAttribute("position")){let[r,t]=this.#b().split("-");if(r)a.setAttribute("data-y-position",r);if(t)a.setAttribute("data-x-position",t)}if(!a.hasAttribute("duration")){let r=this.getAttribute("duration");if(r)a.setAttribute("duration",r)}if(!a.hasAttribute("close-button")&&this.hasAttribute("close-button"))a.setAttribute("close-button","");if(!a.hasAttribute("rich-colors")&&this.hasAttribute("rich-colors"))a.setAttribute("rich-colors","");if(!a.hasAttribute("invert")&&this.hasAttribute("invert"))a.setAttribute("invert","")}#r(a={remeasure:!1}){let r=Number(this.getAttribute("visible-toasts")??Z);if(a.remeasure){this.#d=!0;for(let d of this.#t){if(d.getAttribute("data-removed")==="true")continue;let i=d.style.height;d.style.height="auto",this.#f.set(d,d.getBoundingClientRect().height),d.style.height=i}this.#d=!1}let t=this.#t.filter((d)=>d.getAttribute("data-removed")!=="true"),o=t.length>0?this.#f.get(t[0])??0:0,n=this.#z(),h=this.#a||this.#s,e=0;this.style.setProperty("--front-toast-height",`${o}px`);for(let d=0;d<t.length;d++){let i=t[d],s=this.#f.get(i)??0,x=d===0,c=d===0?0:e+d*n;if(e+=s,i.style.setProperty("--index",String(d)),i.style.setProperty("--toasts-before",String(d)),i.style.setProperty("--z-index",String(t.length-d)),i.style.setProperty("--offset",`${c}px`),i.style.setProperty("--initial-height",`${s}px`),i.setAttribute("data-index",String(d)),i.setAttribute("data-front",String(x)),i.setAttribute("data-visible",String(d+1<=r)),i.setAttribute("data-expanded",String(h)),h||x)i.removeAttribute("aria-hidden");else i.setAttribute("aria-hidden","true")}}#z(){let a=this.getAttribute("gap"),r=a?Number(a):b;return Number.isFinite(r)?r:b}#X=()=>{this.#s=!0;for(let a of this.#t)a.setPaused(!0);this.#r()};#_=()=>{this.#s=!1;for(let a of this.#t)a.setPaused(!1);this.#r()};#J=()=>{this.#s=!0;for(let a of this.#t)a.setPaused(!0);this.#r()};#K=(a)=>{let r=a.relatedTarget;if(r&&this.contains(r))return;this.#s=!1;for(let t of this.#t)t.setPaused(!1);this.#r()};#v=()=>this.#r({remeasure:!0});#S=(a)=>{let r=a.target;if(r){let n=r.tagName;if(n==="INPUT"||n==="TEXTAREA"||n==="SELECT"||r.isContentEditable)return}if(this.#Q().every((n)=>{if(n==="altKey"||n==="ctrlKey"||n==="shiftKey"||n==="metaKey")return a[n];return a.code===n})){this.#a=!0;for(let n of this.#t)n.setPaused(!0);this.focus(),this.#r();return}if(a.key==="Escape"&&this.#a&&this.contains(document.activeElement)){this.#a=!1;for(let n of this.#t)n.setPaused(!1);this.#r()}};#Q(){let a=this.getAttribute("hotkey");if(!a)return E;return a.split("+").map((r)=>r.trim())}}if(typeof customElements!=="undefined"&&!customElements.get("sonner-toaster"))customElements.define("sonner-toaster",m);function D(a){if(a){let t=document.getElementById(a);if(t instanceof m)return t}let r=M();if(!r)r=document.createElement("sonner-toaster"),document.body.appendChild(r);return r}function _(a){let r=a.id??k(),t=v(r);if(t)return t.update(a),t;let o=document.createElement("sonner-toast");return o.toastId=r,o.update(a),o.setHandlers({onDismiss:a.onDismiss,onAutoClose:a.onAutoClose}),D(a.toasterId).addToast(o),o}function z(a){return(r,t)=>_({...t,type:a,title:r})}function T(a,r){return _({...r,type:"default",title:a})}function fa(a){if(a!==void 0){v(a)?.dismiss();return}R()}function sa(a,r){let t=r?.id??k(),o=document.createElement("sonner-toast");if(o.toastId=t,o.setAttribute("data-styled","false"),r?.duration!==void 0)o.setAttribute("duration",String(r.duration));if(r?.dismissible===!1)o.setAttribute("dismissible","false");if(r?.position)o.setAttribute("position",r.position);if(r?.testId!==void 0)o.setAttribute("data-testid",r.testId);let n=a(t);return o.appendChild(n),o.setHandlers({onDismiss:r?.onDismiss,onAutoClose:r?.onAutoClose}),D(r?.toasterId).addToast(o),o}async function X(a,r){if(a===void 0)return;if(typeof a==="function")return a.length===0?a():a(r);return a}function ca(a,r){let t=r.id??k(),{loading:o,success:n,error:h,description:e,finally:d,...i}=r,s=_({...i,id:t,type:"loading",title:r.loading,duration:1/0,dismissible:r.dismissible??!1}),x=Promise.resolve(typeof a==="function"?a():a),c=null,aa=x.then(async(f)=>{c=["resolve",f];let g=await X(r.success,f),J=await X(r.description,f);if(g!==void 0)s.update({...i,id:t,type:"success",title:g,description:J,duration:r.duration,dismissible:r.dismissible??!0});else s.dismiss()}).catch(async(f)=>{c=["reject",f];let g=await X(r.error,f),J=await X(r.description,f);if(g!==void 0)s.update({...i,id:t,type:"error",title:g,description:J,duration:r.duration,dismissible:r.dismissible??!0});else s.dismiss()}).finally(()=>r.finally?.());return Object.assign(s,{unwrap:()=>new Promise((f,g)=>{aa.then(()=>{if(!c)return g(new Error("promise toast settled without a result"));if(c[0]==="resolve")f(c[1]);else g(c[1])})})})}var Q=Object.assign(T,{success:z("success"),error:z("error"),info:z("info"),warning:z("warning"),loading:(a,r)=>_({...r,type:"loading",title:a,duration:r?.duration??1/0}),message:T,promise:ca,custom:sa,dismiss:fa,getToast:v});if(typeof window!=="undefined")window.toast=Q;export{Q as toast,m as SonnerToaster,l as SonnerToast};
+
+//# debugId=F44C4561DFB2B55264756E2164756E21
+//# sourceMappingURL=sonner-wc.bundle.js.map