@reapit/elements 5.0.0-beta.60 → 5.0.0-beta.62

package/dist/js/table-BVWjirIs.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),s=require("./index-8ctufnBx.cjs"),d=require("react"),K=require("./checkbox-input-CfIO6wmC.cjs"),i=require("./index-Dmlb2--K.cjs"),Q=require("./icons/sort-descend.cjs"),B=require("./menu-GxHkUuv-.cjs"),U=require("./icons/more.cjs"),ee=1,le=2,I="el-table-body";function T({as:e="tbody",children:l,className:a,...o}){return t.jsx(e,{...o,className:s.cx_default(I,a),children:l})}T.displayName="Table.Body";const j="el-table-body-cell";function y({as:e="td",children:l,className:a,hasNoPadding:o,justifySelf:r,...b}){const c=e==="th"?{scope:"row"}:void 0;return t.jsx(e,{...b,...c,className:s.cx_default(j,a),"data-has-no-padding":o,"data-justify-self":r,children:l})}y.displayName="Table.BodyCell";const w="el-table-body-row";function m({as:e="tr",children:l,className:a,...o}){return t.jsx(e,{...o,className:s.cx_default(w,a),children:l})}m.displayName="Table.BodyRow";const g="el-table-cell-checkbox",C=d.forwardRef(({className:e,...l},a)=>t.jsx(K.CheckboxInput,{...l,className:s.cx_default(g,e),ref:a,type:"checkbox"}));C.displayName="Table.Checkbox";const P=i.styled_default("div")({name:"ElTableCellDoubleLineLayout",class:"el-table-cell-double-line-layout",propsAsIs:!1}),H=i.styled_default("div")({name:"ElTableCellDoubleLineLayoutPrimaryData",class:"el-table-cell-double-line-layout-primary-data",propsAsIs:!1}),M=i.styled_default("span")({name:"ElTableCellDoubleLineLayoutSupplementaryData",class:"el-table-cell-double-line-layout-supplementary-data",propsAsIs:!1}),S=i.styled_default("div")({name:"ElTableCellDoubleLineLayoutMediaItem",class:"el-table-cell-double-line-layout-media-item",propsAsIs:!1});function p({children:e,mediaItem:l,supplementaryData:a,...o}){return t.jsxs(P,{...o,children:[l&&t.jsx(S,{children:l}),t.jsx(H,{children:e}),a&&t.jsx(M,{children:a})]})}p.displayName="Table.DoubleLineLayout";const k="el-table-head";function f({as:e="thead",children:l,className:a,...o}){return t.jsx(e,{...o,className:s.cx_default(k,a),children:l})}f.displayName="Table.Head";const v="el-table-header-cell";function x({as:e="th",children:l,className:a,hasNoPadding:o,justifySelf:r,...b}){const c=!l&&e==="th"?"td":e,R=c==="th"?{scope:"col"}:void 0;return t.jsx(c,{...b,...R,className:s.cx_default(v,a),"data-has-no-padding":o,"data-justify-self":r,children:l})}x.displayName="Table.HeaderCell";const q="el-table-header-row";function E({as:e="tr",children:l,className:a,...o}){return t.jsx(e,{...o,className:s.cx_default(q,a),children:l})}E.displayName="Table.HeaderRow";const O="el-table-row-more-actions-button";function W({"aria-disabled":e,className:l,disabled:a,onClick:o,...r}){const b=d.useCallback(c=>{if(c.currentTarget.getAttribute("aria-disabled")==="true"){c.preventDefault(),c.stopPropagation();return}o?.(c)},[o]);return t.jsx("button",{...r,"aria-disabled":a||e,className:s.cx_default(O,l),disabled:a,onClick:b,type:"button",children:t.jsx(U.MoreIcon,{})})}function D({children:e,id:l,...a}){const o=l??d.useId(),r=d.useId();return t.jsxs(t.Fragment,{children:[t.jsx(W,{...a,...B.Menu.getTriggerProps({id:o,popoverTarget:r,popoverTargetAction:"toggle"})}),t.jsx(B.Menu,{"aria-labelledby":o,id:r,placement:"bottom-end",children:e})]})}D.displayName="Table.MoreActions";const _="el-table-row-primary-action";function h({className:e,...l}){return t.jsx("a",{...l,className:s.cx_default(_,e)})}h.displayName="Table.PrimaryAction";const X=i.styled_default("div")({name:"ElTableCellPrimaryData",class:"el-table-cell-primary-data",propsAsIs:!1}),Z=i.styled_default("div")({name:"ElTableCellPrimaryDataContentContainer",class:"el-table-cell-primary-data-content-container",propsAsIs:!1}),u=i.styled_default("span")({name:"ElTableCellPrimaryDataIconContainer",class:"el-table-cell-primary-data-icon-container",propsAsIs:!1});function L({children:e,iconLeft:l,iconRight:a,...o}){return t.jsxs(X,{...o,children:[l&&t.jsx(u,{"data-placement":"left",role:"presentation",children:l}),t.jsx(Z,{children:e}),a&&t.jsx(u,{"data-placement":"right",role:"presentation",children:a})]})}L.displayName="Table.PrimaryData";const V="el-table-cell-sort-button",Y="el-table-cell-sort-button-icon";function A({children:e,className:l,name:a,value:o,...r}){return t.jsxs("button",{...r,className:s.cx_default(V,l),name:a,value:o,children:[e,t.jsx(Q.SortDescendIcon,{"aria-hidden":!0,className:Y})]})}A.displayName="Table.SortButton";function F(e){switch(e){case"ascending":case"descending":return e;default:return"none"}}function ae(e){switch(F(e)){case"ascending":return"descending";case"descending":return"ascending";case"none":return"descending"}}const te="el-table";function $({className:e,...l}){return t.jsx("button",{...l,className:s.cx_default(_,e)})}$.displayName="Table.PrimaryActionButton";const z=i.styled_default("div")({name:"ElTableToolbar",class:"el-table-toolbar",propsAsIs:!1}),G=i.styled_default("div")({name:"ElTableToolbarLeftContent",class:"el-table-toolbar-left-content",propsAsIs:!1}),J=i.styled_default("div")({name:"ElTableToolbarRightContent",class:"el-table-toolbar-right-content",propsAsIs:!1});function N({leftContent:e,rightContent:l,...a}){return t.jsxs(z,{...a,children:[e&&t.jsx(G,{children:e}),l&&t.jsx(J,{children:l})]})}N.displayName="Table.Toolbar";function n({as:e="table",children:l,className:a,columns:o,justifyItems:r="start",style:b,...c}){return t.jsx(e,{...c,className:s.cx_default(te,a),"data-justify-items":r,style:{...b,gridTemplateColumns:o},children:l})}n.Body=T;n.BodyCell=y;n.BodyRow=m;n.PrimaryAction=h;n.PrimaryActionButton=$;n.MoreActions=D;n.DoubleLineLayout=p;n.PrimaryData=L;n.Head=f;n.HeaderCell=x;n.HeaderRow=E;n.SortButton=A;n.Checkbox=C;n.Toolbar=N;exports.ElTableCellDoubleLineLayout=P;exports.ElTableCellDoubleLineLayoutMediaItem=S;exports.ElTableCellDoubleLineLayoutPrimaryData=H;exports.ElTableCellDoubleLineLayoutSupplementaryData=M;exports.ElTableCellPrimaryData=X;exports.ElTableCellPrimaryDataContentContainer=Z;exports.ElTableCellPrimaryDataIconContainer=u;exports.ElTableToolbar=z;exports.ElTableToolbarLeftContent=G;exports.ElTableToolbarRightContent=J;exports.TABLE_ROW_INTERACTIVE_ELEMENT_Z_INDEX=le;exports.TABLE_ROW_PRIMARY_ACTION_Z_INDEX=ee;exports.Table=n;exports.TableBody=T;exports.TableBodyCell=y;exports.TableBodyRow=m;exports.TableCellCheckbox=C;exports.TableCellDoubleLineLayout=p;exports.TableCellPrimaryData=L;exports.TableCellSortButton=A;exports.TableHead=f;exports.TableHeaderCell=x;exports.TableHeaderRow=E;exports.TableRowMoreActions=D;exports.TableRowMoreActionsButton=W;exports.TableRowPrimaryAction=h;exports.TableToolbar=N;exports.elTableBody=I;exports.elTableBodyCell=j;exports.elTableBodyRow=w;exports.elTableCellCheckbox=g;exports.elTableCellSortButton=V;exports.elTableCellSortButtonIcon=Y;exports.elTableHead=k;exports.elTableHeaderCell=v;exports.elTableHeaderRow=q;exports.elTableRowMoreActionsButton=O;exports.elTableRowPrimaryAction=_;exports.getNextSortDirection=ae;exports.parseSortDirection=F;

package/dist/js/{table-Bl_O1Vba.js → table-Hr5aWZeT.js}

@@ -4,7 +4,7 @@ import { forwardRef as x, useCallback as H, useId as u } from "react";
 import { C as M } from "./checkbox-input-DaFZl6to.js";
 import { s as i } from "./index-YtxCR-9e.js";
 import { SortDescendIcon as _ } from "./icons/sort-descend.js";
-import { k as m } from "./menu-CBeq-0T4.js";
+import { k as m } from "./menu-C1vGEA92.js";
 import { MoreIcon as k } from "./icons/more.js";
 const me = 1, Te = 2, v = "el-table-body";
 function p({ as: e = "tbody", children: a, className: l, ...t }) {
@@ -146,7 +146,7 @@ function A({ children: e, id: a, ...l }) {
         ...m.getTriggerProps({ id: t, popoverTarget: s, popoverTargetAction: "toggle" })
       }
     ),
-    /* @__PURE__ */ o(m, { "aria-labelledby": t, id: s, placement: "top-end", children: e })
+    /* @__PURE__ */ o(m, { "aria-labelledby": t, id: s, placement: "bottom-end", children: e })
   ] });
 }
 A.displayName = "Table.MoreActions";

package/dist/js/text-control-BuUv9ihH.js

@@ -0,0 +1,35 @@
+import { jsxs as f, jsx as o } from "react/jsx-runtime";
+import { a as d } from "./form-control-Cv1xUB2V.js";
+import { T as v } from "./text-input-DAMUZr1s.js";
+import { useId as t } from "react";
+function C({
+  errorText: i,
+  helpText: r,
+  id: l,
+  label: n,
+  maxWidth: p,
+  required: a,
+  size: s = "medium",
+  ...u
+}) {
+  const I = t(), m = l ?? I, c = t(), e = t();
+  return /* @__PURE__ */ f(d, { as: "div", size: s, maxWidth: p, children: [
+    n && /* @__PURE__ */ o(d.Label, { htmlFor: m, isRequired: a, children: n }),
+    /* @__PURE__ */ o(
+      v,
+      {
+        ...u,
+        "aria-describedby": r && !i ? c : void 0,
+        "aria-errormessage": i ? e : void 0,
+        "aria-invalid": i ? !0 : void 0,
+        id: m,
+        required: a,
+        size: s
+      }
+    ),
+    i ? /* @__PURE__ */ o(d.ErrorText, { id: e, children: i }) : r && /* @__PURE__ */ o(d.HelpText, { id: c, children: r })
+  ] });
+}
+export {
+  C as T
+};

package/dist/js/text-control-DJsYUo8t.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),r=require("./form-control-Be_ITYmU.cjs"),C=require("./text-input-Ce-v6n3v.cjs"),i=require("react");function j({errorText:o,helpText:n,id:a,label:e,maxWidth:m,required:s,size:d="medium",...I}){const x=i.useId(),c=a??x,u=i.useId(),l=i.useId();return t.jsxs(r.FormControl,{as:"div",size:d,maxWidth:m,children:[e&&t.jsx(r.FormControl.Label,{htmlFor:c,isRequired:s,children:e}),t.jsx(C.TextInput,{...I,"aria-describedby":n&&!o?u:void 0,"aria-errormessage":o?l:void 0,"aria-invalid":o?!0:void 0,id:c,required:s,size:d}),o?t.jsx(r.FormControl.ErrorText,{id:l,children:o}):n&&t.jsx(r.FormControl.HelpText,{id:u,children:n})]})}exports.TextControl=j;

package/dist/js/text-input-Ce-v6n3v.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),l=require("./index-Dmlb2--K.cjs"),I=require("react");function O(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(s,n,a.get?a:{enumerable:!0,get:()=>t[n]})}}return s.default=t,Object.freeze(s)}const f=O(I),h=l.styled_default("div")({name:"ElTextInputContainer",class:"el-text-input-container",propsAsIs:!1}),T=l.styled_default("input")({name:"ElTextInput",class:"el-text-input",propsAsIs:!1}),i=l.styled_default("span")({name:"ElTextInputIconContainer",class:"el-text-input-icon-container",propsAsIs:!1}),c=l.styled_default("span")({name:"ElTextInputAffixContainer",class:"el-text-input-affix-container",propsAsIs:!1}),m="el-text-input-spinner",q=t=>f.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:16,height:16,fill:"currentColor",viewBox:"0 0 16 16",...t},f.createElement("path",{fillRule:"evenodd",d:"M9.081 1.388a.667.667 0 0 1 .817-.472 7.333 7.333 0 1 1-7.083 12.27.667.667 0 1 1 .942-.944A6 6 0 1 0 9.553 2.204a.667.667 0 0 1-.472-.816Z",clipRule:"evenodd"})),w=I.forwardRef(({autoComplete:t="off",className:s,isBusy:n,leadingIcon:a,maxWidth:E,prefix:u,showValidity:g,size:j="medium",style:v,suffix:r,trailingIcon:p,type:y="text",variant:C="default",...A},S)=>{const o=!!n,x=!!u,d=!o&&!!r,b=!x&&!!a,_=!o&&!d&&!!p,R=r?"right":"left";return e.jsxs(h,{"aria-busy":!!n,className:s,"data-size":j,"data-variant":C,style:{"--input-max-width":E,...v},children:[x&&e.jsx(c,{children:u}),b&&e.jsx(i,{children:a}),e.jsx(T,{...A,autoComplete:t,"data-show-validity":!!g,"data-text-align":R,ref:S,type:y}),_&&e.jsx(i,{children:p}),d&&e.jsx(c,{children:r}),o&&e.jsx(i,{"aria-hidden":!0,children:e.jsx(q,{className:m})})]})});w.displayName="TextInput";exports.ElTextInput=T;exports.ElTextInputAffixContainer=c;exports.ElTextInputContainer=h;exports.ElTextInputIconContainer=i;exports.TextInput=w;exports.elTextInputSpinner=m;

package/dist/js/{text-input-CkB96hQ9.js → text-input-DAMUZr1s.js}

@@ -1,16 +1,16 @@
-import { jsxs as S, jsx as t } from "react/jsx-runtime";
+import { jsxs as y, jsx as t } from "react/jsx-runtime";
 import { s as e } from "./index-YtxCR-9e.js";
-import * as d from "react";
-import { forwardRef as y } from "react";
-const R = /* @__PURE__ */ e("div")({
+import * as x from "react";
+import { forwardRef as R } from "react";
+const b = /* @__PURE__ */ e("div")({
   name: "ElTextInputContainer",
   class: "el-text-input-container",
   propsAsIs: !1
-}), b = /* @__PURE__ */ e("input")({
+}), j = /* @__PURE__ */ e("input")({
   name: "ElTextInput",
   class: "el-text-input",
   propsAsIs: !1
-}), o = /* @__PURE__ */ e("span")({
+}), i = /* @__PURE__ */ e("span")({
   name: "ElTextInputIconContainer",
   class: "el-text-input-icon-container",
   propsAsIs: !1
@@ -18,63 +18,65 @@ const R = /* @__PURE__ */ e("div")({
   name: "ElTextInputAffixContainer",
   class: "el-text-input-affix-container",
   propsAsIs: !1
-}), j = "el-text-input-spinner", N = (n) => /* @__PURE__ */ d.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "currentColor", viewBox: "0 0 16 16", ...n }, /* @__PURE__ */ d.createElement("path", { fillRule: "evenodd", d: "M9.081 1.388a.667.667 0 0 1 .817-.472 7.333 7.333 0 1 1-7.083 12.27.667.667 0 1 1 .942-.944A6 6 0 1 0 9.553 2.204a.667.667 0 0 1-.472-.816Z", clipRule: "evenodd" })), z = y(
+}), N = "el-text-input-spinner", z = (n) => /* @__PURE__ */ x.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "currentColor", viewBox: "0 0 16 16", ...n }, /* @__PURE__ */ x.createElement("path", { fillRule: "evenodd", d: "M9.081 1.388a.667.667 0 0 1 .817-.472 7.333 7.333 0 1 1-7.083 12.27.667.667 0 1 1 .942-.944A6 6 0 1 0 9.553 2.204a.667.667 0 0 1-.472-.816Z", clipRule: "evenodd" })), L = R(
   ({
     autoComplete: n = "off",
     className: f,
-    isBusy: i,
+    isBusy: o,
     leadingIcon: l,
-    maxWidth: h,
+    maxWidth: m,
     prefix: r,
-    showValidity: m,
-    size: I,
+    showValidity: h,
+    size: I = "medium",
     style: w,
     suffix: s,
     trailingIcon: p,
     type: T = "text",
-    ...E
+    variant: E = "default",
+    ...v
   }, g) => {
-    const a = !!i, c = !!r, x = !a && !!s, v = !c && !!l, A = !a && !x && !!p, C = s ? "right" : "left";
+    const a = !!o, c = !!r, d = !a && !!s, A = !c && !!l, C = !a && !d && !!p, S = s ? "right" : "left";
     return (
       // Consumer-supplied class names and inline styles are applied to the root "container" element,
       // not the input. This is because we don't want consumers to _easily_ override the input's styles
       // as they're specific to the correct functioning of the component.
-      /* @__PURE__ */ S(
-        R,
+      /* @__PURE__ */ y(
+        b,
         {
-          "aria-busy": !!i,
+          "aria-busy": !!o,
           className: f,
           "data-size": I,
-          style: { "--input-max-width": h, ...w },
+          "data-variant": E,
+          style: { "--input-max-width": m, ...w },
           children: [
             c && /* @__PURE__ */ t(u, { children: r }),
-            v && /* @__PURE__ */ t(o, { children: l }),
+            A && /* @__PURE__ */ t(i, { children: l }),
             /* @__PURE__ */ t(
-              b,
+              j,
               {
-                ...E,
+                ...v,
                 autoComplete: n,
-                "data-show-validity": !!m,
-                "data-text-align": C,
+                "data-show-validity": !!h,
+                "data-text-align": S,
                 ref: g,
                 type: T
               }
             ),
-            A && /* @__PURE__ */ t(o, { children: p }),
-            x && /* @__PURE__ */ t(u, { children: s }),
-            a && /* @__PURE__ */ t(o, { "aria-hidden": !0, children: /* @__PURE__ */ t(N, { className: j }) })
+            C && /* @__PURE__ */ t(i, { children: p }),
+            d && /* @__PURE__ */ t(u, { children: s }),
+            a && /* @__PURE__ */ t(i, { "aria-hidden": !0, children: /* @__PURE__ */ t(z, { className: N }) })
           ]
         }
       )
     );
   }
 );
-z.displayName = "TextInput";
+L.displayName = "TextInput";
 export {
-  R as E,
-  z as T,
-  b as a,
-  o as b,
+  b as E,
+  L as T,
+  j as a,
+  i as b,
   u as c,
-  j as e
+  N as e
 };

package/dist/js/textarea-DCg3FZLn.cjs

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

package/dist/js/textarea-control-BUMon2es.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("react/jsx-runtime"),e=require("./form-control-Be_ITYmU.cjs"),C=require("./textarea-DCg3FZLn.cjs"),i=require("react");function j({errorText:r,helpText:t,id:l,label:n,maxWidth:m,required:s,size:d="medium",...x}){const I=i.useId(),a=l??I,c=i.useId(),u=i.useId();return o.jsxs(e.FormControl,{as:"div",size:d,maxWidth:m,children:[n&&o.jsx(e.FormControl.Label,{htmlFor:a,isRequired:s,children:n}),o.jsx(C.Textarea,{...x,"aria-describedby":t&&!r?c:void 0,"aria-errormessage":r?u:void 0,"aria-invalid":r?!0:void 0,id:a,required:s,size:d}),r?o.jsx(e.FormControl.ErrorText,{id:u,children:r}):t&&o.jsx(e.FormControl.HelpText,{id:c,children:t})]})}exports.TextareaControl=j;

package/dist/js/textarea-control-CQI7qpuH.js

@@ -0,0 +1,35 @@
+import { jsxs as I, jsx as o } from "react/jsx-runtime";
+import { a as r } from "./form-control-Cv1xUB2V.js";
+import { T as v } from "./textarea-hvAcHN7k.js";
+import { useId as a } from "react";
+function C({
+  errorText: i,
+  helpText: d,
+  id: l,
+  label: t,
+  maxWidth: p,
+  required: n,
+  size: s = "medium",
+  ...u
+}) {
+  const f = a(), m = l ?? f, e = a(), c = a();
+  return /* @__PURE__ */ I(r, { as: "div", size: s, maxWidth: p, children: [
+    t && /* @__PURE__ */ o(r.Label, { htmlFor: m, isRequired: n, children: t }),
+    /* @__PURE__ */ o(
+      v,
+      {
+        ...u,
+        "aria-describedby": d && !i ? e : void 0,
+        "aria-errormessage": i ? c : void 0,
+        "aria-invalid": i ? !0 : void 0,
+        id: m,
+        required: n,
+        size: s
+      }
+    ),
+    i ? /* @__PURE__ */ o(r.ErrorText, { id: c, children: i }) : d && /* @__PURE__ */ o(r.HelpText, { id: e, children: d })
+  ] });
+}
+export {
+  C as T
+};

package/dist/js/{textarea-B57gvWjo.js → textarea-hvAcHN7k.js}

@@ -3,12 +3,12 @@ import { useLayoutEffect as E, forwardRef as u, useRef as m } from "react";
 import { s as h } from "./index-YtxCR-9e.js";
 import { m as S } from "./mergeRefs-DODigRi2.js";
 const d = /* @__PURE__ */ h("textarea")({
-  name: "ElTextArea",
-  class: "el-text-area",
+  name: "ElTextarea",
+  class: "el-textarea",
   propsAsIs: !1
 }), w = () => d, H = /* @__PURE__ */ h(w())({
-  name: "ElShadowTextArea",
-  class: "el-shadow-text-area",
+  name: "ElShadowTextarea",
+  class: "el-shadow-textarea",
   propsAsIs: !0
 });
 function v() {
@@ -18,7 +18,7 @@ function g(a, e) {
   const t = a.scrollHeight;
   e.style.blockSize = `${t}px`;
 }
-function A({
+function F({
   isEnabled: a,
   shadowTextAreaRef: e,
   textAreaRef: t
@@ -29,7 +29,7 @@ function A({
     };
   };
 }
-function F({
+function I({
   isEnabled: a,
   shadowTextAreaRef: e,
   textAreaRef: t,
@@ -44,7 +44,7 @@ function F({
     [a, e, t, r]
   );
 }
-const I = u(
+const O = u(
   ({
     defaultValue: a,
     fieldSizing: e = "content",
@@ -57,13 +57,13 @@ const I = u(
     ...p
   }, y) => {
     const l = m(null), f = m(null), x = !v();
-    F({
+    I({
       isEnabled: x,
       shadowTextAreaRef: f,
       textAreaRef: l,
       value: c
     });
-    const T = A({
+    const T = F({
       // NOTE: We only want the resizing behaviour to occur on change if the text area should resize AND its
       // value is uncontrolled.
       isEnabled: x && c === void 0,
@@ -109,7 +109,7 @@ const I = u(
       )
     ] });
   }
-), O = u(
+), W = u(
   ({ fieldSizing: a, rows: e = 2, showValidity: t, size: r = "medium", ...n }, s) => /* @__PURE__ */ i(
     d,
     {
@@ -121,7 +121,7 @@ const I = u(
       rows: e
     }
   )
-), W = u(
+), b = u(
   ({ fieldSizing: a, initialRows: e = 2, showValidity: t, size: r = "medium", ...n }, s) => /* @__PURE__ */ i(
     d,
     {
@@ -133,9 +133,9 @@ const I = u(
       rows: e
     }
   )
-), J = u(({ fieldSizing: a, ...e }, t) => a === "manual" ? /* @__PURE__ */ i(W, { ...e, fieldSizing: a, ref: t }) : a === "fixed" ? /* @__PURE__ */ i(O, { ...e, fieldSizing: a, ref: t }) : /* @__PURE__ */ i(I, { ...e, fieldSizing: a, ref: t }));
+), L = u(({ fieldSizing: a, ...e }, t) => a === "manual" ? /* @__PURE__ */ i(b, { ...e, fieldSizing: a, ref: t }) : a === "fixed" ? /* @__PURE__ */ i(W, { ...e, fieldSizing: a, ref: t }) : /* @__PURE__ */ i(O, { ...e, fieldSizing: a, ref: t }));
 export {
   d as E,
-  J as T,
+  L as T,
   H as a
 };

package/dist/js/{tooltip-B0jGN026.js → tooltip-AKtYPwAT.js}

@@ -1,5 +1,5 @@
 import { jsx as c } from "react/jsx-runtime";
-import { P as u } from "./popover-bBQLwPua.js";
+import { P as u } from "./popover-CH-6Mc2I.js";
 import { useEffect as f } from "react";
 function d({
   id: e,

package/dist/js/{tooltip-DVVnlf_8.cjs → tooltip-CXN3ioZt.cjs}

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