@tedi-design-system/react 18.1.0-rc.20 → 18.1.0-rc.22

package/src/tedi/components/loaders/spinner/spinner.es.js

@@ -1,27 +1,38 @@
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import d from "../../../../../external/classnames/index.es.js";
+import f from "../../../../../external/classnames/index.es.js";
 import e from "./spinner.module.scss.es.js";
-import { useLabels as f } from "../../../providers/label-provider/use-labels.es.js";
+import { useLabels as v } from "../../../providers/label-provider/use-labels.es.js";
 import { useBreakpointProps as u } from "../../../helpers/hooks/use-breakpoint-props.es.js";
-const v = (s) => {
-  const { getLabel: o } = f(), { getCurrentBreakpointProps: a } = u(s.defaultServerBreakpoint), {
-    className: l,
-    size: i = 16,
-    color: n = "primary",
-    label: p = o("spinner.loading"),
-    position: t
-  } = a(s), c = d(
+const y = (s) => {
+  const { getLabel: a } = v(), { getCurrentBreakpointProps: l } = u(s.defaultServerBreakpoint), {
+    className: p,
+    size: n = 16,
+    color: o = "primary",
+    label: d = a("spinner.loading"),
+    position: t,
+    decorative: i = !1
+  } = l(s), c = f(
     e["tedi-spinner"],
-    l,
+    p,
     t && e[`tedi-spinner--${t}`],
-    i && e[`tedi-spinner--size-${i}`],
-    n && e[`tedi-spinner--color-${n}`]
+    n && e[`tedi-spinner--size-${n}`],
+    o && e[`tedi-spinner--color-${o}`]
+  );
+  return /* @__PURE__ */ m(
+    "span",
+    {
+      className: c,
+      role: i ? void 0 : "status",
+      "aria-live": i ? void 0 : "polite",
+      "aria-hidden": i || void 0,
+      "data-testid": "tedi-spinner",
+      children: [
+        /* @__PURE__ */ r("svg", { viewBox: "22 22 44 44", "aria-hidden": "true", children: /* @__PURE__ */ r("circle", { className: e["tedi-spinner__inner"], cx: "44", cy: "44", r: "20", fill: "none" }) }),
+        !i && /* @__PURE__ */ r("span", { className: "sr-only", children: d })
+      ]
+    }
   );
-  return /* @__PURE__ */ m("span", { className: c, role: "status", "aria-live": "polite", "data-testid": "tedi-spinner", children: [
-    /* @__PURE__ */ r("svg", { viewBox: "22 22 44 44", "aria-hidden": "true", children: /* @__PURE__ */ r("circle", { className: e["tedi-spinner__inner"], cx: "44", cy: "44", r: "20", fill: "none" }) }),
-    /* @__PURE__ */ r("span", { className: "sr-only", children: p })
-  ] });
 };
 export {
-  v as Spinner
+  y as Spinner
 };

package/src/tedi/components/overlays/overlay/overlay-content.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),s=require("react"),q=require("./overlay.cjs.js"),C=u=>{const{children:y,classNames:e,labelledBy:f,describedBy:m}=u,{open:l,x:g,y:h,strategy:b,focusManager:o,floating:v,arrowRef:x,getFloatingProps:w,placement:p,context:i,arrow:t,scrollLock:c,contentId:j,role:F}=s.useContext(q.OverlayContext);if(s.useEffect(()=>{c&&(l?(document.documentElement.style.overflow="hidden",document.documentElement.scrollHeight>window.innerHeight&&(document.body.style.overflow="scroll")):(document.documentElement.style.overflow="",document.body.style.overflow=""))},[l,c]),!l)return null;const a=n.jsxs("div",{...w({ref:v,tabIndex:-1,id:j,"aria-labelledby":f,"aria-describedby":m,style:{position:b,left:g,top:h},className:e==null?void 0:e.content}),"data-placement":p,"data-testid":"overlay-content",children:[n.jsx(r.FloatingArrow,{ref:d=>x.current=d,context:i,className:e==null?void 0:e.arrow,height:t==null?void 0:t.height,width:t==null?void 0:t.width,"data-testid":"overlay-arrow"}),y]});return n.jsx(r.FloatingPortal,{children:F==="tooltip"?a:n.jsx(r.FloatingFocusManager,{modal:(o==null?void 0:o.modal)||!1,...o,context:i,children:a})})};exports.OverlayContent=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),s=require("react"),C=require("./overlay.cjs.js"),E=u=>{const{children:y,classNames:e,labelledBy:f,describedBy:h}=u,{open:l,x:m,y:g,strategy:b,focusManager:o,floating:v,arrowRef:x,getFloatingProps:w,placement:p,context:i,arrow:t,scrollLock:d,contentId:j,role:F,ariaHidden:q}=s.useContext(C.OverlayContext);if(s.useEffect(()=>{d&&(l?(document.documentElement.style.overflow="hidden",document.documentElement.scrollHeight>window.innerHeight&&(document.body.style.overflow="scroll")):(document.documentElement.style.overflow="",document.body.style.overflow=""))},[l,d]),!l)return null;const a=n.jsxs("div",{...w({ref:v,tabIndex:-1,id:j,"aria-hidden":q||void 0,"aria-labelledby":f,"aria-describedby":h,style:{position:b,left:m,top:g},className:e==null?void 0:e.content}),"data-placement":p,"data-testid":"overlay-content",children:[n.jsx(r.FloatingArrow,{ref:c=>x.current=c,context:i,className:e==null?void 0:e.arrow,height:t==null?void 0:t.height,width:t==null?void 0:t.width,"data-testid":"overlay-arrow"}),y]});return n.jsx(r.FloatingPortal,{children:F==="tooltip"?a:n.jsx(r.FloatingFocusManager,{modal:(o==null?void 0:o.modal)||!1,...o,context:i,children:a})})};exports.OverlayContent=E;

package/src/tedi/components/overlays/overlay/overlay-content.es.js

@@ -1,8 +1,8 @@
-import { jsxs as F, jsx as n } from "react/jsx-runtime";
-import { FloatingArrow as E, FloatingPortal as C, FloatingFocusManager as j } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
-import { useContext as B, useEffect as H } from "react";
-import { OverlayContext as I } from "./overlay.es.js";
-const A = (c) => {
+import { jsxs as E, jsx as n } from "react/jsx-runtime";
+import { FloatingArrow as C, FloatingPortal as H, FloatingFocusManager as j } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
+import { useContext as B, useEffect as I } from "react";
+import { OverlayContext as O } from "./overlay.es.js";
+const L = (c) => {
   const { children: s, classNames: e, labelledBy: m, describedBy: f } = c, {
     open: l,
     x: y,
@@ -17,18 +17,20 @@ const A = (c) => {
     arrow: t,
     scrollLock: i,
     contentId: w,
-    role: x
-  } = B(I);
-  if (H(() => {
+    role: x,
+    ariaHidden: F
+  } = B(O);
+  if (I(() => {
     i && (l ? (document.documentElement.style.overflow = "hidden", document.documentElement.scrollHeight > window.innerHeight && (document.body.style.overflow = "scroll")) : (document.documentElement.style.overflow = "", document.body.style.overflow = ""));
   }, [l, i]), !l) return null;
-  const d = /* @__PURE__ */ F(
+  const d = /* @__PURE__ */ E(
     "div",
     {
       ...b({
         ref: g,
         tabIndex: -1,
         id: w,
+        "aria-hidden": F || void 0,
         "aria-labelledby": m,
         "aria-describedby": f,
         style: {
@@ -42,7 +44,7 @@ const A = (c) => {
       "data-testid": "overlay-content",
       children: [
         /* @__PURE__ */ n(
-          E,
+          C,
           {
             ref: (a) => p.current = a,
             context: r,
@@ -56,8 +58,8 @@ const A = (c) => {
       ]
     }
   );
-  return /* @__PURE__ */ n(C, { children: x === "tooltip" ? d : /* @__PURE__ */ n(j, { modal: (o == null ? void 0 : o.modal) || !1, ...o, context: r, children: d }) });
+  return /* @__PURE__ */ n(H, { children: x === "tooltip" ? d : /* @__PURE__ */ n(j, { modal: (o == null ? void 0 : o.modal) || !1, ...o, context: r, children: d }) });
 };
 export {
-  A as OverlayContent
+  L as OverlayContent
 };

package/src/tedi/components/overlays/overlay/overlay-trigger.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react/jsx-runtime"),y=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),b=require("../../../../../external/classnames/index.cjs.js"),r=require("react"),p=require("../../base/icon/icon.cjs.js"),x=require("./overlay.cjs.js"),t=require("./overlay.module.scss.cjs.js"),q=require("../../../providers/label-provider/use-labels.cjs.js"),_=s=>{const{children:e,className:l}=s,{getLabel:c}=q.useLabels(),{getReferenceProps:o,reference:a,openWith:u,open:d,role:g,contentId:f}=r.useContext(x.OverlayContext),i=y.useMergeRefs([a,e.ref]),n=g==="tooltip"?{"aria-describedby":d?f:void 0}:{};return r.isValidElement(e)?r.cloneElement(e,o({ref:i,tabIndex:0,...n,label:e.type===p.Icon?c("tooltip.icon-trigger"):void 0,...e.props})):v.jsx("div",{...o({ref:i,tabIndex:0,className:b.default(t.default["tedi-overlay__trigger"],t.default["tedi-overlay__trigger--text"],{[t.default["tedi-overlay__trigger--click"]]:u==="click"},l),...n}),children:e})};exports.OverlayTrigger=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),b=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),p=require("../../../../../external/classnames/index.cjs.js"),r=require("react"),x=require("../../base/icon/icon.cjs.js"),q=require("./overlay.cjs.js"),t=require("./overlay.module.scss.cjs.js"),_=require("../../../providers/label-provider/use-labels.cjs.js"),m=s=>{const{children:e,className:l}=s,{getLabel:a}=_.useLabels(),{getReferenceProps:o,reference:c,openWith:d,open:u,role:g,ariaHidden:f,contentId:v}=r.useContext(q.OverlayContext),i=b.useMergeRefs([c,e.ref]),n=g==="tooltip"&&!f?{"aria-describedby":u?v:void 0}:{};return r.isValidElement(e)?r.cloneElement(e,o({ref:i,tabIndex:0,...n,label:e.type===x.Icon?a("tooltip.icon-trigger"):void 0,...e.props})):y.jsx("div",{...o({ref:i,tabIndex:0,className:p.default(t.default["tedi-overlay__trigger"],t.default["tedi-overlay__trigger--text"],{[t.default["tedi-overlay__trigger--click"]]:d==="click"},l),...n}),children:e})};exports.OverlayTrigger=m;

package/src/tedi/components/overlays/overlay/overlay-trigger.es.js

@@ -1,35 +1,35 @@
-import { jsx as d } from "react/jsx-runtime";
-import { useMergeRefs as g } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
-import v from "../../../../../external/classnames/index.es.js";
-import { useContext as x, isValidElement as y, cloneElement as b } from "react";
-import { Icon as _ } from "../../base/icon/icon.es.js";
-import { OverlayContext as u } from "./overlay.es.js";
+import { jsx as g } from "react/jsx-runtime";
+import { useMergeRefs as v } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
+import x from "../../../../../external/classnames/index.es.js";
+import { useContext as y, isValidElement as b, cloneElement as _ } from "react";
+import { Icon as u } from "../../base/icon/icon.es.js";
+import { OverlayContext as I } from "./overlay.es.js";
 import r from "./overlay.module.scss.es.js";
-import { useLabels as I } from "../../../providers/label-provider/use-labels.es.js";
-const R = (s) => {
-  const { children: e, className: n } = s, { getLabel: l } = I(), { getReferenceProps: t, reference: c, openWith: m, open: a, role: p, contentId: f } = x(u), o = g([c, e.ref]), i = p === "tooltip" ? {
-    "aria-describedby": a ? f : void 0
+import { useLabels as N } from "../../../providers/label-provider/use-labels.es.js";
+const j = (s) => {
+  const { children: e, className: n } = s, { getLabel: l } = N(), { getReferenceProps: t, reference: a, openWith: c, open: m, role: p, ariaHidden: f, contentId: d } = y(I), o = v([a, e.ref]), i = p === "tooltip" && !f ? {
+    "aria-describedby": m ? d : void 0
   } : {};
-  return y(e) ? b(
+  return b(e) ? _(
     e,
     t({
       ref: o,
       tabIndex: 0,
       ...i,
-      label: e.type === _ ? l("tooltip.icon-trigger") : void 0,
+      label: e.type === u ? l("tooltip.icon-trigger") : void 0,
       ...e.props
     })
-  ) : /* @__PURE__ */ d(
+  ) : /* @__PURE__ */ g(
     "div",
     {
       ...t({
         ref: o,
         tabIndex: 0,
-        className: v(
+        className: x(
           r["tedi-overlay__trigger"],
           r["tedi-overlay__trigger--text"],
           {
-            [r["tedi-overlay__trigger--click"]]: m === "click"
+            [r["tedi-overlay__trigger--click"]]: c === "click"
           },
           n
         ),
@@ -40,5 +40,5 @@ const R = (s) => {
   );
 };
 export {
-  R as OverlayTrigger
+  j as OverlayTrigger
 };

package/src/tedi/components/overlays/overlay/overlay.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const N=require("react/jsx-runtime"),t=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),n=require("react"),Q=require("./overlay-content.cjs.js"),X=require("./overlay-trigger.cjs.js"),Y=require("../../../helpers/hooks/use-is-touch-device.cjs.js"),Z=require("../../../helpers/hooks/use-is-mounted.cjs.js"),j=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),i=require("../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),$=3,S=n.createContext({open:!1,onOpenChange:()=>{},isMounted:!1,openWith:"hover",reference:()=>{},floating:()=>{},focusManager:{},arrowRef:{current:null},x:0,y:0,strategy:"absolute",getReferenceProps:()=>({}),getFloatingProps:()=>({}),arrow:{width:0,height:0,x:0,y:0,centerOffset:0},placement:"top",context:{},scrollLock:void 0,contentId:""}),u=E=>{const L=Y.useIsTouchDevice(),{children:W,placement:A="top",openWith:s=L?"click":"hover",defaultOpen:G=!1,open:a,onToggle:r,role:d="tooltip",arrowDimensions:e,offset:H=$+((e==null?void 0:e.height)??0),arrowPadding:V=4,focusManager:f,dismissible:y,scrollLock:O,trackReferencePosition:z=!1}=E,{order:M=["reference","content"],initialFocus:m,modal:g,...x}=f??{},C=m!==void 0?m:g?0:void 0,[F,P]=n.useState(G),p=n.useRef(null),R=Z.useIsMounted(),h=n.useMemo(()=>r&&typeof a<"u"?a:F,[r,a,F]),v=n.useCallback(l=>{typeof a>"u"&&P(l),r==null||r(l)},[a,P,r]),{x:q,y:I,refs:c,strategy:b,context:o,middlewareData:w,placement:k}=t.useFloating({placement:A,open:h,onOpenChange:v,middleware:[i.offset(H),i.flip(),i.shift({padding:8}),i.arrow({element:p,padding:V})],whileElementsMounted:z?(l,J,K)=>j.autoUpdate(l,J,K,{animationFrame:!0}):j.autoUpdate}),{getReferenceProps:T,getFloatingProps:U}=t.useInteractions([t.useHover(o,{enabled:s==="hover",handleClose:t.safePolygon()}),t.useClick(o,{toggle:y}),t.useFocus(o,{enabled:s==="hover"}),t.useRole(o,{role:d}),t.useDismiss(o,{enabled:y,outsidePressEvent:s==="click"?"mousedown":"pointerdown"})]),_=n.useId(),B=n.useMemo(()=>({open:h,onOpenChange:v,isMounted:R,openWith:s,focusManager:f?{order:M,modal:g,initialFocus:C,...x}:void 0,reference:c.setReference,floating:c.setFloating,arrowRef:p,x:q,y:I,strategy:b,getReferenceProps:T,getFloatingProps:U,arrow:{width:e==null?void 0:e.width,height:e==null?void 0:e.height,...w.arrow},context:o,placement:k,scrollLock:O,role:d,contentId:_}),[h,v,R,s,f,c.setReference,c.setFloating,p,q,I,b,T,U,e==null?void 0:e.width,e==null?void 0:e.height,w.arrow,o,k,O,d,_,g,M,C,x]);return N.jsx(S.Provider,{value:B,children:W})};u.Trigger=X.OverlayTrigger;u.Content=Q.OverlayContent;exports.Overlay=u;exports.OverlayContext=S;exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const Q=require("react/jsx-runtime"),t=require("../../../../../external/@floating-ui/react/dist/floating-ui.react.cjs.js"),n=require("react"),X=require("./overlay-content.cjs.js"),Y=require("./overlay-trigger.cjs.js"),Z=require("../../../helpers/hooks/use-is-touch-device.cjs.js"),$=require("../../../helpers/hooks/use-is-mounted.cjs.js"),S=require("../../../../../external/@floating-ui/dom/dist/floating-ui.dom.cjs.js"),i=require("../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs.js"),D=3,E=n.createContext({open:!1,onOpenChange:()=>{},isMounted:!1,openWith:"hover",reference:()=>{},floating:()=>{},focusManager:{},arrowRef:{current:null},x:0,y:0,strategy:"absolute",getReferenceProps:()=>({}),getFloatingProps:()=>({}),arrow:{width:0,height:0,x:0,y:0,centerOffset:0},placement:"top",context:{},scrollLock:void 0,contentId:""}),u=H=>{const L=Z.useIsTouchDevice(),{children:W,placement:A="top",openWith:s=L?"click":"hover",defaultOpen:G=!1,open:a,onToggle:r,role:d="tooltip",ariaHidden:f=!1,arrowDimensions:e,offset:V=D+((e==null?void 0:e.height)??0),arrowPadding:z=4,focusManager:g,dismissible:O,scrollLock:M,trackReferencePosition:B=!1}=H,{order:m=["reference","content"],initialFocus:x,modal:p,...C}=g??{},F=x!==void 0?x:p?0:void 0,[P,R]=n.useState(G),h=n.useRef(null),b=$.useIsMounted(),v=n.useMemo(()=>r&&typeof a<"u"?a:P,[r,a,P]),y=n.useCallback(l=>{typeof a>"u"&&R(l),r==null||r(l)},[a,R,r]),{x:q,y:I,refs:c,strategy:w,context:o,middlewareData:k,placement:T}=t.useFloating({placement:A,open:v,onOpenChange:y,middleware:[i.offset(V),i.flip(),i.shift({padding:8}),i.arrow({element:h,padding:z})],whileElementsMounted:B?(l,K,N)=>S.autoUpdate(l,K,N,{animationFrame:!0}):S.autoUpdate}),{getReferenceProps:U,getFloatingProps:_}=t.useInteractions([t.useHover(o,{enabled:s==="hover",handleClose:t.safePolygon()}),t.useClick(o,{toggle:O}),t.useFocus(o,{enabled:s==="hover"}),t.useRole(o,{role:d,enabled:!f}),t.useDismiss(o,{enabled:O,outsidePressEvent:s==="click"?"mousedown":"pointerdown"})]),j=n.useId(),J=n.useMemo(()=>({open:v,onOpenChange:y,isMounted:b,openWith:s,focusManager:g?{order:m,modal:p,initialFocus:F,...C}:void 0,reference:c.setReference,floating:c.setFloating,arrowRef:h,x:q,y:I,strategy:w,getReferenceProps:U,getFloatingProps:_,arrow:{width:e==null?void 0:e.width,height:e==null?void 0:e.height,...k.arrow},context:o,placement:T,scrollLock:M,role:d,ariaHidden:f,contentId:j}),[v,y,b,s,g,c.setReference,c.setFloating,h,q,I,w,U,_,e==null?void 0:e.width,e==null?void 0:e.height,k.arrow,o,T,M,d,f,j,p,m,F,C]);return Q.jsx(E.Provider,{value:J,children:W})};u.Trigger=Y.OverlayTrigger;u.Content=X.OverlayContent;exports.Overlay=u;exports.OverlayContext=E;exports.default=u;

package/src/tedi/components/overlays/overlay/overlay.d.ts

@@ -46,6 +46,15 @@ export interface OverlayProps {
      * @default tooltip
      */
     role?: UseRoleProps['role'];
+    /**
+     * Renders the overlay purely visually: no `useRole` aria wiring on the trigger
+     * (so no `aria-describedby`) and the content is `aria-hidden`. Use when the
+     * trigger already conveys the same text through its accessible name — e.g. an
+     * icon-only button whose visible tooltip merely mirrors its label — so screen
+     * readers don't announce it twice.
+     * @default false
+     */
+    ariaHidden?: boolean;
     /**
      * Content overlay arrow dimensions.
      */
@@ -108,6 +117,7 @@ export interface OverlayContextType {
     context: FloatingContext<ReferenceType>;
     scrollLock?: boolean;
     role?: UseRoleProps['role'];
+    ariaHidden?: boolean;
     contentId: string;
 }
 export declare const OverlayContext: import('react').Context<OverlayContextType>;

package/src/tedi/components/overlays/overlay/overlay.es.js

@@ -1,13 +1,13 @@
-import { jsx as J } from "react/jsx-runtime";
-import { useFloating as K, useInteractions as N, useHover as Q, safePolygon as X, useClick as Y, useFocus as Z, useRole as _, useDismiss as $ } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
-import { useState as D, useRef as ee, useMemo as T, useCallback as te, useId as oe, createContext as ne } from "react";
-import { OverlayContent as re } from "./overlay-content.es.js";
-import { OverlayTrigger as se } from "./overlay-trigger.es.js";
-import { useIsTouchDevice as ae } from "../../../helpers/hooks/use-is-touch-device.es.js";
+import { jsx as K } from "react/jsx-runtime";
+import { useFloating as N, useInteractions as Q, useHover as X, safePolygon as Y, useClick as Z, useFocus as _, useRole as $, useDismiss as D } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
+import { useState as ee, useRef as te, useMemo as E, useCallback as oe, useId as ne, createContext as re } from "react";
+import { OverlayContent as se } from "./overlay-content.es.js";
+import { OverlayTrigger as ae } from "./overlay-trigger.es.js";
+import { useIsTouchDevice as le } from "../../../helpers/hooks/use-is-touch-device.es.js";
 import { useIsMounted as ce } from "../../../helpers/hooks/use-is-mounted.es.js";
-import { autoUpdate as E } from "../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
-import { offset as le, flip as ie, shift as fe, arrow as ue } from "../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
-const de = 3, pe = ne({
+import { autoUpdate as H } from "../../../../../external/@floating-ui/dom/dist/floating-ui.dom.es.js";
+import { offset as ie, flip as fe, shift as de, arrow as ue } from "../../../../../external/@floating-ui/react-dom/dist/floating-ui.react-dom.es.js";
+const pe = 3, ge = re({
   open: !1,
   onOpenChange: () => {
   },
@@ -36,121 +36,124 @@ const de = 3, pe = ne({
   scrollLock: void 0,
   contentId: ""
 }), L = (W) => {
-  const j = ae(), {
+  const j = le(), {
     children: A,
     placement: G = "top",
     openWith: n = j ? "click" : "hover",
-    defaultOpen: H = !1,
+    defaultOpen: S = !1,
     open: r,
     onToggle: o,
-    role: c = "tooltip",
+    role: l = "tooltip",
+    ariaHidden: c = !1,
     arrowDimensions: e,
-    offset: S = de + ((e == null ? void 0 : e.height) ?? 0),
-    arrowPadding: U = 4,
-    focusManager: l,
-    dismissible: p,
-    scrollLock: g,
-    trackReferencePosition: V = !1
-  } = W, { order: h = ["reference", "content"], initialFocus: m, modal: i, ...v } = l ?? {}, y = m !== void 0 ? m : i ? 0 : void 0, [O, x] = D(H), f = ee(null), F = ce(), u = T(() => o && typeof r < "u" ? r : O, [o, r, O]), d = te(
+    offset: U = pe + ((e == null ? void 0 : e.height) ?? 0),
+    arrowPadding: V = 4,
+    focusManager: i,
+    dismissible: g,
+    scrollLock: h,
+    trackReferencePosition: q = !1
+  } = W, { order: m = ["reference", "content"], initialFocus: v, modal: f, ...y } = i ?? {}, O = v !== void 0 ? v : f ? 0 : void 0, [x, F] = ee(S), d = te(null), P = ce(), u = E(() => o && typeof r < "u" ? r : x, [o, r, x]), p = oe(
     (a) => {
-      typeof r > "u" && x(a), o == null || o(a);
+      typeof r > "u" && F(a), o == null || o(a);
     },
-    [r, x, o]
-  ), { x: P, y: C, refs: s, strategy: M, context: t, middlewareData: R, placement: w } = K({
+    [r, F, o]
+  ), { x: C, y: M, refs: s, strategy: R, context: t, middlewareData: w, placement: b } = N({
     placement: G,
     open: u,
-    onOpenChange: d,
+    onOpenChange: p,
     middleware: [
-      le(S),
-      ie(),
-      fe({ padding: 8 }),
+      ie(U),
+      fe(),
+      de({ padding: 8 }),
       ue({
-        element: f,
-        padding: U
+        element: d,
+        padding: V
       })
     ],
-    whileElementsMounted: V ? (a, z, B) => E(a, z, B, { animationFrame: !0 }) : E
-  }), { getReferenceProps: k, getFloatingProps: I } = N([
-    Q(t, {
+    whileElementsMounted: q ? (a, B, J) => H(a, B, J, { animationFrame: !0 }) : H
+  }), { getReferenceProps: k, getFloatingProps: I } = Q([
+    X(t, {
       enabled: n === "hover",
-      handleClose: X()
-    }),
-    Y(t, {
-      toggle: p
+      handleClose: Y()
     }),
     Z(t, {
+      toggle: g
+    }),
+    _(t, {
       enabled: n === "hover"
     }),
-    _(t, { role: c }),
-    $(t, {
-      enabled: p,
+    $(t, { role: l, enabled: !c }),
+    D(t, {
+      enabled: g,
       outsidePressEvent: n === "click" ? "mousedown" : "pointerdown"
     })
-  ]), b = oe(), q = T(
+  ]), T = ne(), z = E(
     () => ({
       open: u,
-      onOpenChange: d,
-      isMounted: F,
+      onOpenChange: p,
+      isMounted: P,
       openWith: n,
-      focusManager: l ? {
-        order: h,
-        modal: i,
-        initialFocus: y,
-        ...v
+      focusManager: i ? {
+        order: m,
+        modal: f,
+        initialFocus: O,
+        ...y
       } : void 0,
       reference: s.setReference,
       floating: s.setFloating,
-      arrowRef: f,
-      x: P,
-      y: C,
-      strategy: M,
+      arrowRef: d,
+      x: C,
+      y: M,
+      strategy: R,
       getReferenceProps: k,
       getFloatingProps: I,
       arrow: {
         width: e == null ? void 0 : e.width,
         height: e == null ? void 0 : e.height,
-        ...R.arrow
+        ...w.arrow
       },
       context: t,
-      placement: w,
-      scrollLock: g,
-      role: c,
-      contentId: b
+      placement: b,
+      scrollLock: h,
+      role: l,
+      ariaHidden: c,
+      contentId: T
     }),
     [
       u,
-      d,
-      F,
+      p,
+      P,
       n,
-      l,
+      i,
       s.setReference,
       s.setFloating,
-      f,
-      P,
+      d,
       C,
       M,
+      R,
       k,
       I,
       e == null ? void 0 : e.width,
       e == null ? void 0 : e.height,
-      R.arrow,
+      w.arrow,
       t,
-      w,
-      g,
-      c,
       b,
-      i,
       h,
-      y,
-      v
+      l,
+      c,
+      T,
+      f,
+      m,
+      O,
+      y
     ]
   );
-  return /* @__PURE__ */ J(pe.Provider, { value: q, children: A });
+  return /* @__PURE__ */ K(ge.Provider, { value: z, children: A });
 };
-L.Trigger = se;
-L.Content = re;
+L.Trigger = ae;
+L.Content = se;
 export {
   L as Overlay,
-  pe as OverlayContext,
+  ge as OverlayContext,
   L as default
 };