@weing-dev/ui-kit-primitive 0.5.1 → 0.5.2

package/dist/feedback.js

@@ -1,23 +1,305 @@
-import { c as h, j as g } from "./compiler-runtime-BFrE5JtX.js";
+import { c as E, j as w } from "./compiler-runtime-BFrE5JtX.js";
 import d from "react";
-import ge from "react-dom";
-import { c as me } from "./bind-D3ZJ5k4I.js";
-import { useAnimation as he, motion as pe } from "framer-motion";
-const be = (t) => {
-  const e = h.c(7), {
-    children: s,
-    dimmedColor: o,
-    onClose: n
-  } = t;
-  let c;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (c = {
+import gt from "react-dom";
+import { c as dt } from "./bind-D3ZJ5k4I.js";
+import { useAnimation as Ct, motion as wt } from "framer-motion";
+const Et = "_Trigger_1h92q_2", St = "_Content_1h92q_9", $t = {
+  Trigger: Et,
+  Content: St
+}, _t = d.createContext(null), bt = () => {
+  const o = d.use(_t);
+  if (!o)
+    throw new Error("FloatingAnchor.Trigger and FloatingAnchor.Content must be used inside FloatingAnchor.Root");
+  return o;
+}, ht = (o, t, n, e) => {
+  const {
+    width: s,
+    height: r
+  } = t, {
+    top: c,
+    left: l,
+    right: i,
+    bottom: a,
+    width: v,
+    height: m
+  } = o;
+  switch (n) {
+    case "top":
+      return {
+        top: c - r - e,
+        left: l + (v - s) / 2
+      };
+    case "top-start":
+      return {
+        top: c - r - e,
+        left: l
+      };
+    case "top-end":
+      return {
+        top: c - r - e,
+        left: i - s
+      };
+    case "bottom":
+      return {
+        top: a + e,
+        left: l + (v - s) / 2
+      };
+    case "bottom-start":
+      return {
+        top: a + e,
+        left: l
+      };
+    case "bottom-end":
+      return {
+        top: a + e,
+        left: i - s
+      };
+    case "left":
+      return {
+        top: c + (m - r) / 2,
+        left: l - s - e
+      };
+    case "left-start":
+      return {
+        top: c,
+        left: l - s - e
+      };
+    case "left-end":
+      return {
+        top: a - r,
+        left: l - s - e
+      };
+    case "right":
+      return {
+        top: c + (m - r) / 2,
+        left: i + e
+      };
+    case "right-start":
+      return {
+        top: c,
+        left: i + e
+      };
+    case "right-end":
+      return {
+        top: a - r,
+        left: i + e
+      };
+  }
+}, Ot = (o) => {
+  switch (o) {
+    case "top":
+      return "bottom";
+    case "top-start":
+      return "bottom-start";
+    case "top-end":
+      return "bottom-end";
+    case "bottom":
+      return "top";
+    case "bottom-start":
+      return "top-start";
+    case "bottom-end":
+      return "top-end";
+    case "left":
+      return "right";
+    case "left-start":
+      return "right-start";
+    case "left-end":
+      return "right-end";
+    case "right":
+      return "left";
+    case "right-start":
+      return "left-start";
+    case "right-end":
+      return "left-end";
+  }
+}, pt = (o, t, n, e) => {
+  if (n.startsWith("top") || n.startsWith("bottom")) {
+    const l = e - o.top, i = o.top + t.height - (window.innerHeight - e);
+    return Math.max(l, i, 0);
+  }
+  const r = e - o.left, c = o.left + t.width - (window.innerWidth - e);
+  return Math.max(r, c, 0);
+}, Rt = (o, t, n) => {
+  const e = window.innerWidth - t.width - n, s = window.innerHeight - t.height - n;
+  return {
+    left: Math.max(n, Math.min(o.left, e)),
+    top: Math.max(n, Math.min(o.top, s))
+  };
+}, vt = dt.bind($t), Dt = (o) => {
+  const t = E.c(41), {
+    children: n,
+    placement: e,
+    offset: s,
+    flip: r,
+    shift: c,
+    open: l,
+    defaultOpen: i,
+    onOpenChange: a,
+    closeOnOutsideClick: v,
+    closeOnEscape: m
+  } = o, _ = e === void 0 ? "bottom-start" : e, p = s === void 0 ? 6 : s, f = r === void 0 ? !1 : r, S = c === void 0 ? !1 : c, $ = i === void 0 ? !1 : i, R = v === void 0 ? !0 : v, z = m === void 0 ? !0 : m, st = d.useId(), [Z, tt] = d.useState($), j = l !== void 0, u = j ? l : Z;
+  process.env.NODE_ENV !== "production" && l !== void 0 && !a && console.warn("open을 제어하는 경우 onOpenChange 핸들러도 함께 제공해야 합니다. 그렇지 않으면 내부 상태가 외부 상태와 동기화되지 않을 수 있습니다.");
+  let D;
+  t[0] !== j || t[1] !== a ? (D = (x) => {
+    j || tt(x), a == null || a(x);
+  }, t[0] = j, t[1] = a, t[2] = D) : D = t[2];
+  const y = D, [h, B] = d.useState(null), [g, rt] = d.useState(null), [C, et] = d.useState(null);
+  let P, N;
+  t[3] !== h || t[4] !== f || t[5] !== g || t[6] !== p || t[7] !== u || t[8] !== _ || t[9] !== S ? (P = () => {
+    if (!u || !h || !g)
+      return;
+    let x = null;
+    const b = () => {
+      x === null && (x = requestAnimationFrame(() => {
+        x = null, T();
+      }));
+    }, T = () => {
+      const ot = h.getBoundingClientRect(), k = {
+        width: g.offsetWidth,
+        height: g.offsetHeight
+      };
+      let O = ht(ot, k, _, p);
+      if (f) {
+        const X = pt(O, k, _, 8);
+        if (X > 0) {
+          const nt = Ot(_), Y = ht(ot, k, nt, p);
+          pt(Y, k, nt, 8) < X && (O = Y);
+        }
+      }
+      S && (O = Rt(O, k, 8)), et(O);
+    };
+    T(), window.addEventListener("scroll", b, !0), window.addEventListener("resize", b);
+    const Q = new ResizeObserver(b);
+    return Q.observe(h), Q.observe(g), () => {
+      x !== null && cancelAnimationFrame(x), window.removeEventListener("scroll", b, !0), window.removeEventListener("resize", b), Q.disconnect();
+    };
+  }, N = [u, h, g, _, p, f, S], t[3] = h, t[4] = f, t[5] = g, t[6] = p, t[7] = u, t[8] = _, t[9] = S, t[10] = P, t[11] = N) : (P = t[10], N = t[11]), d.useLayoutEffect(P, N);
+  let M, G;
+  t[12] !== h || t[13] !== R || t[14] !== g || t[15] !== u || t[16] !== y ? (M = () => {
+    if (!u || !R)
+      return;
+    const x = (b) => {
+      const T = b.target;
+      T instanceof Node && (h != null && h.contains(T) || g != null && g.contains(T) || y(!1));
+    };
+    return document.addEventListener("pointerdown", x), () => document.removeEventListener("pointerdown", x);
+  }, G = [u, h, g, R, y], t[12] = h, t[13] = R, t[14] = g, t[15] = u, t[16] = y, t[17] = M, t[18] = G) : (M = t[17], G = t[18]), d.useEffect(M, G);
+  let A, W;
+  t[19] !== z || t[20] !== u || t[21] !== y ? (A = () => {
+    if (!u || !z)
+      return;
+    const x = (b) => {
+      b.key === "Escape" && y(!1);
+    };
+    return document.addEventListener("keydown", x), () => document.removeEventListener("keydown", x);
+  }, W = [u, z, y], t[19] = z, t[20] = u, t[21] = y, t[22] = A, t[23] = W) : (A = t[22], W = t[23]), d.useEffect(A, W);
+  let V;
+  t[24] !== st || t[25] !== u || t[26] !== C || t[27] !== y ? (V = {
+    open: u,
+    setOpen: y,
+    setAnchorEl: B,
+    setFloatingEl: rt,
+    position: C,
+    contentId: st
+  }, t[24] = st, t[25] = u, t[26] = C, t[27] = y, t[28] = V) : V = t[28];
+  const I = V, U = d.useRef(!1);
+  let J, F;
+  t[29] !== g || t[30] !== u || t[31] !== C ? (J = () => {
+    if (!u) {
+      U.current = !1;
+      return;
+    }
+    if (!g || !C || U.current)
+      return;
+    U.current = !0, (g.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])') ?? g).focus();
+  }, F = [u, g, C], t[29] = g, t[30] = u, t[31] = C, t[32] = J, t[33] = F) : (J = t[32], F = t[33]), d.useEffect(J, F);
+  const K = d.useRef(!1);
+  let H, L;
+  t[34] !== h || t[35] !== u ? (H = () => {
+    K.current && !u && (h == null || h.focus()), K.current = u;
+  }, L = [u, h], t[34] = h, t[35] = u, t[36] = H, t[37] = L) : (H = t[36], L = t[37]), d.useEffect(H, L);
+  let q;
+  return t[38] !== n || t[39] !== I ? (q = /* @__PURE__ */ w.jsx(_t.Provider, { value: I, children: n }), t[38] = n, t[39] = I, t[40] = q) : q = t[40], q;
+}, Nt = (o) => {
+  const t = E.c(9), {
+    children: n
+  } = o, {
+    open: e,
+    setOpen: s,
+    setAnchorEl: r,
+    contentId: c
+  } = bt();
+  if (typeof n != "function")
+    return process.env.NODE_ENV !== "production" && console.error("[FloatingAnchor] Trigger의 children은 함수여야 합니다: <FloatingAnchor.Trigger>{(props) => <button {...props}>열기</button>}</FloatingAnchor.Trigger>"), null;
+  let l;
+  if (t[0] !== n || t[1] !== c || t[2] !== e || t[3] !== r || t[4] !== s) {
+    let i;
+    t[6] !== e || t[7] !== s ? (i = () => s(!e), t[6] = e, t[7] = s, t[8] = i) : i = t[8], l = n({
+      ref: r,
+      "aria-expanded": e,
+      "aria-controls": c,
+      "aria-haspopup": "dialog",
+      className: vt("Trigger"),
+      onClick: i
+    }), t[0] = n, t[1] = c, t[2] = e, t[3] = r, t[4] = s, t[5] = l;
+  } else
+    l = t[5];
+  return l;
+}, At = (o) => {
+  const t = E.c(29);
+  let n, e, s, r, c;
+  t[0] !== o ? ({
+    children: n,
+    className: e,
+    portalRoot: s,
+    style: c,
+    ...r
+  } = o, t[0] = o, t[1] = n, t[2] = e, t[3] = s, t[4] = r, t[5] = c) : (n = t[1], e = t[2], s = t[3], r = t[4], c = t[5]);
+  const {
+    open: l,
+    setFloatingEl: i,
+    position: a,
+    contentId: v
+  } = bt();
+  if (!l)
+    return null;
+  let m;
+  if (t[6] !== n || t[7] !== e || t[8] !== v || t[9] !== s || t[10] !== a || t[11] !== r || t[12] !== i || t[13] !== c) {
+    let _;
+    t[15] !== e ? (_ = vt("Content", e), t[15] = e, t[16] = _) : _ = t[16];
+    const p = (a == null ? void 0 : a.top) ?? 0, f = (a == null ? void 0 : a.left) ?? 0, S = a ? "visible" : "hidden";
+    let $;
+    t[17] !== c || t[18] !== p || t[19] !== f || t[20] !== S ? ($ = {
+      position: "fixed",
+      top: p,
+      left: f,
+      visibility: S,
+      ...c
+    }, t[17] = c, t[18] = p, t[19] = f, t[20] = S, t[21] = $) : $ = t[21];
+    let R;
+    t[22] !== n || t[23] !== v || t[24] !== r || t[25] !== i || t[26] !== _ || t[27] !== $ ? (R = /* @__PURE__ */ w.jsx("div", { ref: i, id: v, role: "dialog", tabIndex: -1, className: _, style: $, ...r, children: n }), t[22] = n, t[23] = v, t[24] = r, t[25] = i, t[26] = _, t[27] = $, t[28] = R) : R = t[28], m = gt.createPortal(R, s ?? document.body), t[6] = n, t[7] = e, t[8] = v, t[9] = s, t[10] = a, t[11] = r, t[12] = i, t[13] = c, t[14] = m;
+  } else
+    m = t[14];
+  return m;
+}, me = {
+  Root: Dt,
+  Trigger: Nt,
+  Content: At
+}, Ft = (o) => {
+  const t = E.c(7), {
+    children: n,
+    dimmedColor: e,
+    onClose: s
+  } = o;
+  let r;
+  t[0] === Symbol.for("react.memo_cache_sentinel") ? (r = {
     transparent: "transparent",
     light: "#00000033",
     dark: "#0000007a"
-  }, e[0] = c) : c = e[0];
-  const l = c[o];
+  }, t[0] = r) : r = t[0];
+  const l = r[e];
   let i;
-  e[1] !== l ? (i = {
+  t[1] !== l ? (i = {
     position: "fixed",
     top: 0,
     left: 0,
@@ -25,361 +307,362 @@ const be = (t) => {
     height: "100dvh",
     zIndex: 9999,
     backgroundColor: l
-  }, e[1] = l, e[2] = i) : i = e[2];
-  let m;
-  return e[3] !== s || e[4] !== n || e[5] !== i ? (m = /* @__PURE__ */ g.jsx("div", { style: i, onClick: n, children: s }), e[3] = s, e[4] = n, e[5] = i, e[6] = m) : m = e[6], m;
-}, et = (t) => {
-  const e = h.c(11), {
-    children: s,
-    visible: o,
-    dimmedColor: n,
-    selector: c,
-    onClose: r
-  } = t, l = n === void 0 ? "dark" : n, i = c === void 0 ? "body" : c, [m, b] = d.useState(null);
-  let f, p;
-  e[0] !== i ? (f = () => {
-    b(document.querySelector(i));
-  }, p = [i], e[0] = i, e[1] = f, e[2] = p) : (f = e[1], p = e[2]), d.useEffect(f, p);
-  let u;
-  e[3] !== s || e[4] !== l || e[5] !== r || e[6] !== m || e[7] !== o ? (u = m && o ? ge.createPortal(/* @__PURE__ */ g.jsx(be, { onClose: r, dimmedColor: l, children: s }), m) : /* @__PURE__ */ g.jsx(d.Fragment, {}), e[3] = s, e[4] = l, e[5] = r, e[6] = m, e[7] = o, e[8] = u) : u = e[8];
+  }, t[1] = l, t[2] = i) : i = t[2];
   let a;
-  return e[9] !== u ? (a = /* @__PURE__ */ g.jsx(d.Fragment, { children: u }), e[9] = u, e[10] = a) : a = e[10], a;
-}, ye = {
+  return t[3] !== n || t[4] !== s || t[5] !== i ? (a = /* @__PURE__ */ w.jsx("div", { style: i, onClick: s, children: n }), t[3] = n, t[4] = s, t[5] = i, t[6] = a) : a = t[6], a;
+}, he = (o) => {
+  const t = E.c(11), {
+    children: n,
+    visible: e,
+    dimmedColor: s,
+    selector: r,
+    onClose: c
+  } = o, l = s === void 0 ? "dark" : s, i = r === void 0 ? "body" : r, [a, v] = d.useState(null);
+  let m, _;
+  t[0] !== i ? (m = () => {
+    v(document.querySelector(i));
+  }, _ = [i], t[0] = i, t[1] = m, t[2] = _) : (m = t[1], _ = t[2]), d.useEffect(m, _);
+  let p;
+  t[3] !== n || t[4] !== l || t[5] !== c || t[6] !== a || t[7] !== e ? (p = a && e ? gt.createPortal(/* @__PURE__ */ w.jsx(Ft, { onClose: c, dimmedColor: l, children: n }), a) : /* @__PURE__ */ w.jsx(d.Fragment, {}), t[3] = n, t[4] = l, t[5] = c, t[6] = a, t[7] = e, t[8] = p) : p = t[8];
+  let f;
+  return t[9] !== p ? (f = /* @__PURE__ */ w.jsx(d.Fragment, { children: p }), t[9] = p, t[10] = f) : f = t[10], f;
+}, Lt = {
   id: "",
   bodyScroll: !1,
   dimmedDisabled: !1
-}, ce = d.createContext(ye), Ce = "_Layer_14dap_2", xe = "_bodyScroll_14dap_2", ve = "_Contents_14dap_13", Se = "_Dimmed_14dap_23", De = {
-  Layer: Ce,
-  bodyScroll: xe,
-  Contents: ve,
-  Dimmed: Se
-}, re = me.bind(De), $e = () => {
-  const t = h.c(10), e = d.useId(), s = d.useRef(null);
-  let o;
-  t[0] !== e ? (o = (a) => ({
-    popoverTargetAction: a,
-    popoverTarget: e
-  }), t[0] = e, t[1] = o) : o = t[1];
-  const n = o;
-  let c;
-  t[2] !== n ? (c = {
-    hide: n("hide"),
-    toggle: n("toggle"),
-    show: n("show")
-  }, t[2] = n, t[3] = c) : c = t[3];
-  const r = c;
+}, ft = d.createContext(Lt), It = "_Layer_14dap_2", Tt = "_bodyScroll_14dap_2", kt = "_Contents_14dap_13", jt = "_Dimmed_14dap_23", Pt = {
+  Layer: It,
+  bodyScroll: Tt,
+  Contents: kt,
+  Dimmed: jt
+}, ut = dt.bind(Pt), Mt = () => {
+  const o = E.c(10), t = d.useId(), n = d.useRef(null);
+  let e;
+  o[0] !== t ? (e = (f) => ({
+    popoverTargetAction: f,
+    popoverTarget: t
+  }), o[0] = t, o[1] = e) : e = o[1];
+  const s = e;
+  let r;
+  o[2] !== s ? (r = {
+    hide: s("hide"),
+    toggle: s("toggle"),
+    show: s("show")
+  }, o[2] = s, o[3] = r) : r = o[3];
+  const c = r;
   let l;
-  t[4] === Symbol.for("react.memo_cache_sentinel") ? (l = () => {
-    var a;
-    return (a = s.current) == null ? void 0 : a.showPopover();
-  }, t[4] = l) : l = t[4];
+  o[4] === Symbol.for("react.memo_cache_sentinel") ? (l = () => {
+    var f;
+    return (f = n.current) == null ? void 0 : f.showPopover();
+  }, o[4] = l) : l = o[4];
   const i = l;
+  let a;
+  o[5] === Symbol.for("react.memo_cache_sentinel") ? (a = () => {
+    var f;
+    return (f = n.current) == null ? void 0 : f.hidePopover();
+  }, o[5] = a) : a = o[5];
+  const v = a;
   let m;
-  t[5] === Symbol.for("react.memo_cache_sentinel") ? (m = () => {
-    var a;
-    return (a = s.current) == null ? void 0 : a.hidePopover();
-  }, t[5] = m) : m = t[5];
-  const b = m;
-  let f;
-  t[6] === Symbol.for("react.memo_cache_sentinel") ? (f = () => {
-    var a;
-    return (a = s.current) == null ? void 0 : a.togglePopover();
-  }, t[6] = f) : f = t[6];
-  const p = f;
-  let u;
-  return t[7] !== r || t[8] !== e ? (u = {
-    id: e,
-    controlAttr: r,
-    ref: s,
+  o[6] === Symbol.for("react.memo_cache_sentinel") ? (m = () => {
+    var f;
+    return (f = n.current) == null ? void 0 : f.togglePopover();
+  }, o[6] = m) : m = o[6];
+  const _ = m;
+  let p;
+  return o[7] !== c || o[8] !== t ? (p = {
+    id: t,
+    controlAttr: c,
+    ref: n,
     show: i,
-    hide: b,
-    toggle: p
-  }, t[7] = r, t[8] = e, t[9] = u) : u = t[9], u;
-}, Ee = (t) => {
-  const e = h.c(8), {
-    onClick: s,
-    ...o
-  } = t, {
-    id: n,
-    dimmedDisabled: c
-  } = d.use(ce), r = re("Dimmed", o.className);
+    hide: v,
+    toggle: _
+  }, o[7] = c, o[8] = t, o[9] = p) : p = o[9], p;
+}, Wt = (o) => {
+  const t = E.c(8), {
+    onClick: n,
+    ...e
+  } = o, {
+    id: s,
+    dimmedDisabled: r
+  } = d.use(ft), c = ut("Dimmed", e.className);
   let l;
-  e[0] !== c || e[1] !== n || e[2] !== s ? (l = !c && {
-    onClick: s,
+  t[0] !== r || t[1] !== s || t[2] !== n ? (l = !r && {
+    onClick: n,
     popoverTargetAction: "hide",
-    popoverTarget: n
-  }, e[0] = c, e[1] = n, e[2] = s, e[3] = l) : l = e[3];
+    popoverTarget: s
+  }, t[0] = r, t[1] = s, t[2] = n, t[3] = l) : l = t[3];
   let i;
-  return e[4] !== o || e[5] !== r || e[6] !== l ? (i = /* @__PURE__ */ g.jsx("button", { ...o, className: r, ...l }), e[4] = o, e[5] = r, e[6] = l, e[7] = i) : i = e[7], i;
-}, je = (t) => {
-  const e = h.c(8);
-  let s, o, n;
-  if (e[0] !== t) {
+  return t[4] !== e || t[5] !== c || t[6] !== l ? (i = /* @__PURE__ */ w.jsx("button", { ...e, className: c, ...l }), t[4] = e, t[5] = c, t[6] = l, t[7] = i) : i = t[7], i;
+}, Vt = (o) => {
+  const t = E.c(8);
+  let n, e, s;
+  if (t[0] !== o) {
     const {
-      children: r,
+      children: c,
       ...l
-    } = t;
-    s = r, o = l, n = re("Contents", l.className), e[0] = t, e[1] = s, e[2] = o, e[3] = n;
+    } = o;
+    n = c, e = l, s = ut("Contents", l.className), t[0] = o, t[1] = n, t[2] = e, t[3] = s;
   } else
-    s = e[1], o = e[2], n = e[3];
-  let c;
-  return e[4] !== s || e[5] !== o || e[6] !== n ? (c = /* @__PURE__ */ g.jsx("div", { ...o, className: n, children: s }), e[4] = s, e[5] = o, e[6] = n, e[7] = c) : c = e[7], c;
-}, we = (t) => {
-  const e = h.c(5), {
-    children: s,
-    ...o
-  } = t, {
-    id: n,
-    bodyScroll: c
-  } = d.use(ce), r = "manual", l = re("Layer", o.className, {
-    bodyScroll: c
+    n = t[1], e = t[2], s = t[3];
+  let r;
+  return t[4] !== n || t[5] !== e || t[6] !== s ? (r = /* @__PURE__ */ w.jsx("div", { ...e, className: s, children: n }), t[4] = n, t[5] = e, t[6] = s, t[7] = r) : r = t[7], r;
+}, Ht = (o) => {
+  const t = E.c(5), {
+    children: n,
+    ...e
+  } = o, {
+    id: s,
+    bodyScroll: r
+  } = d.use(ft), c = "manual", l = ut("Layer", e.className, {
+    bodyScroll: r
   });
   let i;
-  return e[0] !== s || e[1] !== n || e[2] !== o || e[3] !== l ? (i = /* @__PURE__ */ g.jsx("div", { ...o, id: n, popover: r, className: l, children: s }), e[0] = s, e[1] = n, e[2] = o, e[3] = l, e[4] = i) : i = e[4], i;
-}, Ne = (t) => {
-  const e = h.c(10);
-  let s, o, n;
-  e[0] !== t ? ({
-    children: s,
-    dimmedDisabled: n,
-    ...o
-  } = t, e[0] = t, e[1] = s, e[2] = o, e[3] = n) : (s = e[1], o = e[2], n = e[3]);
-  const c = n === void 0 ? !1 : n;
-  let r;
-  e[4] !== c || e[5] !== o ? (r = {
-    ...o,
-    dimmedDisabled: c
-  }, e[4] = c, e[5] = o, e[6] = r) : r = e[6];
-  const l = r;
+  return t[0] !== n || t[1] !== s || t[2] !== e || t[3] !== l ? (i = /* @__PURE__ */ w.jsx("div", { ...e, id: s, popover: c, className: l, children: n }), t[0] = n, t[1] = s, t[2] = e, t[3] = l, t[4] = i) : i = t[4], i;
+}, qt = (o) => {
+  const t = E.c(10);
+  let n, e, s;
+  t[0] !== o ? ({
+    children: n,
+    dimmedDisabled: s,
+    ...e
+  } = o, t[0] = o, t[1] = n, t[2] = e, t[3] = s) : (n = t[1], e = t[2], s = t[3]);
+  const r = s === void 0 ? !1 : s;
+  let c;
+  t[4] !== r || t[5] !== e ? (c = {
+    ...e,
+    dimmedDisabled: r
+  }, t[4] = r, t[5] = e, t[6] = c) : c = t[6];
+  const l = c;
   let i;
-  return e[7] !== s || e[8] !== l ? (i = /* @__PURE__ */ g.jsx(ce, { value: l, children: s }), e[7] = s, e[8] = l, e[9] = i) : i = e[9], i;
-}, tt = {
-  Root: Ne,
-  Layer: we,
-  Dimmed: Ee,
-  Contents: je,
-  usePopup: $e
-}, Re = "_Dimmed_dueb9_2", ke = "_Wrapper_dueb9_21", Ie = "_open_dueb9_28", Pe = "_top_dueb9_31", Le = "_bottom_dueb9_38", Oe = "_left_dueb9_46", Te = "_right_dueb9_53", Ae = {
-  Dimmed: Re,
-  Wrapper: ke,
-  open: Ie,
-  top: Pe,
-  bottom: Le,
-  left: Oe,
-  right: Te
-}, Fe = {}, ae = d.createContext(Fe), de = me.bind(Ae), Me = () => {
-  const t = h.c(3), {
-    open: e,
-    handleClose: s
-  } = d.use(ae);
-  if (!e)
+  return t[7] !== n || t[8] !== l ? (i = /* @__PURE__ */ w.jsx(ft, { value: l, children: n }), t[7] = n, t[8] = l, t[9] = i) : i = t[9], i;
+}, pe = {
+  Root: qt,
+  Layer: Ht,
+  Dimmed: Wt,
+  Contents: Vt,
+  usePopup: Mt
+}, zt = "_Dimmed_dueb9_2", Bt = "_Wrapper_dueb9_21", Gt = "_open_dueb9_28", Ut = "_top_dueb9_31", Jt = "_bottom_dueb9_38", Kt = "_left_dueb9_46", Qt = "_right_dueb9_53", Xt = {
+  Dimmed: zt,
+  Wrapper: Bt,
+  open: Gt,
+  top: Ut,
+  bottom: Jt,
+  left: Kt,
+  right: Qt
+}, Yt = {}, mt = d.createContext(Yt), yt = dt.bind(Xt), Zt = () => {
+  const o = E.c(3), {
+    open: t,
+    handleClose: n
+  } = d.use(mt);
+  if (!t)
     return null;
-  let o;
-  t[0] === Symbol.for("react.memo_cache_sentinel") ? (o = de("Dimmed"), t[0] = o) : o = t[0];
-  let n;
-  return t[1] !== s ? (n = /* @__PURE__ */ g.jsx("div", { className: o, onClick: s }), t[1] = s, t[2] = n) : n = t[2], n;
-}, We = (t) => {
-  const e = h.c(59), {
-    children: s,
-    ...o
-  } = t, {
-    open: n,
-    dragElastic: c,
-    dragConstraints: r,
+  let e;
+  o[0] === Symbol.for("react.memo_cache_sentinel") ? (e = yt("Dimmed"), o[0] = e) : e = o[0];
+  let s;
+  return o[1] !== n ? (s = /* @__PURE__ */ w.jsx("div", { className: e, onClick: n }), o[1] = n, o[2] = s) : s = o[2], s;
+}, te = (o) => {
+  const t = E.c(59), {
+    children: n,
+    ...e
+  } = o, {
+    open: s,
+    dragElastic: r,
+    dragConstraints: c,
     drag: l,
     direction: i,
-    dragDirectionLock: m,
-    dragMomentum: b,
-    handleClose: f
-  } = d.use(ae), p = l === void 0 ? !0 : l, u = i === void 0 ? "bottom" : i, a = m === void 0 ? !0 : m, J = b === void 0 ? !1 : b, K = he(), fe = d.useRef(null), [Q, ue] = d.useState(0);
-  let N, R;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (N = () => {
-    window != null && ue(window.innerHeight);
-  }, R = [], e[0] = N, e[1] = R) : (N = e[0], R = e[1]), d.useEffect(N, R);
-  let k;
-  e[2] === Symbol.for("react.memo_cache_sentinel") ? (k = {
+    dragDirectionLock: a,
+    dragMomentum: v,
+    handleClose: m
+  } = d.use(mt), _ = l === void 0 ? !0 : l, p = i === void 0 ? "bottom" : i, f = a === void 0 ? !0 : a, S = v === void 0 ? !1 : v, $ = Ct(), R = d.useRef(null), [z, st] = d.useState(0);
+  let Z, tt;
+  t[0] === Symbol.for("react.memo_cache_sentinel") ? (Z = () => {
+    window != null && st(window.innerHeight);
+  }, tt = [], t[0] = Z, t[1] = tt) : (Z = t[0], tt = t[1]), d.useEffect(Z, tt);
+  let j;
+  t[2] === Symbol.for("react.memo_cache_sentinel") ? (j = {
     y: "100%",
     x: 0
-  }, e[2] = k) : k = e[2];
-  const U = n ? 0 : "100%";
+  }, t[2] = j) : j = t[2];
+  const u = s ? 0 : "100%";
+  let D;
+  t[3] !== u ? (D = {
+    y: u
+  }, t[3] = u, t[4] = D) : D = t[4];
   let y;
-  e[3] !== U ? (y = {
-    y: U
-  }, e[3] = U, e[4] = y) : y = e[4];
-  let I;
-  e[5] === Symbol.for("react.memo_cache_sentinel") ? (I = {
+  t[5] === Symbol.for("react.memo_cache_sentinel") ? (y = {
     top: 0.05,
     bottom: 1
-  }, e[5] = I) : I = e[5];
-  let C;
-  e[6] !== Q ? (C = {
+  }, t[5] = y) : y = t[5];
+  let h;
+  t[6] !== z ? (h = {
     top: 0,
-    bottom: Q
-  }, e[6] = Q, e[7] = C) : C = e[7];
-  let x;
-  e[8] !== C || e[9] !== y ? (x = {
-    initial: k,
-    animate: y,
+    bottom: z
+  }, t[6] = z, t[7] = h) : h = t[7];
+  let B;
+  t[8] !== h || t[9] !== D ? (B = {
+    initial: j,
+    animate: D,
     drag: "y",
-    dragElastic: I,
-    dragConstraints: C,
-    shouldClose: Ge
-  }, e[8] = C, e[9] = y, e[10] = x) : x = e[10];
-  let P;
-  e[11] === Symbol.for("react.memo_cache_sentinel") ? (P = {
+    dragElastic: y,
+    dragConstraints: h,
+    shouldClose: oe
+  }, t[8] = h, t[9] = D, t[10] = B) : B = t[10];
+  let g;
+  t[11] === Symbol.for("react.memo_cache_sentinel") ? (g = {
     y: "-100%",
     x: 0
-  }, e[11] = P) : P = e[11];
-  const X = n ? 0 : "-100%";
-  let v;
-  e[12] !== X ? (v = {
-    y: X
-  }, e[12] = X, e[13] = v) : v = e[13];
-  let L, O;
-  e[14] === Symbol.for("react.memo_cache_sentinel") ? (L = {
+  }, t[11] = g) : g = t[11];
+  const rt = s ? 0 : "-100%";
+  let C;
+  t[12] !== rt ? (C = {
+    y: rt
+  }, t[12] = rt, t[13] = C) : C = t[13];
+  let et, P;
+  t[14] === Symbol.for("react.memo_cache_sentinel") ? (et = {
     top: 1,
     bottom: 0.05
-  }, O = {
+  }, P = {
     bottom: 0
-  }, e[14] = L, e[15] = O) : (L = e[14], O = e[15]);
-  let S;
-  e[16] !== v ? (S = {
-    initial: P,
-    animate: v,
+  }, t[14] = et, t[15] = P) : (et = t[14], P = t[15]);
+  let N;
+  t[16] !== C ? (N = {
+    initial: g,
+    animate: C,
     drag: "y",
-    dragElastic: L,
-    dragConstraints: O,
-    shouldClose: Ve
-  }, e[16] = v, e[17] = S) : S = e[17];
-  let T;
-  e[18] === Symbol.for("react.memo_cache_sentinel") ? (T = {
+    dragElastic: et,
+    dragConstraints: P,
+    shouldClose: ne
+  }, t[16] = C, t[17] = N) : N = t[17];
+  let M;
+  t[18] === Symbol.for("react.memo_cache_sentinel") ? (M = {
     x: "-100%",
     y: 0
-  }, e[18] = T) : T = e[18];
-  const Y = n ? 0 : "-100%";
-  let D;
-  e[19] !== Y ? (D = {
-    x: Y
-  }, e[19] = Y, e[20] = D) : D = e[20];
-  let A, F;
-  e[21] === Symbol.for("react.memo_cache_sentinel") ? (A = {
+  }, t[18] = M) : M = t[18];
+  const G = s ? 0 : "-100%";
+  let A;
+  t[19] !== G ? (A = {
+    x: G
+  }, t[19] = G, t[20] = A) : A = t[20];
+  let W, V;
+  t[21] === Symbol.for("react.memo_cache_sentinel") ? (W = {
     left: 1,
     right: 0.05
-  }, F = {
+  }, V = {
     right: 0
-  }, e[21] = A, e[22] = F) : (A = e[21], F = e[22]);
-  let $;
-  e[23] !== D ? ($ = {
-    initial: T,
-    animate: D,
+  }, t[21] = W, t[22] = V) : (W = t[21], V = t[22]);
+  let I;
+  t[23] !== A ? (I = {
+    initial: M,
+    animate: A,
     drag: "x",
-    dragElastic: A,
-    dragConstraints: F,
-    shouldClose: qe
-  }, e[23] = D, e[24] = $) : $ = e[24];
-  let M;
-  e[25] === Symbol.for("react.memo_cache_sentinel") ? (M = {
+    dragElastic: W,
+    dragConstraints: V,
+    shouldClose: se
+  }, t[23] = A, t[24] = I) : I = t[24];
+  let U;
+  t[25] === Symbol.for("react.memo_cache_sentinel") ? (U = {
     x: "100%",
     y: 0
-  }, e[25] = M) : M = e[25];
-  const Z = n ? 0 : "100%";
-  let E;
-  e[26] !== Z ? (E = {
-    x: Z
-  }, e[26] = Z, e[27] = E) : E = e[27];
-  let W, H;
-  e[28] === Symbol.for("react.memo_cache_sentinel") ? (W = {
+  }, t[25] = U) : U = t[25];
+  const J = s ? 0 : "100%";
+  let F;
+  t[26] !== J ? (F = {
+    x: J
+  }, t[26] = J, t[27] = F) : F = t[27];
+  let K, H;
+  t[28] === Symbol.for("react.memo_cache_sentinel") ? (K = {
     left: 0.05,
     right: 1
   }, H = {
     left: 0
-  }, e[28] = W, e[29] = H) : (W = e[28], H = e[29]);
-  let j;
-  e[30] !== E ? (j = {
-    initial: M,
-    animate: E,
+  }, t[28] = K, t[29] = H) : (K = t[28], H = t[29]);
+  let L;
+  t[30] !== F ? (L = {
+    initial: U,
+    animate: F,
     drag: "x",
-    dragElastic: W,
+    dragElastic: K,
     dragConstraints: H,
-    shouldClose: ze
-  }, e[30] = E, e[31] = j) : j = e[31];
-  let G;
-  e[32] !== x || e[33] !== S || e[34] !== $ || e[35] !== j ? (G = {
-    bottom: x,
-    top: S,
-    left: $,
-    right: j
-  }, e[32] = x, e[33] = S, e[34] = $, e[35] = j, e[36] = G) : G = e[36];
-  const _ = G[u], ee = p && _.drag, te = c ?? _.dragElastic, oe = r ?? _.dragConstraints;
-  let V;
-  e[37] === Symbol.for("react.memo_cache_sentinel") ? (V = {
+    shouldClose: re
+  }, t[30] = F, t[31] = L) : L = t[31];
+  let q;
+  t[32] !== B || t[33] !== N || t[34] !== I || t[35] !== L ? (q = {
+    bottom: B,
+    top: N,
+    left: I,
+    right: L
+  }, t[32] = B, t[33] = N, t[34] = I, t[35] = L, t[36] = q) : q = t[36];
+  const b = q[p], T = _ && b.drag, Q = r ?? b.dragElastic, ot = c ?? b.dragConstraints;
+  let k;
+  t[37] === Symbol.for("react.memo_cache_sentinel") ? (k = {
     type: "tween",
     duration: 0.25,
     ease: "easeInOut"
-  }, e[37] = V) : V = e[37];
-  let w;
-  e[38] !== _.animate ? (w = {
-    ..._.animate,
-    transition: V
-  }, e[38] = _.animate, e[39] = w) : w = e[39];
-  let q;
-  e[40] !== _ || e[41] !== a || e[42] !== J || e[43] !== ee || e[44] !== te || e[45] !== oe || e[46] !== w ? (q = {
-    ..._,
-    dragDirectionLock: a,
-    dragMomentum: J,
-    drag: ee,
-    dragElastic: te,
-    dragConstraints: oe,
-    animate: w
-  }, e[40] = _, e[41] = a, e[42] = J, e[43] = ee, e[44] = te, e[45] = oe, e[46] = w, e[47] = q) : q = e[47];
-  const se = q;
-  let z;
-  e[48] !== _ || e[49] !== K || e[50] !== f ? (z = (Ke, _e) => {
-    _.shouldClose(_e) ? f == null || f() : K.start("visible");
-  }, e[48] = _, e[49] = K, e[50] = f, e[51] = z) : z = e[51];
-  const ne = z, le = pe, ie = de("Wrapper", o.className, u, {
-    open: n
+  }, t[37] = k) : k = t[37];
+  let O;
+  t[38] !== b.animate ? (O = {
+    ...b.animate,
+    transition: k
+  }, t[38] = b.animate, t[39] = O) : O = t[39];
+  let X;
+  t[40] !== b || t[41] !== f || t[42] !== S || t[43] !== T || t[44] !== Q || t[45] !== ot || t[46] !== O ? (X = {
+    ...b,
+    dragDirectionLock: f,
+    dragMomentum: S,
+    drag: T,
+    dragElastic: Q,
+    dragConstraints: ot,
+    animate: O
+  }, t[40] = b, t[41] = f, t[42] = S, t[43] = T, t[44] = Q, t[45] = ot, t[46] = O, t[47] = X) : X = t[47];
+  const nt = X;
+  let Y;
+  t[48] !== b || t[49] !== $ || t[50] !== m ? (Y = (ie, xt) => {
+    b.shouldClose(xt) ? m == null || m() : $.start("visible");
+  }, t[48] = b, t[49] = $, t[50] = m, t[51] = Y) : Y = t[51];
+  const lt = Y, ct = wt, at = yt("Wrapper", e.className, p, {
+    open: s
   });
-  let B;
-  return e[52] !== s || e[53] !== ne || e[54] !== se || e[55] !== o || e[56] !== le.div || e[57] !== ie ? (B = /* @__PURE__ */ g.jsx(le.div, { ...o, ...se, ref: fe, className: ie, onDragEnd: ne, children: s }), e[52] = s, e[53] = ne, e[54] = se, e[55] = o, e[56] = le.div, e[57] = ie, e[58] = B) : B = e[58], B;
-}, He = (t) => {
-  const e = h.c(11);
-  let s, o;
-  e[0] !== t ? ({
-    children: s,
-    ...o
-  } = t, e[0] = t, e[1] = s, e[2] = o) : (s = e[1], o = e[2]);
-  let n;
-  e[3] !== o ? (n = {
-    ...o
-  }, e[3] = o, e[4] = n) : n = e[4];
-  const c = n;
-  let r, l;
-  e[5] !== o.open ? (r = () => (document.body.style.overflow = o.open ? "hidden" : "", Be), l = [o.open], e[5] = o.open, e[6] = r, e[7] = l) : (r = e[6], l = e[7]), d.useEffect(r, l);
+  let it;
+  return t[52] !== n || t[53] !== lt || t[54] !== nt || t[55] !== e || t[56] !== ct.div || t[57] !== at ? (it = /* @__PURE__ */ w.jsx(ct.div, { ...e, ...nt, ref: R, className: at, onDragEnd: lt, children: n }), t[52] = n, t[53] = lt, t[54] = nt, t[55] = e, t[56] = ct.div, t[57] = at, t[58] = it) : it = t[58], it;
+}, ee = (o) => {
+  const t = E.c(11);
+  let n, e;
+  t[0] !== o ? ({
+    children: n,
+    ...e
+  } = o, t[0] = o, t[1] = n, t[2] = e) : (n = t[1], e = t[2]);
+  let s;
+  t[3] !== e ? (s = {
+    ...e
+  }, t[3] = e, t[4] = s) : s = t[4];
+  const r = s;
+  let c, l;
+  t[5] !== e.open ? (c = () => (document.body.style.overflow = e.open ? "hidden" : "", le), l = [e.open], t[5] = e.open, t[6] = c, t[7] = l) : (c = t[6], l = t[7]), d.useEffect(c, l);
   let i;
-  return e[8] !== s || e[9] !== c ? (i = /* @__PURE__ */ g.jsx(ae, { value: c, children: s }), e[8] = s, e[9] = c, e[10] = i) : i = e[10], i;
-}, ot = {
-  Root: He,
-  Content: We,
-  Dimmed: Me
+  return t[8] !== n || t[9] !== r ? (i = /* @__PURE__ */ w.jsx(mt, { value: r, children: n }), t[8] = n, t[9] = r, t[10] = i) : i = t[10], i;
+}, ge = {
+  Root: ee,
+  Content: te,
+  Dimmed: Zt
 };
-function Ge(t) {
-  return t.offset.y > 20;
+function oe(o) {
+  return o.offset.y > 20;
 }
-function Ve(t) {
-  return t.offset.y < -20;
+function ne(o) {
+  return o.offset.y < -20;
 }
-function qe(t) {
-  return t.offset.x < -20;
+function se(o) {
+  return o.offset.x < -20;
 }
-function ze(t) {
-  return t.offset.x > 20;
+function re(o) {
+  return o.offset.x > 20;
 }
-function Be() {
+function le() {
   document.body.style.overflow = "";
 }
 export {
-  et as Modal,
-  tt as Popup,
-  ot as Sheet
+  me as FloatingAnchor,
+  he as Modal,
+  pe as Popup,
+  ge as Sheet
 };