@cloudflare/kumo 1.15.0 → 1.16.0

package/dist/chunks/{vendor-base-ui-cpvkrhz4zgw9nw2b.js → vendor-base-ui-ccr5l0ynrievzzv3.js}

@@ -15218,6 +15218,161 @@ const QS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 function eC(e) {
   return re(e.defaultTagName ?? "div", e, e);
 }
+function $m(e) {
+  const {
+    open: t,
+    defaultOpen: n,
+    onOpenChange: r,
+    disabled: i
+  } = e, s = t !== void 0, [c, a] = wt({
+    controlled: t,
+    default: n,
+    name: "Collapsible",
+    state: "open"
+  }), {
+    mounted: l,
+    setMounted: u,
+    transitionStatus: d
+  } = Mt(c, !0, !0), [f, g] = o.useState(c), [{
+    height: h,
+    width: p
+  }, m] = o.useState({
+    height: void 0,
+    width: void 0
+  }), v = qe(), [y, b] = o.useState(), x = y ?? v, [R, E] = o.useState(!1), [S, w] = o.useState(!1), T = o.useRef(null), O = o.useRef(null), D = o.useRef(null), A = o.useRef(null), C = Mr(A, !1), P = te((N) => {
+    const I = !c, k = pe(an, N.nativeEvent);
+    if (r(I, k), k.isCanceled)
+      return;
+    const M = A.current;
+    O.current === "css-animation" && M != null && M.style.removeProperty("animation-name"), !R && !S && (O.current != null && O.current !== "css-animation" && !l && I && u(!0), O.current === "css-animation" && (!f && I && g(!0), !l && I && u(!0))), a(I), O.current === "none" && l && !I && u(!1);
+  });
+  return de(() => {
+    s && O.current === "none" && !S && !c && u(!1);
+  }, [s, S, c, t, u]), o.useMemo(() => ({
+    abortControllerRef: T,
+    animationTypeRef: O,
+    disabled: i,
+    handleTrigger: P,
+    height: h,
+    mounted: l,
+    open: c,
+    panelId: x,
+    panelRef: A,
+    runOnceAnimationsFinish: C,
+    setDimensions: m,
+    setHiddenUntilFound: E,
+    setKeepMounted: w,
+    setMounted: u,
+    setOpen: a,
+    setPanelIdState: b,
+    setVisible: g,
+    transitionDimensionRef: D,
+    transitionStatus: d,
+    visible: f,
+    width: p
+  }), [T, O, i, P, h, l, c, x, A, C, m, E, w, u, a, g, D, d, f, p]);
+}
+const fi = /* @__PURE__ */ o.createContext(void 0);
+process.env.NODE_ENV !== "production" && (fi.displayName = "CollapsibleRootContext");
+function pi() {
+  const e = o.useContext(fi);
+  if (e === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: CollapsibleRootContext is missing. Collapsible parts must be placed within <Collapsible.Root>." : De(15));
+  return e;
+}
+let br = (function(e) {
+  return e.open = "data-open", e.closed = "data-closed", e[e.startingStyle = $n.startingStyle] = "startingStyle", e[e.endingStyle = $n.endingStyle] = "endingStyle", e;
+})({}), hR = /* @__PURE__ */ (function(e) {
+  return e.panelOpen = "data-panel-open", e;
+})({});
+const bR = {
+  [br.open]: ""
+}, vR = {
+  [br.closed]: ""
+}, Wm = {
+  open(e) {
+    return e ? {
+      [hR.panelOpen]: ""
+    } : null;
+  }
+}, Ym = {
+  open(e) {
+    return e ? bR : vR;
+  }
+}, Gm = {
+  ...Ym,
+  ...it
+}, zm = /* @__PURE__ */ o.forwardRef(function(t, n) {
+  const {
+    render: r,
+    className: i,
+    defaultOpen: s = !1,
+    disabled: c = !1,
+    onOpenChange: a,
+    open: l,
+    ...u
+  } = t, d = te(a), f = $m({
+    open: l,
+    defaultOpen: s,
+    onOpenChange: d,
+    disabled: c
+  }), g = o.useMemo(() => ({
+    open: f.open,
+    disabled: f.disabled,
+    transitionStatus: f.transitionStatus
+  }), [f.open, f.disabled, f.transitionStatus]), h = o.useMemo(() => ({
+    ...f,
+    onOpenChange: d,
+    state: g
+  }), [f, d, g]), p = re("div", t, {
+    state: g,
+    ref: n,
+    props: u,
+    stateAttributesMapping: Gm
+  });
+  return /* @__PURE__ */ Z(fi.Provider, {
+    value: h,
+    children: p
+  });
+});
+process.env.NODE_ENV !== "production" && (zm.displayName = "CollapsibleRoot");
+const yR = {
+  ...Wm,
+  ...it
+}, Km = /* @__PURE__ */ o.forwardRef(function(t, n) {
+  const {
+    panelId: r,
+    open: i,
+    handleTrigger: s,
+    state: c,
+    disabled: a
+  } = pi(), {
+    className: l,
+    disabled: u = a,
+    id: d,
+    render: f,
+    nativeButton: g = !0,
+    ...h
+  } = t, {
+    getButtonProps: p,
+    buttonRef: m
+  } = yt({
+    disabled: u,
+    focusableWhenDisabled: !0,
+    native: g
+  }), v = o.useMemo(() => ({
+    "aria-controls": i ? r : void 0,
+    "aria-expanded": i,
+    onClick: s
+  }), [r, i, s]);
+  return re("button", t, {
+    state: c,
+    ref: [n, m],
+    props: [v, h, p],
+    stateAttributesMapping: yR
+  });
+});
+process.env.NODE_ENV !== "production" && (Km.displayName = "CollapsibleTrigger");
 let la;
 process.env.NODE_ENV !== "production" && (la = /* @__PURE__ */ new Set());
 function Ur(...e) {
@@ -15226,7 +15381,266 @@ function Ur(...e) {
     la.has(t) || (la.add(t), console.warn(`Base UI: ${t}`));
   }
 }
-const Bl = /* @__PURE__ */ o.createContext(void 0);
+let ER = /* @__PURE__ */ (function(e) {
+  return e.disabled = "data-disabled", e.orientation = "data-orientation", e;
+})({});
+function Xm(e) {
+  const {
+    abortControllerRef: t,
+    animationTypeRef: n,
+    externalRef: r,
+    height: i,
+    hiddenUntilFound: s,
+    keepMounted: c,
+    id: a,
+    mounted: l,
+    onOpenChange: u,
+    open: d,
+    panelRef: f,
+    runOnceAnimationsFinish: g,
+    setDimensions: h,
+    setMounted: p,
+    setOpen: m,
+    setVisible: v,
+    transitionDimensionRef: y,
+    visible: b,
+    width: x
+  } = e, R = o.useRef(!1), E = o.useRef(null), S = o.useRef(d), w = o.useRef(d), T = Wn(), O = o.useMemo(() => n.current === "css-animation" ? !b : !d && !l, [d, l, b, n]), D = te((C) => {
+    if (!C)
+      return;
+    if (n.current == null || y.current == null) {
+      const I = getComputedStyle(C), k = I.animationName !== "none" && I.animationName !== "", M = I.transitionDuration !== "0s" && I.transitionDuration !== "";
+      k && M ? process.env.NODE_ENV !== "production" && Ur("CSS transitions and CSS animations both detected on Collapsible or Accordion panel.", "Only one of either animation type should be used.") : I.animationName === "none" && I.transitionDuration !== "0s" ? n.current = "css-transition" : I.animationName !== "none" && I.transitionDuration === "0s" ? n.current = "css-animation" : n.current = "none", C.getAttribute(ER.orientation) === "horizontal" || I.transitionProperty.indexOf("width") > -1 ? y.current = "width" : y.current = "height";
+    }
+    if (n.current !== "css-transition")
+      return;
+    (i === void 0 || x === void 0) && (h({
+      height: C.scrollHeight,
+      width: C.scrollWidth
+    }), w.current && C.style.setProperty("transition-duration", "0s"));
+    let P = -1, N = -1;
+    return P = St.request(() => {
+      w.current = !1, N = St.request(() => {
+        setTimeout(() => {
+          C.style.removeProperty("transition-duration");
+        });
+      });
+    }), () => {
+      St.cancel(P), St.cancel(N);
+    };
+  }), A = kt(r, f, D);
+  return de(() => {
+    if (n.current !== "css-transition")
+      return;
+    const C = f.current;
+    if (!C)
+      return;
+    let P = -1;
+    if (t.current != null && (t.current.abort(), t.current = null), d) {
+      const N = {
+        "justify-content": C.style.justifyContent,
+        "align-items": C.style.alignItems,
+        "align-content": C.style.alignContent,
+        "justify-items": C.style.justifyItems
+      };
+      Object.keys(N).forEach((I) => {
+        C.style.setProperty(I, "initial", "important");
+      }), !w.current && !c && C.setAttribute(br.startingStyle, ""), h({
+        height: C.scrollHeight,
+        width: C.scrollWidth
+      }), P = St.request(() => {
+        Object.entries(N).forEach(([I, k]) => {
+          k === "" ? C.style.removeProperty(I) : C.style.setProperty(I, k);
+        });
+      });
+    } else {
+      if (C.scrollHeight === 0 && C.scrollWidth === 0)
+        return;
+      h({
+        height: C.scrollHeight,
+        width: C.scrollWidth
+      });
+      const N = new AbortController();
+      t.current = N;
+      const I = N.signal;
+      let k = null;
+      const M = br.endingStyle;
+      return k = new MutationObserver((V) => {
+        V.some(($) => $.type === "attributes" && $.attributeName === M) && (k?.disconnect(), k = null, g(() => {
+          h({
+            height: 0,
+            width: 0
+          }), C.style.removeProperty("content-visibility"), p(!1), t.current === N && (t.current = null);
+        }, I));
+      }), k.observe(C, {
+        attributes: !0,
+        attributeFilter: [M]
+      }), () => {
+        k?.disconnect(), T.cancel(), t.current === N && (N.abort(), t.current = null);
+      };
+    }
+    return () => {
+      St.cancel(P);
+    };
+  }, [t, n, T, s, c, l, d, f, g, h, p]), de(() => {
+    if (n.current !== "css-animation")
+      return;
+    const C = f.current;
+    C && (E.current = C.style.animationName || E.current, C.style.setProperty("animation-name", "none"), h({
+      height: C.scrollHeight,
+      width: C.scrollWidth
+    }), !S.current && !R.current && C.style.removeProperty("animation-name"), d ? (t.current != null && (t.current.abort(), t.current = null), p(!0), v(!0)) : (t.current = new AbortController(), g(() => {
+      p(!1), v(!1), t.current = null;
+    }, t.current.signal)));
+  }, [t, n, d, f, g, h, p, v, b]), _n(() => {
+    const C = St.request(() => {
+      S.current = !1;
+    });
+    return () => St.cancel(C);
+  }), de(() => {
+    if (!s)
+      return;
+    const C = f.current;
+    if (!C)
+      return;
+    let P = -1, N = -1;
+    return d && R.current && (C.style.transitionDuration = "0s", h({
+      height: C.scrollHeight,
+      width: C.scrollWidth
+    }), P = St.request(() => {
+      R.current = !1, N = St.request(() => {
+        setTimeout(() => {
+          C.style.removeProperty("transition-duration");
+        });
+      });
+    })), () => {
+      St.cancel(P), St.cancel(N);
+    };
+  }, [s, d, f, h]), de(() => {
+    const C = f.current;
+    C && s && O && (C.setAttribute("hidden", "until-found"), n.current === "css-transition" && C.setAttribute(br.startingStyle, ""));
+  }, [s, O, n, f]), o.useEffect(function() {
+    const P = f.current;
+    if (!P)
+      return;
+    function N(I) {
+      R.current = !0, m(!0), u(!0, pe(ct, I));
+    }
+    return P.addEventListener("beforematch", N), () => {
+      P.removeEventListener("beforematch", N);
+    };
+  }, [u, f, m]), o.useMemo(() => ({
+    props: {
+      hidden: O,
+      id: a,
+      ref: A
+    }
+  }), [O, a, A]);
+}
+let fd = /* @__PURE__ */ (function(e) {
+  return e.collapsiblePanelHeight = "--collapsible-panel-height", e.collapsiblePanelWidth = "--collapsible-panel-width", e;
+})({});
+const jm = /* @__PURE__ */ o.forwardRef(function(t, n) {
+  const {
+    className: r,
+    hiddenUntilFound: i,
+    keepMounted: s,
+    render: c,
+    id: a,
+    ...l
+  } = t;
+  process.env.NODE_ENV !== "production" && de(() => {
+    i && s === !1 && Ur("The `keepMounted={false}` prop on a Collapsible will be ignored when using `hiddenUntilFound` since it requires the Panel to remain mounted even when closed.");
+  }, [i, s]);
+  const {
+    abortControllerRef: u,
+    animationTypeRef: d,
+    height: f,
+    mounted: g,
+    onOpenChange: h,
+    open: p,
+    panelId: m,
+    panelRef: v,
+    runOnceAnimationsFinish: y,
+    setDimensions: b,
+    setHiddenUntilFound: x,
+    setKeepMounted: R,
+    setMounted: E,
+    setPanelIdState: S,
+    setOpen: w,
+    setVisible: T,
+    state: O,
+    transitionDimensionRef: D,
+    visible: A,
+    width: C,
+    transitionStatus: P
+  } = pi(), N = i ?? !1, I = s ?? !1;
+  de(() => {
+    if (a)
+      return S(a), () => {
+        S(void 0);
+      };
+  }, [a, S]), de(() => {
+    x(N);
+  }, [x, N]), de(() => {
+    R(I);
+  }, [R, I]);
+  const {
+    props: k
+  } = Xm({
+    abortControllerRef: u,
+    animationTypeRef: d,
+    externalRef: n,
+    height: f,
+    hiddenUntilFound: N,
+    id: m,
+    keepMounted: I,
+    mounted: g,
+    onOpenChange: h,
+    open: p,
+    panelRef: v,
+    runOnceAnimationsFinish: y,
+    setDimensions: b,
+    setMounted: E,
+    setOpen: w,
+    setVisible: T,
+    transitionDimensionRef: D,
+    visible: A,
+    width: C
+  });
+  ht({
+    open: p && P === "idle",
+    ref: v,
+    onComplete() {
+      p && b({
+        height: void 0,
+        width: void 0
+      });
+    }
+  });
+  const M = o.useMemo(() => ({
+    ...O,
+    transitionStatus: P
+  }), [O, P]), V = re("div", t, {
+    state: M,
+    ref: [n, v],
+    props: [k, {
+      style: {
+        [fd.collapsiblePanelHeight]: f === void 0 ? "auto" : `${f}px`,
+        [fd.collapsiblePanelWidth]: C === void 0 ? "auto" : `${C}px`
+      }
+    }, l],
+    stateAttributesMapping: Gm
+  });
+  return I || N || !I && g ? V : null;
+});
+process.env.NODE_ENV !== "production" && (jm.displayName = "CollapsiblePanel");
+const tC = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Panel: jm,
+  Root: zm,
+  Trigger: Km
+}, Symbol.toStringTag, { value: "Module" })), Bl = /* @__PURE__ */ o.createContext(void 0);
 process.env.NODE_ENV !== "production" && (Bl.displayName = "AccordionRootContext");
 function Ul() {
   const e = o.useContext(Bl);
@@ -15234,9 +15648,9 @@ function Ul() {
     throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: AccordionRootContext is missing. Accordion parts must be placed within <Accordion.Root>." : De(10));
   return e;
 }
-const hR = {
+const RR = {
   value: () => null
-}, $m = /* @__PURE__ */ o.forwardRef(function(t, n) {
+}, qm = /* @__PURE__ */ o.forwardRef(function(t, n) {
   const {
     render: r,
     className: i,
@@ -15304,79 +15718,17 @@ const hR = {
       dir: m,
       role: "region"
     }, p],
-    stateAttributesMapping: hR
+    stateAttributesMapping: RR
   });
   return /* @__PURE__ */ Z(Bl.Provider, {
     value: w,
     children: /* @__PURE__ */ Z(co, {
       elementsRef: b,
-      children: T
-    })
-  });
-});
-process.env.NODE_ENV !== "production" && ($m.displayName = "AccordionRoot");
-function Wm(e) {
-  const {
-    open: t,
-    defaultOpen: n,
-    onOpenChange: r,
-    disabled: i
-  } = e, s = t !== void 0, [c, a] = wt({
-    controlled: t,
-    default: n,
-    name: "Collapsible",
-    state: "open"
-  }), {
-    mounted: l,
-    setMounted: u,
-    transitionStatus: d
-  } = Mt(c, !0, !0), [f, g] = o.useState(c), [{
-    height: h,
-    width: p
-  }, m] = o.useState({
-    height: void 0,
-    width: void 0
-  }), v = qe(), [y, b] = o.useState(), x = y ?? v, [R, E] = o.useState(!1), [S, w] = o.useState(!1), T = o.useRef(null), O = o.useRef(null), D = o.useRef(null), A = o.useRef(null), C = Mr(A, !1), P = te((N) => {
-    const I = !c, k = pe(an, N.nativeEvent);
-    if (r(I, k), k.isCanceled)
-      return;
-    const M = A.current;
-    O.current === "css-animation" && M != null && M.style.removeProperty("animation-name"), !R && !S && (O.current != null && O.current !== "css-animation" && !l && I && u(!0), O.current === "css-animation" && (!f && I && g(!0), !l && I && u(!0))), a(I), O.current === "none" && l && !I && u(!1);
-  });
-  return de(() => {
-    s && O.current === "none" && !S && !c && u(!1);
-  }, [s, S, c, t, u]), o.useMemo(() => ({
-    abortControllerRef: T,
-    animationTypeRef: O,
-    disabled: i,
-    handleTrigger: P,
-    height: h,
-    mounted: l,
-    open: c,
-    panelId: x,
-    panelRef: A,
-    runOnceAnimationsFinish: C,
-    setDimensions: m,
-    setHiddenUntilFound: E,
-    setKeepMounted: w,
-    setMounted: u,
-    setOpen: a,
-    setPanelIdState: b,
-    setVisible: g,
-    transitionDimensionRef: D,
-    transitionStatus: d,
-    visible: f,
-    width: p
-  }), [T, O, i, P, h, l, c, x, A, C, m, E, w, u, a, g, D, d, f, p]);
-}
-const fi = /* @__PURE__ */ o.createContext(void 0);
-process.env.NODE_ENV !== "production" && (fi.displayName = "CollapsibleRootContext");
-function pi() {
-  const e = o.useContext(fi);
-  if (e === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: CollapsibleRootContext is missing. Collapsible parts must be placed within <Collapsible.Root>." : De(15));
-  return e;
-}
+      children: T
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (qm.displayName = "AccordionRoot");
 const $l = /* @__PURE__ */ o.createContext(void 0);
 process.env.NODE_ENV !== "production" && ($l.displayName = "AccordionItemContext");
 function Wl() {
@@ -15385,37 +15737,17 @@ function Wl() {
     throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: AccordionItemContext is missing. Accordion parts must be placed within <Accordion.Item>." : De(9));
   return e;
 }
-let br = (function(e) {
-  return e.open = "data-open", e.closed = "data-closed", e[e.startingStyle = $n.startingStyle] = "startingStyle", e[e.endingStyle = $n.endingStyle] = "endingStyle", e;
-})({}), bR = /* @__PURE__ */ (function(e) {
-  return e.panelOpen = "data-panel-open", e;
-})({});
-const vR = {
-  [br.open]: ""
-}, yR = {
-  [br.closed]: ""
-}, Ym = {
-  open(e) {
-    return e ? {
-      [bR.panelOpen]: ""
-    } : null;
-  }
-}, Gm = {
-  open(e) {
-    return e ? vR : yR;
-  }
-};
-let ER = /* @__PURE__ */ (function(e) {
+let xR = /* @__PURE__ */ (function(e) {
   return e.index = "data-index", e.disabled = "data-disabled", e.open = "data-open", e;
 })({});
 const Yl = {
-  ...Gm,
+  ...Ym,
   index: (e) => Number.isInteger(e) ? {
-    [ER.index]: String(e)
+    [xR.index]: String(e)
   } : null,
   ...it,
   value: () => null
-}, zm = /* @__PURE__ */ o.forwardRef(function(t, n) {
+}, Zm = /* @__PURE__ */ o.forwardRef(function(t, n) {
   const {
     className: r,
     disabled: i = !1,
@@ -15440,7 +15772,7 @@ const Yl = {
     return !1;
   }, [m, y]), R = te((P, N) => {
     s?.(P, N), !N.isCanceled && h(y, P);
-  }), E = Wm({
+  }), E = $m({
     open: x,
     onOpenChange: R,
     disabled: b
@@ -15477,8 +15809,8 @@ const Yl = {
     })
   });
 });
-process.env.NODE_ENV !== "production" && (zm.displayName = "AccordionItem");
-const Km = /* @__PURE__ */ o.forwardRef(function(t, n) {
+process.env.NODE_ENV !== "production" && (Zm.displayName = "AccordionItem");
+const Jm = /* @__PURE__ */ o.forwardRef(function(t, n) {
   const {
     render: r,
     className: i,
@@ -15493,263 +15825,107 @@ const Km = /* @__PURE__ */ o.forwardRef(function(t, n) {
     stateAttributesMapping: Yl
   });
 });
-process.env.NODE_ENV !== "production" && (Km.displayName = "AccordionHeader");
-const RR = /* @__PURE__ */ new Set([Cn, Vn, wn, kn, lo, uo]);
-function xR(e) {
+process.env.NODE_ENV !== "production" && (Jm.displayName = "AccordionHeader");
+const SR = /* @__PURE__ */ new Set([Cn, Vn, wn, kn, lo, uo]);
+function CR(e) {
   const {
     current: t
   } = e, n = [];
   for (let r = 0; r < t.length; r += 1) {
     const i = t[r];
-    if (!aa(i)) {
-      const s = i?.querySelector('[type="button"], [role="button"]');
-      s && !aa(s) && n.push(s);
-    }
-  }
-  return n;
-}
-const Xm = /* @__PURE__ */ o.forwardRef(function(t, n) {
-  const {
-    disabled: r,
-    className: i,
-    id: s,
-    render: c,
-    nativeButton: a = !0,
-    ...l
-  } = t, {
-    panelId: u,
-    open: d,
-    handleTrigger: f,
-    disabled: g
-  } = pi(), h = r ?? g, {
-    getButtonProps: p,
-    buttonRef: m
-  } = yt({
-    disabled: h,
-    focusableWhenDisabled: !0,
-    native: a
-  }), {
-    accordionItemRefs: v,
-    direction: y,
-    loopFocus: b,
-    orientation: x
-  } = Ul(), R = y === "rtl", E = x === "horizontal", {
-    state: S,
-    setTriggerId: w,
-    triggerId: T
-  } = Wl();
-  de(() => (s && w(s), () => {
-    w(void 0);
-  }), [s, w]);
-  const O = o.useMemo(() => ({
-    "aria-controls": d ? u : void 0,
-    "aria-expanded": d,
-    id: T,
-    onClick: f,
-    onKeyDown(A) {
-      if (!RR.has(A.key))
-        return;
-      ft(A);
-      const C = xR(v), N = C.length - 1;
-      let I = -1;
-      const k = C.indexOf(A.target);
-      function M() {
-        b ? I = k + 1 > N ? 0 : k + 1 : I = Math.min(k + 1, N);
-      }
-      function V() {
-        b ? I = k === 0 ? N : k - 1 : I = k - 1;
-      }
-      switch (A.key) {
-        case Cn:
-          E || M();
-          break;
-        case Vn:
-          E || V();
-          break;
-        case wn:
-          E && (R ? V() : M());
-          break;
-        case kn:
-          E && (R ? M() : V());
-          break;
-        case "Home":
-          I = 0;
-          break;
-        case "End":
-          I = N;
-          break;
-      }
-      I > -1 && C[I].focus();
-    }
-  }), [v, f, T, E, R, b, d, u]);
-  return re("button", t, {
-    state: S,
-    ref: [n, m],
-    props: [O, l, p],
-    stateAttributesMapping: Ym
-  });
-});
-process.env.NODE_ENV !== "production" && (Xm.displayName = "AccordionTrigger");
-let SR = /* @__PURE__ */ (function(e) {
-  return e.disabled = "data-disabled", e.orientation = "data-orientation", e;
-})({});
-function jm(e) {
-  const {
-    abortControllerRef: t,
-    animationTypeRef: n,
-    externalRef: r,
-    height: i,
-    hiddenUntilFound: s,
-    keepMounted: c,
-    id: a,
-    mounted: l,
-    onOpenChange: u,
-    open: d,
-    panelRef: f,
-    runOnceAnimationsFinish: g,
-    setDimensions: h,
-    setMounted: p,
-    setOpen: m,
-    setVisible: v,
-    transitionDimensionRef: y,
-    visible: b,
-    width: x
-  } = e, R = o.useRef(!1), E = o.useRef(null), S = o.useRef(d), w = o.useRef(d), T = Wn(), O = o.useMemo(() => n.current === "css-animation" ? !b : !d && !l, [d, l, b, n]), D = te((C) => {
-    if (!C)
-      return;
-    if (n.current == null || y.current == null) {
-      const I = getComputedStyle(C), k = I.animationName !== "none" && I.animationName !== "", M = I.transitionDuration !== "0s" && I.transitionDuration !== "";
-      k && M ? process.env.NODE_ENV !== "production" && Ur("CSS transitions and CSS animations both detected on Collapsible or Accordion panel.", "Only one of either animation type should be used.") : I.animationName === "none" && I.transitionDuration !== "0s" ? n.current = "css-transition" : I.animationName !== "none" && I.transitionDuration === "0s" ? n.current = "css-animation" : n.current = "none", C.getAttribute(SR.orientation) === "horizontal" || I.transitionProperty.indexOf("width") > -1 ? y.current = "width" : y.current = "height";
-    }
-    if (n.current !== "css-transition")
-      return;
-    (i === void 0 || x === void 0) && (h({
-      height: C.scrollHeight,
-      width: C.scrollWidth
-    }), w.current && C.style.setProperty("transition-duration", "0s"));
-    let P = -1, N = -1;
-    return P = St.request(() => {
-      w.current = !1, N = St.request(() => {
-        setTimeout(() => {
-          C.style.removeProperty("transition-duration");
-        });
-      });
-    }), () => {
-      St.cancel(P), St.cancel(N);
-    };
-  }), A = kt(r, f, D);
-  return de(() => {
-    if (n.current !== "css-transition")
-      return;
-    const C = f.current;
-    if (!C)
-      return;
-    let P = -1;
-    if (t.current != null && (t.current.abort(), t.current = null), d) {
-      const N = {
-        "justify-content": C.style.justifyContent,
-        "align-items": C.style.alignItems,
-        "align-content": C.style.alignContent,
-        "justify-items": C.style.justifyItems
-      };
-      Object.keys(N).forEach((I) => {
-        C.style.setProperty(I, "initial", "important");
-      }), !w.current && !c && C.setAttribute(br.startingStyle, ""), h({
-        height: C.scrollHeight,
-        width: C.scrollWidth
-      }), P = St.request(() => {
-        Object.entries(N).forEach(([I, k]) => {
-          k === "" ? C.style.removeProperty(I) : C.style.setProperty(I, k);
-        });
-      });
-    } else {
-      if (C.scrollHeight === 0 && C.scrollWidth === 0)
-        return;
-      h({
-        height: C.scrollHeight,
-        width: C.scrollWidth
-      });
-      const N = new AbortController();
-      t.current = N;
-      const I = N.signal;
-      let k = null;
-      const M = br.endingStyle;
-      return k = new MutationObserver((V) => {
-        V.some(($) => $.type === "attributes" && $.attributeName === M) && (k?.disconnect(), k = null, g(() => {
-          h({
-            height: 0,
-            width: 0
-          }), C.style.removeProperty("content-visibility"), p(!1), t.current === N && (t.current = null);
-        }, I));
-      }), k.observe(C, {
-        attributes: !0,
-        attributeFilter: [M]
-      }), () => {
-        k?.disconnect(), T.cancel(), t.current === N && (N.abort(), t.current = null);
-      };
-    }
-    return () => {
-      St.cancel(P);
-    };
-  }, [t, n, T, s, c, l, d, f, g, h, p]), de(() => {
-    if (n.current !== "css-animation")
-      return;
-    const C = f.current;
-    C && (E.current = C.style.animationName || E.current, C.style.setProperty("animation-name", "none"), h({
-      height: C.scrollHeight,
-      width: C.scrollWidth
-    }), !S.current && !R.current && C.style.removeProperty("animation-name"), d ? (t.current != null && (t.current.abort(), t.current = null), p(!0), v(!0)) : (t.current = new AbortController(), g(() => {
-      p(!1), v(!1), t.current = null;
-    }, t.current.signal)));
-  }, [t, n, d, f, g, h, p, v, b]), _n(() => {
-    const C = St.request(() => {
-      S.current = !1;
-    });
-    return () => St.cancel(C);
-  }), de(() => {
-    if (!s)
-      return;
-    const C = f.current;
-    if (!C)
-      return;
-    let P = -1, N = -1;
-    return d && R.current && (C.style.transitionDuration = "0s", h({
-      height: C.scrollHeight,
-      width: C.scrollWidth
-    }), P = St.request(() => {
-      R.current = !1, N = St.request(() => {
-        setTimeout(() => {
-          C.style.removeProperty("transition-duration");
-        });
-      });
-    })), () => {
-      St.cancel(P), St.cancel(N);
-    };
-  }, [s, d, f, h]), de(() => {
-    const C = f.current;
-    C && s && O && (C.setAttribute("hidden", "until-found"), n.current === "css-transition" && C.setAttribute(br.startingStyle, ""));
-  }, [s, O, n, f]), o.useEffect(function() {
-    const P = f.current;
-    if (!P)
-      return;
-    function N(I) {
-      R.current = !0, m(!0), u(!0, pe(ct, I));
-    }
-    return P.addEventListener("beforematch", N), () => {
-      P.removeEventListener("beforematch", N);
-    };
-  }, [u, f, m]), o.useMemo(() => ({
-    props: {
-      hidden: O,
-      id: a,
-      ref: A
+    if (!aa(i)) {
+      const s = i?.querySelector('[type="button"], [role="button"]');
+      s && !aa(s) && n.push(s);
     }
-  }), [O, a, A]);
+  }
+  return n;
 }
-let fd = /* @__PURE__ */ (function(e) {
+const Qm = /* @__PURE__ */ o.forwardRef(function(t, n) {
+  const {
+    disabled: r,
+    className: i,
+    id: s,
+    render: c,
+    nativeButton: a = !0,
+    ...l
+  } = t, {
+    panelId: u,
+    open: d,
+    handleTrigger: f,
+    disabled: g
+  } = pi(), h = r ?? g, {
+    getButtonProps: p,
+    buttonRef: m
+  } = yt({
+    disabled: h,
+    focusableWhenDisabled: !0,
+    native: a
+  }), {
+    accordionItemRefs: v,
+    direction: y,
+    loopFocus: b,
+    orientation: x
+  } = Ul(), R = y === "rtl", E = x === "horizontal", {
+    state: S,
+    setTriggerId: w,
+    triggerId: T
+  } = Wl();
+  de(() => (s && w(s), () => {
+    w(void 0);
+  }), [s, w]);
+  const O = o.useMemo(() => ({
+    "aria-controls": d ? u : void 0,
+    "aria-expanded": d,
+    id: T,
+    onClick: f,
+    onKeyDown(A) {
+      if (!SR.has(A.key))
+        return;
+      ft(A);
+      const C = CR(v), N = C.length - 1;
+      let I = -1;
+      const k = C.indexOf(A.target);
+      function M() {
+        b ? I = k + 1 > N ? 0 : k + 1 : I = Math.min(k + 1, N);
+      }
+      function V() {
+        b ? I = k === 0 ? N : k - 1 : I = k - 1;
+      }
+      switch (A.key) {
+        case Cn:
+          E || M();
+          break;
+        case Vn:
+          E || V();
+          break;
+        case wn:
+          E && (R ? V() : M());
+          break;
+        case kn:
+          E && (R ? M() : V());
+          break;
+        case "Home":
+          I = 0;
+          break;
+        case "End":
+          I = N;
+          break;
+      }
+      I > -1 && C[I].focus();
+    }
+  }), [v, f, T, E, R, b, d, u]);
+  return re("button", t, {
+    state: S,
+    ref: [n, m],
+    props: [O, l, p],
+    stateAttributesMapping: Wm
+  });
+});
+process.env.NODE_ENV !== "production" && (Qm.displayName = "AccordionTrigger");
+let pd = /* @__PURE__ */ (function(e) {
   return e.accordionPanelHeight = "--accordion-panel-height", e.accordionPanelWidth = "--accordion-panel-width", e;
 })({});
-const qm = /* @__PURE__ */ o.forwardRef(function(t, n) {
+const eg = /* @__PURE__ */ o.forwardRef(function(t, n) {
   const {
     className: r,
     hiddenUntilFound: i,
@@ -15805,7 +15981,7 @@ const qm = /* @__PURE__ */ o.forwardRef(function(t, n) {
   });
   const {
     props: M
-  } = jm({
+  } = Xm({
     abortControllerRef: f,
     animationTypeRef: g,
     externalRef: n,
@@ -15838,25 +16014,25 @@ const qm = /* @__PURE__ */ o.forwardRef(function(t, n) {
       "aria-labelledby": _,
       role: "region",
       style: {
-        [fd.accordionPanelHeight]: h === void 0 ? "auto" : `${h}px`,
-        [fd.accordionPanelWidth]: C === void 0 ? "auto" : `${C}px`
+        [pd.accordionPanelHeight]: h === void 0 ? "auto" : `${h}px`,
+        [pd.accordionPanelWidth]: C === void 0 ? "auto" : `${C}px`
       }
     }, l],
     stateAttributesMapping: Yl
   });
   return k || I || !k && p ? X : null;
 });
-process.env.NODE_ENV !== "production" && (qm.displayName = "AccordionPanel");
-const tC = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+process.env.NODE_ENV !== "production" && (eg.displayName = "AccordionPanel");
+const nC = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Header: Km,
-  Item: zm,
-  Panel: qm,
-  Root: $m,
-  Trigger: Xm
+  Header: Jm,
+  Item: Zm,
+  Panel: eg,
+  Root: qm,
+  Trigger: Qm
 }, Symbol.toStringTag, { value: "Module" })), Gl = /* @__PURE__ */ o.createContext(void 0);
 process.env.NODE_ENV !== "production" && (Gl.displayName = "AvatarRootContext");
-function Zm() {
+function tg() {
   const e = o.useContext(Gl);
   if (e === void 0)
     throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: AvatarRootContext is missing. Avatar parts must be placed within <Avatar.Root>." : De(13));
@@ -15864,7 +16040,7 @@ function Zm() {
 }
 const zl = {
   imageLoadingStatus: () => null
-}, Jm = /* @__PURE__ */ o.forwardRef(function(t, n) {
+}, ng = /* @__PURE__ */ o.forwardRef(function(t, n) {
   const {
     className: r,
     render: i,
@@ -15885,8 +16061,8 @@ const zl = {
     children: d
   });
 });
-process.env.NODE_ENV !== "production" && (Jm.displayName = "AvatarRoot");
-function CR(e, {
+process.env.NODE_ENV !== "production" && (ng.displayName = "AvatarRoot");
+function wR(e, {
   referrerPolicy: t,
   crossOrigin: n
 }) {
@@ -15903,10 +16079,10 @@ function CR(e, {
     };
   }, [e, n, t]), r;
 }
-const wR = {
+const PR = {
   ...zl,
   ...it
-}, Qm = /* @__PURE__ */ o.forwardRef(function(t, n) {
+}, og = /* @__PURE__ */ o.forwardRef(function(t, n) {
   const {
     className: r,
     render: i,
@@ -15914,7 +16090,7 @@ const wR = {
     referrerPolicy: c,
     crossOrigin: a,
     ...l
-  } = t, u = Zm(), d = CR(t.src, {
+  } = t, u = tg(), d = wR(t.src, {
     referrerPolicy: c,
     crossOrigin: a
   }), f = d === "loading" || d === "loaded", {
@@ -15942,16 +16118,16 @@ const wR = {
     state: b,
     ref: [n, m],
     props: l,
-    stateAttributesMapping: wR,
+    stateAttributesMapping: PR,
     enabled: g
   });
   return g ? x : null;
 });
-process.env.NODE_ENV !== "production" && (Qm.displayName = "AvatarImage");
-const PR = {
+process.env.NODE_ENV !== "production" && (og.displayName = "AvatarImage");
+const NR = {
   ...zl,
   ...it
-}, eg = /* @__PURE__ */ o.forwardRef(function(t, n) {
+}, rg = /* @__PURE__ */ o.forwardRef(function(t, n) {
   const {
     className: r,
     render: i,
@@ -15959,7 +16135,7 @@ const PR = {
     ...c
   } = t, {
     imageLoadingStatus: a
-  } = Zm(), [l, u] = o.useState(s === void 0), d = st(), f = a !== "loaded" && l, {
+  } = tg(), [l, u] = o.useState(s === void 0), d = st(), f = a !== "loaded" && l, {
     mounted: g,
     transitionStatus: h,
     setMounted: p
@@ -15980,18 +16156,18 @@ const PR = {
     state: v,
     ref: [n, m],
     props: c,
-    stateAttributesMapping: PR,
+    stateAttributesMapping: NR,
     enabled: g
   });
   return g ? y : null;
 });
-process.env.NODE_ENV !== "production" && (eg.displayName = "AvatarFallback");
-const nC = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+process.env.NODE_ENV !== "production" && (rg.displayName = "AvatarFallback");
+const oC = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Fallback: eg,
-  Image: Qm,
-  Root: Jm
-}, Symbol.toStringTag, { value: "Module" })), NR = /* @__PURE__ */ o.forwardRef(function(t, n) {
+  Fallback: rg,
+  Image: og,
+  Root: ng
+}, Symbol.toStringTag, { value: "Module" })), TR = /* @__PURE__ */ o.forwardRef(function(t, n) {
   const {
     render: r,
     className: i,
@@ -16015,185 +16191,7 @@ const nC = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     props: [l, u]
   });
 });
-process.env.NODE_ENV !== "production" && (NR.displayName = "Button");
-const tg = {
-  ...Gm,
-  ...it
-}, ng = /* @__PURE__ */ o.forwardRef(function(t, n) {
-  const {
-    render: r,
-    className: i,
-    defaultOpen: s = !1,
-    disabled: c = !1,
-    onOpenChange: a,
-    open: l,
-    ...u
-  } = t, d = te(a), f = Wm({
-    open: l,
-    defaultOpen: s,
-    onOpenChange: d,
-    disabled: c
-  }), g = o.useMemo(() => ({
-    open: f.open,
-    disabled: f.disabled,
-    transitionStatus: f.transitionStatus
-  }), [f.open, f.disabled, f.transitionStatus]), h = o.useMemo(() => ({
-    ...f,
-    onOpenChange: d,
-    state: g
-  }), [f, d, g]), p = re("div", t, {
-    state: g,
-    ref: n,
-    props: u,
-    stateAttributesMapping: tg
-  });
-  return /* @__PURE__ */ Z(fi.Provider, {
-    value: h,
-    children: p
-  });
-});
-process.env.NODE_ENV !== "production" && (ng.displayName = "CollapsibleRoot");
-const TR = {
-  ...Ym,
-  ...it
-}, og = /* @__PURE__ */ o.forwardRef(function(t, n) {
-  const {
-    panelId: r,
-    open: i,
-    handleTrigger: s,
-    state: c,
-    disabled: a
-  } = pi(), {
-    className: l,
-    disabled: u = a,
-    id: d,
-    render: f,
-    nativeButton: g = !0,
-    ...h
-  } = t, {
-    getButtonProps: p,
-    buttonRef: m
-  } = yt({
-    disabled: u,
-    focusableWhenDisabled: !0,
-    native: g
-  }), v = o.useMemo(() => ({
-    "aria-controls": i ? r : void 0,
-    "aria-expanded": i,
-    onClick: s
-  }), [r, i, s]);
-  return re("button", t, {
-    state: c,
-    ref: [n, m],
-    props: [v, h, p],
-    stateAttributesMapping: TR
-  });
-});
-process.env.NODE_ENV !== "production" && (og.displayName = "CollapsibleTrigger");
-let pd = /* @__PURE__ */ (function(e) {
-  return e.collapsiblePanelHeight = "--collapsible-panel-height", e.collapsiblePanelWidth = "--collapsible-panel-width", e;
-})({});
-const rg = /* @__PURE__ */ o.forwardRef(function(t, n) {
-  const {
-    className: r,
-    hiddenUntilFound: i,
-    keepMounted: s,
-    render: c,
-    id: a,
-    ...l
-  } = t;
-  process.env.NODE_ENV !== "production" && de(() => {
-    i && s === !1 && Ur("The `keepMounted={false}` prop on a Collapsible will be ignored when using `hiddenUntilFound` since it requires the Panel to remain mounted even when closed.");
-  }, [i, s]);
-  const {
-    abortControllerRef: u,
-    animationTypeRef: d,
-    height: f,
-    mounted: g,
-    onOpenChange: h,
-    open: p,
-    panelId: m,
-    panelRef: v,
-    runOnceAnimationsFinish: y,
-    setDimensions: b,
-    setHiddenUntilFound: x,
-    setKeepMounted: R,
-    setMounted: E,
-    setPanelIdState: S,
-    setOpen: w,
-    setVisible: T,
-    state: O,
-    transitionDimensionRef: D,
-    visible: A,
-    width: C,
-    transitionStatus: P
-  } = pi(), N = i ?? !1, I = s ?? !1;
-  de(() => {
-    if (a)
-      return S(a), () => {
-        S(void 0);
-      };
-  }, [a, S]), de(() => {
-    x(N);
-  }, [x, N]), de(() => {
-    R(I);
-  }, [R, I]);
-  const {
-    props: k
-  } = jm({
-    abortControllerRef: u,
-    animationTypeRef: d,
-    externalRef: n,
-    height: f,
-    hiddenUntilFound: N,
-    id: m,
-    keepMounted: I,
-    mounted: g,
-    onOpenChange: h,
-    open: p,
-    panelRef: v,
-    runOnceAnimationsFinish: y,
-    setDimensions: b,
-    setMounted: E,
-    setOpen: w,
-    setVisible: T,
-    transitionDimensionRef: D,
-    visible: A,
-    width: C
-  });
-  ht({
-    open: p && P === "idle",
-    ref: v,
-    onComplete() {
-      p && b({
-        height: void 0,
-        width: void 0
-      });
-    }
-  });
-  const M = o.useMemo(() => ({
-    ...O,
-    transitionStatus: P
-  }), [O, P]), V = re("div", t, {
-    state: M,
-    ref: [n, v],
-    props: [k, {
-      style: {
-        [pd.collapsiblePanelHeight]: f === void 0 ? "auto" : `${f}px`,
-        [pd.collapsiblePanelWidth]: C === void 0 ? "auto" : `${C}px`
-      }
-    }, l],
-    stateAttributesMapping: tg
-  });
-  return I || N || !I && g ? V : null;
-});
-process.env.NODE_ENV !== "production" && (rg.displayName = "CollapsiblePanel");
-const oC = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Panel: rg,
-  Root: ng,
-  Trigger: og
-}, Symbol.toStringTag, { value: "Module" }));
+process.env.NODE_ENV !== "production" && (TR.displayName = "Button");
 function IR(e) {
   const [t, n] = o.useState({
     getBoundingClientRect() {
@@ -22661,7 +22659,7 @@ const pC = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 export {
   op as $,
   jS as A,
-  NR as B,
+  TR as B,
   xy as C,
   uy as D,
   qS as E,
@@ -22687,7 +22685,7 @@ export {
   Vf as Y,
   Af as Z,
   _f as _,
-  tC as a,
+  nC as a,
   lm as a$,
   Oy as a0,
   rp as a1,
@@ -22776,14 +22774,17 @@ export {
   mR as bk,
   eC as bl,
   en as bm,
-  Iy as bn,
-  ip as bo,
-  cp as bp,
-  lp as bq,
+  zm as bn,
+  Km as bo,
+  jm as bp,
+  Iy as bq,
+  ip as br,
+  cp as bs,
+  lp as bt,
   QS as c,
-  nC as d,
+  oC as d,
   US as e,
-  oC as f,
+  tC as f,
   WS as g,
   rC as h,
   $S as i,
@@ -22805,4 +22806,4 @@ export {
   XS as y,
   fC as z
 };
-//# sourceMappingURL=vendor-base-ui-cpvkrhz4zgw9nw2b.js.map
+//# sourceMappingURL=vendor-base-ui-ccr5l0ynrievzzv3.js.map