@protonradio/proton-ui 0.7.0 → 0.7.1

package/dist/index.d.ts

@@ -389,7 +389,7 @@ declare type Palette = {
  *
  * @interface PopoverProps
  */
-export declare function Popover({ children, state, arrow, offset, ...props }: PopoverProps): JSX_2.Element;
+export declare function Popover({ children, state, arrow, offset, isEntering, ...props }: PopoverProps): JSX_2.Element;
 
 declare interface PopoverProps extends Omit<AriaPopoverProps, "popoverRef"> {
     /**
@@ -408,6 +408,10 @@ declare interface PopoverProps extends Omit<AriaPopoverProps, "popoverRef"> {
      * Whether to show an arrow on the popover.
      */
     arrow?: boolean;
+    /**
+     * Whether the popover is entering.
+     */
+    isEntering?: boolean;
 }
 
 export declare interface ProtonColumnProps<T> extends ColumnProps<T> {

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import B, { useRef as M, useCallback as X, useState as j, useContext as Y, useEffect as L, createContext as ee, useMemo as H, useLayoutEffect as Kc, createElement as mi, isValidElement as Mc, forwardRef as pt, cloneElement as Ic } from "react";
 import Cn, { flushSync as Fc, createPortal as bi } from "react-dom";
-import { c as U, i as Nr, h as gi } from "./utils-CZQIdhYj.mjs";
+import { c as U, i as Nr, h as gi } from "./utils-D9D3Fg9O.mjs";
 import { THEMES as Ee, BREAKPOINTS as $i } from "./constants.es.js";
 import { transparentize as st } from "color2k";
 import { G as be, S as tn, W as nn, D as rn, B as Rc } from "./colors-Dwh4VIMR.mjs";
@@ -9712,48 +9712,50 @@ function il({
   state: e,
   arrow: n = !0,
   offset: r,
-  ...l
+  isEntering: l,
+  ...i
 }) {
-  const i = M(null), { popoverRef: o = i } = l, { className: a, style: u, palette: s, theme: c } = We();
-  let { popoverProps: d, underlayProps: f, arrowProps: p, placement: h } = Wf(
+  const o = M(null), { popoverRef: a = o } = i, { className: u, style: s, palette: c, theme: d } = We();
+  let { popoverProps: f, underlayProps: p, arrowProps: h, placement: $ } = Wf(
     {
-      ...l,
+      ...i,
       offset: r,
-      popoverRef: o
+      popoverRef: a
     },
     e
   );
-  const $ = {
+  const g = {
     "--dialog-background": (() => {
-      switch (c) {
+      switch (d) {
         case Ee.CUSTOM_DARK:
-          return s.PRIMARY.PRIMARY_MEDIUM;
+          return c.PRIMARY.PRIMARY_MEDIUM;
         case Ee.DARK:
-          return s.PRIMARY.PRIMARY_DARK;
+          return c.PRIMARY.PRIMARY_DARK;
         default:
           return be.WHITE;
       }
     })(),
-    ...u
+    ...s
   };
   return /* @__PURE__ */ b.jsxs(Yf, { children: [
-    /* @__PURE__ */ b.jsx("div", { ...f, style: { position: "fixed", inset: 0 } }),
+    /* @__PURE__ */ b.jsx("div", { ...p, style: { position: "fixed", inset: 0 } }),
     /* @__PURE__ */ b.jsxs(
       "div",
       {
-        ...d,
-        ref: o,
-        className: U("proton-Popover", a),
-        style: { ...$, ...d.style },
-        "data-testid": l["data-testid"] || void 0,
+        ...f,
+        ref: a,
+        className: U("proton-Popover", u),
+        style: { ...g, ...f.style },
+        "data-testid": i["data-testid"] || void 0,
+        "data-entering": l ? "" : void 0,
         children: [
           /* @__PURE__ */ b.jsx(Vf, { onDismiss: e.close }),
           n && /* @__PURE__ */ b.jsxs(
             "svg",
             {
-              ...p,
+              ...h,
               className: "arrow",
-              "data-placement": h,
+              "data-placement": $,
               viewBox: "0 0 12 12",
               children: [
                 /* @__PURE__ */ b.jsx("title", { children: "arrow" }),
@@ -11175,11 +11177,13 @@ function Eh({
         f.isOpen && /* @__PURE__ */ b.jsx("div", { className: "proton-Select__popover", children: /* @__PURE__ */ b.jsx(
           il,
           {
+            arrow: !1,
             state: f,
             triggerRef: p,
             popoverRef: h,
             placement: "bottom start",
             "data-testid": "select-popover",
+            isEntering: f.isOpen,
             children: /* @__PURE__ */ b.jsx(_r, { ...S, state: f })
           }
         ) })