@reapit/elements 5.0.0-beta.61 → 5.0.0-beta.63

package/dist/js/supplementary-info-BxTgH3cZ.js

@@ -0,0 +1,30 @@
+import { jsx as a } from "react/jsx-runtime";
+import { s } from "./index-YtxCR-9e.js";
+const r = /* @__PURE__ */ s("ul")({
+  name: "ElSupplementaryInfoList",
+  class: "el-supplementary-info-list",
+  propsAsIs: !1
+}), o = /* @__PURE__ */ s("li")({
+  name: "ElSupplementaryInfoItem",
+  class: "el-supplementary-info-item",
+  propsAsIs: !1
+});
+function l({ children: e, colour: t = "inherit", ...n }) {
+  return /* @__PURE__ */ a(o, { ...n, "data-colour": t, children: e });
+}
+l.displayName = "SupplementaryInfo.Item";
+function m({
+  children: e,
+  colour: t = "inherit",
+  size: n = "inherit",
+  ...p
+}) {
+  return /* @__PURE__ */ a(r, { ...p, "data-colour": t, "data-size": n, children: e });
+}
+m.Item = l;
+export {
+  r as E,
+  m as S,
+  o as a,
+  l as b
+};

package/dist/js/supplementary-info-ByBIOqDj.cjs

@@ -0,0 +1 @@
+"use strict";const p=require("react/jsx-runtime"),s=require("./index-Dmlb2--K.cjs"),a=s.styled_default("ul")({name:"ElSupplementaryInfoList",class:"el-supplementary-info-list",propsAsIs:!1}),r=s.styled_default("li")({name:"ElSupplementaryInfoItem",class:"el-supplementary-info-item",propsAsIs:!1});function l({children:e,colour:t="inherit",...n}){return p.jsx(r,{...n,"data-colour":t,children:e})}l.displayName="SupplementaryInfo.Item";function u({children:e,colour:t="inherit",size:n="inherit",...m}){return p.jsx(a,{...m,"data-colour":t,"data-size":n,children:e})}u.Item=l;exports.ElSupplementaryInfoItem=r;exports.ElSupplementaryInfoList=a;exports.SupplementaryInfo=u;exports.SupplementaryInfoItem=l;

package/dist/js/table-Jrjv2Xmz.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-3uzyqdE-.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-19vtq5fP.js → table-RxRbS1GH.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-D9gFfy6f.js";
+import { k as m } from "./menu-B0COo9_q.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/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/{tooltip-D5C0ub0E.cjs → tooltip-CFeEMRgw.cjs}

@@ -1 +1 @@
-"use strict";const v=require("react/jsx-runtime"),E=require("./popover-CbOEj92d.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-DEFBfQ-G.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;

package/dist/js/{tooltip-BdHUoiNa.js → tooltip-CPCyw6HR.js}

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

package/dist/js/{top-bar-BkvYrpXe.js → top-bar-Cqg-4b4q.js}

@@ -4,10 +4,10 @@ import * as C from "react";
 import { useId as p } from "react";
 import { c as E } from "./index-BsMVp4qF.js";
 import { A as y } from "./avatar-VyxUOz5Y.js";
-import { k as H } from "./menu-D9gFfy6f.js";
+import { k as H } from "./menu-B0COo9_q.js";
 import { ChevronDownIcon as D } from "./icons/chevron-down.js";
 import { SearchIcon as _ } from "./icons/search.js";
-import { T as Z } from "./tooltip-BdHUoiNa.js";
+import { T as Z } from "./tooltip-CPCyw6HR.js";
 const R = "el-top-bar-avatar-button";
 function f({
   "aria-label": e = "Profile menu",