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

package/dist/js/progress-bar-BQvqKfKr.js

@@ -0,0 +1,85 @@
+import { jsx as a, jsxs as t } from "react/jsx-runtime";
+import { useState as c, useEffect as g } from "react";
+import { s as l } from "./index-YtxCR-9e.js";
+const B = /* @__PURE__ */ l("div")({
+  name: "ElProgressBarContainer",
+  class: "el-progress-bar-container",
+  propsAsIs: !1
+}), h = /* @__PURE__ */ l("div")({
+  name: "ElProgressBarLabel",
+  class: "el-progress-bar-label",
+  propsAsIs: !1
+}), v = /* @__PURE__ */ l("div")({
+  name: "ElProgressBarInner",
+  class: "el-progress-bar-inner",
+  propsAsIs: !1
+}), I = /* @__PURE__ */ l("div")({
+  name: "ElProgressBarItem",
+  class: "el-progress-bar-item",
+  propsAsIs: !1
+}), m = "el-progress-bar-label-right", x = "el-progress-bar-label-left", P = ({ children: e, ...r }) => /* @__PURE__ */ a(B, { ...r, children: e }), d = ({ children: e, ...r }) => /* @__PURE__ */ a(v, { ...r, children: e }), p = ({ children: e, ...r }) => /* @__PURE__ */ a(I, { ...r, children: e }), b = ({ children: e, ...r }) => /* @__PURE__ */ a(h, { ...r, children: e }), u = (e, r) => () => {
+  const o = window.setInterval(() => {
+    e((s) => s < 100 ? ++s : s);
+  }, r);
+  return () => window.clearInterval(o);
+}, A = ({ duration: e, showLabel: r = !0, ...o }) => {
+  const [s, n] = c(0), i = e * 10, f = e / 60;
+  return g(u(n, i), [s]), /* @__PURE__ */ t(P, { ...o, children: [
+    /* @__PURE__ */ a(
+      d,
+      {
+        "aria-valuenow": s,
+        "aria-valuemax": 100,
+        "aria-valuemin": 0,
+        role: "meter",
+        "aria-label": "Progress bar indicator for this task",
+        style: { width: `${s}%`, transitionDuration: `${f}s` },
+        children: /* @__PURE__ */ a(p, {})
+      }
+    ),
+    r && /* @__PURE__ */ t(b, { className: m, children: [
+      s,
+      "%"
+    ] })
+  ] });
+}, C = (e, r, o) => () => {
+  e(r / o * 100);
+}, j = ({ numberSteps: e, currentStep: r, showLabel: o = !0, ...s }) => {
+  const [n, i] = c(r / e * 100);
+  return g(C(i, r, e), [r]), /* @__PURE__ */ t(P, { ...s, children: [
+    /* @__PURE__ */ a(
+      d,
+      {
+        "aria-valuenow": r,
+        "aria-valuemax": e,
+        "aria-valuemin": 0,
+        role: "meter",
+        "aria-label": "Progress bar indicator for this task",
+        style: { width: `${n}%` },
+        children: /* @__PURE__ */ a(p, {})
+      }
+    ),
+    o && /* @__PURE__ */ t(b, { className: m, children: [
+      r,
+      "/",
+      e,
+      " Completed"
+    ] })
+  ] });
+};
+export {
+  B as E,
+  P,
+  h as a,
+  v as b,
+  I as c,
+  x as d,
+  m as e,
+  d as f,
+  p as g,
+  b as h,
+  u as i,
+  A as j,
+  C as k,
+  j as l
+};

package/dist/js/progress-bar-CYqatPD6.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),l=require("react"),o=require("./index-Dmlb2--K.cjs"),m=o.styled_default("div")({name:"ElProgressBarContainer",class:"el-progress-bar-container",propsAsIs:!1}),p=o.styled_default("div")({name:"ElProgressBarLabel",class:"el-progress-bar-label",propsAsIs:!1}),u=o.styled_default("div")({name:"ElProgressBarInner",class:"el-progress-bar-inner",propsAsIs:!1}),b=o.styled_default("div")({name:"ElProgressBarItem",class:"el-progress-bar-item",propsAsIs:!1}),g="el-progress-bar-label-right",I="el-progress-bar-label-left",c=({children:e,...r})=>s.jsx(m,{...r,children:e}),P=({children:e,...r})=>s.jsx(u,{...r,children:e}),d=({children:e,...r})=>s.jsx(b,{...r,children:e}),B=({children:e,...r})=>s.jsx(p,{...r,children:e}),f=(e,r)=>()=>{const t=window.setInterval(()=>{e(a=>a<100?++a:a)},r);return()=>window.clearInterval(t)},C=({duration:e,showLabel:r=!0,...t})=>{const[a,n]=l.useState(0),i=e*10,x=e/60;return l.useEffect(f(n,i),[a]),s.jsxs(c,{...t,children:[s.jsx(P,{"aria-valuenow":a,"aria-valuemax":100,"aria-valuemin":0,role:"meter","aria-label":"Progress bar indicator for this task",style:{width:`${a}%`,transitionDuration:`${x}s`},children:s.jsx(d,{})}),r&&s.jsxs(B,{className:g,children:[a,"%"]})]})},h=(e,r,t)=>()=>{e(r/t*100)},E=({numberSteps:e,currentStep:r,showLabel:t=!0,...a})=>{const[n,i]=l.useState(r/e*100);return l.useEffect(h(i,r,e),[r]),s.jsxs(c,{...a,children:[s.jsx(P,{"aria-valuenow":r,"aria-valuemax":e,"aria-valuemin":0,role:"meter","aria-label":"Progress bar indicator for this task",style:{width:`${n}%`},children:s.jsx(d,{})}),t&&s.jsxs(B,{className:g,children:[r,"/",e," Completed"]})]})};exports.ElProgressBarContainer=m;exports.ElProgressBarInner=u;exports.ElProgressBarItem=b;exports.ElProgressBarLabel=p;exports.ProgressBarContainer=c;exports.ProgressBarInner=P;exports.ProgressBarItem=d;exports.ProgressBarLabel=B;exports.ProgressBarPercentage=C;exports.ProgressBarSteps=E;exports.elProgressBarLabelLeft=I;exports.elProgressBarLabelRight=g;exports.handleSetPercentageComplete=f;exports.handleSetPercentageCompleteSteps=h;

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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1,104 @@
+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/radio-input-Czm_n289.js

@@ -0,0 +1,32 @@
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import { RadioIcon as l } from "./icons/radio.js";
+import { RadioSelectedIcon as c } from "./icons/radio-selected.js";
+import { s as i } from "./index-YtxCR-9e.js";
+import { forwardRef as u } from "react";
+const m = /* @__PURE__ */ i("div")({
+  name: "ElRadioInputContainer",
+  class: "el-radio-input-container",
+  propsAsIs: !1
+}), I = /* @__PURE__ */ i("input")({
+  name: "ElRadioInput",
+  class: "el-radio-input",
+  propsAsIs: !1
+}), o = "el-radio-input-icon", R = u(
+  ({ className: e, showValidity: n, style: s, type: t = "radio", ...d }, r) => (
+    // 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__ */ p(m, { className: e, style: s, children: [
+      /* @__PURE__ */ a(I, { ...d, "data-show-validity": !!n, ref: r, type: t }),
+      /* @__PURE__ */ a(c, { "aria-hidden": !0, className: o, "data-show-when": "checked" }),
+      /* @__PURE__ */ a(l, { "aria-hidden": !0, className: o, "data-show-when": "unchecked" })
+    ] })
+  )
+);
+R.displayName = "RadioInput";
+export {
+  m as E,
+  R,
+  I as a,
+  o as e
+};

package/dist/js/radio-input-DFZpS_XL.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),p=require("./icons/radio.cjs"),I=require("./icons/radio-selected.cjs"),n=require("./index-Dmlb2--K.cjs"),R=require("react"),i=n.styled_default("div")({name:"ElRadioInputContainer",class:"el-radio-input-container",propsAsIs:!1}),o=n.styled_default("input")({name:"ElRadioInput",class:"el-radio-input",propsAsIs:!1}),a="el-radio-input-icon",t=R.forwardRef(({className:s,showValidity:d,style:r,type:c="radio",...u},l)=>e.jsxs(i,{className:s,style:r,children:[e.jsx(o,{...u,"data-show-validity":!!d,ref:l,type:c}),e.jsx(I.RadioSelectedIcon,{"aria-hidden":!0,className:a,"data-show-when":"checked"}),e.jsx(p.RadioIcon,{"aria-hidden":!0,className:a,"data-show-when":"unchecked"})]}));t.displayName="RadioInput";exports.ElRadioInput=o;exports.ElRadioInputContainer=i;exports.RadioInput=t;exports.elRadioInputIcon=a;

package/dist/js/random-id-DZgLyZZR.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("react"),e=()=>{try{const t=`random-${Math.random().toString(36).substring(7)}`;return window?.process?.env?.NODE_ENV==="test"?"test-static-id":t}catch{return""}},s=t=>r.useMemo(()=>t||e(),[t]);exports.generateRandomId=e;exports.useId=s;

package/dist/js/random-id-Dlehz5dT.js

@@ -0,0 +1,13 @@
+import { useMemo as n } from "react";
+const s = () => {
+  try {
+    const t = `random-${Math.random().toString(36).substring(7)}`;
+    return window?.process?.env?.NODE_ENV === "test" ? "test-static-id" : t;
+  } catch {
+    return "";
+  }
+}, o = (t) => n(() => t || s(), [t]);
+export {
+  s as g,
+  o as u
+};

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

@@ -0,0 +1,76 @@
+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

@@ -0,0 +1 @@
+"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/searchable-dropdown-Ca7gHFm3.js

@@ -0,0 +1,164 @@
+import { jsxs as C, Fragment as N, jsx as o } from "react/jsx-runtime";
+import u, { forwardRef as v, useId as T, useEffect as L } from "react";
+import { D as R } from "./icon-component-BjtO14Ws.js";
+import { s } from "./index-YtxCR-9e.js";
+import { I as j } from "./input-add-on-9tTi0TDx.js";
+import { I as z } from "./input-BAHH_XUP.js";
+import { L as M } from "./loader-gryNuf6D.js";
+import { D as y } from "./label-BoKeqbdn.js";
+import { h as V } from "./multi-select-CDuuYtH-.js";
+import { g as F } from "./random-id-Dlehz5dT.js";
+import { g as $ } from "./deprecated-spacing-CGGxnk0m.js";
+import { w as q } from "./deprecated-flexbox-DQBOO02s.js";
+import { c as G } from "./index-BsMVp4qF.js";
+const H = /* @__PURE__ */ s("div")({
+  name: "ElSearchableDropdownContainer",
+  class: "el-searchable-dropdown-container",
+  propsAsIs: !1
+}), _ = /* @__PURE__ */ s("div")({
+  name: "ElSearchableDropdownResult",
+  class: "el-searchable-dropdown-result",
+  propsAsIs: !1
+}), J = /* @__PURE__ */ s("div")({
+  name: "ElSearchableDropdownResultsContainer",
+  class: "el-searchable-dropdown-results-container",
+  propsAsIs: !1
+}), K = () => j, Q = /* @__PURE__ */ s(K())({
+  name: "ElSearchableDropdownSearchInputAddOn",
+  class: "el-searchable-dropdown-search-input-add-on",
+  propsAsIs: !0
+}), U = () => R, W = /* @__PURE__ */ s(U())({
+  name: "ElSearchableDropdownCloseButton",
+  class: "el-searchable-dropdown-close-button",
+  propsAsIs: !0
+}), X = () => z, Y = /* @__PURE__ */ s(X())({
+  name: "ElSearchableDropdownSearchInput",
+  class: "el-searchable-dropdown-search-input",
+  propsAsIs: !0
+}), Z = () => y, P = /* @__PURE__ */ s(Z())({
+  name: "ElSearchableDropdownSearchLabel",
+  class: "el-searchable-dropdown-search-label",
+  propsAsIs: !0
+}), ee = () => M, oe = /* @__PURE__ */ s(ee())({
+  name: "ElSearchableDropdownSearchLoader",
+  class: "el-searchable-dropdown-search-loader",
+  propsAsIs: !0
+}), ae = ({
+  isResultsListVisible: n,
+  icon: l = "search",
+  loading: c,
+  resultsList: t,
+  onResultClick: m,
+  onClear: r,
+  isClearVisible: I,
+  value: b,
+  selectedValue: E,
+  id: S,
+  label: d,
+  ...a
+}, w) => {
+  const p = T();
+  return /* @__PURE__ */ C(N, { children: [
+    d && /* @__PURE__ */ o(y, { className: G(q, $), htmlFor: S, children: d }),
+    /* @__PURE__ */ C(
+      H,
+      {
+        role: "combobox",
+        "aria-expanded": n,
+        "aria-controls": p,
+        "aria-haspopup": "listbox",
+        children: [
+          /* @__PURE__ */ o("input", { id: S, style: { display: "none" }, readOnly: !0, value: E, ref: w }),
+          /* @__PURE__ */ o(Q, { children: /* @__PURE__ */ o(R, { icon: l, fontSize: "1rem", intent: "default" }) }),
+          /* @__PURE__ */ o(Y, { "data-testid": "search-input", value: b, ...a }),
+          n && /* @__PURE__ */ C(J, { role: "listbox", id: p, children: [
+            t.map((i, h) => /* @__PURE__ */ o(
+              _,
+              {
+                "data-testid": `dropdown-result-${h}`,
+                role: "option",
+                onClick: () => m(i),
+                children: i.label
+              },
+              F()
+            )),
+            !c && !t.length && /* @__PURE__ */ o(_, { children: "No results found" })
+          ] }),
+          c && /* @__PURE__ */ o(oe, {}),
+          I && /* @__PURE__ */ o(W, { icon: "close", onClick: r })
+        ]
+      }
+    )
+  ] });
+}, re = v(ae), se = ({
+  getResults: n,
+  icon: l,
+  getResultValue: c,
+  getResultLabel: t,
+  onChange: m,
+  defaultVal: r,
+  id: I,
+  ...b
+}, E) => {
+  const S = r ? c(r) : "", d = I ?? F(), [a, w] = u.useState(r ? t(r) : ""), [p, i] = u.useState(!1), [h, O] = u.useState(r ? [r] : []), [k, f] = u.useState(!1), [x, B] = u.useState(S);
+  L(() => {
+    a.length > 2 && !h.map(t).includes(a) && (i(!0), n(a).then((e) => {
+      O(e), i(!1), f(!0);
+    }).catch((e) => console.error(e)));
+  }, [a]), L(V(d, [a]), [a]);
+  const A = (e, D) => {
+    w(e), B(D), f(!1), m && m({
+      target: {
+        ...b,
+        value: D
+      }
+    });
+  };
+  let g;
+  return /* @__PURE__ */ o(
+    re,
+    {
+      onChange: (e) => {
+        w(e.target.value);
+      },
+      onFocus: () => {
+        h.length > 0 && a.length > 2 && (clearTimeout(g), f(!0));
+      },
+      onBlur: () => {
+        g = setTimeout(() => {
+          f(!1);
+        }, 200);
+      },
+      value: a,
+      ref: E,
+      isResultsListVisible: k,
+      icon: l || "search",
+      loading: p,
+      resultsList: h.map((e) => ({
+        label: t(e),
+        result: e
+      })),
+      onResultClick: ({ label: e, result: D }) => {
+        A(e, c(D));
+      },
+      selectedValue: x,
+      onClear: () => A("", ""),
+      isClearVisible: !!x && !p,
+      id: d,
+      ...b
+    }
+  );
+}, fe = v(se), De = ({ children: n, ...l }) => /* @__PURE__ */ o(P, { ...l, children: n });
+export {
+  re as C,
+  H as E,
+  fe as S,
+  De as a,
+  _ as b,
+  J as c,
+  Q as d,
+  W as e,
+  Y as f,
+  P as g,
+  oe as h
+};

package/dist/js/searchable-dropdown-DK16dDGU.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),o=require("react"),q=require("./icon-component-BI1VsBsU.cjs"),s=require("./index-Dmlb2--K.cjs"),M=require("./input-add-on-BmnyqjKU.cjs"),V=require("./input-tIcy7mp9.cjs"),$=require("./loader-9mmsZbWY.cjs"),A=require("./label--7XjYm7s.cjs"),G=require("./multi-select-CXFZEyBX.cjs"),L=require("./random-id-DZgLyZZR.cjs"),H=require("./deprecated-spacing-7wANCtsp.cjs"),J=require("./deprecated-flexbox-CyRYD5_S.cjs"),K=require("./index-8ctufnBx.cjs"),R=s.styled_default("div")({name:"ElSearchableDropdownContainer",class:"el-searchable-dropdown-container",propsAsIs:!1}),m=s.styled_default("div")({name:"ElSearchableDropdownResult",class:"el-searchable-dropdown-result",propsAsIs:!1}),y=s.styled_default("div")({name:"ElSearchableDropdownResultsContainer",class:"el-searchable-dropdown-results-container",propsAsIs:!1}),Q=()=>M.InputAddOn,g=s.styled_default(Q())({name:"ElSearchableDropdownSearchInputAddOn",class:"el-searchable-dropdown-search-input-add-on",propsAsIs:!0}),U=()=>q.DeprecatedIcon,v=s.styled_default(U())({name:"ElSearchableDropdownCloseButton",class:"el-searchable-dropdown-close-button",propsAsIs:!0}),W=()=>V.Input,O=s.styled_default(W())({name:"ElSearchableDropdownSearchInput",class:"el-searchable-dropdown-search-input",propsAsIs:!0}),X=()=>A.DeprecatedLabel,F=s.styled_default(X())({name:"ElSearchableDropdownSearchLabel",class:"el-searchable-dropdown-search-label",propsAsIs:!0}),Y=()=>$.Loader,B=s.styled_default(Y())({name:"ElSearchableDropdownSearchLoader",class:"el-searchable-dropdown-search-loader",propsAsIs:!0}),Z=({isResultsListVisible:l,icon:c="search",loading:d,resultsList:t,onResultClick:b,onClear:n,isClearVisible:I,value:S,selectedValue:E,id:w,label:p,...a},D)=>{const u=o.useId();return e.jsxs(e.Fragment,{children:[p&&e.jsx(A.DeprecatedLabel,{className:K.cx_default(J.elFlex,H.elMb3),htmlFor:w,children:p}),e.jsxs(R,{role:"combobox","aria-expanded":l,"aria-controls":u,"aria-haspopup":"listbox",children:[e.jsx("input",{id:w,style:{display:"none"},readOnly:!0,value:E,ref:D}),e.jsx(g,{children:e.jsx(q.DeprecatedIcon,{icon:c,fontSize:"1rem",intent:"default"})}),e.jsx(O,{"data-testid":"search-input",value:S,...a}),l&&e.jsxs(y,{role:"listbox",id:u,children:[t.map((i,h)=>e.jsx(m,{"data-testid":`dropdown-result-${h}`,role:"option",onClick:()=>b(i),children:i.label},L.generateRandomId())),!d&&!t.length&&e.jsx(m,{children:"No results found"})]}),d&&e.jsx(B,{}),I&&e.jsx(v,{icon:"close",onClick:n})]})]})},k=o.forwardRef(Z),P=({getResults:l,icon:c,getResultValue:d,getResultLabel:t,onChange:b,defaultVal:n,id:I,...S},E)=>{const w=n?d(n):"",p=I??L.generateRandomId(),[a,D]=o.useState(n?t(n):""),[u,i]=o.useState(!1),[h,N]=o.useState(n?[n]:[]),[T,x]=o.useState(!1),[C,z]=o.useState(w);o.useEffect(()=>{a.length>2&&!h.map(t).includes(a)&&(i(!0),l(a).then(r=>{N(r),i(!1),x(!0)}).catch(r=>console.error(r)))},[a]),o.useEffect(G.handleSetNativeInput(p,[a]),[a]);const j=(r,f)=>{D(r),z(f),x(!1),b&&b({target:{...S,value:f}})};let _;return e.jsx(k,{onChange:r=>{D(r.target.value)},onFocus:()=>{h.length>0&&a.length>2&&(clearTimeout(_),x(!0))},onBlur:()=>{_=setTimeout(()=>{x(!1)},200)},value:a,ref:E,isResultsListVisible:T,icon:c||"search",loading:u,resultsList:h.map(r=>({label:t(r),result:r})),onResultClick:({label:r,result:f})=>{j(r,d(f))},selectedValue:C,onClear:()=>j("",""),isClearVisible:!!C&&!u,id:p,...S})},ee=o.forwardRef(P),re=({children:l,...c})=>e.jsx(F,{...c,children:l});exports.ControlledSearchableDropdown=k;exports.ElSearchableDropdownCloseButton=v;exports.ElSearchableDropdownContainer=R;exports.ElSearchableDropdownResult=m;exports.ElSearchableDropdownResultsContainer=y;exports.ElSearchableDropdownSearchInput=O;exports.ElSearchableDropdownSearchInputAddOn=g;exports.ElSearchableDropdownSearchLabel=F;exports.ElSearchableDropdownSearchLoader=B;exports.SearchableDropdown=ee;exports.SearchableDropdownSearchLabel=re;

package/dist/js/secondary-nav-DHMteSt5.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),v=require("./index-8ctufnBx.cjs"),t=require("./index-Dmlb2--K.cjs"),y=require("./deprecated-states-WNjTkCrU.cjs"),i=require("./handle-keyboard-event-BR3CNLf8.cjs"),r=t.styled_default("div")({name:"ElSecondaryNav",class:"el-secondary-nav",propsAsIs:!1}),d=t.styled_default("div")({name:"ElSecondaryNavItem",class:"el-secondary-nav-item",propsAsIs:!1}),u=({children:e,...a})=>s.jsx(r,{...a,children:e}),m=({active:e,className:a,onClick:n,children:o,...c})=>{const l=v.cx_default(a,e&&y.elIsActive);return s.jsx(d,{className:l,tabIndex:0,role:"button",onKeyDown:n?i.handleKeyboardEvent("Enter",n):void 0,onClick:n,...c,children:o})};exports.ElSecondaryNav=r;exports.ElSecondaryNavItem=d;exports.SecondaryNav=u;exports.SecondaryNavItem=m;

package/dist/js/secondary-nav-Y3B2_7ln.js

@@ -0,0 +1,34 @@
+import { jsx as o } from "react/jsx-runtime";
+import { c } from "./index-BsMVp4qF.js";
+import { s as r } from "./index-YtxCR-9e.js";
+import { e as d } from "./deprecated-states-CuyVqPko.js";
+import { h as l } from "./handle-keyboard-event-DUi59qMJ.js";
+const v = /* @__PURE__ */ r("div")({
+  name: "ElSecondaryNav",
+  class: "el-secondary-nav",
+  propsAsIs: !1
+}), y = /* @__PURE__ */ r("div")({
+  name: "ElSecondaryNavItem",
+  class: "el-secondary-nav-item",
+  propsAsIs: !1
+}), I = ({ children: a, ...e }) => /* @__PURE__ */ o(v, { ...e, children: a }), S = ({ active: a, className: e, onClick: s, children: t, ...n }) => {
+  const m = c(e, a && d);
+  return /* @__PURE__ */ o(
+    y,
+    {
+      className: m,
+      tabIndex: 0,
+      role: "button",
+      onKeyDown: s ? l("Enter", s) : void 0,
+      onClick: s,
+      ...n,
+      children: t
+    }
+  );
+};
+export {
+  v as E,
+  I as S,
+  y as a,
+  S as b
+};

package/dist/js/secondary-tabs-DKVvRw8d.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("react/jsx-runtime"),s=require("./index-Dmlb2--K.cjs"),l=s.styled_default("nav")({name:"ElSecondaryTabs",class:"el-secondary-tabs",propsAsIs:!1}),c=s.styled_default("menu")({name:"ElSecondaryTabsList",class:"el-secondary-tabs-list",propsAsIs:!1}),o=s.styled_default("li")({name:"ElSecondaryTabsListItem",class:"el-secondary-tabs-list-item",propsAsIs:!1}),d=s.styled_default("span")({name:"ElSecondaryTabsListItemSeparator",class:"el-secondary-tabs-list-item-separator",propsAsIs:!1}),y=s.styled_default("a")({name:"ElSecondaryTab",class:"el-secondary-tab",propsAsIs:!1}),b=s.styled_default("span")({name:"ElSecondaryTabLabel",class:"el-secondary-tab-label",propsAsIs:!1});function i({"aria-current":e,children:r,...t}){return a.jsx(y,{...t,"aria-current":e,children:a.jsx(b,{children:r})})}function n(e){return a.jsxs(o,{children:[a.jsx(i,{...e}),a.jsx(d,{"aria-hidden":!0})]})}n.displayName="SecondaryTabs.Item";function S({children:e,overflow:r="visible",...t}){return a.jsx(l,{"data-overflow":r,...t,children:a.jsx(c,{children:e})})}S.Item=n;exports.ElSecondaryTab=y;exports.ElSecondaryTabLabel=b;exports.ElSecondaryTabs=l;exports.ElSecondaryTabsList=c;exports.ElSecondaryTabsListItem=o;exports.ElSecondaryTabsListItemSeparator=d;exports.SecondaryTab=i;exports.SecondaryTabs=S;exports.SecondaryTabsItem=n;

package/dist/js/secondary-tabs-DiBO0IBc.js

@@ -0,0 +1,52 @@
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { s } from "./index-YtxCR-9e.js";
+const l = /* @__PURE__ */ s("nav")({
+  name: "ElSecondaryTabs",
+  class: "el-secondary-tabs",
+  propsAsIs: !1
+}), c = /* @__PURE__ */ s("menu")({
+  name: "ElSecondaryTabsList",
+  class: "el-secondary-tabs-list",
+  propsAsIs: !1
+}), d = /* @__PURE__ */ s("li")({
+  name: "ElSecondaryTabsListItem",
+  class: "el-secondary-tabs-list-item",
+  propsAsIs: !1
+}), b = /* @__PURE__ */ s("span")({
+  name: "ElSecondaryTabsListItemSeparator",
+  class: "el-secondary-tabs-list-item-separator",
+  propsAsIs: !1
+}), i = /* @__PURE__ */ s("a")({
+  name: "ElSecondaryTab",
+  class: "el-secondary-tab",
+  propsAsIs: !1
+}), y = /* @__PURE__ */ s("span")({
+  name: "ElSecondaryTabLabel",
+  class: "el-secondary-tab-label",
+  propsAsIs: !1
+});
+function m({ "aria-current": e, children: r, ...n }) {
+  return /* @__PURE__ */ a(i, { ...n, "aria-current": e, children: /* @__PURE__ */ a(y, { children: r }) });
+}
+function t(e) {
+  return /* @__PURE__ */ o(d, { children: [
+    /* @__PURE__ */ a(m, { ...e }),
+    /* @__PURE__ */ a(b, { "aria-hidden": !0 })
+  ] });
+}
+t.displayName = "SecondaryTabs.Item";
+function p({ children: e, overflow: r = "visible", ...n }) {
+  return /* @__PURE__ */ a(l, { "data-overflow": r, ...n, children: /* @__PURE__ */ a(c, { children: e }) });
+}
+p.Item = t;
+export {
+  l as E,
+  p as S,
+  t as a,
+  c as b,
+  d as c,
+  b as d,
+  m as e,
+  i as f,
+  y as g
+};

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

@@ -0,0 +1 @@
+"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

@@ -0,0 +1,22 @@
+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
+};