@tedi-design-system/react 14.3.0 → 14.4.0-rc.10

package/src/tedi/components/form/select/select.es.js

@@ -1,160 +1,163 @@
-import { jsxs as C, jsx as u } from "react/jsx-runtime";
-import fe from "../../../../../external/classnames/index.es.js";
-import L, { forwardRef as ge } from "react";
-import Se from "../../../../../external/react-select/dist/react-select.esm.es.js";
+import { jsx as s, jsxs as h } from "react/jsx-runtime";
+import ge from "../../../../../external/classnames/index.es.js";
+import p, { forwardRef as Se } from "react";
+import Me from "../../../../../external/react-select/dist/react-select.esm.es.js";
 import be from "../../../../../external/react-select/async/dist/react-select-async.esm.es.js";
-import { FeedbackText as Me } from "../feedback-text/feedback-text.es.js";
-import { FormLabel as Ie } from "../form-label/form-label.es.js";
-import { SelectClearIndicator as Oe } from "./components/select-clear-indicator.es.js";
+import { FeedbackText as Ie } from "../feedback-text/feedback-text.es.js";
+import { FormLabel as Oe } from "../form-label/form-label.es.js";
+import { SelectClearIndicator as Ce } from "./components/select-clear-indicator.es.js";
 import { SelectControl as ve } from "./components/select-control.es.js";
-import { SelectDropDownIndicator as Ce } from "./components/select-dropdown-indicator.es.js";
-import { SelectGroup as Le } from "./components/select-group.es.js";
-import { SelectGroupHeading as he } from "./components/select-group-heading.es.js";
-import { SelectIndicatorsContainer as ye } from "./components/select-indicators-container.es.js";
-import { SelectInput as Ne } from "./components/select-input.es.js";
-import { SelectLoadingIndicator as Ve } from "./components/select-loading-indicator.es.js";
-import { SelectMenu as Re } from "./components/select-menu.es.js";
-import { SelectMenuList as we } from "./components/select-menu-list.es.js";
-import { SelectMenuPortal as _e } from "./components/select-menu-portal.es.js";
-import { SelectMultiValue as $e } from "./components/select-multi-value.es.js";
-import { SelectMultiValueRemove as xe } from "./components/select-multi-value-remove.es.js";
-import { SelectOption as He } from "./components/select-option.es.js";
-import { SelectValueContainer as Pe } from "./components/select-value-container.es.js";
+import { SelectDropDownIndicator as Le } from "./components/select-dropdown-indicator.es.js";
+import { SelectGroup as he } from "./components/select-group.es.js";
+import { SelectGroupHeading as ye } from "./components/select-group-heading.es.js";
+import { SelectIndicatorsContainer as Ne } from "./components/select-indicators-container.es.js";
+import { SelectInput as Ve } from "./components/select-input.es.js";
+import { SelectLoadingIndicator as Re } from "./components/select-loading-indicator.es.js";
+import { SelectMenu as we } from "./components/select-menu.es.js";
+import { SelectMenuList as _e } from "./components/select-menu-list.es.js";
+import { SelectMenuPortal as $e } from "./components/select-menu-portal.es.js";
+import { SelectMultiValue as xe } from "./components/select-multi-value.es.js";
+import { SelectMultiValueRemove as He } from "./components/select-multi-value-remove.es.js";
+import { SelectOption as Pe } from "./components/select-option.es.js";
+import { SelectValueContainer as Te } from "./components/select-value-container.es.js";
 import o from "./select.module.scss.es.js";
-import { useLabels as Te } from "../../../providers/label-provider/use-labels.es.js";
-const De = ge(
-  (h, y) => {
+import { useLabels as De } from "../../../providers/label-provider/use-labels.es.js";
+const Fe = Se(
+  (y, N) => {
     const {
-      options: N,
-      defaultOptions: V,
+      options: V,
+      defaultOptions: R,
       id: a,
-      name: R,
-      iconName: w = "arrow_drop_down",
-      label: _,
-      required: p,
-      value: $,
-      defaultValue: x,
-      tagsDirection: f = "row",
-      onChange: l,
-      onInputChange: H,
-      inputValue: P,
-      loadOptions: T,
-      isLoading: D,
-      openMenuOnFocus: F = !1,
-      openMenuOnClick: G = !0,
-      tabSelectsValue: j = !1,
-      disabled: g = !1,
-      className: k,
-      hideLabel: B = !1,
+      name: w,
+      iconName: _ = "arrow_drop_down",
+      label: $,
+      required: f,
+      value: x,
+      defaultValue: H,
+      tagsDirection: g = "row",
+      onChange: c,
+      onInputChange: P,
+      inputValue: T,
+      loadOptions: D,
+      isLoading: F,
+      openMenuOnFocus: G = !1,
+      openMenuOnClick: j = !0,
+      tabSelectsValue: k = !1,
+      disabled: S = !1,
+      className: B,
+      hideLabel: E = !1,
       helper: t,
-      placeholder: E,
-      invalid: q,
-      valid: z,
-      size: s,
-      async: A = !1,
-      renderOption: W,
-      renderMessageListFooter: J,
+      placeholder: q,
+      invalid: z,
+      valid: A,
+      size: d,
+      async: W = !1,
+      renderOption: J,
+      renderMessageListFooter: M,
       noOptionsMessage: K,
       loadingMessage: Q,
-      multiple: c = !1,
-      closeMenuOnSelect: U = !c,
-      blurInputOnSelect: S = !1,
+      multiple: m = !1,
+      closeMenuOnSelect: U = !m,
+      blurInputOnSelect: b = !1,
       autoFocus: X = !1,
       isClearable: Y = !0,
       isClearIndicatorVisible: Z = !1,
-      isSearchable: b = !0,
+      isSearchable: I = !0,
       menuIsOpen: ee,
       onMenuClose: te,
       onMenuOpen: oe,
       onBlur: ae,
       inputIsHidden: re,
-      isTagRemovable: M = !1,
+      isTagRemovable: O = !1,
       optionGroupHeadingText: ie = { modifiers: "small", color: "tertiary" },
       cacheOptions: ne = !0,
       showRadioButtons: le = !1,
       renderWithoutLabel: se,
       tooltip: ce,
-      classNames: I
-    } = h, O = t ? (t == null ? void 0 : t.id) ?? `${a}-helper` : void 0, r = L.useRef(null), { getLabel: v } = Te();
-    L.useImperativeHandle(
-      y,
-      () => r.current
+      classNames: C
+    } = y, v = t ? (t == null ? void 0 : t.id) ?? `${a}-helper` : void 0, i = p.useRef(null), { getLabel: L } = De();
+    p.useImperativeHandle(
+      N,
+      () => i.current
     );
-    const de = (d) => {
-      l == null || l(d), !S && r.current && setTimeout(() => {
-        var i, n;
-        return (n = (i = r.current) == null ? void 0 : i.inputRef) == null ? void 0 : n.focus();
+    const de = (r) => {
+      c == null || c(r), !b && i.current && setTimeout(() => {
+        var n, l;
+        return (l = (n = i.current) == null ? void 0 : n.inputRef) == null ? void 0 : l.focus();
       }, 0);
-    }, me = () => {
-      const d = {
-        ClearIndicator: (e) => Oe({ isClearIndicatorVisible: Z, ...e }),
-        DropdownIndicator: () => Ce({ iconName: w }),
+    }, me = p.useCallback(
+      (r) => /* @__PURE__ */ s(_e, { ...r, renderMessageListFooter: M }),
+      [M]
+    ), ue = () => {
+      const r = {
+        ClearIndicator: (e) => Ce({ isClearIndicatorVisible: Z, ...e }),
+        DropdownIndicator: () => Le({ iconName: _ }),
         IndicatorSeparator: () => null,
-        MenuPortal: _e,
-        Menu: Re,
-        MenuList: (e) => we({ renderMessageListFooter: J, ...e }),
-        Option: (e) => He({ renderOption: W, multiple: c, showRadioButtons: le, ...e }),
+        MenuPortal: $e,
+        Menu: we,
+        MenuList: me,
+        Option: (e) => Pe({ renderOption: J, multiple: m, showRadioButtons: le, ...e }),
         Control: ve,
-        Input: Ne,
-        MultiValue: (e) => $e({ isTagRemovable: M, ...e }),
-        MultiValueRemove: xe,
-        Group: Le,
-        GroupHeading: (e) => he({ optionGroupHeadingText: ie, ...e }),
-        IndicatorsContainer: ye,
-        ValueContainer: Pe,
-        LoadingIndicator: Ve
-      }, i = A ? be : Se, n = () => v("select.no-options"), pe = () => v("select.loading");
-      return /* @__PURE__ */ u(
-        i,
+        Input: Ve,
+        MultiValue: (e) => xe({ isTagRemovable: O, ...e }),
+        MultiValueRemove: He,
+        Group: he,
+        GroupHeading: (e) => ye({ optionGroupHeadingText: ie, ...e }),
+        IndicatorsContainer: Ne,
+        ValueContainer: Te,
+        LoadingIndicator: Re
+      }, n = W ? be : Me, l = () => L("select.no-options"), fe = () => L("select.loading");
+      return /* @__PURE__ */ s(
+        n,
         {
           id: a,
-          "aria-describedby": O,
+          "aria-describedby": v,
           autoFocus: X,
-          ref: r,
+          ref: i,
           instanceId: a,
           className: "tedi-select__wrapper",
-          name: R,
-          options: N,
-          defaultOptions: V,
-          value: $,
-          defaultValue: x,
+          name: w,
+          options: V,
+          defaultOptions: R,
+          value: x,
+          defaultValue: H,
           cacheOptions: ne,
           onChange: de,
-          onInputChange: H,
+          onInputChange: P,
           onBlur: ae,
-          inputValue: P,
+          inputValue: T,
           inputId: `${a}-input`,
-          loadOptions: T,
-          isLoading: D,
-          noOptionsMessage: K || n,
-          loadingMessage: Q || pe,
+          loadOptions: D,
+          isLoading: F,
+          noOptionsMessage: K || l,
+          loadingMessage: Q || fe,
           classNamePrefix: "select",
-          components: d,
-          isDisabled: g,
-          isSearchable: b,
+          components: r,
+          isDisabled: S,
+          isSearchable: I,
           menuIsOpen: ee,
-          openMenuOnFocus: F,
-          openMenuOnClick: G,
-          tabSelectsValue: j,
+          openMenuOnFocus: G,
+          openMenuOnClick: j,
+          tabSelectsValue: k,
           onMenuClose: te,
           onMenuOpen: oe,
-          placeholder: E || "",
+          placeholder: q || "",
           isClearable: Y,
-          backspaceRemovesValue: M,
+          backspaceRemovesValue: O,
           menuShouldScrollIntoView: !0,
-          isMulti: c,
+          isMulti: m,
           hideSelectedOptions: !1,
           closeMenuOnSelect: U,
-          blurInputOnSelect: S,
+          blurInputOnSelect: b,
           menuPlacement: "auto",
           inputIsHidden: re,
-          required: p,
+          required: f,
           menuPortalTarget: document.body,
           menuPosition: "absolute",
-          classNames: I ? Object.fromEntries(
-            Object.entries(I).map(([e, m]) => [
+          classNames: C ? Object.fromEntries(
+            Object.entries(C).map(([e, u]) => [
               e,
-              typeof m == "string" ? () => m : m
+              typeof u == "string" ? () => u : u
             ])
           ) : void 0,
           theme: (e) => ({
@@ -174,38 +177,38 @@ const De = ge(
           }
         }
       );
-    }, ue = fe(
+    }, pe = ge(
       o["tedi-select"],
-      k,
-      { [o["tedi-select--invalid"]]: q || (t == null ? void 0 : t.type) === "error" },
-      { [o["tedi-select--valid"]]: z || (t == null ? void 0 : t.type) === "valid" },
-      { [o[`tedi-select--${s}`]]: s },
-      { [o[`tedi-select--tags-${f}`]]: f },
-      { [o["tedi-select--searchable"]]: b },
-      { [o["tedi-select--disabled"]]: g }
+      B,
+      { [o["tedi-select--invalid"]]: z || (t == null ? void 0 : t.type) === "error" },
+      { [o["tedi-select--valid"]]: A || (t == null ? void 0 : t.type) === "valid" },
+      { [o[`tedi-select--${d}`]]: d },
+      { [o[`tedi-select--tags-${g}`]]: g },
+      { [o["tedi-select--searchable"]]: I },
+      { [o["tedi-select--disabled"]]: S }
     );
-    return /* @__PURE__ */ C("div", { "data-name": "select", className: ue, children: [
-      /* @__PURE__ */ C("div", { className: o["tedi-select__inner"], children: [
-        /* @__PURE__ */ u(
-          Ie,
+    return /* @__PURE__ */ h("div", { "data-name": "select", className: pe, children: [
+      /* @__PURE__ */ h("div", { className: o["tedi-select__inner"], children: [
+        /* @__PURE__ */ s(
+          Oe,
           {
             id: `${a}-input`,
-            label: _,
-            required: p,
-            hideLabel: B,
-            size: s,
+            label: $,
+            required: f,
+            hideLabel: E,
+            size: d,
             renderWithoutLabel: se,
             tooltip: ce
           }
         ),
-        me()
+        ue()
       ] }),
-      t && /* @__PURE__ */ u(Me, { ...t, id: O })
+      t && /* @__PURE__ */ s(Ie, { ...t, id: v })
     ] });
   }
 );
-De.displayName = "Select";
+Fe.displayName = "Select";
 export {
-  De as Select,
-  De as default
+  Fe as Select,
+  Fe as default
 };

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

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

@@ -1,15 +1,40 @@
 import { ReactNode } from 'react';
 export interface OverlayContentProps {
     /**
-     * Content.
+     * Overlay content.
+     * Can contain any valid React nodes (text, elements, components).
      */
     children: ReactNode | ReactNode[];
     /**
-     * Additional class names.
+     * Additional class names for styling overlay elements.
      */
     classNames?: {
+        /**
+         * Class name applied to the floating content container.
+         */
         content: string;
+        /**
+         * Class name applied to the overlay arrow element.
+         */
         arrow: string;
     };
+    /**
+     * ID of the element that labels the overlay content.
+     *
+     * This is used to set the `aria-labelledby` attribute on the overlay container,
+     * providing an accessible name for screen readers.
+     *
+     * Typically points to a heading element inside the overlay (e.g. a title).
+     */
+    labelledBy?: string;
+    /**
+     * ID of the element that describes the overlay content.
+     *
+     * This is used to set the `aria-describedby` attribute on the overlay container,
+     * allowing screen readers to announce additional descriptive text.
+     *
+     * Useful for longer explanations or supporting content that complements the title.
+     */
+    describedBy?: string;
 }
 export declare const OverlayContent: (props: OverlayContentProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,55 +1,58 @@
-import { jsx as l, jsxs as p } from "react/jsx-runtime";
-import { FloatingPortal as v, FloatingFocusManager as w, FloatingArrow as x } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
-import { useContext as F, useEffect as b } from "react";
-import { OverlayContext as E } from "./overlay.es.js";
-const P = (d) => {
-  const { children: a, classNames: t } = d, {
-    open: n,
-    x: m,
-    y: s,
-    strategy: f,
+import { jsx as n, jsxs as v } from "react/jsx-runtime";
+import { FloatingPortal as w, FloatingFocusManager as x, FloatingArrow as F } from "../../../../../external/@floating-ui/react/dist/floating-ui.react.es.js";
+import { useContext as E, useEffect as C } from "react";
+import { OverlayContext as j } from "./overlay.es.js";
+const S = (a) => {
+  const { children: c, classNames: e, labelledBy: s, describedBy: m } = a, {
+    open: l,
+    x: f,
+    y,
+    strategy: h,
     focusManager: o,
-    floating: h,
-    arrowRef: u,
-    getFloatingProps: y,
-    placement: g,
+    floating: u,
+    arrowRef: b,
+    getFloatingProps: g,
+    placement: p,
     context: r,
-    arrow: e,
+    arrow: t,
     scrollLock: i
-  } = F(E);
-  return b(() => {
-    i && (n ? (document.documentElement.style.overflow = "hidden", document.documentElement.scrollHeight > window.innerHeight && (document.body.style.overflow = "scroll")) : (document.documentElement.style.overflow = "", document.body.style.overflow = ""));
-  }, [n, i]), n ? /* @__PURE__ */ l(v, { children: /* @__PURE__ */ l(w, { modal: (o == null ? void 0 : o.modal) || !1, ...o, context: r, children: /* @__PURE__ */ p(
+  } = E(j);
+  return C(() => {
+    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 ? /* @__PURE__ */ n(w, { children: /* @__PURE__ */ n(x, { modal: (o == null ? void 0 : o.modal) || !1, ...o, context: r, children: /* @__PURE__ */ v(
     "div",
     {
-      ...y({
-        ref: h,
+      ...g({
+        ref: u,
+        tabIndex: -1,
+        "aria-labelledby": s,
+        "aria-describedby": m,
         style: {
-          position: f,
-          left: m,
-          top: s
+          position: h,
+          left: f,
+          top: y
         },
-        className: t == null ? void 0 : t.content
+        className: e == null ? void 0 : e.content
       }),
-      "data-placement": g,
+      "data-placement": p,
       "data-testid": "overlay-content",
       children: [
-        /* @__PURE__ */ l(
-          x,
+        /* @__PURE__ */ n(
+          F,
           {
-            ref: (c) => u.current = c,
+            ref: (d) => b.current = d,
             context: r,
-            className: t == null ? void 0 : t.arrow,
-            height: e == null ? void 0 : e.height,
-            width: e == null ? void 0 : e.width,
+            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"
           }
         ),
-        a
+        c
       ]
     }
   ) }) }) : null;
 };
 export {
-  P as OverlayContent
+  S as OverlayContent
 };

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

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