@new-black/lyra 0.0.25 → 0.0.26

package/dist/lyra71.js

@@ -1,1722 +1,207 @@
-import { useObjectRef as B, mergeRefs as U, mergeProps as D, filterDOMProps as x, useLayoutEffect as ne, useResizeObserver as Ke } from "./lyra44.js";
-import n, { forwardRef as $, useContext as E, useMemo as F, useEffect as W, useState as M, useRef as N, useCallback as V, createContext as p, cloneElement as de } from "react";
-import Oe, { createPortal as Ve } from "react-dom";
-import { s as Be } from "./lyra97.js";
-import { useHover as H, usePress as ce } from "./lyra46.js";
-import { useFocusRing as _, FocusableProvider as He, FocusScope as _e } from "./lyra45.js";
-import { useButton as Le } from "./lyra43.js";
-import { useCheckboxGroupState as Ae } from "./lyra98.js";
-import { useCheckboxGroup as qe, useCheckboxGroupItem as ze, useCheckbox as Ge } from "./lyra47.js";
-import { useToggleState as Ue } from "./lyra50.js";
-import { VisuallyHidden as ue } from "./lyra63.js";
-import { useOverlayTriggerState as fe } from "./lyra99.js";
-import { useOverlayTrigger as We, usePopover as je, Overlay as Qe, DismissButton as oe, OverlayContainer as Xe, useOverlayPosition as Ye } from "./lyra60.js";
-import { useNumberFieldState as Je } from "./lyra100.js";
-import { useNumberField as Ze } from "./lyra61.js";
-import { useRadioGroupState as et } from "./lyra101.js";
-import { useRadioGroup as tt, useRadio as rt } from "./lyra66.js";
-import { useTextField as it } from "./lyra62.js";
-import { useTooltipTriggerState as at } from "./lyra102.js";
-import { useTooltipTrigger as lt, useTooltip as ot } from "./lyra69.js";
-import { useListState as st } from "./lyra103.js";
-import { ListKeyboardDelegate as nt } from "./lyra57.js";
-import { useListBox as dt, useListBoxSection as ct, useOption as ut } from "./lyra56.js";
-import { useTimeFieldState as ft } from "./lyra104.js";
-import { useTimeField as pt, useDateSegment as bt } from "./lyra51.js";
-import { useProgressBar as $t } from "./lyra65.js";
-import { useSelectState as vt } from "./lyra105.js";
-import { useSelect as ht, HiddenSelect as mt } from "./lyra67.js";
-import { useIsSSR as gt } from "./lyra42.js";
-import { SSRProvider as xi } from "./lyra42.js";
-import { useSeparator as yt } from "./lyra68.js";
-import { useLocale as j } from "./lyra36.js";
-class Q {
-  get childNodes() {
-    throw new Error("childNodes is not supported");
-  }
-  clone() {
-    let e = new Q(this.type, this.key);
-    return e.value = this.value, e.level = this.level, e.hasChildNodes = this.hasChildNodes, e.rendered = this.rendered, e.textValue = this.textValue, e["aria-label"] = this["aria-label"], e.index = this.index, e.parentKey = this.parentKey, e.prevKey = this.prevKey, e.nextKey = this.nextKey, e.firstChildKey = this.firstChildKey, e.lastChildKey = this.lastChildKey, e.props = this.props, e;
-  }
-  constructor(e, r) {
-    this.value = null, this.level = 0, this.hasChildNodes = !1, this.rendered = null, this.textValue = "", this["aria-label"] = void 0, this.index = 0, this.parentKey = null, this.prevKey = null, this.nextKey = null, this.firstChildKey = null, this.lastChildKey = null, this.props = {}, this.type = e, this.key = r;
-  }
-}
-class pe {
-  *[Symbol.iterator]() {
-    let e = this.firstChild;
-    for (; e; )
-      yield e, e = e.nextSibling;
-  }
-  get firstChild() {
-    return this._firstChild;
-  }
-  set firstChild(e) {
-    this._firstChild = e, this.ownerDocument.markDirty(this);
-  }
-  get lastChild() {
-    return this._lastChild;
-  }
-  set lastChild(e) {
-    this._lastChild = e, this.ownerDocument.markDirty(this);
-  }
-  get previousSibling() {
-    return this._previousSibling;
-  }
-  set previousSibling(e) {
-    this._previousSibling = e, this.ownerDocument.markDirty(this);
-  }
-  get nextSibling() {
-    return this._nextSibling;
-  }
-  set nextSibling(e) {
-    this._nextSibling = e, this.ownerDocument.markDirty(this);
-  }
-  get parentNode() {
-    return this._parentNode;
-  }
-  set parentNode(e) {
-    this._parentNode = e, this.ownerDocument.markDirty(this);
-  }
-  appendChild(e) {
-    this.ownerDocument.startTransaction(), e.parentNode && e.parentNode.removeChild(e), this.firstChild == null && (this.firstChild = e), this.lastChild ? (this.lastChild.nextSibling = e, e.index = this.lastChild.index + 1, e.previousSibling = this.lastChild) : (e.previousSibling = null, e.index = 0), e.parentNode = this, e.nextSibling = null, this.lastChild = e, this.ownerDocument.markDirty(this), e.hasSetProps && this.ownerDocument.addNode(e), this.ownerDocument.endTransaction(), this.ownerDocument.queueUpdate();
-  }
-  insertBefore(e, r) {
-    if (r == null)
-      return this.appendChild(e);
-    this.ownerDocument.startTransaction(), e.parentNode && e.parentNode.removeChild(e), e.nextSibling = r, e.previousSibling = r.previousSibling, e.index = r.index, this.firstChild === r ? this.firstChild = e : r.previousSibling && (r.previousSibling.nextSibling = e), r.previousSibling = e, e.parentNode = r.parentNode;
-    let i = r;
-    for (; i; )
-      i.index++, i = i.nextSibling;
-    e.hasSetProps && this.ownerDocument.addNode(e), this.ownerDocument.endTransaction(), this.ownerDocument.queueUpdate();
-  }
-  removeChild(e) {
-    if (e.parentNode !== this)
-      return;
-    this.ownerDocument.startTransaction();
-    let r = e.nextSibling;
-    for (; r; )
-      r.index--, r = r.nextSibling;
-    e.nextSibling && (e.nextSibling.previousSibling = e.previousSibling), e.previousSibling && (e.previousSibling.nextSibling = e.nextSibling), this.firstChild === e && (this.firstChild = e.nextSibling), this.lastChild === e && (this.lastChild = e.previousSibling), e.parentNode = null, e.nextSibling = null, e.previousSibling = null, e.index = 0, this.ownerDocument.removeNode(e), this.ownerDocument.endTransaction(), this.ownerDocument.queueUpdate();
-  }
-  addEventListener() {
-  }
-  removeEventListener() {
-  }
-  constructor(e) {
-    this._firstChild = null, this._lastChild = null, this._previousSibling = null, this._nextSibling = null, this._parentNode = null, this.ownerDocument = e;
-  }
-}
-let xt = 0;
-class q extends pe {
-  get index() {
-    return this._index;
-  }
-  set index(e) {
-    this._index = e, this.ownerDocument.markDirty(this);
-  }
-  get level() {
-    return this.parentNode instanceof q ? this.parentNode.level + (this.node.type === "item" ? 1 : 0) : 0;
-  }
-  updateNode() {
-    var e, r, i, a;
-    let l = this.ownerDocument.getMutableNode(this);
-    l.index = this.index, l.level = this.level, l.parentKey = this.parentNode instanceof q ? this.parentNode.node.key : null;
-    var o;
-    l.prevKey = (o = (e = this.previousSibling) === null || e === void 0 ? void 0 : e.node.key) !== null && o !== void 0 ? o : null;
-    var s;
-    l.nextKey = (s = (r = this.nextSibling) === null || r === void 0 ? void 0 : r.node.key) !== null && s !== void 0 ? s : null, l.hasChildNodes = !!this.firstChild;
-    var c;
-    l.firstChildKey = (c = (i = this.firstChild) === null || i === void 0 ? void 0 : i.node.key) !== null && c !== void 0 ? c : null;
-    var d;
-    l.lastChildKey = (d = (a = this.lastChild) === null || a === void 0 ? void 0 : a.node.key) !== null && d !== void 0 ? d : null;
-  }
-  setProps(e, r, i) {
-    let a = this.ownerDocument.getMutableNode(this), { value: l, textValue: o, id: s, ...c } = e;
-    if (c.ref = r, a.props = c, a.rendered = i, a.value = l, a.textValue = o || (typeof i == "string" ? i : "") || e["aria-label"] || "", s != null && s !== a.key) {
-      if (this.hasSetProps)
-        throw new Error("Cannot change the id of an item");
-      a.key = s;
-    }
-    this.hasSetProps || (this.ownerDocument.addNode(this), this.ownerDocument.endTransaction(), this.hasSetProps = !0), this.ownerDocument.queueUpdate();
-  }
-  get style() {
-    return {};
-  }
-  hasAttribute() {
-  }
-  setAttribute() {
-  }
-  setAttributeNS() {
-  }
-  removeAttribute() {
-  }
-  constructor(e, r) {
-    super(r), this.nodeType = 8, this._index = 0, this.hasSetProps = !1, this.node = new Q(e, `react-aria-${++xt}`), this.ownerDocument.startTransaction();
-  }
-}
-class Pt {
-  get size() {
-    return this.keyMap.size;
-  }
-  getKeys() {
-    return this.keyMap.keys();
-  }
-  *[Symbol.iterator]() {
-    let e = this.firstKey != null ? this.keyMap.get(this.firstKey) : void 0;
-    for (; e; )
-      yield e, e = e.nextKey != null ? this.keyMap.get(e.nextKey) : void 0;
-  }
-  getChildren(e) {
-    let r = this.keyMap;
-    return {
-      *[Symbol.iterator]() {
-        let i = r.get(e), a = (i == null ? void 0 : i.firstChildKey) != null ? r.get(i.firstChildKey) : null;
-        for (; a; )
-          yield a, a = a.nextKey != null ? r.get(a.nextKey) : void 0;
+import { useGlobalListeners as H, mergeProps as R, focusWithoutScrolling as Z } from "./lyra46.js";
+import { useRef as I, useCallback as ee, useEffect as ne } from "react";
+import { useMove as W, setInteractionModality as re, useKeyboard as te } from "./lyra48.js";
+import { useLabel as j } from "./lyra51.js";
+import { useFocusable as ie } from "./lyra47.js";
+import { clamp as J } from "./lyra66.js";
+import { useLocale as N } from "./lyra38.js";
+const X = /* @__PURE__ */ new WeakMap();
+function U(a, e) {
+  let r = X.get(a);
+  if (!r)
+    throw new Error("Unknown slider state");
+  return `${r}-${e}`;
+}
+function fe(a, e, r) {
+  let { labelProps: g, fieldProps: K } = j(a), d = a.orientation === "vertical";
+  var T;
+  X.set(e, (T = g.id) !== null && T !== void 0 ? T : K.id);
+  let { direction: y } = N(), { addGlobalListener: f, removeGlobalListener: b } = H();
+  const o = I(null), D = y === "rtl", m = I(null), { moveProps: z } = W({
+    onMoveStart() {
+      m.current = null;
+    },
+    onMove({ deltaX: n, deltaY: u }) {
+      let { height: c, width: P } = r.current.getBoundingClientRect(), s = d ? c : P;
+      m.current == null && (m.current = e.getThumbPercent(o.current) * s);
+      let h = d ? u : n;
+      if ((d || D) && (h = -h), m.current += h, o.current != null && r.current) {
+        const k = J(m.current / s, 0, 1);
+        e.setThumbPercent(o.current, k);
       }
-    };
-  }
-  getKeyBefore(e) {
-    let r = this.keyMap.get(e);
-    if (!r)
-      return null;
-    if (r.prevKey != null) {
-      for (r = this.keyMap.get(r.prevKey); r && r.type !== "item" && r.lastChildKey != null; )
-        r = this.keyMap.get(r.lastChildKey);
-      var i;
-      return (i = r == null ? void 0 : r.key) !== null && i !== void 0 ? i : null;
-    }
-    return r.parentKey;
-  }
-  getKeyAfter(e) {
-    let r = this.keyMap.get(e);
-    if (!r)
-      return null;
-    if (r.type !== "item" && r.firstChildKey != null)
-      return r.firstChildKey;
-    for (; r; ) {
-      if (r.nextKey != null)
-        return r.nextKey;
-      if (r.parentKey != null)
-        r = this.keyMap.get(r.parentKey);
-      else
-        return null;
-    }
-    return null;
-  }
-  getFirstKey() {
-    return this.firstKey;
-  }
-  getLastKey() {
-    let e = this.lastKey != null ? this.keyMap.get(this.lastKey) : null;
-    for (; (e == null ? void 0 : e.lastChildKey) != null; )
-      e = this.keyMap.get(e.lastChildKey);
-    var r;
-    return (r = e == null ? void 0 : e.key) !== null && r !== void 0 ? r : null;
-  }
-  getItem(e) {
-    var r;
-    return (r = this.keyMap.get(e)) !== null && r !== void 0 ? r : null;
-  }
-  at() {
-    throw new Error("Not implemented");
-  }
-  clone() {
-    let e = this.constructor, r = new e();
-    return r.keyMap = new Map(this.keyMap), r.firstKey = this.firstKey, r.lastKey = this.lastKey, r;
-  }
-  addNode(e) {
-    if (this.frozen)
-      throw new Error("Cannot add a node to a frozen collection");
-    this.keyMap.set(e.key, e);
-  }
-  removeNode(e) {
-    if (this.frozen)
-      throw new Error("Cannot remove a node to a frozen collection");
-    this.keyMap.delete(e);
-  }
-  commit(e, r) {
-    if (this.frozen)
-      throw new Error("Cannot commit a frozen collection");
-    this.firstKey = e, this.lastKey = r, this.frozen = !0;
-  }
-  constructor() {
-    this.keyMap = /* @__PURE__ */ new Map(), this.firstKey = null, this.lastKey = null, this.frozen = !1;
-  }
-}
-class St extends pe {
-  createElement(e) {
-    return new q(e, this);
-  }
-  /**
-  * Lazily gets a mutable instance of a Node. If the node has already
-  * been cloned during this update cycle, it just returns the existing one.
-  */
-  getMutableNode(e) {
-    let r = e.node;
-    return this.mutatedNodes.has(e) || (r = e.node.clone(), this.mutatedNodes.add(e), e.node = r), this.markDirty(e), r;
-  }
-  getMutableCollection() {
-    return this.collectionMutated || (this.collection = this.collection.clone(), this.collectionMutated = !0), this.collection;
-  }
-  markDirty(e) {
-    this.dirtyNodes.add(e);
-  }
-  startTransaction() {
-    this.transactionCount++;
-  }
-  endTransaction() {
-    this.transactionCount--;
-  }
-  addNode(e) {
-    let r = this.getMutableCollection();
-    if (!r.getItem(e.node.key)) {
-      r.addNode(e.node);
-      for (let i of e)
-        this.addNode(i);
-    }
-    this.markDirty(e);
-  }
-  removeNode(e) {
-    for (let i of e)
-      i.parentNode = null, this.removeNode(i);
-    this.getMutableCollection().removeNode(e.node.key), this.markDirty(e);
-  }
-  /** Finalizes the collection update, updating all nodes and freezing the collection. */
-  getCollection() {
-    if (this.transactionCount > 0)
-      return this.collection;
-    for (let l of this.dirtyNodes)
-      l instanceof q && l.parentNode && l.updateNode();
-    if (this.dirtyNodes.clear(), this.mutatedNodes.size) {
-      var e, r;
-      let l = this.getMutableCollection();
-      for (let o of this.mutatedNodes)
-        o.parentNode && l.addNode(o.node);
-      var i, a;
-      l.commit((i = (e = this.firstChild) === null || e === void 0 ? void 0 : e.node.key) !== null && i !== void 0 ? i : null, (a = (r = this.lastChild) === null || r === void 0 ? void 0 : r.node.key) !== null && a !== void 0 ? a : null), this.mutatedNodes.clear();
-    }
-    return this.collectionMutated = !1, this.collection;
-  }
-  queueUpdate() {
-    if (!(this.dirtyNodes.size === 0 || this.transactionCount > 0))
-      for (let e of this.subscriptions)
-        e();
-  }
-  subscribe(e) {
-    return this.subscriptions.add(e), () => this.subscriptions.delete(e);
-  }
-  constructor(e) {
-    super(null), this.nodeType = 11, this.ownerDocument = this, this.dirtyNodes = /* @__PURE__ */ new Set(), this.mutatedNodes = /* @__PURE__ */ new Set(), this.subscriptions = /* @__PURE__ */ new Set(), this.transactionCount = 0, this.collection = e, this.collectionMutated = !0;
-  }
-}
-function X(t) {
-  let { children: e, items: r, idScope: i, addIdAndValue: a } = t, l = F(() => /* @__PURE__ */ new WeakMap(), []);
-  return F(() => {
-    if (r && typeof e == "function") {
-      let c = [];
-      for (let d of r) {
-        let u = l.get(d);
-        if (!u) {
-          if (u = e(d), u.key == null) {
-            var o, s;
-            let f = (s = (o = u.props.id) !== null && o !== void 0 ? o : d.key) !== null && s !== void 0 ? s : d.id;
-            if (f == null)
-              throw new Error("Could not determine key for item");
-            i && (f = i + ":" + f), u = /* @__PURE__ */ de(u, a ? {
-              key: f,
-              id: f,
-              value: d
-            } : {
-              key: f
-            });
-          }
-          l.set(d, u);
-        }
-        c.push(u);
+    },
+    onMoveEnd() {
+      o.current != null && (e.setThumbDragging(o.current, !1), o.current = null);
+    }
+  });
+  let w = I(void 0), x = (n, u, c, P) => {
+    if (r.current && !a.isDisabled && e.values.every((s, h) => !e.isThumbDragging(h))) {
+      let { height: s, width: h, top: k, left: B } = r.current.getBoundingClientRect(), V = d ? s : h, M = ((d ? P : c) - (d ? k : B)) / V;
+      (y === "rtl" || d) && (M = 1 - M);
+      let t = e.getPercentValue(M), i, l = e.values.findIndex((p) => t - p < 0);
+      if (l === 0)
+        i = l;
+      else if (l === -1)
+        i = e.values.length - 1;
+      else {
+        let p = e.values[l - 1], _ = e.values[l];
+        Math.abs(p - t) < Math.abs(_ - t) ? i = l - 1 : i = l;
       }
-      return c;
-    } else if (typeof e != "function")
-      return e;
-  }, [
-    e,
-    r,
-    l,
-    i,
-    a
-  ]);
-}
-function be(t) {
-  return X({
-    ...t,
-    addIdAndValue: !0
-  });
-}
-const $e = /* @__PURE__ */ p(!1);
-function ve(t, e) {
-  let { collection: r, document: i } = Ct(e);
-  return {
-    portal: Dt(t, i),
-    collection: r
-  };
-}
-function Ct(t) {
-  let e = F(() => new St(t || new Pt()), [
-    t
-  ]), r = V((l) => e.subscribe(l), [
-    e
-  ]), i = V(() => e.getCollection(), [
-    e
-  ]);
-  return {
-    collection: Be.useSyncExternalStore(r, i, i),
-    document: e
-  };
-}
-function Dt(t, e) {
-  let r = be(t), i = F(() => /* @__PURE__ */ n.createElement($e.Provider, {
-    value: !0
-  }, r), [
-    r
-  ]);
-  return gt() ? null : /* @__PURE__ */ Ve(i, e);
-}
-function he(t, e, r) {
-  let i = E($e);
-  return r = Y(e, r, e.children), i ? /* @__PURE__ */ n.createElement(t, {
-    ref: r
-  }) : null;
-}
-function Y(t, e, r) {
-  return V((i) => {
-    i == null || i.setProps(t, e, r);
-  }, [
-    t,
-    e,
-    r
-  ]);
-}
-function Et(t, e) {
-  return /* @__PURE__ */ n.createElement("item", {
-    ref: Y(t, e, t.children)
-  });
-}
-const Xr = /* @__PURE__ */ $(Et);
-function kt(t, e) {
-  let r = be(t);
-  return /* @__PURE__ */ n.createElement("section", {
-    ref: Y(t, e)
-  }, r);
-}
-const Yr = /* @__PURE__ */ $(kt), me = Symbol("callback"), se = Symbol("default");
-function T({ values: t, children: e }) {
-  for (let [r, i] of t)
-    e = /* @__PURE__ */ n.createElement(r.Provider, {
-      value: i
-    }, e);
-  return e;
-}
-function m(t) {
-  let { className: e, style: r, children: i, defaultClassName: a, defaultChildren: l, values: o } = t;
-  return F(() => {
-    let s, c, d;
-    return typeof e == "function" ? s = e(o) : s = e, typeof r == "function" ? c = r(o) : c = r, typeof i == "function" ? d = i(o) : i == null ? d = l : d = i, {
-      className: s ?? a,
-      style: c,
-      children: d
-    };
-  }, [
-    e,
-    r,
-    i,
-    a,
-    l,
-    o
-  ]);
-}
-function g(t, e, r) {
-  let i = E(r) || {};
-  if ("slots" in i && i.slots) {
-    if (!t.slot && !i.slots[se])
-      throw new Error("A slot prop is required");
-    let d = t.slot || se;
-    if (!i.slots[d])
-      throw new Error(`Invalid slot "${t.slot}". Valid slot names are ` + new Intl.ListFormat().format(Object.keys(i.slots).map((u) => `"${u}"`)) + ".");
-    i = i.slots[d];
-  }
-  let { ref: a, [me]: l, ...o } = i, s = B(F(() => U(e, a), [
-    e,
-    a
-  ])), c = D(o, t);
-  return W(() => {
-    l && l(t);
-  }, [
-    l,
-    t
-  ]), [
-    c,
-    s
-  ];
-}
-function I() {
-  let [t, e] = M(!0), r = N(!1), i = V((a) => {
-    r.current = !0, e(!!a);
-  }, []);
-  return ne(() => {
-    r.current || e(!1);
-  }, []), [
-    i,
-    t
-  ];
-}
-function ge(t, e = !0) {
-  let [r, i] = M(!0);
-  return xe(t, r && e, V(() => i(!1), [])), r && e;
-}
-function ye(t, e) {
-  let [r, i] = M(!1), [a, l] = M("idle");
-  return !e && t.current && a === "idle" && (r = !0, i(!0), l("exiting")), !t.current && a === "exited" && l("idle"), xe(t, r, V(() => {
-    l("exited"), i(!1);
-  }, [])), r;
-}
-function xe(t, e, r) {
-  let i = N(null);
-  e && t.current && (i.current = window.getComputedStyle(t.current).animation), ne(() => {
-    if (e && t.current) {
-      let a = window.getComputedStyle(t.current);
-      if (a.animationName !== "none" && a.animation !== i.current) {
-        let l = (s) => {
-          s.target === t.current && (o.removeEventListener("animationend", l), Oe.flushSync(() => {
-            r();
-          }));
-        }, o = t.current;
-        return o.addEventListener("animationend", l), () => {
-          o.removeEventListener("animationend", l);
-        };
-      } else
-        r();
+      i >= 0 && e.isThumbEditable(i) ? (n.preventDefault(), o.current = i, e.setFocusedThumb(i), w.current = u, e.setThumbDragging(o.current, !0), e.setThumbValue(i, t), f(window, "mouseup", v, !1), f(window, "touchend", v, !1), f(window, "pointerup", v, !1)) : o.current = null;
     }
-  }, [
-    t,
-    e,
-    r
-  ]);
-}
-const Pe = /* @__PURE__ */ p(!1), wt = /* @__PURE__ */ new Set([
-  "form",
-  "formAction",
-  "formEncType",
-  "formMethod",
-  "formNoValidate",
-  "formTarget",
-  "name",
-  "value"
-]), z = /* @__PURE__ */ p({});
-function Nt(t, e) {
-  [t, e] = g(t, e, z);
-  let r = t, { buttonProps: i, isPressed: a } = Le(t, e), { focusProps: l, isFocused: o, isFocusVisible: s } = _(t), { hoverProps: c, isHovered: d } = H(t), u = m({
-    ...t,
-    values: {
-      isHovered: d,
-      isPressed: a,
-      isFocused: o,
-      isFocusVisible: s,
-      isDisabled: t.isDisabled || !1
-    },
-    defaultClassName: "react-aria-Button"
-  });
-  return /* @__PURE__ */ n.createElement("button", {
-    ...x(t, {
-      propNames: wt
-    }),
-    ...D(i, l, c),
-    ...u,
-    ref: e,
-    slot: t.slot,
-    "data-pressed": r.isPressed || a || void 0,
-    "data-hovered": d || void 0,
-    "data-focus-visible": s || void 0
-  });
-}
-const Jr = /* @__PURE__ */ $(Nt), K = /* @__PURE__ */ p({}), O = /* @__PURE__ */ p({});
-function Rt(t, e) {
-  [t, e] = g(t, e, O);
-  let { elementType: r = "label", ...i } = t;
-  return /* @__PURE__ */ n.createElement(r, {
-    className: "react-aria-Label",
-    ...i,
-    ref: e
-  });
-}
-const Zr = /* @__PURE__ */ $(Rt), Tt = /* @__PURE__ */ p(null), Se = /* @__PURE__ */ p(null);
-function Ft(t, e) {
-  [t, e] = g(t, e, Tt);
-  let r = Ae(t), [i, a] = I(), { groupProps: l, labelProps: o, descriptionProps: s, errorMessageProps: c } = qe({
-    ...t,
-    label: a
-  }, r), d = m({
-    ...t,
-    values: {
-      isDisabled: r.isDisabled,
-      isReadOnly: r.isReadOnly,
-      isRequired: t.isRequired || !1,
-      validationState: r.validationState
-    },
-    defaultClassName: "react-aria-CheckboxGroup"
-  });
-  return /* @__PURE__ */ n.createElement("div", {
-    ...l,
-    ...d,
-    ref: e,
-    slot: t.slot,
-    "data-readonly": r.isReadOnly || void 0,
-    "data-required": t.isRequired || void 0,
-    "data-validation-state": r.validationState || void 0
-  }, /* @__PURE__ */ n.createElement(T, {
-    values: [
-      [
-        Se,
-        r
-      ],
-      [
-        O,
-        {
-          ...o,
-          ref: i
-        }
-      ],
-      [
-        K,
-        {
-          slots: {
-            description: s,
-            errorMessage: c
-          }
-        }
-      ]
-    ]
-  }, d.children));
-}
-const Mt = /* @__PURE__ */ p(null);
-function It(t, e) {
-  [t, e] = g(t, e, Mt);
-  let r = E(Se), { inputProps: i, isSelected: a, isDisabled: l, isReadOnly: o, isPressed: s } = r ? ze({
-    ...t,
-    // Value is optional for standalone checkboxes, but required for CheckboxGroup items;
-    // it's passed explicitly here to avoid typescript error (requires ignore).
-    // @ts-ignore
-    value: t.value,
-    // ReactNode type doesn't allow function children.
-    children: typeof t.children == "function" ? !0 : t.children
-  }, r, e) : Ge({
-    ...t,
-    children: typeof t.children == "function" ? !0 : t.children
-  }, Ue(t), e), { isFocused: c, isFocusVisible: d, focusProps: u } = _(), f = l || o, [v, b] = M(!1), { pressProps: h } = ce({
-    isDisabled: f,
-    onPressStart(C) {
-      C.pointerType !== "keyboard" && b(!0);
+  }, v = (n) => {
+    var u, c;
+    ((c = n.pointerId) !== null && c !== void 0 ? c : (u = n.changedTouches) === null || u === void 0 ? void 0 : u[0].identifier) === w.current && (o.current != null && (e.setThumbDragging(o.current, !1), o.current = null), b(window, "mouseup", v, !1), b(window, "touchend", v, !1), b(window, "pointerup", v, !1));
+  };
+  return "htmlFor" in g && g.htmlFor && (delete g.htmlFor, g.onClick = () => {
+    var n;
+    (n = document.getElementById(U(e, 0))) === null || n === void 0 || n.focus(), re("keyboard");
+  }), {
+    labelProps: g,
+    // The root element of the Slider will have role="group" to group together
+    // all the thumb inputs in the Slider.  The label of the Slider will
+    // be used to label the group.
+    groupProps: {
+      role: "group",
+      ...K
     },
-    onPressEnd(C) {
-      C.pointerType !== "keyboard" && b(!1);
-    }
-  }), { hoverProps: y, isHovered: k } = H({
-    isDisabled: f
-  }), w = f ? !1 : v || s, P = m({
-    // TODO: should data attrs go on the label or on the <input>? useCheckbox passes them to the input...
-    ...t,
-    defaultClassName: "react-aria-Checkbox",
-    values: {
-      isSelected: a,
-      isIndeterminate: t.isIndeterminate || !1,
-      isPressed: w,
-      isHovered: k,
-      isFocused: c,
-      isFocusVisible: d,
-      isDisabled: l,
-      isReadOnly: o,
-      validationState: t.validationState || (r == null ? void 0 : r.validationState),
-      isRequired: t.isRequired || !1
+    trackProps: R({
+      onMouseDown(n) {
+        n.button !== 0 || n.altKey || n.ctrlKey || n.metaKey || x(n, void 0, n.clientX, n.clientY);
+      },
+      onPointerDown(n) {
+        n.pointerType === "mouse" && (n.button !== 0 || n.altKey || n.ctrlKey || n.metaKey) || x(n, n.pointerId, n.clientX, n.clientY);
+      },
+      onTouchStart(n) {
+        x(n, n.changedTouches[0].identifier, n.changedTouches[0].clientX, n.changedTouches[0].clientY);
+      },
+      style: {
+        position: "relative",
+        touchAction: "none"
+      }
+    }, z),
+    outputProps: {
+      htmlFor: e.values.map((n, u) => U(e, u)).join(" "),
+      "aria-live": "off"
     }
-  }), S = x(t);
-  return delete S.id, /* @__PURE__ */ n.createElement("label", {
-    ...D(S, h, y, P),
-    slot: t.slot,
-    "data-selected": a || void 0,
-    "data-indeterminate": t.isIndeterminate || void 0,
-    "data-pressed": w || void 0,
-    "data-hovered": k || void 0,
-    "data-focused": c || void 0,
-    "data-focus-visible": d || void 0,
-    "data-disabled": l || void 0,
-    "data-readonly": o || void 0,
-    "data-validation-state": t.validationState || (r == null ? void 0 : r.validationState) || void 0,
-    "data-required": t.isRequired || void 0
-  }, /* @__PURE__ */ n.createElement(ue, {
-    elementType: "span"
-  }, /* @__PURE__ */ n.createElement("input", {
-    ...i,
-    ...u,
-    ref: e
-  })), P.children);
-}
-const ei = /* @__PURE__ */ $(It), ti = /* @__PURE__ */ $(Ft), J = /* @__PURE__ */ p({});
-function Kt(t, e) {
-  [t, e] = g(t, e, J);
-  let { hoverProps: r, isHovered: i } = H({}), { isFocused: a, isFocusVisible: l, focusProps: o } = _({
-    isTextInput: !0,
-    autoFocus: t.autoFocus
-  }), s = m({
-    ...t,
-    values: {
-      isHovered: i,
-      isFocused: a,
-      isFocusVisible: l,
-      isDisabled: t.disabled || !1
-    },
-    defaultClassName: "react-aria-Input"
-  });
-  return /* @__PURE__ */ n.createElement("input", {
-    ...D(t, o, r),
-    ...s,
-    ref: e,
-    "data-hovered": i || void 0,
-    "data-focus-visible": l || void 0
-  });
-}
-const ri = /* @__PURE__ */ $(Kt), Ce = /* @__PURE__ */ p(null);
-function Ot(t, e) {
-  let { render: r } = E(Ce);
-  return /* @__PURE__ */ n.createElement(n.Fragment, null, r(t, e));
-}
-const Vt = /* @__PURE__ */ $(Ot), Bt = /* @__PURE__ */ p({});
-function Ht(t, e) {
-  [t, e] = g(t, e, Bt);
-  let r = he("header", t, e);
-  return r || /* @__PURE__ */ n.createElement("header", {
-    className: "react-aria-Header",
-    ...t,
-    ref: e
-  }, t.children);
-}
-const _t = /* @__PURE__ */ $(Ht), De = /* @__PURE__ */ p({});
-function Lt(t, e) {
-  [t, e] = g(t, e, De);
-  let { elementType: r, orientation: i, style: a, className: l } = t, o = r || "hr";
-  o === "hr" && i === "vertical" && (o = "div");
-  let { separatorProps: s } = yt({
-    elementType: r,
-    orientation: i
-  }), c = he("separator", t, e);
-  return c || /* @__PURE__ */ n.createElement(o, {
-    ...x(t),
-    ...s,
-    style: a,
-    className: l ?? "react-aria-Separator",
-    ref: e,
-    slot: t.slot
-  });
-}
-const At = /* @__PURE__ */ $(Lt), Ee = /* @__PURE__ */ p(null), G = /* @__PURE__ */ p(null);
-function qt(t, e) {
-  [t, e] = g(t, e, Ee);
-  let r = t.state, i = E(Pe);
-  return r ? i ? null : /* @__PURE__ */ n.createElement(ke, {
-    state: r,
-    props: t,
-    listBoxRef: e
-  }) : /* @__PURE__ */ n.createElement(zt, {
-    props: t,
-    listBoxRef: e
-  });
-}
-function zt({ props: t, listBoxRef: e }) {
-  let { portal: r, collection: i } = ve(t);
-  t = {
-    ...t,
-    collection: i,
-    children: null,
-    items: null
   };
-  let a = st(t);
-  return /* @__PURE__ */ n.createElement(n.Fragment, null, r, /* @__PURE__ */ n.createElement(ke, {
-    state: a,
-    props: t,
-    listBoxRef: e
-  }));
 }
-const ii = /* @__PURE__ */ $(qt);
-function ke({ state: t, props: e, listBoxRef: r }) {
-  let { dragAndDropHooks: i, layout: a = "stack", orientation: l = "vertical" } = e, { collection: o, selectionManager: s } = t, c = !!(i != null && i.useDraggableCollectionState), d = !!(i != null && i.useDroppableCollectionState), { direction: u } = j(), { disabledBehavior: f, disabledKeys: v } = s, b = F(() => e.keyboardDelegate || new nt({
-    collection: o,
-    ref: r,
-    disabledKeys: f === "selection" ? /* @__PURE__ */ new Set() : v,
-    layout: a,
-    orientation: l,
-    direction: u
-  }), [
-    o,
-    r,
-    f,
-    v,
-    l,
-    u,
-    e.keyboardDelegate,
-    a
-  ]), { listBoxProps: h } = dt({
-    ...e,
-    shouldSelectOnPressUp: c || e.shouldSelectOnPressUp,
-    keyboardDelegate: b
-  }, t, r), y = X({
-    items: o,
-    children: (R) => {
-      switch (R.type) {
-        case "section":
-          return /* @__PURE__ */ n.createElement(Gt, {
-            section: R
-          });
-        case "separator":
-          return /* @__PURE__ */ n.createElement(At, R.props);
-        case "item":
-          return /* @__PURE__ */ n.createElement(we, {
-            item: R
-          });
-        default:
-          throw new Error("Unsupported node type in Menu: " + R.type);
-      }
-    }
-  }), k = N(c), w = N(d);
-  W(() => {
-    k.current !== c && console.warn("Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior."), w.current !== d && console.warn("Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.");
+function be(a, e) {
+  let { index: r = 0, isRequired: g, validationState: K, trackRef: d, inputRef: T, orientation: y = e.orientation } = a, f = a.isDisabled || e.isDisabled, b = y === "vertical", { direction: o } = N(), { addGlobalListener: D, removeGlobalListener: m } = H(), z = X.get(e);
+  var w;
+  const { labelProps: x, fieldProps: v } = j({
+    ...a,
+    id: U(e, r),
+    "aria-labelledby": `${z} ${(w = a["aria-labelledby"]) !== null && w !== void 0 ? w : ""}`.trim()
+  }), n = e.values[r], u = ee(() => {
+    T.current && Z(T.current);
+  }, [
+    T
+  ]), c = e.focusedThumb === r;
+  ne(() => {
+    c && u();
   }, [
     c,
-    d
+    u
   ]);
-  let P, S, C, L = !1, A = null, re = N(null);
-  if (c && i) {
-    P = i.useDraggableCollectionState({
-      collection: o,
-      selectionManager: s,
-      preview: i.renderDragPreview ? re : void 0
-    }), i.useDraggableCollection({}, P, r);
-    let R = i.DragPreview;
-    A = i.renderDragPreview ? /* @__PURE__ */ n.createElement(R, {
-      ref: re
-    }, i.renderDragPreview) : null;
-  }
-  if (d && i) {
-    S = i.useDroppableCollectionState({
-      collection: o,
-      selectionManager: s
-    });
-    let R = i.dropTargetDelegate || new i.ListDropTargetDelegate(o, r, {
-      orientation: l,
-      layout: a,
-      direction: u
-    });
-    C = i.useDroppableCollection({
-      keyboardDelegate: b,
-      dropTargetDelegate: R
-    }, S, r), L = S.isDropTarget({
-      type: "root"
-    });
-  }
-  let { focusProps: Me, isFocused: ie, isFocusVisible: ae } = _(), Ie = m({
-    className: e.className,
-    style: e.style,
-    defaultClassName: "react-aria-ListBox",
-    values: {
-      isDropTarget: L,
-      isEmpty: t.collection.size === 0,
-      isFocused: ie,
-      isFocusVisible: ae
-    }
-  }), le = null;
-  return t.collection.size === 0 && e.renderEmptyState && (le = /* @__PURE__ */ n.createElement("div", {
-    // eslint-disable-next-line
-    role: "option",
-    style: {
-      display: "contents"
-    }
-  }, e.renderEmptyState())), /* @__PURE__ */ n.createElement(_e, null, /* @__PURE__ */ n.createElement("div", {
-    ...x(e),
-    ...D(h, Me, C == null ? void 0 : C.collectionProps),
-    ...Ie,
-    ref: r,
-    slot: e.slot,
-    "data-drop-target": L || void 0,
-    "data-empty": t.collection.size === 0 || void 0,
-    "data-focused": ie || void 0,
-    "data-focus-visible": ae || void 0,
-    "data-layout": e.layout || "stack",
-    "data-orientation": e.orientation || "vertical"
-  }, /* @__PURE__ */ n.createElement(T, {
-    values: [
-      [
-        G,
-        {
-          state: t,
-          shouldFocusOnHover: e.shouldFocusOnHover,
-          dragAndDropHooks: i,
-          dragState: P,
-          dropState: S
-        }
-      ],
-      [
-        De,
-        {
-          elementType: "li"
-        }
-      ],
-      [
-        Ce,
-        {
-          render: Ut
-        }
-      ]
-    ]
-  }, y), le, A));
-}
-function Gt({ section: t, className: e, style: r, ...i }) {
-  var a, l;
-  let { state: o } = E(G), [s, c] = I();
-  var d;
-  let { headingProps: u, groupProps: f } = ct({
-    heading: c,
-    "aria-label": (d = t["aria-label"]) !== null && d !== void 0 ? d : void 0
-  }), v = X({
-    items: o.collection.getChildren(t.key),
-    children: (b) => {
-      switch (b.type) {
-        case "header": {
-          let { ref: h, ...y } = b.props;
-          return /* @__PURE__ */ n.createElement(_t, {
-            ...u,
-            ...y,
-            ref: U(s, h)
-          }, b.rendered);
-        }
-        case "item":
-          return /* @__PURE__ */ n.createElement(we, {
-            item: b
-          });
-        default:
-          throw new Error("Unsupported element type in Section: " + b.type);
+  let P = o === "rtl", s = I(null), { keyboardProps: h } = te({
+    onKeyDown(t) {
+      let { getThumbMaxValue: i, getThumbMinValue: l, decrementThumb: p, incrementThumb: _, setThumbValue: F, setThumbDragging: E, pageSize: G } = e;
+      if (!/^(PageUp|PageDown|Home|End)$/.test(t.key)) {
+        t.continuePropagation();
+        return;
       }
+      switch (t.preventDefault(), E(r, !0), t.key) {
+        case "PageUp":
+          _(r, G);
+          break;
+        case "PageDown":
+          p(r, G);
+          break;
+        case "Home":
+          F(r, l(r));
+          break;
+        case "End":
+          F(r, i(r));
+          break;
+      }
+      E(r, !1);
     }
-  });
-  return /* @__PURE__ */ n.createElement("section", {
-    ...x(i),
-    ...f,
-    className: e || ((a = t.props) === null || a === void 0 ? void 0 : a.className) || "react-aria-Section",
-    style: r || ((l = t.props) === null || l === void 0 ? void 0 : l.style),
-    ref: t.props.ref
-  }, v);
-}
-function we({ item: t }) {
-  let e = B(t.props.ref), { state: r, shouldFocusOnHover: i, dragAndDropHooks: a, dragState: l, dropState: o } = E(G), { optionProps: s, labelProps: c, descriptionProps: d, ...u } = ut({
-    key: t.key
-  }, r, e), { hoverProps: f, isHovered: v } = H({
-    isDisabled: i || !u.allowsSelection && !u.hasAction
-  });
-  i && (f = {}, v = u.isFocused);
-  let b = null;
-  l && a && (b = a.useDraggableItem({
-    key: t.key
-  }, l));
-  let h = null;
-  o && a && (h = a.useDroppableItem({
-    target: {
-      type: "item",
-      key: t.key,
-      dropPosition: "on"
-    }
-  }, o, e));
-  let y = t.props, k = l && l.isDragging(t.key), w = m({
-    ...y,
-    id: void 0,
-    children: t.rendered,
-    defaultClassName: "react-aria-Item",
-    values: {
-      ...u,
-      isHovered: v,
-      selectionMode: r.selectionManager.selectionMode,
-      selectionBehavior: r.selectionManager.selectionBehavior,
-      allowsDragging: !!l,
-      isDragging: k,
-      isDropTarget: h == null ? void 0 : h.isDropTarget
-    }
-  }), P = (a == null ? void 0 : a.renderDropIndicator) || ((S) => /* @__PURE__ */ n.createElement(Vt, {
-    target: S
-  }));
-  return W(() => {
-    t.textValue || console.warn("A `textValue` prop is required for <Item> elements with non-plain text children in order to support accessibility features such as type to select.");
-  }, [
-    t.textValue
-  ]), /* @__PURE__ */ n.createElement(n.Fragment, null, (a == null ? void 0 : a.useDropIndicator) && P({
-    type: "item",
-    key: t.key,
-    dropPosition: "before"
-  }), /* @__PURE__ */ n.createElement("div", {
-    ...D(x(y), s, f, b == null ? void 0 : b.dragProps, h == null ? void 0 : h.dropProps),
-    ...w,
-    ref: e,
-    "data-hovered": v || void 0,
-    "data-focused": u.isFocused || void 0,
-    "data-focus-visible": u.isFocusVisible || void 0,
-    "data-pressed": u.isPressed || void 0,
-    "data-dragging": k || void 0,
-    "data-drop-target": (h == null ? void 0 : h.isDropTarget) || void 0
-  }, /* @__PURE__ */ n.createElement(T, {
-    values: [
-      [
-        K,
-        {
-          slots: {
-            label: c,
-            description: d
-          }
-        }
-      ]
-    ]
-  }, w.children)), (a == null ? void 0 : a.useDropIndicator) && r.collection.getKeyAfter(t.key) == null && P({
-    type: "item",
-    key: t.key,
-    dropPosition: "after"
-  }));
-}
-function Ut(t, e) {
-  e = B(e);
-  let { dragAndDropHooks: r, dropState: i } = E(G), { dropIndicatorProps: a, isHidden: l, isDropTarget: o } = r.useDropIndicator(t, i, e);
-  return l ? null : /* @__PURE__ */ n.createElement(jt, {
-    ...t,
-    dropIndicatorProps: a,
-    isDropTarget: o,
-    ref: e
-  });
-}
-function Wt(t, e) {
-  let { dropIndicatorProps: r, isDropTarget: i, ...a } = t, l = m({
-    ...a,
-    defaultClassName: "react-aria-DropIndicator",
-    values: {
-      isDropTarget: i
-    }
-  });
-  return /* @__PURE__ */ n.createElement("div", {
-    ...r,
-    ...l,
-    // eslint-disable-next-line
-    role: "option",
-    ref: e,
-    "data-drop-target": i || void 0
-  });
-}
-const jt = /* @__PURE__ */ $(Wt), Z = /* @__PURE__ */ p(null);
-function Qt(t, e) {
-  let { arrowProps: r, placement: i } = E(Z), a = {
-    ...r.style,
-    position: "absolute",
-    [i]: "100%",
-    transform: i === "top" || i === "bottom" ? "translateX(-50%)" : "translateY(-50%)"
-  }, l = m({
-    ...t,
-    defaultClassName: "react-aria-OverlayArrow",
-    values: {
-      placement: i
-    }
-  });
-  return /* @__PURE__ */ n.createElement("div", {
-    ...D(r, t),
-    ...l,
-    style: {
-      ...l.style,
-      ...a
-    },
-    ref: e,
-    "data-placement": i
-  });
-}
-const ai = /* @__PURE__ */ $(Qt), ee = /* @__PURE__ */ p(null);
-function Xt(t, e) {
-  [t, e] = g(t, e, ee);
-  let r = t, i = fe(t), a = t.isOpen != null || t.defaultOpen != null || !(r != null && r.state) ? i : r.state, l = ye(e, a.isOpen);
-  if (a && !a.isOpen && !l) {
-    let o = t.children;
-    return typeof o == "function" && (o = o({
-      placement: "bottom",
-      isEntering: !1,
-      isExiting: !1
-    })), r.preserveChildren ? /* @__PURE__ */ n.createElement(Pe.Provider, {
-      value: !0
-    }, o) : null;
-  }
-  return /* @__PURE__ */ n.createElement(Yt, {
-    ...t,
-    triggerRef: r.triggerRef,
-    state: a,
-    popoverRef: e,
-    isExiting: l
-  });
-}
-const li = /* @__PURE__ */ $(Xt);
-function Yt({ state: t, isExiting: e, ...r }) {
-  var i;
-  let { popoverProps: a, underlayProps: l, arrowProps: o, placement: s } = je({
-    ...r,
-    offset: (i = r.offset) !== null && i !== void 0 ? i : 8
-  }, t), c = r.popoverRef, d = ge(c, !!s), u = m({
-    ...r,
-    defaultClassName: "react-aria-Popover",
-    values: {
-      placement: s,
-      isEntering: d,
-      isExiting: e
-    }
-  }), f = {
-    ...u.style,
-    ...a.style
-  };
-  return /* @__PURE__ */ n.createElement(Qe, null, !r.isNonModal && /* @__PURE__ */ n.createElement("div", {
-    ...l,
-    style: {
-      position: "fixed",
-      inset: 0
-    }
-  }), /* @__PURE__ */ n.createElement("div", {
-    ...D(x(r), a),
-    ...u,
-    ref: c,
-    slot: r.slot,
-    style: f,
-    "data-placement": s,
-    "data-entering": d || void 0,
-    "data-exiting": e || void 0
-  }, !r.isNonModal && /* @__PURE__ */ n.createElement(oe, {
-    onDismiss: t.close
-  }), /* @__PURE__ */ n.createElement(Z.Provider, {
-    value: {
-      arrowProps: o,
-      placement: s
-    }
-  }, u.children), /* @__PURE__ */ n.createElement(oe, {
-    onDismiss: t.close
-  })));
-}
-const Jt = /* @__PURE__ */ p(null), Ne = /* @__PURE__ */ p(null);
-function Zt(t, e) {
-  [t, e] = g(t, e, Jt);
-  let { locale: r } = j(), i = ft({
-    ...t,
-    locale: r
-  }), a = N(null), [l, o] = I(), { labelProps: s, fieldProps: c, descriptionProps: d, errorMessageProps: u } = pt({
-    ...t,
-    label: o
-  }, i, a), f = m({
-    ...t,
-    values: i,
-    defaultClassName: "react-aria-TimeField"
-  }), v = x(t);
-  return delete v.id, /* @__PURE__ */ n.createElement(T, {
-    values: [
-      [
-        Ne,
-        {
-          state: i,
-          fieldProps: c,
-          ref: a
-        }
-      ],
-      [
-        O,
-        {
-          ...s,
-          ref: l,
-          elementType: "span"
-        }
-      ],
-      [
-        K,
-        {
-          slots: {
-            description: d,
-            errorMessage: u
-          }
-        }
-      ]
-    ]
-  }, /* @__PURE__ */ n.createElement("div", {
-    ...v,
-    ...f,
-    ref: e,
-    slot: t.slot
-  }));
-}
-const oi = /* @__PURE__ */ $(Zt), Re = /* @__PURE__ */ p(null);
-function er({ children: t, slot: e, ...r }, i) {
-  let [{ state: a, fieldProps: l }, o] = g({
-    slot: e
-  }, i, Ne), { hoverProps: s, isHovered: c } = H({}), { isFocused: d, isFocusVisible: u, focusProps: f } = _({
-    within: !0,
-    isTextInput: !0
-  }), v = m({
-    ...r,
-    values: {
-      isHovered: c,
-      isFocusWithin: d,
-      isFocusVisible: u,
-      isDisabled: a.isDisabled
+  }), { moveProps: k } = W({
+    onMoveStart() {
+      s.current = null, e.setThumbDragging(r, !0);
     },
-    defaultClassName: "react-aria-DateInput"
-  });
-  return /* @__PURE__ */ n.createElement(Re.Provider, {
-    value: a
-  }, /* @__PURE__ */ n.createElement("div", {
-    ...D(x(r), l, f, s),
-    ...v,
-    ref: o,
-    slot: e,
-    "data-hovered": c || void 0,
-    "data-focus-visible": u || void 0,
-    "data-disabled": a.isDisabled || void 0
-  }, a.segments.map((b, h) => /* @__PURE__ */ de(t(b), {
-    key: h
-  }))));
-}
-const si = /* @__PURE__ */ $(er);
-function tr({ segment: t, ...e }, r) {
-  let i = E(Re), a = B(r), { segmentProps: l } = bt(t, i, a), o = m({
-    ...e,
-    values: {
-      ...t,
-      isReadOnly: !t.isEditable,
-      isInvalid: i.validationState === "invalid"
+    onMove({ deltaX: t, deltaY: i, pointerType: l, shiftKey: p }) {
+      const { getThumbPercent: _, setThumbPercent: F, decrementThumb: E, incrementThumb: G, step: Y, pageSize: q } = e;
+      let { width: O, height: Q } = d.current.getBoundingClientRect(), A = b ? Q : O;
+      if (s.current == null && (s.current = _(r) * A), l === "keyboard")
+        t > 0 && P || t < 0 && !P || i > 0 ? E(r, p ? q : Y) : G(r, p ? q : Y);
+      else {
+        let C = b ? i : t;
+        (b || P) && (C = -C), s.current += C, F(r, J(s.current / A, 0, 1));
+      }
     },
-    defaultChildren: t.text,
-    defaultClassName: "react-aria-DateSegment"
-  });
-  return /* @__PURE__ */ n.createElement("div", {
-    ...D(x(e), l),
-    ...o,
-    ref: a,
-    "data-type": t.type
-  });
-}
-const ni = /* @__PURE__ */ $(tr), rr = /* @__PURE__ */ p(null), ir = /* @__PURE__ */ p(null);
-function di(t) {
-  let e = fe(t), r = N(null), { triggerProps: i, overlayProps: a } = We({
-    type: "dialog"
-  }, e, r);
-  return /* @__PURE__ */ n.createElement(T, {
-    values: [
-      [
-        rr,
-        {
-          state: e
-        }
-      ],
-      [
-        ir,
-        {
-          ...a,
-          onClose: e.close
-        }
-      ],
-      [
-        z,
-        {
-          ...i,
-          isPressed: e.isOpen,
-          ref: r
-        }
-      ],
-      [
-        ee,
-        {
-          state: e,
-          triggerRef: r
-        }
-      ]
-    ]
-  }, t.children);
-}
-const ar = /* @__PURE__ */ p({}), lr = /* @__PURE__ */ p(null);
-function or(t, e) {
-  [t, e] = g(t, e, lr);
-  let { locale: r } = j(), i = Je({
-    ...t,
-    locale: r
-  }), a = N(null), [l, o] = I(), { labelProps: s, groupProps: c, inputProps: d, incrementButtonProps: u, decrementButtonProps: f, descriptionProps: v, errorMessageProps: b } = Ze({
-    ...t,
-    label: o
-  }, i, a), h = m({
-    ...t,
-    values: i,
-    defaultClassName: "react-aria-NumberField"
-  }), y = x(t);
-  return delete y.id, /* @__PURE__ */ n.createElement(T, {
-    values: [
-      [
-        ar,
-        c
-      ],
-      [
-        J,
-        {
-          ...d,
-          ref: a
-        }
-      ],
-      [
-        O,
-        {
-          ...s,
-          ref: l
-        }
-      ],
-      [
-        z,
-        {
-          slots: {
-            increment: u,
-            decrement: f
-          }
-        }
-      ],
-      [
-        K,
-        {
-          slots: {
-            description: v,
-            errorMessage: b
-          }
-        }
-      ]
-    ]
-  }, /* @__PURE__ */ n.createElement("div", {
-    ...y,
-    ...h,
-    ref: e,
-    slot: t.slot
-  }));
-}
-const ci = /* @__PURE__ */ $(or), sr = /* @__PURE__ */ p(null);
-function nr(t, e) {
-  [t, e] = g(t, e, sr);
-  let { value: r = 0, minValue: i = 0, maxValue: a = 100, isIndeterminate: l = !1 } = t, [o, s] = I(), { progressBarProps: c, labelProps: d } = $t({
-    ...t,
-    label: s
-  }), u = l ? void 0 : (r - i) / (a - i) * 100, f = m({
-    ...t,
-    defaultClassName: "react-aria-ProgressBar",
-    values: {
-      percentage: u,
-      valueText: c["aria-valuetext"],
-      isIndeterminate: l
-    }
-  });
-  return /* @__PURE__ */ n.createElement("div", {
-    ...c,
-    ...f,
-    ref: e,
-    slot: t.slot
-  }, /* @__PURE__ */ n.createElement(O.Provider, {
-    value: {
-      ...d,
-      ref: o,
-      elementType: "span"
-    }
-  }, f.children));
-}
-const ui = /* @__PURE__ */ $(nr), dr = /* @__PURE__ */ p(null);
-let Te = /* @__PURE__ */ p(null);
-function cr(t, e) {
-  [t, e] = g(t, e, dr);
-  let r = et(t), [i, a] = I(), { radioGroupProps: l, labelProps: o, descriptionProps: s, errorMessageProps: c } = tt({
-    ...t,
-    label: a
-  }, r), d = m({
-    ...t,
-    values: {
-      orientation: t.orientation || "vertical",
-      isDisabled: r.isDisabled,
-      isReadOnly: r.isReadOnly,
-      isRequired: r.isRequired,
-      validationState: r.validationState
+    onMoveEnd() {
+      e.setThumbDragging(r, !1);
+    }
+  });
+  e.setThumbEditable(r, !f);
+  const { focusableProps: B } = ie(R(a, {
+    onFocus: () => e.setFocusedThumb(r),
+    onBlur: () => e.setFocusedThumb(void 0)
+  }), T);
+  let V = I(void 0), L = (t) => {
+    u(), V.current = t, e.setThumbDragging(r, !0), D(window, "mouseup", $, !1), D(window, "touchend", $, !1), D(window, "pointerup", $, !1);
+  }, $ = (t) => {
+    var i, l;
+    ((l = t.pointerId) !== null && l !== void 0 ? l : (i = t.changedTouches) === null || i === void 0 ? void 0 : i[0].identifier) === V.current && (u(), e.setThumbDragging(r, !1), m(window, "mouseup", $, !1), m(window, "touchend", $, !1), m(window, "pointerup", $, !1));
+  }, S = e.getThumbPercent(r);
+  (b || o === "rtl") && (S = 1 - S);
+  let M = f ? {} : R(h, k, {
+    onMouseDown: (t) => {
+      t.button !== 0 || t.altKey || t.ctrlKey || t.metaKey || L();
     },
-    defaultClassName: "react-aria-RadioGroup"
-  });
-  return /* @__PURE__ */ n.createElement("div", {
-    ...l,
-    ...d,
-    ref: e,
-    slot: t.slot
-  }, /* @__PURE__ */ n.createElement(T, {
-    values: [
-      [
-        Te,
-        r
-      ],
-      [
-        O,
-        {
-          ...o,
-          ref: i
-        }
-      ],
-      [
-        K,
-        {
-          slots: {
-            description: s,
-            errorMessage: c
-          }
-        }
-      ]
-    ]
-  }, d.children));
-}
-function ur(t, e) {
-  let r = n.useContext(Te), i = B(e), { inputProps: a, isSelected: l, isDisabled: o, isPressed: s } = rt({
-    ...t,
-    // ReactNode type doesn't allow function children.
-    children: typeof t.children == "function" ? !0 : t.children
-  }, r, i), { isFocused: c, isFocusVisible: d, focusProps: u } = _(), f = o || r.isReadOnly, [v, b] = M(!1), { pressProps: h } = ce({
-    isDisabled: f,
-    onPressStart(C) {
-      C.pointerType !== "keyboard" && b(!0);
+    onPointerDown: (t) => {
+      t.button !== 0 || t.altKey || t.ctrlKey || t.metaKey || L(t.pointerId);
     },
-    onPressEnd(C) {
-      C.pointerType !== "keyboard" && b(!1);
-    }
-  }), { hoverProps: y, isHovered: k } = H({
-    isDisabled: f
-  }), w = f ? !1 : v || s, P = m({
-    ...t,
-    defaultClassName: "react-aria-Radio",
-    values: {
-      isSelected: l,
-      isPressed: w,
-      isHovered: k,
-      isFocused: c,
-      isFocusVisible: d,
-      isDisabled: o,
-      isReadOnly: r.isReadOnly,
-      validationState: r.validationState,
-      isRequired: r.isRequired
+    onTouchStart: (t) => {
+      L(t.changedTouches[0].identifier);
     }
-  }), S = x(t);
-  return delete S.id, /* @__PURE__ */ n.createElement("label", {
-    ...D(S, h, y, P),
-    "data-selected": l || void 0,
-    "data-pressed": w || void 0,
-    "data-hovered": k || void 0,
-    "data-focused": c || void 0,
-    "data-focus-visible": d || void 0,
-    "data-disabled": o || void 0,
-    "data-readonly": r.isReadOnly || void 0,
-    "data-validation-state": r.validationState || void 0,
-    "data-required": r.isRequired || void 0
-  }, /* @__PURE__ */ n.createElement(ue, {
-    elementType: "span"
-  }, /* @__PURE__ */ n.createElement("input", {
-    ...a,
-    ...u,
-    ref: i
-  })), P.children);
-}
-const fi = /* @__PURE__ */ $(cr), pi = /* @__PURE__ */ $(ur), fr = /* @__PURE__ */ p(null), Fe = /* @__PURE__ */ p(null);
-function pr(t, e) {
-  [t, e] = g(t, e, fr);
-  let [r, i] = M({
-    children: []
   });
-  var a;
-  let { portal: l, collection: o } = ve({
-    items: (a = t.items) !== null && a !== void 0 ? a : r.items,
-    children: r.children
-  }), s = vt({
-    ...t,
-    collection: o,
-    children: void 0
-  }), c = F(() => ({
-    isOpen: s.isOpen,
-    isFocused: s.isFocused
-  }), [
-    s.isOpen,
-    s.isFocused
-  ]), d = N(null), [u, f] = I(), { labelProps: v, triggerProps: b, valueProps: h, menuProps: y, descriptionProps: k, errorMessageProps: w } = ht({
-    ...t,
-    label: f
-  }, s, d), [P, S] = M(null), C = V(() => {
-    d.current && S(d.current.offsetWidth + "px");
-  }, [
-    d
-  ]);
-  Ke({
-    ref: d,
-    onResize: C
-  });
-  let L = m({
-    ...t,
-    values: c,
-    defaultClassName: "react-aria-Select"
-  }), A = x(t);
-  return delete A.id, /* @__PURE__ */ n.createElement(T, {
-    values: [
-      [
-        Fe,
-        {
-          state: s,
-          valueProps: h,
-          placeholder: t.placeholder
-        }
-      ],
-      [
-        O,
-        {
-          ...v,
-          ref: u,
-          elementType: "span"
-        }
-      ],
-      [
-        z,
-        {
-          ...b,
-          ref: d,
-          isPressed: s.isOpen
-        }
-      ],
-      [
-        ee,
-        {
-          state: s,
-          triggerRef: d,
-          preserveChildren: !0,
-          placement: "bottom start",
-          style: {
-            "--trigger-width": P
-          }
-        }
-      ],
-      [
-        Ee,
-        {
-          state: s,
-          [me]: i,
-          ...y
-        }
-      ],
-      [
-        K,
-        {
-          slots: {
-            description: k,
-            errorMessage: w
-          }
-        }
-      ]
-    ]
-  }, /* @__PURE__ */ n.createElement("div", {
-    ...A,
-    ...L,
-    ref: e,
-    slot: t.slot,
-    "data-focused": s.isFocused || void 0,
-    "data-open": s.isOpen || void 0
-  }), l, /* @__PURE__ */ n.createElement(mt, {
-    state: s,
-    triggerRef: d,
-    label: f,
-    name: t.name
-  }));
-}
-const bi = /* @__PURE__ */ $(pr);
-function br(t, e) {
-  var r, i, a;
-  let { state: l, valueProps: o, placeholder: s } = E(Fe), c = (r = l.selectedItem) === null || r === void 0 ? void 0 : r.rendered;
-  typeof c == "function" && (c = c({
-    isHovered: !1,
-    isPressed: !1,
-    isSelected: !1,
-    isFocused: !1,
-    isFocusVisible: !1,
-    isDisabled: !1,
-    selectionMode: "single",
-    selectionBehavior: "toggle"
-  }));
-  var d, u;
-  let f = m({
-    ...t,
-    // TODO: localize this.
-    defaultChildren: c || s || "Select an item",
-    defaultClassName: "react-aria-SelectValue",
-    values: {
-      selectedItem: (d = (i = l.selectedItem) === null || i === void 0 ? void 0 : i.value) !== null && d !== void 0 ? d : null,
-      selectedText: (u = (a = l.selectedItem) === null || a === void 0 ? void 0 : a.textValue) !== null && u !== void 0 ? u : null,
-      isPlaceholder: !l.selectedItem
-    }
-  }), v = x(t);
-  return delete v.id, /* @__PURE__ */ n.createElement("span", {
-    ref: e,
-    ...v,
-    ...o,
-    ...f,
-    "data-placeholder": !l.selectedItem || void 0
-  }, /* @__PURE__ */ n.createElement(K.Provider, {
-    value: void 0
-  }, f.children));
-}
-const $i = /* @__PURE__ */ $(br), $r = /* @__PURE__ */ p(null);
-function vr(t, e) {
-  [t, e] = g(t, e, $r);
-  let r = N(null), [i, a] = I(), { labelProps: l, inputProps: o, descriptionProps: s, errorMessageProps: c } = it({
-    ...t,
-    label: a
-  }, r);
-  var d;
-  return /* @__PURE__ */ n.createElement("div", {
-    ...x(t),
-    ref: e,
-    slot: t.slot,
-    className: (d = t.className) !== null && d !== void 0 ? d : "react-aria-TextField",
-    style: t.style
-  }, /* @__PURE__ */ n.createElement(T, {
-    values: [
-      [
-        O,
-        {
-          ...l,
-          ref: i
-        }
-      ],
-      [
-        J,
-        {
-          ...o,
-          ref: r
-        }
-      ],
-      [
-        K,
-        {
-          slots: {
-            description: s,
-            errorMessage: c
-          }
-        }
-      ]
-    ]
-  }, t.children));
-}
-const vi = /* @__PURE__ */ $(vr), te = /* @__PURE__ */ p(null);
-function hi(t) {
-  let e = at(t), r = N(null), { triggerProps: i, tooltipProps: a } = lt(t, e, r);
-  return /* @__PURE__ */ n.createElement(te.Provider, {
-    value: {
-      state: e,
-      triggerRef: r,
-      tooltipProps: a
-    }
-  }, /* @__PURE__ */ n.createElement(He, {
-    ...i,
-    ref: r
-  }, t.children));
-}
-function hr(t, e) {
-  let { state: r } = E(te), i = B(e), a = ye(i, r.isOpen);
-  return !r.isOpen && !a ? null : /* @__PURE__ */ n.createElement(Xe, null, /* @__PURE__ */ n.createElement(mr, {
-    ...t,
-    tooltipRef: i,
-    isExiting: a
-  }));
-}
-const mi = /* @__PURE__ */ $(hr);
-function mr(t) {
-  let { state: e, triggerRef: r, tooltipProps: i } = E(te), a = N(null), { overlayProps: l, arrowProps: o, placement: s } = Ye({
-    placement: t.placement || "top",
-    targetRef: r,
-    overlayRef: a,
-    offset: t.offset,
-    crossOffset: t.crossOffset,
-    isOpen: e.isOpen
-  }), c = ge(a, !!s), d = m({
-    ...t,
-    defaultClassName: "react-aria-Tooltip",
-    values: {
-      placement: s,
-      isEntering: c,
-      isExiting: t.isExiting
-    }
-  });
-  t = D(t, l);
-  let { tooltipProps: u } = ot(t, e);
-  return /* @__PURE__ */ n.createElement("div", {
-    ...D(i, u),
-    ref: U(a, t.tooltipRef),
-    ...d,
-    style: {
-      ...d.style,
-      ...l.style
+  return {
+    inputProps: R(B, v, {
+      type: "range",
+      tabIndex: f ? void 0 : 0,
+      min: e.getThumbMinValue(r),
+      max: e.getThumbMaxValue(r),
+      step: e.step,
+      value: n,
+      disabled: f,
+      "aria-orientation": y,
+      "aria-valuetext": e.getThumbValueLabel(r),
+      "aria-required": g || void 0,
+      "aria-invalid": K === "invalid" || void 0,
+      "aria-errormessage": a["aria-errormessage"],
+      onChange: (t) => {
+        e.setThumbValue(r, parseFloat(t.target.value));
+      }
+    }),
+    thumbProps: {
+      ...M,
+      style: {
+        position: "absolute",
+        [b ? "top" : "left"]: `${S * 100}%`,
+        transform: "translate(-50%, -50%)",
+        touchAction: "none"
+      }
     },
-    "data-placement": s,
-    "data-entering": c || void 0,
-    "data-exiting": t.isExiting || void 0
-  }, /* @__PURE__ */ n.createElement(Z.Provider, {
-    value: {
-      arrowProps: o,
-      placement: s
-    }
-  }, d.children));
+    labelProps: x,
+    isDragging: e.isThumbDragging(r),
+    isDisabled: f,
+    isFocused: c
+  };
 }
 export {
-  Jr as Button,
-  z as ButtonContext,
-  ei as Checkbox,
-  Mt as CheckboxContext,
-  ti as CheckboxGroup,
-  Tt as CheckboxGroupContext,
-  si as DateInput,
-  ni as DateSegment,
-  ir as DialogContext,
-  di as DialogTrigger,
-  Vt as DropIndicator,
-  Ce as DropIndicatorContext,
-  ar as GroupContext,
-  _t as Header,
-  ri as Input,
-  J as InputContext,
-  Xr as Item,
-  Zr as Label,
-  O as LabelContext,
-  ii as ListBox,
-  Ee as ListBoxContext,
-  rr as ModalContext,
-  ci as NumberField,
-  lr as NumberFieldContext,
-  ai as OverlayArrow,
-  li as Popover,
-  ee as PopoverContext,
-  ui as ProgressBar,
-  sr as ProgressBarContext,
-  T as Provider,
-  pi as Radio,
-  fi as RadioGroup,
-  dr as RadioGroupContext,
-  xi as SSRProvider,
-  Yr as Section,
-  bi as Select,
-  fr as SelectContext,
-  $i as SelectValue,
-  At as Separator,
-  De as SeparatorContext,
-  K as TextContext,
-  vi as TextField,
-  $r as TextFieldContext,
-  oi as TimeField,
-  Jt as TimeFieldContext,
-  mi as Tooltip,
-  hi as TooltipTrigger,
-  g as useContextProps
+  fe as useSlider,
+  be as useSliderThumb
 };