@reapit/elements 5.0.0-beta.39 → 5.0.0-beta.41

package/dist/js/{table-toolbar-oTwWnSVI.js → table-toolbar-CWzuWN-q.js}

@@ -1,7 +1,7 @@
 import { jsx as a, jsxs as p, Fragment as u } from "react/jsx-runtime";
 import { s } from "./index-YtxCR-9e.js";
 import { createContext as f, useContext as w, useState as A } from "react";
-import { C as I } from "./checkbox-CS-7yT6x.js";
+import { C as I } from "./checkbox-BFYth-66.js";
 const x = /* @__PURE__ */ s("table")({
   name: "ElTable",
   class: "el-table",

package/dist/js/{table-toolbar-aAusD1Vl.cjs → table-toolbar-DBaOi2aA.cjs}

@@ -1 +1 @@
-"use strict";const l=require("react/jsx-runtime"),a=require("./index-Dmlb2--K.cjs"),E=require("react"),q=require("./checkbox-DUImw1xA.cjs"),p=a.styled_default("table")({name:"ElTable",class:"el-table",propsAsIs:!1}),F=({children:e,...t})=>l.jsx(p,{...t,children:e}),f=a.styled_default("tbody")({name:"ElTableBody",class:"el-table-body",propsAsIs:!1}),P=({children:e,...t})=>l.jsx(f,{...t,children:e}),C=a.styled_default("td")({name:"ElTableCell",class:"el-table-cell",propsAsIs:!1}),h=a.styled_default("div")({name:"ElAvatarContent",class:"el-avatar-content",propsAsIs:!1}),m=a.styled_default("div")({name:"ElCellContent",class:"el-cell-content",propsAsIs:!1}),w=a.styled_default("div")({name:"ElMediaItemContent",class:"el-media-item-content",propsAsIs:!1}),y=a.styled_default("div")({name:"ElDoubleLineContent",class:"el-double-line-content",propsAsIs:!1}),A=a.styled_default("div")({name:"ElFirstLine",class:"el-first-line",propsAsIs:!1}),j=a.styled_default("div")({name:"ElSecondLine",class:"el-second-line",propsAsIs:!1}),x=a.styled_default("div")({name:"ElTableCellContent",class:"el-table-cell-content",propsAsIs:!1}),z=({mediaItem:e,firstLine:t,secondLine:s,alignment:n="left",width:o="auto",maxWidth:c="100%",minWidth:r="auto",style:i,...d})=>{const b=l.jsxs(l.Fragment,{children:[l.jsx(A,{children:t}),l.jsx(j,{children:s})]});return l.jsx(C,{...d,style:{"--tablecell-max-width":c,"--tablecell-min-width":r,"--tablecell-width":o,...i},children:l.jsx(x,{"data-alignment":n,children:e?l.jsxs(h,{children:[l.jsx(w,{children:e}),l.jsx(y,{children:b})]}):l.jsx(m,{children:b})})})},M=({children:e,alignment:t="left",width:s="auto",maxWidth:n="100%",minWidth:o="auto",style:c,...r})=>l.jsx(C,{...r,style:{"--tablecell-max-width":n,"--tablecell-min-width":o,"--tablecell-width":s,...c},children:l.jsx(x,{"data-alignment":t,children:e})}),I=a.styled_default("div")({name:"ElTableContainer",class:"el-table-container",propsAsIs:!1}),$=({children:e,...t})=>l.jsx(I,{...t,children:e}),v=a.styled_default("thead")({name:"ElTableHead",class:"el-table-head",propsAsIs:!1}),G=({children:e,isSticky:t,...s})=>l.jsx(v,{...s,"data-position":t?"sticky":"relative",children:e}),S=a.styled_default("th")({name:"ElTableHeaderCell",class:"el-table-header-cell",propsAsIs:!1}),_=a.styled_default("div")({name:"ElTableHeaderCellContent",class:"el-table-header-cell-content",propsAsIs:!1}),J=({children:e,alignment:t="left",width:s="auto",maxWidth:n="100%",minWidth:o="auto",style:c,...r})=>l.jsx(S,{...r,"data-alignment":t,style:{"--tablecell-header-max-width":n,"--tablecell-header-min-width":o,"--tablecell-header-width":s,...c},children:l.jsx(_,{"data-alignment":t,children:e})}),R=E.createContext(null),K=({rows:e,idKey:t,children:s})=>{const n={rows:e,idKey:t};return l.jsx(R.Provider,{value:n,children:s})},N=()=>{const e=E.useContext(R);if(!e)throw new Error("useTableContext must be used within a TableProvider");return e},H=a.styled_default("tr")({name:"ElTableRow",class:"el-table-row",propsAsIs:!1}),O=({children:e,isSelected:t,...s})=>l.jsx(H,{...s,"data-is-selected":t,children:e}),Q=({id:e,isSelectAll:t=!1,onChange:s,checked:n,isIndeterminate:o=!1,...c})=>{const r=i=>{s(i.target.checked)};return l.jsx(q.Checkbox,{...c,isIndeterminate:o,checked:n,onChange:r,"aria-label":t?"Select all rows":`Select row ${e}`})},U=({rows:e,idKey:t})=>{const[s,n]=E.useState(new Set),o=s.size>0&&s.size<e.length;return{selectedRows:s,handleRowSelect:d=>{n(b=>{const T=new Set(b);return T.has(d)?T.delete(d):T.add(d),T})},handleSelectAll:d=>{n(d?new Set(e.map(b=>b[t])):new Set)},isRowSelected:d=>s.has(d),isIndeterminate:o}},u=a.styled_default("span")({name:"ElTableTextIcon",class:"el-table-text-icon",propsAsIs:!1}),L=a.styled_default("span")({name:"ElTableTextContent",class:"el-table-text-content",propsAsIs:!1}),g=a.styled_default("div")({name:"ElTableText",class:"el-table-text",propsAsIs:!1}),V=({children:e,variant:t,size:s,iconLeft:n,iconRight:o,...c})=>l.jsxs(g,{"data-variant":t,"data-size":s,...c,children:[n&&l.jsx(u,{children:n}),e&&l.jsx(L,{children:e}),o&&l.jsx(u,{children:o})]}),D=a.styled_default("div")({name:"ElTableToolbar",class:"el-table-toolbar",propsAsIs:!1}),B=a.styled_default("div")({name:"ElTableToolbarDescription",class:"el-table-toolbar-description",propsAsIs:!1}),k=a.styled_default("div")({name:"ElTableToolbarActions",class:"el-table-toolbar-actions",propsAsIs:!1}),W=({description:e,actions:t})=>l.jsxs(D,{children:[l.jsx(B,{children:e}),l.jsx(k,{children:t})]});exports.DoubleLineCell=z;exports.ElAvatarContent=h;exports.ElCellContent=m;exports.ElDoubleLineContent=y;exports.ElFirstLine=A;exports.ElMediaItemContent=w;exports.ElSecondLine=j;exports.ElTable=p;exports.ElTableBody=f;exports.ElTableCell=C;exports.ElTableCellContent=x;exports.ElTableContainer=I;exports.ElTableHead=v;exports.ElTableHeaderCell=S;exports.ElTableHeaderCellContent=_;exports.ElTableRow=H;exports.ElTableText=g;exports.ElTableTextContent=L;exports.ElTableTextIcon=u;exports.ElTableToolbar=D;exports.ElTableToolbarActions=k;exports.ElTableToolbarDescription=B;exports.SingleLineCell=M;exports.Table=F;exports.TableBody=P;exports.TableContainer=$;exports.TableHead=G;exports.TableHeaderCell=J;exports.TableProvider=K;exports.TableRow=O;exports.TableRowSelection=Q;exports.TableText=V;exports.TableToolbar=W;exports.useRowSelection=U;exports.useTableContext=N;
+"use strict";const l=require("react/jsx-runtime"),a=require("./index-Dmlb2--K.cjs"),E=require("react"),q=require("./checkbox-C3Yq8lEo.cjs"),p=a.styled_default("table")({name:"ElTable",class:"el-table",propsAsIs:!1}),F=({children:e,...t})=>l.jsx(p,{...t,children:e}),f=a.styled_default("tbody")({name:"ElTableBody",class:"el-table-body",propsAsIs:!1}),P=({children:e,...t})=>l.jsx(f,{...t,children:e}),C=a.styled_default("td")({name:"ElTableCell",class:"el-table-cell",propsAsIs:!1}),h=a.styled_default("div")({name:"ElAvatarContent",class:"el-avatar-content",propsAsIs:!1}),m=a.styled_default("div")({name:"ElCellContent",class:"el-cell-content",propsAsIs:!1}),w=a.styled_default("div")({name:"ElMediaItemContent",class:"el-media-item-content",propsAsIs:!1}),y=a.styled_default("div")({name:"ElDoubleLineContent",class:"el-double-line-content",propsAsIs:!1}),A=a.styled_default("div")({name:"ElFirstLine",class:"el-first-line",propsAsIs:!1}),j=a.styled_default("div")({name:"ElSecondLine",class:"el-second-line",propsAsIs:!1}),x=a.styled_default("div")({name:"ElTableCellContent",class:"el-table-cell-content",propsAsIs:!1}),z=({mediaItem:e,firstLine:t,secondLine:s,alignment:n="left",width:o="auto",maxWidth:c="100%",minWidth:r="auto",style:i,...d})=>{const b=l.jsxs(l.Fragment,{children:[l.jsx(A,{children:t}),l.jsx(j,{children:s})]});return l.jsx(C,{...d,style:{"--tablecell-max-width":c,"--tablecell-min-width":r,"--tablecell-width":o,...i},children:l.jsx(x,{"data-alignment":n,children:e?l.jsxs(h,{children:[l.jsx(w,{children:e}),l.jsx(y,{children:b})]}):l.jsx(m,{children:b})})})},M=({children:e,alignment:t="left",width:s="auto",maxWidth:n="100%",minWidth:o="auto",style:c,...r})=>l.jsx(C,{...r,style:{"--tablecell-max-width":n,"--tablecell-min-width":o,"--tablecell-width":s,...c},children:l.jsx(x,{"data-alignment":t,children:e})}),I=a.styled_default("div")({name:"ElTableContainer",class:"el-table-container",propsAsIs:!1}),$=({children:e,...t})=>l.jsx(I,{...t,children:e}),v=a.styled_default("thead")({name:"ElTableHead",class:"el-table-head",propsAsIs:!1}),G=({children:e,isSticky:t,...s})=>l.jsx(v,{...s,"data-position":t?"sticky":"relative",children:e}),S=a.styled_default("th")({name:"ElTableHeaderCell",class:"el-table-header-cell",propsAsIs:!1}),_=a.styled_default("div")({name:"ElTableHeaderCellContent",class:"el-table-header-cell-content",propsAsIs:!1}),J=({children:e,alignment:t="left",width:s="auto",maxWidth:n="100%",minWidth:o="auto",style:c,...r})=>l.jsx(S,{...r,"data-alignment":t,style:{"--tablecell-header-max-width":n,"--tablecell-header-min-width":o,"--tablecell-header-width":s,...c},children:l.jsx(_,{"data-alignment":t,children:e})}),R=E.createContext(null),K=({rows:e,idKey:t,children:s})=>{const n={rows:e,idKey:t};return l.jsx(R.Provider,{value:n,children:s})},N=()=>{const e=E.useContext(R);if(!e)throw new Error("useTableContext must be used within a TableProvider");return e},H=a.styled_default("tr")({name:"ElTableRow",class:"el-table-row",propsAsIs:!1}),O=({children:e,isSelected:t,...s})=>l.jsx(H,{...s,"data-is-selected":t,children:e}),Q=({id:e,isSelectAll:t=!1,onChange:s,checked:n,isIndeterminate:o=!1,...c})=>{const r=i=>{s(i.target.checked)};return l.jsx(q.Checkbox,{...c,isIndeterminate:o,checked:n,onChange:r,"aria-label":t?"Select all rows":`Select row ${e}`})},U=({rows:e,idKey:t})=>{const[s,n]=E.useState(new Set),o=s.size>0&&s.size<e.length;return{selectedRows:s,handleRowSelect:d=>{n(b=>{const T=new Set(b);return T.has(d)?T.delete(d):T.add(d),T})},handleSelectAll:d=>{n(d?new Set(e.map(b=>b[t])):new Set)},isRowSelected:d=>s.has(d),isIndeterminate:o}},u=a.styled_default("span")({name:"ElTableTextIcon",class:"el-table-text-icon",propsAsIs:!1}),L=a.styled_default("span")({name:"ElTableTextContent",class:"el-table-text-content",propsAsIs:!1}),g=a.styled_default("div")({name:"ElTableText",class:"el-table-text",propsAsIs:!1}),V=({children:e,variant:t,size:s,iconLeft:n,iconRight:o,...c})=>l.jsxs(g,{"data-variant":t,"data-size":s,...c,children:[n&&l.jsx(u,{children:n}),e&&l.jsx(L,{children:e}),o&&l.jsx(u,{children:o})]}),D=a.styled_default("div")({name:"ElTableToolbar",class:"el-table-toolbar",propsAsIs:!1}),B=a.styled_default("div")({name:"ElTableToolbarDescription",class:"el-table-toolbar-description",propsAsIs:!1}),k=a.styled_default("div")({name:"ElTableToolbarActions",class:"el-table-toolbar-actions",propsAsIs:!1}),W=({description:e,actions:t})=>l.jsxs(D,{children:[l.jsx(B,{children:e}),l.jsx(k,{children:t})]});exports.DoubleLineCell=z;exports.ElAvatarContent=h;exports.ElCellContent=m;exports.ElDoubleLineContent=y;exports.ElFirstLine=A;exports.ElMediaItemContent=w;exports.ElSecondLine=j;exports.ElTable=p;exports.ElTableBody=f;exports.ElTableCell=C;exports.ElTableCellContent=x;exports.ElTableContainer=I;exports.ElTableHead=v;exports.ElTableHeaderCell=S;exports.ElTableHeaderCellContent=_;exports.ElTableRow=H;exports.ElTableText=g;exports.ElTableTextContent=L;exports.ElTableTextIcon=u;exports.ElTableToolbar=D;exports.ElTableToolbarActions=k;exports.ElTableToolbarDescription=B;exports.SingleLineCell=M;exports.Table=F;exports.TableBody=P;exports.TableContainer=$;exports.TableHead=G;exports.TableHeaderCell=J;exports.TableProvider=K;exports.TableRow=O;exports.TableRowSelection=Q;exports.TableText=V;exports.TableToolbar=W;exports.useRowSelection=U;exports.useTableContext=N;

package/dist/js/{textarea-CL9nrQLm.js → textarea-NDJOP1HV.js}

@@ -2,79 +2,72 @@ import { jsxs as C, Fragment as z, jsx as i } from "react/jsx-runtime";
 import { s as T } from "./index-YtxCR-9e.js";
 import { c as g } from "./index-BsMVp4qF.js";
 import { useLayoutEffect as S, forwardRef as l, useRef as h } from "react";
+import { m as H } from "./mergeRefs-DODigRi2.js";
 const p = "el-text-area-has-error", f = /* @__PURE__ */ T("textarea")({
   name: "ElTextArea",
   class: "el-text-area",
   propsAsIs: !1
-}), H = () => f, F = /* @__PURE__ */ T(H())({
+}), F = () => f, w = /* @__PURE__ */ T(F())({
   name: "ElShadowTextArea",
   class: "el-shadow-text-area",
   propsAsIs: !0
 });
-function w() {
+function I() {
   return CSS.supports("field-sizing", "content");
 }
-function I(e, t) {
-  typeof e == "function" ? e(t) : e && (e.current = t);
+function A(r, e) {
+  const t = r.scrollHeight;
+  e.style.blockSize = `${t}px`;
 }
-function N(...e) {
-  return (t) => {
-    e.forEach((r) => I(r, t));
-  };
-}
-function A(e, t) {
-  const r = e.scrollHeight;
-  t.style.blockSize = `${r}px`;
-}
-function O({
-  isEnabled: e,
-  shadowTextAreaRef: t,
-  textAreaRef: r
+function N({
+  isEnabled: r,
+  shadowTextAreaRef: e,
+  textAreaRef: t
 }) {
   return function(n) {
     return function(s) {
-      n?.(s), e && !s.defaultPrevented && r.current && t.current && (t.current.value = r.current.value, A(t.current, r.current));
+      n?.(s), r && !s.defaultPrevented && t.current && e.current && (e.current.value = t.current.value, A(e.current, t.current));
     };
   };
 }
-function _({
-  isEnabled: e,
-  shadowTextAreaRef: t,
-  textAreaRef: r,
+function O({
+  isEnabled: r,
+  shadowTextAreaRef: e,
+  textAreaRef: t,
   value: a
 }) {
   S(
     function() {
-      e && r.current && t.current && A(t.current, r.current);
+      r && t.current && e.current && A(e.current, t.current);
     },
     // NOTE: We include `value` here to ensure this effect runs every time it changes. This allows
     // us to handle resizing of the text area when its value is controlled.
-    [e, t, r, a]
+    [r, e, t, a]
   );
 }
-const b = l(
+const _ = l(
   ({
-    className: e,
-    defaultValue: t,
-    fieldSizing: r = "content",
+    className: r,
+    defaultValue: e,
+    fieldSizing: t = "content",
     hasError: a,
     maxRows: n = 1 / 0,
-    minRows: o = 3,
+    minRows: c = 3,
     onChange: s,
-    value: c,
+    value: o,
     ...u
   }, E) => {
-    const x = h(null), d = h(null), m = !w();
-    _({
+    const x = h(null), d = h(null), m = !I();
+    O({
       isEnabled: m,
       shadowTextAreaRef: d,
       textAreaRef: x,
-      value: c
+      value: o
     });
-    const y = O({
+    const y = N({
       // NOTE: We only want the resizing behaviour to occur on change if the text area should resize AND its
       // value is uncontrolled.
-      isEnabled: m && c === void 0,
+      isEnabled: m && o === void 0,
       shadowTextAreaRef: d,
       textAreaRef: x
     });
@@ -83,69 +76,69 @@ const b = l(
         f,
         {
           ...u,
-          className: g(a && p, e),
-          "data-field-sizing": r,
-          defaultValue: t,
+          className: g(a && p, r),
+          "data-field-sizing": t,
+          defaultValue: e,
           style: {
             "--textarea-max-rows": n,
-            "--textarea-min-rows": o
+            "--textarea-min-rows": c
           },
           onChange: y(s),
-          ref: N(x, E),
-          value: c
+          ref: H(x, E),
+          value: o
         }
       ),
       m && // NOTE: This "shadow" text area is used to help size the visible text area above. Once the
       // CSS [field-sizing](https://developer.mozilla.org/en-US/docs/Web/CSS/field-sizing)
       // property becomes more widely available, we won't need this at all.
       /* @__PURE__ */ i(
-        F,
+        w,
         {
           "aria-hidden": !0,
-          "data-field-sizing": r,
-          defaultValue: t,
+          "data-field-sizing": t,
+          defaultValue: e,
           ref: d,
           style: {
             "--textarea-max-rows": n,
-            "--textarea-min-rows": o
+            "--textarea-min-rows": c
           },
-          value: c
+          value: o
         }
       )
     ] });
   }
-), j = l(
-  ({ className: e, defaultValue: t, fieldSizing: r, hasError: a, rows: n = 3, onChange: o, value: s, ...c }, u) => /* @__PURE__ */ i(
+), b = l(
+  ({ className: r, defaultValue: e, fieldSizing: t, hasError: a, rows: n = 3, onChange: c, value: s, ...o }, u) => /* @__PURE__ */ i(
     f,
     {
-      ...c,
-      className: g(a && p, e),
-      "data-field-sizing": r,
-      defaultValue: t,
-      onChange: o,
+      ...o,
+      className: g(a && p, r),
+      "data-field-sizing": t,
+      defaultValue: e,
+      onChange: c,
       ref: u,
       rows: n,
       value: s
     }
   )
-), k = l(
-  ({ className: e, defaultValue: t, fieldSizing: r, hasError: a, initialRows: n = 3, onChange: o, value: s, ...c }, u) => /* @__PURE__ */ i(
+), j = l(
+  ({ className: r, defaultValue: e, fieldSizing: t, hasError: a, initialRows: n = 3, onChange: c, value: s, ...o }, u) => /* @__PURE__ */ i(
     f,
     {
-      ...c,
-      className: g(a && p, e),
-      "data-field-sizing": r,
-      defaultValue: t,
-      onChange: o,
+      ...o,
+      className: g(a && p, r),
+      "data-field-sizing": t,
+      defaultValue: e,
+      onChange: c,
       ref: u,
       rows: n,
       value: s
     }
   )
-), $ = l(({ fieldSizing: e, ...t }, r) => e === "manual" ? /* @__PURE__ */ i(k, { fieldSizing: e, ...t, ref: r }) : e === "fixed" ? /* @__PURE__ */ i(j, { fieldSizing: e, ...t, ref: r }) : /* @__PURE__ */ i(b, { fieldSizing: e, ...t, ref: r }));
+), $ = l(({ fieldSizing: r, ...e }, t) => r === "manual" ? /* @__PURE__ */ i(j, { fieldSizing: r, ...e, ref: t }) : r === "fixed" ? /* @__PURE__ */ i(b, { fieldSizing: r, ...e, ref: t }) : /* @__PURE__ */ i(_, { fieldSizing: r, ...e, ref: t }));
 export {
   f as E,
   $ as T,
-  F as a,
+  w as a,
   p as e
 };

package/dist/js/textarea-iG_R15G9.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),h=require("./index-Dmlb2--K.cjs"),T=require("./index-8ctufnBx.cjs"),u=require("react"),j=require("./mergeRefs-D-i3MDCB.cjs"),d="el-text-area-has-error",x=h.styled_default("textarea")({name:"ElTextArea",class:"el-text-area",propsAsIs:!1}),C=()=>x,m=h.styled_default(C())({name:"ElShadowTextArea",class:"el-shadow-text-area",propsAsIs:!0});function S(){return CSS.supports("field-sizing","content")}function E(r,e){const t=r.scrollHeight;e.style.blockSize=`${t}px`}function w({isEnabled:r,shadowTextAreaRef:e,textAreaRef:t}){return function(n){return function(c){n?.(c),r&&!c.defaultPrevented&&t.current&&e.current&&(e.current.value=t.current.value,E(e.current,t.current))}}}function z({isEnabled:r,shadowTextAreaRef:e,textAreaRef:t,value:a}){u.useLayoutEffect(function(){r&&t.current&&e.current&&E(e.current,t.current)},[r,e,t,a])}const H=u.forwardRef(({className:r,defaultValue:e,fieldSizing:t="content",hasError:a,maxRows:n=1/0,minRows:o=3,onChange:c,value:i,...l},p)=>{const f=u.useRef(null),g=u.useRef(null),A=!S();z({isEnabled:A,shadowTextAreaRef:g,textAreaRef:f,value:i});const y=w({isEnabled:A&&i===void 0,shadowTextAreaRef:g,textAreaRef:f});return s.jsxs(s.Fragment,{children:[s.jsx(x,{...l,className:T.cx_default(a&&d,r),"data-field-sizing":t,defaultValue:e,style:{"--textarea-max-rows":n,"--textarea-min-rows":o},onChange:y(c),ref:j.mergeRefs(f,p),value:i}),A&&s.jsx(m,{"aria-hidden":!0,"data-field-sizing":t,defaultValue:e,ref:g,style:{"--textarea-max-rows":n,"--textarea-min-rows":o},value:i})]})}),F=u.forwardRef(({className:r,defaultValue:e,fieldSizing:t,hasError:a,rows:n=3,onChange:o,value:c,...i},l)=>s.jsx(x,{...i,className:T.cx_default(a&&d,r),"data-field-sizing":t,defaultValue:e,onChange:o,ref:l,rows:n,value:c})),_=u.forwardRef(({className:r,defaultValue:e,fieldSizing:t,hasError:a,initialRows:n=3,onChange:o,value:c,...i},l)=>s.jsx(x,{...i,className:T.cx_default(a&&d,r),"data-field-sizing":t,defaultValue:e,onChange:o,ref:l,rows:n,value:c})),q=u.forwardRef(({fieldSizing:r,...e},t)=>r==="manual"?s.jsx(_,{fieldSizing:r,...e,ref:t}):r==="fixed"?s.jsx(F,{fieldSizing:r,...e,ref:t}):s.jsx(H,{fieldSizing:r,...e,ref:t}));exports.ElShadowTextArea=m;exports.ElTextArea=x;exports.TextArea=q;exports.elTextAreaHasError=d;

package/dist/js/tooltip-BszFuzzR.cjs

@@ -0,0 +1 @@
+"use strict";const f=require("react/jsx-runtime"),m=require("./popover-DBEXxy0O.cjs"),v=require("react");function c({id:o,tooltipId:e,tooltipPurpose:r}){return r==="describe"?{"aria-describedby":e,id:o}:{"aria-labelledby":e,id:o}}function u(o){if(!o)return!0;const e=document.getElementById(o);return e?e.scrollWidth>e.clientWidth:!0}const p="el-tooltip";function a({tooltipId:o,triggerId:e,truncationTargetId:r}){v.useEffect(function(){if(!u(r))return;const t=document.getElementById(o),n=document.getElementById(e),i=new AbortController,l=i.signal;return t instanceof HTMLElement&&n instanceof HTMLElement&&(n.addEventListener("focus",()=>t.showPopover(),{signal:l}),n.addEventListener("blur",()=>t.hidePopover(),{signal:l}),n.addEventListener("mouseenter",()=>t.showPopover(),{signal:l}),n.addEventListener("mouseleave",()=>{n.matches(":focus-visible")||t.hidePopover()},{signal:l})),()=>{i.abort()}},[e,o])}function d({children:o,id:e,maxWidth:r="--size-100",placement:s="top",triggerId:t,truncationTargetId:n,...i}){return a({tooltipId:e,triggerId:t,truncationTargetId:n}),f.jsx(m.Popover,{...i,anchorId:t,className:p,elevation:"none",gap:"var(--spacing-1)",id:e,maxWidth:`var(${r})`,placement:s,positionTryFallbacks:"flip-block, flip-inline",popover:"hint",role:"tooltip",children:o})}d.getTriggerProps=c;exports.Tooltip=d;exports.elTooltip=p;exports.getTooltipTriggerProps=c;exports.isTooltipNeeded=u;exports.useTooltipController=a;

package/dist/js/tooltip-Dn4EQFOW.js

@@ -0,0 +1,76 @@
+import { jsx as a } from "react/jsx-runtime";
+import { P as c } from "./popover-CpXCYh5W.js";
+import { useEffect as u } from "react";
+function p({
+  id: o,
+  tooltipId: e,
+  tooltipPurpose: r
+}) {
+  return r === "describe" ? {
+    "aria-describedby": e,
+    id: o
+  } : {
+    "aria-labelledby": e,
+    id: o
+  };
+}
+function f(o) {
+  if (!o) return !0;
+  const e = document.getElementById(o);
+  return e ? e.scrollWidth > e.clientWidth : !0;
+}
+const m = "el-tooltip";
+function d({ tooltipId: o, triggerId: e, truncationTargetId: r }) {
+  u(
+    function() {
+      if (!f(r))
+        return;
+      const t = document.getElementById(o), n = document.getElementById(e), i = new AbortController(), s = i.signal;
+      return t instanceof HTMLElement && n instanceof HTMLElement && (n.addEventListener("focus", () => t.showPopover(), { signal: s }), n.addEventListener("blur", () => t.hidePopover(), { signal: s }), n.addEventListener("mouseenter", () => t.showPopover(), { signal: s }), n.addEventListener(
+        "mouseleave",
+        () => {
+          n.matches(":focus-visible") || t.hidePopover();
+        },
+        { signal: s }
+      )), () => {
+        i.abort();
+      };
+    },
+    [e, o]
+  );
+}
+function v({
+  children: o,
+  id: e,
+  maxWidth: r = "--size-100",
+  placement: l = "top",
+  triggerId: t,
+  truncationTargetId: n,
+  ...i
+}) {
+  return d({ tooltipId: e, triggerId: t, truncationTargetId: n }), /* @__PURE__ */ a(
+    c,
+    {
+      ...i,
+      anchorId: t,
+      className: m,
+      elevation: "none",
+      gap: "var(--spacing-1)",
+      id: e,
+      maxWidth: `var(${r})`,
+      placement: l,
+      positionTryFallbacks: "flip-block, flip-inline",
+      popover: "hint",
+      role: "tooltip",
+      children: o
+    }
+  );
+}
+v.getTriggerProps = p;
+export {
+  v as T,
+  m as e,
+  p as g,
+  f as i,
+  d as u
+};