@nation-a/ui 0.11.4 → 0.11.7

package/dist/index.js

@@ -1,6 +1,6 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import React__default, { forwardRef, useMemo, createElement, createContext as createContext$1, useContext, useRef, useLayoutEffect, useEffect, useState, memo as memo$2, Children, isValidElement, cloneElement, useCallback, useId, useSyncExternalStore, useInsertionEffect, Fragment as Fragment$1, Component, useImperativeHandle } from "react";
+import { forwardRef, useMemo, createElement, createContext as createContext$1, useContext, useRef, useLayoutEffect, useEffect, useState, memo as memo$2, Children, isValidElement, cloneElement, useCallback, useId, useSyncExternalStore, useInsertionEffect, Fragment as Fragment$1, Component, useImperativeHandle } from "react";
 import { flushSync, createPortal } from "react-dom";
 function withPolymorphicComponent(Component2) {
   const PolymorphicComponent = React.forwardRef(
@@ -17,27 +17,27 @@ function isObject$1(value) {
 }
 var isObjectOrArray = (obj) => typeof obj === "object" && obj !== null;
 function compact$1(value) {
-  return Object.fromEntries(Object.entries(value ?? {}).filter(([_, value2]) => value2 !== void 0));
+  return Object.fromEntries(Object.entries(value ?? {}).filter(([_2, value2]) => value2 !== void 0));
 }
 var isBaseCondition = (v2) => v2 === "base";
-function filterBaseConditions(c) {
-  return c.slice().filter((v2) => !isBaseCondition(v2));
+function filterBaseConditions(c2) {
+  return c2.slice().filter((v2) => !isBaseCondition(v2));
 }
 function toChar(code) {
   return String.fromCharCode(code + (code > 25 ? 39 : 97));
 }
 function toName(code) {
   let name = "";
-  let x;
-  for (x = Math.abs(code); x > 52; x = x / 52 | 0)
-    name = toChar(x % 52) + name;
-  return toChar(x % 52) + name;
+  let x2;
+  for (x2 = Math.abs(code); x2 > 52; x2 = x2 / 52 | 0)
+    name = toChar(x2 % 52) + name;
+  return toChar(x2 % 52) + name;
 }
-function toPhash(h, x) {
-  let i = x.length;
-  while (i)
-    h = h * 33 ^ x.charCodeAt(--i);
-  return h;
+function toPhash(h2, x2) {
+  let i2 = x2.length;
+  while (i2)
+    h2 = h2 * 33 ^ x2.charCodeAt(--i2);
+  return h2;
 }
 function toHash(value) {
   return toName(toPhash(5381, value) >>> 0);
@@ -249,10 +249,10 @@ var getSlotCompoundVariant = (compoundVariants, slotName) => compoundVariants.fi
 function splitProps(props, ...keys) {
   const descriptors = Object.getOwnPropertyDescriptors(props);
   const dKeys = Object.keys(descriptors);
-  const split = (k) => {
+  const split = (k2) => {
     const clone = {};
-    for (let i = 0; i < k.length; i++) {
-      const key = k[i];
+    for (let i2 = 0; i2 < k2.length; i2++) {
+      const key = k2[i2];
       if (descriptors[key]) {
         Object.defineProperty(clone, key, descriptors[key]);
         delete descriptors[key];
@@ -300,9 +300,9 @@ function finalizeConditions(paths) {
   });
 }
 function sortConditions(paths) {
-  return paths.sort((a, b) => {
-    const aa = isCondition(a);
-    const bb = isCondition(b);
+  return paths.sort((a2, b2) => {
+    const aa = isCondition(a2);
+    const bb = isCondition(b2);
     if (aa && !bb) return 1;
     if (!aa && bb) return -1;
     return 0;
@@ -344,9 +344,9 @@ const css$1 = (...styles2) => cssFn(mergeCss(...styles2));
 css$1.raw = (...styles2) => mergeCss(...styles2);
 const { mergeCss } = createMergeCss(context);
 function cx() {
-  let str = "", i = 0, arg;
-  for (; i < arguments.length; ) {
-    if ((arg = arguments[i++]) && typeof arg === "string") {
+  let str = "", i2 = 0, arg;
+  for (; i2 < arguments.length; ) {
+    if ((arg = arguments[i2++]) && typeof arg === "string") {
       str && (str += " ");
       str += arg;
     }
@@ -521,10 +521,10 @@ function styledFn(Dynamic, configOrCva = {}, options = {}) {
 function createJsxFactory() {
   const cache = /* @__PURE__ */ new Map();
   return new Proxy(styledFn, {
-    apply(_, __, args) {
+    apply(_2, __, args) {
       return styledFn(...args);
     },
-    get(_, el) {
+    get(_2, el) {
       if (!cache.has(el)) {
         cache.set(el, styledFn(el));
       }
@@ -772,23 +772,12 @@ var isString = (v2) => typeof v2 === "string";
 var isFunction = (v2) => typeof v2 === "function";
 var fnToString = Function.prototype.toString;
 fnToString.call(Object);
-var runIfFn = (v2, ...a) => {
-  const res = typeof v2 === "function" ? v2(...a) : v2;
-  return res ?? void 0;
-};
 var identity = (v2) => v2();
-var callAll = (...fns2) => (...a) => {
+var callAll = (...fns2) => (...a2) => {
   fns2.forEach(function(fn) {
-    fn == null ? void 0 : fn(...a);
+    fn == null ? void 0 : fn(...a2);
   });
 };
-var uuid = /* @__PURE__ */ (() => {
-  let id2 = 0;
-  return () => {
-    id2++;
-    return id2.toString(36);
-  };
-})();
 function compact(obj) {
   if (!isPlainObject2(obj) || obj === void 0) return obj;
   const keys = Reflect.ownKeys(obj).filter((key) => typeof key === "string");
@@ -804,39 +793,17 @@ function compact(obj) {
 var isPlainObject2 = (v2) => {
   return v2 && typeof v2 === "object" && v2.constructor === Object;
 };
-function setRafTimeout(callback, delay2) {
-  const start = performance.now();
-  let handle;
-  function loop(now2) {
-    handle = requestAnimationFrame(loop);
-    const delta = now2 - start;
-    if (delta >= delay2) {
-      callback();
-    }
-  }
-  handle = requestAnimationFrame(loop);
-  return () => cancelAnimationFrame(handle);
-}
-function warn(...a) {
-  const m2 = a.length === 1 ? a[0] : a[1];
-  const c = a.length === 2 ? a[0] : true;
-  if (c && process.env.NODE_ENV !== "production") {
+function warn(...a2) {
+  const m2 = a2.length === 1 ? a2[0] : a2[1];
+  const c2 = a2.length === 2 ? a2[0] : true;
+  if (c2 && process.env.NODE_ENV !== "production") {
     console.warn(m2);
   }
 }
-function ensure(c, m2) {
-  if (c == null) throw new Error(m2);
-}
-function ensureProps(props, keys, scope) {
-  let missingKeys = [];
-  for (const key of keys) {
-    if (props[key] == null) missingKeys.push(key);
-  }
-  if (missingKeys.length > 0)
-    throw new Error(`[zag-js${` > ${scope}`}] missing required props: ${missingKeys.join(", ")}`);
+function ensure(c2, m2) {
+  if (c2 == null) throw new Error(m2);
 }
 var isObject = (v2) => typeof v2 === "object" && v2 !== null;
-var MAX_Z_INDEX = 2147483647;
 var dataAttr = (guard) => guard ? "" : void 0;
 var ELEMENT_NODE = 1;
 var DOCUMENT_NODE = 9;
@@ -954,8 +921,8 @@ var isSelfTarget = (event) => {
 function isComposingEvent(event) {
   return getNativeEvent(event).isComposing;
 }
-var isContextMenuEvent = (e) => {
-  return e.button === 2 || isMac$1() && e.ctrlKey && e.button === 0;
+var isContextMenuEvent = (e2) => {
+  return e2.button === 2 || isMac$1() && e2.ctrlKey && e2.button === 0;
 };
 var keyMap = {
   Up: "ArrowUp",
@@ -1000,10 +967,10 @@ var getFocusables = (container, includeContainer = false) => {
     elements.unshift(container);
   }
   const focusableElements2 = elements.filter(isFocusable);
-  focusableElements2.forEach((element, i) => {
+  focusableElements2.forEach((element, i2) => {
     if (isFrame(element) && element.contentDocument) {
       const frameBody = element.contentDocument.body;
-      focusableElements2.splice(i, 1, ...getFocusables(frameBody));
+      focusableElements2.splice(i2, 1, ...getFocusables(frameBody));
     }
   });
   return focusableElements2;
@@ -1016,11 +983,11 @@ function getTabbables(container, includeContainer) {
   if (!container) return [];
   const elements = Array.from(container.querySelectorAll(focusableSelector));
   const tabbableElements = elements.filter(isTabbable);
-  tabbableElements.forEach((element, i) => {
+  tabbableElements.forEach((element, i2) => {
     if (isFrame(element) && element.contentDocument) {
       const frameBody = element.contentDocument.body;
       const allFrameTabbable = getTabbables(frameBody);
-      tabbableElements.splice(i, 1, ...allFrameTabbable);
+      tabbableElements.splice(i2, 1, ...allFrameTabbable);
     }
   });
   if (!tabbableElements.length && includeContainer) ;
@@ -1194,14 +1161,14 @@ var serialize = (style) => {
   }
   return res;
 };
-var css = (a, b) => {
-  if (isString(a)) {
-    if (isString(b)) return `${a};${b}`;
-    a = serialize(a);
-  } else if (isString(b)) {
-    b = serialize(b);
-  }
-  return Object.assign({}, a ?? {}, b ?? {});
+var css = (a2, b2) => {
+  if (isString(a2)) {
+    if (isString(b2)) return `${a2};${b2}`;
+    a2 = serialize(a2);
+  } else if (isString(b2)) {
+    b2 = serialize(b2);
+  }
+  return Object.assign({}, a2 ?? {}, b2 ?? {});
 };
 function mergeProps(...args) {
   let result = {};
@@ -1348,7 +1315,7 @@ var useTrack = (deps, effect) => {
     const run = mounted && called.current;
     if (run) return effect();
     called.current = true;
-  }, [...(deps ?? []).map((d) => typeof d === "function" ? d() : d)]);
+  }, [...(deps ?? []).map((d2) => typeof d2 === "function" ? d2() : d2)]);
   useEffect(() => {
     render.current = true;
     return () => {
@@ -1441,10 +1408,10 @@ function useMachine(machine2, userProps = {}) {
   const action = (keys) => {
     const strs = isFunction(keys) ? keys(getParams()) : keys;
     if (!strs) return;
-    const fns2 = strs.map((s) => {
+    const fns2 = strs.map((s2) => {
       var _a2, _b2;
-      const fn = (_b2 = (_a2 = machine2.implementations) == null ? void 0 : _a2.actions) == null ? void 0 : _b2[s];
-      if (!fn) warn(`[zag-js] No implementation found for action "${JSON.stringify(s)}"`);
+      const fn = (_b2 = (_a2 = machine2.implementations) == null ? void 0 : _a2.actions) == null ? void 0 : _b2[s2];
+      if (!fn) warn(`[zag-js] No implementation found for action "${JSON.stringify(s2)}"`);
       return fn;
     });
     for (const fn of fns2) {
@@ -1459,10 +1426,10 @@ function useMachine(machine2, userProps = {}) {
   const effect = (keys) => {
     const strs = isFunction(keys) ? keys(getParams()) : keys;
     if (!strs) return;
-    const fns2 = strs.map((s) => {
+    const fns2 = strs.map((s2) => {
       var _a2, _b2;
-      const fn = (_b2 = (_a2 = machine2.implementations) == null ? void 0 : _a2.effects) == null ? void 0 : _b2[s];
-      if (!fn) warn(`[zag-js] No implementation found for effect "${JSON.stringify(s)}"`);
+      const fn = (_b2 = (_a2 = machine2.implementations) == null ? void 0 : _a2.effects) == null ? void 0 : _b2[s2];
+      if (!fn) warn(`[zag-js] No implementation found for effect "${JSON.stringify(s2)}"`);
       return fn;
     });
     const cleanups2 = [];
@@ -1473,10 +1440,10 @@ function useMachine(machine2, userProps = {}) {
     return () => cleanups2.forEach((fn) => fn == null ? void 0 : fn());
   };
   const choose = (transitions) => {
-    return toArray(transitions).find((t) => {
-      let result = !t.guard;
-      if (isString(t.guard)) result = !!guard(t.guard);
-      else if (isFunction(t.guard)) result = t.guard(getParams());
+    return toArray(transitions).find((t2) => {
+      let result = !t2.guard;
+      if (isString(t2.guard)) result = !!guard(t2.guard);
+      else if (isFunction(t2.guard)) result = t2.guard(getParams());
       return result;
     });
   };
@@ -1655,7 +1622,7 @@ const jsxFactory = () => {
     apply(_target, _thisArg, argArray) {
       return withAsChild(argArray[0]);
     },
-    get(_, element) {
+    get(_2, element) {
       const asElement = element;
       if (!cache.has(asElement)) {
         cache.set(asElement, withAsChild(asElement));
@@ -1724,8 +1691,8 @@ function getWindowFrames(win) {
   const frames = {
     each(cb) {
       var _a;
-      for (let i = 0; i < ((_a = win.frames) == null ? void 0 : _a.length); i += 1) {
-        const frame2 = win.frames[i];
+      for (let i2 = 0; i2 < ((_a = win.frames) == null ? void 0 : _a.length); i2 += 1) {
+        const frame2 = win.frames[i2];
         if (frame2) cb(frame2);
       }
     },
@@ -2111,27 +2078,6 @@ function trackDismissableElement(nodeOrFn, options) {
     cleanups2.forEach((fn) => fn == null ? void 0 : fn());
   };
 }
-function trackDismissableBranch(nodeOrFn, options = {}) {
-  const { defer } = options;
-  const func = defer ? raf$1 : (v2) => v2();
-  const cleanups2 = [];
-  cleanups2.push(
-    func(() => {
-      const node = isFunction(nodeOrFn) ? nodeOrFn() : nodeOrFn;
-      if (!node) {
-        warn("[@zag-js/dismissable] branch node is `null` or `undefined`");
-        return;
-      }
-      layerStack.addBranch(node);
-      cleanups2.push(() => {
-        layerStack.removeBranch(node);
-      });
-    })
-  );
-  return () => {
-    cleanups2.forEach((fn) => fn == null ? void 0 : fn());
-  };
-}
 const [RenderStrategyPropsProvider, useRenderStrategyPropsContext] = createContext({
   name: "RenderStrategyContext",
   hookName: "useRenderStrategyContext",
@@ -2165,7 +2111,7 @@ const [PresenceProvider, usePresenceContext] = createContext({
   providerName: "<PresenceProvider />"
 });
 const splitPresenceProps = (props) => createSplitProps()(props, ["immediate", "lazyMount", "onExitComplete", "present", "unmountOnExit"]);
-function connect$3(service, _normalize) {
+function connect$2(service, _normalize) {
   const { state, send, context: context2 } = service;
   const present = state.matches("mounted", "unmountSuspended");
   return {
@@ -2180,7 +2126,7 @@ function connect$3(service, _normalize) {
     }
   };
 }
-var machine$3 = createMachine({
+var machine$2 = createMachine({
   props({ props: props2 }) {
     return { ...props2, present: !!props2.present };
   },
@@ -2347,8 +2293,8 @@ const usePresence$1 = (props = {}) => {
     present,
     onExitComplete: useEvent(props.onExitComplete)
   };
-  const service = useMachine(machine$3, machineProps);
-  const api = connect$3(service);
+  const service = useMachine(machine$2, machineProps);
+  const api = connect$2(service);
   if (api.present) {
     wasEverPresent.current = true;
   }
@@ -2377,7 +2323,7 @@ var correctTargets = (parent, targets) => targets.map((target) => {
   }
   console.error("[zag-js > ariaHidden] target", target, "in not contained inside", parent, ". Doing nothing");
   return null;
-}).filter((x) => Boolean(x));
+}).filter((x2) => Boolean(x2));
 var isIgnoredNode = (node) => {
   if (node.localName === "next-route-announcer") return true;
   if (node.localName === "script") return true;
@@ -2424,8 +2370,8 @@ var walkTreeOutside = (originalTarget, props) => {
           if (!alreadyHidden) {
             node.setAttribute(controlAttribute, "true");
           }
-        } catch (e) {
-          console.error("[zag-js > ariaHidden] cannot operate on ", node, e);
+        } catch (e2) {
+          console.error("[zag-js > ariaHidden] cannot operate on ", node, e2);
         }
       }
     });
@@ -2617,7 +2563,7 @@ var FocusTrap = class {
               }
             }
           } else {
-            if (!this.state.containerGroups.some((g2) => g2.tabbableNodes.some((n) => getTabIndex(n) > 0))) {
+            if (!this.state.containerGroups.some((g2) => g2.tabbableNodes.some((n2) => getTabIndex(n2) > 0))) {
               navAcrossContainers = false;
             }
           }
@@ -2908,11 +2854,11 @@ var FocusTrap = class {
       returnFocusOnDeactivate: true,
       escapeDeactivates: true,
       delayInitialFocus: true,
-      isKeyForward(e) {
-        return isTabEvent(e) && !e.shiftKey;
+      isKeyForward(e2) {
+        return isTabEvent(e2) && !e2.shiftKey;
       },
-      isKeyBackward(e) {
-        return isTabEvent(e) && e.shiftKey;
+      isKeyBackward(e2) {
+        return isTabEvent(e2) && e2.shiftKey;
       },
       ...options
     };
@@ -2964,7 +2910,7 @@ var FocusTrap = class {
         nextTabbableNode
       };
     });
-    this.state.tabbableGroups = this.state.containerGroups.filter((group2) => group2.tabbableNodes.length > 0);
+    this.state.tabbableGroups = this.state.containerGroups.filter((group) => group.tabbableNodes.length > 0);
     if (this.state.tabbableGroups.length <= 0 && !this.getNodeForOption("fallbackFocus")) {
       throw new Error(
         "Your focus-trap must have at least one container with at least one tabbable node in it at all times"
@@ -3127,7 +3073,7 @@ function preventBodyScroll(_document) {
     body.removeAttribute(LOCK_CLASSNAME);
   };
 }
-var anatomy$2 = createAnatomy("dialog").parts(
+var anatomy$1 = createAnatomy("dialog").parts(
   "trigger",
   "backdrop",
   "positioner",
@@ -3136,7 +3082,7 @@ var anatomy$2 = createAnatomy("dialog").parts(
   "description",
   "closeTrigger"
 );
-var parts$2 = anatomy$2.build();
+var parts$1 = anatomy$1.build();
 var getPositionerId = (ctx) => {
   var _a;
   return ((_a = ctx.ids) == null ? void 0 : _a.positioner) ?? `dialog:${ctx.id}:positioner`;
@@ -3153,15 +3099,15 @@ var getTriggerId$1 = (ctx) => {
   var _a;
   return ((_a = ctx.ids) == null ? void 0 : _a.trigger) ?? `dialog:${ctx.id}:trigger`;
 };
-var getTitleId$1 = (ctx) => {
+var getTitleId = (ctx) => {
   var _a;
   return ((_a = ctx.ids) == null ? void 0 : _a.title) ?? `dialog:${ctx.id}:title`;
 };
-var getDescriptionId$1 = (ctx) => {
+var getDescriptionId = (ctx) => {
   var _a;
   return ((_a = ctx.ids) == null ? void 0 : _a.description) ?? `dialog:${ctx.id}:description`;
 };
-var getCloseTriggerId$1 = (ctx) => {
+var getCloseTriggerId = (ctx) => {
   var _a;
   return ((_a = ctx.ids) == null ? void 0 : _a.closeTrigger) ?? `dialog:${ctx.id}:close`;
 };
@@ -3169,10 +3115,10 @@ var getContentEl$1 = (ctx) => ctx.getById(getContentId$1(ctx));
 var getPositionerEl = (ctx) => ctx.getById(getPositionerId(ctx));
 var getBackdropEl = (ctx) => ctx.getById(getBackdropId(ctx));
 var getTriggerEl$1 = (ctx) => ctx.getById(getTriggerId$1(ctx));
-var getTitleEl = (ctx) => ctx.getById(getTitleId$1(ctx));
-var getDescriptionEl = (ctx) => ctx.getById(getDescriptionId$1(ctx));
-var getCloseTriggerEl = (ctx) => ctx.getById(getCloseTriggerId$1(ctx));
-function connect$2(service, normalize) {
+var getTitleEl = (ctx) => ctx.getById(getTitleId(ctx));
+var getDescriptionEl = (ctx) => ctx.getById(getDescriptionId(ctx));
+var getCloseTriggerEl = (ctx) => ctx.getById(getCloseTriggerId(ctx));
+function connect$1(service, normalize) {
   const { state, send, context: context2, prop, scope } = service;
   const ariaLabel = prop("aria-label");
   const open = state.matches("open");
@@ -3185,7 +3131,7 @@ function connect$2(service, normalize) {
     },
     getTriggerProps() {
       return normalize.button({
-        ...parts$2.trigger.attrs,
+        ...parts$1.trigger.attrs,
         dir: prop("dir"),
         id: getTriggerId$1(scope),
         "aria-haspopup": "dialog",
@@ -3201,7 +3147,7 @@ function connect$2(service, normalize) {
     },
     getBackdropProps() {
       return normalize.element({
-        ...parts$2.backdrop.attrs,
+        ...parts$1.backdrop.attrs,
         dir: prop("dir"),
         hidden: !open,
         id: getBackdropId(scope),
@@ -3210,7 +3156,7 @@ function connect$2(service, normalize) {
     },
     getPositionerProps() {
       return normalize.element({
-        ...parts$2.positioner.attrs,
+        ...parts$1.positioner.attrs,
         dir: prop("dir"),
         id: getPositionerId(scope),
         style: {
@@ -3221,7 +3167,7 @@ function connect$2(service, normalize) {
     getContentProps() {
       const rendered = context2.get("rendered");
       return normalize.element({
-        ...parts$2.content.attrs,
+        ...parts$1.content.attrs,
         dir: prop("dir"),
         role: prop("role"),
         hidden: !open,
@@ -3230,29 +3176,29 @@ function connect$2(service, normalize) {
         "data-state": open ? "open" : "closed",
         "aria-modal": true,
         "aria-label": ariaLabel || void 0,
-        "aria-labelledby": ariaLabel || !rendered.title ? void 0 : getTitleId$1(scope),
-        "aria-describedby": rendered.description ? getDescriptionId$1(scope) : void 0
+        "aria-labelledby": ariaLabel || !rendered.title ? void 0 : getTitleId(scope),
+        "aria-describedby": rendered.description ? getDescriptionId(scope) : void 0
       });
     },
     getTitleProps() {
       return normalize.element({
-        ...parts$2.title.attrs,
+        ...parts$1.title.attrs,
         dir: prop("dir"),
-        id: getTitleId$1(scope)
+        id: getTitleId(scope)
       });
     },
     getDescriptionProps() {
       return normalize.element({
-        ...parts$2.description.attrs,
+        ...parts$1.description.attrs,
         dir: prop("dir"),
-        id: getDescriptionId$1(scope)
+        id: getDescriptionId(scope)
       });
     },
     getCloseTriggerProps() {
       return normalize.button({
-        ...parts$2.closeTrigger.attrs,
+        ...parts$1.closeTrigger.attrs,
         dir: prop("dir"),
-        id: getCloseTriggerId$1(scope),
+        id: getCloseTriggerId(scope),
         type: "button",
         onClick(event) {
           if (event.defaultPrevented) return;
@@ -3263,7 +3209,7 @@ function connect$2(service, normalize) {
     }
   };
 }
-var machine$2 = createMachine({
+var machine$1 = createMachine({
   props({ props: props2, scope }) {
     const alertDialog = props2.role === "alertdialog";
     const initialFocusEl = alertDialog ? () => getCloseTriggerEl(scope) : void 0;
@@ -3482,8 +3428,8 @@ const useDialog = (props) => {
     dir,
     ...props
   };
-  const service = useMachine(machine$2, machineProps);
-  return connect$2(service, normalizeProps);
+  const service = useMachine(machine$1, machineProps);
+  return connect$1(service, normalizeProps);
 };
 const DialogRoot = (props) => {
   const [presenceProps, { children, ...localProps }] = splitPresenceProps(props);
@@ -3588,9 +3534,9 @@ const TabTrigger = forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
 });
 TabTrigger.displayName = "TabTrigger";
-var anatomy$1 = createAnatomy("tabs").parts("root", "list", "trigger", "content", "indicator");
-var parts$1 = anatomy$1.build();
-var getRootId$1 = (ctx) => {
+var anatomy = createAnatomy("tabs").parts("root", "list", "trigger", "content", "indicator");
+var parts = anatomy.build();
+var getRootId = (ctx) => {
   var _a;
   return ((_a = ctx.ids) == null ? void 0 : _a.root) ?? `tabs:${ctx.id}`;
 };
@@ -3641,7 +3587,7 @@ var resolveRect = (rect) => ({
   left: `${rect.left}px`,
   top: `${rect.top}px`
 });
-function connect$1(service, normalize) {
+function connect(service, normalize) {
   const { state, send, context: context2, prop, scope } = service;
   const translations = prop("translations");
   const focused = state.matches("focused");
@@ -3687,8 +3633,8 @@ function connect$1(service, normalize) {
     },
     getRootProps() {
       return normalize.element({
-        ...parts$1.root.attrs,
-        id: getRootId$1(scope),
+        ...parts.root.attrs,
+        id: getRootId(scope),
         "data-orientation": prop("orientation"),
         "data-focus": dataAttr(focused),
         dir: prop("dir")
@@ -3696,7 +3642,7 @@ function connect$1(service, normalize) {
     },
     getListProps() {
       return normalize.element({
-        ...parts$1.list.attrs,
+        ...parts.list.attrs,
         id: getListId(scope),
         role: "tablist",
         dir: prop("dir"),
@@ -3752,7 +3698,7 @@ function connect$1(service, normalize) {
       const { value, disabled } = props2;
       const triggerState = getTriggerState(props2);
       return normalize.button({
-        ...parts$1.trigger.attrs,
+        ...parts.trigger.attrs,
         role: "tab",
         type: "button",
         disabled,
@@ -3792,7 +3738,7 @@ function connect$1(service, normalize) {
       const { value } = props2;
       const selected = context2.get("value") === value;
       return normalize.element({
-        ...parts$1.content.attrs,
+        ...parts.content.attrs,
         dir: prop("dir"),
         id: getContentId(scope, value),
         tabIndex: composite ? 0 : -1,
@@ -3809,7 +3755,7 @@ function connect$1(service, normalize) {
       const indicatorTransition = context2.get("indicatorTransition");
       return normalize.element({
         id: getIndicatorId(scope),
-        ...parts$1.indicator.attrs,
+        ...parts.indicator.attrs,
         dir: prop("dir"),
         "data-orientation": prop("orientation"),
         style: {
@@ -3829,8 +3775,8 @@ function connect$1(service, normalize) {
     }
   };
 }
-var { not: not$1 } = createGuards();
-var machine$1 = createMachine({
+var { not } = createGuards();
+var machine = createMachine({
   props({ props: props2 }) {
     return {
       dir: "ltr",
@@ -3953,7 +3899,7 @@ var machine$1 = createMachine({
           }
         ],
         ENTER: {
-          guard: not$1("selectOnFocus"),
+          guard: not("selectOnFocus"),
           actions: ["selectFocusedTab"]
         },
         TAB_FOCUS: {
@@ -4134,8 +4080,8 @@ const useTabs = (props) => {
     getRootNode,
     ...props
   };
-  const service = useMachine(machine$1, machineProps);
-  return connect$1(service, normalizeProps);
+  const service = useMachine(machine, machineProps);
+  return connect(service, normalizeProps);
 };
 const TabsRoot = forwardRef((props, ref) => {
   const [renderStrategyProps, tabsProps] = splitRenderStrategyProps(props);
@@ -4159,1188 +4105,105 @@ const TabsRoot = forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx(TabsProvider, { value: tabs, children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, { value: renderStrategyProps, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) }) });
 });
 TabsRoot.displayName = "TabsRoot";
-var anatomy = createAnatomy("toast").parts(
-  "group",
-  "root",
-  "title",
-  "description",
-  "actionTrigger",
-  "closeTrigger"
-);
-var parts = anatomy.build();
-var getRegionId = (placement) => `toast-group:${placement}`;
-var getRegionEl = (ctx, placement) => ctx.getById(`toast-group:${placement}`);
-var getRootId = (ctx) => `toast:${ctx.id}`;
-var getRootEl = (ctx) => ctx.getById(getRootId(ctx));
-var getTitleId = (ctx) => `toast:${ctx.id}:title`;
-var getDescriptionId = (ctx) => `toast:${ctx.id}:description`;
-var getCloseTriggerId = (ctx) => `toast${ctx.id}:close`;
-var defaultTimeouts = {
-  info: 5e3,
-  error: 5e3,
-  success: 2e3,
-  loading: Infinity,
-  DEFAULT: 5e3
-};
-function getToastDuration(duration, type) {
-  return duration ?? defaultTimeouts[type] ?? defaultTimeouts.DEFAULT;
-}
-var getOffsets = (offsets) => typeof offsets === "string" ? { left: offsets, right: offsets, bottom: offsets, top: offsets } : offsets;
-function getGroupPlacementStyle(service, placement) {
-  var _a;
-  const { prop, computed, context: context2 } = service;
-  const { offsets, gap } = prop("store").attrs;
-  const heights = context2.get("heights");
-  const computedOffset = getOffsets(offsets);
-  const rtl = prop("dir") === "rtl";
-  const computedPlacement = placement.replace("-start", rtl ? "-right" : "-left").replace("-end", rtl ? "-left" : "-right");
-  const isRighty = computedPlacement.includes("right");
-  const isLefty = computedPlacement.includes("left");
-  const styles2 = {
-    position: "fixed",
-    pointerEvents: computed("count") > 0 ? void 0 : "none",
-    display: "flex",
-    flexDirection: "column",
-    "--gap": `${gap}px`,
-    "--first-height": `${((_a = heights[0]) == null ? void 0 : _a.height) || 0}px`,
-    zIndex: MAX_Z_INDEX
-  };
-  let alignItems = "center";
-  if (isRighty) alignItems = "flex-end";
-  if (isLefty) alignItems = "flex-start";
-  styles2.alignItems = alignItems;
-  if (computedPlacement.includes("top")) {
-    const offset = computedOffset.top;
-    styles2.top = `max(env(safe-area-inset-top, 0px), ${offset})`;
-  }
-  if (computedPlacement.includes("bottom")) {
-    const offset = computedOffset.bottom;
-    styles2.bottom = `max(env(safe-area-inset-bottom, 0px), ${offset})`;
-  }
-  if (!computedPlacement.includes("left")) {
-    const offset = computedOffset.right;
-    styles2.insetInlineEnd = `calc(env(safe-area-inset-right, 0px) + ${offset})`;
-  }
-  if (!computedPlacement.includes("right")) {
-    const offset = computedOffset.left;
-    styles2.insetInlineStart = `calc(env(safe-area-inset-left, 0px) + ${offset})`;
-  }
-  return styles2;
-}
-function getPlacementStyle(service, visible) {
-  const { prop, context: context2, computed } = service;
-  const parent = prop("parent");
-  const placement = parent.computed("placement");
-  const { gap } = parent.prop("store").attrs;
-  const [side] = placement.split("-");
-  const mounted = context2.get("mounted");
-  const remainingTime = context2.get("remainingTime");
-  const height = computed("height");
-  const frontmost = computed("frontmost");
-  const sibling = !frontmost;
-  const overlap = !prop("stacked");
-  const stacked = prop("stacked");
-  const type = prop("type");
-  const duration = type === "loading" ? Number.MAX_SAFE_INTEGER : remainingTime;
-  const offset = computed("heightIndex") * gap + computed("heightBefore");
-  const styles2 = {
-    position: "absolute",
-    pointerEvents: "auto",
-    "--opacity": "0",
-    "--remove-delay": `${prop("removeDelay")}ms`,
-    "--duration": `${duration}ms`,
-    "--initial-height": `${height}px`,
-    "--offset": `${offset}px`,
-    "--index": prop("index"),
-    "--z-index": computed("zIndex"),
-    "--lift-amount": "calc(var(--lift) * var(--gap))",
-    "--y": "100%",
-    "--x": "0"
-  };
-  const assign = (overrides) => Object.assign(styles2, overrides);
-  if (side === "top") {
-    assign({
-      top: "0",
-      "--sign": "-1",
-      "--y": "-100%",
-      "--lift": "1"
-    });
-  } else if (side === "bottom") {
-    assign({
-      bottom: "0",
-      "--sign": "1",
-      "--y": "100%",
-      "--lift": "-1"
-    });
-  }
-  if (mounted) {
-    assign({
-      "--y": "0",
-      "--opacity": "1"
-    });
-    if (stacked) {
-      assign({
-        "--y": "calc(var(--lift) * var(--offset))",
-        "--height": "var(--initial-height)"
-      });
-    }
-  }
-  if (!visible) {
-    assign({
-      "--opacity": "0",
-      pointerEvents: "none"
-    });
-  }
-  if (sibling && overlap) {
-    assign({
-      "--base-scale": "var(--index) * 0.05 + 1",
-      "--y": "calc(var(--lift-amount) * var(--index))",
-      "--scale": "calc(-1 * var(--base-scale))",
-      "--height": "var(--first-height)"
-    });
-    if (!visible) {
-      assign({
-        "--y": "calc(var(--sign) * 40%)"
-      });
+const spinnerRecipe = cva({
+  base: {
+    display: "inline-block",
+    borderWidth: "md",
+    borderStyle: "solid",
+    borderStartEndRadius: "full",
+    borderEndStartRadius: "full",
+    borderRadius: "full",
+    animation: "spin",
+    animationDuration: "slowest"
+  },
+  defaultVariants: {
+    size: "md"
+  },
+  variants: {
+    size: {
+      sm: { width: 4, height: 4 },
+      md: { width: 6, height: 6 },
+      lg: { width: 12, height: 12 },
+      xl: { width: 24, height: 24 }
     }
   }
-  if (sibling && stacked && !visible) {
-    assign({
-      "--y": "calc(var(--lift) * var(--offset) + var(--lift) * -100%)"
-    });
-  }
-  if (frontmost && !visible) {
-    assign({
-      "--y": "calc(var(--lift) * -100%)"
-    });
-  }
-  return styles2;
-}
-function getGhostBeforeStyle(service, visible) {
-  const { computed } = service;
-  const styles2 = {
-    position: "absolute",
-    inset: "0",
-    scale: "1 2",
-    pointerEvents: visible ? "none" : "auto"
-  };
-  const assign = (overrides) => Object.assign(styles2, overrides);
-  if (computed("frontmost") && !visible) {
-    assign({
-      height: "calc(var(--initial-height) + 80%)"
-    });
-  }
-  return styles2;
-}
-function getGhostAfterStyle() {
-  return {
-    position: "absolute",
-    left: "0",
-    height: "calc(var(--gap) + 2px)",
-    bottom: "100%",
-    width: "100%"
-  };
-}
-function groupConnect(service, normalize) {
-  const { context: context2, prop, send, refs, computed } = service;
-  return {
-    getCount() {
-      return context2.get("toasts").length;
-    },
-    getToasts() {
-      return context2.get("toasts");
-    },
-    getGroupProps(options = {}) {
-      const { label = "Notifications" } = options;
-      const { hotkey } = prop("store").attrs;
-      const hotkeyLabel = hotkey.join("+").replace(/Key/g, "").replace(/Digit/g, "");
-      const placement = computed("placement");
-      const [side, align = "center"] = placement.split("-");
-      return normalize.element({
-        ...parts.group.attrs,
-        dir: prop("dir"),
-        tabIndex: -1,
-        "aria-label": `${placement} ${label} ${hotkeyLabel}`,
-        id: getRegionId(placement),
-        "data-placement": placement,
-        "data-side": side,
-        "data-align": align,
-        "aria-live": "polite",
-        role: "region",
-        style: getGroupPlacementStyle(service, placement),
-        onMouseMove() {
-          send({ type: "REGION.POINTER_ENTER", placement });
-        },
-        onMouseLeave() {
-          send({ type: "REGION.POINTER_LEAVE", placement });
-        },
-        onFocus(event) {
-          send({ type: "REGION.FOCUS", target: event.relatedTarget });
-        },
-        onBlur(event) {
-          if (refs.get("isFocusWithin") && !contains(event.currentTarget, event.relatedTarget)) {
-            queueMicrotask(() => send({ type: "REGION.BLUR" }));
-          }
-        }
-      });
-    },
-    subscribe(fn) {
-      const store = prop("store");
-      return store.subscribe(() => fn(context2.get("toasts")));
-    }
-  };
-}
-var groupMachine = createMachine({
-  props({ props }) {
-    return {
-      dir: "ltr",
-      id: uuid(),
+});
+const Spinner = forwardRef((props, ref) => {
+  const StyledSpinner = styled(ark.div, spinnerRecipe);
+  return /* @__PURE__ */ jsx(
+    StyledSpinner,
+    {
+      ref,
       ...props,
-      store: props.store
-    };
-  },
-  initialState({ prop }) {
-    return prop("store").attrs.overlap ? "overlap" : "stack";
-  },
-  refs() {
-    return {
-      lastFocusedEl: null,
-      isFocusWithin: false,
-      dismissableCleanup: void 0
-    };
-  },
-  context({ bindable }) {
-    return {
-      toasts: bindable(() => ({
-        defaultValue: [],
-        sync: true,
-        hash: (toasts) => toasts.map((t) => t.id).join(",")
-      })),
-      heights: bindable(() => ({
-        defaultValue: [],
-        sync: true
-      }))
-    };
-  },
-  computed: {
-    count: ({ context: context2 }) => context2.get("toasts").length,
-    overlap: ({ prop }) => prop("store").attrs.overlap,
-    placement: ({ prop }) => prop("store").attrs.placement
-  },
-  effects: ["subscribeToStore", "trackDocumentVisibility", "trackHotKeyPress"],
-  watch({ track, context: context2, action }) {
-    track([() => context2.hash("toasts")], () => {
-      queueMicrotask(() => {
-        action(["collapsedIfEmpty", "setDismissableBranch"]);
-      });
-    });
-  },
-  exit: ["clearDismissableBranch", "clearLastFocusedEl"],
-  on: {
-    "DOC.HOTKEY": {
-      actions: ["focusRegionEl"]
-    },
-    "REGION.BLUR": [
-      {
-        guard: "isOverlapping",
-        target: "overlap",
-        actions: ["collapseToasts", "resumeToasts", "restoreLastFocusedEl"]
-      },
-      {
-        target: "stack",
-        actions: ["resumeToasts", "restoreLastFocusedEl"]
+      css: {
+        borderColor: "inherit",
+        borderBottomColor: "transparent",
+        borderLeftColor: "transparent",
+        ...props.css
       }
-    ],
-    "TOAST.REMOVE": {
-      actions: ["removeToast", "removeHeight"]
-    },
-    "TOAST.PAUSE": {
-      actions: ["pauseToasts"]
     }
-  },
-  states: {
-    stack: {
-      on: {
-        "REGION.POINTER_LEAVE": [
-          {
-            guard: "isOverlapping",
-            target: "overlap",
-            actions: ["resumeToasts", "collapseToasts"]
-          },
-          {
-            actions: ["resumeToasts"]
-          }
-        ],
-        "REGION.OVERLAP": {
-          target: "overlap",
-          actions: ["collapseToasts"]
-        },
-        "REGION.FOCUS": {
-          actions: ["setLastFocusedEl", "pauseToasts"]
-        },
-        "REGION.POINTER_ENTER": {
-          actions: ["pauseToasts"]
-        }
-      }
-    },
-    overlap: {
-      on: {
-        "REGION.STACK": {
-          target: "stack",
-          actions: ["expandToasts"]
-        },
-        "REGION.POINTER_ENTER": {
-          target: "stack",
-          actions: ["pauseToasts", "expandToasts"]
-        },
-        "REGION.FOCUS": {
-          target: "stack",
-          actions: ["setLastFocusedEl", "pauseToasts", "expandToasts"]
-        }
-      }
+  );
+});
+Spinner.displayName = "Spinner";
+const buttonRecipe = cva({
+  base: {
+    alignItems: "center",
+    appearance: "none",
+    cursor: "pointer",
+    display: "inline-flex",
+    fontWeight: "semibold",
+    isolation: "isolate",
+    minWidth: "0",
+    justifyContent: "center",
+    outline: "none",
+    position: "relative",
+    transitionDuration: "normal",
+    transitionProperty: "background, border-color, color, box-shadow",
+    transitionTimingFunction: "default",
+    userSelect: "none",
+    verticalAlign: "middle",
+    whiteSpace: "nowrap",
+    _hidden: {
+      display: "none"
     }
   },
-  implementations: {
-    guards: {
-      isOverlapping: ({ computed }) => computed("overlap")
-    },
-    effects: {
-      subscribeToStore({ context: context2, prop }) {
-        return prop("store").subscribe((toast2) => {
-          if (toast2.dismiss) {
-            context2.set("toasts", (prev) => prev.filter((t) => t.id !== toast2.id));
-            return;
-          }
-          context2.set("toasts", (prev) => {
-            const index2 = prev.findIndex((t) => t.id === toast2.id);
-            if (index2 !== -1) {
-              return [...prev.slice(0, index2), { ...prev[index2], ...toast2 }, ...prev.slice(index2 + 1)];
-            }
-            return [toast2, ...prev];
-          });
-        });
+  defaultVariants: {
+    variant: "solid",
+    size: "md",
+    radius: "full",
+    color: "neutral"
+  },
+  variants: {
+    variant: {
+      solid: {
+        _disabled: {
+          background: "background.neutral.disabled",
+          color: "content.neutral.disabled",
+          cursor: "not-allowed",
+          pointerEvents: "none"
+        }
       },
-      trackHotKeyPress({ prop, send }) {
-        const handleKeyDown = (event) => {
-          const { hotkey } = prop("store").attrs;
-          const isHotkeyPressed = hotkey.every((key) => event[key] || event.code === key);
-          if (!isHotkeyPressed) return;
-          send({ type: "DOC.HOTKEY" });
-        };
-        return addDomEvent$1(document, "keydown", handleKeyDown, { capture: true });
+      outline: {
+        background: "transparent",
+        borderWidth: "1px",
+        borderStyle: "solid",
+        borderColor: "border.neutral.default",
+        _disabled: {
+          background: "transparent",
+          color: "content.neutral.disabled",
+          borderColor: "border.neutral.disabled",
+          cursor: "not-allowed",
+          pointerEvents: "none"
+        }
       },
-      trackDocumentVisibility({ prop, send, scope }) {
-        const { pauseOnPageIdle } = prop("store").attrs;
-        if (!pauseOnPageIdle) return;
-        const doc = scope.getDoc();
-        return addDomEvent$1(doc, "visibilitychange", () => {
-          const isHidden = doc.visibilityState === "hidden";
-          send({ type: isHidden ? "PAUSE_ALL" : "RESUME_ALL" });
-        });
-      }
-    },
-    actions: {
-      setDismissableBranch({ refs, context: context2, computed, scope }) {
-        var _a;
-        const toasts = context2.get("toasts");
-        const placement = computed("placement");
-        const hasToasts = toasts.length > 0;
-        if (!hasToasts) {
-          (_a = refs.get("dismissableCleanup")) == null ? void 0 : _a();
-          return;
-        }
-        if (hasToasts && refs.get("dismissableCleanup")) {
-          return;
-        }
-        const groupEl = () => getRegionEl(scope, placement);
-        const cleanup = trackDismissableBranch(groupEl, { defer: true });
-        refs.set("dismissableCleanup", cleanup);
-      },
-      clearDismissableBranch({ refs }) {
-        var _a;
-        (_a = refs.get("dismissableCleanup")) == null ? void 0 : _a();
-      },
-      focusRegionEl({ scope, computed }) {
-        queueMicrotask(() => {
-          var _a;
-          (_a = getRegionEl(scope, computed("placement"))) == null ? void 0 : _a.focus();
-        });
-      },
-      pauseToasts({ prop }) {
-        prop("store").pause();
-      },
-      resumeToasts({ prop }) {
-        prop("store").resume();
-      },
-      expandToasts({ prop }) {
-        prop("store").expand();
-      },
-      collapseToasts({ prop }) {
-        prop("store").collapse();
-      },
-      removeToast({ prop, event }) {
-        prop("store").remove(event.id);
-      },
-      removeHeight({ event, context: context2 }) {
-        if ((event == null ? void 0 : event.id) == null) return;
-        queueMicrotask(() => {
-          context2.set("heights", (heights) => heights.filter((height) => height.id !== event.id));
-        });
-      },
-      collapsedIfEmpty({ send, computed }) {
-        if (!computed("overlap") || computed("count") > 1) return;
-        send({ type: "REGION.OVERLAP" });
-      },
-      setLastFocusedEl({ refs, event }) {
-        if (refs.get("isFocusWithin") || !event.target) return;
-        refs.set("isFocusWithin", true);
-        refs.set("lastFocusedEl", event.target);
-      },
-      restoreLastFocusedEl({ refs }) {
-        var _a;
-        if (!refs.get("lastFocusedEl")) return;
-        (_a = refs.get("lastFocusedEl")) == null ? void 0 : _a.focus({ preventScroll: true });
-        refs.set("lastFocusedEl", null);
-        refs.set("isFocusWithin", false);
-      },
-      clearLastFocusedEl({ refs }) {
-        var _a;
-        if (!refs.get("lastFocusedEl")) return;
-        (_a = refs.get("lastFocusedEl")) == null ? void 0 : _a.focus({ preventScroll: true });
-        refs.set("lastFocusedEl", null);
-        refs.set("isFocusWithin", false);
-      }
-    }
-  }
-});
-function connect(service, normalize) {
-  const { state, send, prop, scope, context: context2, computed } = service;
-  const visible = state.hasTag("visible");
-  const paused = state.hasTag("paused");
-  const mounted = context2.get("mounted");
-  const frontmost = computed("frontmost");
-  const placement = prop("parent").computed("placement");
-  const type = prop("type");
-  const stacked = prop("stacked");
-  const title = prop("title");
-  const description = prop("description");
-  const action = prop("action");
-  const [side, align = "center"] = placement.split("-");
-  return {
-    type,
-    title,
-    description,
-    placement,
-    visible,
-    paused,
-    closable: !!prop("closable"),
-    pause() {
-      send({ type: "PAUSE" });
-    },
-    resume() {
-      send({ type: "RESUME" });
-    },
-    dismiss() {
-      send({ type: "DISMISS", src: "programmatic" });
-    },
-    getRootProps() {
-      return normalize.element({
-        ...parts.root.attrs,
-        dir: prop("dir"),
-        id: getRootId(scope),
-        "data-state": visible ? "open" : "closed",
-        "data-type": type,
-        "data-placement": placement,
-        "data-align": align,
-        "data-side": side,
-        "data-mounted": dataAttr(mounted),
-        "data-paused": dataAttr(paused),
-        "data-first": dataAttr(frontmost),
-        "data-sibling": dataAttr(!frontmost),
-        "data-stack": dataAttr(stacked),
-        "data-overlap": dataAttr(!stacked),
-        role: "status",
-        "aria-atomic": "true",
-        "aria-describedby": description ? getDescriptionId(scope) : void 0,
-        "aria-labelledby": title ? getTitleId(scope) : void 0,
-        tabIndex: 0,
-        style: getPlacementStyle(service, visible),
-        onKeyDown(event) {
-          if (event.defaultPrevented) return;
-          if (event.key == "Escape") {
-            send({ type: "DISMISS", src: "keyboard" });
-            event.preventDefault();
-          }
-        }
-      });
-    },
-    /* Leave a ghost div to avoid setting hover to false when transitioning out */
-    getGhostBeforeProps() {
-      return normalize.element({
-        "data-ghost": "before",
-        style: getGhostBeforeStyle(service, visible)
-      });
-    },
-    /* Needed to avoid setting hover to false when in between toasts */
-    getGhostAfterProps() {
-      return normalize.element({
-        "data-ghost": "after",
-        style: getGhostAfterStyle()
-      });
-    },
-    getTitleProps() {
-      return normalize.element({
-        ...parts.title.attrs,
-        id: getTitleId(scope)
-      });
-    },
-    getDescriptionProps() {
-      return normalize.element({
-        ...parts.description.attrs,
-        id: getDescriptionId(scope)
-      });
-    },
-    getActionTriggerProps() {
-      return normalize.button({
-        ...parts.actionTrigger.attrs,
-        type: "button",
-        onClick(event) {
-          var _a;
-          if (event.defaultPrevented) return;
-          (_a = action == null ? void 0 : action.onClick) == null ? void 0 : _a.call(action);
-          send({ type: "DISMISS", src: "user" });
-        }
-      });
-    },
-    getCloseTriggerProps() {
-      return normalize.button({
-        id: getCloseTriggerId(scope),
-        ...parts.closeTrigger.attrs,
-        type: "button",
-        "aria-label": "Dismiss notification",
-        onClick(event) {
-          if (event.defaultPrevented) return;
-          send({ type: "DISMISS", src: "user" });
-        }
-      });
-    }
-  };
-}
-var { not } = createGuards();
-var machine = createMachine({
-  props({ props }) {
-    ensureProps(props, ["id", "type", "parent", "removeDelay"], "toast");
-    return {
-      closable: true,
-      ...props,
-      duration: getToastDuration(props.duration, props.type)
-    };
-  },
-  initialState({ prop }) {
-    const persist = prop("type") === "loading" || prop("duration") === Infinity;
-    return persist ? "visible:persist" : "visible";
-  },
-  context({ prop, bindable }) {
-    return {
-      remainingTime: bindable(() => ({
-        defaultValue: getToastDuration(prop("duration"), prop("type"))
-      })),
-      createdAt: bindable(() => ({
-        defaultValue: Date.now()
-      })),
-      mounted: bindable(() => ({
-        defaultValue: false
-      })),
-      initialHeight: bindable(() => ({
-        defaultValue: 0
-      }))
-    };
-  },
-  refs() {
-    return {
-      closeTimerStartTime: Date.now(),
-      lastCloseStartTimerStartTime: 0
-    };
-  },
-  computed: {
-    zIndex: ({ prop }) => {
-      const toasts = prop("parent").context.get("toasts");
-      const index2 = toasts.findIndex((toast2) => toast2.id === prop("id"));
-      return toasts.length - index2;
-    },
-    height: ({ prop }) => {
-      const heights = prop("parent").context.get("heights");
-      const height = heights.find((height2) => height2.id === prop("id"));
-      return (height == null ? void 0 : height.height) ?? 0;
-    },
-    heightIndex: ({ prop }) => {
-      const heights = prop("parent").context.get("heights");
-      return heights.findIndex((height) => height.id === prop("id"));
-    },
-    frontmost: ({ prop }) => prop("index") === 0,
-    heightBefore: ({ prop }) => {
-      const heights = prop("parent").context.get("heights");
-      const heightIndex = heights.findIndex((height) => height.id === prop("id"));
-      return heights.reduce((prev, curr, reducerIndex) => {
-        if (reducerIndex >= heightIndex) return prev;
-        return prev + curr.height;
-      }, 0);
-    },
-    shouldPersist: ({ prop }) => prop("type") === "loading" || prop("duration") === Infinity
-  },
-  watch({ track, prop, send }) {
-    track([() => prop("message")], () => {
-      const message = prop("message");
-      if (message) send({ type: message, src: "programmatic" });
-    });
-    track([() => prop("type"), () => prop("duration")], () => {
-      send({ type: "UPDATE" });
-    });
-  },
-  on: {
-    UPDATE: [
-      {
-        guard: "shouldPersist",
-        target: "visible:persist",
-        actions: ["resetCloseTimer"]
-      },
-      {
-        target: "visible:updating",
-        actions: ["resetCloseTimer"]
-      }
-    ],
-    MEASURE: {
-      actions: ["measureHeight"]
-    }
-  },
-  entry: ["setMounted", "measureHeight", "invokeOnVisible"],
-  effects: ["trackHeight"],
-  states: {
-    "visible:updating": {
-      tags: ["visible", "updating"],
-      effects: ["waitForNextTick"],
-      on: {
-        SHOW: {
-          target: "visible"
-        }
-      }
-    },
-    "visible:persist": {
-      tags: ["visible", "paused"],
-      on: {
-        RESUME: {
-          guard: not("isLoadingType"),
-          target: "visible",
-          actions: ["setCloseTimer"]
-        },
-        DISMISS: {
-          target: "dismissing"
-        }
-      }
-    },
-    visible: {
-      tags: ["visible"],
-      effects: ["waitForDuration"],
-      on: {
-        DISMISS: {
-          target: "dismissing"
-        },
-        PAUSE: {
-          target: "visible:persist",
-          actions: ["syncRemainingTime"]
-        }
-      }
-    },
-    dismissing: {
-      entry: ["invokeOnDismiss"],
-      effects: ["waitForRemoveDelay"],
-      on: {
-        REMOVE: {
-          target: "unmounted",
-          actions: ["notifyParentToRemove"]
-        }
-      }
-    },
-    unmounted: {
-      entry: ["invokeOnUnmount"]
-    }
-  },
-  implementations: {
-    effects: {
-      waitForRemoveDelay({ prop, send }) {
-        return setRafTimeout(() => {
-          send({ type: "REMOVE", src: "timer" });
-        }, prop("removeDelay"));
-      },
-      waitForDuration({ send, context: context2, computed }) {
-        if (computed("shouldPersist")) return;
-        return setRafTimeout(() => {
-          send({ type: "DISMISS", src: "timer" });
-        }, context2.get("remainingTime"));
-      },
-      waitForNextTick({ send }) {
-        return setRafTimeout(() => {
-          send({ type: "SHOW", src: "timer" });
-        }, 0);
-      },
-      trackHeight({ scope, prop }) {
-        let cleanup;
-        raf$1(() => {
-          const rootEl = getRootEl(scope);
-          if (!rootEl) return;
-          const syncHeight = () => {
-            const originalHeight = rootEl.style.height;
-            rootEl.style.height = "auto";
-            const height = rootEl.getBoundingClientRect().height;
-            rootEl.style.height = originalHeight;
-            const item = { id: prop("id"), height };
-            setHeight(prop("parent"), item);
-          };
-          const win = scope.getWin();
-          const observer = new win.MutationObserver(syncHeight);
-          observer.observe(rootEl, {
-            childList: true,
-            subtree: true,
-            characterData: true
-          });
-          cleanup = () => observer.disconnect();
-        });
-        return () => cleanup == null ? void 0 : cleanup();
-      }
-    },
-    guards: {
-      isLoadingType: ({ prop }) => prop("type") === "loading",
-      shouldPersist: ({ computed }) => computed("shouldPersist")
-    },
-    actions: {
-      setMounted({ context: context2 }) {
-        raf$1(() => {
-          context2.set("mounted", true);
-        });
-      },
-      measureHeight({ scope, prop, context: context2 }) {
-        queueMicrotask(() => {
-          const rootEl = getRootEl(scope);
-          if (!rootEl) return;
-          const originalHeight = rootEl.style.height;
-          rootEl.style.height = "auto";
-          const height = rootEl.getBoundingClientRect().height;
-          rootEl.style.height = originalHeight;
-          context2.set("initialHeight", height);
-          const item = { id: prop("id"), height };
-          setHeight(prop("parent"), item);
-        });
-      },
-      setCloseTimer({ refs }) {
-        refs.set("closeTimerStartTime", Date.now());
-      },
-      resetCloseTimer({ context: context2, refs, prop }) {
-        refs.set("closeTimerStartTime", Date.now());
-        context2.set("remainingTime", getToastDuration(prop("duration"), prop("type")));
-      },
-      syncRemainingTime({ context: context2, refs }) {
-        context2.set("remainingTime", (prev) => {
-          const closeTimerStartTime = refs.get("closeTimerStartTime");
-          const elapsedTime = Date.now() - closeTimerStartTime;
-          refs.set("lastCloseStartTimerStartTime", Date.now());
-          return prev - elapsedTime;
-        });
-      },
-      notifyParentToRemove({ prop }) {
-        const parent = prop("parent");
-        parent.send({ type: "TOAST.REMOVE", id: prop("id") });
-      },
-      invokeOnDismiss({ prop, event }) {
-        var _a;
-        (_a = prop("onStatusChange")) == null ? void 0 : _a({ status: "dismissing", src: event.src });
-      },
-      invokeOnUnmount({ prop }) {
-        var _a;
-        (_a = prop("onStatusChange")) == null ? void 0 : _a({ status: "unmounted" });
-      },
-      invokeOnVisible({ prop }) {
-        var _a;
-        (_a = prop("onStatusChange")) == null ? void 0 : _a({ status: "visible" });
-      }
-    }
-  }
-});
-function setHeight(parent, item) {
-  const { id: id2, height } = item;
-  parent.context.set("heights", (prev) => {
-    const alreadyExists = prev.find((i) => i.id === id2);
-    if (!alreadyExists) {
-      return [{ id: id2, height }, ...prev];
-    } else {
-      return prev.map((i) => i.id === id2 ? { ...i, height } : i);
-    }
-  });
-}
-var withDefaults = (options, defaults2) => {
-  return { ...defaults2, ...options };
-};
-function createToastStore(props) {
-  const attrs = withDefaults(props, {
-    placement: "bottom",
-    overlap: false,
-    max: 24,
-    gap: 16,
-    offsets: "1rem",
-    hotkey: ["altKey", "KeyT"],
-    removeDelay: 200,
-    pauseOnPageIdle: true
-  });
-  let subscribers = [];
-  let toasts = [];
-  let dismissedToasts = /* @__PURE__ */ new Set();
-  const subscribe2 = (subscriber) => {
-    subscribers.push(subscriber);
-    return () => {
-      const index2 = subscribers.indexOf(subscriber);
-      subscribers.splice(index2, 1);
-    };
-  };
-  const publish = (data) => {
-    subscribers.forEach((subscriber) => subscriber(data));
-    return data;
-  };
-  const addToast = (data) => {
-    if (toasts.length >= attrs.max) return;
-    publish(data);
-    toasts.unshift(data);
-  };
-  const create = (data) => {
-    const id2 = data.id ?? `toast:${uuid()}`;
-    const exists = toasts.find((toast2) => toast2.id === id2);
-    if (dismissedToasts.has(id2)) dismissedToasts.delete(id2);
-    if (exists) {
-      toasts = toasts.map((toast2) => {
-        if (toast2.id === id2) {
-          return publish({ ...toast2, ...data, id: id2 });
-        }
-        return toast2;
-      });
-    } else {
-      addToast({
-        id: id2,
-        duration: attrs.duration,
-        removeDelay: attrs.removeDelay,
-        type: "info",
-        ...data,
-        stacked: !attrs.overlap,
-        gap: attrs.gap
-      });
-    }
-    return id2;
-  };
-  const remove = (id2) => {
-    dismissedToasts.add(id2);
-    if (!id2) {
-      toasts.forEach((toast2) => {
-        subscribers.forEach((subscriber) => subscriber({ id: toast2.id, dismiss: true }));
-      });
-      toasts = [];
-    } else {
-      subscribers.forEach((subscriber) => subscriber({ id: id2, dismiss: true }));
-      toasts = toasts.filter((toast2) => toast2.id !== id2);
-    }
-    return id2;
-  };
-  const error = (data) => {
-    return create({ ...data, type: "error" });
-  };
-  const success = (data) => {
-    return create({ ...data, type: "success" });
-  };
-  const info = (data) => {
-    return create({ ...data, type: "info" });
-  };
-  const warning2 = (data) => {
-    return create({ ...data, type: "warning" });
-  };
-  const loading = (data) => {
-    return create({ ...data, type: "loading" });
-  };
-  const getVisibleToasts = () => {
-    return toasts.filter((toast2) => !dismissedToasts.has(toast2.id));
-  };
-  const getCount = () => {
-    return toasts.length;
-  };
-  const promise = (promise2, options, shared = {}) => {
-    if (!options) return;
-    let id2 = void 0;
-    if (options.loading !== void 0) {
-      id2 = create({
-        ...shared,
-        ...options.loading,
-        promise: promise2,
-        type: "loading"
-      });
-    }
-    let removable = id2 !== void 0;
-    let result;
-    const prom = runIfFn(promise2).then(async (response) => {
-      result = ["resolve", response];
-      if (isHttpResponse(response) && !response.ok) {
-        removable = false;
-        const errorOptions = runIfFn(options.error, `HTTP Error! status: ${response.status}`);
-        create({ ...shared, ...errorOptions, id: id2, type: "error" });
-      } else if (options.success !== void 0) {
-        removable = false;
-        const successOptions = runIfFn(options.success, response);
-        create({ ...shared, ...successOptions, id: id2, type: "success" });
-      }
-    }).catch(async (error2) => {
-      result = ["reject", error2];
-      if (options.error !== void 0) {
-        removable = false;
-        const errorOptions = runIfFn(options.error, error2);
-        create({ ...shared, ...errorOptions, id: id2, type: "error" });
-      }
-    }).finally(() => {
-      var _a;
-      if (removable) {
-        remove(id2);
-        id2 = void 0;
-      }
-      (_a = options.finally) == null ? void 0 : _a.call(options);
-    });
-    const unwrap = () => new Promise(
-      (resolve, reject) => prom.then(() => result[0] === "reject" ? reject(result[1]) : resolve(result[1])).catch(reject)
-    );
-    return { id: id2, unwrap };
-  };
-  const update = (id2, data) => {
-    return create({ id: id2, ...data });
-  };
-  const pause = (id2) => {
-    if (id2 != null) {
-      toasts = toasts.map((toast2) => {
-        if (toast2.id === id2) return publish({ ...toast2, message: "PAUSE" });
-        return toast2;
-      });
-    } else {
-      toasts = toasts.map((toast2) => publish({ ...toast2, message: "PAUSE" }));
-    }
-  };
-  const resume = (id2) => {
-    if (id2 != null) {
-      toasts = toasts.map((toast2) => {
-        if (toast2.id === id2) return publish({ ...toast2, message: "RESUME" });
-        return toast2;
-      });
-    } else {
-      toasts = toasts.map((toast2) => publish({ ...toast2, message: "RESUME" }));
-    }
-  };
-  const dismiss = (id2) => {
-    if (id2 != null) {
-      toasts = toasts.map((toast2) => {
-        if (toast2.id === id2) return publish({ ...toast2, message: "DISMISS" });
-        return toast2;
-      });
-    } else {
-      toasts = toasts.map((toast2) => publish({ ...toast2, message: "DISMISS" }));
-    }
-  };
-  const isVisible = (id2) => {
-    return !dismissedToasts.has(id2) && !!toasts.find((toast2) => toast2.id === id2);
-  };
-  const isDismissed = (id2) => {
-    return dismissedToasts.has(id2);
-  };
-  const expand = () => {
-    toasts = toasts.map((toast2) => publish({ ...toast2, stacked: true }));
-  };
-  const collapse = () => {
-    toasts = toasts.map((toast2) => publish({ ...toast2, stacked: false }));
-  };
-  return {
-    attrs,
-    subscribe: subscribe2,
-    create,
-    update,
-    remove,
-    dismiss,
-    error,
-    success,
-    info,
-    warning: warning2,
-    loading,
-    getVisibleToasts,
-    getCount,
-    promise,
-    pause,
-    resume,
-    isVisible,
-    isDismissed,
-    expand,
-    collapse
-  };
-}
-var isHttpResponse = (data) => {
-  return data && typeof data === "object" && "ok" in data && typeof data.ok === "boolean" && "status" in data && typeof data.status === "number";
-};
-var group = {
-  connect: groupConnect,
-  machine: groupMachine
-};
-const createToaster = (props) => {
-  return createToastStore(props);
-};
-const [ToastProvider$1, useToastContext] = createContext({
-  name: "ToastContext",
-  hookName: "useToastContext",
-  providerName: "<ToastProvider />"
-});
-const ToastActionTrigger = forwardRef((props, ref) => {
-  const toast2 = useToastContext();
-  const mergedProps = mergeProps(toast2.getActionTriggerProps(), props);
-  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
-});
-ToastActionTrigger.displayName = "ToastActionTrigger";
-const ToastDescription = forwardRef((props, ref) => {
-  const toast2 = useToastContext();
-  const mergedProps = mergeProps(toast2.getDescriptionProps(), props);
-  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-});
-ToastDescription.displayName = "ToastDescription";
-const ToastRoot = forwardRef((props, ref) => {
-  const toast2 = useToastContext();
-  const mergedProps = mergeProps(toast2.getRootProps(), props);
-  return /* @__PURE__ */ jsxs("div", { ...mergedProps, ref, children: [
-    /* @__PURE__ */ jsx("div", { ...toast2.getGhostBeforeProps() }),
-    props.children,
-    /* @__PURE__ */ jsx("div", { ...toast2.getGhostAfterProps() })
-  ] });
-});
-ToastRoot.displayName = "ToastRoot";
-const Toaster = forwardRef((props, ref) => {
-  const { toaster, children, ...localProps } = props;
-  const locale = useLocaleContext();
-  const env = useEnvironmentContext();
-  const service = useMachine(group.machine, {
-    store: toaster,
-    id: useId(),
-    dir: locale == null ? void 0 : locale.dir,
-    getRootNode: () => env == null ? void 0 : env.getDocument()
-  });
-  const api = group.connect(service, normalizeProps);
-  const mergedProps = mergeProps(api.getGroupProps(), localProps);
-  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: api.getToasts().map((toast2, index2) => /* @__PURE__ */ jsx(ToastActor, { value: toast2, parent: service, index: index2, children: (ctx) => children(ctx) }, toast2.id)) });
-});
-Toaster.displayName = "Toaster";
-const ToastActor = (props) => {
-  const localProps = {
-    ...props.value,
-    parent: props.parent,
-    index: props.index
-  };
-  const service = useMachine(machine, { ...localProps });
-  const api = connect(service, normalizeProps);
-  return /* @__PURE__ */ jsx(ToastProvider$1, { value: api, children: props.children(props.value) });
-};
-ToastActor.displayName = "ToastActor";
-const spinnerRecipe = cva({
-  base: {
-    display: "inline-block",
-    borderWidth: "md",
-    borderStyle: "solid",
-    borderStartEndRadius: "full",
-    borderEndStartRadius: "full",
-    borderRadius: "full",
-    animation: "spin",
-    animationDuration: "slowest"
-  },
-  defaultVariants: {
-    size: "md"
-  },
-  variants: {
-    size: {
-      sm: { width: 4, height: 4 },
-      md: { width: 6, height: 6 },
-      lg: { width: 12, height: 12 },
-      xl: { width: 24, height: 24 }
-    }
-  }
-});
-const Spinner = forwardRef((props, ref) => {
-  const StyledSpinner = styled(ark.div, spinnerRecipe);
-  return /* @__PURE__ */ jsx(
-    StyledSpinner,
-    {
-      ref,
-      ...props,
-      css: {
-        borderColor: "inherit",
-        borderBottomColor: "transparent",
-        borderLeftColor: "transparent",
-        ...props.css
-      }
-    }
-  );
-});
-Spinner.displayName = "Spinner";
-const buttonRecipe = cva({
-  base: {
-    alignItems: "center",
-    appearance: "none",
-    cursor: "pointer",
-    display: "inline-flex",
-    fontWeight: "semibold",
-    isolation: "isolate",
-    minWidth: "0",
-    justifyContent: "center",
-    outline: "none",
-    position: "relative",
-    transitionDuration: "normal",
-    transitionProperty: "background, border-color, color, box-shadow",
-    transitionTimingFunction: "default",
-    userSelect: "none",
-    verticalAlign: "middle",
-    whiteSpace: "nowrap",
-    _hidden: {
-      display: "none"
-    }
-  },
-  defaultVariants: {
-    variant: "solid",
-    size: "md",
-    radius: "full",
-    color: "neutral"
-  },
-  variants: {
-    variant: {
-      solid: {
-        _disabled: {
-          background: "background.neutral.disabled",
-          color: "content.neutral.disabled",
-          cursor: "not-allowed",
-          pointerEvents: "none"
-        }
-      },
-      outline: {
-        background: "transparent",
-        borderWidth: "1px",
-        borderStyle: "solid",
-        borderColor: "border.neutral.default",
-        _disabled: {
-          background: "transparent",
-          color: "content.neutral.disabled",
-          borderColor: "border.neutral.disabled",
-          cursor: "not-allowed",
-          pointerEvents: "none"
-        }
-      },
-      light: {
-        background: "transparent",
-        _disabled: {
-          background: "transparent",
-          color: "content.neutral.disabled",
-          cursor: "not-allowed",
-          pointerEvents: "none"
-        }
+      light: {
+        background: "transparent",
+        _disabled: {
+          background: "transparent",
+          color: "content.neutral.disabled",
+          cursor: "not-allowed",
+          pointerEvents: "none"
+        }
       }
     },
     color: {
@@ -5858,7 +4721,7 @@ const createStyleContext = (recipe) => {
     };
     return StyledComponent;
   };
-  const withProvider2 = (Component2, slot, options) => {
+  const withProvider = (Component2, slot, options) => {
     const StyledComponent = styled(
       Component2,
       {},
@@ -5885,13 +4748,13 @@ const createStyleContext = (recipe) => {
   };
   return {
     withRootProvider: withRootProvider2,
-    withProvider: withProvider2,
+    withProvider,
     withContext: withContext2
   };
 };
 const dialogRecipe = sva({
   className: "dialog",
-  slots: [...anatomy$2.keys(), "header", "footer", "body"],
+  slots: [...anatomy$1.keys(), "header", "footer", "body"],
   base: {
     backdrop: {
       backdropFilter: "blur(3px)",
@@ -5920,7 +4783,7 @@ const dialogRecipe = sva({
       top: "0",
       width: "100vw",
       height: "100vh",
-      zIndex: "modal",
+      zIndex: "popover",
       p: "4"
     },
     content: {
@@ -5974,16 +4837,16 @@ const dialogRecipe = sva({
     }
   }
 });
-const { withRootProvider: withRootProvider$2, withContext: withContext$3 } = createStyleContext(dialogRecipe);
+const { withRootProvider: withRootProvider$2, withContext: withContext$2 } = createStyleContext(dialogRecipe);
 const Root$3 = withRootProvider$2(DialogRoot);
-const Backdrop$1 = withContext$3(DialogBackdrop, "backdrop");
-const Trigger$2 = withContext$3(DialogTrigger, "trigger");
-const Content$3 = withContext$3(DialogContent, "content");
-const Title = withContext$3(DialogTitle, "title");
-const Description$1 = withContext$3(DialogDescription, "description");
-const Positioner = withContext$3(DialogPositioner, "positioner");
-const Header$1 = withContext$3(ark.header, "header");
-const Footer = withContext$3(
+const Backdrop$1 = withContext$2(DialogBackdrop, "backdrop");
+const Trigger$2 = withContext$2(DialogTrigger, "trigger");
+const Content$3 = withContext$2(DialogContent, "content");
+const Title = withContext$2(DialogTitle, "title");
+const Description$1 = withContext$2(DialogDescription, "description");
+const Positioner = withContext$2(DialogPositioner, "positioner");
+const Header$1 = withContext$2(ark.header, "header");
+const Footer = withContext$2(
   ({ orientation = "horizontal", className, ...props }) => {
     return /* @__PURE__ */ jsx(
       ark.footer,
@@ -6001,8 +4864,8 @@ const Footer = withContext$3(
   },
   "footer"
 );
-const Body = withContext$3(ark.main, "body");
-const CloseTrigger = withContext$3(DialogCloseTrigger, "closeTrigger");
+const Body = withContext$2(ark.main, "body");
+const CloseTrigger = withContext$2(DialogCloseTrigger, "closeTrigger");
 const Dialog = {
   Root: Root$3,
   Backdrop: Backdrop$1,
@@ -6216,7 +5079,7 @@ const isBrowser = typeof window !== "undefined";
 const useIsomorphicLayoutEffect$1 = isBrowser ? useLayoutEffect : useEffect;
 const PresenceContext = /* @__PURE__ */ createContext$1(null);
 const MotionConfigContext = createContext$1({
-  transformPagePoint: (p) => p,
+  transformPagePoint: (p2) => p2,
   isStatic: false,
   reducedMotion: "never"
 });
@@ -6259,7 +5122,7 @@ function PopChild({ children, isPresent, anchorX }) {
     const { width, height, top, left, right } = size.current;
     if (isPresent || !ref.current || !width || !height)
       return;
-    const x = anchorX === "left" ? `left: ${left}` : `right: ${right}`;
+    const x2 = anchorX === "left" ? `left: ${left}` : `right: ${right}`;
     ref.current.dataset.motionPopId = id2;
     const style = document.createElement("style");
     if (nonce)
@@ -6271,7 +5134,7 @@ function PopChild({ children, isPresent, anchorX }) {
             position: absolute !important;
             width: ${width}px !important;
             height: ${height}px !important;
-            ${x}px !important;
+            ${x2}px !important;
             top: ${top}px !important;
           }
         `);
@@ -6313,7 +5176,7 @@ const PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, p
     presenceAffectsLayout ? [Math.random(), memoizedOnExitComplete] : [isPresent, memoizedOnExitComplete]
   );
   useMemo(() => {
-    presenceChildren.forEach((_, key) => presenceChildren.set(key, false));
+    presenceChildren.forEach((_2, key) => presenceChildren.set(key, false));
   }, [isPresent]);
   React.useEffect(() => {
     !isPresent && !presenceChildren.size && onExitComplete && onExitComplete();
@@ -6361,8 +5224,8 @@ const AnimatePresence = ({ children, custom, initial = true, onExitComplete, pre
   useIsomorphicLayoutEffect$1(() => {
     isInitialRender.current = false;
     pendingPresentChildren.current = presentChildren;
-    for (let i = 0; i < renderedChildren.length; i++) {
-      const key = getChildKey(renderedChildren[i]);
+    for (let i2 = 0; i2 < renderedChildren.length; i2++) {
+      const key = getChildKey(renderedChildren[i2]);
       if (!presentKeys.includes(key)) {
         if (exitComplete.get(key) !== true) {
           exitComplete.set(key, false);
@@ -6375,11 +5238,11 @@ const AnimatePresence = ({ children, custom, initial = true, onExitComplete, pre
   const exitingChildren = [];
   if (presentChildren !== diffedChildren) {
     let nextChildren = [...presentChildren];
-    for (let i = 0; i < renderedChildren.length; i++) {
-      const child = renderedChildren[i];
+    for (let i2 = 0; i2 < renderedChildren.length; i2++) {
+      const child = renderedChildren[i2];
       const key = getChildKey(child);
       if (!presentKeys.includes(key)) {
-        nextChildren.splice(i, 0, child);
+        nextChildren.splice(i2, 0, child);
         exitingChildren.push(child);
       }
     }
@@ -6564,8 +5427,8 @@ function createRenderBatcher(scheduleNextBatch, allowKeepAlive) {
     return acc;
   }, {});
   const cancel = (process2) => {
-    for (let i = 0; i < stepsOrder.length; i++) {
-      steps[stepsOrder[i]].cancel(process2);
+    for (let i2 = 0; i2 < stepsOrder.length; i2++) {
+      steps[stepsOrder[i2]].cancel(process2);
     }
   };
   return { schedule, cancel, state, steps };
@@ -7073,8 +5936,8 @@ const numTransforms = transformPropOrder.length;
 function buildTransform(latestValues, transform2, transformTemplate) {
   let transformString = "";
   let transformIsDefault = true;
-  for (let i = 0; i < numTransforms; i++) {
-    const key = transformPropOrder[i];
+  for (let i2 = 0; i2 < numTransforms; i2++) {
+    const key = transformPropOrder[i2];
     const value = latestValues[key];
     if (value === void 0)
       continue;
@@ -7403,8 +6266,8 @@ function makeLatestValues(props, context2, presenceContext, scrapeMotionValues)
   const variantToSet = isInitialAnimationBlocked ? animate2 : initial;
   if (variantToSet && typeof variantToSet !== "boolean" && !isAnimationControls(variantToSet)) {
     const list = Array.isArray(variantToSet) ? variantToSet : [variantToSet];
-    for (let i = 0; i < list.length; i++) {
-      const resolved = resolveVariantFromProps(props, list[i]);
+    for (let i2 = 0; i2 < list.length; i2++) {
+      const resolved = resolveVariantFromProps(props, list[i2]);
       if (resolved) {
         const { transitionEnd, transition, ...target } = resolved;
         for (const key in target) {
@@ -7445,7 +6308,7 @@ const htmlMotionConfig = {
 function updateSVGDimensions(instance, renderState) {
   try {
     renderState.dimensions = typeof instance.getBBox === "function" ? instance.getBBox() : instance.getBoundingClientRect();
-  } catch (e) {
+  } catch (e2) {
     renderState.dimensions = {
       x: 0,
       y: 0,
@@ -7522,8 +6385,8 @@ const svgMotionConfig = {
         return;
       let needsMeasure = !prevProps;
       if (prevProps) {
-        for (let i = 0; i < layoutProps.length; i++) {
-          const key = layoutProps[i];
+        for (let i2 = 0; i2 < layoutProps.length; i2++) {
+          const key = layoutProps[i2];
           if (props[key] !== prevProps[key]) {
             needsMeasure = true;
           }
@@ -7587,16 +6450,16 @@ class SubscriptionManager {
     addUniqueItem(this.subscriptions, handler);
     return () => removeItem(this.subscriptions, handler);
   }
-  notify(a, b, c) {
+  notify(a2, b2, c2) {
     const numSubscriptions = this.subscriptions.length;
     if (!numSubscriptions)
       return;
     if (numSubscriptions === 1) {
-      this.subscriptions[0](a, b, c);
+      this.subscriptions[0](a2, b2, c2);
     } else {
-      for (let i = 0; i < numSubscriptions; i++) {
-        const handler = this.subscriptions[i];
-        handler && handler(a, b, c);
+      for (let i2 = 0; i2 < numSubscriptions; i2++) {
+        const handler = this.subscriptions[i2];
+        handler && handler(a2, b2, c2);
       }
     }
   }
@@ -7947,8 +6810,8 @@ class GroupAnimation {
     return this.animations[0][propName];
   }
   setAll(propName, newValue) {
-    for (let i = 0; i < this.animations.length; i++) {
-      this.animations[i][propName] = newValue;
+    for (let i2 = 0; i2 < this.animations.length; i2++) {
+      this.animations[i2][propName] = newValue;
     }
   }
   attachTimeline(timeline, fallback) {
@@ -7960,9 +6823,9 @@ class GroupAnimation {
       }
     });
     return () => {
-      subscriptions.forEach((cancel, i) => {
+      subscriptions.forEach((cancel, i2) => {
         cancel && cancel();
-        this.animations[i].stop();
+        this.animations[i2].stop();
       });
     };
   }
@@ -7983,8 +6846,8 @@ class GroupAnimation {
   }
   get duration() {
     let max = 0;
-    for (let i = 0; i < this.animations.length; i++) {
-      max = Math.max(max, this.animations[i].duration);
+    for (let i2 = 0; i2 < this.animations.length; i2++) {
+      max = Math.max(max, this.animations[i2].duration);
     }
     return max;
   }
@@ -8022,7 +6885,7 @@ function memoSupports(callback, supportsFlag) {
 const supportsLinearEasing = /* @__PURE__ */ memoSupports(() => {
   try {
     document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
-  } catch (e) {
+  } catch (e2) {
     return false;
   }
   return true;
@@ -8030,12 +6893,12 @@ const supportsLinearEasing = /* @__PURE__ */ memoSupports(() => {
 const generateLinearEasing = (easing, duration, resolution = 10) => {
   let points = "";
   const numPoints = Math.max(Math.round(duration / resolution), 2);
-  for (let i = 0; i < numPoints; i++) {
-    points += easing(i / (numPoints - 1)) + ", ";
+  for (let i2 = 0; i2 < numPoints; i2++) {
+    points += easing(i2 / (numPoints - 1)) + ", ";
   }
   return `linear(${points.substring(0, points.length - 2)})`;
 };
-const cubicBezierAsString = ([a, b, c, d]) => `cubic-bezier(${a}, ${b}, ${c}, ${d})`;
+const cubicBezierAsString = ([a2, b2, c2, d2]) => `cubic-bezier(${a2}, ${b2}, ${c2}, ${d2})`;
 const supportedWaapiEasing = {
   linear: "linear",
   ease: "ease",
@@ -8090,37 +6953,37 @@ function attachTimeline(animation, timeline) {
   animation.timeline = timeline;
   animation.onfinish = null;
 }
-const calcBezier = (t, a1, a2) => (((1 - 3 * a2 + 3 * a1) * t + (3 * a2 - 6 * a1)) * t + 3 * a1) * t;
+const calcBezier = (t2, a1, a2) => (((1 - 3 * a2 + 3 * a1) * t2 + (3 * a2 - 6 * a1)) * t2 + 3 * a1) * t2;
 const subdivisionPrecision = 1e-7;
 const subdivisionMaxIterations = 12;
-function binarySubdivide(x, lowerBound, upperBound, mX1, mX2) {
+function binarySubdivide(x2, lowerBound, upperBound, mX1, mX2) {
   let currentX;
   let currentT;
-  let i = 0;
+  let i2 = 0;
   do {
     currentT = lowerBound + (upperBound - lowerBound) / 2;
-    currentX = calcBezier(currentT, mX1, mX2) - x;
+    currentX = calcBezier(currentT, mX1, mX2) - x2;
     if (currentX > 0) {
       upperBound = currentT;
     } else {
       lowerBound = currentT;
     }
-  } while (Math.abs(currentX) > subdivisionPrecision && ++i < subdivisionMaxIterations);
+  } while (Math.abs(currentX) > subdivisionPrecision && ++i2 < subdivisionMaxIterations);
   return currentT;
 }
 function cubicBezier(mX1, mY1, mX2, mY2) {
   if (mX1 === mY1 && mX2 === mY2)
     return noop;
   const getTForX = (aX) => binarySubdivide(aX, 0, 1, mX1, mX2);
-  return (t) => t === 0 || t === 1 ? t : calcBezier(getTForX(t), mY1, mY2);
+  return (t2) => t2 === 0 || t2 === 1 ? t2 : calcBezier(getTForX(t2), mY1, mY2);
 }
-const mirrorEasing = (easing) => (p) => p <= 0.5 ? easing(2 * p) / 2 : (2 - easing(2 * (1 - p))) / 2;
-const reverseEasing = (easing) => (p) => 1 - easing(1 - p);
+const mirrorEasing = (easing) => (p2) => p2 <= 0.5 ? easing(2 * p2) / 2 : (2 - easing(2 * (1 - p2))) / 2;
+const reverseEasing = (easing) => (p2) => 1 - easing(1 - p2);
 const backOut = /* @__PURE__ */ cubicBezier(0.33, 1.53, 0.69, 0.99);
 const backIn = /* @__PURE__ */ reverseEasing(backOut);
 const backInOut = /* @__PURE__ */ mirrorEasing(backIn);
-const anticipate = (p) => (p *= 2) < 1 ? 0.5 * backIn(p) : 0.5 * (2 - Math.pow(2, -10 * (p - 1)));
-const circIn = (p) => 1 - Math.sin(Math.acos(p));
+const anticipate = (p2) => (p2 *= 2) < 1 ? 0.5 * backIn(p2) : 0.5 * (2 - Math.pow(2, -10 * (p2 - 1)));
+const circIn = (p2) => 1 - Math.sin(Math.acos(p2));
 const circOut = reverseEasing(circIn);
 const circInOut = mirrorEasing(circIn);
 const isZeroValueString = (v2) => /^0[^.\s]+$/u.test(v2);
@@ -8145,11 +7008,11 @@ const isColorString = (type, testProp) => (v2) => {
 const splitColor = (aName, bName, cName) => (v2) => {
   if (typeof v2 !== "string")
     return v2;
-  const [a, b, c, alpha2] = v2.match(floatRegex);
+  const [a2, b2, c2, alpha2] = v2.match(floatRegex);
   return {
-    [aName]: parseFloat(a),
-    [bName]: parseFloat(b),
-    [cName]: parseFloat(c),
+    [aName]: parseFloat(a2),
+    [bName]: parseFloat(b2),
+    [cName]: parseFloat(c2),
     alpha: alpha2 !== void 0 ? parseFloat(alpha2) : 1
   };
 };
@@ -8166,28 +7029,28 @@ const rgba = {
 function parseHex(v2) {
   let r = "";
   let g2 = "";
-  let b = "";
-  let a = "";
+  let b2 = "";
+  let a2 = "";
   if (v2.length > 5) {
     r = v2.substring(1, 3);
     g2 = v2.substring(3, 5);
-    b = v2.substring(5, 7);
-    a = v2.substring(7, 9);
+    b2 = v2.substring(5, 7);
+    a2 = v2.substring(7, 9);
   } else {
     r = v2.substring(1, 2);
     g2 = v2.substring(2, 3);
-    b = v2.substring(3, 4);
-    a = v2.substring(4, 5);
+    b2 = v2.substring(3, 4);
+    a2 = v2.substring(4, 5);
     r += r;
     g2 += g2;
-    b += b;
-    a += a;
+    b2 += b2;
+    a2 += a2;
   }
   return {
     red: parseInt(r, 16),
     green: parseInt(g2, 16),
-    blue: parseInt(b, 16),
-    alpha: a ? parseInt(a, 16) / 255 : 1
+    blue: parseInt(b2, 16),
+    alpha: a2 ? parseInt(a2, 16) / 255 : 1
   };
 }
 const hex = {
@@ -8237,22 +7100,22 @@ function analyseComplexValue(value) {
     var: []
   };
   const types = [];
-  let i = 0;
+  let i2 = 0;
   const tokenised = originalValue.replace(complexRegex, (parsedValue) => {
     if (color.test(parsedValue)) {
-      indexes.color.push(i);
+      indexes.color.push(i2);
       types.push(COLOR_TOKEN);
       values.push(color.parse(parsedValue));
     } else if (parsedValue.startsWith(VAR_FUNCTION_TOKEN)) {
-      indexes.var.push(i);
+      indexes.var.push(i2);
       types.push(VAR_TOKEN);
       values.push(parsedValue);
     } else {
-      indexes.number.push(i);
+      indexes.number.push(i2);
       types.push(NUMBER_TOKEN);
       values.push(parseFloat(parsedValue));
     }
-    ++i;
+    ++i2;
     return SPLIT_TOKEN;
   });
   const split = tokenised.split(SPLIT_TOKEN);
@@ -8266,16 +7129,16 @@ function createTransformer(source) {
   const numSections = split.length;
   return (v2) => {
     let output = "";
-    for (let i = 0; i < numSections; i++) {
-      output += split[i];
-      if (v2[i] !== void 0) {
-        const type = types[i];
+    for (let i2 = 0; i2 < numSections; i2++) {
+      output += split[i2];
+      if (v2[i2] !== void 0) {
+        const type = types[i2];
         if (type === NUMBER_TOKEN) {
-          output += sanitize(v2[i]);
+          output += sanitize(v2[i2]);
         } else if (type === COLOR_TOKEN) {
-          output += color.transform(v2[i]);
+          output += color.transform(v2[i2]);
         } else {
-          output += v2[i];
+          output += v2[i2];
         }
       }
     }
@@ -8342,14 +7205,14 @@ function getAnimatableNone(key, value) {
 }
 const invalidTemplates = /* @__PURE__ */ new Set(["auto", "none", "0"]);
 function makeNoneKeyframesAnimatable(unresolvedKeyframes, noneKeyframeIndexes, name) {
-  let i = 0;
+  let i2 = 0;
   let animatableTemplate = void 0;
-  while (i < unresolvedKeyframes.length && !animatableTemplate) {
-    const keyframe = unresolvedKeyframes[i];
+  while (i2 < unresolvedKeyframes.length && !animatableTemplate) {
+    const keyframe = unresolvedKeyframes[i2];
     if (typeof keyframe === "string" && !invalidTemplates.has(keyframe) && analyseComplexValue(keyframe).values.length) {
-      animatableTemplate = unresolvedKeyframes[i];
+      animatableTemplate = unresolvedKeyframes[i2];
     }
-    i++;
+    i2++;
   }
   if (animatableTemplate && name) {
     for (const noneIndex of noneKeyframeIndexes) {
@@ -8451,12 +7314,12 @@ function removeNonTranslationalTransform(visualElement) {
 }
 const positionalValues = {
   // Dimensions
-  width: ({ x }, { paddingLeft = "0", paddingRight = "0" }) => x.max - x.min - parseFloat(paddingLeft) - parseFloat(paddingRight),
-  height: ({ y }, { paddingTop = "0", paddingBottom = "0" }) => y.max - y.min - parseFloat(paddingTop) - parseFloat(paddingBottom),
+  width: ({ x: x2 }, { paddingLeft = "0", paddingRight = "0" }) => x2.max - x2.min - parseFloat(paddingLeft) - parseFloat(paddingRight),
+  height: ({ y: y2 }, { paddingTop = "0", paddingBottom = "0" }) => y2.max - y2.min - parseFloat(paddingTop) - parseFloat(paddingBottom),
   top: (_bbox, { top }) => parseFloat(top),
   left: (_bbox, { left }) => parseFloat(left),
-  bottom: ({ y }, { top }) => parseFloat(top) + (y.max - y.min),
-  right: ({ x }, { left }) => parseFloat(left) + (x.max - x.min),
+  bottom: ({ y: y2 }, { top }) => parseFloat(top) + (y2.max - y2.min),
+  right: ({ x: x2 }, { left }) => parseFloat(left) + (x2.max - x2.min),
   // Transform
   x: (_bbox, { transform: transform2 }) => parseValueFromTransform(transform2, "x"),
   y: (_bbox, { transform: transform2 }) => parseValueFromTransform(transform2, "y")
@@ -8542,9 +7405,9 @@ class KeyframeResolver {
   }
   readKeyframes() {
     const { unresolvedKeyframes, name, element, motionValue: motionValue2 } = this;
-    for (let i = 0; i < unresolvedKeyframes.length; i++) {
-      if (unresolvedKeyframes[i] === null) {
-        if (i === 0) {
+    for (let i2 = 0; i2 < unresolvedKeyframes.length; i2++) {
+      if (unresolvedKeyframes[i2] === null) {
+        if (i2 === 0) {
           const currentValue = motionValue2 == null ? void 0 : motionValue2.get();
           const finalKeyframe = unresolvedKeyframes[unresolvedKeyframes.length - 1];
           if (currentValue !== void 0) {
@@ -8562,7 +7425,7 @@ class KeyframeResolver {
             motionValue2.set(unresolvedKeyframes[0]);
           }
         } else {
-          unresolvedKeyframes[i] = unresolvedKeyframes[i - 1];
+          unresolvedKeyframes[i2] = unresolvedKeyframes[i2 - 1];
         }
       }
     }
@@ -8632,16 +7495,16 @@ class DOMKeyframesResolver extends KeyframeResolver {
     if (!element || !element.current)
       return;
     super.readKeyframes();
-    for (let i = 0; i < unresolvedKeyframes.length; i++) {
-      let keyframe = unresolvedKeyframes[i];
+    for (let i2 = 0; i2 < unresolvedKeyframes.length; i2++) {
+      let keyframe = unresolvedKeyframes[i2];
       if (typeof keyframe === "string") {
         keyframe = keyframe.trim();
         if (isCSSVariableToken(keyframe)) {
           const resolved = getVariableValue(keyframe, element.current);
           if (resolved !== void 0) {
-            unresolvedKeyframes[i] = resolved;
+            unresolvedKeyframes[i2] = resolved;
           }
-          if (i === unresolvedKeyframes.length - 1) {
+          if (i2 === unresolvedKeyframes.length - 1) {
             this.finalKeyframe = keyframe;
           }
         }
@@ -8657,10 +7520,10 @@ class DOMKeyframesResolver extends KeyframeResolver {
     if (originType === targetType)
       return;
     if (isNumOrPxType(originType) && isNumOrPxType(targetType)) {
-      for (let i = 0; i < unresolvedKeyframes.length; i++) {
-        const value = unresolvedKeyframes[i];
+      for (let i2 = 0; i2 < unresolvedKeyframes.length; i2++) {
+        const value = unresolvedKeyframes[i2];
         if (typeof value === "string") {
-          unresolvedKeyframes[i] = parseFloat(value);
+          unresolvedKeyframes[i2] = parseFloat(value);
         }
       }
     } else {
@@ -8670,9 +7533,9 @@ class DOMKeyframesResolver extends KeyframeResolver {
   resolveNoneKeyframes() {
     const { unresolvedKeyframes, name } = this;
     const noneKeyframeIndexes = [];
-    for (let i = 0; i < unresolvedKeyframes.length; i++) {
-      if (isNone(unresolvedKeyframes[i])) {
-        noneKeyframeIndexes.push(i);
+    for (let i2 = 0; i2 < unresolvedKeyframes.length; i2++) {
+      if (isNone(unresolvedKeyframes[i2])) {
+        noneKeyframeIndexes.push(i2);
       }
     }
     if (noneKeyframeIndexes.length) {
@@ -8730,8 +7593,8 @@ function hasKeyframesChanged(keyframes2) {
   const current = keyframes2[0];
   if (keyframes2.length === 1)
     return true;
-  for (let i = 0; i < keyframes2.length; i++) {
-    if (keyframes2[i] !== current)
+  for (let i2 = 0; i2 < keyframes2.length; i2++) {
+    if (keyframes2[i2] !== current)
       return true;
   }
 }
@@ -8864,18 +7727,18 @@ function calcGeneratorDuration(generator) {
 const mixNumber$1 = (from, to, progress2) => {
   return from + (to - from) * progress2;
 };
-function hueToRgb(p, q, t) {
-  if (t < 0)
-    t += 1;
-  if (t > 1)
-    t -= 1;
-  if (t < 1 / 6)
-    return p + (q - p) * 6 * t;
-  if (t < 1 / 2)
-    return q;
-  if (t < 2 / 3)
-    return p + (q - p) * (2 / 3 - t) * 6;
-  return p;
+function hueToRgb(p2, q2, t2) {
+  if (t2 < 0)
+    t2 += 1;
+  if (t2 > 1)
+    t2 -= 1;
+  if (t2 < 1 / 6)
+    return p2 + (q2 - p2) * 6 * t2;
+  if (t2 < 1 / 2)
+    return q2;
+  if (t2 < 2 / 3)
+    return p2 + (q2 - p2) * (2 / 3 - t2) * 6;
+  return p2;
 }
 function hslaToRgba({ hue, saturation, lightness, alpha: alpha2 }) {
   hue /= 360;
@@ -8887,11 +7750,11 @@ function hslaToRgba({ hue, saturation, lightness, alpha: alpha2 }) {
   if (!saturation) {
     red = green = blue = lightness;
   } else {
-    const q = lightness < 0.5 ? lightness * (1 + saturation) : lightness + saturation - lightness * saturation;
-    const p = 2 * lightness - q;
-    red = hueToRgb(p, q, hue + 1 / 3);
-    green = hueToRgb(p, q, hue);
-    blue = hueToRgb(p, q, hue - 1 / 3);
+    const q2 = lightness < 0.5 ? lightness * (1 + saturation) : lightness + saturation - lightness * saturation;
+    const p2 = 2 * lightness - q2;
+    red = hueToRgb(p2, q2, hue + 1 / 3);
+    green = hueToRgb(p2, q2, hue);
+    blue = hueToRgb(p2, q2, hue - 1 / 3);
   }
   return {
     red: Math.round(red * 255),
@@ -8900,8 +7763,8 @@ function hslaToRgba({ hue, saturation, lightness, alpha: alpha2 }) {
     alpha: alpha2
   };
 }
-function mixImmediate(a, b) {
-  return (p) => p > 0 ? b : a;
+function mixImmediate(a2, b2) {
+  return (p2) => p2 > 0 ? b2 : a2;
 }
 const mixLinearColor = (from, to, v2) => {
   const fromExpo = from * from;
@@ -8936,48 +7799,48 @@ const mixColor = (from, to) => {
     return rgba.transform(blended);
   };
 };
-const combineFunctions = (a, b) => (v2) => b(a(v2));
+const combineFunctions = (a2, b2) => (v2) => b2(a2(v2));
 const pipe = (...transformers) => transformers.reduce(combineFunctions);
 const invisibleValues = /* @__PURE__ */ new Set(["none", "hidden"]);
 function mixVisibility(origin, target) {
   if (invisibleValues.has(origin)) {
-    return (p) => p <= 0 ? origin : target;
+    return (p2) => p2 <= 0 ? origin : target;
   } else {
-    return (p) => p >= 1 ? target : origin;
+    return (p2) => p2 >= 1 ? target : origin;
   }
 }
-function mixNumber(a, b) {
-  return (p) => mixNumber$1(a, b, p);
+function mixNumber(a2, b2) {
+  return (p2) => mixNumber$1(a2, b2, p2);
 }
-function getMixer$1(a) {
-  if (typeof a === "number") {
+function getMixer$1(a2) {
+  if (typeof a2 === "number") {
     return mixNumber;
-  } else if (typeof a === "string") {
-    return isCSSVariableToken(a) ? mixImmediate : color.test(a) ? mixColor : mixComplex;
-  } else if (Array.isArray(a)) {
+  } else if (typeof a2 === "string") {
+    return isCSSVariableToken(a2) ? mixImmediate : color.test(a2) ? mixColor : mixComplex;
+  } else if (Array.isArray(a2)) {
     return mixArray;
-  } else if (typeof a === "object") {
-    return color.test(a) ? mixColor : mixObject;
+  } else if (typeof a2 === "object") {
+    return color.test(a2) ? mixColor : mixObject;
   }
   return mixImmediate;
 }
-function mixArray(a, b) {
-  const output = [...a];
+function mixArray(a2, b2) {
+  const output = [...a2];
   const numValues = output.length;
-  const blendValue = a.map((v2, i) => getMixer$1(v2)(v2, b[i]));
-  return (p) => {
-    for (let i = 0; i < numValues; i++) {
-      output[i] = blendValue[i](p);
+  const blendValue = a2.map((v2, i2) => getMixer$1(v2)(v2, b2[i2]));
+  return (p2) => {
+    for (let i2 = 0; i2 < numValues; i2++) {
+      output[i2] = blendValue[i2](p2);
     }
     return output;
   };
 }
-function mixObject(a, b) {
-  const output = { ...a, ...b };
+function mixObject(a2, b2) {
+  const output = { ...a2, ...b2 };
   const blendValue = {};
   for (const key in output) {
-    if (a[key] !== void 0 && b[key] !== void 0) {
-      blendValue[key] = getMixer$1(a[key])(a[key], b[key]);
+    if (a2[key] !== void 0 && b2[key] !== void 0) {
+      blendValue[key] = getMixer$1(a2[key])(a2[key], b2[key]);
     }
   }
   return (v2) => {
@@ -8990,11 +7853,11 @@ function mixObject(a, b) {
 function matchOrder(origin, target) {
   const orderedOrigin = [];
   const pointers = { color: 0, var: 0, number: 0 };
-  for (let i = 0; i < target.values.length; i++) {
-    const type = target.types[i];
+  for (let i2 = 0; i2 < target.values.length; i2++) {
+    const type = target.types[i2];
     const originIndex = origin.indexes[type][pointers[type]];
     const originValue = origin.values[originIndex] ?? 0;
-    orderedOrigin[i] = originValue;
+    orderedOrigin[i2] = originValue;
     pointers[type]++;
   }
   return orderedOrigin;
@@ -9014,9 +7877,9 @@ const mixComplex = (origin, target) => {
     return mixImmediate(origin, target);
   }
 };
-function mix(from, to, p) {
-  if (typeof from === "number" && typeof to === "number" && typeof p === "number") {
-    return mixNumber$1(from, to, p);
+function mix(from, to, p2) {
+  if (typeof from === "number" && typeof to === "number" && typeof p2 === "number") {
+    return mixNumber$1(from, to, p2);
   }
   const mixer = getMixer$1(from);
   return mixer(from, to);
@@ -9033,9 +7896,9 @@ function createGeneratorEasing(options, scale2 = 100, createGenerator) {
   };
 }
 const velocitySampleDuration = 5;
-function calcGeneratorVelocity(resolveValue, t, current) {
-  const prevT = Math.max(t - velocitySampleDuration, 0);
-  return velocityPerSecond(current - resolveValue(prevT), t - prevT);
+function calcGeneratorVelocity(resolveValue, t2, current) {
+  const prevT = Math.max(t2 - velocitySampleDuration, 0);
+  return velocityPerSecond(current - resolveValue(prevT), t2 - prevT);
 }
 const springDefaults = {
   // Default spring physics
@@ -9078,31 +7941,31 @@ function findSpring({ duration = springDefaults.duration, bounce = springDefault
     envelope = (undampedFreq2) => {
       const exponentialDecay = undampedFreq2 * dampingRatio;
       const delta = exponentialDecay * duration;
-      const a = exponentialDecay - velocity;
-      const b = calcAngularFreq(undampedFreq2, dampingRatio);
-      const c = Math.exp(-delta);
-      return safeMin - a / b * c;
+      const a2 = exponentialDecay - velocity;
+      const b2 = calcAngularFreq(undampedFreq2, dampingRatio);
+      const c2 = Math.exp(-delta);
+      return safeMin - a2 / b2 * c2;
     };
     derivative = (undampedFreq2) => {
       const exponentialDecay = undampedFreq2 * dampingRatio;
       const delta = exponentialDecay * duration;
-      const d = delta * velocity + velocity;
-      const e = Math.pow(dampingRatio, 2) * Math.pow(undampedFreq2, 2) * duration;
-      const f = Math.exp(-delta);
+      const d2 = delta * velocity + velocity;
+      const e2 = Math.pow(dampingRatio, 2) * Math.pow(undampedFreq2, 2) * duration;
+      const f2 = Math.exp(-delta);
       const g2 = calcAngularFreq(Math.pow(undampedFreq2, 2), dampingRatio);
       const factor = -envelope(undampedFreq2) + safeMin > 0 ? -1 : 1;
-      return factor * ((d - e) * f) / g2;
+      return factor * ((d2 - e2) * f2) / g2;
     };
   } else {
     envelope = (undampedFreq2) => {
-      const a = Math.exp(-undampedFreq2 * duration);
-      const b = (undampedFreq2 - velocity) * duration + 1;
-      return -1e-3 + a * b;
+      const a2 = Math.exp(-undampedFreq2 * duration);
+      const b2 = (undampedFreq2 - velocity) * duration + 1;
+      return -1e-3 + a2 * b2;
     };
     derivative = (undampedFreq2) => {
-      const a = Math.exp(-undampedFreq2 * duration);
-      const b = (velocity - undampedFreq2) * (duration * duration);
-      return a * b;
+      const a2 = Math.exp(-undampedFreq2 * duration);
+      const b2 = (velocity - undampedFreq2) * (duration * duration);
+      return a2 * b2;
     };
   }
   const initialGuess = 5 / duration;
@@ -9126,7 +7989,7 @@ function findSpring({ duration = springDefaults.duration, bounce = springDefault
 const rootIterations = 12;
 function approximateRoot(envelope, derivative, initialGuess) {
   let result = initialGuess;
-  for (let i = 1; i < rootIterations; i++) {
+  for (let i2 = 1; i2 < rootIterations; i2++) {
     result = result - envelope(result) / derivative(result);
   }
   return result;
@@ -9196,34 +8059,34 @@ function spring(optionsOrVisualDuration = springDefaults.visualDuration, bounce
   let resolveSpring;
   if (dampingRatio < 1) {
     const angularFreq = calcAngularFreq(undampedAngularFreq, dampingRatio);
-    resolveSpring = (t) => {
-      const envelope = Math.exp(-dampingRatio * undampedAngularFreq * t);
-      return target - envelope * ((initialVelocity + dampingRatio * undampedAngularFreq * initialDelta) / angularFreq * Math.sin(angularFreq * t) + initialDelta * Math.cos(angularFreq * t));
+    resolveSpring = (t2) => {
+      const envelope = Math.exp(-dampingRatio * undampedAngularFreq * t2);
+      return target - envelope * ((initialVelocity + dampingRatio * undampedAngularFreq * initialDelta) / angularFreq * Math.sin(angularFreq * t2) + initialDelta * Math.cos(angularFreq * t2));
     };
   } else if (dampingRatio === 1) {
-    resolveSpring = (t) => target - Math.exp(-undampedAngularFreq * t) * (initialDelta + (initialVelocity + undampedAngularFreq * initialDelta) * t);
+    resolveSpring = (t2) => target - Math.exp(-undampedAngularFreq * t2) * (initialDelta + (initialVelocity + undampedAngularFreq * initialDelta) * t2);
   } else {
     const dampedAngularFreq = undampedAngularFreq * Math.sqrt(dampingRatio * dampingRatio - 1);
-    resolveSpring = (t) => {
-      const envelope = Math.exp(-dampingRatio * undampedAngularFreq * t);
-      const freqForT = Math.min(dampedAngularFreq * t, 300);
+    resolveSpring = (t2) => {
+      const envelope = Math.exp(-dampingRatio * undampedAngularFreq * t2);
+      const freqForT = Math.min(dampedAngularFreq * t2, 300);
       return target - envelope * ((initialVelocity + dampingRatio * undampedAngularFreq * initialDelta) * Math.sinh(freqForT) + dampedAngularFreq * initialDelta * Math.cosh(freqForT)) / dampedAngularFreq;
     };
   }
   const generator = {
     calculatedDuration: isResolvedFromDuration ? duration || null : null,
-    next: (t) => {
-      const current = resolveSpring(t);
+    next: (t2) => {
+      const current = resolveSpring(t2);
       if (!isResolvedFromDuration) {
         let currentVelocity = 0;
         if (dampingRatio < 1) {
-          currentVelocity = t === 0 ? /* @__PURE__ */ secondsToMilliseconds(initialVelocity) : calcGeneratorVelocity(resolveSpring, t, current);
+          currentVelocity = t2 === 0 ? /* @__PURE__ */ secondsToMilliseconds(initialVelocity) : calcGeneratorVelocity(resolveSpring, t2, current);
         }
         const isBelowVelocityThreshold = Math.abs(currentVelocity) <= restSpeed;
         const isBelowDisplacementThreshold = Math.abs(target - current) <= restDelta;
         state.done = isBelowVelocityThreshold && isBelowDisplacementThreshold;
       } else {
-        state.done = t >= duration;
+        state.done = t2 >= duration;
       }
       state.value = state.done ? target : current;
       return state;
@@ -9264,23 +8127,23 @@ function inertia({ keyframes: keyframes2, velocity = 0, power = 0.8, timeConstan
   const target = modifyTarget === void 0 ? ideal : modifyTarget(ideal);
   if (target !== ideal)
     amplitude = target - origin;
-  const calcDelta = (t) => -amplitude * Math.exp(-t / timeConstant);
-  const calcLatest = (t) => target + calcDelta(t);
-  const applyFriction = (t) => {
-    const delta = calcDelta(t);
-    const latest = calcLatest(t);
+  const calcDelta = (t2) => -amplitude * Math.exp(-t2 / timeConstant);
+  const calcLatest = (t2) => target + calcDelta(t2);
+  const applyFriction = (t2) => {
+    const delta = calcDelta(t2);
+    const latest = calcLatest(t2);
     state.done = Math.abs(delta) <= restDelta;
     state.value = state.done ? target : latest;
   };
   let timeReachedBoundary;
   let spring$1;
-  const checkCatchBoundary = (t) => {
+  const checkCatchBoundary = (t2) => {
     if (!isOutOfBounds(state.value))
       return;
-    timeReachedBoundary = t;
+    timeReachedBoundary = t2;
     spring$1 = spring({
       keyframes: [state.value, nearestBoundary(state.value)],
-      velocity: calcGeneratorVelocity(calcLatest, t, state.value),
+      velocity: calcGeneratorVelocity(calcLatest, t2, state.value),
       // TODO: This should be passing * 1000
       damping: bounceDamping,
       stiffness: bounceStiffness,
@@ -9291,17 +8154,17 @@ function inertia({ keyframes: keyframes2, velocity = 0, power = 0.8, timeConstan
   checkCatchBoundary(0);
   return {
     calculatedDuration: null,
-    next: (t) => {
+    next: (t2) => {
       let hasUpdatedFrame = false;
       if (!spring$1 && timeReachedBoundary === void 0) {
         hasUpdatedFrame = true;
-        applyFriction(t);
-        checkCatchBoundary(t);
+        applyFriction(t2);
+        checkCatchBoundary(t2);
       }
-      if (timeReachedBoundary !== void 0 && t >= timeReachedBoundary) {
-        return spring$1.next(t - timeReachedBoundary);
+      if (timeReachedBoundary !== void 0 && t2 >= timeReachedBoundary) {
+        return spring$1.next(t2 - timeReachedBoundary);
       } else {
-        !hasUpdatedFrame && applyFriction(t);
+        !hasUpdatedFrame && applyFriction(t2);
         return state;
       }
     }
@@ -9345,10 +8208,10 @@ function createMixers(output, ease2, customMixer) {
   const mixers = [];
   const mixerFactory = customMixer || mix;
   const numMixers = output.length - 1;
-  for (let i = 0; i < numMixers; i++) {
-    let mixer = mixerFactory(output[i], output[i + 1]);
+  for (let i2 = 0; i2 < numMixers; i2++) {
+    let mixer = mixerFactory(output[i2], output[i2 + 1]);
     if (ease2) {
-      const easingFunction = Array.isArray(ease2) ? ease2[i] || noop : ease2;
+      const easingFunction = Array.isArray(ease2) ? ease2[i2] || noop : ease2;
       mixer = pipe(easingFunction, mixer);
     }
     mixers.push(mixer);
@@ -9372,22 +8235,22 @@ function interpolate(input, output, { clamp: isClamp = true, ease: ease2, mixer
   const interpolator = (v2) => {
     if (isZeroDeltaRange && v2 < input[0])
       return output[0];
-    let i = 0;
+    let i2 = 0;
     if (numMixers > 1) {
-      for (; i < input.length - 2; i++) {
-        if (v2 < input[i + 1])
+      for (; i2 < input.length - 2; i2++) {
+        if (v2 < input[i2 + 1])
           break;
       }
     }
-    const progressInRange = /* @__PURE__ */ progress(input[i], input[i + 1], v2);
-    return mixers[i](progressInRange);
+    const progressInRange = /* @__PURE__ */ progress(input[i2], input[i2 + 1], v2);
+    return mixers[i2](progressInRange);
   };
   return isClamp ? (v2) => interpolator(clamp(input[0], input[inputLength - 1], v2)) : interpolator;
 }
 function fillOffset(offset, remaining) {
   const min = offset[offset.length - 1];
-  for (let i = 1; i <= remaining; i++) {
-    const offsetProgress = /* @__PURE__ */ progress(0, remaining, i);
+  for (let i2 = 1; i2 <= remaining; i2++) {
+    const offsetProgress = /* @__PURE__ */ progress(0, remaining, i2);
     offset.push(mixNumber$1(min, 1, offsetProgress));
   }
 }
@@ -9397,7 +8260,7 @@ function defaultOffset(arr) {
   return offset;
 }
 function convertOffsetToTimes(offset, duration) {
-  return offset.map((o) => o * duration);
+  return offset.map((o2) => o2 * duration);
 }
 function defaultEasing(values, easing) {
   return values.map(() => easing || easeInOut).splice(0, values.length - 1);
@@ -9419,9 +8282,9 @@ function keyframes$1({ duration = 300, keyframes: keyframeValues, times, ease: e
   });
   return {
     calculatedDuration: duration,
-    next: (t) => {
-      state.value = mapTimeToKeyframe(t);
-      state.done = t >= duration;
+    next: (t2) => {
+      state.value = mapTimeToKeyframe(t2);
+      state.done = t2 >= duration;
       return state;
     }
   };
@@ -9725,16 +8588,16 @@ function pregenerateKeyframes(keyframes2, options) {
   });
   let state = { done: false, value: keyframes2[0] };
   const pregeneratedKeyframes = [];
-  let t = 0;
-  while (!state.done && t < maxDuration) {
-    state = sampleAnimation.sample(t);
+  let t2 = 0;
+  while (!state.done && t2 < maxDuration) {
+    state = sampleAnimation.sample(t2);
     pregeneratedKeyframes.push(state.value);
-    t += sampleDelta;
+    t2 += sampleDelta;
   }
   return {
     times: void 0,
     keyframes: pregeneratedKeyframes,
-    duration: t - sampleDelta,
+    duration: t2 - sampleDelta,
     ease: "linear"
   };
 }
@@ -10105,18 +8968,18 @@ function animateVariant(visualElement, variant, options = {}) {
 function animateChildren(visualElement, variant, delayChildren = 0, staggerChildren = 0, staggerDirection = 1, options) {
   const animations2 = [];
   const maxStaggerDuration = (visualElement.variantChildren.size - 1) * staggerChildren;
-  const generateStaggerDuration = staggerDirection === 1 ? (i = 0) => i * staggerChildren : (i = 0) => maxStaggerDuration - i * staggerChildren;
-  Array.from(visualElement.variantChildren).sort(sortByTreeOrder).forEach((child, i) => {
+  const generateStaggerDuration = staggerDirection === 1 ? (i2 = 0) => i2 * staggerChildren : (i2 = 0) => maxStaggerDuration - i2 * staggerChildren;
+  Array.from(visualElement.variantChildren).sort(sortByTreeOrder).forEach((child, i2) => {
     child.notify("AnimationStart", variant);
     animations2.push(animateVariant(child, variant, {
       ...options,
-      delay: delayChildren + generateStaggerDuration(i)
+      delay: delayChildren + generateStaggerDuration(i2)
     }).then(() => child.notify("AnimationComplete", variant)));
   });
   return Promise.all(animations2);
 }
-function sortByTreeOrder(a, b) {
-  return a.sortNodePosition(b);
+function sortByTreeOrder(a2, b2) {
+  return a2.sortNodePosition(b2);
 }
 function animateVisualElement(visualElement, definition, options = {}) {
   visualElement.notify("AnimationStart", definition);
@@ -10140,8 +9003,8 @@ function shallowCompare(next, prev) {
   const prevLength = prev.length;
   if (prevLength !== next.length)
     return false;
-  for (let i = 0; i < prevLength; i++) {
-    if (prev[i] !== next[i])
+  for (let i2 = 0; i2 < prevLength; i2++) {
+    if (prev[i2] !== next[i2])
       return false;
   }
   return true;
@@ -10158,8 +9021,8 @@ function getVariantContext(visualElement) {
     return context3;
   }
   const context2 = {};
-  for (let i = 0; i < numVariantProps; i++) {
-    const name = variantProps[i];
+  for (let i2 = 0; i2 < numVariantProps; i2++) {
+    const name = variantProps[i2];
     const prop = visualElement.props[name];
     if (isVariantLabel(prop) || prop === false) {
       context2[name] = prop;
@@ -10195,14 +9058,14 @@ function createAnimationState(visualElement) {
     const removedKeys = /* @__PURE__ */ new Set();
     let encounteredKeys = {};
     let removedVariantIndex = Infinity;
-    for (let i = 0; i < numAnimationTypes; i++) {
-      const type = reversePriorityOrder[i];
+    for (let i2 = 0; i2 < numAnimationTypes; i2++) {
+      const type = reversePriorityOrder[i2];
       const typeState = state[type];
       const prop = props[type] !== void 0 ? props[type] : context2[type];
       const propIsVariant = isVariantLabel(prop);
       const activeDelta = type === changedActiveType ? typeState.isActive : null;
       if (activeDelta === false)
-        removedVariantIndex = i;
+        removedVariantIndex = i2;
       let isInherited = prop === context2[type] && prop !== props[type] && propIsVariant;
       if (isInherited && isInitialRender && visualElement.manuallyAnimateOnMount) {
         isInherited = false;
@@ -10219,7 +9082,7 @@ function createAnimationState(visualElement) {
       const variantDidChange = checkVariantsDidChange(typeState.prevProp, prop);
       let shouldAnimateType = variantDidChange || // If we're making this variant active, we want to always make it active
       type === changedActiveType && typeState.isActive && !isInherited && propIsVariant || // If we removed a higher-priority variant (i is in reverse order)
-      i > removedVariantIndex && propIsVariant;
+      i2 > removedVariantIndex && propIsVariant;
       let handledRemovedValues = false;
       const definitionList = Array.isArray(prop) ? prop : [prop];
       let resolvedValues = definitionList.reduce(buildResolvedTypeValues(type), {});
@@ -10501,8 +9364,8 @@ function convertBoundingBoxToBox({ top, left, right, bottom }) {
     y: { min: top, max: bottom }
   };
 }
-function convertBoxToBoundingBox({ x, y }) {
-  return { top: y.min, right: x.max, bottom: y.max, left: x.min };
+function convertBoxToBoundingBox({ x: x2, y: y2 }) {
+  return { top: y2.min, right: x2.max, bottom: y2.max, left: x2.min };
 }
 function transformBoxPoints(point, transformPoint2) {
   if (!transformPoint2)
@@ -10608,9 +9471,9 @@ function applyAxisDelta(axis, translate = 0, scale2 = 1, originPoint, boxScale)
   axis.min = applyPointDelta(axis.min, translate, scale2, originPoint, boxScale);
   axis.max = applyPointDelta(axis.max, translate, scale2, originPoint, boxScale);
 }
-function applyBoxDelta(box, { x, y }) {
-  applyAxisDelta(box.x, x.translate, x.scale, x.originPoint);
-  applyAxisDelta(box.y, y.translate, y.scale, y.originPoint);
+function applyBoxDelta(box, { x: x2, y: y2 }) {
+  applyAxisDelta(box.x, x2.translate, x2.scale, x2.originPoint);
+  applyAxisDelta(box.y, y2.translate, y2.scale, y2.originPoint);
 }
 const TREE_SCALE_SNAP_MIN = 0.999999999999;
 const TREE_SCALE_SNAP_MAX = 1.0000000000001;
@@ -10621,8 +9484,8 @@ function applyTreeDeltas(box, treeScale, treePath, isSharedTransition = false) {
   treeScale.x = treeScale.y = 1;
   let node;
   let delta;
-  for (let i = 0; i < treeLength; i++) {
-    node = treePath[i];
+  for (let i2 = 0; i2 < treeLength; i2++) {
+    node = treePath[i2];
     delta = node.projectionDelta;
     const { visualElement } = node.options;
     if (visualElement && visualElement.props.style && visualElement.props.style.display === "contents") {
@@ -10677,10 +9540,10 @@ function measurePageBox(element, rootProjectionNode2, transformPagePoint) {
 const getContextWindow = ({ current }) => {
   return current ? current.ownerDocument.defaultView : null;
 };
-const distance = (a, b) => Math.abs(a - b);
-function distance2D(a, b) {
-  const xDelta = distance(a.x, b.x);
-  const yDelta = distance(a.y, b.y);
+const distance = (a2, b2) => Math.abs(a2 - b2);
+function distance2D(a2, b2) {
+  const xDelta = distance(a2.x, b2.x);
+  const yDelta = distance(a2.y, b2.y);
   return Math.sqrt(xDelta ** 2 + yDelta ** 2);
 }
 class PanSession {
@@ -10752,8 +9615,8 @@ class PanSession {
 function transformPoint(info, transformPagePoint) {
   return transformPagePoint ? { point: transformPagePoint(info.point) } : info;
 }
-function subtractPoint(a, b) {
-  return { x: a.x - b.x, y: a.y - b.y };
+function subtractPoint(a2, b2) {
+  return { x: a2.x - b2.x, y: a2.y - b2.y };
 }
 function getPanInfo({ point }, history) {
   return {
@@ -10773,15 +9636,15 @@ function getVelocity(history, timeDelta) {
   if (history.length < 2) {
     return { x: 0, y: 0 };
   }
-  let i = history.length - 1;
+  let i2 = history.length - 1;
   let timestampedPoint = null;
   const lastPoint = lastDevicePoint(history);
-  while (i >= 0) {
-    timestampedPoint = history[i];
+  while (i2 >= 0) {
+    timestampedPoint = history[i2];
     if (lastPoint.timestamp - timestampedPoint.timestamp > /* @__PURE__ */ secondsToMilliseconds(timeDelta)) {
       break;
     }
-    i--;
+    i2--;
   }
   if (!timestampedPoint) {
     return { x: 0, y: 0 };
@@ -11316,9 +10179,9 @@ const correctBorderRadius = {
         return latest;
       }
     }
-    const x = pixelsToPercent(latest, node.target.x);
-    const y = pixelsToPercent(latest, node.target.y);
-    return `${x}% ${y}%`;
+    const x2 = pixelsToPercent(latest, node.target.x);
+    const y2 = pixelsToPercent(latest, node.target.y);
+    return `${x2}% ${y2}%`;
   }
 };
 const correctBoxShadow = {
@@ -11452,7 +10315,7 @@ function animateSingleValue(value, keyframes2, options) {
 function isSVGElement(element) {
   return element instanceof SVGElement && element.tagName !== "svg";
 }
-const compareByDepth = (a, b) => a.depth - b.depth;
+const compareByDepth = (a2, b2) => a2.depth - b2.depth;
 class FlatTree {
   constructor() {
     this.children = [];
@@ -11500,8 +10363,8 @@ function mixValues(target, follow, lead, progress2, shouldCrossfadeOpacity, isOn
   } else if (isOnlyMember) {
     target.opacity = mixNumber$1(follow.opacity !== void 0 ? follow.opacity : 1, lead.opacity !== void 0 ? lead.opacity : 1, progress2);
   }
-  for (let i = 0; i < numBorders; i++) {
-    const borderLabel = `border${borders$1[i]}Radius`;
+  for (let i2 = 0; i2 < numBorders; i2++) {
+    const borderLabel = `border${borders$1[i2]}Radius`;
     let followRadius = getRadius(follow, borderLabel);
     let leadRadius = getRadius(lead, borderLabel);
     if (followRadius === void 0 && leadRadius === void 0)
@@ -11528,12 +10391,12 @@ function getRadius(values, radiusName) {
 const easeCrossfadeIn = /* @__PURE__ */ compress(0, 0.5, circOut);
 const easeCrossfadeOut = /* @__PURE__ */ compress(0.5, 0.95, noop);
 function compress(min, max, easing) {
-  return (p) => {
-    if (p < min)
+  return (p2) => {
+    if (p2 < min)
       return 0;
-    if (p > max)
+    if (p2 > max)
       return 1;
-    return easing(/* @__PURE__ */ progress(min, max, p));
+    return easing(/* @__PURE__ */ progress(min, max, p2));
   };
 }
 function copyAxisInto(axis, originAxis) {
@@ -11587,23 +10450,23 @@ function isAxisDeltaZero(delta) {
 function isDeltaZero(delta) {
   return isAxisDeltaZero(delta.x) && isAxisDeltaZero(delta.y);
 }
-function axisEquals(a, b) {
-  return a.min === b.min && a.max === b.max;
+function axisEquals(a2, b2) {
+  return a2.min === b2.min && a2.max === b2.max;
 }
-function boxEquals(a, b) {
-  return axisEquals(a.x, b.x) && axisEquals(a.y, b.y);
+function boxEquals(a2, b2) {
+  return axisEquals(a2.x, b2.x) && axisEquals(a2.y, b2.y);
 }
-function axisEqualsRounded(a, b) {
-  return Math.round(a.min) === Math.round(b.min) && Math.round(a.max) === Math.round(b.max);
+function axisEqualsRounded(a2, b2) {
+  return Math.round(a2.min) === Math.round(b2.min) && Math.round(a2.max) === Math.round(b2.max);
 }
-function boxEqualsRounded(a, b) {
-  return axisEqualsRounded(a.x, b.x) && axisEqualsRounded(a.y, b.y);
+function boxEqualsRounded(a2, b2) {
+  return axisEqualsRounded(a2.x, b2.x) && axisEqualsRounded(a2.y, b2.y);
 }
 function aspectRatio(box) {
   return calcLength(box.x) / calcLength(box.y);
 }
-function axisDeltaEquals(a, b) {
-  return a.translate === b.translate && a.scale === b.scale && a.originPoint === b.originPoint;
+function axisDeltaEquals(a2, b2) {
+  return a2.translate === b2.translate && a2.scale === b2.scale && a2.originPoint === b2.originPoint;
 }
 class NodeStack {
   constructor() {
@@ -11630,8 +10493,8 @@ class NodeStack {
     if (indexOfNode === 0)
       return false;
     let prevLead;
-    for (let i = indexOfNode; i >= 0; i--) {
-      const member = this.members[i];
+    for (let i2 = indexOfNode; i2 >= 0; i2--) {
+      const member = this.members[i2];
       if (member.isPresent !== false) {
         prevLead = member;
         break;
@@ -11808,8 +10671,8 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       this.path = parent ? [...parent.path, parent] : [];
       this.parent = parent;
       this.depth = parent ? parent.depth + 1 : 0;
-      for (let i = 0; i < this.path.length; i++) {
-        this.path[i].shouldResetTransform = true;
+      for (let i2 = 0; i2 < this.path.length; i2++) {
+        this.path[i2].shouldResetTransform = true;
       }
       if (this.root === this)
         this.nodes = new FlatTree();
@@ -11946,8 +10809,8 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       if (this.isLayoutDirty)
         return;
       this.isLayoutDirty = true;
-      for (let i = 0; i < this.path.length; i++) {
-        const node = this.path[i];
+      for (let i2 = 0; i2 < this.path.length; i2++) {
+        const node = this.path[i2];
         node.shouldResetTransform = true;
         node.updateScroll("snapshot");
         if (node.options.layoutRoot) {
@@ -12032,8 +10895,8 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
         return;
       }
       if (this.resumeFrom && !this.resumeFrom.instance) {
-        for (let i = 0; i < this.path.length; i++) {
-          const node = this.path[i];
+        for (let i2 = 0; i2 < this.path.length; i2++) {
+          const node = this.path[i2];
           node.updateScroll();
         }
       }
@@ -12114,8 +10977,8 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       if ((_a = this.scroll) == null ? void 0 : _a.wasRoot) {
         return boxWithoutScroll;
       }
-      for (let i = 0; i < this.path.length; i++) {
-        const node = this.path[i];
+      for (let i2 = 0; i2 < this.path.length; i2++) {
+        const node = this.path[i2];
         const { scroll, options } = node;
         if (node !== this.root && scroll && options.layoutScroll) {
           if (scroll.wasRoot) {
@@ -12130,8 +10993,8 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
     applyTransform(box, transformOnly = false) {
       const withTransforms = createBox();
       copyBoxInto(withTransforms, box);
-      for (let i = 0; i < this.path.length; i++) {
-        const node = this.path[i];
+      for (let i2 = 0; i2 < this.path.length; i2++) {
+        const node = this.path[i2];
         if (!transformOnly && node.options.layoutScroll && node.scroll && node !== node.root) {
           transformBox(withTransforms, {
             x: -node.scroll.offset.x,
@@ -12150,8 +11013,8 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
     removeTransform(box) {
       const boxWithoutTransform = createBox();
       copyBoxInto(boxWithoutTransform, box);
-      for (let i = 0; i < this.path.length; i++) {
-        const node = this.path[i];
+      for (let i2 = 0; i2 < this.path.length; i2++) {
+        const node = this.path[i2];
         if (!node.instance)
           continue;
         if (!hasTransform(node.latestValues))
@@ -12517,9 +11380,9 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       if (latestValues.z) {
         resetDistortingTransform("z", visualElement, resetValues, this.animationValues);
       }
-      for (let i = 0; i < transformAxes.length; i++) {
-        resetDistortingTransform(`rotate${transformAxes[i]}`, visualElement, resetValues, this.animationValues);
-        resetDistortingTransform(`skew${transformAxes[i]}`, visualElement, resetValues, this.animationValues);
+      for (let i2 = 0; i2 < transformAxes.length; i2++) {
+        resetDistortingTransform(`rotate${transformAxes[i2]}`, visualElement, resetValues, this.animationValues);
+        resetDistortingTransform(`skew${transformAxes[i2]}`, visualElement, resetValues, this.animationValues);
       }
       visualElement.render();
       for (const key in resetValues) {
@@ -12566,8 +11429,8 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
       if (transformTemplate) {
         styles2.transform = transformTemplate(valuesToRender, styles2.transform);
       }
-      const { x, y } = this.projectionDelta;
-      styles2.transformOrigin = `${x.origin * 100}% ${y.origin * 100}% 0`;
+      const { x: x2, y: y2 } = this.projectionDelta;
+      styles2.transformOrigin = `${x2.origin * 100}% ${y2.origin * 100}% 0`;
       if (lead.animationValues) {
         styles2.opacity = lead === this ? valuesToRender.opacity ?? this.latestValues.opacity ?? 1 : this.preserveOpacity ? this.latestValues.opacity : valuesToRender.opacityExit;
       } else {
@@ -12580,8 +11443,8 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
         const corrected = styles2.transform === "none" ? valuesToRender[key] : correct(valuesToRender[key], lead);
         if (applyTo) {
           const num = applyTo.length;
-          for (let i = 0; i < num; i++) {
-            styles2[applyTo[i]] = corrected;
+          for (let i2 = 0; i2 < num; i2++) {
+            styles2[applyTo[i2]] = corrected;
           }
         } else {
           if (isCSSVariable) {
@@ -12727,19 +11590,19 @@ function resetSkewAndRotation(node) {
 function removeLeadSnapshots(stack) {
   stack.removeLeadSnapshot();
 }
-function mixAxisDelta(output, delta, p) {
-  output.translate = mixNumber$1(delta.translate, 0, p);
-  output.scale = mixNumber$1(delta.scale, 1, p);
+function mixAxisDelta(output, delta, p2) {
+  output.translate = mixNumber$1(delta.translate, 0, p2);
+  output.scale = mixNumber$1(delta.scale, 1, p2);
   output.origin = delta.origin;
   output.originPoint = delta.originPoint;
 }
-function mixAxis(output, from, to, p) {
-  output.min = mixNumber$1(from.min, to.min, p);
-  output.max = mixNumber$1(from.max, to.max, p);
+function mixAxis(output, from, to, p2) {
+  output.min = mixNumber$1(from.min, to.min, p2);
+  output.max = mixNumber$1(from.max, to.max, p2);
 }
-function mixBox(output, from, to, p) {
-  mixAxis(output.x, from.x, to.x, p);
-  mixAxis(output.y, from.y, to.y, p);
+function mixBox(output, from, to, p2) {
+  mixAxis(output.x, from.x, to.x, p2);
+  mixAxis(output.y, from.y, to.y, p2);
 }
 function hasOpacityCrossfade(node) {
   return node.animationValues && node.animationValues.opacityExit !== void 0;
@@ -12884,7 +11747,7 @@ class FocusGesture extends Feature {
     let isFocusVisible = false;
     try {
       isFocusVisible = this.node.current.matches(":focus-visible");
-    } catch (e) {
+    } catch (e2) {
       isFocusVisible = true;
     }
     if (!isFocusVisible || !this.node.animationState)
@@ -13378,8 +12241,8 @@ class VisualElement {
     this.props = props;
     this.prevPresenceContext = this.presenceContext;
     this.presenceContext = presenceContext;
-    for (let i = 0; i < propEventHandlers.length; i++) {
-      const key = propEventHandlers[i];
+    for (let i2 = 0; i2 < propEventHandlers.length; i2++) {
+      const key = propEventHandlers[i2];
       if (this.propEventSubscriptions[key]) {
         this.propEventSubscriptions[key]();
         delete this.propEventSubscriptions[key];
@@ -13533,8 +12396,8 @@ class DOMVisualElement extends VisualElement {
     super(...arguments);
     this.KeyframeResolver = DOMKeyframesResolver;
   }
-  sortInstanceNodePosition(a, b) {
-    return a.compareDocumentPosition(b) & 2 ? 1 : -1;
+  sortInstanceNodePosition(a2, b2) {
+    return a2.compareDocumentPosition(b2) & 2 ? 1 : -1;
   }
   getBaseTargetFromProps(props, key) {
     return props.style ? props.style[key] : void 0;
@@ -13699,8 +12562,8 @@ function useListTransform(values, transformer) {
   return useCombineMotionValues(values, () => {
     latest.length = 0;
     const numValues = values.length;
-    for (let i = 0; i < numValues; i++) {
-      latest[i] = values[i].get();
+    for (let i2 = 0; i2 < numValues; i2++) {
+      latest[i2] = values[i2].get();
     }
     return transformer(latest);
   });
@@ -13717,8 +12580,8 @@ const wrap = (min, max, v2) => {
   const rangeSize = max - min;
   return ((v2 - min) % rangeSize + rangeSize) % rangeSize + min;
 };
-function getEasingForSegment(easing, i) {
-  return isEasingArray(easing) ? easing[wrap(0, easing.length, i)] : easing;
+function getEasingForSegment(easing, i2) {
+  return isEasingArray(easing) ? easing[wrap(0, easing.length, i2)] : easing;
 }
 function isDOMKeyframes(keyframes2) {
   return typeof keyframes2 === "object" && !Array.isArray(keyframes2);
@@ -13749,38 +12612,38 @@ function calcNextTime(current, next, prev, labels) {
   }
 }
 function eraseKeyframes(sequence, startTime, endTime) {
-  for (let i = 0; i < sequence.length; i++) {
-    const keyframe = sequence[i];
+  for (let i2 = 0; i2 < sequence.length; i2++) {
+    const keyframe = sequence[i2];
     if (keyframe.at > startTime && keyframe.at < endTime) {
       removeItem(sequence, keyframe);
-      i--;
+      i2--;
     }
   }
 }
 function addKeyframes(sequence, keyframes2, easing, offset, startTime, endTime) {
   eraseKeyframes(sequence, startTime, endTime);
-  for (let i = 0; i < keyframes2.length; i++) {
+  for (let i2 = 0; i2 < keyframes2.length; i2++) {
     sequence.push({
-      value: keyframes2[i],
-      at: mixNumber$1(startTime, endTime, offset[i]),
-      easing: getEasingForSegment(easing, i)
+      value: keyframes2[i2],
+      at: mixNumber$1(startTime, endTime, offset[i2]),
+      easing: getEasingForSegment(easing, i2)
     });
   }
 }
 function normalizeTimes(times, repeat) {
-  for (let i = 0; i < times.length; i++) {
-    times[i] = times[i] / (repeat + 1);
+  for (let i2 = 0; i2 < times.length; i2++) {
+    times[i2] = times[i2] / (repeat + 1);
   }
 }
-function compareByTime(a, b) {
-  if (a.at === b.at) {
-    if (a.value === null)
+function compareByTime(a2, b2) {
+  if (a2.at === b2.at) {
+    if (a2.value === null)
       return 1;
-    if (b.value === null)
+    if (b2.value === null)
       return -1;
     return 0;
   } else {
-    return a.at - b.at;
+    return a2.at - b2.at;
   }
 }
 const defaultSegmentEasing = "easeInOut";
@@ -13794,8 +12657,8 @@ function createAnimationsFromSequence(sequence, { defaultTransition = {}, ...seq
   let prevTime = 0;
   let currentTime = 0;
   let totalDuration = 0;
-  for (let i = 0; i < sequence.length; i++) {
-    const segment = sequence[i];
+  for (let i2 = 0; i2 < sequence.length; i2++) {
+    const segment = sequence[i2];
     if (typeof segment === "string") {
       timeLabels.set(segment, currentTime);
       continue;
@@ -13884,8 +12747,8 @@ function createAnimationsFromSequence(sequence, { defaultTransition = {}, ...seq
       const keyframes2 = [];
       const valueOffset = [];
       const valueEasing = [];
-      for (let i = 0; i < valueSequence.length; i++) {
-        const { at, value, easing } = valueSequence[i];
+      for (let i2 = 0; i2 < valueSequence.length; i2++) {
+        const { at, value, easing } = valueSequence[i2];
         keyframes2.push(value);
         valueOffset.push(/* @__PURE__ */ progress(0, totalDuration, at));
         valueEasing.push(easing || "easeOut");
@@ -14019,8 +12882,8 @@ function animateSubject(subject, keyframes2, options, scope) {
     const subjects = resolveSubjects(subject, keyframes2, scope);
     const numSubjects = subjects.length;
     invariant(Boolean(numSubjects), "No valid elements provided.");
-    for (let i = 0; i < numSubjects; i++) {
-      const thisSubject = subjects[i];
+    for (let i2 = 0; i2 < numSubjects; i2++) {
+      const thisSubject = subjects[i2];
       const createVisualElement = thisSubject instanceof Element ? createDOMVisualElement : createObjectVisualElement;
       if (!visualElementStore.has(thisSubject)) {
         createVisualElement(thisSubject);
@@ -14028,7 +12891,7 @@ function animateSubject(subject, keyframes2, options, scope) {
       const visualElement = visualElementStore.get(thisSubject);
       const transition = { ...options };
       if ("delay" in transition && typeof transition.delay === "function") {
-        transition.delay = transition.delay(i, numSubjects);
+        transition.delay = transition.delay(i2, numSubjects);
       }
       animations2.push(...animateTarget(visualElement, { ...keyframes2, transition }, {}));
     }
@@ -14074,7 +12937,7 @@ const DEFAULT_DRAG_CLOSE_THRESHOLD = 0.6;
 const DEFAULT_DRAG_VELOCITY_THRESHOLD = 500;
 const useIsomorphicLayoutEffect = IS_SSR ? useEffect : useLayoutEffect;
 function useModalEffect({
-  y,
+  y: y2,
   rootId,
   sheetRef
 }) {
@@ -14115,36 +12978,36 @@ function useModalEffect({
     const root = document.querySelector(`#${rootId}`);
     if (!root) return;
     function onCompleted() {
-      if (y.get() - 10 >= heightRef.current) cleanup();
+      if (y2.get() - 10 >= heightRef.current) cleanup();
     }
-    const removeStartListener = y.on("animationStart", () => {
+    const removeStartListener = y2.on("animationStart", () => {
       var _a;
       heightRef.current = ((_a = sheetRef.current) == null ? void 0 : _a.offsetHeight) || window.innerHeight;
       setup();
     });
-    const removeChangeListener = y.on("change", (value) => {
+    const removeChangeListener = y2.on("change", (value) => {
       if (root) {
         const progress2 = Math.max(0, 1 - value / heightRef.current);
         const pageWidth = window.innerWidth;
         const scale2 = (pageWidth - 16) / pageWidth;
         const ty = transform(progress2, [0, 1], [0, 24]);
-        const s = transform(progress2, [0, 1], [1, scale2]);
+        const s2 = transform(progress2, [0, 1], [1, scale2]);
         const borderRadius = transform(progress2, [0, 1], [0, 10]);
         const inset = "env(safe-area-inset-top)";
-        root.style.transform = `scale(${s}) translate3d(0, calc(${inset} + ${ty}px), 0)`;
+        root.style.transform = `scale(${s2}) translate3d(0, calc(${inset} + ${ty}px), 0)`;
         root.style.borderTopRightRadius = `${borderRadius}px`;
         root.style.borderTopLeftRadius = `${borderRadius}px`;
       }
     });
-    const removeCompleteListener = y.on("animationComplete", onCompleted);
-    const removeCancelListener = y.on("animationCancel", onCompleted);
+    const removeCompleteListener = y2.on("animationComplete", onCompleted);
+    const removeCancelListener = y2.on("animationCancel", onCompleted);
     return () => {
       removeStartListener();
       removeChangeListener();
       removeCompleteListener();
       removeCancelListener();
     };
-  }, [y, rootId]);
+  }, [y2, rootId]);
 }
 function useEventCallbacks(isOpen, callbacks) {
   const prevOpen = usePrevious(isOpen);
@@ -14238,18 +13101,18 @@ const useSheetScrollerContext = () => {
 function getClosest(nums, goal) {
   let closest = nums[0];
   let minDifference = Math.abs(nums[0] - goal);
-  for (let i = 1; i < nums.length; i++) {
-    const difference = Math.abs(nums[i] - goal);
+  for (let i2 = 1; i2 < nums.length; i2++) {
+    const difference = Math.abs(nums[i2] - goal);
     if (difference < minDifference) {
-      closest = nums[i];
+      closest = nums[i2];
       minDifference = difference;
     }
   }
   return closest;
 }
 function inDescendingOrder(arr) {
-  for (let i = 0; i < arr.length; i++) {
-    if (arr[i + 1] > arr[i]) return false;
+  for (let i2 = 0; i2 < arr.length; i2++) {
+    if (arr[i2 + 1] > arr[i2]) return false;
   }
   return true;
 }
@@ -14279,9 +13142,9 @@ function isTouchDevice() {
   if (typeof window === "undefined") return false;
   return "ontouchstart" in window || navigator.maxTouchPoints > 0;
 }
-function testPlatform(re) {
+function testPlatform(re2) {
   var _a;
-  return typeof window !== "undefined" && window.navigator != null ? re.test(
+  return typeof window !== "undefined" && window.navigator != null ? re2.test(
     // @ts-expect-error
     ((_a = window.navigator.userAgentData) == null ? void 0 : _a.platform) || window.navigator.platform
   ) : false;
@@ -14390,39 +13253,39 @@ function preventScrollStandard() {
 function preventScrollMobileSafari() {
   let scrollable;
   let lastY = 0;
-  const onTouchStart = (e) => {
+  const onTouchStart = (e2) => {
     var _a;
-    const target = (_a = e.composedPath()) == null ? void 0 : _a[0];
+    const target = (_a = e2.composedPath()) == null ? void 0 : _a[0];
     scrollable = getScrollParent(target, true);
     if (scrollable === document.documentElement && scrollable === document.body) {
       return;
     }
-    lastY = e.changedTouches[0].pageY;
+    lastY = e2.changedTouches[0].pageY;
   };
-  const onTouchMove = (e) => {
+  const onTouchMove = (e2) => {
     if (scrollable === void 0) {
       return;
     }
     if (!scrollable || scrollable === document.documentElement || scrollable === document.body) {
-      e.preventDefault();
+      e2.preventDefault();
       return;
     }
-    const y = e.changedTouches[0].pageY;
+    const y2 = e2.changedTouches[0].pageY;
     const scrollTop = scrollable.scrollTop;
     const bottom = scrollable.scrollHeight - scrollable.clientHeight;
     if (bottom === 0) {
       return;
     }
-    if (scrollTop <= 0 && y > lastY || scrollTop >= bottom && y < lastY) {
-      e.preventDefault();
+    if (scrollTop <= 0 && y2 > lastY || scrollTop >= bottom && y2 < lastY) {
+      e2.preventDefault();
     }
-    lastY = y;
+    lastY = y2;
   };
-  const onTouchEnd = (e) => {
+  const onTouchEnd = (e2) => {
     var _a;
-    const target = (_a = e.composedPath()) == null ? void 0 : _a[0];
+    const target = (_a = e2.composedPath()) == null ? void 0 : _a[0];
     if (willOpenKeyboard(target) && target !== document.activeElement) {
-      e.preventDefault();
+      e2.preventDefault();
       target.style.transform = "translateY(-2000px)";
       target.focus();
       requestAnimationFrame(() => {
@@ -14430,9 +13293,9 @@ function preventScrollMobileSafari() {
       });
     }
   };
-  const onFocus = (e) => {
+  const onFocus = (e2) => {
     var _a;
-    const target = (_a = e.composedPath()) == null ? void 0 : _a[0];
+    const target = (_a = e2.composedPath()) == null ? void 0 : _a[0];
     if (willOpenKeyboard(target)) {
       target.style.transform = "translateY(-2000px)";
       requestAnimationFrame(() => {
@@ -14621,9 +13484,9 @@ const Sheet$1 = forwardRef(
       type: "tween",
       ...reduceMotion ? REDUCED_MOTION_TWEEN_CONFIG : tweenConfig
     };
-    const y = useMotionValue(windowHeight);
-    const zIndex2 = useTransform(y, (value) => value + 2 >= windowHeight ? -1 : (style == null ? void 0 : style.zIndex) ?? 1300);
-    const visibility = useTransform(y, (value) => value + 2 >= windowHeight ? "hidden" : "visible");
+    const y2 = useMotionValue(windowHeight);
+    const zIndex2 = useTransform(y2, (value) => value + 2 >= windowHeight ? -1 : (style == null ? void 0 : style.zIndex) ?? 1300);
+    const visibility = useTransform(y2, (value) => value + 2 >= windowHeight ? "hidden" : "visible");
     const callbacks = useRef({
       onOpenStart,
       onOpenEnd,
@@ -14649,11 +13512,11 @@ const Sheet$1 = forwardRef(
         `Snap points need to be in descending order got: [${snapPoints.join(", ")}]`
       );
     }
-    const onDrag = useEffectEvent((_, { delta }) => {
-      const velocity = y.getVelocity();
+    const onDrag = useEffectEvent((_2, { delta }) => {
+      const velocity = y2.getVelocity();
       if (velocity > 0) indicatorRotation.set(10);
       if (velocity < 0) indicatorRotation.set(-10);
-      y.set(Math.max(y.get() + delta.y, 0));
+      y2.set(Math.max(y2.get() + delta.y, 0));
     });
     const onDragStart = useEffectEvent(() => {
       const focusedElement = document.activeElement;
@@ -14663,15 +13526,15 @@ const Sheet$1 = forwardRef(
         focusedElement.blur();
       }
     });
-    const onDragEnd = useEffectEvent((_, { velocity }) => {
+    const onDragEnd = useEffectEvent((_2, { velocity }) => {
       if (velocity.y > dragVelocityThreshold) {
         onClose();
       } else {
         const sheetHeight = sheetRef.current.getBoundingClientRect().height;
-        const currentY = y.get();
+        const currentY = y2.get();
         let snapTo = 0;
         if (snapPoints) {
-          const snapToValues = snapPoints.map((p) => sheetHeight - Math.min(p, sheetHeight));
+          const snapToValues = snapPoints.map((p2) => sheetHeight - Math.min(p2, sheetHeight));
           if (detent === "content-height" && !snapToValues.includes(0)) {
             snapToValues.unshift(0);
           }
@@ -14680,7 +13543,7 @@ const Sheet$1 = forwardRef(
           snapTo = sheetHeight;
         }
         snapTo = validateSnapTo({ snapTo, sheetHeight });
-        animate(y, snapTo, animationOptions);
+        animate(y2, snapTo, animationOptions);
         if (snapPoints && onSnap) {
           const snapValue = Math.abs(Math.round(snapPoints[0] - snapTo));
           const snapIndex = snapPoints.indexOf(getClosest(snapPoints, snapValue));
@@ -14698,7 +13561,7 @@ const Sheet$1 = forwardRef(
       onSnap(snapIndex);
     }, [isOpen]);
     useImperativeHandle(ref, () => ({
-      y,
+      y: y2,
       snapTo: (snapIndex) => {
         const sheetEl = sheetRef.current;
         if ((snapPoints == null ? void 0 : snapPoints[snapIndex]) !== void 0 && sheetEl) {
@@ -14708,14 +13571,14 @@ const Sheet$1 = forwardRef(
             snapTo: sheetHeight - snapPoint,
             sheetHeight
           });
-          animate(y, snapTo, animationOptions);
+          animate(y2, snapTo, animationOptions);
           if (onSnap) onSnap(snapIndex);
           if (snapTo >= sheetHeight) onClose();
         }
       }
     }));
     useModalEffect({
-      y,
+      y: y2,
       rootId,
       sheetRef
     });
@@ -14733,7 +13596,7 @@ const Sheet$1 = forwardRef(
       return disableDrag ? void 0 : dragProps2;
     }, [disableDrag, windowHeight]);
     const context2 = {
-      y,
+      y: y2,
       sheetRef,
       isOpen,
       initialSnap,
@@ -14747,7 +13610,7 @@ const Sheet$1 = forwardRef(
       reduceMotion,
       disableDrag
     };
-    const sheet = /* @__PURE__ */ jsx(SheetContext.Provider, { value: context2, children: /* @__PURE__ */ jsx(motion.div, { ...rest, ref, style: { ...styles.wrapper, zIndex: zIndex2, visibility, ...style }, children: /* @__PURE__ */ jsx(AnimatePresence, { children: isOpen ? /* @__PURE__ */ jsx(SheetScrollerContextProvider, { children: Children.map(children, (child, i) => cloneElement(child, { key: `sheet-child-${i}` })) }) : null }) }) });
+    const sheet = /* @__PURE__ */ jsx(SheetContext.Provider, { value: context2, children: /* @__PURE__ */ jsx(motion.div, { ...rest, ref, style: { ...styles.wrapper, zIndex: zIndex2, visibility, ...style }, children: /* @__PURE__ */ jsx(AnimatePresence, { children: isOpen ? /* @__PURE__ */ jsx(SheetScrollerContextProvider, { children: Children.map(children, (child, i2) => cloneElement(child, { key: `sheet-child-${i2}` })) }) : null }) }) });
     if (IS_SSR) return sheet;
     return createPortal(sheet, mountPoint ?? document.body);
   }
@@ -14756,7 +13619,7 @@ Sheet$1.displayName = "Sheet";
 const SheetContainer = forwardRef(
   ({ children, style = {}, className = "", ...rest }, ref) => {
     const {
-      y,
+      y: y2,
       isOpen,
       callbacks,
       snapPoints,
@@ -14782,7 +13645,7 @@ const SheetContainer = forwardRef(
           ...style,
           ...detent === "full-height" && { height },
           ...detent === "content-height" && { maxHeight: height },
-          y
+          y: y2
         },
         initial: reduceMotion ? false : { y: windowHeight },
         animate: { y: initialY, transition: animationOptions },
@@ -14885,16 +13748,16 @@ const SheetScroller = forwardRef(
         sheetScrollerContext.setDragDisabled();
       }
     }
-    function onScroll(e) {
-      determineDragState(e.currentTarget);
+    function onScroll(e2) {
+      determineDragState(e2.currentTarget);
       if (rest.onScroll) {
-        rest.onScroll(e);
+        rest.onScroll(e2);
       }
     }
-    function onTouchStart(e) {
-      determineDragState(e.currentTarget);
+    function onTouchStart(e2) {
+      determineDragState(e2.currentTarget);
       if (rest.onTouchStart) {
-        rest.onTouchStart(e);
+        rest.onTouchStart(e2);
       }
     }
     const scrollProps = isTouchDevice() ? { onScroll, onTouchStart } : void 0;
@@ -15071,7 +13934,7 @@ BottomSheet.Handle = Handle;
 BottomSheet.Scroller = Sheet.Scroller;
 const navigationRecipe = sva({
   className: "navigation",
-  slots: anatomy$1.keys(),
+  slots: anatomy.keys(),
   base: {
     root: {
       bg: "surface.layer_1",
@@ -15112,16 +13975,16 @@ const navigationRecipe = sva({
     }
   }
 });
-const { withRootProvider: withRootProvider$1, withContext: withContext$2 } = createStyleContext(navigationRecipe);
+const { withRootProvider: withRootProvider$1, withContext: withContext$1 } = createStyleContext(navigationRecipe);
 const Root$2 = withRootProvider$1(TabsRoot);
-const Trigger$1 = withContext$2(
+const Trigger$1 = withContext$1(
   ({ icon, label, ...props }) => /* @__PURE__ */ jsxs(TabTrigger, { ...props, children: [
     icon,
     label
   ] }),
   "trigger"
 );
-const List$1 = withContext$2(TabList, "list");
+const List$1 = withContext$1(TabList, "list");
 const Navigation = {
   Root: Root$2,
   Item: Trigger$1,
@@ -15250,18 +14113,18 @@ const tagRecipe = cva({
     avatar: false
   }
 });
-function P({ size: C = 24, color: n = "currentColor", ...o }) {
+function P$1({ size: C2 = 24, color: n2 = "currentColor", ...o2 }) {
   return /* @__PURE__ */ jsx(
     "svg",
     {
-      width: C,
-      height: C,
+      width: C2,
+      height: C2,
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
       strokeWidth: "0",
-      color: n,
-      ...o,
+      color: n2,
+      ...o2,
       children: /* @__PURE__ */ jsx(
         "path",
         {
@@ -15277,8 +14140,8 @@ function P({ size: C = 24, color: n = "currentColor", ...o }) {
 }
 const Tag = forwardRef(({ imageSrc, text, onDeleteClick, ...rest }, ref) => {
   const StyledTag = styled(ark.div, tagRecipe);
-  const handleClickDelete = (e) => {
-    e.stopPropagation();
+  const handleClickDelete = (e2) => {
+    e2.stopPropagation();
     if (onDeleteClick) {
       onDeleteClick();
     }
@@ -15293,7 +14156,7 @@ const Tag = forwardRef(({ imageSrc, text, onDeleteClick, ...rest }, ref) => {
       }
     ) : null,
     text,
-    onDeleteClick ? /* @__PURE__ */ jsx(P, { size: 12, onClick: handleClickDelete, className: css$1({ cursor: "pointer" }) }) : null
+    onDeleteClick ? /* @__PURE__ */ jsx(P$1, { size: 12, onClick: handleClickDelete, className: css$1({ cursor: "pointer" }) }) : null
   ] });
 });
 Tag.displayName = "Tag";
@@ -15519,11 +14382,11 @@ const Input = forwardRef(
     const innerRef = useRef(null);
     const inputRef = ref || innerRef;
     const handleInputChange = useCallback(
-      (e) => {
+      (e2) => {
         if (disabled) return;
-        const { value } = e.target;
-        e.target.value = value.slice(0, textLimit);
-        onChange == null ? void 0 : onChange(e);
+        const { value } = e2.target;
+        e2.target.value = value.slice(0, textLimit);
+        onChange == null ? void 0 : onChange(e2);
       },
       [disabled, onChange, textLimit]
     );
@@ -15595,11 +14458,11 @@ const Textarea = forwardRef(
     const innerRef = useRef(null);
     const inputRef = ref || innerRef;
     const handleTextareaChange = useCallback(
-      (e) => {
+      (e2) => {
         if (disabled) return;
-        const { value: value2 } = e.target;
-        e.target.value = value2.slice(0, textLimit);
-        onChange == null ? void 0 : onChange(e);
+        const { value: value2 } = e2.target;
+        e2.target.value = value2.slice(0, textLimit);
+        onChange == null ? void 0 : onChange(e2);
         if (showTextCount) setCount(value2.length);
       },
       [disabled, onChange, textLimit, showTextCount]
@@ -15648,7 +14511,7 @@ Textarea.displayName = "Textarea";
 const index = memo$2(Textarea);
 const tabsRecipe = sva({
   className: "tabs",
-  slots: anatomy$1.keys(),
+  slots: anatomy.keys(),
   base: {
     root: {
       display: "flex",
@@ -15728,87 +14591,683 @@ const tabsRecipe = sva({
         }
       }
     },
-    fitted: {
-      true: {
+    fitted: {
+      true: {
+        root: {
+          width: "100%"
+        },
+        list: {
+          width: "100%",
+          p: 1,
+          overflowX: "visible"
+        },
+        trigger: {
+          flex: 1,
+          justifyContent: "center",
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          whiteSpace: "nowrap"
+        }
+      }
+    },
+    bottomLine: {
+      true: {
+        list: {
+          borderBottomWidth: "1px",
+          borderColor: "background.neutral.selected"
+        }
+      },
+      false: {
+        list: {
+          borderBottomWidth: "0px"
+        }
+      }
+    },
+    shadow: {
+      true: {
+        list: {
+          boxShadow: "0px 8px 12px 0px var(--colors-semantic-shadow-overlay, rgba(0, 0, 0, 0.08))"
+        }
+      }
+    }
+  },
+  compoundVariants: [
+    {
+      variant: "enclosed",
+      fitted: true,
+      css: {
+        list: {
+          background: "background.neutral.default",
+          borderRadius: "full"
+        }
+      }
+    },
+    {
+      variant: "enclosed",
+      bottomLine: true,
+      css: {
+        list: {
+          borderBottomWidth: "0px"
+        }
+      }
+    }
+  ],
+  defaultVariants: {
+    variant: "line",
+    fitted: false,
+    bottomLine: true,
+    shadow: false
+  }
+});
+const { withRootProvider, withContext } = createStyleContext(tabsRecipe);
+const Root$1 = withRootProvider(TabsRoot);
+const List = withContext(TabList, "list");
+const Trigger = withContext(TabTrigger, "trigger");
+const Content$1 = withContext(TabContent, "content");
+const Indicator = withContext(TabIndicator, "indicator");
+const Tabs = Object.assign(Root$1, {
+  Root: Root$1,
+  List,
+  Trigger,
+  Content: Content$1,
+  Indicator
+});
+let e = { data: "" }, t = (t2) => "object" == typeof window ? ((t2 ? t2.querySelector("#_goober") : window._goober) || Object.assign((t2 || document.head).appendChild(document.createElement("style")), { innerHTML: " ", id: "_goober" })).firstChild : t2 || e, l = /(?:([\u0080-\uFFFF\w-%@]+) *:? *([^{;]+?);|([^;}{]*?) *{)|(}\s*)/g, a = /\/\*[^]*?\*\/|  +/g, n = /\n+/g, o = (e2, t2) => {
+  let r = "", l2 = "", a2 = "";
+  for (let n2 in e2) {
+    let c2 = e2[n2];
+    "@" == n2[0] ? "i" == n2[1] ? r = n2 + " " + c2 + ";" : l2 += "f" == n2[1] ? o(c2, n2) : n2 + "{" + o(c2, "k" == n2[1] ? "" : t2) + "}" : "object" == typeof c2 ? l2 += o(c2, t2 ? t2.replace(/([^,])+/g, (e3) => n2.replace(/([^,]*:\S+\([^)]*\))|([^,])+/g, (t3) => /&/.test(t3) ? t3.replace(/&/g, e3) : e3 ? e3 + " " + t3 : t3)) : n2) : null != c2 && (n2 = /^--/.test(n2) ? n2 : n2.replace(/[A-Z]/g, "-$&").toLowerCase(), a2 += o.p ? o.p(n2, c2) : n2 + ":" + c2 + ";");
+  }
+  return r + (t2 && a2 ? t2 + "{" + a2 + "}" : a2) + l2;
+}, c$1 = {}, s = (e2) => {
+  if ("object" == typeof e2) {
+    let t2 = "";
+    for (let r in e2) t2 += r + s(e2[r]);
+    return t2;
+  }
+  return e2;
+}, i = (e2, t2, r, i2, p2) => {
+  let u2 = s(e2), d2 = c$1[u2] || (c$1[u2] = ((e3) => {
+    let t3 = 0, r2 = 11;
+    for (; t3 < e3.length; ) r2 = 101 * r2 + e3.charCodeAt(t3++) >>> 0;
+    return "go" + r2;
+  })(u2));
+  if (!c$1[d2]) {
+    let t3 = u2 !== e2 ? e2 : ((e3) => {
+      let t4, r2, o2 = [{}];
+      for (; t4 = l.exec(e3.replace(a, "")); ) t4[4] ? o2.shift() : t4[3] ? (r2 = t4[3].replace(n, " ").trim(), o2.unshift(o2[0][r2] = o2[0][r2] || {})) : o2[0][t4[1]] = t4[2].replace(n, " ").trim();
+      return o2[0];
+    })(e2);
+    c$1[d2] = o(p2 ? { ["@keyframes " + d2]: t3 } : t3, r ? "" : "." + d2);
+  }
+  let f2 = r && c$1.g ? c$1.g : null;
+  return r && (c$1.g = c$1[d2]), ((e3, t3, r2, l2) => {
+    l2 ? t3.data = t3.data.replace(l2, e3) : -1 === t3.data.indexOf(e3) && (t3.data = r2 ? e3 + t3.data : t3.data + e3);
+  })(c$1[d2], t2, i2, f2), d2;
+}, p = (e2, t2, r) => e2.reduce((e3, l2, a2) => {
+  let n2 = t2[a2];
+  if (n2 && n2.call) {
+    let e4 = n2(r), t3 = e4 && e4.props && e4.props.className || /^go/.test(e4) && e4;
+    n2 = t3 ? "." + t3 : e4 && "object" == typeof e4 ? e4.props ? "" : o(e4, "") : false === e4 ? "" : e4;
+  }
+  return e3 + l2 + (null == n2 ? "" : n2);
+}, "");
+function u$1(e2) {
+  let r = this || {}, l2 = e2.call ? e2(r.p) : e2;
+  return i(l2.unshift ? l2.raw ? p(l2, [].slice.call(arguments, 1), r.p) : l2.reduce((e3, t2) => Object.assign(e3, t2 && t2.call ? t2(r.p) : t2), {}) : l2, t(r.target), r.g, r.o, r.k);
+}
+let d, f$1, g$1;
+u$1.bind({ g: 1 });
+let h = u$1.bind({ k: 1 });
+function m$1(e2, t2, r, l2) {
+  o.p = t2, d = e2, f$1 = r, g$1 = l2;
+}
+function j(e2, t2) {
+  let r = this || {};
+  return function() {
+    let l2 = arguments;
+    function a2(n2, o2) {
+      let c2 = Object.assign({}, n2), s2 = c2.className || a2.className;
+      r.p = Object.assign({ theme: f$1 && f$1() }, c2), r.o = / *go\d+/.test(s2), c2.className = u$1.apply(r, l2) + (s2 ? " " + s2 : "");
+      let i2 = e2;
+      return e2[0] && (i2 = c2.as || e2, delete c2.as), g$1 && i2[0] && g$1(c2), d(i2, c2);
+    }
+    return a2;
+  };
+}
+var W = (e2) => typeof e2 == "function", f = (e2, t2) => W(e2) ? e2(t2) : e2;
+var F = /* @__PURE__ */ (() => {
+  let e2 = 0;
+  return () => (++e2).toString();
+})(), A = /* @__PURE__ */ (() => {
+  let e2;
+  return () => {
+    if (e2 === void 0 && typeof window < "u") {
+      let t2 = matchMedia("(prefers-reduced-motion: reduce)");
+      e2 = !t2 || t2.matches;
+    }
+    return e2;
+  };
+})();
+var Y = 20;
+var U = (e2, t2) => {
+  switch (t2.type) {
+    case 0:
+      return { ...e2, toasts: [t2.toast, ...e2.toasts].slice(0, Y) };
+    case 1:
+      return { ...e2, toasts: e2.toasts.map((o2) => o2.id === t2.toast.id ? { ...o2, ...t2.toast } : o2) };
+    case 2:
+      let { toast: r } = t2;
+      return U(e2, { type: e2.toasts.find((o2) => o2.id === r.id) ? 1 : 0, toast: r });
+    case 3:
+      let { toastId: s2 } = t2;
+      return { ...e2, toasts: e2.toasts.map((o2) => o2.id === s2 || s2 === void 0 ? { ...o2, dismissed: true, visible: false } : o2) };
+    case 4:
+      return t2.toastId === void 0 ? { ...e2, toasts: [] } : { ...e2, toasts: e2.toasts.filter((o2) => o2.id !== t2.toastId) };
+    case 5:
+      return { ...e2, pausedAt: t2.time };
+    case 6:
+      let a2 = t2.time - (e2.pausedAt || 0);
+      return { ...e2, pausedAt: void 0, toasts: e2.toasts.map((o2) => ({ ...o2, pauseDuration: o2.pauseDuration + a2 })) };
+  }
+}, P = [], y = { toasts: [], pausedAt: void 0 }, u = (e2) => {
+  y = U(y, e2), P.forEach((t2) => {
+    t2(y);
+  });
+}, q = { blank: 4e3, error: 4e3, success: 2e3, loading: 1 / 0, custom: 4e3 }, D = (e2 = {}) => {
+  let [t2, r] = useState(y), s2 = useRef(y);
+  useEffect(() => (s2.current !== y && r(y), P.push(r), () => {
+    let o2 = P.indexOf(r);
+    o2 > -1 && P.splice(o2, 1);
+  }), []);
+  let a2 = t2.toasts.map((o2) => {
+    var n2, i2, p2;
+    return { ...e2, ...e2[o2.type], ...o2, removeDelay: o2.removeDelay || ((n2 = e2[o2.type]) == null ? void 0 : n2.removeDelay) || (e2 == null ? void 0 : e2.removeDelay), duration: o2.duration || ((i2 = e2[o2.type]) == null ? void 0 : i2.duration) || (e2 == null ? void 0 : e2.duration) || q[o2.type], style: { ...e2.style, ...(p2 = e2[o2.type]) == null ? void 0 : p2.style, ...o2.style } };
+  });
+  return { ...t2, toasts: a2 };
+};
+var J = (e2, t2 = "blank", r) => ({ createdAt: Date.now(), visible: true, dismissed: false, type: t2, ariaProps: { role: "status", "aria-live": "polite" }, message: e2, pauseDuration: 0, ...r, id: (r == null ? void 0 : r.id) || F() }), x = (e2) => (t2, r) => {
+  let s2 = J(t2, e2, r);
+  return u({ type: 2, toast: s2 }), s2.id;
+}, c = (e2, t2) => x("blank")(e2, t2);
+c.error = x("error");
+c.success = x("success");
+c.loading = x("loading");
+c.custom = x("custom");
+c.dismiss = (e2) => {
+  u({ type: 3, toastId: e2 });
+};
+c.remove = (e2) => u({ type: 4, toastId: e2 });
+c.promise = (e2, t2, r) => {
+  let s2 = c.loading(t2.loading, { ...r, ...r == null ? void 0 : r.loading });
+  return typeof e2 == "function" && (e2 = e2()), e2.then((a2) => {
+    let o2 = t2.success ? f(t2.success, a2) : void 0;
+    return o2 ? c.success(o2, { id: s2, ...r, ...r == null ? void 0 : r.success }) : c.dismiss(s2), a2;
+  }).catch((a2) => {
+    let o2 = t2.error ? f(t2.error, a2) : void 0;
+    o2 ? c.error(o2, { id: s2, ...r, ...r == null ? void 0 : r.error }) : c.dismiss(s2);
+  }), e2;
+};
+var K = (e2, t2) => {
+  u({ type: 1, toast: { id: e2, height: t2 } });
+}, X = () => {
+  u({ type: 5, time: Date.now() });
+}, b = /* @__PURE__ */ new Map(), Z = 1e3, ee = (e2, t2 = Z) => {
+  if (b.has(e2)) return;
+  let r = setTimeout(() => {
+    b.delete(e2), u({ type: 4, toastId: e2 });
+  }, t2);
+  b.set(e2, r);
+}, O = (e2) => {
+  let { toasts: t2, pausedAt: r } = D(e2);
+  useEffect(() => {
+    if (r) return;
+    let o2 = Date.now(), n2 = t2.map((i2) => {
+      if (i2.duration === 1 / 0) return;
+      let p2 = (i2.duration || 0) + i2.pauseDuration - (o2 - i2.createdAt);
+      if (p2 < 0) {
+        i2.visible && c.dismiss(i2.id);
+        return;
+      }
+      return setTimeout(() => c.dismiss(i2.id), p2);
+    });
+    return () => {
+      n2.forEach((i2) => i2 && clearTimeout(i2));
+    };
+  }, [t2, r]);
+  let s2 = useCallback(() => {
+    r && u({ type: 6, time: Date.now() });
+  }, [r]), a2 = useCallback((o2, n2) => {
+    let { reverseOrder: i2 = false, gutter: p2 = 8, defaultPosition: d2 } = n2 || {}, h2 = t2.filter((m2) => (m2.position || d2) === (o2.position || d2) && m2.height), v2 = h2.findIndex((m2) => m2.id === o2.id), S = h2.filter((m2, E) => E < v2 && m2.visible).length;
+    return h2.filter((m2) => m2.visible).slice(...i2 ? [S + 1] : [0, S]).reduce((m2, E) => m2 + (E.height || 0) + p2, 0);
+  }, [t2]);
+  return useEffect(() => {
+    t2.forEach((o2) => {
+      if (o2.dismissed) ee(o2.id, o2.removeDelay);
+      else {
+        let n2 = b.get(o2.id);
+        n2 && (clearTimeout(n2), b.delete(o2.id));
+      }
+    });
+  }, [t2]), { toasts: t2, handlers: { updateHeight: K, startPause: X, endPause: s2, calculateOffset: a2 } };
+};
+var oe = h`
+from {
+  transform: scale(0) rotate(45deg);
+	opacity: 0;
+}
+to {
+ transform: scale(1) rotate(45deg);
+  opacity: 1;
+}`, re = h`
+from {
+  transform: scale(0);
+  opacity: 0;
+}
+to {
+  transform: scale(1);
+  opacity: 1;
+}`, se = h`
+from {
+  transform: scale(0) rotate(90deg);
+	opacity: 0;
+}
+to {
+  transform: scale(1) rotate(90deg);
+	opacity: 1;
+}`, k = j("div")`
+  width: 20px;
+  opacity: 0;
+  height: 20px;
+  border-radius: 10px;
+  background: ${(e2) => e2.primary || "#ff4b4b"};
+  position: relative;
+  transform: rotate(45deg);
+
+  animation: ${oe} 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
+    forwards;
+  animation-delay: 100ms;
+
+  &:after,
+  &:before {
+    content: '';
+    animation: ${re} 0.15s ease-out forwards;
+    animation-delay: 150ms;
+    position: absolute;
+    border-radius: 3px;
+    opacity: 0;
+    background: ${(e2) => e2.secondary || "#fff"};
+    bottom: 9px;
+    left: 4px;
+    height: 2px;
+    width: 12px;
+  }
+
+  &:before {
+    animation: ${se} 0.15s ease-out forwards;
+    animation-delay: 180ms;
+    transform: rotate(90deg);
+  }
+`;
+var ne = h`
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+`, V = j("div")`
+  width: 12px;
+  height: 12px;
+  box-sizing: border-box;
+  border: 2px solid;
+  border-radius: 100%;
+  border-color: ${(e2) => e2.secondary || "#e0e0e0"};
+  border-right-color: ${(e2) => e2.primary || "#616161"};
+  animation: ${ne} 1s linear infinite;
+`;
+var pe = h`
+from {
+  transform: scale(0) rotate(45deg);
+	opacity: 0;
+}
+to {
+  transform: scale(1) rotate(45deg);
+	opacity: 1;
+}`, de = h`
+0% {
+	height: 0;
+	width: 0;
+	opacity: 0;
+}
+40% {
+  height: 0;
+	width: 6px;
+	opacity: 1;
+}
+100% {
+  opacity: 1;
+  height: 10px;
+}`, _ = j("div")`
+  width: 20px;
+  opacity: 0;
+  height: 20px;
+  border-radius: 10px;
+  background: ${(e2) => e2.primary || "#61d345"};
+  position: relative;
+  transform: rotate(45deg);
+
+  animation: ${pe} 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
+    forwards;
+  animation-delay: 100ms;
+  &:after {
+    content: '';
+    box-sizing: border-box;
+    animation: ${de} 0.2s ease-out forwards;
+    opacity: 0;
+    animation-delay: 200ms;
+    position: absolute;
+    border-right: 2px solid;
+    border-bottom: 2px solid;
+    border-color: ${(e2) => e2.secondary || "#fff"};
+    bottom: 6px;
+    left: 6px;
+    height: 10px;
+    width: 6px;
+  }
+`;
+var ue = j("div")`
+  position: absolute;
+`, le = j("div")`
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-width: 20px;
+  min-height: 20px;
+`, fe = h`
+from {
+  transform: scale(0.6);
+  opacity: 0.4;
+}
+to {
+  transform: scale(1);
+  opacity: 1;
+}`, Te = j("div")`
+  position: relative;
+  transform: scale(0.6);
+  opacity: 0.4;
+  min-width: 20px;
+  animation: ${fe} 0.3s 0.12s cubic-bezier(0.175, 0.885, 0.32, 1.275)
+    forwards;
+`, M = ({ toast: e2 }) => {
+  let { icon: t2, type: r, iconTheme: s2 } = e2;
+  return t2 !== void 0 ? typeof t2 == "string" ? React.createElement(Te, null, t2) : t2 : r === "blank" ? null : React.createElement(le, null, React.createElement(V, { ...s2 }), r !== "loading" && React.createElement(ue, null, r === "error" ? React.createElement(k, { ...s2 }) : React.createElement(_, { ...s2 })));
+};
+var ye = (e2) => `
+0% {transform: translate3d(0,${e2 * -200}%,0) scale(.6); opacity:.5;}
+100% {transform: translate3d(0,0,0) scale(1); opacity:1;}
+`, ge = (e2) => `
+0% {transform: translate3d(0,0,-1px) scale(1); opacity:1;}
+100% {transform: translate3d(0,${e2 * -150}%,-1px) scale(.6); opacity:0;}
+`, he = "0%{opacity:0;} 100%{opacity:1;}", xe = "0%{opacity:1;} 100%{opacity:0;}", be = j("div")`
+  display: flex;
+  align-items: center;
+  background: #fff;
+  color: #363636;
+  line-height: 1.3;
+  will-change: transform;
+  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.05);
+  max-width: 350px;
+  pointer-events: auto;
+  padding: 8px 10px;
+  border-radius: 8px;
+`, Se = j("div")`
+  display: flex;
+  justify-content: center;
+  margin: 4px 10px;
+  color: inherit;
+  flex: 1 1 auto;
+  white-space: pre-line;
+`, Ae = (e2, t2) => {
+  let s2 = e2.includes("top") ? 1 : -1, [a2, o2] = A() ? [he, xe] : [ye(s2), ge(s2)];
+  return { animation: t2 ? `${h(a2)} 0.35s cubic-bezier(.21,1.02,.73,1) forwards` : `${h(o2)} 0.4s forwards cubic-bezier(.06,.71,.55,1)` };
+}, C = React.memo(({ toast: e2, position: t2, style: r, children: s2 }) => {
+  let a2 = e2.height ? Ae(e2.position || t2 || "top-center", e2.visible) : { opacity: 0 }, o2 = React.createElement(M, { toast: e2 }), n2 = React.createElement(Se, { ...e2.ariaProps }, f(e2.message, e2));
+  return React.createElement(be, { className: e2.className, style: { ...a2, ...r, ...e2.style } }, typeof s2 == "function" ? s2({ icon: o2, message: n2 }) : React.createElement(React.Fragment, null, o2, n2));
+});
+m$1(React.createElement);
+var ve = ({ id: e2, className: t2, style: r, onHeightUpdate: s2, children: a2 }) => {
+  let o2 = React.useCallback((n2) => {
+    if (n2) {
+      let i2 = () => {
+        let p2 = n2.getBoundingClientRect().height;
+        s2(e2, p2);
+      };
+      i2(), new MutationObserver(i2).observe(n2, { subtree: true, childList: true, characterData: true });
+    }
+  }, [e2, s2]);
+  return React.createElement("div", { ref: o2, className: t2, style: r }, a2);
+}, Ee = (e2, t2) => {
+  let r = e2.includes("top"), s2 = r ? { top: 0 } : { bottom: 0 }, a2 = e2.includes("center") ? { justifyContent: "center" } : e2.includes("right") ? { justifyContent: "flex-end" } : {};
+  return { left: 0, right: 0, display: "flex", position: "absolute", transition: A() ? void 0 : "all 230ms cubic-bezier(.21,1.02,.73,1)", transform: `translateY(${t2 * (r ? 1 : -1)}px)`, ...s2, ...a2 };
+}, De = u$1`
+  z-index: 9999;
+  > * {
+    pointer-events: auto;
+  }
+`, R = 16, Oe = ({ reverseOrder: e2, position: t2 = "top-center", toastOptions: r, gutter: s2, children: a2, containerStyle: o2, containerClassName: n2 }) => {
+  let { toasts: i2, handlers: p2 } = O(r);
+  return React.createElement("div", { id: "_rht_toaster", style: { position: "fixed", zIndex: 9999, top: R, left: R, right: R, bottom: R, pointerEvents: "none", ...o2 }, className: n2, onMouseEnter: p2.startPause, onMouseLeave: p2.endPause }, i2.map((d2) => {
+    let h2 = d2.position || t2, v2 = p2.calculateOffset(d2, { reverseOrder: e2, gutter: s2, defaultPosition: t2 }), S = Ee(h2, v2);
+    return React.createElement(ve, { id: d2.id, key: d2.id, onHeightUpdate: p2.updateHeight, className: d2.visible ? De : "", style: S }, d2.type === "custom" ? f(d2.message, d2) : a2 ? a2(d2) : React.createElement(C, { toast: d2, position: h2 }));
+  }));
+};
+var Vt = c;
+const toastRecipe = sva({
+  className: "toast",
+  slots: ["root", "content", "description", "actionTrigger", "icon"],
+  base: {
+    root: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      backgroundColor: "background.neutralInverse.default",
+      borderRadius: 16,
+      height: "fit-content",
+      minHeight: "48px",
+      width: "fit-content",
+      maxWidth: "328px",
+      overflowWrap: "anywhere",
+      zIndex: "overlay",
+      fontStyle: "body.md",
+      color: "content.neutralInverse.bold",
+      px: 3,
+      py: 2,
+      boxShadow: "0px 4px 12px rgba(0, 0, 0, 0.1)",
+      shadow: "overlay"
+    },
+    content: {
+      display: "inline-flex",
+      alignItems: "center",
+      gap: 2
+    },
+    description: {
+      textStyle: "body.md"
+    },
+    actionTrigger: {
+      height: "100%",
+      width: "fit-content",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      textStyle: "title.sm",
+      cursor: "pointer",
+      px: 4,
+      pr: 1,
+      whiteSpace: "nowrap",
+      color: "content.neutralInverse.bold",
+      "&:hover": {
+        opacity: 0.8
+      }
+    },
+    icon: {
+      width: 6,
+      height: 6,
+      minWidth: 6,
+      minHeight: 6,
+      ml: -1,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center"
+    }
+  },
+  variants: {
+    width: {
+      full: {
         root: {
-          width: "100%"
-        },
-        list: {
           width: "100%",
-          p: 1,
-          overflowX: "visible"
-        },
-        trigger: {
-          flex: 1,
-          justifyContent: "center",
-          overflow: "hidden",
-          textOverflow: "ellipsis",
-          whiteSpace: "nowrap"
-        }
-      }
-    },
-    bottomLine: {
-      true: {
-        list: {
-          borderBottomWidth: "1px",
-          borderColor: "background.neutral.selected"
+          justifyContent: "space-between"
         }
       },
-      false: {
-        list: {
-          borderBottomWidth: "0px"
+      fit: {
+        root: {
+          width: "fit-content"
         }
       }
     },
-    shadow: {
+    asLink: {
       true: {
-        list: {
-          boxShadow: "0px 8px 12px 0px var(--colors-semantic-shadow-overlay, rgba(0, 0, 0, 0.08))"
+        actionTrigger: {
+          textDecoration: "underline",
+          cursor: "pointer"
         }
       }
     }
   },
-  compoundVariants: [
-    {
-      variant: "enclosed",
-      fitted: true,
-      css: {
-        list: {
-          background: "background.neutral.default",
-          borderRadius: "full"
+  defaultVariants: {
+    width: "full",
+    asLink: false
+  }
+});
+const DEFAULT_DURATION = 3e3;
+const Root = forwardRef(
+  ({ children, className, width = "fit", ...props }, ref) => {
+    const styles2 = toastRecipe({ width });
+    return /* @__PURE__ */ jsx(Box$1, { ref, className: cx(styles2.root, className), ...props, children });
+  }
+);
+Root.displayName = "Toast.Root";
+const Content = forwardRef(
+  ({ children, className }, ref) => {
+    const styles2 = toastRecipe();
+    return /* @__PURE__ */ jsx(HStack$1, { ref, className: cx(styles2.content, className), children });
+  }
+);
+Content.displayName = "Toast.Content";
+const Description = forwardRef(
+  ({ children, className }, ref) => {
+    const styles2 = toastRecipe();
+    return /* @__PURE__ */ jsx(Box$1, { ref, className: cx(styles2.description, className), children });
+  }
+);
+const Icon = forwardRef(({ icon, className }, ref) => {
+  const styles2 = toastRecipe();
+  return /* @__PURE__ */ jsx(Box$1, { ref, className: cx(styles2.icon, className), children: icon });
+});
+Icon.displayName = "Toast.Icon";
+const ActionTrigger = forwardRef(({ onClick, children, className, asLink = false }, ref) => {
+  const styles2 = toastRecipe({ asLink });
+  return /* @__PURE__ */ jsx("button", { ref, className: cx(styles2.actionTrigger, className), onClick, children });
+});
+ActionTrigger.displayName = "Toast.ActionTrigger";
+const Toaster = () => {
+  return createPortal(
+    /* @__PURE__ */ jsx(
+      Oe,
+      {
+        position: "bottom-center",
+        toastOptions: {
+          duration: DEFAULT_DURATION,
+          style: {
+            background: "transparent",
+            boxShadow: "none",
+            padding: 0,
+            margin: 0
+          }
         }
       }
-    },
+    ),
+    document.body
+  );
+};
+Toaster.displayName = "Toast.Toaster";
+const Toast = forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx(Box$1, { ref, ...props });
+});
+Toast.Root = Root;
+Toast.Content = Content;
+Toast.Description = Description;
+Toast.Icon = Icon;
+Toast.ActionTrigger = ActionTrigger;
+Toast.Toaster = Toaster;
+Toast.show = (description, option) => {
+  Vt(
+    (t2) => /* @__PURE__ */ jsxs(Toast.Root, { width: (option == null ? void 0 : option.actionLabel) ? "full" : "fit", children: [
+      /* @__PURE__ */ jsxs(Toast.Content, { children: [
+        (option == null ? void 0 : option.icon) && /* @__PURE__ */ jsx(Toast.Icon, { icon: option == null ? void 0 : option.icon }),
+        /* @__PURE__ */ jsx(Toast.Description, { children: description })
+      ] }),
+      (option == null ? void 0 : option.actionLabel) && /* @__PURE__ */ jsx(
+        Toast.ActionTrigger,
+        {
+          asLink: option == null ? void 0 : option.asLink,
+          onClick: () => {
+            var _a;
+            (_a = option == null ? void 0 : option.onActionClick) == null ? void 0 : _a.call(option);
+            if (!(option == null ? void 0 : option.disableCloseOnActionClick)) {
+              Vt.dismiss(t2.id);
+            }
+          },
+          children: option == null ? void 0 : option.actionLabel
+        }
+      )
+    ] }),
     {
-      variant: "enclosed",
-      bottomLine: true,
-      css: {
-        list: {
-          borderBottomWidth: "0px"
+      duration: (option == null ? void 0 : option.duration) || DEFAULT_DURATION,
+      position: "bottom-center"
+    }
+  );
+};
+Toast.error = (description, option) => {
+  console.error("error", description);
+  Vt(
+    (t2) => /* @__PURE__ */ jsxs(Toast.Root, { width: (option == null ? void 0 : option.actionLabel) ? "full" : "fit", children: [
+      /* @__PURE__ */ jsxs(Toast.Content, { children: [
+        (option == null ? void 0 : option.icon) && /* @__PURE__ */ jsx(Toast.Icon, { icon: option == null ? void 0 : option.icon }),
+        /* @__PURE__ */ jsx(Toast.Description, { children: description })
+      ] }),
+      (option == null ? void 0 : option.actionLabel) && /* @__PURE__ */ jsx(
+        Toast.ActionTrigger,
+        {
+          asLink: option == null ? void 0 : option.asLink,
+          onClick: () => {
+            var _a;
+            (_a = option == null ? void 0 : option.onActionClick) == null ? void 0 : _a.call(option);
+            if (!(option == null ? void 0 : option.disableCloseOnActionClick)) {
+              Vt.dismiss(t2.id);
+            }
+          },
+          children: option == null ? void 0 : option.actionLabel
         }
-      }
+      )
+    ] }),
+    {
+      duration: (option == null ? void 0 : option.duration) || DEFAULT_DURATION,
+      position: "bottom-center"
     }
-  ],
-  defaultVariants: {
-    variant: "line",
-    fitted: false,
-    bottomLine: true,
-    shadow: false
-  }
-});
-const { withRootProvider, withContext: withContext$1 } = createStyleContext(tabsRecipe);
-const Root$1 = withRootProvider(TabsRoot);
-const List = withContext$1(TabList, "list");
-const Trigger = withContext$1(TabTrigger, "trigger");
-const Content$1 = withContext$1(TabContent, "content");
-const Indicator = withContext$1(TabIndicator, "indicator");
-const Tabs = Object.assign(Root$1, {
-  Root: Root$1,
-  List,
-  Trigger,
-  Content: Content$1,
-  Indicator
-});
+  );
+};
 function definePreset(preset2) {
   return preset2;
 }
@@ -16118,291 +15577,6 @@ const preset = definePreset({
     }
   }
 });
-const toastRecipe = sva({
-  className: "toast",
-  slots: [...anatomy.keys(), "content", "icon"],
-  base: {
-    root: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      backgroundColor: "background.neutralInverse.default",
-      borderRadius: 16,
-      height: "fit-content",
-      minHeight: "48px",
-      width: "fit-content",
-      maxWidth: "328px",
-      overflowWrap: "anywhere",
-      zIndex: "overlay",
-      fontStyle: "body.md",
-      color: "content.neutralInverse.bold",
-      pr: 4,
-      pl: 3,
-      py: 2,
-      boxShadow: "0px 4px 12px rgba(0, 0, 0, 0.1)",
-      animation: "fadeIn 0.25s ease-out",
-      transform: "translateY(20px)",
-      shadow: "overlay",
-      transition: "transform 0.25s ease-out",
-      '&[data-state="open"]': {
-        animation: "slide-in 0.4s cubic-bezier(0.05, 0.7, 0.1, 1.0)",
-        transform: "translateY(0px)"
-      },
-      '&[data-state="closed"]': {
-        animation: "slide-out 0.2s cubic-bezier(0.3, 0.0, 0.8, 0.15)",
-        transform: "translateY(64px)"
-      }
-    },
-    content: {
-      display: "inline-flex",
-      alignItems: "center"
-    },
-    description: {
-      textStyle: "body.md",
-      marginLeft: 2
-    },
-    actionTrigger: {
-      height: "100%",
-      width: "fit-content",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      textStyle: "title.sm",
-      cursor: "pointer",
-      px: 4,
-      pr: 1,
-      whiteSpace: "nowrap",
-      transition: "opacity 0.2s ease",
-      color: "content.neutralInverse.bold",
-      "&:hover": {
-        opacity: 0.8
-      }
-    },
-    icon: {
-      width: 6,
-      height: 6,
-      minWidth: 6,
-      minHeight: 6,
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center"
-    }
-  },
-  variants: {
-    width: {
-      full: {
-        root: {
-          width: "100%",
-          justifyContent: "space-between"
-        }
-      },
-      fit: {
-        root: {
-          width: "fit-content"
-        }
-      }
-    },
-    asLink: {
-      true: {
-        actionTrigger: {
-          textDecoration: "underline",
-          cursor: "pointer"
-        }
-      }
-    }
-  }
-});
-const { withProvider, withContext } = createStyleContext(toastRecipe);
-const OriginalRoot = withProvider(ToastRoot, "root");
-const Root = React__default.forwardRef((props, ref) => {
-  const { children, width, ...rest } = props;
-  const hasActionTrigger = React__default.Children.toArray(children).some((child) => {
-    if (React__default.isValidElement(child)) {
-      if (child.type === ActionTrigger) {
-        return true;
-      }
-      if (child.type === React__default.Fragment && child.props.children) {
-        return React__default.Children.toArray(child.props.children).some(
-          (fragmentChild) => React__default.isValidElement(fragmentChild) && fragmentChild.type === ActionTrigger
-        );
-      }
-    }
-    return false;
-  });
-  const widthValue = width !== void 0 ? width : hasActionTrigger ? "full" : "fit";
-  return /* @__PURE__ */ jsx(OriginalRoot, { ref, width: widthValue, ...rest, children });
-});
-Root.displayName = "Toast.Root";
-const OriginalActionTrigger = withContext(
-  ToastActionTrigger,
-  "actionTrigger"
-);
-const OriginalActionTriggerAsLink = withContext(ark.a, "actionTrigger");
-const ActionTrigger = React__default.forwardRef((props, ref) => {
-  const { asLink, ...rest } = props;
-  return asLink ? /* @__PURE__ */ jsx(OriginalActionTriggerAsLink, { ref, ...rest }) : /* @__PURE__ */ jsx(OriginalActionTrigger, { ref, ...rest });
-});
-ActionTrigger.displayName = "Toast.ActionTrigger";
-const Description = withContext(
-  ToastDescription,
-  "description"
-);
-const Content = withContext(ark.div, "content");
-const Icon = withContext(ark.div, "icon");
-const Toast = {
-  Root,
-  ActionTrigger,
-  Content,
-  Description,
-  Icon
-};
-const toast = {
-  queue: [],
-  // ToastProvider에서 호출
-  _getQueue: () => {
-    const queue = [...toast.queue];
-    toast.queue = [];
-    return queue;
-  },
-  /**
-   * ToastProvider가 준비되었는지 확인하는 상태
-   */
-  isReady: false,
-  /**
-   * 대기 중인 토스트 메시지 큐
-   */
-  pendingToasts: [],
-  /**
-   * ToastProvider에서 호출하여 준비 상태를 설정
-   */
-  _setReady: () => {
-    toast.isReady = true;
-    if (toast.pendingToasts.length > 0) {
-      toast.pendingToasts.forEach((args) => {
-        toast.show(args[0], args[1]);
-      });
-      toast.pendingToasts = [];
-    }
-  },
-  // render toast
-  show: (message, options) => {
-    if (!toast.isReady) {
-      toast.pendingToasts.push([message, options]);
-      return;
-    }
-    const toastData = {
-      description: message,
-      action: (options == null ? void 0 : options.actionLabel) ? {
-        label: options.actionLabel,
-        onClick: options.onActionClick
-      } : void 0,
-      icon: options == null ? void 0 : options.icon,
-      asLink: options == null ? void 0 : options.asLink,
-      duration: options == null ? void 0 : options.duration
-    };
-    toast.queue.push(toastData);
-    if (typeof window !== "undefined") {
-      window.dispatchEvent(new CustomEvent("toast-queue-updated"));
-    }
-  },
-  success: (message, options) => {
-    toast.show(message, { ...options });
-  },
-  error: (message, options) => {
-    toast.show(message, { ...options });
-  },
-  warning: (message, options) => {
-    toast.show(message, { ...options });
-  },
-  info: (message, options) => {
-    toast.show(message, { ...options });
-  }
-};
-const DURATION = {
-  DEFAULT: 2500,
-  HAS_ACTION: 5500
-};
-const ToastProvider = ({ children }) => {
-  const toaster = createToaster({
-    placement: "bottom",
-    duration: DURATION.DEFAULT,
-    offsets: {
-      bottom: "55px",
-      top: "0px",
-      left: "0px",
-      right: "0px"
-    },
-    overlap: true
-  });
-  useEffect(() => {
-    toast._setReady();
-    return () => {
-    };
-  }, []);
-  useEffect(() => {
-    let currentZIndexCounter = 1300;
-    const showToasts = () => {
-      const queuedToasts = toast._getQueue();
-      queuedToasts.forEach((toastData) => {
-        try {
-          const options = {
-            description: toastData.description,
-            zIndex: currentZIndexCounter++
-            // 증가된 zIndex 값 사용
-          };
-          options.data = {
-            icon: toastData.icon ? toastData.icon : null,
-            asLink: toastData.asLink,
-            zIndex: options.zIndex
-            // zIndex를 data에도 저장
-          };
-          if (toastData.action) {
-            options.action = {
-              label: toastData.action.label,
-              onClick: toastData.action.onClick ?? (() => {
-              }),
-              duration: DURATION.HAS_ACTION
-            };
-          }
-          if (toastData.duration) {
-            options.duration = toastData.duration;
-          }
-          setTimeout(() => {
-            toaster.create(options);
-          }, 0);
-        } catch (error) {
-          console.error("Error creating toast:", error);
-        }
-      });
-    };
-    const handleToastQueue = () => showToasts();
-    window.addEventListener("toast-queue-updated", handleToastQueue);
-    return () => {
-      window.removeEventListener("toast-queue-updated", handleToastQueue);
-    };
-  }, [toaster]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    children,
-    /* @__PURE__ */ jsx(Toaster, { toaster, children: (toast2) => {
-      var _a, _b, _c, _d, _e;
-      return /* @__PURE__ */ jsxs(
-        Toast.Root,
-        {
-          asLink: (_a = toast2.data) == null ? void 0 : _a.asLink,
-          style: { zIndex: ((_b = toast2.data) == null ? void 0 : _b.zIndex) || 1e3 },
-          children: [
-            /* @__PURE__ */ jsxs(Toast.Content, { children: [
-              ((_c = toast2.data) == null ? void 0 : _c.icon) && /* @__PURE__ */ jsx(Toast.Icon, { children: toast2.data.icon }),
-              toast2.description && /* @__PURE__ */ jsx(Toast.Description, { children: toast2.description })
-            ] }),
-            toast2.action && /* @__PURE__ */ jsx(Toast.ActionTrigger, { onClick: (_d = toast2.action) == null ? void 0 : _d.onClick, children: (_e = toast2.action) == null ? void 0 : _e.label })
-          ]
-        },
-        toast2.id
-      );
-    } })
-  ] });
-};
 export {
   BottomSheet,
   Box2 as Box,
@@ -16423,9 +15597,8 @@ export {
   index$2 as Tag,
   Text,
   index as TextArea,
-  ToastProvider,
+  Toast,
   VStack2 as VStack,
-  preset,
-  toast
+  preset
 };
 //# sourceMappingURL=index.js.map