@servicetitan/anvil2 2.9.1 → 3.0.0

package/dist/Toaster.css

@@ -1,255 +1,223 @@
-@layer starter, reset, base, state, application;
-@layer base {
-  ._popover_18bzw_2 {
-    inset: auto;
-    border: none;
-    background: none;
-    top: 0;
-    right: 0;
-  }
-  ._toaster_18bzw_9 {
-    --toast-width: calc(375 * 1rem / 16);
-    --toast-animation-duration: 300ms;
-    --toast-stack-padding: 1.5rem;
-    --toast-max-width: calc(100vw - var(--toast-stack-padding) * 2);
-    position: fixed;
-    inset-block-start: 0;
-    inset-inline-end: 0;
-    width: var(--toast-width);
-    max-width: var(--toast-max-width);
-    height: calc(100dvh - var(--toast-stack-padding) * 2);
-    pointer-events: none;
-    z-index: 99999;
-  }
-  ._toaster_18bzw_9._hidden_18bzw_23 {
-    visibility: hidden;
-  }
-  ._toaster_18bzw_9 ._toast-stack_18bzw_26 {
-    position: absolute;
-    inset-block-start: var(--toast-stack-padding);
-    inset-inline-end: var(--toast-stack-padding);
-    width: 100%;
-    display: flex;
-    box-sizing: content-box !important;
-    flex-direction: column;
-    align-items: center;
-    pointer-events: auto;
-  }
-  ._toaster_18bzw_9 ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37 {
-    position: absolute;
-    width: var(--toast-width);
-    max-width: min(var(--toast-max-width), 100%);
-    padding-block-end: var(--toast-stack-padding);
-    pointer-events: auto;
-    transition: var(--toast-animation-duration) ease-in;
-    transition-property: top, padding-block-end;
-    z-index: 2;
-  }
-  ._toaster_18bzw_9 ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37:first-of-type {
-    padding-block-end: 0;
-  }
-  ._toaster_18bzw_9 ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37 ._toast-alert_18bzw_50 {
-    background-color: var(--background-color, #ffffff);
-    position: relative;
-    box-shadow: 0rem 0.5rem 1.5rem var(--shadow-color, rgba(20, 20, 20, 0.0784313725));
-  }
-  ._toaster_18bzw_9 ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37 ._toast-alert_18bzw_50 ._alert-action_18bzw_55 {
-    margin-block-start: 0.75rem;
-    display: flex;
-    gap: 0.75rem;
-    max-width: 100%;
-  }
-  ._toaster_18bzw_9 ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37 ._toast-alert_18bzw_50 ._message-container_18bzw_61 {
-    white-space: pre-line;
-    overflow-wrap: break-word;
-  }
-}
-@layer state {
-  ._toast-stack_18bzw_26._show-extra-toast_18bzw_67._has-overflow_18bzw_67 {
-    scrollbar-width: thin;
-    scrollbar-gutter: stable;
-    --anv-estimated-scrollbar-width: 11px;
-    width: calc(100% + var(--anv-estimated-scrollbar-width));
-    inset-inline-end: calc(var(--toast-stack-padding) - var(--anv-estimated-scrollbar-width));
-    overflow-y: auto;
-  }
-  ._toast-stack_18bzw_26._show-extra-toast_18bzw_67._has-overflow_18bzw_67::-webkit-scrollbar {
-    width: 8px;
-  }
-  ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37 ._toast-alert_18bzw_50._hidden_18bzw_23 {
-    display: none;
-  }
-  ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37 ._toast-alert_18bzw_50:focus-visible {
-    outline: 0.125rem solid var(--focus-ring-color, #0265DC);
-    outline-offset: 0.125rem;
-  }
-  ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked_18bzw_85 {
-    transition-property: top, padding-bottom, width;
-  }
-  ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked_18bzw_85._stack-one_18bzw_88, ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked_18bzw_85._stack-two_18bzw_88 {
-    z-index: 1;
-  }
-  ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked_18bzw_85._stack-one_18bzw_88 ._alert-action_18bzw_55, ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked_18bzw_85._stack-two_18bzw_88 ._alert-action_18bzw_55 {
-    display: none;
-  }
-  ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked_18bzw_85._stack-one_18bzw_88 ._message-container_18bzw_61, ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked_18bzw_85._stack-two_18bzw_88 ._message-container_18bzw_61 {
-    max-height: 1rem;
-    overflow: hidden;
-  }
-  ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked_18bzw_85._stack-one_18bzw_88 {
-    width: calc(var(--toast-width) - 2rem);
-  }
-  ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked_18bzw_85._stack-two_18bzw_88 {
-    width: calc(var(--toast-width) - 4rem);
-  }
-  ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked_18bzw_85, ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked-show-extra_18bzw_104 {
-    transition-property: top, padding-bottom, width;
-  }
-  ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked-show-extra_18bzw_104 {
-    width: var(--toast-width);
-    height: auto;
-  }
-  ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked-show-extra_18bzw_104._stack-one_18bzw_88 ._alert-action_18bzw_55, ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked-show-extra_18bzw_104._stack-two_18bzw_88 ._alert-action_18bzw_55 {
-    display: flex;
-  }
-  ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked-show-extra_18bzw_104._stack-one_18bzw_88 ._message-container_18bzw_61, ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked-show-extra_18bzw_104._stack-two_18bzw_88 ._message-container_18bzw_61 {
-    max-height: none;
-    overflow: unset;
-  }
-  ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked-extra_18bzw_118 {
-    width: calc(var(--toast-width) - 6rem);
-    visibility: hidden;
-    pointer-events: none;
-  }
-  ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37._stacked-extra_18bzw_118._stacked-show-extra_18bzw_104 {
-    width: var(--toast-width);
-    visibility: visible;
-    pointer-events: auto;
-  }
-  ._toast-stack_18bzw_26._show-extra-toast_18bzw_67 ._toast-wrapper_18bzw_37:first-of-type {
-    padding-block-end: var(--toast-stack-padding);
-  }
-  ._show-more-button-container_18bzw_131,
-  ._show-collapse-button-container_18bzw_132 {
-    pointer-events: all;
-    padding-block: 1rem;
-    padding-inline: 0;
-    min-height: 2rem;
-    width: 100%;
-    text-align: center;
-  }
-  ._show-more-button-container_18bzw_131 ._show-collapse-button_18bzw_132,
-  ._show-collapse-button-container_18bzw_132 ._show-collapse-button_18bzw_132 {
-    box-shadow: 0rem 0.5rem 1.5rem var(--shadow-color, rgba(20, 20, 20, 0.0784313725));
-    background-color: var(--background-color-inverted, #2d2e31);
-    color: var(--foreground-color-inverted, #ffffff);
-  }
-  ._show-more-button-container_18bzw_131 ._show-collapse-button_18bzw_132:hover,
-  ._show-collapse-button-container_18bzw_132 ._show-collapse-button_18bzw_132:hover {
-    background-color: var(--background-color-inverted-strong, #141414);
-  }
-  ._show-more-button-container_18bzw_131 {
-    position: absolute;
-    transition: top var(--toast-animation-duration) ease-in;
-    pointer-events: none;
-  }
-  ._show-more-button-container_18bzw_131 > * {
+.anvil2{@layer starter, reset, base, state, application;._popover_pn5m3_1 {
+  background: none;
+  border: none;
+  inset: auto;
+  right: 0;
+  top: 0;
+}._toaster_pn5m3_9 {
+  --a2-mod-toaster-animation-duration: 300ms;
+  --a2-mod-toaster-max-width: calc(
+    100vw - var(--a2-mod-toaster-stack-padding) * 2
+  );
+  --a2-mod-toaster-stack-padding: var(--a2-size-6, 1.5rem);
+  --a2-mod-toaster-width: calc(375 * var(--a2-size-4, 1rem) / 16);
+  --a2-mod-toaster-z-index: 99999;
+  position: fixed;
+  inset-block-start: 0;
+  inset-inline-end: 0;
+  width: var(--a2-mod-toaster-width);
+  max-width: var(--a2-mod-toaster-max-width);
+  height: calc(100dvh - var(--a2-mod-toaster-stack-padding) * 2);
+  pointer-events: none;
+  z-index: var(--a2-mod-toaster-z-index);
+}._hidden_pn5m3_27 {
+  visibility: hidden;
+}._toast-stack_pn5m3_31 {
+  --a2-mod-toaster-button-z-index: 1;
+  --a2-mod-toaster-first-wrapper-padding: 0;
+  position: absolute;
+  inset-block-start: var(--a2-mod-toaster-stack-padding);
+  inset-inline-end: var(--a2-mod-toaster-stack-padding);
+  width: 100%;
+  display: flex;
+  box-sizing: content-box !important;
+  flex-direction: column;
+  align-items: center;
+  pointer-events: auto;
+}@media only screen and (hover: none) {
+  ._toast-stack_pn5m3_31 {
     pointer-events: all;
   }
-  ._show-more-button-container_18bzw_131._fixed-position_18bzw_158 {
-    position: fixed;
-    right: var(--toast-stack-padding);
-    width: var(--toast-width);
-    max-width: var(--toast-max-width);
-    z-index: 99999;
-  }
-  ._toast-stack_18bzw_26._has-overflow_18bzw_67 ._show-more-button-container_18bzw_131 {
-    z-index: 10;
-  }
-  ._toast-stack-spacer_18bzw_168 {
-    position: absolute;
-    height: 1px;
-    width: 1px;
-    pointer-events: none;
-  }
-  ._toast-stack-gradient-top_18bzw_174,
-  ._toast-stack-gradient-bottom_18bzw_175 {
-    position: fixed;
-    right: 0;
-    width: calc(var(--toast-width) + 2.5rem);
-    max-width: var(--toast-max-width);
-    z-index: 5;
-    opacity: 0;
-    transition: opacity var(--toast-animation-duration) ease-in-out;
-    pointer-events: none;
-  }
-  ._toast-stack-gradient-top_18bzw_174 {
-    top: 0;
-    background: linear-gradient(to bottom, var(--background-color, #ffffff) 0%, transparent 100%);
-    height: 75px;
-  }
-  ._toast-stack-gradient-bottom_18bzw_175 {
-    bottom: 0;
-    height: 375px;
-    width: calc(var(--toast-width) + 2.5rem);
-    background: linear-gradient(to bottom, transparent 0%, var(--background-color, #ffffff) 100%);
-    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 1rem, black calc(100% - 1rem), transparent 100%);
-            mask-image: linear-gradient(to right, transparent 0%, black 1rem, black calc(100% - 1rem), transparent 100%);
-  }
-  ._toast-stack-gradient-visible_18bzw_197 {
-    opacity: 1;
-  }
-}
-@layer application {
-  ._toast-stack_18bzw_26._disable-animations_18bzw_202 {
-    --toast-animation-duration: 0ms;
-  }
-  @media only screen and (hover: none) {
-    ._toast-stack_18bzw_26 {
-      pointer-events: all;
-    }
-  }
-  @media only screen and (max-width: 640px) {
-    ._toast-stack_18bzw_26 {
-      padding-inline-start: 0.75rem;
-      padding-inline-end: 0.75rem;
-      max-width: -webkit-fill-available;
-      max-width: -moz-available;
-      max-width: stretch;
-      scrollbar-gutter: unset;
-    }
-    ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37 {
-      max-width: calc(100% - 0.75rem - 0.75rem);
-      padding-inline: 0;
-    }
-  }
-  @media (prefers-reduced-motion: reduce) {
-    ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37 {
-      transition-duration: 0ms;
-    }
-    ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37 ._toast-alert_18bzw_50._open_18bzw_226,
-    ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37 ._toast-alert_18bzw_50._close_18bzw_227 {
-      animation-duration: 0ms;
-    }
-  }
-  @media (prefers-reduced-motion: no-preference) {
-    ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37 ._toast-alert_18bzw_50._open_18bzw_226 {
-      animation: _slideIn_18bzw_1 var(--toast-animation-duration);
-    }
-    ._toast-stack_18bzw_26 ._toast-wrapper_18bzw_37 ._toast-alert_18bzw_50._close_18bzw_227 {
-      animation: _slideOut_18bzw_1 var(--toast-animation-duration);
-    }
+}@media only screen and (max-width: 640px) {
+  ._toast-stack_pn5m3_31 {
+    padding-inline-start: var(--a2-size-3, 0.75rem);
+    padding-inline-end: var(--a2-size-3, 0.75rem);
+    max-width: -webkit-fill-available;
+    max-width: -moz-available;
+    max-width: stretch;
+    scrollbar-gutter: unset;
+  }
+}._disable-animations_pn5m3_58 {
+  --a2-mod-toaster-animation-duration: 0ms;
+}._show-extra-toast_pn5m3_62 {
+  --a2-mod-toaster-first-wrapper-padding: var(--a2-mod-toaster-stack-padding);
+}._has-overflow_pn5m3_66 {
+  --a2-mod-toaster-button-z-index: 10;
+}._show-extra-toast_pn5m3_62._has-overflow_pn5m3_66 {
+  scrollbar-width: thin;
+  scrollbar-gutter: stable;
+  --anv-estimated-scrollbar-width: 11px;
+  width: calc(100% + var(--anv-estimated-scrollbar-width));
+  inset-inline-end: calc(var(--a2-mod-toaster-stack-padding) - var(--anv-estimated-scrollbar-width));
+  overflow-y: auto;
+}._show-extra-toast_pn5m3_62._has-overflow_pn5m3_66::-webkit-scrollbar {
+  width: 8px;
+}._toast-wrapper_pn5m3_82 {
+  --a2-mod-toaster-wrapper-padding-block-end: var(
+    --a2-mod-toaster-stack-padding
+  );
+  --a2-mod-toaster-wrapper-width: var(--a2-mod-toaster-width);
+  --a2-mod-toaster-wrapper-z-index: 2;
+  position: absolute;
+  width: var(--a2-mod-toaster-wrapper-width);
+  max-width: min(var(--a2-mod-toaster-max-width), 100%);
+  padding-block-end: var(--a2-mod-toaster-wrapper-padding-block-end);
+  pointer-events: auto;
+  transition: var(--a2-mod-toaster-animation-duration) ease-in;
+  transition-property: top, padding-block-end;
+  z-index: var(--a2-mod-toaster-wrapper-z-index);
+}._toast-wrapper_pn5m3_82:first-of-type {
+  padding-block-end: var(--a2-mod-toaster-first-wrapper-padding);
+}@media only screen and (max-width: 640px) {
+  ._toast-wrapper_pn5m3_82 {
+    max-width: calc(100% - var(--a2-size-3, 0.75rem) - var(--a2-size-3, 0.75rem));
+    padding-inline: 0;
   }
+}@media (prefers-reduced-motion: reduce) {
+  ._toast-wrapper_pn5m3_82 {
+    transition-duration: 0ms;
+  }
+}._stacked_pn5m3_112,
+._stacked-show-extra_pn5m3_113 {
+  transition-property: top, padding-bottom, width;
+}._stacked_pn5m3_112._stack-one_pn5m3_117,
+._stacked_pn5m3_112._stack-two_pn5m3_118 {
+  --a2-mod-toaster-wrapper-z-index: 1;
+  --a2-mod-toaster-alert-action-display: none;
+  --a2-mod-toaster-message-max-height: var(--a2-size-4, 1rem);
+  --a2-mod-toaster-message-overflow: hidden;
+}._stacked_pn5m3_112._stack-one_pn5m3_117 {
+  --a2-mod-toaster-wrapper-width: calc(
+    var(--a2-mod-toaster-width) - var(--a2-size-8, 2rem)
+  );
+}._stacked_pn5m3_112._stack-two_pn5m3_118 {
+  --a2-mod-toaster-wrapper-width: calc(
+    var(--a2-mod-toaster-width) - var(--a2-size-8, 2rem) * 2
+  );
+}._stacked-show-extra_pn5m3_113 {
+  --a2-mod-toaster-wrapper-width: var(--a2-mod-toaster-width);
+  height: auto;
+}._stacked-show-extra_pn5m3_113._stack-one_pn5m3_117,
+._stacked-show-extra_pn5m3_113._stack-two_pn5m3_118 {
+  --a2-mod-toaster-alert-action-display: flex;
+  --a2-mod-toaster-message-max-height: none;
+  --a2-mod-toaster-message-overflow: unset;
+}._stacked-extra_pn5m3_149 {
+  --a2-mod-toaster-wrapper-width: calc(
+    var(--a2-mod-toaster-width) - var(--a2-size-8, 2rem) * 3
+  );
+  visibility: hidden;
+  pointer-events: none;
+}._stacked-extra_pn5m3_149._stacked-show-extra_pn5m3_113 {
+  --a2-mod-toaster-wrapper-width: var(--a2-mod-toaster-width);
+  visibility: visible;
+  pointer-events: auto;
+}._toast-alert_pn5m3_163 {
+  --a2-mod-toast-focus-ring-color: var(--a2-toast-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
+  --a2-mod-toast-shadow-color: var(--a2-toast-shadow-color, var(--a2-shadow-color-default, light-dark(rgba(26, 26, 26, 0.0784313725), rgba(255, 255, 255, 0.0784313725))));
+  box-shadow: var(--a2-shadow-size-overlay, var(--a2-size-0, 0rem) var(--a2-size-2, 0.5rem) var(--a2-size-6, 1.5rem)) var(--a2-mod-toast-shadow-color);
+  position: relative;
+}@media (prefers-reduced-motion: no-preference) {
+  ._toast-alert_pn5m3_163._open_pn5m3_170 {
+    animation: _slideIn_pn5m3_1 var(--a2-mod-toaster-animation-duration);
+  }
+  ._toast-alert_pn5m3_163._close_pn5m3_173 {
+    animation: _slideOut_pn5m3_1 var(--a2-mod-toaster-animation-duration);
+  }
+}@media (prefers-reduced-motion: reduce) {
+  ._toast-alert_pn5m3_163._open_pn5m3_170, ._toast-alert_pn5m3_163._close_pn5m3_173 {
+    animation-duration: 0ms;
+  }
+}._toast-alert_pn5m3_163:focus-visible {
+  outline: var(--a2-size-half, 0.125rem) solid var(--a2-mod-toast-focus-ring-color);
+  outline-offset: var(--a2-size-half, 0.125rem);
+}._toast-alert_pn5m3_163._hidden_pn5m3_27 {
+  display: none;
+}._alert-action_pn5m3_191 {
+  margin-block-start: var(--a2-size-3, 0.75rem);
+  display: var(--a2-mod-toaster-alert-action-display, flex);
+  gap: var(--a2-size-3, 0.75rem);
+  max-width: 100%;
+}._message-container_pn5m3_198 {
+  white-space: pre-line;
+  overflow-wrap: break-word;
+  max-height: var(--a2-mod-toaster-message-max-height, none);
+  overflow: var(--a2-mod-toaster-message-overflow, visible);
+}._show-more-button-container_pn5m3_205,
+._show-collapse-button-container_pn5m3_206 {
+  pointer-events: all;
+  padding-block: var(--a2-size-4, 1rem);
+  padding-inline: 0;
+  min-height: var(--a2-size-8, 2rem);
+  width: 100%;
+  text-align: center;
+}._show-more-button-container_pn5m3_205 {
+  position: absolute;
+  transition: top var(--a2-mod-toaster-animation-duration) ease-in;
+  pointer-events: none;
+  z-index: var(--a2-mod-toaster-button-z-index);
+}._show-more-button-container_pn5m3_205 > * {
+  pointer-events: all;
+}._show-more-button-container_pn5m3_205._fixed-position_pn5m3_225 {
+  position: fixed;
+  right: var(--a2-mod-toaster-stack-padding);
+  width: var(--a2-mod-toaster-width);
+  max-width: var(--a2-mod-toaster-max-width);
+  z-index: var(--a2-mod-toaster-z-index);
+}._show-collapse-button_pn5m3_206 {
+  --a2-mod-button-background-color: var(--a2-toast-collapse-button-background-color, var(--a2-background-color-inverted, light-dark(var(--a2-color-neutral-800, #292929), var(--a2-color-neutral-20, #f9f9f9))));
+  --a2-mod-button-background-color-hover: var(--a2-toast-collapse-button-background-color-hover, var(--a2-background-color-inverted-strong, light-dark(var(--a2-color-neutral-900, #1a1a1a), var(--a2-color-neutral-0, #ffffff))));
+  --a2-mod-button-foreground-color: var(--a2-toast-collapse-button-foreground-color, var(--a2-foreground-color-inverted, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
+  --a2-mod-button-foreground-color-hover: var(--a2-toast-collapse-button-foreground-color-hover, var(--a2-foreground-color-inverted, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
+  --a2-mod-toast-shadow-color: var(--a2-toast-shadow-color, var(--a2-shadow-color-default, light-dark(rgba(26, 26, 26, 0.0784313725), rgba(255, 255, 255, 0.0784313725))));
+  box-shadow: var(--a2-shadow-size-overlay, var(--a2-size-0, 0rem) var(--a2-size-2, 0.5rem) var(--a2-size-6, 1.5rem)) var(--a2-mod-toast-shadow-color);
+}._toast-stack-spacer_pn5m3_242 {
+  position: absolute;
+  height: 1px;
+  width: 1px;
+  pointer-events: none;
+}._toast-stack-gradient-top_pn5m3_249,
+._toast-stack-gradient-bottom_pn5m3_250 {
+  --a2-mod-toaster-gradient-width: calc(var(--a2-mod-toaster-width) + 2.5rem);
+  position: fixed;
+  right: 0;
+  width: var(--a2-mod-toaster-gradient-width);
+  max-width: var(--a2-mod-toaster-max-width);
+  z-index: 5;
+  opacity: 0;
+  transition: opacity var(--a2-mod-toaster-animation-duration) ease-in-out;
+  pointer-events: none;
+}._toast-stack-gradient-top_pn5m3_249 {
+  top: 0;
+  height: 75px;
+  background: var(--a2-toast-stack-gradient-top-background, light-dark(linear-gradient(180deg, var(--a2-background-color-default, var(--a2-color-neutral-0, #ffffff)) 0%, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 100%), linear-gradient(180deg, var(--a2-background-color-default, var(--a2-color-neutral-0, #ffffff)) 0%, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 100%)));
+}._toast-stack-gradient-bottom_pn5m3_250 {
+  bottom: 0;
+  height: 375px;
+  background: var(--a2-toast-stack-gradient-bottom-background, light-dark(linear-gradient(180deg, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 0%, var(--a2-background-color-default, var(--a2-color-neutral-0, #ffffff)) 100%), linear-gradient(180deg, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 0%, var(--a2-background-color-default, var(--a2-color-neutral-0, #ffffff)) 100%)));
+  -webkit-mask-image: var(--a2-toast-stack-gradient-bottom-mask, light-dark(linear-gradient(90deg, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 0%, var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a)) var(--a2-size-4, 1rem), var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a)) calc(100% - var(--a2-size-4, 1rem)), var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 100%), linear-gradient(90deg, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 0%, var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a)) var(--a2-size-4, 1rem), var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a)) calc(100% - var(--a2-size-4, 1rem)), var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 100%)));
+          mask-image: var(--a2-toast-stack-gradient-bottom-mask, light-dark(linear-gradient(90deg, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 0%, var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a)) var(--a2-size-4, 1rem), var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a)) calc(100% - var(--a2-size-4, 1rem)), var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 100%), linear-gradient(90deg, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 0%, var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a)) var(--a2-size-4, 1rem), var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a)) calc(100% - var(--a2-size-4, 1rem)), var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 100%)));
+}._toast-stack-gradient-visible_pn5m3_275 {
+  opacity: 1;
 }
-@keyframes _slideIn_18bzw_1 {
+}@keyframes _slideIn_pn5m3_1 {
   from {
     inset-inline-end: -27rem;
   }
   to {
     inset-inline-end: 0px;
   }
-}
-@keyframes _slideOut_18bzw_1 {
+}@keyframes _slideOut_pn5m3_1 {
   from {
     inset-inline-end: 0px;
   }

package/dist/{Toolbar-ByyI7SqG.js → Toolbar-C1_etxss.js}

@@ -1,38 +1,38 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
 import { useState, useEffect, useContext, createContext, useId, useRef, useCallback, forwardRef, useMemo } from 'react';
-import { B as Button } from './Button-BdrrhBTI.js';
-import { T as Tooltip } from './Tooltip-C1PBRnJv.js';
+import { B as Button } from './Button-Bnt8XUI7.js';
+import { T as Tooltip } from './Tooltip-BlStOXN3.js';
 import { g as getKeyboardFocusableElements } from './getKeyboardFocusableElements-QqcABz0D.js';
 import { c as cx } from './index-De1g9FRV.js';
 import { u as useIntersectionObserver } from './useIntersectionObserver-BEmMDO3P.js';
 import { useTrackingId } from './useTrackingId.js';
-import { B as ButtonToggle } from './ButtonToggle-DaFQ3DBG.js';
-import { B as ButtonLink } from './ButtonLink-BJKTJER8.js';
+import { B as ButtonToggle } from './ButtonToggle-Ct9_5bhC.js';
+import { B as ButtonLink } from './ButtonLink-j3h_wRNi.js';
 import { S as SvgArrowDropDown } from './arrow_drop_down-ChAdBDux.js';
-import { L as Listbox } from './Listbox-Bp4hqIpH.js';
-import { P as Popover } from './AiMark-DR-w6Nbm.js';
-import { F as Flex } from './Flex-WyyZm1bf.js';
+import { L as Listbox } from './Listbox-DDlxpVu9.js';
+import { P as Popover } from './AiMark-B1-M3ZgP.js';
+import { F as Flex } from './Flex-DOUtHiPi.js';
 import { S as SvgMoreHoriz } from './more_horiz-DJgdQiy0.js';
 import { S as SvgMoreVert } from './more_vert-C_lJSyxt.js';
-import { I as Icon } from './Icon-DuIlne4x.js';
+import { I as Icon } from './Icon-BMMbp40n.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
 import { S as SvgKeyboardArrowDown } from './keyboard_arrow_down-C8WQ38p1.js';
-import { S as SvgEvent } from './TimezoneMessage-Cnsl4cHT.js';
+import { S as SvgEvent } from './TimezoneMessage-BrKB_psP.js';
 import { D as DateTime } from './luxon-wpz4A-OQ.js';
-import { C as Chip } from './Chip-Ce0WGKAc.js';
+import { C as Chip } from './Chip-CR5i8mQW.js';
 import { t as tabbable } from './usePopoverTransitionStates-CDXCdyKa.js';
-import { L as ListView } from './ListView-CPi-qG2w.js';
-import { S as SearchField, a as SvgSearch, b as SearchField$1 } from './SearchField-im7AHGYo.js';
-import { u as useDateFieldSingleConversion, a as useDateFieldSingleState, M as MaskedDateInput, b as DateFieldSingleCalendar, D as DateFieldSingle } from './DateFieldSingle-BuaB7RDr.js';
-import { u as useDateFieldRangeConversion, a as useDateFieldRangeState, M as MaskedDateRangeInput, b as DateFieldRangeCalendar, D as DateFieldRange } from './DateFieldRange-D2hnF50O.js';
-import { C as Checkbox } from './Checkbox-Cw1-KFvq.js';
-import { R as Radio } from './Radio-BFr8AdHc.js';
-import { C as Combobox } from './Combobox-CNQUROyr.js';
-import { D as Drawer } from './Drawer-Cb5asXWf.js';
-import { d as BreakpointSm, c as BreakpointMd, b as BreakpointLg, a as BreakpointXl, B as BreakpointXxl } from './primitive-C3RFDRA8.js';
+import { L as ListView } from './ListView-DBO9Bl1H.js';
+import { S as SearchField, a as SvgSearch, b as SearchField$1 } from './SearchField-CsRGYZx3.js';
+import { u as useDateFieldSingleConversion, a as useDateFieldSingleState, M as MaskedDateInput, b as DateFieldSingleCalendar, D as DateFieldSingle } from './DateFieldSingle-w1G-zd9G.js';
+import { u as useDateFieldRangeConversion, a as useDateFieldRangeState, M as MaskedDateRangeInput, b as DateFieldRangeCalendar, D as DateFieldRange } from './DateFieldRange-DPTC3EZz.js';
+import { C as Checkbox } from './Checkbox-Ckl8EFpF.js';
+import { R as Radio } from './Radio-CQaXJ72d.js';
+import { C as Combobox } from './Combobox-BffGTugd.js';
+import { D as Drawer } from './Drawer-iewBy1DW.js';
+import { d as BreakpointSm, c as BreakpointMd, b as BreakpointLg, a as BreakpointXl, B as BreakpointXxl } from './primitive-DXlHdTFb.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
 
 import './Toolbar.css';function containerBreakpoint(containerWidth, name, min, max) {
   if ((min == null || containerWidth >= min) && (max == null || containerWidth < max)) {
@@ -215,17 +215,17 @@ const handleMenuKeyboardNavigation = (event) => {
   menuItems[nextIndex]?.focus();
 };
 
-const toolbar = "_toolbar_15bpr_12";
+const toolbar = "_toolbar_t4zws_1";
 const styles$3 = {
 	toolbar: toolbar,
-	"toolbar-content": "_toolbar-content_15bpr_19",
-	"overflow-wrap": "_overflow-wrap_15bpr_24",
-	"overflow-collapse": "_overflow-collapse_15bpr_27",
-	"toolbar-overflow-content": "_toolbar-overflow-content_15bpr_30",
-	"toolbar-button-item": "_toolbar-button-item_15bpr_38",
-	"toolbar-item": "_toolbar-item_15bpr_44",
-	"toolbar-button-toggle-item": "_toolbar-button-toggle-item_15bpr_61",
-	"toolbar-overflow-trigger": "_toolbar-overflow-trigger_15bpr_67"
+	"toolbar-item": "_toolbar-item_t4zws_8",
+	"toolbar-button-item": "_toolbar-button-item_t4zws_9",
+	"toolbar-overflow-trigger": "_toolbar-overflow-trigger_t4zws_10",
+	"toolbar-content": "_toolbar-content_t4zws_14",
+	"overflow-wrap": "_overflow-wrap_t4zws_20",
+	"overflow-collapse": "_overflow-collapse_t4zws_24",
+	"toolbar-overflow-content": "_toolbar-overflow-content_t4zws_32",
+	"toolbar-button-toggle-item": "_toolbar-button-toggle-item_t4zws_49"
 };
 
 const ToolbarItemWrapper = ({
@@ -657,15 +657,15 @@ const FilterGroupContext = createContext({
 });
 
 const styles$2 = {
-	"filter-button-trigger": "_filter-button-trigger_10yfo_17",
-	"filter-button-content": "_filter-button-content_10yfo_20",
-	"filter-select-content": "_filter-select-content_10yfo_24",
-	"filter-button-buttons": "_filter-button-buttons_10yfo_30",
-	"filter-drawer-trigger": "_filter-drawer-trigger_10yfo_36",
-	"filter-item": "_filter-item_10yfo_52",
-	"filter-select-search": "_filter-select-search_10yfo_56",
-	"filter-button-trigger--selected": "_filter-button-trigger--selected_10yfo_69",
-	"filter-drawer-trigger--chipped": "_filter-drawer-trigger--chipped_10yfo_80"
+	"filter-button-trigger": "_filter-button-trigger_1192s_1",
+	"filter-button-trigger--selected": "_filter-button-trigger--selected_1192s_5",
+	"filter-button-content": "_filter-button-content_1192s_14",
+	"filter-select-content": "_filter-select-content_1192s_19",
+	"filter-button-buttons": "_filter-button-buttons_1192s_25",
+	"filter-drawer-trigger": "_filter-drawer-trigger_1192s_29",
+	"filter-drawer-trigger--chipped": "_filter-drawer-trigger--chipped_1192s_41",
+	"filter-item": "_filter-item_1192s_61",
+	"filter-select-search": "_filter-select-search_1192s_66"
 };
 
 const FilterItemWrapper = ({
@@ -1408,7 +1408,7 @@ const FilterButton = ({
 };
 
 const styles$1 = {
-	"toolbar-control-group": "_toolbar-control-group_13h8p_2"
+	"toolbar-control-group": "_toolbar-control-group_th00x_1"
 };
 
 const ToolbarControlGroupElement = forwardRef((props, ref) => {
@@ -1973,8 +1973,8 @@ FilterGroupElement.displayName = "FilterGroup";
 const FilterGroup = FilterGroupElement;
 
 const styles = {
-	"toolbar-search-field-container": "_toolbar-search-field-container_5vts9_2",
-	"toolbar-search-field": "_toolbar-search-field_5vts9_2"
+	"toolbar-search-field-container": "_toolbar-search-field-container_1kk8y_1",
+	"toolbar-search-field": "_toolbar-search-field_1kk8y_1"
 };
 
 const ToolbarSearchField = forwardRef(
@@ -2251,4 +2251,4 @@ Toolbar.displayName = "Toolbar";
 const ToolbarElement = Toolbar;
 
 export { Toolbar as T, ToolbarButton as a, ToolbarButtonToggle as b, ToolbarButtonLink as c, ToolbarSelect as d, ToolbarControlGroup as e, ToolbarSearchField as f, ToolbarElement as g };
-//# sourceMappingURL=Toolbar-ByyI7SqG.js.map
+//# sourceMappingURL=Toolbar-C1_etxss.js.map