@protonradio/proton-ui 0.6.18-beta.8 → 0.6.18-beta.9

package/dist/index.es.js

@@ -1,10 +1,10 @@
-import g, { useLayoutEffect as pr, useState as D, useRef as S, createElement as Qt, useEffect as F, createContext as O, useContext as A, useMemo as oe, isValidElement as hr, forwardRef as de, useCallback as ne, cloneElement as vr } from "react";
+import g, { useLayoutEffect as pr, useState as D, useRef as S, createElement as Qt, useEffect as F, createContext as O, useContext as A, useMemo as oe, isValidElement as hr, forwardRef as fe, useCallback as ne, cloneElement as vr } from "react";
 import en, { createPortal as tn } from "react-dom";
 import { useMenu as nn, useOverlay as mr, FocusScope as pt, useMenuItem as rn, useButton as De, useRadioGroup as br, useRadio as gr, VisuallyHidden as on, useDialog as yr, useTextField as xr, useClipboard as _r, useSearchField as $r, useOverlayTrigger as Sr, usePopover as Er, Overlay as wr, DismissButton as Cr, useFocusRing as we, useHover as Rr, useId as Lt, mergeProps as me, useMenuTrigger as Pr, useMenuSection as Tr, useTooltipTrigger as jr, OverlayContainer as Nr, useOverlayPosition as Mr, useTooltip as kr, useListBox as Ar, useOption as Or, useSelect as an, HiddenSelect as ln, useSwitch as Ir, useTableHeaderRow as Dr, useTableColumnHeader as Lr, useTableRowGroup as Br, useTableRow as Hr, useTableCell as Vr, useTable as Kr } from "react-aria";
 import { useTreeState as sn, Item as ht, useRadioGroupState as Wr, useOverlayTriggerState as Fr, useMenuTriggerState as Gr, useTooltipTriggerState as cn, useSelectState as un, useToggleState as Ur, useTableState as zr } from "react-stately";
-import { b as E, i as vt, h as dn } from "./utils-CF14T2dp.mjs";
+import { b as E, i as vt, h as dn } from "./utils-CfiNJPhX.mjs";
 import { THEMES as le, BREAKPOINTS as fn } from "./constants.es.js";
-import { transparentize as ve, toRgba as Xe } from "color2k";
+import { transparentize as de, toRgba as Xe } from "color2k";
 import { G as Q, S as Ne, W as Me, D as ke, B as Yr } from "./colors-Dwh4VIMR.mjs";
 import { c as Na } from "./colors-Dwh4VIMR.mjs";
 var rt = { exports: {} }, _e = {};
@@ -133,14 +133,14 @@ function Jr() {
         }
       return null;
     }
-    var Z = Object.assign, B = 0, U, Y, q, ae, fe, _t, $t;
+    var Z = Object.assign, B = 0, U, Y, q, ae, pe, _t, $t;
     function St() {
     }
     St.__reactDisabledLog = !0;
     function Hn() {
       {
         if (B === 0) {
-          U = console.log, Y = console.info, q = console.warn, ae = console.error, fe = console.group, _t = console.groupCollapsed, $t = console.groupEnd;
+          U = console.log, Y = console.info, q = console.warn, ae = console.error, pe = console.group, _t = console.groupCollapsed, $t = console.groupEnd;
           var a = {
             configurable: !0,
             enumerable: !0,
@@ -182,7 +182,7 @@ function Jr() {
               value: ae
             }),
             group: Z({}, a, {
-              value: fe
+              value: pe
             }),
             groupCollapsed: Z({}, a, {
               value: _t
@@ -282,7 +282,7 @@ function Jr() {
       } finally {
         Fe = !1, Ke.current = k, Vn(), Error.prepareStackTrace = N;
       }
-      var he = a ? a.displayName || a.name : "", ue = he ? Re(he) : "";
+      var ve = a ? a.displayName || a.name : "", ue = ve ? Re(ve) : "";
       return typeof a == "function" && Pe.set(a, ue), ue;
     }
     function Wn(a, m, b) {
@@ -471,7 +471,7 @@ function Jr() {
       }
     }
     var ze = w.ReactCurrentOwner, Nt = w.ReactDebugCurrentFrame;
-    function pe(a) {
+    function he(a) {
       if (a) {
         var m = a._owner, b = Te(a.type, a._source, m ? m.type : null);
         Nt.setExtraStackFrame(b);
@@ -521,7 +521,7 @@ Check the top-level render call using <` + b + ">.");
           return;
         kt[b] = !0;
         var $ = "";
-        a && a._owner && a._owner !== ze.current && ($ = " It was passed a child from " + V(a._owner.type) + "."), pe(a), R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', b, $), pe(null);
+        a && a._owner && a._owner !== ze.current && ($ = " It was passed a child from " + V(a._owner.type) + "."), he(a), R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', b, $), he(null);
       }
     }
     function Ot(a, m) {
@@ -573,11 +573,11 @@ Check the top-level render call using <` + b + ">.");
         for (var m = Object.keys(a.props), b = 0; b < m.length; b++) {
           var $ = m[b];
           if ($ !== "children" && $ !== "key") {
-            pe(a), R("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", $), pe(null);
+            he(a), R("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", $), he(null);
             break;
           }
         }
-        a.ref !== null && (pe(a), R("Invalid attribute `ref` supplied to `React.Fragment`."), pe(null));
+        a.ref !== null && (he(a), R("Invalid attribute `ref` supplied to `React.Fragment`."), he(null));
       }
     }
     var It = {};
@@ -600,8 +600,8 @@ Check the top-level render call using <` + b + ">.");
           if (ee !== void 0)
             if ($)
               if (Ge(ee)) {
-                for (var he = 0; he < ee.length; he++)
-                  Ot(ee[he], a);
+                for (var ve = 0; ve < ee.length; ve++)
+                  Ot(ee[ve], a);
                 Object.freeze && Object.freeze(ee);
               } else
                 R("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
@@ -853,7 +853,7 @@ const Zr = ({ children: t }) => {
   );
 }, Ze = "rgb(83, 82, 83)";
 function to(t) {
-  const e = ve(t.PRIMARY.PRIMARY_LIGHTEST, 0.4);
+  const e = de(t.PRIMARY.PRIMARY_LIGHTEST, 0.4), n = de(t.PRIMARY.PRIMARY_LIGHTEST, 0.8);
   return {
     [le.DARK]: {
       "--proton-control__background-color": Xe(Ze),
@@ -868,7 +868,7 @@ function to(t) {
       "--proton-control__background-color": Q.WHITE,
       "--proton-control__text-color": Q.GRAY_DARK,
       "--proton-control__border-color": Q.GRAY_LIGHT,
-      "--proton-control__shadow-color": ve(
+      "--proton-control__shadow-color": de(
         Xe(Ze),
         0.9
       ),
@@ -879,7 +879,7 @@ function to(t) {
     [le.CUSTOM_DARK]: {
       "--proton-control__background-color": Xe(Ze),
       "--proton-control__text-color": Q.WHITE,
-      "--proton-control__border-color": t.PRIMARY.PRIMARY_LIGHTEST,
+      "--proton-control__border-color": n,
       "--proton-control__shadow-color": e,
       "--proton-color__primary": t.BRAND.PRIMARY,
       "--proton-color__primary-light": t.BRAND.PRIMARY_LIGHT,
@@ -1160,7 +1160,7 @@ function pa(t) {
     /* @__PURE__ */ s.jsx(fo, { ...t })
   ] }) : null;
 }
-const po = de(
+const po = fe(
   ({
     prefix: t,
     suffix: e,
@@ -1203,9 +1203,9 @@ const po = de(
       "--input-background": (() => {
         switch (j) {
           case le.CUSTOM_DARK:
-            return ve(R.PRIMARY.PRIMARY_SUPER_LIGHT, 0.6);
+            return de(R.PRIMARY.PRIMARY_SUPER_LIGHT, 0.6);
           case le.DARK:
-            return ve(Q.GRAY_MEDIUM, 0.5);
+            return de(Q.GRAY_MEDIUM, 0.5);
           default:
             return Q.WHITE;
         }
@@ -1858,7 +1858,7 @@ function Ro(t) {
 }
 function Po(t) {
   let e = (n, r) => A(ot) ? null : t(n, r);
-  return e.displayName = t.displayName || t.name, de(e);
+  return e.displayName = t.displayName || t.name, fe(e);
 }
 const be = typeof document < "u" ? g.useLayoutEffect : () => {
 };
@@ -2189,7 +2189,7 @@ function qo(t, e, n, r, o, i) {
   }, o);
 }
 function Jo(t, e) {
-  let n = ({ node: o }) => e(o.props, o.props.ref, o), r = de((o, i) => {
+  let n = ({ node: o }) => e(o.props, o.props.ref, o), r = fe((o, i) => {
     if (!A(Sn)) {
       if (e.length >= 3) throw new Error(e.name + " cannot be rendered outside a collection.");
       return e(o, i);
@@ -2685,7 +2685,7 @@ function $i(t, e) {
     "data-placement": n
   });
 }
-const Si = /* @__PURE__ */ de($i), ct = /* @__PURE__ */ O(null), Ei = /* @__PURE__ */ O(null), wi = /* @__PURE__ */ O({});
+const Si = /* @__PURE__ */ fe($i), ct = /* @__PURE__ */ O(null), Ei = /* @__PURE__ */ O(null), wi = /* @__PURE__ */ O({});
 function jn(t) {
   return null;
 }
@@ -2872,7 +2872,7 @@ function Ti({ props: t, collection: e, menuRef: n }) {
     }
   }));
 }
-const ji = /* @__PURE__ */ de(Pi);
+const ji = /* @__PURE__ */ fe(Pi);
 function Ni(t, e, n) {
   var r, o;
   let i = A(yt), { CollectionBranch: l } = A(En), [c, u] = ri();
@@ -3150,7 +3150,7 @@ function Ii({ UNSTABLE_portalContainer: t, ...e }, n) {
     isExiting: l
   }));
 }
-const Di = /* @__PURE__ */ de(Ii);
+const Di = /* @__PURE__ */ fe(Ii);
 function Li(t) {
   let e = A(xt), n = S(null), [r, o] = D(0);
   be(() => {
@@ -3342,7 +3342,7 @@ function Hi({ item: t, state: e }) {
     }
   );
 }
-const Bn = de(
+const Bn = fe(
   (t, e) => {
     let { buttonProps: n } = De(
       {
@@ -3804,7 +3804,7 @@ const Ra = ({
   "data-testid": r
 }) => {
   const { className: o, palette: i, theme: l } = ie(), c = n ? /* @__PURE__ */ s.jsx(Yi, { delay: 50, closeDelay: 75, ...n, children: e }) : e, u = {
-    "--text-emphasis-highlight": l === le.CUSTOM_DARK ? ve(i.SECONDARY.SECONDARY_LIGHT, 0.3) : ve(Yr.PRIMARY, 0.5)
+    "--text-emphasis-highlight": l === le.CUSTOM_DARK ? de(i.SECONDARY.SECONDARY_LIGHT, 0.3) : de(Yr.PRIMARY, 0.5)
   };
   if (t) {
     const f = vt(t);
@@ -3931,8 +3931,8 @@ function Pa({
   F(() => {
     if (!v.current) return;
     const B = (q) => {
-      const ae = Math.floor(q / (e + z)), fe = Zi(M, ae);
-      x(fe);
+      const ae = Math.floor(q / (e + z)), pe = Zi(M, ae);
+      x(pe);
     }, U = v.current.clientWidth;
     B(U);
     const Y = new ResizeObserver((q) => {
@@ -3998,14 +3998,14 @@ function Pa({
             }
           ),
           y.map((B, U) => {
-            const Y = U / y.length * l, q = n !== void 0 && r !== void 0 && (Y < n || Y > r), ae = o === 0 ? !1 : Y <= o, fe = _ !== null && Y <= _;
+            const Y = U / y.length * l, q = n !== void 0 && r !== void 0 && (Y < n || Y > r), ae = o === 0 ? !1 : Y <= o, pe = _ !== null && Y <= _;
             return /* @__PURE__ */ s.jsx(
               qi,
               {
                 amplitude: B,
                 isDisabled: q,
                 isPlayed: ae,
-                isHovered: fe,
+                isHovered: pe,
                 isVisible: R,
                 hasAnimated: P,
                 resolution: e,