@anoki/fse-ui 1.0.525 → 1.0.526

package/dist/index.es343.js

@@ -1,72 +1,138 @@
-import * as a from "react";
-import { useComposedRefs as E } from "./index.es325.js";
-import { useLayoutEffect as A } from "./index.es347.js";
-function T(n, e) {
-  return a.useReducer((r, t) => e[r][t] ?? r, n);
-}
-var R = (n) => {
-  const { present: e, children: r } = n, t = v(e), i = typeof r == "function" ? r({ present: t.isPresent }) : a.Children.only(r), c = E(t.ref, P(i));
-  return typeof r == "function" || t.isPresent ? a.cloneElement(i, { ref: c }) : null;
-};
-R.displayName = "Presence";
-function v(n) {
-  const [e, r] = a.useState(), t = a.useRef({}), i = a.useRef(n), c = a.useRef("none"), p = n ? "mounted" : "unmounted", [N, s] = T(p, {
-    mounted: {
-      UNMOUNT: "unmounted",
-      ANIMATION_OUT: "unmountSuspended"
+import * as d from "react";
+import { useComposedRefs as P } from "./index.es328.js";
+import { Primitive as M } from "./index.es331.js";
+import { useCallbackRef as y } from "./index.es337.js";
+import { j as _ } from "./index.es180.js";
+var F = "focusScope.autoFocusOnMount", T = "focusScope.autoFocusOnUnmount", N = { bubbles: !1, cancelable: !0 }, K = "FocusScope", k = d.forwardRef((e, n) => {
+  const {
+    loop: t = !1,
+    trapped: u = !1,
+    onMountAutoFocus: p,
+    onUnmountAutoFocus: L,
+    ...g
+  } = e, [o, R] = d.useState(null), E = y(p), v = y(L), b = d.useRef(null), U = P(n, (s) => R(s)), a = d.useRef({
+    paused: !1,
+    pause() {
+      this.paused = !0;
     },
-    unmountSuspended: {
-      MOUNT: "mounted",
-      ANIMATION_END: "unmounted"
+    resume() {
+      this.paused = !1;
+    }
+  }).current;
+  d.useEffect(() => {
+    if (u) {
+      let s = function(i) {
+        if (a.paused || !o) return;
+        const c = i.target;
+        o.contains(c) ? b.current = c : f(b.current, { select: !0 });
+      }, l = function(i) {
+        if (a.paused || !o) return;
+        const c = i.relatedTarget;
+        c !== null && (o.contains(c) || f(b.current, { select: !0 }));
+      }, r = function(i) {
+        if (document.activeElement === document.body)
+          for (const h of i)
+            h.removedNodes.length > 0 && f(o);
+      };
+      document.addEventListener("focusin", s), document.addEventListener("focusout", l);
+      const m = new MutationObserver(r);
+      return o && m.observe(o, { childList: !0, subtree: !0 }), () => {
+        document.removeEventListener("focusin", s), document.removeEventListener("focusout", l), m.disconnect();
+      };
+    }
+  }, [u, o, a.paused]), d.useEffect(() => {
+    if (o) {
+      S.add(a);
+      const s = document.activeElement;
+      if (!o.contains(s)) {
+        const r = new CustomEvent(F, N);
+        o.addEventListener(F, E), o.dispatchEvent(r), r.defaultPrevented || (w(V(I(o)), { select: !0 }), document.activeElement === s && f(o));
+      }
+      return () => {
+        o.removeEventListener(F, E), setTimeout(() => {
+          const r = new CustomEvent(T, N);
+          o.addEventListener(T, v), o.dispatchEvent(r), r.defaultPrevented || f(s ?? document.body, { select: !0 }), o.removeEventListener(T, v), S.remove(a);
+        }, 0);
+      };
+    }
+  }, [o, E, v, a]);
+  const A = d.useCallback(
+    (s) => {
+      if (!t && !u || a.paused) return;
+      const l = s.key === "Tab" && !s.altKey && !s.ctrlKey && !s.metaKey, r = document.activeElement;
+      if (l && r) {
+        const m = s.currentTarget, [i, c] = x(m);
+        i && c ? !s.shiftKey && r === c ? (s.preventDefault(), t && f(i, { select: !0 })) : s.shiftKey && r === i && (s.preventDefault(), t && f(c, { select: !0 })) : r === m && s.preventDefault();
+      }
     },
-    unmounted: {
-      MOUNT: "mounted"
+    [t, u, a.paused]
+  );
+  return /* @__PURE__ */ _.jsx(M.div, { tabIndex: -1, ...g, ref: U, onKeyDown: A });
+});
+k.displayName = K;
+function w(e, { select: n = !1 } = {}) {
+  const t = document.activeElement;
+  for (const u of e)
+    if (f(u, { select: n }), document.activeElement !== t) return;
+}
+function x(e) {
+  const n = I(e), t = O(n, e), u = O(n.reverse(), e);
+  return [t, u];
+}
+function I(e) {
+  const n = [], t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (u) => {
+      const p = u.tagName === "INPUT" && u.type === "hidden";
+      return u.disabled || u.hidden || p ? NodeFilter.FILTER_SKIP : u.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
     }
   });
-  return a.useEffect(() => {
-    const o = l(t.current);
-    c.current = N === "mounted" ? o : "none";
-  }, [N]), A(() => {
-    const o = t.current, m = i.current;
-    if (m !== n) {
-      const f = c.current, u = l(o);
-      n ? s("MOUNT") : u === "none" || (o == null ? void 0 : o.display) === "none" ? s("UNMOUNT") : s(m && f !== u ? "ANIMATION_OUT" : "UNMOUNT"), i.current = n;
+  for (; t.nextNode(); ) n.push(t.currentNode);
+  return n;
+}
+function O(e, n) {
+  for (const t of e)
+    if (!D(t, { upTo: n })) return t;
+}
+function D(e, { upTo: n }) {
+  if (getComputedStyle(e).visibility === "hidden") return !0;
+  for (; e; ) {
+    if (n !== void 0 && e === n) return !1;
+    if (getComputedStyle(e).display === "none") return !0;
+    e = e.parentElement;
+  }
+  return !1;
+}
+function H(e) {
+  return e instanceof HTMLInputElement && "select" in e;
+}
+function f(e, { select: n = !1 } = {}) {
+  if (e && e.focus) {
+    const t = document.activeElement;
+    e.focus({ preventScroll: !0 }), e !== t && H(e) && n && e.select();
+  }
+}
+var S = j();
+function j() {
+  let e = [];
+  return {
+    add(n) {
+      const t = e[0];
+      n !== t && (t == null || t.pause()), e = C(e, n), e.unshift(n);
+    },
+    remove(n) {
+      var t;
+      e = C(e, n), (t = e[0]) == null || t.resume();
     }
-  }, [n, s]), A(() => {
-    if (e) {
-      let o;
-      const m = e.ownerDocument.defaultView ?? window, d = (u) => {
-        const g = l(t.current).includes(u.animationName);
-        if (u.target === e && g && (s("ANIMATION_END"), !i.current)) {
-          const O = e.style.animationFillMode;
-          e.style.animationFillMode = "forwards", o = m.setTimeout(() => {
-            e.style.animationFillMode === "forwards" && (e.style.animationFillMode = O);
-          });
-        }
-      }, f = (u) => {
-        u.target === e && (c.current = l(t.current));
-      };
-      return e.addEventListener("animationstart", f), e.addEventListener("animationcancel", d), e.addEventListener("animationend", d), () => {
-        m.clearTimeout(o), e.removeEventListener("animationstart", f), e.removeEventListener("animationcancel", d), e.removeEventListener("animationend", d);
-      };
-    } else
-      s("ANIMATION_END");
-  }, [e, s]), {
-    isPresent: ["mounted", "unmountSuspended"].includes(N),
-    ref: a.useCallback((o) => {
-      o && (t.current = getComputedStyle(o)), r(o);
-    }, [])
   };
 }
-function l(n) {
-  return (n == null ? void 0 : n.animationName) || "none";
+function C(e, n) {
+  const t = [...e], u = t.indexOf(n);
+  return u !== -1 && t.splice(u, 1), t;
 }
-function P(n) {
-  var t, i;
-  let e = (t = Object.getOwnPropertyDescriptor(n.props, "ref")) == null ? void 0 : t.get, r = e && "isReactWarning" in e && e.isReactWarning;
-  return r ? n.ref : (e = (i = Object.getOwnPropertyDescriptor(n, "ref")) == null ? void 0 : i.get, r = e && "isReactWarning" in e && e.isReactWarning, r ? n.props.ref : n.props.ref || n.ref);
+function V(e) {
+  return e.filter((n) => n.tagName !== "A");
 }
 export {
-  R as Presence
+  k as FocusScope
 };
 //# sourceMappingURL=index.es343.js.map

package/dist/index.es343.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es343.js","sources":["../node_modules/@radix-ui/react-presence/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// packages/react/presence/src/presence.tsx\nimport * as React2 from \"react\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { useLayoutEffect } from \"@radix-ui/react-use-layout-effect\";\n\n// packages/react/presence/src/use-state-machine.tsx\nimport * as React from \"react\";\nfunction useStateMachine(initialState, machine) {\n  return React.useReducer((state, event) => {\n    const nextState = machine[state][event];\n    return nextState ?? state;\n  }, initialState);\n}\n\n// packages/react/presence/src/presence.tsx\nvar Presence = (props) => {\n  const { present, children } = props;\n  const presence = usePresence(present);\n  const child = typeof children === \"function\" ? children({ present: presence.isPresent }) : React2.Children.only(children);\n  const ref = useComposedRefs(presence.ref, getElementRef(child));\n  const forceMount = typeof children === \"function\";\n  return forceMount || presence.isPresent ? React2.cloneElement(child, { ref }) : null;\n};\nPresence.displayName = \"Presence\";\nfunction usePresence(present) {\n  const [node, setNode] = React2.useState();\n  const stylesRef = React2.useRef({});\n  const prevPresentRef = React2.useRef(present);\n  const prevAnimationNameRef = React2.useRef(\"none\");\n  const initialState = present ? \"mounted\" : \"unmounted\";\n  const [state, send] = useStateMachine(initialState, {\n    mounted: {\n      UNMOUNT: \"unmounted\",\n      ANIMATION_OUT: \"unmountSuspended\"\n    },\n    unmountSuspended: {\n      MOUNT: \"mounted\",\n      ANIMATION_END: \"unmounted\"\n    },\n    unmounted: {\n      MOUNT: \"mounted\"\n    }\n  });\n  React2.useEffect(() => {\n    const currentAnimationName = getAnimationName(stylesRef.current);\n    prevAnimationNameRef.current = state === \"mounted\" ? currentAnimationName : \"none\";\n  }, [state]);\n  useLayoutEffect(() => {\n    const styles = stylesRef.current;\n    const wasPresent = prevPresentRef.current;\n    const hasPresentChanged = wasPresent !== present;\n    if (hasPresentChanged) {\n      const prevAnimationName = prevAnimationNameRef.current;\n      const currentAnimationName = getAnimationName(styles);\n      if (present) {\n        send(\"MOUNT\");\n      } else if (currentAnimationName === \"none\" || styles?.display === \"none\") {\n        send(\"UNMOUNT\");\n      } else {\n        const isAnimating = prevAnimationName !== currentAnimationName;\n        if (wasPresent && isAnimating) {\n          send(\"ANIMATION_OUT\");\n        } else {\n          send(\"UNMOUNT\");\n        }\n      }\n      prevPresentRef.current = present;\n    }\n  }, [present, send]);\n  useLayoutEffect(() => {\n    if (node) {\n      let timeoutId;\n      const ownerWindow = node.ownerDocument.defaultView ?? window;\n      const handleAnimationEnd = (event) => {\n        const currentAnimationName = getAnimationName(stylesRef.current);\n        const isCurrentAnimation = currentAnimationName.includes(event.animationName);\n        if (event.target === node && isCurrentAnimation) {\n          send(\"ANIMATION_END\");\n          if (!prevPresentRef.current) {\n            const currentFillMode = node.style.animationFillMode;\n            node.style.animationFillMode = \"forwards\";\n            timeoutId = ownerWindow.setTimeout(() => {\n              if (node.style.animationFillMode === \"forwards\") {\n                node.style.animationFillMode = currentFillMode;\n              }\n            });\n          }\n        }\n      };\n      const handleAnimationStart = (event) => {\n        if (event.target === node) {\n          prevAnimationNameRef.current = getAnimationName(stylesRef.current);\n        }\n      };\n      node.addEventListener(\"animationstart\", handleAnimationStart);\n      node.addEventListener(\"animationcancel\", handleAnimationEnd);\n      node.addEventListener(\"animationend\", handleAnimationEnd);\n      return () => {\n        ownerWindow.clearTimeout(timeoutId);\n        node.removeEventListener(\"animationstart\", handleAnimationStart);\n        node.removeEventListener(\"animationcancel\", handleAnimationEnd);\n        node.removeEventListener(\"animationend\", handleAnimationEnd);\n      };\n    } else {\n      send(\"ANIMATION_END\");\n    }\n  }, [node, send]);\n  return {\n    isPresent: [\"mounted\", \"unmountSuspended\"].includes(state),\n    ref: React2.useCallback((node2) => {\n      if (node2) stylesRef.current = getComputedStyle(node2);\n      setNode(node2);\n    }, [])\n  };\n}\nfunction getAnimationName(styles) {\n  return styles?.animationName || \"none\";\n}\nfunction getElementRef(element) {\n  let getter = Object.getOwnPropertyDescriptor(element.props, \"ref\")?.get;\n  let mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return element.ref;\n  }\n  getter = Object.getOwnPropertyDescriptor(element, \"ref\")?.get;\n  mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n  if (mayWarn) {\n    return element.props.ref;\n  }\n  return element.props.ref || element.ref;\n}\nvar Root = Presence;\nexport {\n  Presence,\n  Root\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["useStateMachine","initialState","machine","React","state","event","Presence","props","present","children","presence","usePresence","child","React2","ref","useComposedRefs","getElementRef","node","setNode","stylesRef","prevPresentRef","prevAnimationNameRef","send","currentAnimationName","getAnimationName","useLayoutEffect","styles","wasPresent","prevAnimationName","timeoutId","ownerWindow","handleAnimationEnd","isCurrentAnimation","currentFillMode","handleAnimationStart","node2","element","getter","_a","mayWarn","_b"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es343.js","sources":["../node_modules/@radix-ui/react-focus-scope/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// packages/react/focus-scope/src/focus-scope.tsx\nimport * as React from \"react\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { jsx } from \"react/jsx-runtime\";\nvar AUTOFOCUS_ON_MOUNT = \"focusScope.autoFocusOnMount\";\nvar AUTOFOCUS_ON_UNMOUNT = \"focusScope.autoFocusOnUnmount\";\nvar EVENT_OPTIONS = { bubbles: false, cancelable: true };\nvar FOCUS_SCOPE_NAME = \"FocusScope\";\nvar FocusScope = React.forwardRef((props, forwardedRef) => {\n  const {\n    loop = false,\n    trapped = false,\n    onMountAutoFocus: onMountAutoFocusProp,\n    onUnmountAutoFocus: onUnmountAutoFocusProp,\n    ...scopeProps\n  } = props;\n  const [container, setContainer] = React.useState(null);\n  const onMountAutoFocus = useCallbackRef(onMountAutoFocusProp);\n  const onUnmountAutoFocus = useCallbackRef(onUnmountAutoFocusProp);\n  const lastFocusedElementRef = React.useRef(null);\n  const composedRefs = useComposedRefs(forwardedRef, (node) => setContainer(node));\n  const focusScope = React.useRef({\n    paused: false,\n    pause() {\n      this.paused = true;\n    },\n    resume() {\n      this.paused = false;\n    }\n  }).current;\n  React.useEffect(() => {\n    if (trapped) {\n      let handleFocusIn2 = function(event) {\n        if (focusScope.paused || !container) return;\n        const target = event.target;\n        if (container.contains(target)) {\n          lastFocusedElementRef.current = target;\n        } else {\n          focus(lastFocusedElementRef.current, { select: true });\n        }\n      }, handleFocusOut2 = function(event) {\n        if (focusScope.paused || !container) return;\n        const relatedTarget = event.relatedTarget;\n        if (relatedTarget === null) return;\n        if (!container.contains(relatedTarget)) {\n          focus(lastFocusedElementRef.current, { select: true });\n        }\n      }, handleMutations2 = function(mutations) {\n        const focusedElement = document.activeElement;\n        if (focusedElement !== document.body) return;\n        for (const mutation of mutations) {\n          if (mutation.removedNodes.length > 0) focus(container);\n        }\n      };\n      var handleFocusIn = handleFocusIn2, handleFocusOut = handleFocusOut2, handleMutations = handleMutations2;\n      document.addEventListener(\"focusin\", handleFocusIn2);\n      document.addEventListener(\"focusout\", handleFocusOut2);\n      const mutationObserver = new MutationObserver(handleMutations2);\n      if (container) mutationObserver.observe(container, { childList: true, subtree: true });\n      return () => {\n        document.removeEventListener(\"focusin\", handleFocusIn2);\n        document.removeEventListener(\"focusout\", handleFocusOut2);\n        mutationObserver.disconnect();\n      };\n    }\n  }, [trapped, container, focusScope.paused]);\n  React.useEffect(() => {\n    if (container) {\n      focusScopesStack.add(focusScope);\n      const previouslyFocusedElement = document.activeElement;\n      const hasFocusedCandidate = container.contains(previouslyFocusedElement);\n      if (!hasFocusedCandidate) {\n        const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT, EVENT_OPTIONS);\n        container.addEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus);\n        container.dispatchEvent(mountEvent);\n        if (!mountEvent.defaultPrevented) {\n          focusFirst(removeLinks(getTabbableCandidates(container)), { select: true });\n          if (document.activeElement === previouslyFocusedElement) {\n            focus(container);\n          }\n        }\n      }\n      return () => {\n        container.removeEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus);\n        setTimeout(() => {\n          const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT, EVENT_OPTIONS);\n          container.addEventListener(AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus);\n          container.dispatchEvent(unmountEvent);\n          if (!unmountEvent.defaultPrevented) {\n            focus(previouslyFocusedElement ?? document.body, { select: true });\n          }\n          container.removeEventListener(AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus);\n          focusScopesStack.remove(focusScope);\n        }, 0);\n      };\n    }\n  }, [container, onMountAutoFocus, onUnmountAutoFocus, focusScope]);\n  const handleKeyDown = React.useCallback(\n    (event) => {\n      if (!loop && !trapped) return;\n      if (focusScope.paused) return;\n      const isTabKey = event.key === \"Tab\" && !event.altKey && !event.ctrlKey && !event.metaKey;\n      const focusedElement = document.activeElement;\n      if (isTabKey && focusedElement) {\n        const container2 = event.currentTarget;\n        const [first, last] = getTabbableEdges(container2);\n        const hasTabbableElementsInside = first && last;\n        if (!hasTabbableElementsInside) {\n          if (focusedElement === container2) event.preventDefault();\n        } else {\n          if (!event.shiftKey && focusedElement === last) {\n            event.preventDefault();\n            if (loop) focus(first, { select: true });\n          } else if (event.shiftKey && focusedElement === first) {\n            event.preventDefault();\n            if (loop) focus(last, { select: true });\n          }\n        }\n      }\n    },\n    [loop, trapped, focusScope.paused]\n  );\n  return /* @__PURE__ */ jsx(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });\n});\nFocusScope.displayName = FOCUS_SCOPE_NAME;\nfunction focusFirst(candidates, { select = false } = {}) {\n  const previouslyFocusedElement = document.activeElement;\n  for (const candidate of candidates) {\n    focus(candidate, { select });\n    if (document.activeElement !== previouslyFocusedElement) return;\n  }\n}\nfunction getTabbableEdges(container) {\n  const candidates = getTabbableCandidates(container);\n  const first = findVisible(candidates, container);\n  const last = findVisible(candidates.reverse(), container);\n  return [first, last];\n}\nfunction getTabbableCandidates(container) {\n  const nodes = [];\n  const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {\n    acceptNode: (node) => {\n      const isHiddenInput = node.tagName === \"INPUT\" && node.type === \"hidden\";\n      if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;\n      return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;\n    }\n  });\n  while (walker.nextNode()) nodes.push(walker.currentNode);\n  return nodes;\n}\nfunction findVisible(elements, container) {\n  for (const element of elements) {\n    if (!isHidden(element, { upTo: container })) return element;\n  }\n}\nfunction isHidden(node, { upTo }) {\n  if (getComputedStyle(node).visibility === \"hidden\") return true;\n  while (node) {\n    if (upTo !== void 0 && node === upTo) return false;\n    if (getComputedStyle(node).display === \"none\") return true;\n    node = node.parentElement;\n  }\n  return false;\n}\nfunction isSelectableInput(element) {\n  return element instanceof HTMLInputElement && \"select\" in element;\n}\nfunction focus(element, { select = false } = {}) {\n  if (element && element.focus) {\n    const previouslyFocusedElement = document.activeElement;\n    element.focus({ preventScroll: true });\n    if (element !== previouslyFocusedElement && isSelectableInput(element) && select)\n      element.select();\n  }\n}\nvar focusScopesStack = createFocusScopesStack();\nfunction createFocusScopesStack() {\n  let stack = [];\n  return {\n    add(focusScope) {\n      const activeFocusScope = stack[0];\n      if (focusScope !== activeFocusScope) {\n        activeFocusScope?.pause();\n      }\n      stack = arrayRemove(stack, focusScope);\n      stack.unshift(focusScope);\n    },\n    remove(focusScope) {\n      stack = arrayRemove(stack, focusScope);\n      stack[0]?.resume();\n    }\n  };\n}\nfunction arrayRemove(array, item) {\n  const updatedArray = [...array];\n  const index = updatedArray.indexOf(item);\n  if (index !== -1) {\n    updatedArray.splice(index, 1);\n  }\n  return updatedArray;\n}\nfunction removeLinks(items) {\n  return items.filter((item) => item.tagName !== \"A\");\n}\nvar Root = FocusScope;\nexport {\n  FocusScope,\n  Root\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["AUTOFOCUS_ON_MOUNT","AUTOFOCUS_ON_UNMOUNT","EVENT_OPTIONS","FOCUS_SCOPE_NAME","FocusScope","React","props","forwardedRef","loop","trapped","onMountAutoFocusProp","onUnmountAutoFocusProp","scopeProps","container","setContainer","onMountAutoFocus","useCallbackRef","onUnmountAutoFocus","lastFocusedElementRef","composedRefs","useComposedRefs","node","focusScope","handleFocusIn2","event","target","focus","handleFocusOut2","relatedTarget","handleMutations2","mutations","mutation","mutationObserver","focusScopesStack","previouslyFocusedElement","mountEvent","focusFirst","removeLinks","getTabbableCandidates","unmountEvent","handleKeyDown","isTabKey","focusedElement","container2","first","last","getTabbableEdges","jsx","Primitive","candidates","select","candidate","findVisible","nodes","walker","isHiddenInput","elements","element","isHidden","upTo","isSelectableInput","createFocusScopesStack","stack","activeFocusScope","arrayRemove","_a","array","item","updatedArray","index","items"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index.es344.js

@@ -1,181 +1,221 @@
 import * as s from "react";
-import { composeEventHandlers as p } from "./index.es324.js";
-import { createCollection as H } from "./index.es336.js";
-import { useComposedRefs as V } from "./index.es325.js";
-import { createContextScope as z } from "./index.es326.js";
-import { useId as q } from "./index.es330.js";
-import { Primitive as P } from "./index.es328.js";
-import { useCallbackRef as J } from "./index.es334.js";
-import { useControllableState as Q } from "./index.es327.js";
-import { useDirection as W } from "./index.es337.js";
-import { j as d } from "./index.es180.js";
-var _ = "rovingFocusGroup.onEntryFocus", X = { bubbles: !1, cancelable: !0 }, b = "RovingFocusGroup", [h, G, Z] = H(b), [$, Fe] = z(
-  b,
-  [Z]
-), [ee, oe] = $(b), N = s.forwardRef(
-  (e, r) => /* @__PURE__ */ d.jsx(h.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d.jsx(h.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d.jsx(te, { ...e, ref: r }) }) })
+import { useFloating as xe, offset as Pe, shift as ye, flip as Ae, size as ve, arrow as Ce, hide as be, limitShift as Se } from "./index.es351.js";
+import { Root as Oe } from "./index.es352.js";
+import { useComposedRefs as T } from "./index.es328.js";
+import { createContextScope as Re } from "./index.es329.js";
+import { Primitive as z } from "./index.es331.js";
+import { useCallbackRef as Ee } from "./index.es337.js";
+import { useLayoutEffect as B } from "./index.es349.js";
+import { useSize as Ne } from "./index.es335.js";
+import { j as f } from "./index.es180.js";
+import { autoUpdate as _e } from "./index.es353.js";
+var N = "Popper", [L, Ue] = Re(N), [$e, Z] = L(N), U = (e) => {
+  const { __scopePopper: i, children: n } = e, [t, a] = s.useState(null);
+  return /* @__PURE__ */ f.jsx($e, { scope: i, anchor: t, onAnchorChange: a, children: n });
+};
+U.displayName = N;
+var q = "PopperAnchor", G = s.forwardRef(
+  (e, i) => {
+    const { __scopePopper: n, virtualRef: t, ...a } = e, r = Z(q, n), o = s.useRef(null), w = T(i, o);
+    return s.useEffect(() => {
+      r.onAnchorChange((t == null ? void 0 : t.current) || o.current);
+    }), t ? null : /* @__PURE__ */ f.jsx(z.div, { ...a, ref: w });
+  }
 );
-N.displayName = b;
-var te = s.forwardRef((e, r) => {
-  const {
-    __scopeRovingFocusGroup: c,
-    orientation: o,
-    loop: F = !1,
-    dir: g,
-    currentTabStopId: R,
-    defaultCurrentTabStopId: E,
-    onCurrentTabStopIdChange: m,
-    onEntryFocus: u,
-    preventScrollOnEntryFocus: w = !1,
-    ...C
-  } = e, v = s.useRef(null), I = V(r, v), t = W(g), [f = null, T] = Q({
-    prop: R,
-    defaultProp: E,
-    onChange: m
-  }), [a, i] = s.useState(!1), S = J(u), M = G(c), x = s.useRef(!1), [k, y] = s.useState(0);
-  return s.useEffect(() => {
-    const n = v.current;
-    if (n)
-      return n.addEventListener(_, S), () => n.removeEventListener(_, S);
-  }, [S]), /* @__PURE__ */ d.jsx(
-    ee,
-    {
-      scope: c,
-      orientation: o,
-      dir: t,
-      loop: F,
-      currentTabStopId: f,
-      onItemFocus: s.useCallback(
-        (n) => T(n),
-        [T]
-      ),
-      onItemShiftTab: s.useCallback(() => i(!0), []),
-      onFocusableItemAdd: s.useCallback(
-        () => y((n) => n + 1),
-        []
-      ),
-      onFocusableItemRemove: s.useCallback(
-        () => y((n) => n - 1),
-        []
-      ),
-      children: /* @__PURE__ */ d.jsx(
-        P.div,
-        {
-          tabIndex: a || k === 0 ? -1 : 0,
-          "data-orientation": o,
-          ...C,
-          ref: I,
-          style: { outline: "none", ...e.style },
-          onMouseDown: p(e.onMouseDown, () => {
-            x.current = !0;
-          }),
-          onFocus: p(e.onFocus, (n) => {
-            const L = !x.current;
-            if (n.target === n.currentTarget && L && !a) {
-              const D = new CustomEvent(_, X);
-              if (n.currentTarget.dispatchEvent(D), !D.defaultPrevented) {
-                const A = M().filter((l) => l.focusable), U = A.find((l) => l.active), B = A.find((l) => l.id === f), Y = [U, B, ...A].filter(
-                  Boolean
-                ).map((l) => l.ref.current);
-                j(Y, w);
-              }
-            }
-            x.current = !1;
-          }),
-          onBlur: p(e.onBlur, () => i(!1))
-        }
-      )
-    }
-  );
-}), O = "RovingFocusGroupItem", K = s.forwardRef(
-  (e, r) => {
+G.displayName = q;
+var _ = "PopperContent", [je, He] = L(_), J = s.forwardRef(
+  (e, i) => {
+    var I, Y, M, X, D, F;
     const {
-      __scopeRovingFocusGroup: c,
-      focusable: o = !0,
-      active: F = !1,
-      tabStopId: g,
-      ...R
-    } = e, E = q(), m = g || E, u = oe(O, c), w = u.currentTabStopId === m, C = G(c), { onFocusableItemAdd: v, onFocusableItemRemove: I } = u;
-    return s.useEffect(() => {
-      if (o)
-        return v(), () => I();
-    }, [o, v, I]), /* @__PURE__ */ d.jsx(
-      h.ItemSlot,
+      __scopePopper: n,
+      side: t = "bottom",
+      sideOffset: a = 0,
+      align: r = "center",
+      alignOffset: o = 0,
+      arrowPadding: w = 0,
+      avoidCollisions: p = !0,
+      collisionBoundary: c = [],
+      collisionPadding: x = 0,
+      sticky: m = "partial",
+      hideWhenDetached: y = !1,
+      updatePositionStrategy: A = "optimized",
+      onPlaced: l,
+      ...d
+    } = e, v = Z(_, n), [h, C] = s.useState(null), ee = T(i, (P) => C(P)), [E, te] = s.useState(null), g = Ne(E), re = (g == null ? void 0 : g.width) ?? 0, $ = (g == null ? void 0 : g.height) ?? 0, oe = t + (r !== "center" ? "-" + r : ""), ne = typeof x == "number" ? x : { top: 0, right: 0, bottom: 0, left: 0, ...x }, j = Array.isArray(c) ? c : [c], ae = j.length > 0, b = {
+      padding: ne,
+      boundary: j.filter(Ie),
+      // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
+      altBoundary: ae
+    }, { refs: ie, floatingStyles: H, placement: se, isPositioned: S, middlewareData: u } = xe({
+      // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
+      strategy: "fixed",
+      placement: oe,
+      whileElementsMounted: (...P) => _e(...P, {
+        animationFrame: A === "always"
+      }),
+      elements: {
+        reference: v.anchor
+      },
+      middleware: [
+        Pe({ mainAxis: a + $, alignmentAxis: o }),
+        p && ye({
+          mainAxis: !0,
+          crossAxis: !1,
+          limiter: m === "partial" ? Se() : void 0,
+          ...b
+        }),
+        p && Ae({ ...b }),
+        ve({
+          ...b,
+          apply: ({ elements: P, rects: k, availableWidth: he, availableHeight: ge }) => {
+            const { width: ue, height: we } = k.reference, R = P.floating.style;
+            R.setProperty("--radix-popper-available-width", `${he}px`), R.setProperty("--radix-popper-available-height", `${ge}px`), R.setProperty("--radix-popper-anchor-width", `${ue}px`), R.setProperty("--radix-popper-anchor-height", `${we}px`);
+          }
+        }),
+        E && Ce({ element: E, padding: w }),
+        Ye({ arrowWidth: re, arrowHeight: $ }),
+        y && be({ strategy: "referenceHidden", ...b })
+      ]
+    }), [W, pe] = V(se), O = Ee(l);
+    B(() => {
+      S && (O == null || O());
+    }, [S, O]);
+    const ce = (I = u.arrow) == null ? void 0 : I.x, de = (Y = u.arrow) == null ? void 0 : Y.y, le = ((M = u.arrow) == null ? void 0 : M.centerOffset) !== 0, [fe, me] = s.useState();
+    return B(() => {
+      h && me(window.getComputedStyle(h).zIndex);
+    }, [h]), /* @__PURE__ */ f.jsx(
+      "div",
       {
-        scope: c,
-        id: m,
-        focusable: o,
-        active: F,
-        children: /* @__PURE__ */ d.jsx(
-          P.span,
+        ref: ie.setFloating,
+        "data-radix-popper-content-wrapper": "",
+        style: {
+          ...H,
+          transform: S ? H.transform : "translate(0, -200%)",
+          // keep off the page when measuring
+          minWidth: "max-content",
+          zIndex: fe,
+          "--radix-popper-transform-origin": [
+            (X = u.transformOrigin) == null ? void 0 : X.x,
+            (D = u.transformOrigin) == null ? void 0 : D.y
+          ].join(" "),
+          // hide the content if using the hide middleware and should be hidden
+          // set visibility to hidden and disable pointer events so the UI behaves
+          // as if the PopperContent isn't there at all
+          ...((F = u.hide) == null ? void 0 : F.referenceHidden) && {
+            visibility: "hidden",
+            pointerEvents: "none"
+          }
+        },
+        dir: e.dir,
+        children: /* @__PURE__ */ f.jsx(
+          je,
           {
-            tabIndex: w ? 0 : -1,
-            "data-orientation": u.orientation,
-            ...R,
-            ref: r,
-            onMouseDown: p(e.onMouseDown, (t) => {
-              o ? u.onItemFocus(m) : t.preventDefault();
-            }),
-            onFocus: p(e.onFocus, () => u.onItemFocus(m)),
-            onKeyDown: p(e.onKeyDown, (t) => {
-              if (t.key === "Tab" && t.shiftKey) {
-                u.onItemShiftTab();
-                return;
-              }
-              if (t.target !== t.currentTarget) return;
-              const f = se(t, u.orientation, u.dir);
-              if (f !== void 0) {
-                if (t.metaKey || t.ctrlKey || t.altKey || t.shiftKey) return;
-                t.preventDefault();
-                let a = C().filter((i) => i.focusable).map((i) => i.ref.current);
-                if (f === "last") a.reverse();
-                else if (f === "prev" || f === "next") {
-                  f === "prev" && a.reverse();
-                  const i = a.indexOf(t.currentTarget);
-                  a = u.loop ? ce(a, i + 1) : a.slice(i + 1);
+            scope: n,
+            placedSide: W,
+            onArrowChange: te,
+            arrowX: ce,
+            arrowY: de,
+            shouldHideArrow: le,
+            children: /* @__PURE__ */ f.jsx(
+              z.div,
+              {
+                "data-side": W,
+                "data-align": pe,
+                ...d,
+                ref: ee,
+                style: {
+                  ...d.style,
+                  // if the PopperContent hasn't been placed yet (not all measurements done)
+                  // we prevent animations so that users's animation don't kick in too early referring wrong sides
+                  animation: S ? void 0 : "none"
                 }
-                setTimeout(() => j(a));
               }
-            })
+            )
           }
         )
       }
     );
   }
 );
-K.displayName = O;
-var re = {
-  ArrowLeft: "prev",
-  ArrowUp: "prev",
-  ArrowRight: "next",
-  ArrowDown: "next",
-  PageUp: "first",
-  Home: "first",
-  PageDown: "last",
-  End: "last"
-};
-function ne(e, r) {
-  return r !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
-}
-function se(e, r, c) {
-  const o = ne(e.key, c);
-  if (!(r === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(r === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
-    return re[o];
-}
-function j(e, r = !1) {
-  const c = document.activeElement;
-  for (const o of e)
-    if (o === c || (o.focus({ preventScroll: r }), document.activeElement !== c)) return;
+J.displayName = _;
+var K = "PopperArrow", We = {
+  top: "bottom",
+  right: "left",
+  bottom: "top",
+  left: "right"
+}, Q = s.forwardRef(function(i, n) {
+  const { __scopePopper: t, ...a } = i, r = He(K, t), o = We[r.placedSide];
+  return (
+    // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
+    // doesn't report size as we'd expect on SVG elements.
+    // it reports their bounding box which is effectively the largest path inside the SVG.
+    /* @__PURE__ */ f.jsx(
+      "span",
+      {
+        ref: r.onArrowChange,
+        style: {
+          position: "absolute",
+          left: r.arrowX,
+          top: r.arrowY,
+          [o]: 0,
+          transformOrigin: {
+            top: "",
+            right: "0 0",
+            bottom: "center 0",
+            left: "100% 0"
+          }[r.placedSide],
+          transform: {
+            top: "translateY(100%)",
+            right: "translateY(50%) rotate(90deg) translateX(-50%)",
+            bottom: "rotate(180deg)",
+            left: "translateY(50%) rotate(-90deg) translateX(50%)"
+          }[r.placedSide],
+          visibility: r.shouldHideArrow ? "hidden" : void 0
+        },
+        children: /* @__PURE__ */ f.jsx(
+          Oe,
+          {
+            ...a,
+            ref: n,
+            style: {
+              ...a.style,
+              // ensures the element can be measured correctly (mostly for if SVG)
+              display: "block"
+            }
+          }
+        )
+      }
+    )
+  );
+});
+Q.displayName = K;
+function Ie(e) {
+  return e !== null;
 }
-function ce(e, r) {
-  return e.map((c, o) => e[(r + o) % e.length]);
+var Ye = (e) => ({
+  name: "transformOrigin",
+  options: e,
+  fn(i) {
+    var v, h, C;
+    const { placement: n, rects: t, middlewareData: a } = i, o = ((v = a.arrow) == null ? void 0 : v.centerOffset) !== 0, w = o ? 0 : e.arrowWidth, p = o ? 0 : e.arrowHeight, [c, x] = V(n), m = { start: "0%", center: "50%", end: "100%" }[x], y = (((h = a.arrow) == null ? void 0 : h.x) ?? 0) + w / 2, A = (((C = a.arrow) == null ? void 0 : C.y) ?? 0) + p / 2;
+    let l = "", d = "";
+    return c === "bottom" ? (l = o ? m : `${y}px`, d = `${-p}px`) : c === "top" ? (l = o ? m : `${y}px`, d = `${t.floating.height + p}px`) : c === "right" ? (l = `${-p}px`, d = o ? m : `${A}px`) : c === "left" && (l = `${t.floating.width + p}px`, d = o ? m : `${A}px`), { data: { x: l, y: d } };
+  }
+});
+function V(e) {
+  const [i, n = "center"] = e.split("-");
+  return [i, n];
 }
-var ge = N, Re = K;
+var qe = U, Ge = G, Je = J, Ke = Q;
 export {
-  Re as Item,
-  ge as Root,
-  N as RovingFocusGroup,
-  K as RovingFocusGroupItem,
-  Fe as createRovingFocusGroupScope
+  Ge as Anchor,
+  Ke as Arrow,
+  Je as Content,
+  U as Popper,
+  G as PopperAnchor,
+  Q as PopperArrow,
+  J as PopperContent,
+  qe as Root,
+  Ue as createPopperScope
 };
 //# sourceMappingURL=index.es344.js.map