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

package/dist/js/{modal-DKlfnpvX.js → modal-DHGiIVEh.js}

@@ -1,9 +1,9 @@
-import { jsx as o, jsxs as f, Fragment as y } from "react/jsx-runtime";
-import { forwardRef as g, useId as b, createRef as h, useEffect as n } from "react";
+import { jsx as o, jsxs as f, Fragment as v } from "react/jsx-runtime";
+import { forwardRef as y, useId as g, createRef as b, useEffect as n } from "react";
 import { c as l } from "./index-BsMVp4qF.js";
 import { s as d } from "./index-YtxCR-9e.js";
 import { e as u } from "./deprecated-states-CuyVqPko.js";
-const p = /* @__PURE__ */ d("div")({
+const h = /* @__PURE__ */ d("div")({
   name: "ElModalBg",
   class: "el-modal-bg",
   propsAsIs: !1
@@ -15,56 +15,56 @@ const p = /* @__PURE__ */ d("div")({
   name: "ElModalHeader",
   class: "el-modal-header",
   propsAsIs: !1
-}), R = /* @__PURE__ */ d("div")({
+}), N = /* @__PURE__ */ d("div")({
   name: "ElModalBody",
   class: "el-modal-body",
   propsAsIs: !1
-}), N = ({ className: a, children: e, ...s }) => /* @__PURE__ */ o(p, { className: l(a), ...s, children: e }), A = g(
+}), A = ({ className: a, children: e, ...s }) => /* @__PURE__ */ o(h, { className: l(a), ...s, children: e }), k = y(
   ({ className: a, children: e, ...s }, r) => /* @__PURE__ */ o(B, { className: l(a), ...s, ref: r, children: e })
-), k = ({ className: a, children: e, ...s }) => /* @__PURE__ */ o(I, { className: l(a), ...s, children: e }), x = ({ className: a, children: e, ...s }) => /* @__PURE__ */ o(p, { className: l(a), ...s, children: e }), j = (a, e) => () => {
+), x = ({ className: a, children: e, ...s }) => /* @__PURE__ */ o(I, { className: l(a), ...s, children: e }), j = ({ className: a, children: e, ...s }) => /* @__PURE__ */ o(N, { className: l(a), ...s, children: e }), w = (a, e) => () => {
   e && a.current && a.current.focus();
-}, U = ({ isOpen: a, onModalClose: e, title: s, className: r, children: M, ...t }) => {
-  const m = t.id || b(), c = h();
+}, U = ({ isOpen: a, onModalClose: e, title: s, className: r, children: p, ...t }) => {
+  const m = t.id || g(), c = b();
   n(() => {
-    const i = (v) => {
-      v.key === "Escape" && e();
+    const i = (E) => {
+      E.key === "Escape" && e();
     };
     return document.addEventListener("keyup", i, !1), () => {
       document.removeEventListener("keyup", i, !1);
     };
   }, [e]);
-  const E = l(r, u);
-  return n(j(c, a), [c, a]), n(() => {
+  const M = l(r, u);
+  return n(w(c, a), [c, a]), n(() => {
     console.warn("Modal component will be removed in future major version. Use `Dialog` component instead");
-  }, []), a ? /* @__PURE__ */ f(y, { children: [
-    /* @__PURE__ */ o(N, { className: u, onClick: e }),
+  }, []), a ? /* @__PURE__ */ f(v, { children: [
+    /* @__PURE__ */ o(A, { className: u, onClick: e }),
     /* @__PURE__ */ f(
-      A,
+      k,
       {
         role: "dialog",
         "aria-modal": "true",
         "aria-describedby": m,
-        className: E,
+        className: M,
         ref: c,
         autoFocus: !0,
         ...t,
         children: [
-          s && /* @__PURE__ */ o(k, { children: s }),
-          /* @__PURE__ */ o(x, { id: m, children: M })
+          s && /* @__PURE__ */ o(x, { children: s }),
+          /* @__PURE__ */ o(j, { id: m, children: p })
         ]
       }
     )
   ] }) : null;
 };
 export {
-  p as E,
-  N as M,
+  h as E,
+  A as M,
   B as a,
   I as b,
-  R as c,
-  A as d,
-  k as e,
-  x as f,
+  N as c,
+  k as d,
+  x as e,
+  j as f,
   U as g,
-  j as h
+  w as h
 };

package/dist/js/modal-DtRra0Y8.cjs

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

package/dist/js/{pagination-C1lz9wwq.js → pagination-AKajPRWK.js}

@@ -1,6 +1,6 @@
 import { jsx as i, jsxs as u } from "react/jsx-runtime";
 import { s } from "./index-YtxCR-9e.js";
-import { B as m } from "./button-base-B_Ks3sJk.js";
+import { B as m } from "./button-base-BcnVjgNa.js";
 import { ChevronLeftIcon as k } from "./icons/chevron-left.js";
 import { ChevronRightIcon as I } from "./icons/chevron-right.js";
 import { useCallback as c } from "react";

package/dist/js/{pagination-Bn3xDaYg.cjs → pagination-BsjPCoTa.cjs}

@@ -1 +1 @@
-"use strict";const a=require("react/jsx-runtime"),l=require("./index-Dmlb2--K.cjs"),h=require("./button-base-D8LjBAOF.cjs"),k=require("./icons/chevron-left.cjs"),L=require("./icons/chevron-right.cjs"),g=require("react"),u=l.styled_default("span")({name:"ElPaginationInfo",class:"el-pagination-info",propsAsIs:!1});function r({pageNumber:n,pageCount:i,...t}){return a.jsx(u,{...t,children:`${n} of ${i}`})}function d(n,i,t){return n==="next-page"?i===t:i===1}const f=l.styled_default("nav")({name:"ElPagination",class:"el-pagination",propsAsIs:!1}),P=l.styled_default("ul")({name:"ElPaginationList",class:"el-pagination-list",propsAsIs:!1}),o=l.styled_default("li")({name:"ElPaginationItem",class:"el-pagination-item",propsAsIs:!1});function E(n,i,t){switch(n){case"next-page":return`Page ${Math.min(t,i+1)}`;case"previous-page":return`Page ${Math.max(1,i-1)}`}}function v(n,i,t){return{"aria-disabled":d(n,i,t),"aria-label":E(n,i,t),variant:n}}function x({variant:n,...i}){const t=n==="next-page"?a.jsx(L.ChevronRightIcon,{}):a.jsx(k.ChevronLeftIcon,{});return a.jsx(h.ButtonBase,{...i,iconLeft:t,size:"small",variant:"tertiary"})}function B(n){return a.jsx(x,{...n,as:"a"})}function c({type:n="button",...i}){return a.jsx(x,{...i,as:"button",type:n})}function s({leftAction:n,onPageChange:i,pageCount:t,pageNumber:e,rightAction:p}){const I=g.useCallback(()=>{i?.(e+1)},[e]),j=g.useCallback(()=>{i?.(e-1)},[e]);return a.jsx(f,{"aria-label":"Pagination",children:a.jsxs(P,{children:[a.jsx(o,{children:n??a.jsx(c,{"aria-label":"Go to previous page",disabled:e===1,onClick:j,variant:"previous-page"})}),a.jsx(o,{children:a.jsx(r,{pageNumber:e,pageCount:t})}),a.jsx(o,{children:p??a.jsx(c,{"aria-label":"Go to next page",disabled:e===t,onClick:I,variant:"next-page"})})]})})}s.Info=r;s.Link=B;s.LinkButton=c;s.getLinkProps=v;exports.ElPagination=f;exports.ElPaginationInfo=u;exports.ElPaginationItem=o;exports.ElPaginationList=P;exports.Pagination=s;exports.PaginationInfo=r;exports.isTerminalPage=d;
+"use strict";const a=require("react/jsx-runtime"),l=require("./index-Dmlb2--K.cjs"),h=require("./button-base-tw0zLUCC.cjs"),k=require("./icons/chevron-left.cjs"),L=require("./icons/chevron-right.cjs"),g=require("react"),u=l.styled_default("span")({name:"ElPaginationInfo",class:"el-pagination-info",propsAsIs:!1});function r({pageNumber:n,pageCount:i,...t}){return a.jsx(u,{...t,children:`${n} of ${i}`})}function d(n,i,t){return n==="next-page"?i===t:i===1}const f=l.styled_default("nav")({name:"ElPagination",class:"el-pagination",propsAsIs:!1}),P=l.styled_default("ul")({name:"ElPaginationList",class:"el-pagination-list",propsAsIs:!1}),o=l.styled_default("li")({name:"ElPaginationItem",class:"el-pagination-item",propsAsIs:!1});function E(n,i,t){switch(n){case"next-page":return`Page ${Math.min(t,i+1)}`;case"previous-page":return`Page ${Math.max(1,i-1)}`}}function v(n,i,t){return{"aria-disabled":d(n,i,t),"aria-label":E(n,i,t),variant:n}}function x({variant:n,...i}){const t=n==="next-page"?a.jsx(L.ChevronRightIcon,{}):a.jsx(k.ChevronLeftIcon,{});return a.jsx(h.ButtonBase,{...i,iconLeft:t,size:"small",variant:"tertiary"})}function B(n){return a.jsx(x,{...n,as:"a"})}function c({type:n="button",...i}){return a.jsx(x,{...i,as:"button",type:n})}function s({leftAction:n,onPageChange:i,pageCount:t,pageNumber:e,rightAction:p}){const I=g.useCallback(()=>{i?.(e+1)},[e]),j=g.useCallback(()=>{i?.(e-1)},[e]);return a.jsx(f,{"aria-label":"Pagination",children:a.jsxs(P,{children:[a.jsx(o,{children:n??a.jsx(c,{"aria-label":"Go to previous page",disabled:e===1,onClick:j,variant:"previous-page"})}),a.jsx(o,{children:a.jsx(r,{pageNumber:e,pageCount:t})}),a.jsx(o,{children:p??a.jsx(c,{"aria-label":"Go to next page",disabled:e===t,onClick:I,variant:"next-page"})})]})})}s.Info=r;s.Link=B;s.LinkButton=c;s.getLinkProps=v;exports.ElPagination=f;exports.ElPaginationInfo=u;exports.ElPaginationItem=o;exports.ElPaginationList=P;exports.Pagination=s;exports.PaginationInfo=r;exports.isTerminalPage=d;

package/dist/js/popover-CH-6Mc2I.js

@@ -0,0 +1,85 @@
+import { jsxs as A, jsx as C } from "react/jsx-runtime";
+import { A as I } from "./anchor-positioning-BE1BAJzc.js";
+import { c as T } from "./index-BsMVp4qF.js";
+function b({
+  id: o,
+  popoverTarget: e,
+  popoverTargetAction: r
+}) {
+  return {
+    id: o,
+    popovertarget: e,
+    popovertargetaction: r
+  };
+}
+const y = "el-popover";
+function N(o) {
+  return o.closest("[popover]");
+}
+function n({
+  alignSelf: o,
+  anchorId: e,
+  borderRadius: r,
+  children: p,
+  className: s,
+  bottom: a,
+  elevation: i = "none",
+  gap: l,
+  id: t,
+  justifySelf: g,
+  left: v,
+  maxHeight: c,
+  maxWidth: m,
+  minWidth: u,
+  placement: P,
+  positionTryFallbacks: d,
+  popover: f = "auto",
+  right: h,
+  style: x,
+  top: E,
+  ...j
+}) {
+  return /* @__PURE__ */ A(
+    "div",
+    {
+      ...j,
+      className: T(y, s),
+      "data-elevation": i,
+      id: t,
+      popover: f,
+      style: {
+        ...x,
+        "--popover-border-radius": r,
+        "--popover-max-height": c
+      },
+      children: [
+        /* @__PURE__ */ C(
+          I,
+          {
+            anchorElementId: e,
+            alignSelf: o,
+            bottom: a,
+            gap: l,
+            justifySelf: g,
+            left: v,
+            maxWidth: m,
+            minWidth: u,
+            placement: P,
+            positionedElementId: t,
+            positionTryFallbacks: d,
+            right: h,
+            top: E
+          }
+        ),
+        p
+      ]
+    }
+  );
+}
+n.getTriggerProps = b;
+n.getClosestPopoverElement = N;
+export {
+  n as P,
+  y as e,
+  b as g
+};

package/dist/js/popover-CUAeSUdU.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),I=require("./anchor-positioning-DGfgb1OU.cjs"),b=require("./index-8ctufnBx.cjs");function i({id:e,popoverTarget:o,popoverTargetAction:r}){return{id:e,popovertarget:o,popovertargetaction:r}}const p="el-popover";function y(e){return e.closest("[popover]")}function t({alignSelf:e,anchorId:o,borderRadius:r,children:c,className:g,bottom:v,elevation:l="none",gap:a,id:n,justifySelf:u,left:P,maxHeight:d,maxWidth:m,minWidth:h,placement:x,positionTryFallbacks:f,popover:E="auto",right:j,style:q,top:T,...C}){return s.jsxs("div",{...C,className:b.cx_default(p,g),"data-elevation":l,id:n,popover:E,style:{...q,"--popover-border-radius":r,"--popover-max-height":d},children:[s.jsx(I.AnchorPositioning,{anchorElementId:o,alignSelf:e,bottom:v,gap:a,justifySelf:u,left:P,maxWidth:m,minWidth:h,placement:x,positionedElementId:n,positionTryFallbacks:f,right:j,top:T}),c]})}t.getTriggerProps=i;t.getClosestPopoverElement=y;exports.Popover=t;exports.elPopover=p;exports.getPopoverTriggerProps=i;

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

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

package/dist/js/radio-group-control-CIi2IzvJ.js

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

package/dist/js/search-input-P7uo0pIh.js

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

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

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

package/dist/js/select-BcO4bwIu.cjs

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

package/dist/js/select-CUsOgdsQ.js

@@ -0,0 +1,53 @@
+import { jsx as i } from "react/jsx-runtime";
+import { $ as b, g as t } from "./combobox-vYU1IEFA.js";
+import "./button-base-BcnVjgNa.js";
+import "react";
+import "./listbox-z26X2kKG.js";
+import "./icons/close.js";
+import "./icons/chevron-down.js";
+import "./search-input-P7uo0pIh.js";
+function u({
+  defaultOptions: n,
+  onClick: s,
+  placeholder: p = "Select an option",
+  ...a
+}) {
+  const r = b({ onClick: s }), e = t.useContext(), l = t.useHasSelection(e.listboxId), d = l && !e.multiple, c = !l || e.multiple;
+  return /* @__PURE__ */ i(
+    t.Button,
+    {
+      ...a,
+      ...r,
+      action: d ? /* @__PURE__ */ i(t.ClearButton, { "aria-controls": e.listboxId, disabled: e.disabled }) : /* @__PURE__ */ i(t.OpenPopupButton, { "aria-controls": e.popupId, disabled: e.disabled }),
+      placeholder: p,
+      size: e.size,
+      children: c ? p : /* @__PURE__ */ i(t.SelectedContent, { defaultOptions: n, listboxId: e.listboxId })
+    }
+  );
+}
+u.displayName = "Select.Button";
+function m({ closeOnSelection: n = "auto", ...s }) {
+  return /* @__PURE__ */ i(t.Popup, { ...s, closeOnSelection: n });
+}
+function o(n) {
+  return /* @__PURE__ */ i(t, { ...n });
+}
+o.getValue = t.getListboxValue;
+o.getListboxId = t.getListboxId;
+o.getPopupId = t.getPopupId;
+o.Button = u;
+o.DefaultOptionsContext = t.DefaultOptionsContext;
+o.Divider = t.Divider;
+o.Listbox = t.Listbox;
+o.Option = t.Option;
+o.OptionAdditionalInfo = t.OptionAdditionalInfo;
+o.Optgroup = t.Optgroup;
+o.Popup = m;
+o.SelectionChips = t.SelectionChips;
+o.SelectionChipsItem = t.SelectionChipsItem;
+o.useState = t.useState;
+export {
+  o as S,
+  u as a,
+  m as b
+};

package/dist/js/select-CsCYHJSX.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("react/jsx-runtime"),o=require("./combobox-DmzxFDJp.cjs");require("./button-base-tw0zLUCC.cjs");require("react");require("./listbox-WqmeAQ3c.cjs");require("./icons/close.cjs");require("./icons/chevron-down.cjs");require("./search-input-iGgUwfw7.cjs");function s({defaultOptions:b,onClick:n,placeholder:u="Select an option",...p}){const r=o.useComboboxButton({onClick:n}),e=o.Combobox.useContext(),x=o.Combobox.useHasSelection(e.listboxId),c=x&&!e.multiple,C=!x||e.multiple;return i.jsx(o.Combobox.Button,{...p,...r,action:c?i.jsx(o.Combobox.ClearButton,{"aria-controls":e.listboxId,disabled:e.disabled}):i.jsx(o.Combobox.OpenPopupButton,{"aria-controls":e.popupId,disabled:e.disabled}),placeholder:u,size:e.size,children:C?u:i.jsx(o.Combobox.SelectedContent,{defaultOptions:b,listboxId:e.listboxId})})}s.displayName="Select.Button";function l({closeOnSelection:b="auto",...n}){return i.jsx(o.Combobox.Popup,{...n,closeOnSelection:b})}function t(b){return i.jsx(o.Combobox,{...b})}t.getValue=o.Combobox.getListboxValue;t.getListboxId=o.Combobox.getListboxId;t.getPopupId=o.Combobox.getPopupId;t.Button=s;t.DefaultOptionsContext=o.Combobox.DefaultOptionsContext;t.Divider=o.Combobox.Divider;t.Listbox=o.Combobox.Listbox;t.Option=o.Combobox.Option;t.OptionAdditionalInfo=o.Combobox.OptionAdditionalInfo;t.Optgroup=o.Combobox.Optgroup;t.Popup=l;t.SelectionChips=o.Combobox.SelectionChips;t.SelectionChipsItem=o.Combobox.SelectionChipsItem;t.useState=o.Combobox.useState;exports.Select=t;exports.SelectButton=s;exports.SelectPopup=l;

package/dist/js/select-GBZSXtmy.js

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

package/dist/js/select-control-DtOt-YWz.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),i=require("./form-control-Be_ITYmU.cjs"),o=require("./select-CsCYHJSX.cjs");require("./combobox-DmzxFDJp.cjs");require("./button-base-tw0zLUCC.cjs");const c=require("react");require("./listbox-WqmeAQ3c.cjs");require("./icons/close.cjs");require("./icons/chevron-down.cjs");require("./search-input-iGgUwfw7.cjs");function h({children:m,defaultOptions:x,disabled:C,errorText:r,helpText:t,id:I,label:n,maxWidth:j,multiple:d,required:l,size:u="medium",...S}){const v=c.useId(),s=I??v,a=c.useId(),q=c.useId();return e.jsx(i.FormControl,{as:"div",size:u,maxWidth:j,children:e.jsxs(o.Select.DefaultOptionsContext.Provider,{value:x??[],children:[n&&e.jsx(i.FormControl.Label,{htmlFor:s,isRequired:l,children:n}),e.jsx(o.Select,{...S,"aria-describedby":t&&!r?a:void 0,"aria-errormessage":r?q:void 0,"aria-invalid":r?!0:void 0,id:s,multiple:d,required:l,size:u,children:m}),r?e.jsx(i.FormControl.ErrorText,{id:q,children:r}):t&&e.jsx(i.FormControl.HelpText,{id:a,children:t}),d&&e.jsx(o.Select.SelectionChips,{disabled:C,listboxId:o.Select.getListboxId(s)})]})})}exports.SelectControl=h;

package/dist/js/select-control-k3vB6VlD.js

@@ -0,0 +1,48 @@
+import { jsx as i, jsxs as x } from "react/jsx-runtime";
+import { a as t } from "./form-control-Cv1xUB2V.js";
+import { S as r } from "./select-CUsOgdsQ.js";
+import "./combobox-vYU1IEFA.js";
+import "./button-base-BcnVjgNa.js";
+import { useId as s } from "react";
+import "./listbox-z26X2kKG.js";
+import "./icons/close.js";
+import "./icons/chevron-down.js";
+import "./search-input-P7uo0pIh.js";
+function O({
+  children: f,
+  defaultOptions: v,
+  disabled: I,
+  errorText: o,
+  helpText: d,
+  id: h,
+  label: m,
+  maxWidth: u,
+  multiple: n,
+  required: a,
+  size: c = "medium",
+  ...S
+}) {
+  const b = s(), e = h ?? b, l = s(), p = s();
+  return /* @__PURE__ */ i(t, { as: "div", size: c, maxWidth: u, children: /* @__PURE__ */ x(r.DefaultOptionsContext.Provider, { value: v ?? [], children: [
+    m && /* @__PURE__ */ i(t.Label, { htmlFor: e, isRequired: a, children: m }),
+    /* @__PURE__ */ i(
+      r,
+      {
+        ...S,
+        "aria-describedby": d && !o ? l : void 0,
+        "aria-errormessage": o ? p : void 0,
+        "aria-invalid": o ? !0 : void 0,
+        id: e,
+        multiple: n,
+        required: a,
+        size: c,
+        children: f
+      }
+    ),
+    o ? /* @__PURE__ */ i(t.ErrorText, { id: p, children: o }) : d && /* @__PURE__ */ i(t.HelpText, { id: l, children: d }),
+    n && /* @__PURE__ */ i(r.SelectionChips, { disabled: I, listboxId: r.getListboxId(e) })
+  ] }) });
+}
+export {
+  O as S
+};

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

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

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

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