@blakesteve/roster 4.12.1 → 5.0.0

package/dist/node_modules/@headlessui/react/dist/components/menu/menu.js

@@ -0,0 +1,197 @@
+import { useFocusRing as me } from "../../../../../@react-aria/focus/dist/useFocusRing.js";
+import { useHover as de } from "../../../../../@react-aria/interactions/dist/useHover.js";
+import O, { useId as K, useCallback as G, Fragment as oe, useRef as W, useState as fe, useEffect as ve } from "react";
+import { flushSync as Y } from "react-dom";
+import { useActivePress as ge } from "../../hooks/use-active-press.js";
+import { useDisposables as be } from "../../hooks/use-disposables.js";
+import { useElementSize as ye } from "../../hooks/use-element-size.js";
+import { useEvent as M } from "../../hooks/use-event.js";
+import { useHandleToggle as Me } from "../../hooks/use-handle-toggle.js";
+import { useInertOthers as Pe } from "../../hooks/use-inert-others.js";
+import { useIsoMorphicEffect as B } from "../../hooks/use-iso-morphic-effect.js";
+import { useOnDisappear as $e } from "../../hooks/use-on-disappear.js";
+import { useOutsideClick as he } from "../../hooks/use-outside-click.js";
+import { useOwnerDocument as X } from "../../hooks/use-owner.js";
+import { useQuickRelease as Ie, Action as U } from "../../hooks/use-quick-release.js";
+import { useResolveButtonType as Se } from "../../hooks/use-resolve-button-type.js";
+import { useScrollLock as Ee } from "../../hooks/use-scroll-lock.js";
+import { useSlot as z } from "../../hooks/use-slot.js";
+import { useSyncRefs as Q } from "../../hooks/use-sync-refs.js";
+import { useTextValue as Te } from "../../hooks/use-text-value.js";
+import { useTrackedPointer as Fe } from "../../hooks/use-tracked-pointer.js";
+import { useTransition as De, transitionDataAttributes as Oe } from "../../hooks/use-transition.js";
+import { useTreeWalker as ke } from "../../hooks/use-tree-walker.js";
+import { FloatingProvider as we, useFloatingReferenceProps as Ce, useFloatingReference as Re, useResolvedAnchor as Ae, useFloatingPanel as xe, useFloatingPanelProps as Le } from "../../internal/floating.js";
+import { OpenClosedProvider as _e, State as V, useOpenClosed as He } from "../../internal/open-closed.js";
+import { stackMachines as Ne } from "../../machines/stack-machine.js";
+import { useSlice as T } from "../../react-glue.js";
+import { Focus as h } from "../../utils/calculate-active-index.js";
+import { disposables as Ge } from "../../utils/disposables.js";
+import { isHTMLElement as Ke } from "../../utils/dom.js";
+import { isFocusableElement as Ue, FocusableMode as Be, focusFrom as Ve, Focus as ee, restoreFocusIfNecessary as se } from "../../utils/focus-management.js";
+import { match as ze } from "../../utils/match.js";
+import { isActiveElement as Qe } from "../../utils/owner.js";
+import { forwardRefWithAs as k, useRender as w, RenderFeatures as te, mergeProps as re } from "../../utils/render.js";
+import { useDescriptions as We } from "../description/description.js";
+import { Keys as c } from "../keyboard.js";
+import { useLabelContext as Ye, useLabels as ne } from "../label/label.js";
+import { Portal as Ze } from "../portal/portal.js";
+import { MenuState as v, ActionTypes as r, ActivationTrigger as Z } from "./menu-machine.js";
+import { useMenuMachine as je, MenuContext as qe, useMenuMachineContext as j } from "./menu-machine-glue.js";
+let Je = oe;
+function Xe(m, b) {
+  let l = K(), { __demoMode: a = !1, ...i } = m, u = je({ id: l, __demoMode: a }), [o, I, g] = T(u, (d) => [d.menuState, d.itemsElement, d.buttonElement]), S = Q(b), t = Ne.get(null), D = T(t, G((d) => t.selectors.isTop(d, l), [t, l]));
+  he(D, [g, I], (d, f) => {
+    var y;
+    u.send({ type: r.CloseMenu }), Ue(f, Be.Loose) || (d.preventDefault(), (y = u.state.buttonElement) == null || y.focus());
+  });
+  let E = M(() => {
+    u.send({ type: r.CloseMenu });
+  }), P = z({ open: o === v.Open, close: E }), p = { ref: S }, $ = w();
+  return O.createElement(we, null, O.createElement(qe.Provider, { value: u }, O.createElement(_e, { value: ze(o, { [v.Open]: V.Open, [v.Closed]: V.Closed }) }, $({ ourProps: p, theirProps: i, slot: P, defaultTag: Je, name: "Menu" }))));
+}
+let et = "button";
+function tt(m, b) {
+  let l = j("Menu.Button"), a = K(), { id: i = `headlessui-menu-button-${a}`, disabled: u = !1, autoFocus: o = !1, ...I } = m, g = W(null), S = Ce(), t = Q(b, g, Re(), M((s) => l.send({ type: r.SetButtonElement, element: s }))), D = M((s) => {
+    switch (s.key) {
+      case c.Space:
+      case c.Enter:
+      case c.ArrowDown:
+        s.preventDefault(), s.stopPropagation(), l.send({ type: r.OpenMenu, focus: { focus: h.First } });
+        break;
+      case c.ArrowUp:
+        s.preventDefault(), s.stopPropagation(), l.send({ type: r.OpenMenu, focus: { focus: h.Last } });
+        break;
+    }
+  }), E = M((s) => {
+    s.key === c.Space && s.preventDefault();
+  }), [P, p, $] = T(l, (s) => [s.menuState, s.buttonElement, s.itemsElement]), d = P === v.Open;
+  Ie(d, { trigger: p, action: G((s) => {
+    if (p != null && p.contains(s.target)) return U.Ignore;
+    let n = s.target.closest('[role="menuitem"]:not([data-disabled])');
+    return Ke(n) ? U.Select(n) : $ != null && $.contains(s.target) ? U.Ignore : U.Close;
+  }, [p, $]), close: G(() => l.send({ type: r.CloseMenu }), []), select: G((s) => s.click(), []) });
+  let f = Me((s) => {
+    var n;
+    u || (P === v.Open ? (Y(() => l.send({ type: r.CloseMenu })), (n = g.current) == null || n.focus({ preventScroll: !0 })) : (s.preventDefault(), l.send({ type: r.OpenMenu, focus: { focus: h.Nothing }, trigger: Z.Pointer })));
+  }), { isFocusVisible: y, focusProps: C } = me({ autoFocus: o }), { isHovered: x, hoverProps: R } = de({ isDisabled: u }), { pressed: F, pressProps: L } = ge({ disabled: u }), A = z({ open: P === v.Open, active: F || P === v.Open, disabled: u, hover: x, focus: y, autofocus: o }), _ = re(S(), { ref: t, id: i, type: Se(m, g.current), "aria-haspopup": "menu", "aria-controls": $?.id, "aria-expanded": P === v.Open, disabled: u || void 0, autoFocus: o, onKeyDown: D, onKeyUp: E }, f, C, R, L);
+  return w()({ ourProps: _, theirProps: I, slot: A, defaultTag: et, name: "Menu.Button" });
+}
+let ot = "div", st = te.RenderStrategy | te.Static;
+function rt(m, b) {
+  let l = K(), { id: a = `headlessui-menu-items-${l}`, anchor: i, portal: u = !1, modal: o = !0, transition: I = !1, ...g } = m, S = Ae(i), t = j("Menu.Items"), [D, E] = xe(S), P = Le(), [p, $] = fe(null), d = Q(b, S ? D : null, M((e) => t.send({ type: r.SetItemsElement, element: e })), $), [f, y] = T(t, (e) => [e.menuState, e.buttonElement]), C = X(y), x = X(p);
+  S && (u = !0);
+  let R = He(), [F, L] = De(I, p, R !== null ? (R & V.Open) === V.Open : f === v.Open);
+  $e(F, y, () => {
+    t.send({ type: r.CloseMenu });
+  });
+  let A = T(t, (e) => e.__demoMode), _ = A ? !1 : o && f === v.Open;
+  Ee(_, x);
+  let s = A ? !1 : o && f === v.Open;
+  Pe(s, { allowed: G(() => [y, p], [y, p]) });
+  let n = T(t, t.selectors.didButtonMove) ? !1 : F;
+  ve(() => {
+    let e = p;
+    e && f === v.Open && (Qe(e) || e.focus({ preventScroll: !0 }));
+  }, [f, p]), ke(f === v.Open, { container: p, accept(e) {
+    return e.getAttribute("role") === "menuitem" ? NodeFilter.FILTER_REJECT : e.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
+  }, walk(e) {
+    e.setAttribute("role", "none");
+  } });
+  let H = be(), ae = M((e) => {
+    var N, q, J;
+    switch (H.dispose(), e.key) {
+      case c.Space:
+        if (t.state.searchQuery !== "") return e.preventDefault(), e.stopPropagation(), t.send({ type: r.Search, value: e.key });
+      case c.Enter:
+        if (e.preventDefault(), e.stopPropagation(), t.state.activeItemIndex !== null) {
+          let { dataRef: ce } = t.state.items[t.state.activeItemIndex];
+          (q = (N = ce.current) == null ? void 0 : N.domRef.current) == null || q.click();
+        }
+        t.send({ type: r.CloseMenu }), se(t.state.buttonElement);
+        break;
+      case c.ArrowDown:
+        return e.preventDefault(), e.stopPropagation(), t.send({ type: r.GoToItem, focus: h.Next });
+      case c.ArrowUp:
+        return e.preventDefault(), e.stopPropagation(), t.send({ type: r.GoToItem, focus: h.Previous });
+      case c.Home:
+      case c.PageUp:
+        return e.preventDefault(), e.stopPropagation(), t.send({ type: r.GoToItem, focus: h.First });
+      case c.End:
+      case c.PageDown:
+        return e.preventDefault(), e.stopPropagation(), t.send({ type: r.GoToItem, focus: h.Last });
+      case c.Escape:
+        e.preventDefault(), e.stopPropagation(), Y(() => t.send({ type: r.CloseMenu })), (J = t.state.buttonElement) == null || J.focus({ preventScroll: !0 });
+        break;
+      case c.Tab:
+        e.preventDefault(), e.stopPropagation(), Y(() => t.send({ type: r.CloseMenu })), Ve(t.state.buttonElement, e.shiftKey ? ee.Previous : ee.Next);
+        break;
+      default:
+        e.key.length === 1 && (t.send({ type: r.Search, value: e.key }), H.setTimeout(() => t.send({ type: r.ClearSearch }), 350));
+        break;
+    }
+  }), ue = M((e) => {
+    e.key === c.Space && e.preventDefault();
+  }), le = z({ open: f === v.Open }), ie = re(S ? P() : {}, { "aria-activedescendant": T(t, t.selectors.activeDescendantId), "aria-labelledby": T(t, (e) => {
+    var N;
+    return (N = e.buttonElement) == null ? void 0 : N.id;
+  }), id: a, onKeyDown: ae, onKeyUp: ue, role: "menu", tabIndex: f === v.Open ? 0 : void 0, ref: d, style: { ...g.style, ...E, "--button-width": ye(F, y, !0).width }, ...Oe(L) }), pe = w();
+  return O.createElement(Ze, { enabled: u ? m.static || F : !1, ownerDocument: C }, pe({ ourProps: ie, theirProps: g, slot: le, defaultTag: ot, features: st, visible: n, name: "Menu.Items" }));
+}
+let nt = oe;
+function at(m, b) {
+  let l = K(), { id: a = `headlessui-menu-item-${l}`, disabled: i = !1, ...u } = m, o = j("Menu.Item"), I = T(o, (n) => o.selectors.isActive(n, a)), g = W(null), S = Q(b, g), t = T(o, (n) => o.selectors.shouldScrollIntoView(n, a));
+  B(() => {
+    if (t) return Ge().requestAnimationFrame(() => {
+      var n, H;
+      (H = (n = g.current) == null ? void 0 : n.scrollIntoView) == null || H.call(n, { block: "nearest" });
+    });
+  }, [t, g]);
+  let D = Te(g), E = W({ disabled: i, domRef: g, get textValue() {
+    return D();
+  } });
+  B(() => {
+    E.current.disabled = i;
+  }, [E, i]), B(() => (o.actions.registerItem(a, E), () => o.actions.unregisterItem(a)), [E, a]);
+  let P = M(() => {
+    o.send({ type: r.CloseMenu });
+  }), p = M((n) => {
+    if (i) return n.preventDefault();
+    o.send({ type: r.CloseMenu }), se(o.state.buttonElement);
+  }), $ = M(() => {
+    if (i) return o.send({ type: r.GoToItem, focus: h.Nothing });
+    o.send({ type: r.GoToItem, focus: h.Specific, id: a });
+  }), d = Fe(), f = M((n) => d.update(n)), y = M((n) => {
+    d.wasMoved(n) && (i || I || o.send({ type: r.GoToItem, focus: h.Specific, id: a, trigger: Z.Pointer }));
+  }), C = M((n) => {
+    d.wasMoved(n) && (i || I && o.state.activationTrigger === Z.Pointer && o.send({ type: r.GoToItem, focus: h.Nothing }));
+  }), [x, R] = ne(), [F, L] = We(), A = z({ active: I, focus: I, disabled: i, close: P }), _ = { id: a, ref: S, role: "menuitem", tabIndex: i === !0 ? void 0 : -1, "aria-disabled": i === !0 ? !0 : void 0, "aria-labelledby": x, "aria-describedby": F, disabled: void 0, onClick: p, onFocus: $, onPointerEnter: f, onMouseEnter: f, onPointerMove: y, onMouseMove: y, onPointerLeave: C, onMouseLeave: C }, s = w();
+  return O.createElement(R, null, O.createElement(L, null, s({ ourProps: _, theirProps: u, slot: A, defaultTag: nt, name: "Menu.Item" })));
+}
+let ut = "div";
+function lt(m, b) {
+  let [l, a] = ne(), i = m, u = { ref: b, "aria-labelledby": l, role: "group" }, o = w();
+  return O.createElement(a, null, o({ ourProps: u, theirProps: i, slot: {}, defaultTag: ut, name: "Menu.Section" }));
+}
+let it = "header";
+function pt(m, b) {
+  let l = K(), { id: a = `headlessui-menu-heading-${l}`, ...i } = m, u = Ye();
+  B(() => u.register(a), [a, u.register]);
+  let o = { id: a, ref: b, role: "presentation", ...u.props };
+  return w()({ ourProps: o, theirProps: i, slot: {}, defaultTag: it, name: "Menu.Heading" });
+}
+let ct = "div";
+function mt(m, b) {
+  let l = m, a = { ref: b, role: "separator" };
+  return w()({ ourProps: a, theirProps: l, slot: {}, defaultTag: ct, name: "Menu.Separator" });
+}
+let dt = k(Xe), ft = k(tt), vt = k(rt), gt = k(at), bt = k(lt), yt = k(pt), Mt = k(mt), ao = Object.assign(dt, { Button: ft, Items: vt, Item: gt, Section: bt, Heading: yt, Separator: Mt });
+export {
+  ao as Menu,
+  ft as MenuButton,
+  yt as MenuHeading,
+  gt as MenuItem,
+  vt as MenuItems,
+  bt as MenuSection,
+  Mt as MenuSeparator
+};

package/dist/node_modules/@headlessui/react/dist/components/mouse.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=(t=>(t[t.Left=0]="Left",t[t.Right=2]="Right",t))(e||{});exports.MouseButton=e;

package/dist/node_modules/@headlessui/react/dist/components/mouse.js

@@ -0,0 +1,4 @@
+var e = ((t) => (t[t.Left = 0] = "Left", t[t.Right = 2] = "Right", t))(e || {});
+export {
+  e as MouseButton
+};

package/dist/node_modules/@headlessui/react/dist/components/popover/popover-machine-glue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),c=require("../../hooks/use-on-unmount.cjs"),i=require("./popover-machine.cjs"),n=t.createContext(null);function u(r){let o=t.useContext(n);if(o===null){let e=new Error(`<${r} /> is missing a parent <Popover /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(e,u),e}return o}function a({id:r,__demoMode:o=!1}){let e=t.useMemo(()=>i.PopoverMachine.new({id:r,__demoMode:o}),[]);return c.useOnUnmount(()=>e.dispose()),e}exports.PopoverContext=n;exports.usePopoverMachine=a;exports.usePopoverMachineContext=u;

package/dist/node_modules/@headlessui/react/dist/components/popover/popover-machine-glue.js

@@ -0,0 +1,21 @@
+import { useMemo as t, createContext as n, useContext as a } from "react";
+import { useOnUnmount as s } from "../../hooks/use-on-unmount.js";
+import { PopoverMachine as c } from "./popover-machine.js";
+const i = n(null);
+function u(r) {
+  let o = a(i);
+  if (o === null) {
+    let e = new Error(`<${r} /> is missing a parent <Popover /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(e, u), e;
+  }
+  return o;
+}
+function f({ id: r, __demoMode: o = !1 }) {
+  let e = t(() => c.new({ id: r, __demoMode: o }), []);
+  return s(() => e.dispose()), e;
+}
+export {
+  i as PopoverContext,
+  f as usePopoverMachine,
+  u as usePopoverMachineContext
+};

package/dist/node_modules/@headlessui/react/dist/components/popover/popover-machine.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("../../machine.cjs"),m=require("../../machines/stack-machine.cjs"),i=require("../../utils/dom.cjs"),I=require("../../utils/focus-management.cjs"),P=require("../../utils/match.cjs"),y=require("../../utils/owner.cjs");var M=Object.defineProperty,g=(e,n,t)=>n in e?M(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,p=(e,n,t)=>(g(e,typeof n!="symbol"?n+"":n,t),t),c=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(c||{}),d=(e=>(e[e.OpenPopover=0]="OpenPopover",e[e.ClosePopover=1]="ClosePopover",e[e.SetButton=2]="SetButton",e[e.SetButtonId=3]="SetButtonId",e[e.SetPanel=4]="SetPanel",e[e.SetPanelId=5]="SetPanelId",e))(d||{});let O={0:e=>e.popoverState===0?e:{...e,popoverState:0,__demoMode:!1},1(e){return e.popoverState===1?e:{...e,popoverState:1,__demoMode:!1}},2(e,n){return e.button===n.button?e:{...e,button:n.button}},3(e,n){return e.buttonId===n.buttonId?e:{...e,buttonId:n.buttonId}},4(e,n){return e.panel===n.panel?e:{...e,panel:n.panel}},5(e,n){return e.panelId===n.panelId?e:{...e,panelId:n.panelId}}};class r extends f.Machine{constructor(n){super(n),p(this,"actions",{close:()=>this.send({type:1}),refocusableClose:t=>{this.actions.close();let o=t?i.isHTMLElement(t)?t:"current"in t&&i.isHTMLElement(t.current)?t.current:this.state.button:this.state.button;o?.focus()},open:()=>this.send({type:0}),setButtonId:t=>this.send({type:3,buttonId:t}),setButton:t=>this.send({type:2,button:t}),setPanelId:t=>this.send({type:5,panelId:t}),setPanel:t=>this.send({type:4,panel:t})}),p(this,"selectors",{isPortalled:t=>{var o;if(!t.button||!t.panel)return!1;let s=(o=y.getOwnerDocument(t.button))!=null?o:document;for(let u of s.querySelectorAll("body > *"))if(Number(u?.contains(t.button))^Number(u?.contains(t.panel)))return!0;let l=I.getFocusableElements(s),a=l.indexOf(t.button),b=(a+l.length-1)%l.length,h=(a+1)%l.length,v=l[b],S=l[h];return!t.panel.contains(v)&&!t.panel.contains(S)}});{let t=this.state.id,o=m.stackMachines.get(null);this.on(0,()=>o.actions.push(t)),this.on(1,()=>o.actions.pop(t))}}static new({id:n,__demoMode:t=!1}){return new r({id:n,__demoMode:t,popoverState:t?0:1,buttons:{current:[]},button:null,buttonId:null,panel:null,panelId:null,beforePanelSentinel:{current:null},afterPanelSentinel:{current:null},afterButtonSentinel:{current:null}})}reduce(n,t){return P.match(t.type,O,n,t)}}exports.ActionTypes=d;exports.PopoverMachine=r;exports.PopoverStates=c;

package/dist/node_modules/@headlessui/react/dist/components/popover/popover-machine.js

@@ -0,0 +1,49 @@
+import { Machine as f } from "../../machine.js";
+import { stackMachines as h } from "../../machines/stack-machine.js";
+import { isHTMLElement as a } from "../../utils/dom.js";
+import { getFocusableElements as v } from "../../utils/focus-management.js";
+import { match as S } from "../../utils/match.js";
+import { getOwnerDocument as I } from "../../utils/owner.js";
+var P = Object.defineProperty, y = (t, n, e) => n in t ? P(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e, p = (t, n, e) => (y(t, typeof n != "symbol" ? n + "" : n, e), e), M = ((t) => (t[t.Open = 0] = "Open", t[t.Closed = 1] = "Closed", t))(M || {}), g = ((t) => (t[t.OpenPopover = 0] = "OpenPopover", t[t.ClosePopover = 1] = "ClosePopover", t[t.SetButton = 2] = "SetButton", t[t.SetButtonId = 3] = "SetButtonId", t[t.SetPanel = 4] = "SetPanel", t[t.SetPanelId = 5] = "SetPanelId", t))(g || {});
+let B = { 0: (t) => t.popoverState === 0 ? t : { ...t, popoverState: 0, __demoMode: !1 }, 1(t) {
+  return t.popoverState === 1 ? t : { ...t, popoverState: 1, __demoMode: !1 };
+}, 2(t, n) {
+  return t.button === n.button ? t : { ...t, button: n.button };
+}, 3(t, n) {
+  return t.buttonId === n.buttonId ? t : { ...t, buttonId: n.buttonId };
+}, 4(t, n) {
+  return t.panel === n.panel ? t : { ...t, panel: n.panel };
+}, 5(t, n) {
+  return t.panelId === n.panelId ? t : { ...t, panelId: n.panelId };
+} };
+class i extends f {
+  constructor(n) {
+    super(n), p(this, "actions", { close: () => this.send({ type: 1 }), refocusableClose: (e) => {
+      this.actions.close();
+      let o = e ? a(e) ? e : "current" in e && a(e.current) ? e.current : this.state.button : this.state.button;
+      o?.focus();
+    }, open: () => this.send({ type: 0 }), setButtonId: (e) => this.send({ type: 3, buttonId: e }), setButton: (e) => this.send({ type: 2, button: e }), setPanelId: (e) => this.send({ type: 5, panelId: e }), setPanel: (e) => this.send({ type: 4, panel: e }) }), p(this, "selectors", { isPortalled: (e) => {
+      var o;
+      if (!e.button || !e.panel) return !1;
+      let s = (o = I(e.button)) != null ? o : document;
+      for (let r of s.querySelectorAll("body > *")) if (Number(r?.contains(e.button)) ^ Number(r?.contains(e.panel))) return !0;
+      let l = v(s), u = l.indexOf(e.button), d = (u + l.length - 1) % l.length, c = (u + 1) % l.length, b = l[d], m = l[c];
+      return !e.panel.contains(b) && !e.panel.contains(m);
+    } });
+    {
+      let e = this.state.id, o = h.get(null);
+      this.on(0, () => o.actions.push(e)), this.on(1, () => o.actions.pop(e));
+    }
+  }
+  static new({ id: n, __demoMode: e = !1 }) {
+    return new i({ id: n, __demoMode: e, popoverState: e ? 0 : 1, buttons: { current: [] }, button: null, buttonId: null, panel: null, panelId: null, beforePanelSentinel: { current: null }, afterPanelSentinel: { current: null }, afterButtonSentinel: { current: null } });
+  }
+  reduce(n, e) {
+    return S(e.type, B, n, e);
+  }
+}
+export {
+  g as ActionTypes,
+  i as PopoverMachine,
+  M as PopoverStates
+};

package/dist/node_modules/@headlessui/react/dist/components/popover/popover.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ie=require("../../../../../@react-aria/focus/dist/useFocusRing.cjs"),ke=require("../../../../../@react-aria/interactions/dist/useHover.cjs"),e=require("react"),qe=require("../../hooks/use-active-press.cjs"),we=require("../../hooks/use-element-size.cjs"),F=require("../../hooks/use-event.cjs"),Be=require("../../hooks/use-event-listener.cjs"),Te=require("../../hooks/use-iso-morphic-effect.cjs"),be=require("../../hooks/use-latest-value.cjs"),Me=require("../../hooks/use-on-disappear.cjs"),Ae=require("../../hooks/use-outside-click.cjs"),ve=require("../../hooks/use-owner.cjs"),xe=require("../../hooks/use-resolve-button-type.cjs"),le=require("../../hooks/use-root-containers.cjs"),Le=require("../../hooks/use-scroll-lock.cjs"),se=require("../../hooks/use-slot.cjs"),$=require("../../hooks/use-sync-refs.cjs"),M=require("../../hooks/use-tab-direction.cjs"),ce=require("../../hooks/use-transition.cjs"),Se=require("../../internal/close-provider.cjs"),oe=require("../../internal/floating.cjs"),z=require("../../internal/hidden.cjs"),A=require("../../internal/open-closed.cjs"),U=require("../../react-glue.cjs"),me=require("../../utils/bugs.cjs"),ge=require("../../utils/dom.cjs"),d=require("../../utils/focus-management.cjs"),ne=require("../../utils/match.cjs"),_=require("../../utils/owner.cjs"),P=require("../../utils/render.cjs"),N=require("../keyboard.cjs"),Fe=require("../portal/portal.cjs"),f=require("./popover-machine.cjs"),re=require("./popover-machine-glue.cjs");let fe=e.createContext(null);fe.displayName="PopoverGroupContext";function he(){return e.useContext(fe)}let ie=e.createContext(null);ie.displayName="PopoverPanelContext";function Ge(){return e.useContext(ie)}let He="div";function _e(S,B){var m;let h=e.useId(),{__demoMode:b=!1,...E}=S,u=re.usePopoverMachine({id:h,__demoMode:b}),t=e.useRef(null),I=$.useSyncRefs(B,$.optionalRef(r=>{t.current=r})),[R,n,y,g,k]=U.useSlice(u,e.useCallback(r=>[r.popoverState,r.button,r.panel,r.buttonId,r.panelId],[])),q=ve.useRootDocument((m=t.current)!=null?m:n),c=be.useLatestValue(g),i=be.useLatestValue(k),p=e.useMemo(()=>({buttonId:c,panelId:i,close:u.actions.close}),[c,i,u]),v=he(),s=v?.registerPopover,C=F.useEvent(()=>{var r,D;let w=_.getActiveElement((r=t.current)!=null?r:n);return(D=v?.isFocusWithinPopoverGroup())!=null?D:w&&(n?.contains(w)||y?.contains(w))});e.useEffect(()=>s?.(p),[s,p]);let[J,X]=Fe.useNestedPortals(),K=le.useMainTreeNode(n),G=le.useRootContainers({mainTreeNode:K,portals:J,defaultContainers:[{get current(){return u.state.button}},{get current(){return u.state.panel}}]});Be.useEventListener(q,"focus",r=>{var D,w,x,Q,L,Z;r.target!==window&&ge.isHTMLorSVGElement(r.target)&&u.state.popoverState===f.PopoverStates.Open&&(C()||u.state.button&&u.state.panel&&(G.contains(r.target)||(w=(D=u.state.beforePanelSentinel.current)==null?void 0:D.contains)!=null&&w.call(D,r.target)||(Q=(x=u.state.afterPanelSentinel.current)==null?void 0:x.contains)!=null&&Q.call(x,r.target)||(Z=(L=u.state.afterButtonSentinel.current)==null?void 0:L.contains)!=null&&Z.call(L,r.target)||u.actions.close()))},!0);let V=R===f.PopoverStates.Open;Ae.useOutsideClick(V,G.resolveContainers,(r,D)=>{u.actions.close(),d.isFocusableElement(D,d.FocusableMode.Loose)||(r.preventDefault(),n?.focus())});let ee=se.useSlot({open:R===f.PopoverStates.Open,close:u.actions.refocusableClose}),te=U.useSlice(u,e.useCallback(r=>ne.match(r.popoverState,{[f.PopoverStates.Open]:A.State.Open,[f.PopoverStates.Closed]:A.State.Closed}),[])),j={ref:I},Y=P.useRender();return e.createElement(le.MainTreeProvider,{node:K},e.createElement(oe.FloatingProvider,null,e.createElement(ie.Provider,{value:null},e.createElement(re.PopoverContext.Provider,{value:u},e.createElement(Se.CloseProvider,{value:u.actions.refocusableClose},e.createElement(A.OpenClosedProvider,{value:te},e.createElement(X,null,Y({ourProps:j,theirProps:E,slot:ee,defaultTag:He,name:"Popover"}))))))))}let Ke="button";function We(S,B){let m=e.useId(),{id:h=`headlessui-popover-button-${m}`,disabled:b=!1,autoFocus:E=!1,...u}=S,t=re.usePopoverMachineContext("Popover.Button"),[I,R,n,y,g,k,q]=U.useSlice(t,e.useCallback(o=>[o.popoverState,t.selectors.isPortalled(o),o.button,o.buttonId,o.panel,o.panelId,o.afterButtonSentinel],[])),c=e.useRef(null),i=`headlessui-focus-sentinel-${e.useId()}`,p=he(),v=p?.closeOthers,s=Ge()!==null;e.useEffect(()=>{if(!s)return t.actions.setButtonId(h),()=>t.actions.setButtonId(null)},[s,h,t]);let[C]=e.useState(()=>Symbol()),J=$.useSyncRefs(c,B,oe.useFloatingReference(),F.useEvent(o=>{if(!s){if(o)t.state.buttons.current.push(C);else{let a=t.state.buttons.current.indexOf(C);a!==-1&&t.state.buttons.current.splice(a,1)}t.state.buttons.current.length>1&&console.warn("You are already using a <Popover.Button /> but only 1 <Popover.Button /> is supported."),o&&t.actions.setButton(o)}})),X=$.useSyncRefs(c,B),K=F.useEvent(o=>{var a,O,T;if(s){if(t.state.popoverState===f.PopoverStates.Closed)return;switch(o.key){case N.Keys.Space:case N.Keys.Enter:o.preventDefault(),(O=(a=o.target).click)==null||O.call(a),t.actions.close(),(T=t.state.button)==null||T.focus();break}}else switch(o.key){case N.Keys.Space:case N.Keys.Enter:o.preventDefault(),o.stopPropagation(),t.state.popoverState===f.PopoverStates.Closed?(v?.(t.state.buttonId),t.actions.open()):t.actions.close();break;case N.Keys.Escape:if(t.state.popoverState!==f.PopoverStates.Open)return v?.(t.state.buttonId);if(!c.current)return;let H=_.getActiveElement(c.current);if(H&&!c.current.contains(H))return;o.preventDefault(),o.stopPropagation(),t.actions.close();break}}),G=F.useEvent(o=>{s||o.key===N.Keys.Space&&o.preventDefault()}),V=F.useEvent(o=>{var a,O;me.isDisabledReactIssue7711(o.currentTarget)||b||(s?(t.actions.close(),(a=t.state.button)==null||a.focus()):(o.preventDefault(),o.stopPropagation(),t.state.popoverState===f.PopoverStates.Closed?(v?.(t.state.buttonId),t.actions.open()):t.actions.close(),(O=t.state.button)==null||O.focus()))}),ee=F.useEvent(o=>{o.preventDefault(),o.stopPropagation()}),{isFocusVisible:te,focusProps:j}=Ie.useFocusRing({autoFocus:E}),{isHovered:Y,hoverProps:r}=ke.useHover({isDisabled:b}),{pressed:D,pressProps:w}=qe.useActivePress({disabled:b}),x=I===f.PopoverStates.Open,Q=se.useSlot({open:x,active:D||x,disabled:b,hover:Y,focus:te,autofocus:E}),L=xe.useResolveButtonType(S,n),Z=s?P.mergeProps({ref:X,type:L,onKeyDown:K,onClick:V,disabled:b||void 0,autoFocus:E},j,r,w):P.mergeProps({ref:J,id:y,type:L,"aria-expanded":I===f.PopoverStates.Open,"aria-controls":g?k:void 0,disabled:b||void 0,autoFocus:E,onKeyDown:K,onKeyUp:G,onClick:V,onMouseDown:ee},j,r,w),ue=M.useTabDirection(),de=F.useEvent(()=>{if(!ge.isHTMLElement(t.state.panel))return;let o=t.state.panel;function a(){ne.match(ue.current,{[M.Direction.Forwards]:()=>d.focusIn(o,d.Focus.First),[M.Direction.Backwards]:()=>d.focusIn(o,d.Focus.Last)})===d.FocusResult.Error&&d.focusIn(d.getFocusableElements(_.getRootNode(t.state.button)).filter(O=>O.dataset.headlessuiFocusGuard!=="true"),ne.match(ue.current,{[M.Direction.Forwards]:d.Focus.Next,[M.Direction.Backwards]:d.Focus.Previous}),{relativeTo:t.state.button})}a()}),l=P.useRender();return e.createElement(e.Fragment,null,l({ourProps:Z,theirProps:u,slot:Q,defaultTag:Ke,name:"Popover.Button"}),x&&!s&&R&&e.createElement(z.Hidden,{id:i,ref:q,features:z.HiddenFeatures.Focusable,"data-headlessui-focus-guard":!0,as:"button",type:"button",onFocus:de}))}let Ne="div",$e=P.RenderFeatures.RenderStrategy|P.RenderFeatures.Static;function Ee(S,B){let m=e.useId(),{id:h=`headlessui-popover-backdrop-${m}`,transition:b=!1,...E}=S,u=re.usePopoverMachineContext("Popover.Backdrop"),t=U.useSlice(u,e.useCallback(p=>p.popoverState,[])),[I,R]=e.useState(null),n=$.useSyncRefs(B,R),y=A.useOpenClosed(),[g,k]=ce.useTransition(b,I,y!==null?(y&A.State.Open)===A.State.Open:t===f.PopoverStates.Open),q=F.useEvent(p=>{if(me.isDisabledReactIssue7711(p.currentTarget))return p.preventDefault();u.actions.close()}),c=se.useSlot({open:t===f.PopoverStates.Open}),i={ref:n,id:h,"aria-hidden":!0,onClick:q,...ce.transitionDataAttributes(k)};return P.useRender()({ourProps:i,theirProps:E,slot:c,defaultTag:Ne,features:$e,visible:g,name:"Popover.Backdrop"})}let Ve="div",je=P.RenderFeatures.RenderStrategy|P.RenderFeatures.Static;function Ye(S,B){let m=e.useId(),{id:h=`headlessui-popover-panel-${m}`,focus:b=!1,anchor:E,portal:u=!1,modal:t=!1,transition:I=!1,...R}=S,n=re.usePopoverMachineContext("Popover.Panel"),y=U.useSlice(n,n.selectors.isPortalled),[g,k,q,c,i]=U.useSlice(n,e.useCallback(l=>[l.popoverState,l.button,l.__demoMode,l.beforePanelSentinel,l.afterPanelSentinel],[])),p=`headlessui-focus-sentinel-before-${m}`,v=`headlessui-focus-sentinel-after-${m}`,s=e.useRef(null),C=oe.useResolvedAnchor(E),[J,X]=oe.useFloatingPanel(C),K=oe.useFloatingPanelProps();C&&(u=!0);let[G,V]=e.useState(null),ee=$.useSyncRefs(s,B,C?J:null,n.actions.setPanel,V),te=ve.useOwnerDocument(k),j=ve.useOwnerDocument(s.current);Te.useIsoMorphicEffect(()=>(n.actions.setPanelId(h),()=>n.actions.setPanelId(null)),[h,n]);let Y=A.useOpenClosed(),[r,D]=ce.useTransition(I,G,Y!==null?(Y&A.State.Open)===A.State.Open:g===f.PopoverStates.Open);Me.useOnDisappear(r,k,n.actions.close),Le.useScrollLock(q?!1:t&&r,j);let w=F.useEvent(l=>{var o;switch(l.key){case N.Keys.Escape:if(n.state.popoverState!==f.PopoverStates.Open||!s.current)return;let a=_.getActiveElement(s.current);if(a&&!s.current.contains(a))return;l.preventDefault(),l.stopPropagation(),n.actions.close(),(o=n.state.button)==null||o.focus();break}});e.useEffect(()=>{var l;S.static||g===f.PopoverStates.Closed&&((l=S.unmount)==null||l)&&n.actions.setPanel(null)},[g,S.unmount,S.static,n]),e.useEffect(()=>{if(q||!b||g!==f.PopoverStates.Open||!s.current)return;let l=_.getActiveElement(s.current);s.current.contains(l)||d.focusIn(s.current,d.Focus.First)},[q,b,s.current,g]);let x=se.useSlot({open:g===f.PopoverStates.Open,close:n.actions.refocusableClose}),Q=P.mergeProps(C?K():{},{ref:ee,id:h,onKeyDown:w,onBlur:b&&g===f.PopoverStates.Open?l=>{var o,a,O,T,H;let W=l.relatedTarget;W&&s.current&&((o=s.current)!=null&&o.contains(W)||(n.actions.close(),((O=(a=c.current)==null?void 0:a.contains)!=null&&O.call(a,W)||(H=(T=i.current)==null?void 0:T.contains)!=null&&H.call(T,W))&&W.focus({preventScroll:!0})))}:void 0,tabIndex:-1,style:{...R.style,...X,"--button-width":we.useElementSize(r,k,!0).width},...ce.transitionDataAttributes(D)}),L=M.useTabDirection(),Z=F.useEvent(()=>{let l=s.current;if(!l)return;function o(){ne.match(L.current,{[M.Direction.Forwards]:()=>{var a;d.focusIn(l,d.Focus.First)===d.FocusResult.Error&&((a=n.state.afterPanelSentinel.current)==null||a.focus())},[M.Direction.Backwards]:()=>{var a;(a=n.state.button)==null||a.focus({preventScroll:!0})}})}o()}),ue=F.useEvent(()=>{let l=s.current;if(!l)return;function o(){ne.match(L.current,{[M.Direction.Forwards]:()=>{var a;if(!n.state.button)return;let O=(a=_.getRootNode(n.state.button))!=null?a:document.body,T=d.getFocusableElements(O),H=T.indexOf(n.state.button),W=T.slice(0,H+1),ae=[...T.slice(H+1),...W];for(let pe of ae.slice())if(pe.dataset.headlessuiFocusGuard==="true"||G!=null&&G.contains(pe)){let Pe=ae.indexOf(pe);Pe!==-1&&ae.splice(Pe,1)}d.focusIn(ae,d.Focus.First,{sorted:!1})},[M.Direction.Backwards]:()=>{var a;d.focusIn(l,d.Focus.Previous)===d.FocusResult.Error&&((a=n.state.button)==null||a.focus())}})}o()}),de=P.useRender();return e.createElement(A.ResetOpenClosedProvider,null,e.createElement(ie.Provider,{value:h},e.createElement(Se.CloseProvider,{value:n.actions.refocusableClose},e.createElement(Fe.Portal,{enabled:u?S.static||r:!1,ownerDocument:te},r&&y&&e.createElement(z.Hidden,{id:p,ref:c,features:z.HiddenFeatures.Focusable,"data-headlessui-focus-guard":!0,as:"button",type:"button",onFocus:Z}),de({ourProps:Q,theirProps:R,slot:x,defaultTag:Ve,features:je,visible:r,name:"Popover.Panel"}),r&&y&&e.createElement(z.Hidden,{id:v,ref:i,features:z.HiddenFeatures.Focusable,"data-headlessui-focus-guard":!0,as:"button",type:"button",onFocus:ue})))))}let Qe="div";function Ze(S,B){let m=e.useRef(null),h=$.useSyncRefs(m,B),[b,E]=e.useState([]),u=F.useEvent(c=>{E(i=>{let p=i.indexOf(c);if(p!==-1){let v=i.slice();return v.splice(p,1),v}return i})}),t=F.useEvent(c=>(E(i=>[...i,c]),()=>u(c))),I=F.useEvent(()=>{var c;let i=_.getRootNode(m.current);if(!i)return!1;let p=_.getActiveElement(m.current);return(c=m.current)!=null&&c.contains(p)?!0:b.some(v=>{var s,C;return((s=i.getElementById(v.buttonId.current))==null?void 0:s.contains(p))||((C=i.getElementById(v.panelId.current))==null?void 0:C.contains(p))})}),R=F.useEvent(c=>{for(let i of b)i.buttonId.current!==c&&i.close()}),n=e.useMemo(()=>({registerPopover:t,unregisterPopover:u,isFocusWithinPopoverGroup:I,closeOthers:R}),[t,u,I,R]),y=se.useSlot({}),g=S,k={ref:h},q=P.useRender();return e.createElement(le.MainTreeProvider,null,e.createElement(fe.Provider,{value:n},q({ourProps:k,theirProps:g,slot:y,defaultTag:Qe,name:"Popover.Group"})))}let ze=P.forwardRefWithAs(_e),Re=P.forwardRefWithAs(We),ye=P.forwardRefWithAs(Ee),Ce=P.forwardRefWithAs(Ee),De=P.forwardRefWithAs(Ye),Oe=P.forwardRefWithAs(Ze),Ue=Object.assign(ze,{Button:Re,Backdrop:Ce,Overlay:ye,Panel:De,Group:Oe});exports.Popover=Ue;exports.PopoverBackdrop=Ce;exports.PopoverButton=Re;exports.PopoverGroup=Oe;exports.PopoverOverlay=ye;exports.PopoverPanel=De;

package/dist/node_modules/@headlessui/react/dist/components/popover/popover.js

@@ -0,0 +1,234 @@
+import { useFocusRing as Le } from "../../../../../@react-aria/focus/dist/useFocusRing.js";
+import { useHover as He } from "../../../../../@react-aria/interactions/dist/useHover.js";
+import f, { createContext as Ee, useId as te, useRef as pe, useCallback as oe, useMemo as Be, useEffect as ie, useState as de, useContext as ke } from "react";
+import { useActivePress as Ne } from "../../hooks/use-active-press.js";
+import { useElementSize as Ve } from "../../hooks/use-element-size.js";
+import { useEvent as $ } from "../../hooks/use-event.js";
+import { useEventListener as Ke } from "../../hooks/use-event-listener.js";
+import { useIsoMorphicEffect as We } from "../../hooks/use-iso-morphic-effect.js";
+import { useLatestValue as Ce } from "../../hooks/use-latest-value.js";
+import { useOnDisappear as je } from "../../hooks/use-on-disappear.js";
+import { useOutsideClick as Ye } from "../../hooks/use-outside-click.js";
+import { useRootDocument as Qe, useOwnerDocument as Oe } from "../../hooks/use-owner.js";
+import { useResolveButtonType as Ze } from "../../hooks/use-resolve-button-type.js";
+import { useMainTreeNode as ze, useRootContainers as Ue, MainTreeProvider as De } from "../../hooks/use-root-containers.js";
+import { useScrollLock as qe } from "../../hooks/use-scroll-lock.js";
+import { useSlot as ae } from "../../hooks/use-slot.js";
+import { useSyncRefs as Q, optionalRef as Je } from "../../hooks/use-sync-refs.js";
+import { useTabDirection as Ie, Direction as A } from "../../hooks/use-tab-direction.js";
+import { useTransition as we, transitionDataAttributes as Re } from "../../hooks/use-transition.js";
+import { CloseProvider as Te } from "../../internal/close-provider.js";
+import { FloatingProvider as Xe, useFloatingReference as et, useResolvedAnchor as tt, useFloatingPanel as ot, useFloatingPanelProps as rt } from "../../internal/floating.js";
+import { Hidden as be, HiddenFeatures as Pe } from "../../internal/hidden.js";
+import { State as Z, OpenClosedProvider as nt, useOpenClosed as xe, ResetOpenClosedProvider as at } from "../../internal/open-closed.js";
+import { useSlice as z } from "../../react-glue.js";
+import { isDisabledReactIssue7711 as Me } from "../../utils/bugs.js";
+import { isHTMLorSVGElement as st, isHTMLElement as lt } from "../../utils/dom.js";
+import { isFocusableElement as ut, FocusableMode as it, focusIn as N, Focus as _, FocusResult as $e, getFocusableElements as Ae } from "../../utils/focus-management.js";
+import { match as re } from "../../utils/match.js";
+import { getActiveElement as ne, getRootNode as Fe } from "../../utils/owner.js";
+import { forwardRefWithAs as U, RenderFeatures as ce, useRender as se, mergeProps as ge } from "../../utils/render.js";
+import { Keys as H } from "../keyboard.js";
+import { useNestedPortals as ct, Portal as pt } from "../portal/portal.js";
+import { PopoverStates as d } from "./popover-machine.js";
+import { usePopoverMachine as dt, PopoverContext as ft, usePopoverMachineContext as Se } from "./popover-machine-glue.js";
+let he = Ee(null);
+he.displayName = "PopoverGroupContext";
+function _e() {
+  return ke(he);
+}
+let fe = Ee(null);
+fe.displayName = "PopoverPanelContext";
+function vt() {
+  return ke(fe);
+}
+let mt = "div";
+function bt(m, I) {
+  var b;
+  let g = te(), { __demoMode: v = !1, ...F } = m, a = dt({ id: g, __demoMode: v }), e = pe(null), E = Q(I, Je((r) => {
+    e.current = r;
+  })), [S, o, h, P, B] = z(a, oe((r) => [r.popoverState, r.button, r.panel, r.buttonId, r.panelId], [])), k = Qe((b = e.current) != null ? b : o), u = Ce(P), i = Ce(B), c = Be(() => ({ buttonId: u, panelId: i, close: a.actions.close }), [u, i, a]), p = _e(), n = p?.registerPopover, y = $(() => {
+    var r, C;
+    let D = ne((r = e.current) != null ? r : o);
+    return (C = p?.isFocusWithinPopoverGroup()) != null ? C : D && (o?.contains(D) || h?.contains(D));
+  });
+  ie(() => n?.(c), [n, c]);
+  let [q, J] = ct(), G = ze(o), x = Ue({ mainTreeNode: G, portals: q, defaultContainers: [{ get current() {
+    return a.state.button;
+  } }, { get current() {
+    return a.state.panel;
+  } }] });
+  Ke(k, "focus", (r) => {
+    var C, D, R, j, T, Y;
+    r.target !== window && st(r.target) && a.state.popoverState === d.Open && (y() || a.state.button && a.state.panel && (x.contains(r.target) || (D = (C = a.state.beforePanelSentinel.current) == null ? void 0 : C.contains) != null && D.call(C, r.target) || (j = (R = a.state.afterPanelSentinel.current) == null ? void 0 : R.contains) != null && j.call(R, r.target) || (Y = (T = a.state.afterButtonSentinel.current) == null ? void 0 : T.contains) != null && Y.call(T, r.target) || a.actions.close()));
+  }, !0);
+  let V = S === d.Open;
+  Ye(V, x.resolveContainers, (r, C) => {
+    a.actions.close(), ut(C, it.Loose) || (r.preventDefault(), o?.focus());
+  });
+  let X = ae({ open: S === d.Open, close: a.actions.refocusableClose }), ee = z(a, oe((r) => re(r.popoverState, { [d.Open]: Z.Open, [d.Closed]: Z.Closed }), [])), K = { ref: E }, W = se();
+  return f.createElement(De, { node: G }, f.createElement(Xe, null, f.createElement(fe.Provider, { value: null }, f.createElement(ft.Provider, { value: a }, f.createElement(Te, { value: a.actions.refocusableClose }, f.createElement(nt, { value: ee }, f.createElement(J, null, W({ ourProps: K, theirProps: F, slot: X, defaultTag: mt, name: "Popover" }))))))));
+}
+let Pt = "button";
+function $t(m, I) {
+  let b = te(), { id: g = `headlessui-popover-button-${b}`, disabled: v = !1, autoFocus: F = !1, ...a } = m, e = Se("Popover.Button"), [E, S, o, h, P, B, k] = z(e, oe((t) => [t.popoverState, e.selectors.isPortalled(t), t.button, t.buttonId, t.panel, t.panelId, t.afterButtonSentinel], [])), u = pe(null), i = `headlessui-focus-sentinel-${te()}`, c = _e(), p = c?.closeOthers, n = vt() !== null;
+  ie(() => {
+    if (!n) return e.actions.setButtonId(g), () => e.actions.setButtonId(null);
+  }, [n, g, e]);
+  let [y] = de(() => /* @__PURE__ */ Symbol()), q = Q(u, I, et(), $((t) => {
+    if (!n) {
+      if (t) e.state.buttons.current.push(y);
+      else {
+        let s = e.state.buttons.current.indexOf(y);
+        s !== -1 && e.state.buttons.current.splice(s, 1);
+      }
+      e.state.buttons.current.length > 1 && console.warn("You are already using a <Popover.Button /> but only 1 <Popover.Button /> is supported."), t && e.actions.setButton(t);
+    }
+  })), J = Q(u, I), G = $((t) => {
+    var s, O, w;
+    if (n) {
+      if (e.state.popoverState === d.Closed) return;
+      switch (t.key) {
+        case H.Space:
+        case H.Enter:
+          t.preventDefault(), (O = (s = t.target).click) == null || O.call(s), e.actions.close(), (w = e.state.button) == null || w.focus();
+          break;
+      }
+    } else switch (t.key) {
+      case H.Space:
+      case H.Enter:
+        t.preventDefault(), t.stopPropagation(), e.state.popoverState === d.Closed ? (p?.(e.state.buttonId), e.actions.open()) : e.actions.close();
+        break;
+      case H.Escape:
+        if (e.state.popoverState !== d.Open) return p?.(e.state.buttonId);
+        if (!u.current) return;
+        let M = ne(u.current);
+        if (M && !u.current.contains(M)) return;
+        t.preventDefault(), t.stopPropagation(), e.actions.close();
+        break;
+    }
+  }), x = $((t) => {
+    n || t.key === H.Space && t.preventDefault();
+  }), V = $((t) => {
+    var s, O;
+    Me(t.currentTarget) || v || (n ? (e.actions.close(), (s = e.state.button) == null || s.focus()) : (t.preventDefault(), t.stopPropagation(), e.state.popoverState === d.Closed ? (p?.(e.state.buttonId), e.actions.open()) : e.actions.close(), (O = e.state.button) == null || O.focus()));
+  }), X = $((t) => {
+    t.preventDefault(), t.stopPropagation();
+  }), { isFocusVisible: ee, focusProps: K } = Le({ autoFocus: F }), { isHovered: W, hoverProps: r } = He({ isDisabled: v }), { pressed: C, pressProps: D } = Ne({ disabled: v }), R = E === d.Open, j = ae({ open: R, active: C || R, disabled: v, hover: W, focus: ee, autofocus: F }), T = Ze(m, o), Y = n ? ge({ ref: J, type: T, onKeyDown: G, onClick: V, disabled: v || void 0, autoFocus: F }, K, r, D) : ge({ ref: q, id: h, type: T, "aria-expanded": E === d.Open, "aria-controls": P ? B : void 0, disabled: v || void 0, autoFocus: F, onKeyDown: G, onKeyUp: x, onClick: V, onMouseDown: X }, K, r, D), le = Ie(), ve = $(() => {
+    if (!lt(e.state.panel)) return;
+    let t = e.state.panel;
+    function s() {
+      re(le.current, { [A.Forwards]: () => N(t, _.First), [A.Backwards]: () => N(t, _.Last) }) === $e.Error && N(Ae(Fe(e.state.button)).filter((O) => O.dataset.headlessuiFocusGuard !== "true"), re(le.current, { [A.Forwards]: _.Next, [A.Backwards]: _.Previous }), { relativeTo: e.state.button });
+    }
+    s();
+  }), l = se();
+  return f.createElement(f.Fragment, null, l({ ourProps: Y, theirProps: a, slot: j, defaultTag: Pt, name: "Popover.Button" }), R && !n && S && f.createElement(be, { id: i, ref: k, features: Pe.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: ve }));
+}
+let gt = "div", Ft = ce.RenderStrategy | ce.Static;
+function Ge(m, I) {
+  let b = te(), { id: g = `headlessui-popover-backdrop-${b}`, transition: v = !1, ...F } = m, a = Se("Popover.Backdrop"), e = z(a, oe((c) => c.popoverState, [])), [E, S] = de(null), o = Q(I, S), h = xe(), [P, B] = we(v, E, h !== null ? (h & Z.Open) === Z.Open : e === d.Open), k = $((c) => {
+    if (Me(c.currentTarget)) return c.preventDefault();
+    a.actions.close();
+  }), u = ae({ open: e === d.Open }), i = { ref: o, id: g, "aria-hidden": !0, onClick: k, ...Re(B) };
+  return se()({ ourProps: i, theirProps: F, slot: u, defaultTag: gt, features: Ft, visible: P, name: "Popover.Backdrop" });
+}
+let St = "div", ht = ce.RenderStrategy | ce.Static;
+function yt(m, I) {
+  let b = te(), { id: g = `headlessui-popover-panel-${b}`, focus: v = !1, anchor: F, portal: a = !1, modal: e = !1, transition: E = !1, ...S } = m, o = Se("Popover.Panel"), h = z(o, o.selectors.isPortalled), [P, B, k, u, i] = z(o, oe((l) => [l.popoverState, l.button, l.__demoMode, l.beforePanelSentinel, l.afterPanelSentinel], [])), c = `headlessui-focus-sentinel-before-${b}`, p = `headlessui-focus-sentinel-after-${b}`, n = pe(null), y = tt(F), [q, J] = ot(y), G = rt();
+  y && (a = !0);
+  let [x, V] = de(null), X = Q(n, I, y ? q : null, o.actions.setPanel, V), ee = Oe(B), K = Oe(n.current);
+  We(() => (o.actions.setPanelId(g), () => o.actions.setPanelId(null)), [g, o]);
+  let W = xe(), [r, C] = we(E, x, W !== null ? (W & Z.Open) === Z.Open : P === d.Open);
+  je(r, B, o.actions.close), qe(k ? !1 : e && r, K);
+  let D = $((l) => {
+    var t;
+    switch (l.key) {
+      case H.Escape:
+        if (o.state.popoverState !== d.Open || !n.current) return;
+        let s = ne(n.current);
+        if (s && !n.current.contains(s)) return;
+        l.preventDefault(), l.stopPropagation(), o.actions.close(), (t = o.state.button) == null || t.focus();
+        break;
+    }
+  });
+  ie(() => {
+    var l;
+    m.static || P === d.Closed && ((l = m.unmount) == null || l) && o.actions.setPanel(null);
+  }, [P, m.unmount, m.static, o]), ie(() => {
+    if (k || !v || P !== d.Open || !n.current) return;
+    let l = ne(n.current);
+    n.current.contains(l) || N(n.current, _.First);
+  }, [k, v, n.current, P]);
+  let R = ae({ open: P === d.Open, close: o.actions.refocusableClose }), j = ge(y ? G() : {}, { ref: X, id: g, onKeyDown: D, onBlur: v && P === d.Open ? (l) => {
+    var t, s, O, w, M;
+    let L = l.relatedTarget;
+    L && n.current && ((t = n.current) != null && t.contains(L) || (o.actions.close(), ((O = (s = u.current) == null ? void 0 : s.contains) != null && O.call(s, L) || (M = (w = i.current) == null ? void 0 : w.contains) != null && M.call(w, L)) && L.focus({ preventScroll: !0 })));
+  } : void 0, tabIndex: -1, style: { ...S.style, ...J, "--button-width": Ve(r, B, !0).width }, ...Re(C) }), T = Ie(), Y = $(() => {
+    let l = n.current;
+    if (!l) return;
+    function t() {
+      re(T.current, { [A.Forwards]: () => {
+        var s;
+        N(l, _.First) === $e.Error && ((s = o.state.afterPanelSentinel.current) == null || s.focus());
+      }, [A.Backwards]: () => {
+        var s;
+        (s = o.state.button) == null || s.focus({ preventScroll: !0 });
+      } });
+    }
+    t();
+  }), le = $(() => {
+    let l = n.current;
+    if (!l) return;
+    function t() {
+      re(T.current, { [A.Forwards]: () => {
+        var s;
+        if (!o.state.button) return;
+        let O = (s = Fe(o.state.button)) != null ? s : document.body, w = Ae(O), M = w.indexOf(o.state.button), L = w.slice(0, M + 1), ue = [...w.slice(M + 1), ...L];
+        for (let me of ue.slice()) if (me.dataset.headlessuiFocusGuard === "true" || x != null && x.contains(me)) {
+          let ye = ue.indexOf(me);
+          ye !== -1 && ue.splice(ye, 1);
+        }
+        N(ue, _.First, { sorted: !1 });
+      }, [A.Backwards]: () => {
+        var s;
+        N(l, _.Previous) === $e.Error && ((s = o.state.button) == null || s.focus());
+      } });
+    }
+    t();
+  }), ve = se();
+  return f.createElement(at, null, f.createElement(fe.Provider, { value: g }, f.createElement(Te, { value: o.actions.refocusableClose }, f.createElement(pt, { enabled: a ? m.static || r : !1, ownerDocument: ee }, r && h && f.createElement(be, { id: c, ref: u, features: Pe.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: Y }), ve({ ourProps: j, theirProps: S, slot: R, defaultTag: St, features: ht, visible: r, name: "Popover.Panel" }), r && h && f.createElement(be, { id: p, ref: i, features: Pe.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: le })))));
+}
+let Ct = "div";
+function Ot(m, I) {
+  let b = pe(null), g = Q(b, I), [v, F] = de([]), a = $((u) => {
+    F((i) => {
+      let c = i.indexOf(u);
+      if (c !== -1) {
+        let p = i.slice();
+        return p.splice(c, 1), p;
+      }
+      return i;
+    });
+  }), e = $((u) => (F((i) => [...i, u]), () => a(u))), E = $(() => {
+    var u;
+    let i = Fe(b.current);
+    if (!i) return !1;
+    let c = ne(b.current);
+    return (u = b.current) != null && u.contains(c) ? !0 : v.some((p) => {
+      var n, y;
+      return ((n = i.getElementById(p.buttonId.current)) == null ? void 0 : n.contains(c)) || ((y = i.getElementById(p.panelId.current)) == null ? void 0 : y.contains(c));
+    });
+  }), S = $((u) => {
+    for (let i of v) i.buttonId.current !== u && i.close();
+  }), o = Be(() => ({ registerPopover: e, unregisterPopover: a, isFocusWithinPopoverGroup: E, closeOthers: S }), [e, a, E, S]), h = ae({}), P = m, B = { ref: g }, k = se();
+  return f.createElement(De, null, f.createElement(he.Provider, { value: o }, k({ ourProps: B, theirProps: P, slot: h, defaultTag: Ct, name: "Popover.Group" })));
+}
+let Et = U(bt), Bt = U($t), kt = U(Ge), Dt = U(Ge), It = U(yt), wt = U(Ot), fo = Object.assign(Et, { Button: Bt, Backdrop: Dt, Overlay: kt, Panel: It, Group: wt });
+export {
+  fo as Popover,
+  Dt as PopoverBackdrop,
+  Bt as PopoverButton,
+  wt as PopoverGroup,
+  kt as PopoverOverlay,
+  It as PopoverPanel
+};

package/dist/node_modules/@headlessui/react/dist/components/portal/portal.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),y=require("react-dom"),b=require("../../hooks/use-disposables.cjs"),g=require("../../hooks/use-event.cjs"),q=require("../../hooks/use-on-unmount.cjs"),C=require("../../hooks/use-owner.cjs"),f=require("../../hooks/use-sync-refs.cjs"),S=require("../../internal/portal-force-root.cjs"),w=require("../../utils/env.cjs"),c=require("../../utils/render.cjs");function D(e){let n=S.usePortalRoot(),u=t.useContext(R),[l,o]=t.useState(()=>{var r;if(!n&&u!==null)return(r=u.current)!=null?r:null;if(w.env.isServer)return null;let s=e?.getElementById("headlessui-portal-root");if(s)return s;if(e===null)return null;let d=e.createElement("div");return d.setAttribute("id","headlessui-portal-root"),e.body.appendChild(d)});return t.useEffect(()=>{l!==null&&(e!=null&&e.body.contains(l)||e==null||e.body.appendChild(l))},[l,e]),t.useEffect(()=>{n||u!==null&&o(u.current)},[u,o,n]),l}let P=t.Fragment,O=c.forwardRefWithAs(function(e,n){let{ownerDocument:u=null,...l}=e,o=t.useRef(null),r=f.useSyncRefs(f.optionalRef(a=>{o.current=a}),n),s=C.useOwnerDocument(o.current),d=u??s,i=D(d),m=t.useContext(p),v=b.useDisposables(),E=c.useRender();return q.useOnUnmount(()=>{var a;i&&i.childNodes.length<=0&&((a=i.parentElement)==null||a.removeChild(i))}),i?y.createPortal(t.createElement("div",{"data-headlessui-portal":"",ref:a=>{v.dispose(),m&&a&&v.add(m.register(a))}},E({ourProps:{ref:r},theirProps:l,slot:{},defaultTag:P,name:"Portal"})),i):null});function x(e,n){let u=f.useSyncRefs(n),{enabled:l=!0,ownerDocument:o,...r}=e,s=c.useRender();return l?t.createElement(O,{...r,ownerDocument:o,ref:u}):s({ourProps:{ref:u},theirProps:r,slot:{},defaultTag:P,name:"Portal"})}let A=t.Fragment,R=t.createContext(null);function M(e,n){let{target:u,...l}=e,o={ref:f.useSyncRefs(n)},r=c.useRender();return t.createElement(R.Provider,{value:u},r({ourProps:o,theirProps:l,defaultTag:A,name:"Popover.Group"}))}let p=t.createContext(null);function T(){let e=t.useContext(p),n=t.useRef([]),u=g.useEvent(r=>(n.current.push(r),e&&e.register(r),()=>l(r))),l=g.useEvent(r=>{let s=n.current.indexOf(r);s!==-1&&n.current.splice(s,1),e&&e.unregister(r)}),o=t.useMemo(()=>({register:u,unregister:l,portals:n}),[u,l,n]);return[n,t.useMemo(()=>function({children:r}){return t.createElement(p.Provider,{value:o},r)},[o])]}let W=c.forwardRefWithAs(x),h=c.forwardRefWithAs(M),j=Object.assign(W,{Group:h});exports.Portal=j;exports.PortalGroup=h;exports.useNestedPortals=T;

package/dist/node_modules/@headlessui/react/dist/components/portal/portal.js

@@ -0,0 +1,63 @@
+import p, { useContext as f, useRef as y, useMemo as h, createContext as R, Fragment as C, useState as x, useEffect as E } from "react";
+import { createPortal as O } from "react-dom";
+import { useDisposables as S } from "../../hooks/use-disposables.js";
+import { useEvent as b } from "../../hooks/use-event.js";
+import { useOnUnmount as T } from "../../hooks/use-on-unmount.js";
+import { useOwnerDocument as G } from "../../hooks/use-owner.js";
+import { useSyncRefs as c, optionalRef as _ } from "../../hooks/use-sync-refs.js";
+import { usePortalRoot as j } from "../../internal/portal-force-root.js";
+import { env as A } from "../../utils/env.js";
+import { forwardRefWithAs as d, useRender as P } from "../../utils/render.js";
+function I(e) {
+  let t = j(), n = f($), [l, o] = x(() => {
+    var r;
+    if (!t && n !== null) return (r = n.current) != null ? r : null;
+    if (A.isServer) return null;
+    let u = e?.getElementById("headlessui-portal-root");
+    if (u) return u;
+    if (e === null) return null;
+    let i = e.createElement("div");
+    return i.setAttribute("id", "headlessui-portal-root"), e.body.appendChild(i);
+  });
+  return E(() => {
+    l !== null && (e != null && e.body.contains(l) || e == null || e.body.appendChild(l));
+  }, [l, e]), E(() => {
+    t || n !== null && o(n.current);
+  }, [n, o, t]), l;
+}
+let D = C, N = d(function(e, t) {
+  let { ownerDocument: n = null, ...l } = e, o = y(null), r = c(_((s) => {
+    o.current = s;
+  }), t), u = G(o.current), i = n ?? u, a = I(i), v = f(m), g = S(), w = P();
+  return T(() => {
+    var s;
+    a && a.childNodes.length <= 0 && ((s = a.parentElement) == null || s.removeChild(a));
+  }), a ? O(p.createElement("div", { "data-headlessui-portal": "", ref: (s) => {
+    g.dispose(), v && s && g.add(v.register(s));
+  } }, w({ ourProps: { ref: r }, theirProps: l, slot: {}, defaultTag: D, name: "Portal" })), a) : null;
+});
+function W(e, t) {
+  let n = c(t), { enabled: l = !0, ownerDocument: o, ...r } = e, u = P();
+  return l ? p.createElement(N, { ...r, ownerDocument: o, ref: n }) : u({ ourProps: { ref: n }, theirProps: r, slot: {}, defaultTag: D, name: "Portal" });
+}
+let B = C, $ = R(null);
+function F(e, t) {
+  let { target: n, ...l } = e, o = { ref: c(t) }, r = P();
+  return p.createElement($.Provider, { value: n }, r({ ourProps: o, theirProps: l, defaultTag: B, name: "Popover.Group" }));
+}
+let m = R(null);
+function V() {
+  let e = f(m), t = y([]), n = b((r) => (t.current.push(r), e && e.register(r), () => l(r))), l = b((r) => {
+    let u = t.current.indexOf(r);
+    u !== -1 && t.current.splice(u, 1), e && e.unregister(r);
+  }), o = h(() => ({ register: n, unregister: l, portals: t }), [n, l, t]);
+  return [t, h(() => function({ children: r }) {
+    return p.createElement(m.Provider, { value: o }, r);
+  }, [o])];
+}
+let J = d(W), K = d(F), Z = Object.assign(J, { Group: K });
+export {
+  Z as Portal,
+  K as PortalGroup,
+  V as useNestedPortals
+};