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

package/dist/js/listbox-CpjeARsg.js

@@ -1,325 +0,0 @@
-import { jsx as u, jsxs as w } from "react/jsx-runtime";
-import { D as W } from "./divider-BoruTiNP.js";
-import { createContext as y, useContext as T, useRef as X, useEffect as g, useCallback as Y, useState as Z, useId as C } from "react";
-import { s as ee } from "./index-YtxCR-9e.js";
-import { h as te } from "./handle-arrow-navigation-r7GKm-no.js";
-import { u as ne } from "./use-mutation-observer-hOVGFYZQ.js";
-const h = y(null);
-function F() {
-  const e = T(h);
-  if (!e)
-    throw new Error("useListboxContext must be used within a Listbox");
-  return e;
-}
-class f extends Error {
-  constructor(t) {
-    super(t), this.name = "ListboxError", Error.captureStackTrace && Error.captureStackTrace(this, f);
-  }
-}
-function E(e) {
-  const t = document.getElementById(e);
-  if (!t)
-    throw new f(`Listbox with id "${e}" does not exist in the document`);
-  const n = t.firstElementChild;
-  if (!(n instanceof HTMLSelectElement))
-    throw new f(
-      `Listbox "${e}" does not contain a select element as its first child. Found: ${n?.constructor.name ?? "null"}`
-    );
-  return n;
-}
-function oe(e, t) {
-  const n = Array.from(e.options).find((o) => o.value === t);
-  if (!(n instanceof HTMLOptionElement)) {
-    const o = Array.from(e.options).map((s) => s.value).join(", ");
-    throw new f(
-      `Option with value "${t}" does not exist in select element. Available values: [${o}]`
-    );
-  }
-  return n;
-}
-function I(e) {
-  const t = new Event("input", { bubbles: !0, cancelable: !0 });
-  e.dispatchEvent(t);
-}
-function se(e) {
-  const t = E(e), n = t.selectedOptions.length > 0;
-  for (const o of Array.from(t.selectedOptions))
-    o.selected = !1;
-  n && I(t);
-}
-function k(e) {
-  const t = e instanceof HTMLSelectElement ? e : E(e);
-  return Array.from(t.selectedOptions).map((n) => n.value).filter((n) => n !== "");
-}
-const L = 'button[role="option"]', A = `${L}:is([aria-checked="true"], [aria-selected="true"])`;
-function B(e) {
-  return Array.from(e.querySelectorAll(A));
-}
-function R(e, t, n) {
-  const o = E(e), s = oe(o, t), r = s.selected;
-  s.selected = n(s.selected, o), r !== s.selected && I(o);
-}
-const x = y(null);
-function S() {
-  const e = T(x);
-  if (!e)
-    throw new Error("useListboxRenderContext must be used within a Listbox");
-  return e;
-}
-const ie = {
-  auto: (e, t) => t.multiple ? !e : !0,
-  toggle: (e) => !e,
-  select: () => !0
-};
-function re(e) {
-  return e === "auto" || e === "toggle" || e === "select";
-}
-function ce(e) {
-  const { listboxId: t, selectAction: n } = e.currentTarget.dataset, o = e.currentTarget.value;
-  !t || !o || re(n) && R(t, o, ie[n]);
-}
-function V({
-  as: e,
-  children: t,
-  disabled: n,
-  onClick: o,
-  value: s,
-  ...r
-}) {
-  const i = e || "button", l = F(), d = S(), a = l.selectValue.includes(s);
-  if (d === "native")
-    return a ? null : /* @__PURE__ */ u("option", { value: s, children: t });
-  const m = (b) => {
-    o?.(b), ce(b);
-  };
-  return /* @__PURE__ */ u(
-    i,
-    {
-      ...r,
-      "aria-checked": l.multiple ? a : void 0,
-      "aria-selected": l.multiple ? void 0 : a,
-      "data-listbox-id": l.listboxId,
-      "data-select-action": l.selectAction,
-      disabled: l.disabled || n,
-      onClick: m,
-      role: "option",
-      tabIndex: -1,
-      type: "button",
-      value: s,
-      children: t
-    }
-  );
-}
-V.displayName = "Listbox.Option";
-function D({ as: e, children: t, label: n, ...o }) {
-  return S() === "native" ? /* @__PURE__ */ u("optgroup", { label: n, children: t }) : /* @__PURE__ */ u(e, { ...o, label: n, role: "group", children: t });
-}
-D.displayName = "Listbox.Optgroup";
-const ae = /* @__PURE__ */ ee("select")({
-  name: "ElListboxSelect",
-  class: "el-listbox-select",
-  propsAsIs: !1
-});
-function M({
-  children: e,
-  onChange: t,
-  placeholder: n = "Select an option",
-  multiple: o,
-  value: s,
-  ...r
-}) {
-  return /* @__PURE__ */ w(
-    ae,
-    {
-      ...r,
-      hidden: !0,
-      multiple: o,
-      onChange: t,
-      onInput: t,
-      value: o ? s : s[0] ?? "",
-      children: [
-        !o && // In single-select mode, renders a placeholder option as the first option.
-        // This mimics native select behavior: automatically selecting the first option
-        // when no explicit value is specified.
-        /* @__PURE__ */ u("option", { value: "", children: n }),
-        s.map((i) => (
-          // Renders options for selected values automatically. Consumers may filter the options
-          // in `children` based on user input. Without this, the native select would lose
-          // <option> elements representing selected options, causing selection state loss.
-          /* @__PURE__ */ u("option", { value: i, children: i }, i)
-        )),
-        /* @__PURE__ */ u(x.Provider, { value: "native", children: e })
-      ]
-    }
-  );
-}
-function le(e) {
-  const t = e.currentTarget;
-  t.contains(e.relatedTarget) || (t.tabIndex = 0);
-}
-function p(e) {
-  return e instanceof HTMLButtonElement;
-}
-function ue(e) {
-  return e instanceof HTMLElement && e.matches(":focus-visible");
-}
-function de(e) {
-  const t = e.currentTarget, n = t.dataset.selectionFollowsFocus === "true", { relatedTarget: o, target: s } = e;
-  if (!ue(s))
-    return;
-  const i = !t.contains(o);
-  if (t.contains(o) && p(s) && p(o) && n) {
-    s.click();
-    return;
-  }
-  if (i) {
-    t.tabIndex = -1;
-    const d = t.querySelector(A);
-    if (p(d)) {
-      d.focus();
-      return;
-    }
-    const a = t.querySelector(L);
-    p(a) && (a.focus(), n && a.click());
-  }
-}
-function fe({
-  onBlur: e,
-  onFocus: t,
-  onKeyDown: n
-}) {
-  return {
-    onBlur: (i) => {
-      e?.(i), le(i);
-    },
-    onFocus: (i) => {
-      t?.(i), de(i);
-    },
-    onKeyDown: (i) => {
-      n?.(i), te(i, { selectors: L });
-    }
-  };
-}
-function be(e, t) {
-  const n = X(t);
-  g(
-    function() {
-      n.current = t;
-    },
-    [t]
-  );
-  const o = Y(() => {
-    const s = document.getElementById(e);
-    if (s) {
-      const r = B(s);
-      n.current(r);
-    }
-  }, [e]);
-  g(function() {
-    o();
-  }, []), ne(e, o, pe);
-}
-const pe = {
-  attributeFilter: ["aria-checked", "aria-selected"],
-  subtree: !0
-};
-function xe({
-  defaultValue: e,
-  multiple: t,
-  onChange: n,
-  value: o
-}) {
-  const [s, r] = Z(o ?? e ?? []), i = o ?? s;
-  return [t ? i : i.slice(0, 1), (a) => {
-    n?.(a), r(k(a.currentTarget));
-  }];
-}
-function c({
-  "aria-disabled": e = !1,
-  "aria-multiselectable": t = !1,
-  "aria-orientation": n = "vertical",
-  "aria-required": o = !1,
-  as: s,
-  children: r,
-  className: i,
-  defaultValue: l,
-  id: d,
-  name: a,
-  onBlur: m,
-  onChange: b,
-  onFocus: H,
-  onKeyDown: K,
-  placeholder: $,
-  selectAction: N = "auto",
-  selectionFollowsFocus: P = !t,
-  style: j,
-  value: q,
-  ..._
-}) {
-  const z = s ?? "div", G = C(), J = C(), v = d ?? J, [O, Q] = xe({ defaultValue: l, multiple: t, onChange: b, value: q }), U = fe({ onBlur: m, onFocus: H, onKeyDown: K });
-  return /* @__PURE__ */ u(
-    z,
-    {
-      ..._,
-      ...U,
-      "aria-disabled": e,
-      "aria-multiselectable": t,
-      "aria-orientation": n,
-      "aria-required": o,
-      "data-selection-follows-focus": P,
-      className: i,
-      id: v,
-      role: "listbox",
-      style: j,
-      tabIndex: 0,
-      children: /* @__PURE__ */ w(h.Provider, { value: { disabled: e, listboxId: v, multiple: t, selectAction: N, selectValue: O }, children: [
-        /* @__PURE__ */ u(
-          M,
-          {
-            disabled: e,
-            id: G,
-            multiple: t,
-            name: a,
-            onChange: Q,
-            placeholder: $,
-            required: o,
-            value: O,
-            children: r
-          }
-        ),
-        /* @__PURE__ */ u(x.Provider, { value: "custom", children: r })
-      ] })
-    }
-  );
-}
-c.Divider = W;
-c.Option = V;
-c.Optgroup = D;
-c.Select = M;
-c.useSelectionObserver = be;
-c.Context = h;
-c.RenderContext = x;
-c.useContext = F;
-c.useRenderContext = S;
-c.clearValue = se;
-c.getSelectedOptions = B;
-c.getValue = k;
-c.setOptionSelectedState = R;
-export {
-  h as L,
-  L as O,
-  A as S,
-  B as a,
-  c as b,
-  se as c,
-  D as d,
-  V as e,
-  x as f,
-  k as g,
-  S as h,
-  fe as i,
-  be as j,
-  xe as k,
-  R as s,
-  F as u
-};

package/dist/js/listbox-KFMBDR-S.cjs

@@ -1 +0,0 @@
-"use strict";const a=require("react/jsx-runtime"),W=require("./divider-CGhRVA_A.cjs"),u=require("react"),X=require("./index-Dmlb2--K.cjs"),Y=require("./handle-arrow-navigation-CKkGc2A5.cjs"),Z=require("./use-mutation-observer-BBugqUeF.cjs"),E=u.createContext(null);function h(){const e=u.useContext(E);if(!e)throw new Error("useListboxContext must be used within a Listbox");return e}class f extends Error{constructor(t){super(t),this.name="ListboxError",Error.captureStackTrace&&Error.captureStackTrace(this,f)}}function v(e){const t=document.getElementById(e);if(!t)throw new f(`Listbox with id "${e}" does not exist in the document`);const n=t.firstElementChild;if(!(n instanceof HTMLSelectElement))throw new f(`Listbox "${e}" does not contain a select element as its first child. Found: ${n?.constructor.name??"null"}`);return n}function ee(e,t){const n=Array.from(e.options).find(o=>o.value===t);if(!(n instanceof HTMLOptionElement)){const o=Array.from(e.options).map(s=>s.value).join(", ");throw new f(`Option with value "${t}" does not exist in select element. Available values: [${o}]`)}return n}function j(e){const t=new Event("input",{bubbles:!0,cancelable:!0});e.dispatchEvent(t)}function A(e){const t=v(e),n=t.selectedOptions.length>0;for(const o of Array.from(t.selectedOptions))o.selected=!1;n&&j(t)}function g(e){const t=e instanceof HTMLSelectElement?e:v(e);return Array.from(t.selectedOptions).map(n=>n.value).filter(n=>n!=="")}const O='button[role="option"]',C=`${O}:is([aria-checked="true"], [aria-selected="true"])`;function w(e){return Array.from(e.querySelectorAll(C))}function T(e,t,n){const o=v(e),s=ee(o,t),r=s.selected;s.selected=n(s.selected,o),r!==s.selected&&j(o)}const b=u.createContext(null);function m(){const e=u.useContext(b);if(!e)throw new Error("useListboxRenderContext must be used within a Listbox");return e}const te={auto:(e,t)=>t.multiple?!e:!0,toggle:e=>!e,select:()=>!0};function ne(e){return e==="auto"||e==="toggle"||e==="select"}function oe(e){const{listboxId:t,selectAction:n}=e.currentTarget.dataset,o=e.currentTarget.value;!t||!o||ne(n)&&T(t,o,te[n])}function y({as:e,children:t,disabled:n,onClick:o,value:s,...r}){const i=e||"button",d=h(),x=m(),l=d.selectValue.includes(s);if(x==="native")return l?null:a.jsx("option",{value:s,children:t});const S=p=>{o?.(p),oe(p)};return a.jsx(i,{...r,"aria-checked":d.multiple?l:void 0,"aria-selected":d.multiple?void 0:l,"data-listbox-id":d.listboxId,"data-select-action":d.selectAction,disabled:d.disabled||n,onClick:S,role:"option",tabIndex:-1,type:"button",value:s,children:t})}y.displayName="Listbox.Option";function F({as:e,children:t,label:n,...o}){return m()==="native"?a.jsx("optgroup",{label:n,children:t}):a.jsx(e,{...o,label:n,role:"group",children:t})}F.displayName="Listbox.Optgroup";const se=X.styled_default("select")({name:"ElListboxSelect",class:"el-listbox-select",propsAsIs:!1});function k({children:e,onChange:t,placeholder:n="Select an option",multiple:o,value:s,...r}){return a.jsxs(se,{...r,hidden:!0,multiple:o,onChange:t,onInput:t,value:o?s:s[0]??"",children:[!o&&a.jsx("option",{value:"",children:n}),s.map(i=>a.jsx("option",{value:i,children:i},i)),a.jsx(b.Provider,{value:"native",children:e})]})}function ie(e){const t=e.currentTarget;t.contains(e.relatedTarget)||(t.tabIndex=0)}function L(e){return e instanceof HTMLButtonElement}function re(e){return e instanceof HTMLElement&&e.matches(":focus-visible")}function ce(e){const t=e.currentTarget,n=t.dataset.selectionFollowsFocus==="true",{relatedTarget:o,target:s}=e;if(!re(s))return;const i=!t.contains(o);if(t.contains(o)&&L(s)&&L(o)&&n){s.click();return}if(i){t.tabIndex=-1;const x=t.querySelector(C);if(L(x)){x.focus();return}const l=t.querySelector(O);L(l)&&(l.focus(),n&&l.click())}}function q({onBlur:e,onFocus:t,onKeyDown:n}){return{onBlur:i=>{e?.(i),ie(i)},onFocus:i=>{t?.(i),ce(i)},onKeyDown:i=>{n?.(i),Y.handleArrowNavigation(i,{selectors:O})}}}function B(e,t){const n=u.useRef(t);u.useEffect(function(){n.current=t},[t]);const o=u.useCallback(()=>{const s=document.getElementById(e);if(s){const r=w(s);n.current(r)}},[e]);u.useEffect(function(){o()},[]),Z.useMutationObserver(e,o,le)}const le={attributeFilter:["aria-checked","aria-selected"],subtree:!0};function V({defaultValue:e,multiple:t,onChange:n,value:o}){const[s,r]=u.useState(o??e??[]),i=o??s;return[t?i:i.slice(0,1),l=>{n?.(l),r(g(l.currentTarget))}]}function c({"aria-disabled":e=!1,"aria-multiselectable":t=!1,"aria-orientation":n="vertical","aria-required":o=!1,as:s,children:r,className:i,defaultValue:d,id:x,name:l,onBlur:S,onChange:p,onFocus:M,onKeyDown:N,placeholder:D,selectAction:P="auto",selectionFollowsFocus:H=!t,style:K,value:_,...$}){const z=s??"div",G=u.useId(),J=u.useId(),I=x??J,[R,Q]=V({defaultValue:d,multiple:t,onChange:p,value:_}),U=q({onBlur:S,onFocus:M,onKeyDown:N});return a.jsx(z,{...$,...U,"aria-disabled":e,"aria-multiselectable":t,"aria-orientation":n,"aria-required":o,"data-selection-follows-focus":H,className:i,id:I,role:"listbox",style:K,tabIndex:0,children:a.jsxs(E.Provider,{value:{disabled:e,listboxId:I,multiple:t,selectAction:P,selectValue:R},children:[a.jsx(k,{disabled:e,id:G,multiple:t,name:l,onChange:Q,placeholder:D,required:o,value:R,children:r}),a.jsx(b.Provider,{value:"custom",children:r})]})})}c.Divider=W.Divider;c.Option=y;c.Optgroup=F;c.Select=k;c.useSelectionObserver=B;c.Context=E;c.RenderContext=b;c.useContext=h;c.useRenderContext=m;c.clearValue=A;c.getSelectedOptions=w;c.getValue=g;c.setOptionSelectedState=T;exports.Listbox=c;exports.ListboxContext=E;exports.ListboxOptgroup=F;exports.ListboxOption=y;exports.ListboxRenderContext=b;exports.OPTION_SELECTOR=O;exports.SELECTED_OPTION_SELECTOR=C;exports.clearListboxValue=A;exports.getListboxSelectedOptions=w;exports.getListboxValue=g;exports.setListboxOptionSelectedState=T;exports.useFocusManagement=q;exports.useListboxContext=h;exports.useListboxRenderContext=m;exports.useListboxSelectionObserver=B;exports.useListboxState=V;

package/dist/js/menu-CY3VaZRu.cjs

@@ -1 +0,0 @@
-"use strict";const t=require("react/jsx-runtime"),v=require("./index-8ctufnBx.cjs"),a=require("./index-Dmlb2--K.cjs"),r=require("react"),g=require("./popover-CbOEj92d.cjs"),B=require("./divider-CGhRVA_A.cjs"),D=require("./handle-arrow-navigation-CKkGc2A5.cjs"),S=require("./utils/keyboard-navigation.cjs"),j=a.styled_default("div")({name:"ElMenuGroup",class:"el-menu-group",propsAsIs:!1}),_=a.styled_default("div")({name:"ElMenuGroupLabelContainer",class:"el-menu-group-label-container",propsAsIs:!1});function E({"aria-label":e,children:n,label:l,role:i="group",...o}){const s=r.useId();return t.jsxs(j,{...o,"aria-label":e,"aria-labelledby":e?void 0:s,role:i,children:[l&&t.jsx(_,{id:s,children:l}),n]})}E.displayName="Menu.Group";const k="el-menu-item",b=a.styled_default("span")({name:"ElMenuItemIconContainer",class:"el-menu-item-icon-container",propsAsIs:!1}),G=a.styled_default("span")({name:"ElMenuItemContentContainer",class:"el-menu-item-content-container",propsAsIs:!1}),N=a.styled_default("span")({name:"ElMenuItemLabel",class:"el-menu-item-label",propsAsIs:!1}),P=a.styled_default("span")({name:"ElMenuItemLabelText",class:"el-menu-item-label-text",propsAsIs:!1}),T=a.styled_default("span")({name:"ElMenuItemBadgeContainer",class:"el-menu-item-badge-container",propsAsIs:!1}),q=a.styled_default("span")({name:"ElMenuItemSupplementaryInfo",class:"el-menu-item-supplementary-info",propsAsIs:!1});function x({"aria-disabled":e,as:n,badge:l,className:i,children:o,iconLeft:s,iconRight:d,onClick:c,role:f="menuitem",supplementaryInfo:m,...p}){const I=r.useId(),y=r.useId(),A=r.useId(),$=r.useCallback(M=>{if(M.currentTarget.getAttribute("aria-disabled")==="true"){M.preventDefault(),M.stopPropagation();return}c?.(M)},[c]);return t.jsxs(n,{...p,"aria-details":`${y} ${A}`,"aria-disabled":!!p.disabled||!!e,"aria-labelledby":I,className:v.cx_default(k,i),onClick:$,role:f,children:[s&&t.jsx(b,{"aria-hidden":!0,children:s}),t.jsxs(G,{children:[t.jsxs(N,{children:[o&&t.jsx(P,{id:I,children:o}),l&&t.jsx(T,{id:y,children:l})]}),m&&t.jsx(q,{id:A,children:m})]}),d&&t.jsx(b,{"aria-hidden":!0,children:d})]})}function C(e){return t.jsx(x,{as:"a",...e})}C.displayName="Menu.AnchorItem";function h(e){return t.jsx(x,{as:"button",...e})}h.displayName="Menu.Item";const L="el-menu";function w(e){return r.useCallback(n=>{e?.(n),!n.defaultPrevented&&n.target instanceof HTMLElement&&(n.target.role==="menuitem"||n.target.closest('[role="menuitem"]')!==null)&&n.currentTarget.hidePopover()},[e])}function H(e){return r.useCallback(n=>{e?.(n),!n.defaultPrevented&&(S.handleLinkActivation(n),D.handleArrowNavigation(n))},[e])}function u({"aria-labelledby":e,children:n,className:l,gap:i="--spacing-1",maxHeight:o,maxWidth:s,onClick:d,onKeyDown:c,placement:f="top-start",...m}){const p=w(d),I=H(c);return t.jsx(g.Popover,{...m,"aria-labelledby":e,anchorId:e,className:v.cx_default(L,l),elevation:"xl",gap:`var(${i})`,maxHeight:`var(${o})`,maxWidth:`var(${s})`,onClick:p,onKeyDown:I,placement:f,positionTryFallbacks:"flip-block, flip-inline",popover:"auto",role:"menu",children:n})}u.AnchorItem=C;u.Divider=B.Divider;u.Group=E;u.Item=h;u.getClosestMenuElement=g.Popover.getClosestPopoverElement;u.getTriggerProps=g.Popover.getTriggerProps;exports.AnchorMenuItem=C;exports.ElMenuGroup=j;exports.ElMenuGroupLabelContainer=_;exports.ElMenuItemBadgeContainer=T;exports.ElMenuItemContentContainer=G;exports.ElMenuItemIconContainer=b;exports.ElMenuItemLabel=N;exports.ElMenuItemLabelText=P;exports.ElMenuItemSupplementaryInfo=q;exports.Menu=u;exports.MenuGroup=E;exports.MenuItem=h;exports.MenuItemBase=x;exports.elMenu=L;exports.elMenuItem=k;

package/dist/js/modal-CVFm4Zkj.cjs

@@ -1 +0,0 @@
-"use strict";const l=require("react/jsx-runtime"),d=require("react"),o=require("./index-8ctufnBx.cjs"),t=require("./index-Dmlb2--K.cjs"),m=require("./deprecated-states-WNjTkCrU.cjs"),r=t.styled_default("div")({name:"ElModalBg",class:"el-modal-bg",propsAsIs:!1}),M=t.styled_default("div")({name:"ElModal",class:"el-modal",propsAsIs:!1}),E=t.styled_default("div")({name:"ElModalHeader",class:"el-modal-header",propsAsIs:!1}),I=t.styled_default("div")({name:"ElModalBody",class:"el-modal-body",propsAsIs:!1}),x=({className:e,children:a,...s})=>l.jsx(r,{className:o.cx_default(e),...s,children:a}),y=d.forwardRef(({className:e,children:a,...s},c)=>l.jsx(M,{className:o.cx_default(e),...s,ref:c,children:a})),p=({className:e,children:a,...s})=>l.jsx(E,{className:o.cx_default(e),...s,children:a}),j=({className:e,children:a,...s})=>l.jsx(r,{className:o.cx_default(e),...s,children:a}),v=(e,a)=>()=>{a&&e.current&&e.current.focus()},b=({isOpen:e,onModalClose:a,title:s,className:c,children:B,...u})=>{const i=u.id||d.useId(),n=d.createRef();d.useEffect(()=>{const f=_=>{_.key==="Escape"&&a()};return document.addEventListener("keyup",f,!1),()=>{document.removeEventListener("keyup",f,!1)}},[a]);const g=o.cx_default(c,m.elIsActive);return d.useEffect(v(n,e),[n,e]),d.useEffect(()=>{console.warn("Modal component will be removed in future major version. Use `Dialog` component instead")},[]),e?l.jsxs(l.Fragment,{children:[l.jsx(x,{className:m.elIsActive,onClick:a}),l.jsxs(y,{role:"dialog","aria-modal":"true","aria-describedby":i,className:g,ref:n,autoFocus:!0,...u,children:[s&&l.jsx(p,{children:s}),l.jsx(j,{id:i,children:B})]})]}):null};exports.ElModal=M;exports.ElModalBg=r;exports.ElModalBody=I;exports.ElModalHeader=E;exports.Modal=b;exports.ModalBg=x;exports.ModalBody=j;exports.ModalContainer=y;exports.ModalHeader=p;exports.handleModalFocus=v;

package/dist/js/radio-group-control-BzTfznjG.cjs

@@ -1 +0,0 @@
-"use strict";const o=require("react/jsx-runtime"),B=require("./radio-input-DFZpS_XL.cjs"),R=require("./index-Dmlb2--K.cjs"),n=require("react"),p=require("./form-control-Be_ITYmU.cjs"),y=R.styled_default("label")({name:"ElRadioButton",class:"el-radio-button",propsAsIs:!1}),E=R.styled_default("span")({name:"ElRadioButtonLabelText",class:"el-radio-button-label-text",propsAsIs:!1}),G=R.styled_default("span")({name:"ElRadioButtonSupplementaryInfo",class:"el-radio-button-supplementary-info",propsAsIs:!1}),j=n.forwardRef(({"aria-describedby":e,className:d,id:i,label:a,required:s,supplementaryInfo:r,...l},t)=>{const u=n.useId(),m=i??n.useId(),c=n.useId();return o.jsxs(y,{className:d,children:[o.jsx(B.RadioInput,{...l,"aria-describedby":e??u,"aria-labelledby":c,id:m,ref:t,required:s}),o.jsx(E,{id:c,children:a}),r&&o.jsx(G,{id:u,children:r})]})}),x=n.createContext(null);function C(){const e=n.useContext(x);if(!e)throw new Error("useRadioGroupContext must be used within a RadioGroup");return e}const I=n.forwardRef(({disabled:e,form:d,name:i,required:a,showValidity:s,...r},l)=>{const t=C();return o.jsx(j,{...r,disabled:e??t.disabled,form:d??t.form,name:i??t.name,ref:l,required:a??t.required,showValidity:s??t.showValidity})});I.displayName="RadioGroup.Option";const h=R.styled_default("div")({name:"ElRadioGroup",class:"el-radio-group",propsAsIs:!1});function f({children:e,disabled:d,errorText:i,form:a,helpText:s,label:r,name:l,orientation:t="vertical",required:u,showValidity:m,...c}){const b=n.useId();return o.jsxs(p.FormControl,{...c,"aria-describedby":b,as:"fieldset",size:"medium",children:[r&&o.jsx(p.FormControl.Label,{as:"legend",isRequired:u,children:r}),o.jsx(h,{"data-orientation":t,children:o.jsx(x.Provider,{value:{disabled:d,form:a,name:l,required:u,showValidity:m},children:e})}),i?o.jsx(p.FormControl.ErrorText,{id:b,children:i}):s&&o.jsx(p.FormControl.HelpText,{id:b,children:s})]})}f.Option=I;f.Context=x;f.useContext=C;exports.ElRadioButton=y;exports.ElRadioButtonLabelText=E;exports.ElRadioButtonSupplementaryInfo=G;exports.ElRadioGroup=h;exports.RadioButton=j;exports.RadioGroupControl=f;exports.RadioGroupControlContext=x;exports.RadioGroupControlOption=I;exports.useRadioGroupContext=C;

package/dist/js/radio-group-control-Dasa9-6L.js

@@ -1,104 +0,0 @@
-import { jsxs as h, jsx as t } from "react/jsx-runtime";
-import { R as y } from "./radio-input-Czm_n289.js";
-import { s as m } from "./index-YtxCR-9e.js";
-import { forwardRef as C, useId as c, createContext as G, useContext as B } from "react";
-import { a as p } from "./form-control-Cv1xUB2V.js";
-const w = /* @__PURE__ */ m("label")({
-  name: "ElRadioButton",
-  class: "el-radio-button",
-  propsAsIs: !1
-}), v = /* @__PURE__ */ m("span")({
-  name: "ElRadioButtonLabelText",
-  class: "el-radio-button-label-text",
-  propsAsIs: !1
-}), A = /* @__PURE__ */ m("span")({
-  name: "ElRadioButtonSupplementaryInfo",
-  class: "el-radio-button-supplementary-info",
-  propsAsIs: !1
-}), L = C(
-  ({ "aria-describedby": e, className: n, id: i, label: r, required: s, supplementaryInfo: a, ...d }, o) => {
-    const l = c(), f = i ?? c(), u = c();
-    return /* @__PURE__ */ h(w, { className: n, children: [
-      /* @__PURE__ */ t(
-        y,
-        {
-          ...d,
-          "aria-describedby": e ?? l,
-          "aria-labelledby": u,
-          id: f,
-          ref: o,
-          required: s
-        }
-      ),
-      /* @__PURE__ */ t(v, { id: u, children: r }),
-      a && /* @__PURE__ */ t(A, { id: l, children: a })
-    ] });
-  }
-), b = G(null);
-function E() {
-  const e = B(b);
-  if (!e)
-    throw new Error("useRadioGroupContext must be used within a RadioGroup");
-  return e;
-}
-const I = C(
-  ({ disabled: e, form: n, name: i, required: r, showValidity: s, ...a }, d) => {
-    const o = E();
-    return /* @__PURE__ */ t(
-      L,
-      {
-        ...a,
-        disabled: e ?? o.disabled,
-        form: n ?? o.form,
-        name: i ?? o.name,
-        ref: d,
-        required: r ?? o.required,
-        showValidity: s ?? o.showValidity
-      }
-    );
-  }
-);
-I.displayName = "RadioGroup.Option";
-const O = /* @__PURE__ */ m("div")({
-  name: "ElRadioGroup",
-  class: "el-radio-group",
-  propsAsIs: !1
-});
-function x({
-  children: e,
-  disabled: n,
-  errorText: i,
-  form: r,
-  helpText: s,
-  label: a,
-  name: d,
-  orientation: o = "vertical",
-  required: l,
-  showValidity: f,
-  ...u
-}) {
-  const R = c();
-  return (
-    // NOTE: we do not use the fieldset's native disabled, form or name attributes, because we want
-    // individual radio buttons to be able to override them.
-    /* @__PURE__ */ h(p, { ...u, "aria-describedby": R, as: "fieldset", size: "medium", children: [
-      a && /* @__PURE__ */ t(p.Label, { as: "legend", isRequired: l, children: a }),
-      /* @__PURE__ */ t(O, { "data-orientation": o, children: /* @__PURE__ */ t(b.Provider, { value: { disabled: n, form: r, name: d, required: l, showValidity: f }, children: e }) }),
-      i ? /* @__PURE__ */ t(p.ErrorText, { id: R, children: i }) : s && /* @__PURE__ */ t(p.HelpText, { id: R, children: s })
-    ] })
-  );
-}
-x.Option = I;
-x.Context = b;
-x.useContext = E;
-export {
-  w as E,
-  L as R,
-  v as a,
-  A as b,
-  x as c,
-  I as d,
-  b as e,
-  O as f,
-  E as u
-};

package/dist/js/search-input-1Ta8fJAP.js

@@ -1,76 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as E, useId as S, useState as B } from "react";
-import { SearchIcon as T } from "./icons/search.js";
-import { T as v } from "./text-input-DAMUZr1s.js";
-import "./button-base-BcnVjgNa.js";
-import { B as w } from "./button-DB4XETG9.js";
-import { ClearIcon as x } from "./icons/clear.js";
-import { CloseIcon as y } from "./icons/close.js";
-function H({
-  "aria-controls": e,
-  variant: o = "default",
-  ...r
-}) {
-  return /* @__PURE__ */ n(
-    w,
-    {
-      ...r,
-      "aria-controls": e,
-      "aria-label": "Clear",
-      hasNoPadding: !0,
-      iconLeft: o === "borderless" ? /* @__PURE__ */ n(x, {}) : /* @__PURE__ */ n(y, {}),
-      onClick: () => {
-        const t = document.getElementById(e);
-        if (t instanceof HTMLInputElement) {
-          t.value = "";
-          const a = new Event("input", { bubbles: !0, cancelable: !0 });
-          t.dispatchEvent(a), t.focus();
-        }
-      },
-      size: "medium",
-      type: "button",
-      variant: "tertiary"
-    }
-  );
-}
-const L = E(
-  ({
-    defaultValue: e,
-    disabled: o,
-    id: r,
-    onChange: s,
-    readOnly: t,
-    showValidity: a,
-    type: I = "search",
-    value: c,
-    variant: u = "default",
-    ...d
-  }, f) => {
-    const h = S(), i = r ?? h, C = c !== void 0, [l, g] = B(C ? !!c : !!e), b = !t && !o && l, p = (m) => {
-      s?.(m), g(!!m.currentTarget.value);
-    };
-    return /* @__PURE__ */ n(
-      v,
-      {
-        ...d,
-        defaultValue: e,
-        disabled: o,
-        id: i,
-        leadingIcon: !l && /* @__PURE__ */ n(T, {}),
-        onChange: p,
-        onInput: p,
-        readOnly: t,
-        ref: f,
-        showValidity: a,
-        trailingIcon: b && /* @__PURE__ */ n(H, { "aria-controls": i, variant: u }),
-        type: I,
-        value: c,
-        variant: u
-      }
-    );
-  }
-);
-L.displayName = "SearchInput";
-export {
-  L as S
-};

package/dist/js/search-input-BG7g9Hnr.cjs

@@ -1 +0,0 @@
-"use strict";const t=require("react/jsx-runtime"),a=require("react"),j=require("./icons/search.cjs"),E=require("./text-input-Ce-v6n3v.cjs");require("./button-base-tw0zLUCC.cjs");const S=require("./button-Ccwmxlgv.cjs"),B=require("./icons/clear.cjs"),v=require("./icons/close.cjs");function w({"aria-controls":n,variant:r="default",...o}){const c=()=>{const e=document.getElementById(n);if(e instanceof HTMLInputElement){e.value="";const s=new Event("input",{bubbles:!0,cancelable:!0});e.dispatchEvent(s),e.focus()}};return t.jsx(S.Button,{...o,"aria-controls":n,"aria-label":"Clear",hasNoPadding:!0,iconLeft:r==="borderless"?t.jsx(B.ClearIcon,{}):t.jsx(v.CloseIcon,{}),onClick:c,size:"medium",type:"button",variant:"tertiary"})}const h=a.forwardRef(({defaultValue:n,disabled:r,id:o,onChange:c,readOnly:e,showValidity:s,type:q="search",value:u,variant:i="default",...x},f)=>{const m=a.useId(),l=o??m,C=u!==void 0,[I,b]=a.useState(C?!!u:!!n),g=!e&&!r&&I,p=d=>{c?.(d),b(!!d.currentTarget.value)};return t.jsx(E.TextInput,{...x,defaultValue:n,disabled:r,id:l,leadingIcon:!I&&t.jsx(j.SearchIcon,{}),onChange:p,onInput:p,readOnly:e,ref:f,showValidity:s,trailingIcon:g&&t.jsx(w,{"aria-controls":l,variant:i}),type:q,value:u,variant:i})});h.displayName="SearchInput";exports.SearchInput=h;

package/dist/js/select-CL3U-vtY.cjs

@@ -1 +0,0 @@
-"use strict";const c=require("react/jsx-runtime"),r=require("react"),n=require("./index-Dmlb2--K.cjs"),e=n.styled_default("select")({name:"ElSelect",class:"el-select",propsAsIs:!1}),a=r.forwardRef(({children:t,...l},s)=>c.jsx(e,{"aria-label":"Select an item from the dropdown list",...l,ref:s,children:t}));exports.ElSelect=e;exports.Select=a;

package/dist/js/select-ZpW0tfJg.js

@@ -1,22 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-import { forwardRef as r } from "react";
-import { s as o } from "./index-YtxCR-9e.js";
-const a = /* @__PURE__ */ o("select")({
-  name: "ElSelect",
-  class: "el-select",
-  propsAsIs: !1
-}), p = r(
-  ({ children: e, ...t }, s) => /* @__PURE__ */ l(
-    a,
-    {
-      "aria-label": "Select an item from the dropdown list",
-      ...t,
-      ref: s,
-      children: e
-    }
-  )
-);
-export {
-  a as E,
-  p as S
-};

package/dist/js/select-native-control-B8_KRbGq.cjs

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

package/dist/js/select-native-control-BDdMCBb3.js

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

package/dist/js/table-CC_Ijg5n.cjs

@@ -1 +0,0 @@
-"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-CY3VaZRu.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:"top-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/text-control-CL_XW_BZ.cjs

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

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

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

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

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