@easypost/easy-ui 1.0.0-alpha.9 → 1.0.0-alpha.91

package/__chunks__/Notification-BfBwPNub.js

@@ -0,0 +1,1681 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const React = require("react");
+const mergeRefs = require("./mergeRefs-qNwPManW.js");
+const useObjectRef = require("./useObjectRef-Bma_uNHw.js");
+const Close = require("./Close-BQ2IlPyf.js");
+const CheckCircle = require("./CheckCircle-lgmtkEe6.js");
+const mergeProps = require("./mergeProps-d7wJkv71.js");
+const filterDOMProps = require("./filterDOMProps-D3iOHP0H.js");
+const useLocalizedStringFormatter = require("./useLocalizedStringFormatter-X4sjSzZt.js");
+const ReactDOM = require("react-dom");
+const useFocusVisible = require("./useFocusVisible-CbSS3hxW.js");
+const useFocusWithin = require("./useFocusWithin-4tCIop4g.js");
+const useHover = require("./useHover-BK8LX0kX.js");
+const index = require("./index-6ObXAT_4.js");
+const Icon = require("./Icon-W8F9w-jS.js");
+const Text = require("./Text-BXsuDbqc.js");
+const utilities_css = require("../utilities/css.js");
+const UnstyledButton = require("./UnstyledButton-DaRYVyfB.js");
+const CSSTransition = require("./CSSTransition-BXyX0mUc.js");
+const objectWithoutPropertiesLoose = require("./objectWithoutPropertiesLoose-C4Mip8ZU.js");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+function $77b352cf12efcf73$export$84726ef35ca2129a(queue) {
+  let subscribe = React.useCallback((fn) => queue.subscribe(fn), [
+    queue
+  ]);
+  let getSnapshot = React.useCallback(() => queue.visibleToasts, [
+    queue
+  ]);
+  let visibleToasts = index.shimExports.useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+  return {
+    visibleToasts,
+    add: (content, options) => queue.add(content, options),
+    close: (key) => queue.close(key),
+    pauseAll: () => queue.pauseAll(),
+    resumeAll: () => queue.resumeAll()
+  };
+}
+class $77b352cf12efcf73$export$f1f8569633bbbec4 {
+  runWithWrapUpdate(fn, action) {
+    if (this.wrapUpdate) this.wrapUpdate(fn, action);
+    else fn();
+  }
+  /** Subscribes to updates to the visible toasts. */
+  subscribe(fn) {
+    this.subscriptions.add(fn);
+    return () => this.subscriptions.delete(fn);
+  }
+  /** Adds a new toast to the queue. */
+  add(content, options = {}) {
+    let toastKey = "_" + Math.random().toString(36).slice(2);
+    let toast = __spreadProps(__spreadValues({}, options), {
+      content,
+      key: toastKey,
+      timer: options.timeout ? new $77b352cf12efcf73$var$Timer(() => this.close(toastKey), options.timeout) : void 0
+    });
+    this.queue.unshift(toast);
+    this.updateVisibleToasts("add");
+    return toastKey;
+  }
+  /**
+  * Closes a toast.
+  */
+  close(key) {
+    let index2 = this.queue.findIndex((t) => t.key === key);
+    if (index2 >= 0) {
+      var _this_queue_index_onClose, _this_queue_index;
+      (_this_queue_index_onClose = (_this_queue_index = this.queue[index2]).onClose) === null || _this_queue_index_onClose === void 0 ? void 0 : _this_queue_index_onClose.call(_this_queue_index);
+      this.queue.splice(index2, 1);
+    }
+    this.updateVisibleToasts("remove");
+  }
+  updateVisibleToasts(action) {
+    this.visibleToasts = this.queue.slice(0, this.maxVisibleToasts);
+    this.runWithWrapUpdate(() => {
+      for (let fn of this.subscriptions) fn();
+    }, action);
+  }
+  /** Pauses the timers for all visible toasts. */
+  pauseAll() {
+    for (let toast of this.visibleToasts) if (toast.timer) toast.timer.pause();
+  }
+  /** Resumes the timers for all visible toasts. */
+  resumeAll() {
+    for (let toast of this.visibleToasts) if (toast.timer) toast.timer.resume();
+  }
+  clear() {
+    this.queue = [];
+    this.updateVisibleToasts("clear");
+  }
+  constructor(options) {
+    this.queue = [];
+    this.subscriptions = /* @__PURE__ */ new Set();
+    this.visibleToasts = [];
+    var _options_maxVisibleToasts;
+    this.maxVisibleToasts = (_options_maxVisibleToasts = options === null || options === void 0 ? void 0 : options.maxVisibleToasts) !== null && _options_maxVisibleToasts !== void 0 ? _options_maxVisibleToasts : Infinity;
+    this.wrapUpdate = options === null || options === void 0 ? void 0 : options.wrapUpdate;
+  }
+}
+class $77b352cf12efcf73$var$Timer {
+  reset(delay) {
+    this.remaining = delay;
+    this.resume();
+  }
+  pause() {
+    if (this.timerId == null) return;
+    clearTimeout(this.timerId);
+    this.timerId = null;
+    this.remaining -= Date.now() - this.startTime;
+  }
+  resume() {
+    if (this.remaining <= 0) return;
+    this.startTime = Date.now();
+    this.timerId = setTimeout(() => {
+      this.timerId = null;
+      this.remaining = 0;
+      this.callback();
+    }, this.remaining);
+  }
+  constructor(callback, delay) {
+    this.startTime = null;
+    this.remaining = delay;
+    this.callback = callback;
+  }
+}
+const $a86207c5d7f7e1fb$var$LANDMARK_API_VERSION = 1;
+const $a86207c5d7f7e1fb$var$landmarkSymbol = Symbol.for("react-aria-landmark-manager");
+function $a86207c5d7f7e1fb$var$subscribe(fn) {
+  document.addEventListener("react-aria-landmark-manager-change", fn);
+  return () => document.removeEventListener("react-aria-landmark-manager-change", fn);
+}
+function $a86207c5d7f7e1fb$var$getLandmarkManager() {
+  if (typeof document === "undefined") return null;
+  let instance = document[$a86207c5d7f7e1fb$var$landmarkSymbol];
+  if (instance && instance.version >= $a86207c5d7f7e1fb$var$LANDMARK_API_VERSION) return instance;
+  document[$a86207c5d7f7e1fb$var$landmarkSymbol] = new $a86207c5d7f7e1fb$var$LandmarkManager();
+  document.dispatchEvent(new CustomEvent("react-aria-landmark-manager-change"));
+  return document[$a86207c5d7f7e1fb$var$landmarkSymbol];
+}
+function $a86207c5d7f7e1fb$var$useLandmarkManager() {
+  return index.shimExports.useSyncExternalStore($a86207c5d7f7e1fb$var$subscribe, $a86207c5d7f7e1fb$var$getLandmarkManager, $a86207c5d7f7e1fb$var$getLandmarkManager);
+}
+class $a86207c5d7f7e1fb$var$LandmarkManager {
+  setupIfNeeded() {
+    if (this.isListening) return;
+    document.addEventListener("keydown", this.f6Handler, {
+      capture: true
+    });
+    document.addEventListener("focusin", this.focusinHandler, {
+      capture: true
+    });
+    document.addEventListener("focusout", this.focusoutHandler, {
+      capture: true
+    });
+    this.isListening = true;
+  }
+  teardownIfNeeded() {
+    if (!this.isListening || this.landmarks.length > 0 || this.refCount > 0) return;
+    document.removeEventListener("keydown", this.f6Handler, {
+      capture: true
+    });
+    document.removeEventListener("focusin", this.focusinHandler, {
+      capture: true
+    });
+    document.removeEventListener("focusout", this.focusoutHandler, {
+      capture: true
+    });
+    this.isListening = false;
+  }
+  focusLandmark(landmark, direction) {
+    var _this_landmarks_find_focus, _this_landmarks_find;
+    (_this_landmarks_find = this.landmarks.find((l) => l.ref.current === landmark)) === null || _this_landmarks_find === void 0 ? void 0 : (_this_landmarks_find_focus = _this_landmarks_find.focus) === null || _this_landmarks_find_focus === void 0 ? void 0 : _this_landmarks_find_focus.call(_this_landmarks_find, direction);
+  }
+  /**
+  * Return set of landmarks with a specific role.
+  */
+  getLandmarksByRole(role) {
+    return new Set(this.landmarks.filter((l) => l.role === role));
+  }
+  /**
+  * Return first landmark with a specific role.
+  */
+  getLandmarkByRole(role) {
+    return this.landmarks.find((l) => l.role === role);
+  }
+  addLandmark(newLandmark) {
+    this.setupIfNeeded();
+    if (this.landmarks.find((landmark) => landmark.ref === newLandmark.ref) || !newLandmark.ref.current) return;
+    if (this.landmarks.filter((landmark) => landmark.role === "main").length > 1 && process.env.NODE_ENV !== "production") console.error('Page can contain no more than one landmark with the role "main".');
+    if (this.landmarks.length === 0) {
+      this.landmarks = [
+        newLandmark
+      ];
+      this.checkLabels(newLandmark.role);
+      return;
+    }
+    let start = 0;
+    let end = this.landmarks.length - 1;
+    while (start <= end) {
+      let mid = Math.floor((start + end) / 2);
+      let comparedPosition = newLandmark.ref.current.compareDocumentPosition(this.landmarks[mid].ref.current);
+      let isNewAfterExisting = Boolean(comparedPosition & Node.DOCUMENT_POSITION_PRECEDING || comparedPosition & Node.DOCUMENT_POSITION_CONTAINS);
+      if (isNewAfterExisting) start = mid + 1;
+      else end = mid - 1;
+    }
+    this.landmarks.splice(start, 0, newLandmark);
+    this.checkLabels(newLandmark.role);
+  }
+  updateLandmark(landmark) {
+    let index2 = this.landmarks.findIndex((l) => l.ref === landmark.ref);
+    if (index2 >= 0) {
+      this.landmarks[index2] = __spreadValues(__spreadValues({}, this.landmarks[index2]), landmark);
+      this.checkLabels(this.landmarks[index2].role);
+    }
+  }
+  removeLandmark(ref) {
+    this.landmarks = this.landmarks.filter((landmark) => landmark.ref !== ref);
+    this.teardownIfNeeded();
+  }
+  /**
+  * Warn if there are 2+ landmarks with the same role but no label.
+  * Labels for landmarks with the same role must also be unique.
+  *
+  * See https://www.w3.org/WAI/ARIA/apg/practices/landmark-regions/.
+  */
+  checkLabels(role) {
+    let landmarksWithRole = this.getLandmarksByRole(role);
+    if (landmarksWithRole.size > 1) {
+      let duplicatesWithoutLabel = [
+        ...landmarksWithRole
+      ].filter((landmark) => !landmark.label);
+      if (duplicatesWithoutLabel.length > 0 && process.env.NODE_ENV !== "production") console.warn(`Page contains more than one landmark with the '${role}' role. If two or more landmarks on a page share the same role, all must be labeled with an aria-label or aria-labelledby attribute: `, duplicatesWithoutLabel.map((landmark) => landmark.ref.current));
+      else if (process.env.NODE_ENV !== "production") {
+        let labels = [
+          ...landmarksWithRole
+        ].map((landmark) => landmark.label);
+        let duplicateLabels = labels.filter((item, index2) => labels.indexOf(item) !== index2);
+        duplicateLabels.forEach((label) => {
+          console.warn(`Page contains more than one landmark with the '${role}' role and '${label}' label. If two or more landmarks on a page share the same role, they must have unique labels: `, [
+            ...landmarksWithRole
+          ].filter((landmark) => landmark.label === label).map((landmark) => landmark.ref.current));
+        });
+      }
+    }
+  }
+  /**
+  * Get the landmark that is the closest parent in the DOM.
+  * Returns undefined if no parent is a landmark.
+  */
+  closestLandmark(element) {
+    let landmarkMap = new Map(this.landmarks.map((l) => [
+      l.ref.current,
+      l
+    ]));
+    let currentElement = element;
+    while (currentElement && !landmarkMap.has(currentElement) && currentElement !== document.body && currentElement.parentElement) currentElement = currentElement.parentElement;
+    return landmarkMap.get(currentElement);
+  }
+  /**
+  * Gets the next landmark, in DOM focus order, or previous if backwards is specified.
+  * If last landmark, next should be the first landmark.
+  * If not inside a landmark, will return first landmark.
+  * Returns undefined if there are no landmarks.
+  */
+  getNextLandmark(element, { backward }) {
+    var _this_landmarks_nextLandmarkIndex_ref_current;
+    let currentLandmark = this.closestLandmark(element);
+    let nextLandmarkIndex = backward ? this.landmarks.length - 1 : 0;
+    if (currentLandmark) nextLandmarkIndex = this.landmarks.indexOf(currentLandmark) + (backward ? -1 : 1);
+    let wrapIfNeeded = () => {
+      if (nextLandmarkIndex < 0) {
+        if (!element.dispatchEvent(new CustomEvent("react-aria-landmark-navigation", {
+          detail: {
+            direction: "backward"
+          },
+          bubbles: true,
+          cancelable: true
+        }))) return true;
+        nextLandmarkIndex = this.landmarks.length - 1;
+      } else if (nextLandmarkIndex >= this.landmarks.length) {
+        if (!element.dispatchEvent(new CustomEvent("react-aria-landmark-navigation", {
+          detail: {
+            direction: "forward"
+          },
+          bubbles: true,
+          cancelable: true
+        }))) return true;
+        nextLandmarkIndex = 0;
+      }
+      if (nextLandmarkIndex < 0 || nextLandmarkIndex >= this.landmarks.length) return true;
+      return false;
+    };
+    if (wrapIfNeeded()) return void 0;
+    let i = nextLandmarkIndex;
+    while ((_this_landmarks_nextLandmarkIndex_ref_current = this.landmarks[nextLandmarkIndex].ref.current) === null || _this_landmarks_nextLandmarkIndex_ref_current === void 0 ? void 0 : _this_landmarks_nextLandmarkIndex_ref_current.closest("[aria-hidden=true]")) {
+      nextLandmarkIndex += backward ? -1 : 1;
+      if (wrapIfNeeded()) return void 0;
+      if (nextLandmarkIndex === i) break;
+    }
+    return this.landmarks[nextLandmarkIndex];
+  }
+  /**
+  * Look at next landmark. If an element was previously focused inside, restore focus there.
+  * If not, focus the landmark itself.
+  * If no landmarks at all, or none with focusable elements, don't move focus.
+  */
+  f6Handler(e) {
+    if (e.key === "F6") {
+      let handled = e.altKey ? this.focusMain() : this.navigate(e.target, e.shiftKey);
+      if (handled) {
+        e.preventDefault();
+        e.stopPropagation();
+      }
+    }
+  }
+  focusMain() {
+    let main = this.getLandmarkByRole("main");
+    if (main && main.ref.current && document.contains(main.ref.current)) {
+      this.focusLandmark(main.ref.current, "forward");
+      return true;
+    }
+    return false;
+  }
+  navigate(from, backward) {
+    let nextLandmark = this.getNextLandmark(from, {
+      backward
+    });
+    if (!nextLandmark) return false;
+    if (nextLandmark.lastFocused) {
+      let lastFocused = nextLandmark.lastFocused;
+      if (document.body.contains(lastFocused)) {
+        lastFocused.focus();
+        return true;
+      }
+    }
+    if (nextLandmark.ref.current && document.contains(nextLandmark.ref.current)) {
+      this.focusLandmark(nextLandmark.ref.current, backward ? "backward" : "forward");
+      return true;
+    }
+    return false;
+  }
+  /**
+  * Sets lastFocused for a landmark, if focus is moved within that landmark.
+  * Lets the last focused landmark know it was blurred if something else is focused.
+  */
+  focusinHandler(e) {
+    let currentLandmark = this.closestLandmark(e.target);
+    if (currentLandmark && currentLandmark.ref.current !== e.target) this.updateLandmark({
+      ref: currentLandmark.ref,
+      lastFocused: e.target
+    });
+    let previousFocusedElement = e.relatedTarget;
+    if (previousFocusedElement) {
+      let closestPreviousLandmark = this.closestLandmark(previousFocusedElement);
+      if (closestPreviousLandmark && closestPreviousLandmark.ref.current === previousFocusedElement) closestPreviousLandmark.blur();
+    }
+  }
+  /**
+  * Track if the focus is lost to the body. If it is, do cleanup on the landmark that last had focus.
+  */
+  focusoutHandler(e) {
+    let previousFocusedElement = e.target;
+    let nextFocusedElement = e.relatedTarget;
+    if (!nextFocusedElement || nextFocusedElement === document) {
+      let closestPreviousLandmark = this.closestLandmark(previousFocusedElement);
+      if (closestPreviousLandmark && closestPreviousLandmark.ref.current === previousFocusedElement) closestPreviousLandmark.blur();
+    }
+  }
+  createLandmarkController() {
+    let instance = this;
+    instance.refCount++;
+    instance.setupIfNeeded();
+    return {
+      navigate(direction, opts) {
+        let element = (opts === null || opts === void 0 ? void 0 : opts.from) || document.activeElement;
+        return instance.navigate(element, direction === "backward");
+      },
+      focusNext(opts) {
+        let element = (opts === null || opts === void 0 ? void 0 : opts.from) || document.activeElement;
+        return instance.navigate(element, false);
+      },
+      focusPrevious(opts) {
+        let element = (opts === null || opts === void 0 ? void 0 : opts.from) || document.activeElement;
+        return instance.navigate(element, true);
+      },
+      focusMain() {
+        return instance.focusMain();
+      },
+      dispose() {
+        if (instance) {
+          instance.refCount--;
+          instance.teardownIfNeeded();
+          instance = null;
+        }
+      }
+    };
+  }
+  registerLandmark(landmark) {
+    if (this.landmarks.find((l) => l.ref === landmark.ref)) this.updateLandmark(landmark);
+    else this.addLandmark(landmark);
+    return () => this.removeLandmark(landmark.ref);
+  }
+  constructor() {
+    this.landmarks = [];
+    this.isListening = false;
+    this.refCount = 0;
+    this.version = $a86207c5d7f7e1fb$var$LANDMARK_API_VERSION;
+    this.f6Handler = this.f6Handler.bind(this);
+    this.focusinHandler = this.focusinHandler.bind(this);
+    this.focusoutHandler = this.focusoutHandler.bind(this);
+  }
+}
+function $a86207c5d7f7e1fb$export$4cc632584fd87fae(props, ref) {
+  const { role, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, focus } = props;
+  let manager = $a86207c5d7f7e1fb$var$useLandmarkManager();
+  let label = ariaLabel || ariaLabelledby;
+  let [isLandmarkFocused, setIsLandmarkFocused] = React.useState(false);
+  let defaultFocus = React.useCallback(() => {
+    setIsLandmarkFocused(true);
+  }, [
+    setIsLandmarkFocused
+  ]);
+  let blur = React.useCallback(() => {
+    setIsLandmarkFocused(false);
+  }, [
+    setIsLandmarkFocused
+  ]);
+  mergeProps.$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if (manager) return manager.registerLandmark({
+      ref,
+      label,
+      role,
+      focus: focus || defaultFocus,
+      blur
+    });
+  }, [
+    manager,
+    label,
+    ref,
+    role,
+    focus,
+    defaultFocus,
+    blur
+  ]);
+  React.useEffect(() => {
+    var _ref_current;
+    if (isLandmarkFocused) (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.focus();
+  }, [
+    isLandmarkFocused,
+    ref
+  ]);
+  return {
+    landmarkProps: {
+      role,
+      tabIndex: isLandmarkFocused ? -1 : void 0,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledby
+    }
+  };
+}
+var $ff9177efc58547ad$exports = {};
+$ff9177efc58547ad$exports = {
+  "close": `إغلاق`,
+  "notifications": (args, formatter) => `${formatter.plural(args.count, {
+    one: () => `${formatter.number(args.count)} إشعار`,
+    other: () => `${formatter.number(args.count)} إشعارات`
+  })}.`
+};
+var $25eb7c0c0c45e544$exports = {};
+$25eb7c0c0c45e544$exports = {
+  "close": `Затвори`,
+  "notifications": (args, formatter) => `${formatter.plural(args.count, {
+    one: () => `${formatter.number(args.count)} известие`,
+    other: () => `${formatter.number(args.count)} известия`
+  })}.`
+};
+var $28feffc3d61a8691$exports = {};
+$28feffc3d61a8691$exports = {
+  "close": `Zavřít`,
+  "notifications": (args, formatter) => `${formatter.plural(args.count, {
+    one: () => `${formatter.number(args.count)} oznámení`,
+    other: () => `${formatter.number(args.count)} oznámení`
+  })}.`
+};
+var $390d441203d25ff4$exports = {};
+$390d441203d25ff4$exports = {
+  "close": `Luk`,
+  "notifications": (args, formatter) => `${formatter.plural(args.count, {
+    one: () => `${formatter.number(args.count)} besked`,
+    other: () => `${formatter.number(args.count)} beskeder`
+  })}.`
+};
+var $7063c2d0f14f979a$exports = {};
+$7063c2d0f14f979a$exports = {
+  "close": `Schließen`,
+  "notifications": (args, formatter) => `${formatter.plural(args.count, {
+    one: () => `${formatter.number(args.count)} Benachrichtigung`,
+    other: () => `${formatter.number(args.count)} Benachrichtigungen`
+  })}.`
+};
+var $2dfc1dbb6590af88$exports = {};
+$2dfc1dbb6590af88$exports = {
+  "close": `Κλείσιμο`,
+  "notifications": (args, formatter) => `${formatter.plural(args.count, {
+    one: () => `${formatter.number(args.count)} ειδοποίηση`,
+    other: () => `${formatter.number(args.count)} ειδοποιήσεις`
+  })}.`
+};
+var $9a12ff1caae5a7a5$exports = {};
+$9a12ff1caae5a7a5$exports = {
+  "close": `Close`,
+  "notifications": (args, formatter) => `${formatter.plural(args.count, {
+    one: () => `${formatter.number(args.count)} notification`,
+    other: () => `${formatter.number(args.count)} notifications`
+  })}.`
+};
+var $f4095fb5a72adbe6$exports = {};
+$f4095fb5a72adbe6$exports = {
+  "close": `Cerrar`,
+  "notifications": (args, formatter) => `${formatter.plural(args.count, {
+    one: () => `${formatter.number(args.count)} notificación`,
+    other: () => `${formatter.number(args.count)} notificaciones`
+  })}.`
+};
+var $75bc5191b9d7826a$exports = {};
+$75bc5191b9d7826a$exports = {
+  "close": `Sule`,
+  "notifications": (args, formatter) => `${formatter.plural(args.count, {
+    one: () => `${formatter.number(args.count)} teatis`,
+    other: () => `${formatter.number(args.count)} teatist`
+  })}.`
+};
+var $e4b9aef18b0db8dc$exports = {};
+$e4b9aef18b0db8dc$exports = {
+  "close": `Sulje`,
+  "notifications": (args, formatter) => `${formatter.plural(args.count, {
+    one: () => `${formatter.number(args.count)} ilmoitus`,
+    other: () => `${formatter.number(args.count)} ilmoitusta`
+  })}.`
+};
+var $888756784d832bd7$exports = {};
+$888756784d832bd7$exports = {
+  "close": `Fermer`,
+  "notifications": (args, formatter) => `${formatter.plural(args.count, {
+    one: () => `${formatter.number(args.count)} notification`,
+    other: () => `${formatter.number(args.count)} notifications`
+  })}.`
+};
+var $6835949b68a1fabf$exports = {};
+$6835949b68a1fabf$exports = {
+  "close": `סגור`,
+  "notifications": (args, formatter) => `${formatter.plural(args.count, {
+    one: () => `${formatter.number(args.count)} התראה`,
+    other: () => `${formatter.number(args.count)} התראות`
+  })}.`
+};
+var $87ffcbc0b651e40b$exports = {};
+$87ffcbc0b651e40b$exports = {
+  "close": `Zatvori`,
+  "notifications": (args, formatter) => `${formatter.plural(args.count, {
+    one: () => `${formatter.number(args.count)} obavijest`,
+    other: () => `${formatter.number(args.count)} obavijesti`
+  })}.`
+};
+var $dc6e3b2813600d69$exports = {};
+$dc6e3b2813600d69$exports = {
+  "close": `Bezárás`,
+  "notifications": (args, formatter) => `${formatter.plural(args.count, {
+    one: () => `${formatter.number(args.count)} értesítés`,
+    other: () => `${formatter.number(args.count)} értesítés`
+  })}.`
+};
+var $fe136bcbacfcfa14$exports = {};
+$fe136bcbacfcfa14$exports = {
+  "close": `Chiudi`,
+  "notifications": (args, formatter) => `${formatter.plural(args.count, {
+    one: () => `${formatter.number(args.count)} notifica`,
+    other: () => `${formatter.number(args.count)} notifiche`
+  })}.`
+};
+var $8fb53a929b46df83$exports = {};
+$8fb53a929b46df83$exports = {
+  "close": `閉じる`,
+  "notifications": (args, formatter) => `${formatter.plural(args.count, {
+    one: () => `${formatter.number(args.count)} 個の通知`,
+    other: () => `${formatter.number(args.count)} 個の通知`
+  })}。`
+};
+var $2c38dbfaf041a865$exports = {};
+$2c38dbfaf041a865$exports = {
+  "close": `닫기`,
+  "notifications": (args, formatter) => `${formatter.plural(args.count, {
+    one: () => `${formatter.number(args.count)}개 알림`,
+    other: () => `${formatter.number(args.count)}개 알림`
+  })}.`
+};
+var $48f3f33a29908d4c$exports = {};
+$48f3f33a29908d4c$exports = {
+  "close": `Uždaryti`,
+  "notifications": (args, formatter) => `${formatter.plural(args.count, {
+    one: () => `${formatter.number(args.count)} pranešimas`,
+    other: () => `${formatter.number(args.count)} pranešimai`
+  })}.`
+};
+var $9867160d996455a0$exports = {};
+$9867160d996455a0$exports = {
+  "close": `Aizvērt`,
+  "notifications": (args, formatter) => `${formatter.plural(args.count, {
+    one: () => `${formatter.number(args.count)} paziņojums`,
+    other: () => `${formatter.number(args.count)} paziņojumi`
+  })}.`
+};
+var $196258ea25c96487$exports = {};
+$196258ea25c96487$exports = {
+  "close": `Lukk`,
+  "notifications": (args, formatter) => `${formatter.plural(args.count, {
+    one: () => `${formatter.number(args.count)} varsling`,
+    other: () => `${formatter.number(args.count)} varsler`
+  })}.`
+};
+var $949061cb954e8000$exports = {};
+$949061cb954e8000$exports = {
+  "close": `Sluiten`,
+  "notifications": (args, formatter) => `${formatter.plural(args.count, {
+    one: () => `${formatter.number(args.count)} melding`,
+    other: () => `${formatter.number(args.count)} meldingen`
+  })}.`
+};
+var $8189bed27add1ad3$exports = {};
+$8189bed27add1ad3$exports = {
+  "close": `Zamknij`,
+  "notifications": (args, formatter) => `${formatter.plural(args.count, {
+    one: () => `${formatter.number(args.count)} powiadomienie`,
+    few: () => `${formatter.number(args.count)} powiadomienia`,
+    many: () => `${formatter.number(args.count)} powiadomień`,
+    other: () => `${formatter.number(args.count)} powiadomienia`
+  })}.`
+};
+var $a361756a93b6e28c$exports = {};
+$a361756a93b6e28c$exports = {
+  "close": `Fechar`,
+  "notifications": (args, formatter) => `${formatter.plural(args.count, {
+    one: () => `${formatter.number(args.count)} notificação`,
+    other: () => `${formatter.number(args.count)} notificações`
+  })}.`
+};
+var $034c7393857c8db0$exports = {};
+$034c7393857c8db0$exports = {
+  "close": `Fechar`,
+  "notifications": (args, formatter) => `${formatter.plural(args.count, {
+    one: () => `${formatter.number(args.count)} notificação`,
+    other: () => `${formatter.number(args.count)} notificações`
+  })}.`
+};
+var $e33d3b3868478b04$exports = {};
+$e33d3b3868478b04$exports = {
+  "close": `Închideţi`,
+  "notifications": (args, formatter) => `${formatter.plural(args.count, {
+    one: () => `${formatter.number(args.count)} notificare`,
+    other: () => `${formatter.number(args.count)} notificări`
+  })}.`
+};
+var $9a7dcb914b29cd9f$exports = {};
+$9a7dcb914b29cd9f$exports = {
+  "close": `Закрыть`,
+  "notifications": (args, formatter) => `${formatter.plural(args.count, {
+    one: () => `${formatter.number(args.count)} уведомление`,
+    other: () => `${formatter.number(args.count)} уведомления`
+  })}.`
+};
+var $e43d964a0c7f1266$exports = {};
+$e43d964a0c7f1266$exports = {
+  "close": `Zatvoriť`,
+  "notifications": (args, formatter) => `${formatter.plural(args.count, {
+    one: () => `${formatter.number(args.count)} oznámenie`,
+    few: () => `${formatter.number(args.count)} oznámenia`,
+    other: () => `${formatter.number(args.count)} oznámení`
+  })}.`
+};
+var $0bc56cee3275bcaa$exports = {};
+$0bc56cee3275bcaa$exports = {
+  "close": `Zapri`,
+  "notifications": (args, formatter) => `${formatter.plural(args.count, {
+    one: () => `${formatter.number(args.count)} obvestilo`,
+    two: () => `${formatter.number(args.count)} obvestili`,
+    few: () => `${formatter.number(args.count)} obvestila`,
+    other: () => `${formatter.number(args.count)} obvestil`
+  })}.`
+};
+var $7dbdd7289c10d2ba$exports = {};
+$7dbdd7289c10d2ba$exports = {
+  "close": `Zatvori`,
+  "notifications": (args, formatter) => `${formatter.plural(args.count, {
+    one: () => `${formatter.number(args.count)} obaveštenje`,
+    other: () => `${formatter.number(args.count)} obaveštenja`
+  })}.`
+};
+var $ccbe6066c10b1e53$exports = {};
+$ccbe6066c10b1e53$exports = {
+  "close": `Stäng`,
+  "notifications": (args, formatter) => `${formatter.plural(args.count, {
+    one: () => `${formatter.number(args.count)} meddelande`,
+    other: () => `${formatter.number(args.count)} meddelanden`
+  })}.`
+};
+var $9d503476b9d858b7$exports = {};
+$9d503476b9d858b7$exports = {
+  "close": `Kapat`,
+  "notifications": (args, formatter) => `${formatter.plural(args.count, {
+    one: () => `${formatter.number(args.count)} bildirim`,
+    other: () => `${formatter.number(args.count)} bildirim`
+  })}.`
+};
+var $32ee419c7b9b7a83$exports = {};
+$32ee419c7b9b7a83$exports = {
+  "close": `Закрити`,
+  "notifications": (args, formatter) => `${formatter.plural(args.count, {
+    one: () => `${formatter.number(args.count)} сповіщення`,
+    other: () => `${formatter.number(args.count)} сповіщення`
+  })}.`
+};
+var $122525af1cb737c7$exports = {};
+$122525af1cb737c7$exports = {
+  "close": `关闭`,
+  "notifications": (args, formatter) => `${formatter.plural(args.count, {
+    one: () => `${formatter.number(args.count)} 个通知`,
+    other: () => `${formatter.number(args.count)} 个通知`
+  })}。`
+};
+var $52e8b1b00094e5a3$exports = {};
+$52e8b1b00094e5a3$exports = {
+  "close": `關閉`,
+  "notifications": (args, formatter) => `${formatter.plural(args.count, {
+    one: () => `${formatter.number(args.count)} 個通知`,
+    other: () => `${formatter.number(args.count)} 個通知`
+  })}。`
+};
+var $7853651519a70071$exports = {};
+$7853651519a70071$exports = {
+  "ar-AE": $ff9177efc58547ad$exports,
+  "bg-BG": $25eb7c0c0c45e544$exports,
+  "cs-CZ": $28feffc3d61a8691$exports,
+  "da-DK": $390d441203d25ff4$exports,
+  "de-DE": $7063c2d0f14f979a$exports,
+  "el-GR": $2dfc1dbb6590af88$exports,
+  "en-US": $9a12ff1caae5a7a5$exports,
+  "es-ES": $f4095fb5a72adbe6$exports,
+  "et-EE": $75bc5191b9d7826a$exports,
+  "fi-FI": $e4b9aef18b0db8dc$exports,
+  "fr-FR": $888756784d832bd7$exports,
+  "he-IL": $6835949b68a1fabf$exports,
+  "hr-HR": $87ffcbc0b651e40b$exports,
+  "hu-HU": $dc6e3b2813600d69$exports,
+  "it-IT": $fe136bcbacfcfa14$exports,
+  "ja-JP": $8fb53a929b46df83$exports,
+  "ko-KR": $2c38dbfaf041a865$exports,
+  "lt-LT": $48f3f33a29908d4c$exports,
+  "lv-LV": $9867160d996455a0$exports,
+  "nb-NO": $196258ea25c96487$exports,
+  "nl-NL": $949061cb954e8000$exports,
+  "pl-PL": $8189bed27add1ad3$exports,
+  "pt-BR": $a361756a93b6e28c$exports,
+  "pt-PT": $034c7393857c8db0$exports,
+  "ro-RO": $e33d3b3868478b04$exports,
+  "ru-RU": $9a7dcb914b29cd9f$exports,
+  "sk-SK": $e43d964a0c7f1266$exports,
+  "sl-SI": $0bc56cee3275bcaa$exports,
+  "sr-SP": $7dbdd7289c10d2ba$exports,
+  "sv-SE": $ccbe6066c10b1e53$exports,
+  "tr-TR": $9d503476b9d858b7$exports,
+  "uk-UA": $32ee419c7b9b7a83$exports,
+  "zh-CN": $122525af1cb737c7$exports,
+  "zh-TW": $52e8b1b00094e5a3$exports
+};
+function $parcel$interopDefault$1(a) {
+  return a && a.__esModule ? a.default : a;
+}
+function $d6542812f0669241$export$a407b657d3044108(props, state, ref) {
+  let { key, timer, timeout } = props.toast;
+  React.useEffect(() => {
+    if (timer == null || timeout == null) return;
+    timer.reset(timeout);
+    return () => {
+      timer.pause();
+    };
+  }, [
+    timer,
+    timeout
+  ]);
+  let titleId = mergeProps.$bdb11010cef70236$export$f680877a34711e37();
+  let descriptionId = mergeProps.$bdb11010cef70236$export$b4cc09c592e8fdb8();
+  let stringFormatter = useLocalizedStringFormatter.$fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault$1($7853651519a70071$exports), "@react-aria/toast");
+  let [isVisible, setIsVisible] = React.useState(false);
+  React.useEffect(() => {
+    setIsVisible(true);
+  }, []);
+  let toastProps = filterDOMProps.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+    labelable: true
+  });
+  return {
+    toastProps: __spreadProps(__spreadValues({}, toastProps), {
+      role: "alertdialog",
+      "aria-modal": "false",
+      "aria-labelledby": props["aria-labelledby"] || titleId,
+      "aria-describedby": props["aria-describedby"] || descriptionId,
+      tabIndex: 0
+    }),
+    contentProps: {
+      role: "alert",
+      "aria-atomic": "true",
+      "aria-hidden": isVisible ? void 0 : "true"
+    },
+    titleProps: {
+      id: titleId
+    },
+    descriptionProps: {
+      id: descriptionId
+    },
+    closeButtonProps: {
+      "aria-label": stringFormatter.format("close"),
+      onPress: () => state.close(key)
+    }
+  };
+}
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+function $6cc546b19ee7130a$export$b8cbbb20a51697de(props, state, ref) {
+  let stringFormatter = useLocalizedStringFormatter.$fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault($7853651519a70071$exports), "@react-aria/toast");
+  let { landmarkProps } = $a86207c5d7f7e1fb$export$4cc632584fd87fae({
+    role: "region",
+    "aria-label": props["aria-label"] || stringFormatter.format("notifications", {
+      count: state.visibleToasts.length
+    })
+  }, ref);
+  let isHovered = React.useRef(false);
+  let isFocused = React.useRef(false);
+  let updateTimers = mergeProps.$8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {
+    if (isHovered.current || isFocused.current) state.pauseAll();
+    else state.resumeAll();
+  });
+  let { hoverProps } = useHover.$6179b936705e76d3$export$ae780daf29e6d456({
+    onHoverStart: () => {
+      isHovered.current = true;
+      updateTimers();
+    },
+    onHoverEnd: () => {
+      isHovered.current = false;
+      updateTimers();
+    }
+  });
+  let toasts = React.useRef([]);
+  let prevVisibleToasts = React.useRef(state.visibleToasts);
+  let focusedToast = React.useRef(null);
+  mergeProps.$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if (focusedToast.current === -1 || state.visibleToasts.length === 0 || !ref.current) {
+      toasts.current = [];
+      prevVisibleToasts.current = state.visibleToasts;
+      return;
+    }
+    toasts.current = [
+      ...ref.current.querySelectorAll('[role="alertdialog"]')
+    ];
+    if (prevVisibleToasts.current.length === state.visibleToasts.length && state.visibleToasts.every((t, i) => t.key === prevVisibleToasts.current[i].key)) {
+      prevVisibleToasts.current = state.visibleToasts;
+      return;
+    }
+    let allToasts = prevVisibleToasts.current.map((t, i) => __spreadProps(__spreadValues({}, t), {
+      i,
+      isRemoved: !state.visibleToasts.some((t2) => t.key === t2.key)
+    }));
+    let removedFocusedToastIndex = allToasts.findIndex((t) => t.i === focusedToast.current && t.isRemoved);
+    if (removedFocusedToastIndex > -1) {
+      var _lastFocused_current;
+      if (useFocusVisible.$507fabe10e71c6fb$export$630ff653c5ada6a9() === "pointer" && ((_lastFocused_current = lastFocused.current) === null || _lastFocused_current === void 0 ? void 0 : _lastFocused_current.isConnected)) useFocusVisible.$7215afc6de606d6b$export$de79e2c695e052f3(lastFocused.current);
+      else {
+        let i = 0;
+        let nextToast;
+        let prevToast;
+        while (i <= removedFocusedToastIndex) {
+          if (!allToasts[i].isRemoved) prevToast = Math.max(0, i - 1);
+          i++;
+        }
+        while (i < allToasts.length) {
+          if (!allToasts[i].isRemoved) {
+            nextToast = i - 1;
+            break;
+          }
+          i++;
+        }
+        if (prevToast === void 0 && nextToast === void 0) prevToast = 0;
+        if (prevToast >= 0 && prevToast < toasts.current.length) useFocusVisible.$7215afc6de606d6b$export$de79e2c695e052f3(toasts.current[prevToast]);
+        else if (nextToast >= 0 && nextToast < toasts.current.length) useFocusVisible.$7215afc6de606d6b$export$de79e2c695e052f3(toasts.current[nextToast]);
+      }
+    }
+    prevVisibleToasts.current = state.visibleToasts;
+  }, [
+    state.visibleToasts,
+    ref,
+    updateTimers
+  ]);
+  let lastFocused = React.useRef(null);
+  let { focusWithinProps } = useFocusWithin.$9ab94262bd0047c7$export$420e68273165f4ec({
+    onFocusWithin: (e) => {
+      isFocused.current = true;
+      lastFocused.current = e.relatedTarget;
+      updateTimers();
+    },
+    onBlurWithin: () => {
+      isFocused.current = false;
+      lastFocused.current = null;
+      updateTimers();
+    }
+  });
+  React.useEffect(() => {
+    var _lastFocused_current;
+    if (state.visibleToasts.length === 0 && ((_lastFocused_current = lastFocused.current) === null || _lastFocused_current === void 0 ? void 0 : _lastFocused_current.isConnected)) {
+      if (useFocusVisible.$507fabe10e71c6fb$export$630ff653c5ada6a9() === "pointer") useFocusVisible.$7215afc6de606d6b$export$de79e2c695e052f3(lastFocused.current);
+      else lastFocused.current.focus();
+      lastFocused.current = null;
+    }
+  }, [
+    ref,
+    state.visibleToasts.length
+  ]);
+  React.useEffect(() => {
+    return () => {
+      var _lastFocused_current;
+      if ((_lastFocused_current = lastFocused.current) === null || _lastFocused_current === void 0 ? void 0 : _lastFocused_current.isConnected) {
+        if (useFocusVisible.$507fabe10e71c6fb$export$630ff653c5ada6a9() === "pointer") useFocusVisible.$7215afc6de606d6b$export$de79e2c695e052f3(lastFocused.current);
+        else lastFocused.current.focus();
+        lastFocused.current = null;
+      }
+    };
+  }, [
+    ref
+  ]);
+  return {
+    regionProps: mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(landmarkProps, hoverProps, focusWithinProps, {
+      tabIndex: -1,
+      // Mark the toast region as a "top layer", so that it:
+      //   - is not aria-hidden when opening an overlay
+      //   - allows focus even outside a containing focus scope
+      //   - doesn’t dismiss overlays when clicking on it, even though it is outside
+      // @ts-ignore
+      "data-react-aria-top-layer": true,
+      // listen to focus events separate from focuswithin because that will only fire once
+      // and we need to follow all focus changes
+      onFocus: (e) => {
+        let target = e.target.closest('[role="alertdialog"]');
+        focusedToast.current = toasts.current.findIndex((t) => t === target);
+      },
+      onBlur: () => {
+        focusedToast.current = -1;
+      }
+    })
+  };
+}
+var __defProp$3 = Object.defineProperty;
+var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
+var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
+var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, {
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value
+}) : obj[key] = value;
+var __spreadValues$3 = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp$3.call(b, prop)) __defNormalProp$3(a, prop, b[prop]);
+  if (__getOwnPropSymbols$3) for (var prop of __getOwnPropSymbols$3(b)) {
+    if (__propIsEnum$3.call(b, prop)) __defNormalProp$3(a, prop, b[prop]);
+  }
+  return a;
+};
+var __objRest$3 = (source, exclude) => {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp$3.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$3) for (var prop of __getOwnPropSymbols$3(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum$3.call(source, prop)) target[prop] = source[prop];
+  }
+  return target;
+};
+const Error2 = (_a) => {
+  var _b = _a, { title, titleId } = _b, props = __objRest$3(_b, ["title", "titleId"]);
+  return React__namespace.createElement("svg", __spreadValues$3({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 -960 960 960",
+    "aria-labelledby": titleId
+  }, props), title ? React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, React__namespace.createElement("path", {
+    d: "M479.98-290.77q11.9 0 19.58-7.66 7.67-7.65 7.67-19.55t-7.66-19.58q-7.65-7.67-19.55-7.67t-19.58 7.65q-7.67 7.66-7.67 19.56 0 11.9 7.66 19.58 7.65 7.67 19.55 7.67Zm-20.44-141.08h45.38v-249.53h-45.38v249.53ZM480.33-100q-78.95 0-147.89-29.92-68.95-29.92-120.76-81.71-51.81-51.79-81.75-120.78Q100-401.39 100-480.43q0-78.66 29.92-147.87 29.92-69.21 81.71-120.52 51.79-51.31 120.78-81.25Q401.39-860 480.43-860q78.66 0 147.87 29.92 69.21 29.92 120.52 81.21 51.31 51.29 81.25 120.63Q860-558.9 860-480.33q0 78.95-29.92 147.89-29.92 68.95-81.21 120.57-51.29 51.63-120.63 81.75Q558.9-100 480.33-100Zm.17-45.39q139.19 0 236.65-97.76 97.46-97.77 97.46-237.35 0-139.19-97.27-236.65-97.27-97.46-237.34-97.46-139.08 0-236.85 97.27-97.76 97.27-97.76 237.34 0 139.08 97.76 236.85 97.77 97.76 237.35 97.76ZM480-480Z"
+  }));
+};
+var __defProp$2 = Object.defineProperty;
+var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
+var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
+var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, {
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value
+}) : obj[key] = value;
+var __spreadValues$2 = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp$2.call(b, prop)) __defNormalProp$2(a, prop, b[prop]);
+  if (__getOwnPropSymbols$2) for (var prop of __getOwnPropSymbols$2(b)) {
+    if (__propIsEnum$2.call(b, prop)) __defNormalProp$2(a, prop, b[prop]);
+  }
+  return a;
+};
+var __objRest$2 = (source, exclude) => {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$2) for (var prop of __getOwnPropSymbols$2(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum$2.call(source, prop)) target[prop] = source[prop];
+  }
+  return target;
+};
+const Warning = (_a) => {
+  var _b = _a, { title, titleId } = _b, props = __objRest$2(_b, ["title", "titleId"]);
+  return React__namespace.createElement("svg", __spreadValues$2({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 -960 960 960",
+    "aria-labelledby": titleId
+  }, props), title ? React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, React__namespace.createElement("path", {
+    d: "M74.62-140 480-840l405.38 700H74.62Zm78.61-45.39h653.54L480-749.23 153.23-185.39Zm329.8-60.07q10.7 0 17.76-7.24 7.06-7.24 7.06-17.94 0-10.71-7.24-17.76-7.24-7.06-17.95-7.06-10.7 0-17.76 7.24-7.05 7.24-7.05 17.94 0 10.7 7.24 17.76 7.24 7.06 17.94 7.06Zm-22.88-97.92h45.39v-217.85h-45.39v217.85ZM480-467.31Z"
+  }));
+};
+var __defProp$1 = Object.defineProperty;
+var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, {
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value
+}) : obj[key] = value;
+var __spreadValues$1 = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp$1.call(b, prop)) __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1) for (var prop of __getOwnPropSymbols$1(b)) {
+    if (__propIsEnum$1.call(b, prop)) __defNormalProp$1(a, prop, b[prop]);
+  }
+  return a;
+};
+var __objRest$1 = (source, exclude) => {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$1) for (var prop of __getOwnPropSymbols$1(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop)) target[prop] = source[prop];
+  }
+  return target;
+};
+const DocumentScanner = (_a) => {
+  var _b = _a, { title, titleId } = _b, props = __objRest$1(_b, ["title", "titleId"]);
+  return React__namespace.createElement("svg", __spreadValues$1({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 -960 960 960",
+    "aria-labelledby": titleId
+  }, props), title ? React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, React__namespace.createElement("path", {
+    d: "M90-748.46V-910h161.92v45.38H135.38v116.16H90Zm734.62 0v-116.16H708.46V-910H870v161.54h-45.38ZM90-50v-161.92h45.38v116.54h116.54V-50H90Zm618.46 0v-45.38h116.16v-116.54H870V-50H708.46ZM255.38-227.69q0 4.61 3.85 8.46 3.85 3.85 8.46 3.85h424.62q4.61 0 8.46-3.85 3.85-3.85 3.85-8.46v-504.62q0-4.61-3.85-8.46-3.85-3.85-8.46-3.85H267.69q-4.61 0-8.46 3.85-3.85 3.85-3.85 8.46v504.62ZM267.69-170q-23.53 0-40.61-17.08T210-227.69v-504.62q0-23.53 17.08-40.61T267.69-790h424.62q23.53 0 40.61 17.08T750-732.31v504.62q0 23.53-17.08 40.61T692.31-170H267.69Zm109.62-407.31h205.38v-45.38H377.31v45.38Zm0 120h205.38v-45.38H377.31v45.38Zm0 120h205.38v-45.38H377.31v45.38ZM255.38-227.69v-516.93 529.24-12.31Z"
+  }));
+};
+var __defProp2 = Object.defineProperty;
+var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
+var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, {
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value
+}) : obj[key] = value;
+var __spreadValues2 = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp2.call(b, prop)) __defNormalProp2(a, prop, b[prop]);
+  if (__getOwnPropSymbols2) for (var prop of __getOwnPropSymbols2(b)) {
+    if (__propIsEnum2.call(b, prop)) __defNormalProp2(a, prop, b[prop]);
+  }
+  return a;
+};
+var __objRest2 = (source, exclude) => {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp2.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols2) for (var prop of __getOwnPropSymbols2(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum2.call(source, prop)) target[prop] = source[prop];
+  }
+  return target;
+};
+const CurrencyExchange = (_a) => {
+  var _b = _a, { title, titleId } = _b, props = __objRest2(_b, ["title", "titleId"]);
+  return React__namespace.createElement("svg", __spreadValues2({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 -960 960 960",
+    "aria-labelledby": titleId
+  }, props), title ? React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, React__namespace.createElement("path", {
+    d: "M480-60q-117 0-219.65-68.89-102.66-68.88-156.89-166.19v141.23H58.08v-220h220v45.39H136.85q45.61 91.23 142.03 157.15 96.43 65.92 201.12 65.92 75.69 0 142.88-28.26 67.2-28.27 117.73-77.47 50.54-49.19 80.93-115.99 30.38-66.81 32.69-142.89h45.38q-1.92 85.23-35.65 159.85-33.73 74.61-90.46 130.38Q716.77-124 641.19-92 565.61-60 480-60Zm-23.23-142.62v-52.07q-42.31-10.85-72.23-34.85T334-356.46l39.85-14.31q14.3 37.23 44.61 58.46 30.31 21.23 68.16 21.23 39.61 0 68.8-19.88 29.2-19.89 29.2-56.89 0-34.15-23.66-55.88-23.65-21.73-90.27-48.96-62.69-25-91.73-52.46-29.04-27.47-29.04-74.16 0-40.92 28.85-71.15 28.85-30.23 80-37.23v-49.08h43.84v49.08q34.93 3.23 62.16 21.69Q592-667.54 609-635.62L571.38-618Q556-643.69 534-657.31q-22-13.61-52-13.61-40.15 0-64.38 19.92-24.24 19.92-24.24 51.69 0 32.77 22.93 51.39 22.92 18.61 84.77 43 69.77 28.23 98.19 58.3 28.42 30.08 28.42 78.77 0 26.16-9.96 46.77-9.96 20.62-26.85 35.04-16.88 14.42-40.11 22.96-23.23 8.54-50.16 10.39v50.07h-43.84ZM60.39-490q2.69-87.15 36.8-161.96 34.12-74.81 91.23-130.19 57.12-55.39 132.12-86.62Q395.54-900 480-900q115.85 0 219.65 69.08 103.81 69.08 156.89 167.54v-142.77h45.38v220h-220v-45.39h141.23q-44.46-89.3-140.57-156.19-96.12-66.88-202.58-66.88-74.15 0-141.35 27.88-67.19 27.88-117.92 76.69-50.73 48.81-81.69 115.62-30.96 66.8-33.27 144.42H60.39Z"
+  }));
+};
+function _assertThisInitialized(e) {
+  if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return e;
+}
+function getChildMapping(children, mapFn) {
+  var mapper = function mapper2(child) {
+    return mapFn && React.isValidElement(child) ? mapFn(child) : child;
+  };
+  var result = /* @__PURE__ */ Object.create(null);
+  if (children) React.Children.map(children, function(c) {
+    return c;
+  }).forEach(function(child) {
+    result[child.key] = mapper(child);
+  });
+  return result;
+}
+function mergeChildMappings(prev, next) {
+  prev = prev || {};
+  next = next || {};
+  function getValueForKey(key) {
+    return key in next ? next[key] : prev[key];
+  }
+  var nextKeysPending = /* @__PURE__ */ Object.create(null);
+  var pendingKeys = [];
+  for (var prevKey in prev) {
+    if (prevKey in next) {
+      if (pendingKeys.length) {
+        nextKeysPending[prevKey] = pendingKeys;
+        pendingKeys = [];
+      }
+    } else {
+      pendingKeys.push(prevKey);
+    }
+  }
+  var i;
+  var childMapping = {};
+  for (var nextKey in next) {
+    if (nextKeysPending[nextKey]) {
+      for (i = 0; i < nextKeysPending[nextKey].length; i++) {
+        var pendingNextKey = nextKeysPending[nextKey][i];
+        childMapping[nextKeysPending[nextKey][i]] = getValueForKey(pendingNextKey);
+      }
+    }
+    childMapping[nextKey] = getValueForKey(nextKey);
+  }
+  for (i = 0; i < pendingKeys.length; i++) {
+    childMapping[pendingKeys[i]] = getValueForKey(pendingKeys[i]);
+  }
+  return childMapping;
+}
+function getProp(child, prop, props) {
+  return props[prop] != null ? props[prop] : child.props[prop];
+}
+function getInitialChildMapping(props, onExited) {
+  return getChildMapping(props.children, function(child) {
+    return React.cloneElement(child, {
+      onExited: onExited.bind(null, child),
+      in: true,
+      appear: getProp(child, "appear", props),
+      enter: getProp(child, "enter", props),
+      exit: getProp(child, "exit", props)
+    });
+  });
+}
+function getNextChildMapping(nextProps, prevChildMapping, onExited) {
+  var nextChildMapping = getChildMapping(nextProps.children);
+  var children = mergeChildMappings(prevChildMapping, nextChildMapping);
+  Object.keys(children).forEach(function(key) {
+    var child = children[key];
+    if (!React.isValidElement(child)) return;
+    var hasPrev = key in prevChildMapping;
+    var hasNext = key in nextChildMapping;
+    var prevChild = prevChildMapping[key];
+    var isLeaving = React.isValidElement(prevChild) && !prevChild.props.in;
+    if (hasNext && (!hasPrev || isLeaving)) {
+      children[key] = React.cloneElement(child, {
+        onExited: onExited.bind(null, child),
+        in: true,
+        exit: getProp(child, "exit", nextProps),
+        enter: getProp(child, "enter", nextProps)
+      });
+    } else if (!hasNext && hasPrev && !isLeaving) {
+      children[key] = React.cloneElement(child, {
+        in: false
+      });
+    } else if (hasNext && hasPrev && React.isValidElement(prevChild)) {
+      children[key] = React.cloneElement(child, {
+        onExited: onExited.bind(null, child),
+        in: prevChild.props.in,
+        exit: getProp(child, "exit", nextProps),
+        enter: getProp(child, "enter", nextProps)
+      });
+    }
+  });
+  return children;
+}
+var values = Object.values || function(obj) {
+  return Object.keys(obj).map(function(k) {
+    return obj[k];
+  });
+};
+var defaultProps = {
+  component: "div",
+  childFactory: function childFactory(child) {
+    return child;
+  }
+};
+var TransitionGroup = /* @__PURE__ */ function(_React$Component) {
+  CSSTransition._inheritsLoose(TransitionGroup2, _React$Component);
+  function TransitionGroup2(props, context) {
+    var _this;
+    _this = _React$Component.call(this, props, context) || this;
+    var handleExited = _this.handleExited.bind(_assertThisInitialized(_this));
+    _this.state = {
+      contextValue: {
+        isMounting: true
+      },
+      handleExited,
+      firstRender: true
+    };
+    return _this;
+  }
+  var _proto = TransitionGroup2.prototype;
+  _proto.componentDidMount = function componentDidMount() {
+    this.mounted = true;
+    this.setState({
+      contextValue: {
+        isMounting: false
+      }
+    });
+  };
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    this.mounted = false;
+  };
+  TransitionGroup2.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, _ref) {
+    var prevChildMapping = _ref.children, handleExited = _ref.handleExited, firstRender = _ref.firstRender;
+    return {
+      children: firstRender ? getInitialChildMapping(nextProps, handleExited) : getNextChildMapping(nextProps, prevChildMapping, handleExited),
+      firstRender: false
+    };
+  };
+  _proto.handleExited = function handleExited(child, node) {
+    var currentChildMapping = getChildMapping(this.props.children);
+    if (child.key in currentChildMapping) return;
+    if (child.props.onExited) {
+      child.props.onExited(node);
+    }
+    if (this.mounted) {
+      this.setState(function(state) {
+        var children = objectWithoutPropertiesLoose._extends({}, state.children);
+        delete children[child.key];
+        return {
+          children
+        };
+      });
+    }
+  };
+  _proto.render = function render() {
+    var _this$props = this.props, Component = _this$props.component, childFactory2 = _this$props.childFactory, props = objectWithoutPropertiesLoose._objectWithoutPropertiesLoose(_this$props, ["component", "childFactory"]);
+    var contextValue = this.state.contextValue;
+    var children = values(this.state.children).map(childFactory2);
+    delete props.appear;
+    delete props.enter;
+    delete props.exit;
+    if (Component === null) {
+      return /* @__PURE__ */ React.createElement(CSSTransition.TransitionGroupContext.Provider, {
+        value: contextValue
+      }, children);
+    }
+    return /* @__PURE__ */ React.createElement(CSSTransition.TransitionGroupContext.Provider, {
+      value: contextValue
+    }, /* @__PURE__ */ React.createElement(Component, props, children));
+  };
+  return TransitionGroup2;
+}(React.Component);
+TransitionGroup.propTypes = process.env.NODE_ENV !== "production" ? {
+  /**
+   * `<TransitionGroup>` renders a `<div>` by default. You can change this
+   * behavior by providing a `component` prop.
+   * If you use React v16+ and would like to avoid a wrapping `<div>` element
+   * you can pass in `component={null}`. This is useful if the wrapping div
+   * borks your css styles.
+   */
+  component: CSSTransition.PropTypes.any,
+  /**
+   * A set of `<Transition>` components, that are toggled `in` and out as they
+   * leave. the `<TransitionGroup>` will inject specific transition props, so
+   * remember to spread them through if you are wrapping the `<Transition>` as
+   * with our `<Fade>` example.
+   *
+   * While this component is meant for multiple `Transition` or `CSSTransition`
+   * children, sometimes you may want to have a single transition child with
+   * content that you want to be transitioned out and in when you change it
+   * (e.g. routes, images etc.) In that case you can change the `key` prop of
+   * the transition child as you change its content, this will cause
+   * `TransitionGroup` to transition the child out and back in.
+   */
+  children: CSSTransition.PropTypes.node,
+  /**
+   * A convenience prop that enables or disables appear animations
+   * for all children. Note that specifying this will override any defaults set
+   * on individual children Transitions.
+   */
+  appear: CSSTransition.PropTypes.bool,
+  /**
+   * A convenience prop that enables or disables enter animations
+   * for all children. Note that specifying this will override any defaults set
+   * on individual children Transitions.
+   */
+  enter: CSSTransition.PropTypes.bool,
+  /**
+   * A convenience prop that enables or disables exit animations
+   * for all children. Note that specifying this will override any defaults set
+   * on individual children Transitions.
+   */
+  exit: CSSTransition.PropTypes.bool,
+  /**
+   * You may need to apply reactive updates to a child as it is exiting.
+   * This is generally done by using `cloneElement` however in the case of an exiting
+   * child the element has already been removed and not accessible to the consumer.
+   *
+   * If you do need to update a child as it leaves you can provide a `childFactory`
+   * to wrap every child, even the ones that are leaving.
+   *
+   * @type Function(child: ReactElement) -> ReactElement
+   */
+  childFactory: CSSTransition.PropTypes.func
+} : {};
+TransitionGroup.defaultProps = defaultProps;
+const statusPromotional = "_statusPromotional_1xl7t_4";
+const statusSuccess = "_statusSuccess_1xl7t_9";
+const statusNeutral = "_statusNeutral_1xl7t_14";
+const statusWarning = "_statusWarning_1xl7t_19";
+const statusError = "_statusError_1xl7t_24";
+const typeToast = "_typeToast_1xl7t_29";
+const typeAlert = "_typeAlert_1xl7t_33";
+const Notification$1 = "_Notification_1xl7t_38";
+const iconText = "_iconText_1xl7t_55";
+const closeButtonContainer = "_closeButtonContainer_1xl7t_61";
+const closeButton = "_closeButton_1xl7t_61";
+const region = "_region_1xl7t_74";
+const container = "_container_1xl7t_81";
+const styles$1 = {
+  statusPromotional,
+  statusSuccess,
+  statusNeutral,
+  statusWarning,
+  statusError,
+  typeToast,
+  typeAlert,
+  Notification: Notification$1,
+  iconText,
+  closeButtonContainer,
+  closeButton,
+  region,
+  container
+};
+const appear = "_appear_9o3cj_1";
+const enter = "_enter_9o3cj_2";
+const appearActive = "_appearActive_9o3cj_7";
+const enterActive = "_enterActive_9o3cj_8";
+const exit = "_exit_9o3cj_14";
+const exitActive = "_exitActive_9o3cj_22";
+const styles = {
+  appear,
+  enter,
+  appearActive,
+  enterActive,
+  exit,
+  exitActive
+};
+function NotificationTransition(_a) {
+  var _b = _a, { children, transitionKey, onTransitionPendingChange = () => {
+  } } = _b, transitionGroupProps = __objRest(_b, ["children", "transitionKey", "onTransitionPendingChange"]);
+  const nodeRef = React.useRef(null);
+  const transitionEndListener = React.useCallback((done) => {
+    if (nodeRef.current) {
+      nodeRef.current.addEventListener("transitionend", done, false);
+    }
+  }, []);
+  return React.createElement(CSSTransition.CSSTransition, __spreadProps(__spreadValues({}, transitionGroupProps), {
+    key: transitionKey,
+    appear: true,
+    nodeRef,
+    unmountOnExit: true,
+    addEndListener: transitionEndListener,
+    classNames: {
+      appear: styles.appear,
+      appearActive: styles.appearActive,
+      enter: styles.enter,
+      enterActive: styles.enterActive,
+      exit: styles.exit,
+      exitActive: styles.exitActive
+    },
+    onEnter: () => {
+      onTransitionPendingChange(true);
+    },
+    onExited: () => {
+      onTransitionPendingChange(false);
+    }
+  }), children({
+    nodeRef
+  }));
+}
+function useNotificationTransitionTracking() {
+  const [transitionsPending, setTransitionsPending] = React.useState(0);
+  const onTransitionPendingChange = (isTransitionPending) => {
+    setTransitionsPending((prev) => isTransitionPending ? prev + 1 : prev - 1);
+  };
+  return {
+    isTransitionPending: transitionsPending > 0,
+    onTransitionPendingChange
+  };
+}
+function NotificationRegion(props) {
+  const { state, onTransitionPendingChange } = props;
+  const ref = React.useRef(null);
+  const { regionProps } = $6cc546b19ee7130a$export$b8cbbb20a51697de(props, state, ref);
+  return React.createElement("div", __spreadProps(__spreadValues({}, regionProps), {
+    ref,
+    className: styles$1.region
+  }), React.createElement(TransitionGroup, {
+    component: null
+  }, state.visibleToasts.map((toast) => React.createElement(NotificationTransition, {
+    key: toast.key,
+    transitionKey: toast.key,
+    onTransitionPendingChange
+  }, ({ nodeRef }) => React.createElement(Notification, {
+    ref: nodeRef,
+    toast,
+    state
+  })))));
+}
+function NotificationContainer(props) {
+  const { getContainer = null, position = "fixed", offset, state } = props;
+  const { isTransitionPending, onTransitionPendingChange } = useNotificationTransitionTracking();
+  const showNotifications = state.visibleToasts.length > 0 || isTransitionPending;
+  let requestFailed = false;
+  let container2 = null;
+  if (showNotifications && getContainer) {
+    container2 = getContainer();
+    requestFailed = container2 === null;
+  }
+  const positionStyleProps = offset && !requestFailed ? {
+    top: offset == null ? void 0 : offset.top,
+    right: offset == null ? void 0 : offset.right,
+    bottom: offset == null ? void 0 : offset.bottom,
+    left: offset == null ? void 0 : offset.left
+  } : {
+    top: 0,
+    left: 0
+  };
+  const positionProps = {
+    position: !requestFailed ? position : "fixed"
+  };
+  const containerStyles = __spreadValues(__spreadValues({}, positionStyleProps), positionProps);
+  return React.createElement(React.Fragment, null, showNotifications ? ReactDOM.createPortal(React.createElement("div", {
+    className: styles$1.container,
+    style: containerStyles
+  }, React.createElement(NotificationRegion, {
+    state,
+    onTransitionPendingChange
+  })), container2 != null ? container2 : document.body) : null);
+}
+const TOAST_TIMEOUT_DURATION = 4e3;
+class EasyUINotificationQueue extends $77b352cf12efcf73$export$f1f8569633bbbec4 {
+  constructor(options) {
+    super(options);
+    this.activeNotificationKey = "";
+  }
+  closeActiveNotification() {
+    if (this.activeNotificationKey) {
+      super.close(this.activeNotificationKey);
+    }
+  }
+  alert(content) {
+    this.closeActiveNotification();
+    this.activeNotificationKey = super.add(content);
+  }
+  toast(content) {
+    this.closeActiveNotification();
+    this.activeNotificationKey = super.add(content, {
+      timeout: TOAST_TIMEOUT_DURATION
+    });
+  }
+}
+function useNotificationState() {
+  const queue = React.useMemo(() => new EasyUINotificationQueue(), []);
+  const state = $77b352cf12efcf73$export$84726ef35ca2129a(queue);
+  return __spreadProps(__spreadValues({}, state), {
+    showPromotionalAlert: (content) => queue.alert(__spreadProps(__spreadValues({}, content), {
+      status: "promotional",
+      type: "alert"
+    })),
+    showNeutralAlert: (content) => queue.alert(__spreadProps(__spreadValues({}, content), {
+      status: "neutral",
+      type: "alert"
+    })),
+    showSuccessAlert: (content) => queue.alert(__spreadProps(__spreadValues({}, content), {
+      status: "success",
+      type: "alert"
+    })),
+    showWarningAlert: (content) => queue.alert(__spreadProps(__spreadValues({}, content), {
+      status: "warning",
+      type: "alert"
+    })),
+    showErrorAlert: (content) => queue.alert(__spreadProps(__spreadValues({}, content), {
+      status: "error",
+      type: "alert"
+    })),
+    showPromotionalToast: (content) => queue.toast(__spreadProps(__spreadValues({}, content), {
+      status: "promotional",
+      type: "toast"
+    })),
+    showNeutralToast: (content) => queue.toast(__spreadProps(__spreadValues({}, content), {
+      status: "neutral",
+      type: "toast"
+    })),
+    showSuccessToast: (content) => queue.toast(__spreadProps(__spreadValues({}, content), {
+      status: "success",
+      type: "toast"
+    })),
+    showWarningToast: (content) => queue.toast(__spreadProps(__spreadValues({}, content), {
+      status: "warning",
+      type: "toast"
+    })),
+    showErrorToast: (content) => queue.toast(__spreadProps(__spreadValues({}, content), {
+      status: "error",
+      type: "toast"
+    })),
+    closeActiveNotification: () => queue.closeActiveNotification()
+  });
+}
+const Notification = React.forwardRef((props, forwardedRef) => {
+  const ref = React.useRef(null);
+  const mergedRef = useObjectRef.$df56164dff5785e2$export$4338b53315abf666(mergeRefs.$5dc95899b306f630$export$c9058316764c140e(ref, forwardedRef));
+  const { state, toast: notification } = props;
+  const { type = "toast", message, status = "success", hasIcon = true, onDismiss } = notification.content;
+  const { toastProps: notificationProps, titleProps, closeButtonProps } = $d6542812f0669241$export$a407b657d3044108(props, state);
+  const notificationPropsWithAdjustedAriaRole = type === "toast" ? __spreadProps(__spreadValues({}, notificationProps), {
+    role: "status"
+  }) : notificationProps;
+  const handleDismiss = () => {
+    if (onDismiss) {
+      onDismiss();
+    }
+    state.close(notification.key);
+  };
+  const closeButtonPropsWithDismiss = __spreadProps(__spreadValues({}, closeButtonProps), {
+    onPress: handleDismiss
+  });
+  return React.createElement("div", __spreadProps(__spreadValues({}, notificationPropsWithAdjustedAriaRole), {
+    ref: mergedRef,
+    className: utilities_css.classNames(styles$1.Notification, styles$1[utilities_css.variationName("status", status)], styles$1[utilities_css.variationName("type", type)])
+  }), React.createElement("div", {
+    className: styles$1.iconText
+  }, hasIcon && React.createElement(Icon.Icon, {
+    size: "lg",
+    symbol: getStatusIcon(status)
+  }), React.createElement("div", __spreadValues({}, titleProps), React.createElement(Text.Text, {
+    weight: "semibold"
+  }, message))), type === "alert" && React.createElement("span", {
+    className: styles$1.closeButtonContainer
+  }, React.createElement(UnstyledButton.UnstyledButton, __spreadProps(__spreadValues({}, closeButtonPropsWithDismiss), {
+    className: styles$1.closeButton
+  }), React.createElement(Icon.Icon, {
+    size: "md",
+    symbol: Close.Close
+  }))));
+});
+Notification.displayName = "Notification";
+function getStatusIcon(status) {
+  switch (status) {
+    case "promotional":
+      return CurrencyExchange;
+    case "success":
+      return CheckCircle.CheckCircle;
+    case "neutral":
+      return DocumentScanner;
+    case "error":
+      return Error2;
+    case "warning":
+      return Warning;
+  }
+}
+const NotificationContext = React.createContext(null);
+function useNotification() {
+  const notification = React.useContext(NotificationContext);
+  if (!notification) {
+    throw new Error("useNotification() must be used within a NotificationProvider, which is bundled with EasyUIProvider");
+  }
+  return notification;
+}
+function NotificationProvider(props) {
+  const { children, notificationPlacement } = props;
+  const combinedState = useNotificationState();
+  const state = {
+    close: combinedState.close,
+    add: combinedState.add,
+    pauseAll: combinedState.pauseAll,
+    resumeAll: combinedState.resumeAll,
+    visibleToasts: combinedState.visibleToasts
+  };
+  const notification = {
+    showErrorAlert: combinedState.showErrorAlert,
+    showErrorToast: combinedState.showErrorToast,
+    showPromotionalToast: combinedState.showPromotionalToast,
+    showPromotionalAlert: combinedState.showPromotionalAlert,
+    showNeutralToast: combinedState.showNeutralToast,
+    showNeutralAlert: combinedState.showNeutralAlert,
+    showSuccessToast: combinedState.showSuccessToast,
+    showSuccessAlert: combinedState.showSuccessAlert,
+    showWarningToast: combinedState.showWarningToast,
+    showWarningAlert: combinedState.showWarningAlert,
+    closeActiveNotification: combinedState.closeActiveNotification
+  };
+  return React.createElement(NotificationContext.Provider, {
+    value: notification
+  }, React.createElement(NotificationContainer, {
+    getContainer: notificationPlacement == null ? void 0 : notificationPlacement.getContainer,
+    offset: notificationPlacement == null ? void 0 : notificationPlacement.offset,
+    position: notificationPlacement == null ? void 0 : notificationPlacement.position,
+    state
+  }), children);
+}
+exports.Notification = Notification;
+exports.NotificationContext = NotificationContext;
+exports.NotificationProvider = NotificationProvider;
+exports.useNotification = useNotification;