@anoki/fse-ui 2.3.0-12-SNAPSHOT41 → 2.3.0-12-SNAPSHOT42

package/dist/index.es549.js

@@ -1,17 +1,35 @@
-import * as e from "react";
-import { j as n } from "./index.es261.js";
-var o = e.createContext(void 0), a = (r) => {
-  const { dir: t, children: i } = r;
-  return /* @__PURE__ */ n.jsx(o.Provider, { value: t, children: i });
-};
-function s(r) {
-  const t = e.useContext(o);
-  return r || t || "ltr";
-}
-var v = a;
+import * as a from "react";
+import G from "./index.es539.js";
+import { getMatchingGrayColor as N } from "./index.es560.js";
+import { themePropDefs as o } from "./index.es561.js";
+import { Provider as b } from "./index.es562.js";
+import { Provider as w } from "./index.es521.js";
+import { Root as D } from "./index.es515.js";
+const g = () => {
+}, P = a.createContext(void 0), I = a.forwardRef((n, c) => a.useContext(P) === void 0 ? a.createElement(b, { delayDuration: 200 }, a.createElement(w, { dir: "ltr" }, a.createElement(A, { ...n, ref: c }))) : a.createElement(x, { ...n, ref: c }));
+I.displayName = "Theme";
+const A = a.forwardRef((n, c) => {
+  const { appearance: e = o.appearance.default, accentColor: i = o.accentColor.default, grayColor: l = o.grayColor.default, panelBackground: s = o.panelBackground.default, radius: r = o.radius.default, scaling: t = o.scaling.default, hasBackground: d = o.hasBackground.default, ...f } = n, [p, u] = a.useState(e);
+  a.useEffect(() => u(e), [e]);
+  const [y, C] = a.useState(i);
+  a.useEffect(() => C(i), [i]);
+  const [B, h] = a.useState(l);
+  a.useEffect(() => h(l), [l]);
+  const [v, m] = a.useState(s);
+  a.useEffect(() => m(s), [s]);
+  const [E, R] = a.useState(r);
+  a.useEffect(() => R(r), [r]);
+  const [k, S] = a.useState(t);
+  return a.useEffect(() => S(t), [t]), a.createElement(x, { ...f, ref: c, isRoot: !0, hasBackground: d, appearance: p, accentColor: y, grayColor: B, panelBackground: v, radius: E, scaling: k, onAppearanceChange: u, onAccentColorChange: C, onGrayColorChange: h, onPanelBackgroundChange: m, onRadiusChange: R, onScalingChange: S });
+});
+A.displayName = "ThemeRoot";
+const x = a.forwardRef((n, c) => {
+  const e = a.useContext(P), { asChild: i, isRoot: l, hasBackground: s, appearance: r = (e == null ? void 0 : e.appearance) ?? o.appearance.default, accentColor: t = (e == null ? void 0 : e.accentColor) ?? o.accentColor.default, grayColor: d = (e == null ? void 0 : e.resolvedGrayColor) ?? o.grayColor.default, panelBackground: f = (e == null ? void 0 : e.panelBackground) ?? o.panelBackground.default, radius: p = (e == null ? void 0 : e.radius) ?? o.radius.default, scaling: u = (e == null ? void 0 : e.scaling) ?? o.scaling.default, onAppearanceChange: y = g, onAccentColorChange: C = g, onGrayColorChange: B = g, onPanelBackgroundChange: h = g, onRadiusChange: v = g, onScalingChange: m = g, ...E } = n, R = i ? D : "div", k = d === "auto" ? N(t) : d, S = n.appearance === "light" || n.appearance === "dark", T = s === void 0 ? l || S : s;
+  return a.createElement(P.Provider, { value: a.useMemo(() => ({ appearance: r, accentColor: t, grayColor: d, resolvedGrayColor: k, panelBackground: f, radius: p, scaling: u, onAppearanceChange: y, onAccentColorChange: C, onGrayColorChange: B, onPanelBackgroundChange: h, onRadiusChange: v, onScalingChange: m }), [r, t, d, k, f, p, u, y, C, B, h, v, m]) }, a.createElement(R, { "data-is-root-theme": l ? "true" : "false", "data-accent-color": t, "data-gray-color": k, "data-has-background": T ? "true" : "false", "data-panel-background": f, "data-radius": p, "data-scaling": u, ref: c, ...E, className: G("radix-themes", { light: r === "light", dark: r === "dark" }, E.className) }));
+});
+x.displayName = "ThemeImpl";
 export {
-  a as DirectionProvider,
-  v as Provider,
-  s as useDirection
+  I as Theme,
+  P as ThemeContext
 };
 //# sourceMappingURL=index.es549.js.map

package/dist/index.es549.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es549.js","sources":["../node_modules/@radix-ui/react-direction/dist/index.mjs"],"sourcesContent":["// packages/react/direction/src/direction.tsx\nimport * as React from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nvar DirectionContext = React.createContext(void 0);\nvar DirectionProvider = (props) => {\n  const { dir, children } = props;\n  return /* @__PURE__ */ jsx(DirectionContext.Provider, { value: dir, children });\n};\nfunction useDirection(localDir) {\n  const globalDir = React.useContext(DirectionContext);\n  return localDir || globalDir || \"ltr\";\n}\nvar Provider = DirectionProvider;\nexport {\n  DirectionProvider,\n  Provider,\n  useDirection\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["DirectionContext","React","DirectionProvider","props","dir","children","jsx","useDirection","localDir","globalDir","Provider"],"mappings":";;AAGA,IAAIA,IAAmBC,EAAM,cAAc,MAAM,GAC7CC,IAAoB,CAACC,MAAU;AACjC,QAAM,EAAE,KAAAC,GAAK,UAAAC,EAAQ,IAAKF;AAC1B,SAAuBG,gBAAAA,EAAAA,IAAIN,EAAiB,UAAU,EAAE,OAAOI,GAAK,UAAAC,GAAU;AAChF;AACA,SAASE,EAAaC,GAAU;AAC9B,QAAMC,IAAYR,EAAM,WAAWD,CAAgB;AACnD,SAAOQ,KAAYC,KAAa;AAClC;AACG,IAACC,IAAWR;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es549.js","sources":["../node_modules/@radix-ui/themes/dist/esm/components/theme.js"],"sourcesContent":["\"use client\";import*as e from\"react\";import E from\"classnames\";import{Direction as G,Slot as D,Tooltip as w}from\"radix-ui\";import{getMatchingGrayColor as N}from\"../helpers/get-matching-gray-color.js\";import{themePropDefs as o}from\"./theme.props.js\";const d=()=>{},P=e.createContext(void 0);function H(){const a=e.useContext(P);if(a===void 0)throw new Error(\"`useThemeContext` must be used within a `Theme`\");return a}const R=e.forwardRef((a,s)=>e.useContext(P)===void 0?e.createElement(w.Provider,{delayDuration:200},e.createElement(G.Provider,{dir:\"ltr\"},e.createElement(I,{...a,ref:s}))):e.createElement(A,{...a,ref:s}));R.displayName=\"Theme\";const I=e.forwardRef((a,s)=>{const{appearance:r=o.appearance.default,accentColor:c=o.accentColor.default,grayColor:l=o.grayColor.default,panelBackground:p=o.panelBackground.default,radius:n=o.radius.default,scaling:t=o.scaling.default,hasBackground:i=o.hasBackground.default,...u}=a,[h,m]=e.useState(r);e.useEffect(()=>m(r),[r]);const[y,g]=e.useState(c);e.useEffect(()=>g(c),[c]);const[v,C]=e.useState(l);e.useEffect(()=>C(l),[l]);const[k,f]=e.useState(p);e.useEffect(()=>f(p),[p]);const[B,x]=e.useState(n);e.useEffect(()=>x(n),[n]);const[T,b]=e.useState(t);return e.useEffect(()=>b(t),[t]),e.createElement(A,{...u,ref:s,isRoot:!0,hasBackground:i,appearance:h,accentColor:y,grayColor:v,panelBackground:k,radius:B,scaling:T,onAppearanceChange:m,onAccentColorChange:g,onGrayColorChange:C,onPanelBackgroundChange:f,onRadiusChange:x,onScalingChange:b})});I.displayName=\"ThemeRoot\";const A=e.forwardRef((a,s)=>{const r=e.useContext(P),{asChild:c,isRoot:l,hasBackground:p,appearance:n=r?.appearance??o.appearance.default,accentColor:t=r?.accentColor??o.accentColor.default,grayColor:i=r?.resolvedGrayColor??o.grayColor.default,panelBackground:u=r?.panelBackground??o.panelBackground.default,radius:h=r?.radius??o.radius.default,scaling:m=r?.scaling??o.scaling.default,onAppearanceChange:y=d,onAccentColorChange:g=d,onGrayColorChange:v=d,onPanelBackgroundChange:C=d,onRadiusChange:k=d,onScalingChange:f=d,...B}=a,x=c?D.Root:\"div\",T=i===\"auto\"?N(t):i,b=a.appearance===\"light\"||a.appearance===\"dark\",S=p===void 0?l||b:p;return e.createElement(P.Provider,{value:e.useMemo(()=>({appearance:n,accentColor:t,grayColor:i,resolvedGrayColor:T,panelBackground:u,radius:h,scaling:m,onAppearanceChange:y,onAccentColorChange:g,onGrayColorChange:v,onPanelBackgroundChange:C,onRadiusChange:k,onScalingChange:f}),[n,t,i,T,u,h,m,y,g,v,C,k,f])},e.createElement(x,{\"data-is-root-theme\":l?\"true\":\"false\",\"data-accent-color\":t,\"data-gray-color\":T,\"data-has-background\":S?\"true\":\"false\",\"data-panel-background\":u,\"data-radius\":h,\"data-scaling\":m,ref:s,...B,className:E(\"radix-themes\",{light:n===\"light\",dark:n===\"dark\"},B.className)}))});A.displayName=\"ThemeImpl\";export{R as Theme,P as ThemeContext,H as useThemeContext};\n//# sourceMappingURL=theme.js.map\n"],"names":["d","e","R","a","s","w.Provider","G.Provider","I","A","r","o","c","p","n","i","u","h","m","g","v","C","k","f","B","x","T","b","y","D.Root","N","S","E"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index.es55.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es261.js";
-import { Image as l } from "./index.es372.js";
+import { Image as l } from "./index.es339.js";
 import { ArrowLink as m } from "./index.es27.js";
 import { SectionHeading as _ } from "./index.es134.js";
 import './components/ui/CardPreview/CardPreview.css';/* empty css            */

package/dist/index.es550.js

@@ -1,134 +1,198 @@
-import * as c from "react";
-import { useFloating as xe, offset as Pe, shift as ye, flip as Ae, size as ve, arrow as Ce, hide as be, limitShift as Re } from "./index.es595.js";
-import { Root as Se } from "./index.es596.js";
-import { useComposedRefs as T } from "./index.es512.js";
-import { createContextScope as Oe } from "./index.es513.js";
-import { Primitive as z } from "./index.es520.js";
-import { useCallbackRef as Ee } from "./index.es542.js";
-import { useLayoutEffect as B } from "./index.es541.js";
-import { useSize as Ne } from "./index.es536.js";
-import { j as f } from "./index.es261.js";
-import { autoUpdate as _e } from "./index.es597.js";
-var N = "Popper", [L, Ue] = Oe(N), [$e, Z] = L(N), U = (e) => {
-  const { __scopePopper: s, children: a } = e, [t, i] = c.useState(null);
-  return /* @__PURE__ */ f.jsx($e, { scope: s, anchor: t, onAnchorChange: i, children: a });
+import * as i from "react";
+import { composeEventHandlers as P } from "./index.es498.js";
+import { useComposedRefs as A } from "./index.es496.js";
+import { createContextScope as G } from "./index.es497.js";
+import { DismissableLayer as H } from "./index.es509.js";
+import { useFocusGuards as K } from "./index.es512.js";
+import { FocusScope as $ } from "./index.es510.js";
+import { useId as U } from "./index.es508.js";
+import { createPopperScope as O, Root as V, Anchor as _, Content as W, Arrow as Z } from "./index.es522.js";
+import { Portal as q } from "./index.es511.js";
+import { Presence as E } from "./index.es502.js";
+import { Primitive as w } from "./index.es503.js";
+import { createSlot as z } from "./index.es515.js";
+import { useControllableState as B } from "./index.es499.js";
+import { hideOthers as J } from "./index.es514.js";
+import Q from "./index.es513.js";
+import { j as p } from "./index.es261.js";
+var C = "Popover", [j] = G(C, [
+  O
+]), m = O(), [X, f] = j(C), b = (o) => {
+  const {
+    __scopePopover: n,
+    children: t,
+    open: s,
+    defaultOpen: e,
+    onOpenChange: r,
+    modal: a = !1
+  } = o, c = m(n), u = i.useRef(null), [l, g] = i.useState(!1), [h, d] = B({
+    prop: s,
+    defaultProp: e ?? !1,
+    onChange: r,
+    caller: C
+  });
+  return /* @__PURE__ */ p.jsx(V, { ...c, children: /* @__PURE__ */ p.jsx(
+    X,
+    {
+      scope: n,
+      contentId: U(),
+      triggerRef: u,
+      open: h,
+      onOpenChange: d,
+      onOpenToggle: i.useCallback(() => d((x) => !x), [d]),
+      hasCustomAnchor: l,
+      onCustomAnchorAdd: i.useCallback(() => g(!0), []),
+      onCustomAnchorRemove: i.useCallback(() => g(!1), []),
+      modal: a,
+      children: t
+    }
+  ) });
 };
-U.displayName = N;
-var q = "PopperAnchor", G = c.forwardRef(
-  (e, s) => {
-    const { __scopePopper: a, virtualRef: t, ...i } = e, r = Z(q, a), o = c.useRef(null), w = T(s, o), n = c.useRef(null);
-    return c.useEffect(() => {
-      const p = n.current;
-      n.current = (t == null ? void 0 : t.current) || o.current, p !== n.current && r.onAnchorChange(n.current);
-    }), t ? null : /* @__PURE__ */ f.jsx(z.div, { ...i, ref: w });
+b.displayName = C;
+var F = "PopoverAnchor", N = i.forwardRef(
+  (o, n) => {
+    const { __scopePopover: t, ...s } = o, e = f(F, t), r = m(t), { onCustomAnchorAdd: a, onCustomAnchorRemove: c } = e;
+    return i.useEffect(() => (a(), () => c()), [a, c]), /* @__PURE__ */ p.jsx(_, { ...r, ...s, ref: n });
   }
 );
-G.displayName = q;
-var _ = "PopperContent", [je, He] = L(_), J = c.forwardRef(
-  (e, s) => {
-    var I, Y, M, X, D, F;
-    const {
-      __scopePopper: a,
-      side: t = "bottom",
-      sideOffset: i = 0,
-      align: r = "center",
-      alignOffset: o = 0,
-      arrowPadding: w = 0,
-      avoidCollisions: n = !0,
-      collisionBoundary: p = [],
-      collisionPadding: x = 0,
-      sticky: m = "partial",
-      hideWhenDetached: y = !1,
-      updatePositionStrategy: A = "optimized",
-      onPlaced: l,
-      ...d
-    } = e, v = Z(_, a), [h, C] = c.useState(null), ee = T(s, (P) => C(P)), [E, te] = c.useState(null), u = Ne(E), re = (u == null ? void 0 : u.width) ?? 0, $ = (u == null ? void 0 : u.height) ?? 0, oe = t + (r !== "center" ? "-" + r : ""), ne = typeof x == "number" ? x : { top: 0, right: 0, bottom: 0, left: 0, ...x }, j = Array.isArray(p) ? p : [p], 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: R, middlewareData: g } = 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: i + $, alignmentAxis: o }),
-        n && ye({
-          mainAxis: !0,
-          crossAxis: !1,
-          limiter: m === "partial" ? Re() : void 0,
-          ...b
-        }),
-        n && Ae({ ...b }),
-        ve({
-          ...b,
-          apply: ({ elements: P, rects: k, availableWidth: he, availableHeight: ue }) => {
-            const { width: ge, height: we } = k.reference, O = P.floating.style;
-            O.setProperty("--radix-popper-available-width", `${he}px`), O.setProperty("--radix-popper-available-height", `${ue}px`), O.setProperty("--radix-popper-anchor-width", `${ge}px`), O.setProperty("--radix-popper-anchor-height", `${we}px`);
-          }
+N.displayName = F;
+var S = "PopoverTrigger", y = i.forwardRef(
+  (o, n) => {
+    const { __scopePopover: t, ...s } = o, e = f(S, t), r = m(t), a = A(n, e.triggerRef), c = /* @__PURE__ */ p.jsx(
+      w.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": e.open,
+        "aria-controls": e.contentId,
+        "data-state": L(e.open),
+        ...s,
+        ref: a,
+        onClick: P(o.onClick, e.onOpenToggle)
+      }
+    );
+    return e.hasCustomAnchor ? c : /* @__PURE__ */ p.jsx(_, { asChild: !0, ...r, children: c });
+  }
+);
+y.displayName = S;
+var R = "PopoverPortal", [Y, oo] = j(R, {
+  forceMount: void 0
+}), D = (o) => {
+  const { __scopePopover: n, forceMount: t, children: s, container: e } = o, r = f(R, n);
+  return /* @__PURE__ */ p.jsx(Y, { scope: n, forceMount: t, children: /* @__PURE__ */ p.jsx(E, { present: t || r.open, children: /* @__PURE__ */ p.jsx(q, { asChild: !0, container: e, children: s }) }) });
+};
+D.displayName = R;
+var v = "PopoverContent", M = i.forwardRef(
+  (o, n) => {
+    const t = oo(v, o.__scopePopover), { forceMount: s = t.forceMount, ...e } = o, r = f(v, o.__scopePopover);
+    return /* @__PURE__ */ p.jsx(E, { present: s || r.open, children: r.modal ? /* @__PURE__ */ p.jsx(ro, { ...e, ref: n }) : /* @__PURE__ */ p.jsx(to, { ...e, ref: n }) });
+  }
+);
+M.displayName = v;
+var eo = z("PopoverContent.RemoveScroll"), ro = i.forwardRef(
+  (o, n) => {
+    const t = f(v, o.__scopePopover), s = i.useRef(null), e = A(n, s), r = i.useRef(!1);
+    return i.useEffect(() => {
+      const a = s.current;
+      if (a) return J(a);
+    }, []), /* @__PURE__ */ p.jsx(Q, { as: eo, allowPinchZoom: !0, children: /* @__PURE__ */ p.jsx(
+      k,
+      {
+        ...o,
+        ref: e,
+        trapFocus: t.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: P(o.onCloseAutoFocus, (a) => {
+          var c;
+          a.preventDefault(), r.current || (c = t.triggerRef.current) == null || c.focus();
         }),
-        E && Ce({ element: E, padding: w }),
-        Ye({ arrowWidth: re, arrowHeight: $ }),
-        y && be({ strategy: "referenceHidden", ...b })
-      ]
-    }), [W, pe] = V(se), S = Ee(l);
-    B(() => {
-      R && (S == null || S());
-    }, [R, S]);
-    const ce = (I = g.arrow) == null ? void 0 : I.x, de = (Y = g.arrow) == null ? void 0 : Y.y, le = ((M = g.arrow) == null ? void 0 : M.centerOffset) !== 0, [fe, me] = c.useState();
-    return B(() => {
-      h && me(window.getComputedStyle(h).zIndex);
-    }, [h]), /* @__PURE__ */ f.jsx(
-      "div",
+        onPointerDownOutside: P(
+          o.onPointerDownOutside,
+          (a) => {
+            const c = a.detail.originalEvent, u = c.button === 0 && c.ctrlKey === !0, l = c.button === 2 || u;
+            r.current = l;
+          },
+          { checkForDefaultPrevented: !1 }
+        ),
+        onFocusOutside: P(
+          o.onFocusOutside,
+          (a) => a.preventDefault(),
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+), to = i.forwardRef(
+  (o, n) => {
+    const t = f(v, o.__scopePopover), s = i.useRef(!1), e = i.useRef(!1);
+    return /* @__PURE__ */ p.jsx(
+      k,
       {
-        ref: ie.setFloating,
-        "data-radix-popper-content-wrapper": "",
-        style: {
-          ...H,
-          transform: R ? H.transform : "translate(0, -200%)",
-          // keep off the page when measuring
-          minWidth: "max-content",
-          zIndex: fe,
-          "--radix-popper-transform-origin": [
-            (X = g.transformOrigin) == null ? void 0 : X.x,
-            (D = g.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 = g.hide) == null ? void 0 : F.referenceHidden) && {
-            visibility: "hidden",
-            pointerEvents: "none"
-          }
+        ...o,
+        ref: n,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (r) => {
+          var a, c;
+          (a = o.onCloseAutoFocus) == null || a.call(o, r), r.defaultPrevented || (s.current || (c = t.triggerRef.current) == null || c.focus(), r.preventDefault()), s.current = !1, e.current = !1;
         },
-        dir: e.dir,
-        children: /* @__PURE__ */ f.jsx(
-          je,
+        onInteractOutside: (r) => {
+          var u, l;
+          (u = o.onInteractOutside) == null || u.call(o, r), r.defaultPrevented || (s.current = !0, r.detail.originalEvent.type === "pointerdown" && (e.current = !0));
+          const a = r.target;
+          ((l = t.triggerRef.current) == null ? void 0 : l.contains(a)) && r.preventDefault(), r.detail.originalEvent.type === "focusin" && e.current && r.preventDefault();
+        }
+      }
+    );
+  }
+), k = i.forwardRef(
+  (o, n) => {
+    const {
+      __scopePopover: t,
+      trapFocus: s,
+      onOpenAutoFocus: e,
+      onCloseAutoFocus: r,
+      disableOutsidePointerEvents: a,
+      onEscapeKeyDown: c,
+      onPointerDownOutside: u,
+      onFocusOutside: l,
+      onInteractOutside: g,
+      ...h
+    } = o, d = f(v, t), x = m(t);
+    return K(), /* @__PURE__ */ p.jsx(
+      $,
+      {
+        asChild: !0,
+        loop: !0,
+        trapped: s,
+        onMountAutoFocus: e,
+        onUnmountAutoFocus: r,
+        children: /* @__PURE__ */ p.jsx(
+          H,
           {
-            scope: a,
-            placedSide: W,
-            onArrowChange: te,
-            arrowX: ce,
-            arrowY: de,
-            shouldHideArrow: le,
-            children: /* @__PURE__ */ f.jsx(
-              z.div,
+            asChild: !0,
+            disableOutsidePointerEvents: a,
+            onInteractOutside: g,
+            onEscapeKeyDown: c,
+            onPointerDownOutside: u,
+            onFocusOutside: l,
+            onDismiss: () => d.onOpenChange(!1),
+            children: /* @__PURE__ */ p.jsx(
+              W,
               {
-                "data-side": W,
-                "data-align": pe,
-                ...d,
-                ref: ee,
+                "data-state": L(d.open),
+                role: "dialog",
+                id: d.contentId,
+                ...x,
+                ...h,
+                ref: n,
                 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: R ? void 0 : "none"
+                  ...h.style,
+                  "--radix-popover-content-transform-origin": "var(--radix-popper-transform-origin)",
+                  "--radix-popover-content-available-width": "var(--radix-popper-available-width)",
+                  "--radix-popover-content-available-height": "var(--radix-popper-available-height)",
+                  "--radix-popover-trigger-width": "var(--radix-popper-anchor-width)",
+                  "--radix-popover-trigger-height": "var(--radix-popper-anchor-height)"
                 }
               }
             )
@@ -137,86 +201,45 @@ var _ = "PopperContent", [je, He] = L(_), J = c.forwardRef(
       }
     );
   }
-);
-J.displayName = _;
-var K = "PopperArrow", We = {
-  top: "bottom",
-  right: "left",
-  bottom: "top",
-  left: "right"
-}, Q = c.forwardRef(function(s, a) {
-  const { __scopePopper: t, ...i } = s, 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",
+), I = "PopoverClose", T = i.forwardRef(
+  (o, n) => {
+    const { __scopePopover: t, ...s } = o, e = f(I, t);
+    return /* @__PURE__ */ p.jsx(
+      w.button,
       {
-        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(
-          Se,
-          {
-            ...i,
-            ref: a,
-            style: {
-              ...i.style,
-              // ensures the element can be measured correctly (mostly for if SVG)
-              display: "block"
-            }
-          }
-        )
+        type: "button",
+        ...s,
+        ref: n,
+        onClick: P(o.onClick, () => e.onOpenChange(!1))
       }
-    )
-  );
-});
-Q.displayName = K;
-function Ie(e) {
-  return e !== null;
-}
-var Ye = (e) => ({
-  name: "transformOrigin",
-  options: e,
-  fn(s) {
-    var v, h, C;
-    const { placement: a, rects: t, middlewareData: i } = s, o = ((v = i.arrow) == null ? void 0 : v.centerOffset) !== 0, w = o ? 0 : e.arrowWidth, n = o ? 0 : e.arrowHeight, [p, x] = V(a), m = { start: "0%", center: "50%", end: "100%" }[x], y = (((h = i.arrow) == null ? void 0 : h.x) ?? 0) + w / 2, A = (((C = i.arrow) == null ? void 0 : C.y) ?? 0) + n / 2;
-    let l = "", d = "";
-    return p === "bottom" ? (l = o ? m : `${y}px`, d = `${-n}px`) : p === "top" ? (l = o ? m : `${y}px`, d = `${t.floating.height + n}px`) : p === "right" ? (l = `${-n}px`, d = o ? m : `${A}px`) : p === "left" && (l = `${t.floating.width + n}px`, d = o ? m : `${A}px`), { data: { x: l, y: d } };
+    );
   }
-});
-function V(e) {
-  const [s, a = "center"] = e.split("-");
-  return [s, a];
+);
+T.displayName = I;
+var no = "PopoverArrow", so = i.forwardRef(
+  (o, n) => {
+    const { __scopePopover: t, ...s } = o, e = m(t);
+    return /* @__PURE__ */ p.jsx(Z, { ...e, ...s, ref: n });
+  }
+);
+so.displayName = no;
+function L(o) {
+  return o ? "open" : "closed";
 }
-var qe = U, Ge = G, Je = J, Ke = Q;
+var Oo = b, _o = N, Eo = y, wo = D, jo = M, bo = T;
 export {
-  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
+  _o as Anchor,
+  bo as Close,
+  jo as Content,
+  b as Popover,
+  N as PopoverAnchor,
+  so as PopoverArrow,
+  T as PopoverClose,
+  M as PopoverContent,
+  D as PopoverPortal,
+  y as PopoverTrigger,
+  wo as Portal,
+  Oo as Root,
+  Eo as Trigger
 };
 //# sourceMappingURL=index.es550.js.map