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

package/dist/js/card-components-CVEi3NoE.js

@@ -0,0 +1,168 @@
+import { jsx as e, jsxs as d, Fragment as m } from "react/jsx-runtime";
+import { c as n } from "./index-BsMVp4qF.js";
+import { s as r } from "./index-YtxCR-9e.js";
+import { D as v } from "./icon-component-BjtO14Ws.js";
+import { h as y, i as S } from "./deprecated-spacing-CGGxnk0m.js";
+import { D as C } from "./avatar-BS4mzT58.js";
+const w = "el-card-focussed", M = /* @__PURE__ */ r("div")({
+  name: "ElCardWrap",
+  class: "el-card-wrap",
+  propsAsIs: !1
+}), T = "el-card-sub-heading-wrap-avatar", D = /* @__PURE__ */ r("div")({
+  name: "ElCardHeadingWrap",
+  class: "el-card-heading-wrap",
+  propsAsIs: !1
+}), N = /* @__PURE__ */ r("div")({
+  name: "ElCardMainWrap",
+  class: "el-card-main-wrap",
+  propsAsIs: !1
+}), B = /* @__PURE__ */ r("h5")({
+  name: "ElCardHeading",
+  class: "el-card-heading",
+  propsAsIs: !1
+}), P = /* @__PURE__ */ r("h6")({
+  name: "ElCardSubHeading",
+  class: "el-card-sub-heading",
+  propsAsIs: !1
+}), ha = "el-card-sub-heading-additional-expanded", j = /* @__PURE__ */ r("h6")({
+  name: "ElCardSubHeadingAdditional",
+  class: "el-card-sub-heading-additional",
+  propsAsIs: !1
+}), Ia = "el-card-body-wrap-expanded", F = /* @__PURE__ */ r("div")({
+  name: "ElCardBodyWrap",
+  class: "el-card-body-wrap",
+  propsAsIs: !1
+}), La = "el-mobile-list-toggle", E = /* @__PURE__ */ r("div")({
+  name: "ElCardAvatarWrap",
+  class: "el-card-avatar-wrap",
+  propsAsIs: !1
+}), _ = () => E, k = /* @__PURE__ */ r(_())({
+  name: "ElCardImageWrap",
+  class: "el-card-image-wrap",
+  propsAsIs: !0
+}), q = /* @__PURE__ */ r("div")({
+  name: "ElCardList",
+  class: "el-card-list",
+  propsAsIs: !1
+}), fa = "el-card-list-main-wrap-expanded", z = /* @__PURE__ */ r("div")({
+  name: "ElCardListMainWrap",
+  class: "el-card-list-main-wrap",
+  propsAsIs: !1
+}), G = /* @__PURE__ */ r("h5")({
+  name: "ElCardListHeading",
+  class: "el-card-list-heading",
+  propsAsIs: !1
+}), J = /* @__PURE__ */ r("h6")({
+  name: "ElCardListSubHeading",
+  class: "el-card-list-sub-heading",
+  propsAsIs: !1
+}), Wa = "el-card-list-item-expanded", K = /* @__PURE__ */ r("div")({
+  name: "ElCardListItem",
+  class: "el-card-list-item",
+  propsAsIs: !1
+}), O = /* @__PURE__ */ r("div")({
+  name: "ElCardListItemTextWrap",
+  class: "el-card-list-item-text-wrap",
+  propsAsIs: !1
+}), Q = /* @__PURE__ */ r("div")({
+  name: "ElCardListItemTextPrimary",
+  class: "el-card-list-item-text-primary",
+  propsAsIs: !1
+}), R = /* @__PURE__ */ r("div")({
+  name: "ElCardListItemTextSecondary",
+  class: "el-card-list-item-text-secondary",
+  propsAsIs: !1
+}), V = /* @__PURE__ */ r("div")({
+  name: "ElCardListIcon",
+  class: "el-card-list-icon",
+  propsAsIs: !1
+}), X = ({ children: s, ...a }) => /* @__PURE__ */ e(M, { ...a, children: s }), Y = ({ children: s, ...a }) => /* @__PURE__ */ e(D, { ...a, children: s }), Z = ({ children: s, ...a }) => /* @__PURE__ */ e(B, { ...a, children: s }), $ = ({ children: s, ...a }) => /* @__PURE__ */ e(P, { ...a, children: s }), U = ({ children: s, ...a }) => /* @__PURE__ */ e(j, { ...a, children: s }), aa = ({ children: s, ...a }) => /* @__PURE__ */ e(N, { ...a, children: s }), sa = ({ children: s, ...a }) => /* @__PURE__ */ e(F, { ...a, children: s }), xa = ({ children: s, ...a }) => /* @__PURE__ */ e(k, { ...a, children: s }), ua = ({ children: s, ...a }) => /* @__PURE__ */ e(E, { ...a, children: s }), Aa = ({ children: s, ...a }) => /* @__PURE__ */ e(q, { ...a, children: s }), ea = ({ children: s, ...a }) => /* @__PURE__ */ e(z, { ...a, children: s }), ra = ({ children: s, ...a }) => /* @__PURE__ */ e(G, { ...a, children: s }), da = ({ children: s, ...a }) => /* @__PURE__ */ e(J, { ...a, children: s }), ta = ({ children: s, ...a }) => /* @__PURE__ */ e(K, { ...a, children: s }), la = ({ children: s, ...a }) => /* @__PURE__ */ e(O, { ...a, children: s }), na = ({ children: s, ...a }) => /* @__PURE__ */ e(Q, { ...a, children: s }), ia = ({ children: s, ...a }) => /* @__PURE__ */ e(R, { ...a, children: s }), ca = ({ children: s, ...a }) => /* @__PURE__ */ e(V, { ...a, children: s }), ba = (s, a) => () => {
+  a(s);
+}, Ha = ({
+  className: s,
+  hasMainCard: a,
+  hasListCard: i,
+  mainCardHeading: g,
+  mainCardSubHeading: h,
+  mainCardSubHeadingAdditional: I,
+  mainCardBody: c,
+  mainCardImgUrl: l,
+  mainCardAvatarUrl: t,
+  listCardItems: o,
+  listCardHeading: L,
+  listCardSubHeading: f,
+  isSelected: W,
+  ...x
+}) => /* @__PURE__ */ d(X, { className: n(s, W && w), ...x, children: [
+  a && /* @__PURE__ */ d(m, { children: [
+    /* @__PURE__ */ d(aa, { children: [
+      t ? /* @__PURE__ */ e(C, { src: typeof t == "string" ? t : void 0, children: t }) : l ? /* @__PURE__ */ e(C, { src: typeof l == "string" ? l : void 0, type: "image", children: l }) : null,
+      /* @__PURE__ */ d(Y, { className: n(t && T), children: [
+        /* @__PURE__ */ e(Z, { children: g }),
+        /* @__PURE__ */ e($, { children: h }),
+        /* @__PURE__ */ e(U, { children: I })
+      ] })
+    ] }),
+    c && /* @__PURE__ */ e(sa, { className: n(i && y), children: c })
+  ] }),
+  i && /* @__PURE__ */ d(m, { children: [
+    /* @__PURE__ */ d(ea, { className: n(a && S), children: [
+      /* @__PURE__ */ e(ra, { children: L }),
+      /* @__PURE__ */ e(da, { children: f })
+    ] }),
+    o && o.map(({ listCardItemHeading: u, listCardItemSubHeading: A, listCardItemIcon: p, onClick: b }, H) => /* @__PURE__ */ d(ta, { onClick: b, children: [
+      p && /* @__PURE__ */ e(ca, { children: /* @__PURE__ */ e(v, { intent: "primary", icon: p }) }),
+      /* @__PURE__ */ d(la, { children: [
+        /* @__PURE__ */ e(na, { children: u }),
+        /* @__PURE__ */ e(ia, { children: A })
+      ] })
+    ] }, H))
+  ] })
+] });
+export {
+  $ as A,
+  U as B,
+  X as C,
+  aa as D,
+  M as E,
+  sa as F,
+  xa as G,
+  ua as H,
+  Aa as I,
+  ea as J,
+  ra as K,
+  da as L,
+  ta as M,
+  la as N,
+  na as O,
+  ia as P,
+  ca as Q,
+  ba as R,
+  Ha as S,
+  T as a,
+  D as b,
+  N as c,
+  B as d,
+  w as e,
+  P as f,
+  ha as g,
+  j as h,
+  Ia as i,
+  F as j,
+  La as k,
+  E as l,
+  k as m,
+  q as n,
+  fa as o,
+  z as p,
+  G as q,
+  J as r,
+  Wa as s,
+  K as t,
+  O as u,
+  Q as v,
+  R as w,
+  V as x,
+  Y as y,
+  Z as z
+};

package/dist/js/card-components-VwW26UnK.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),l=require("./index-8ctufnBx.cjs"),d=require("./index-Dmlb2--K.cjs"),ta=require("./icon-component-BI1VsBsU.cjs"),C=require("./deprecated-spacing-7wANCtsp.cjs"),x=require("./avatar-BDIBV19T.cjs"),u="el-card-focussed",E=d.styled_default("div")({name:"ElCardWrap",class:"el-card-wrap",propsAsIs:!1}),m="el-card-sub-heading-wrap-avatar",g=d.styled_default("div")({name:"ElCardHeadingWrap",class:"el-card-heading-wrap",propsAsIs:!1}),L=d.styled_default("div")({name:"ElCardMainWrap",class:"el-card-main-wrap",propsAsIs:!1}),W=d.styled_default("h5")({name:"ElCardHeading",class:"el-card-heading",propsAsIs:!1}),I=d.styled_default("h6")({name:"ElCardSubHeading",class:"el-card-sub-heading",propsAsIs:!1}),la="el-card-sub-heading-additional-expanded",f=d.styled_default("h6")({name:"ElCardSubHeadingAdditional",class:"el-card-sub-heading-additional",propsAsIs:!1}),ia="el-card-body-wrap-expanded",y=d.styled_default("div")({name:"ElCardBodyWrap",class:"el-card-body-wrap",propsAsIs:!1}),na="el-mobile-list-toggle",i=d.styled_default("div")({name:"ElCardAvatarWrap",class:"el-card-avatar-wrap",propsAsIs:!1}),ca=()=>i,j=d.styled_default(ca())({name:"ElCardImageWrap",class:"el-card-image-wrap",propsAsIs:!0}),H=d.styled_default("div")({name:"ElCardList",class:"el-card-list",propsAsIs:!1}),oa="el-card-list-main-wrap-expanded",h=d.styled_default("div")({name:"ElCardListMainWrap",class:"el-card-list-main-wrap",propsAsIs:!1}),b=d.styled_default("h5")({name:"ElCardListHeading",class:"el-card-list-heading",propsAsIs:!1}),A=d.styled_default("h6")({name:"ElCardListSubHeading",class:"el-card-list-sub-heading",propsAsIs:!1}),pa="el-card-list-item-expanded",S=d.styled_default("div")({name:"ElCardListItem",class:"el-card-list-item",propsAsIs:!1}),v=d.styled_default("div")({name:"ElCardListItemTextWrap",class:"el-card-list-item-text-wrap",propsAsIs:!1}),_=d.styled_default("div")({name:"ElCardListItemTextPrimary",class:"el-card-list-item-text-primary",propsAsIs:!1}),M=d.styled_default("div")({name:"ElCardListItemTextSecondary",class:"el-card-list-item-text-secondary",propsAsIs:!1}),T=d.styled_default("div")({name:"ElCardListIcon",class:"el-card-list-icon",propsAsIs:!1}),w=({children:e,...a})=>s.jsx(E,{...a,children:e}),q=({children:e,...a})=>s.jsx(g,{...a,children:e}),B=({children:e,...a})=>s.jsx(W,{...a,children:e}),P=({children:e,...a})=>s.jsx(I,{...a,children:e}),F=({children:e,...a})=>s.jsx(f,{...a,children:e}),N=({children:e,...a})=>s.jsx(L,{...a,children:e}),D=({children:e,...a})=>s.jsx(y,{...a,children:e}),Ca=({children:e,...a})=>s.jsx(j,{...a,children:e}),xa=({children:e,...a})=>s.jsx(i,{...a,children:e}),ua=({children:e,...a})=>s.jsx(H,{...a,children:e}),R=({children:e,...a})=>s.jsx(h,{...a,children:e}),$=({children:e,...a})=>s.jsx(b,{...a,children:e}),k=({children:e,...a})=>s.jsx(A,{...a,children:e}),z=({children:e,...a})=>s.jsx(S,{...a,children:e}),G=({children:e,...a})=>s.jsx(v,{...a,children:e}),J=({children:e,...a})=>s.jsx(_,{...a,children:e}),K=({children:e,...a})=>s.jsx(M,{...a,children:e}),O=({children:e,...a})=>s.jsx(T,{...a,children:e}),Ea=(e,a)=>()=>{a(e)},ma=({className:e,hasMainCard:a,hasListCard:n,mainCardHeading:Q,mainCardSubHeading:V,mainCardSubHeadingAdditional:X,mainCardBody:c,mainCardImgUrl:t,mainCardAvatarUrl:r,listCardItems:o,listCardHeading:Y,listCardSubHeading:Z,isSelected:U,...aa})=>s.jsxs(w,{className:l.cx_default(e,U&&u),...aa,children:[a&&s.jsxs(s.Fragment,{children:[s.jsxs(N,{children:[r?s.jsx(x.DeprecatedAvatar,{src:typeof r=="string"?r:void 0,children:r}):t?s.jsx(x.DeprecatedAvatar,{src:typeof t=="string"?t:void 0,type:"image",children:t}):null,s.jsxs(q,{className:l.cx_default(r&&m),children:[s.jsx(B,{children:Q}),s.jsx(P,{children:V}),s.jsx(F,{children:X})]})]}),c&&s.jsx(D,{className:l.cx_default(n&&C.elMb5),children:c})]}),n&&s.jsxs(s.Fragment,{children:[s.jsxs(R,{className:l.cx_default(a&&C.elMt5),children:[s.jsx($,{children:Y}),s.jsx(k,{children:Z})]}),o&&o.map(({listCardItemHeading:sa,listCardItemSubHeading:ea,listCardItemIcon:p,onClick:da},ra)=>s.jsxs(z,{onClick:da,children:[p&&s.jsx(O,{children:s.jsx(ta.DeprecatedIcon,{intent:"primary",icon:p})}),s.jsxs(G,{children:[s.jsx(J,{children:sa}),s.jsx(K,{children:ea})]})]},ra))]})]});exports.Card=ma;exports.CardAvatarWrap=xa;exports.CardBodyWrap=D;exports.CardHeading=B;exports.CardHeadingWrap=q;exports.CardImageWrap=Ca;exports.CardList=ua;exports.CardListHeading=$;exports.CardListIcon=O;exports.CardListItem=z;exports.CardListItemTextPrimary=J;exports.CardListItemTextSecondary=K;exports.CardListItemTextWrap=G;exports.CardListMainWrap=R;exports.CardListSubHeading=k;exports.CardMainWrap=N;exports.CardSubHeading=P;exports.CardSubHeadingAdditional=F;exports.CardWrap=w;exports.ElCardAvatarWrap=i;exports.ElCardBodyWrap=y;exports.ElCardHeading=W;exports.ElCardHeadingWrap=g;exports.ElCardImageWrap=j;exports.ElCardList=H;exports.ElCardListHeading=b;exports.ElCardListIcon=T;exports.ElCardListItem=S;exports.ElCardListItemTextPrimary=_;exports.ElCardListItemTextSecondary=M;exports.ElCardListItemTextWrap=v;exports.ElCardListMainWrap=h;exports.ElCardListSubHeading=A;exports.ElCardMainWrap=L;exports.ElCardSubHeading=I;exports.ElCardSubHeadingAdditional=f;exports.ElCardWrap=E;exports.elCardBodyWrapExpanded=ia;exports.elCardFocussed=u;exports.elCardListItemExpanded=pa;exports.elCardListMainWrapExpanded=oa;exports.elCardSubHeadingAdditionalExpanded=la;exports.elCardSubHeadingWrapAvatar=m;exports.elMobileListToggle=na;exports.handleMouseHover=Ea;

package/dist/js/checkbox-BX2PWh1h.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),C=require("./checkbox-input-CfIO6wmC.cjs"),t=require("./index-Dmlb2--K.cjs"),e=require("react"),d=t.styled_default("label")({name:"ElCheckbox",class:"el-checkbox",propsAsIs:!1}),r=t.styled_default("span")({name:"ElCheckboxLabelText",class:"el-checkbox-label-text",propsAsIs:!1}),i=t.styled_default("span")({name:"ElCheckboxSupplementaryInfo",class:"el-checkbox-supplementary-info",propsAsIs:!1}),E=e.forwardRef(({"aria-describedby":x,className:u,id:h,isIndeterminate:l=!1,label:p,required:f,supplementaryInfo:n,...k},I)=>{const o=e.useId(),c=h??e.useId(),a=e.useId();return e.useEffect(function(){const b=document.getElementById(c);b instanceof HTMLInputElement&&(b.indeterminate=l)},[c,l]),s.jsxs(d,{className:u,children:[s.jsx(C.CheckboxInput,{...k,"aria-describedby":x??o,"aria-labelledby":a,id:c,ref:I,required:f}),s.jsx(r,{id:a,children:p}),n&&s.jsx(i,{id:o,children:n})]})});exports.Checkbox=E;exports.ElCheckbox=d;exports.ElCheckboxLabelText=r;exports.ElCheckboxSupplementaryInfo=i;

package/dist/js/checkbox-CCFCh92B.js

@@ -0,0 +1,57 @@
+import { jsxs as h, jsx as s } from "react/jsx-runtime";
+import { C as I } from "./checkbox-input-DaFZl6to.js";
+import { s as c } from "./index-YtxCR-9e.js";
+import { forwardRef as k, useId as o, useEffect as u } from "react";
+const C = /* @__PURE__ */ c("label")({
+  name: "ElCheckbox",
+  class: "el-checkbox",
+  propsAsIs: !1
+}), E = /* @__PURE__ */ c("span")({
+  name: "ElCheckboxLabelText",
+  class: "el-checkbox-label-text",
+  propsAsIs: !1
+}), y = /* @__PURE__ */ c("span")({
+  name: "ElCheckboxSupplementaryInfo",
+  class: "el-checkbox-supplementary-info",
+  propsAsIs: !1
+}), g = k(
+  ({
+    "aria-describedby": b,
+    className: i,
+    id: d,
+    isIndeterminate: a = !1,
+    label: p,
+    required: f,
+    supplementaryInfo: t,
+    ...x
+  }, m) => {
+    const l = o(), e = d ?? o(), n = o();
+    return u(
+      function() {
+        const r = document.getElementById(e);
+        r instanceof HTMLInputElement && (r.indeterminate = a);
+      },
+      [e, a]
+    ), /* @__PURE__ */ h(C, { className: i, children: [
+      /* @__PURE__ */ s(
+        I,
+        {
+          ...x,
+          "aria-describedby": b ?? l,
+          "aria-labelledby": n,
+          id: e,
+          ref: m,
+          required: f
+        }
+      ),
+      /* @__PURE__ */ s(E, { id: n, children: p }),
+      t && /* @__PURE__ */ s(y, { id: l, children: t })
+    ] });
+  }
+);
+export {
+  g as C,
+  C as E,
+  E as a,
+  y as b
+};

package/dist/js/checkbox-control-CQnfBvph.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),t=require("./checkbox-BX2PWh1h.cjs"),i=require("./form-control-Be_ITYmU.cjs"),d=require("./label-text-CtdGurHG.cjs"),l=require("react");function u({errorText:o,label:s,required:c,...n}){const r=l.useId();return e.jsxs(i.FormControl,{as:"div",size:"medium",children:[e.jsx(t.Checkbox,{...n,"aria-describedby":o?r:void 0,label:e.jsx(d.LabelText,{isRequired:c,children:s})}),o&&e.jsx(i.FormControl.ErrorText,{id:r,children:o})]})}exports.CheckboxControl=u;

package/dist/js/checkbox-control-DLIP3r9I.js

@@ -0,0 +1,22 @@
+import { jsxs as t, jsx as i } from "react/jsx-runtime";
+import { C as a } from "./checkbox-CCFCh92B.js";
+import { a as e } from "./form-control-Cv1xUB2V.js";
+import { L as n } from "./label-text-DfFJj8qi.js";
+import { useId as c } from "react";
+function h({ errorText: o, label: s, required: d, ...m }) {
+  const r = c();
+  return /* @__PURE__ */ t(e, { as: "div", size: "medium", children: [
+    /* @__PURE__ */ i(
+      a,
+      {
+        ...m,
+        "aria-describedby": o ? r : void 0,
+        label: /* @__PURE__ */ i(n, { isRequired: d, children: s })
+      }
+    ),
+    o && /* @__PURE__ */ i(e.ErrorText, { id: r, children: o })
+  ] });
+}
+export {
+  h as C
+};

package/dist/js/checkbox-group-control-BOda9k19.js

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

package/dist/js/checkbox-group-control-DZaXmETO.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),f=require("./checkbox-BX2PWh1h.cjs"),i=require("react"),j=require("./index-Dmlb2--K.cjs"),c=require("./form-control-Be_ITYmU.cjs"),u=i.createContext(null);function h(){const r=i.useContext(u);if(!r)throw new Error("useCheckboxGroupControlContext must be used within a CheckboxGroupControl");return r}const p=i.forwardRef(({disabled:r,form:l,name:t,required:x,showValidity:n,...s},d)=>{const o=h();return e.jsx(f.Checkbox,{...s,disabled:r??o.disabled,form:l??o.form,name:t??o.name,ref:d,required:x??o.required,showValidity:n??o.showValidity})});p.displayName="CheckboxGroupControl.Option";const k=j.styled_default("div")({name:"ElCheckboxGroup",class:"el-checkbox-group",propsAsIs:!1});function C({children:r,disabled:l,errorText:t,form:x,helpText:n,label:s,name:d,orientation:o="vertical",required:b,showValidity:m,...G}){const a=i.useId();return e.jsxs(c.FormControl,{...G,"aria-describedby":a,as:"fieldset",size:"medium",children:[s&&e.jsx(c.FormControl.Label,{as:"legend",isRequired:b,children:s}),e.jsx(k,{"data-orientation":o,children:e.jsx(u.Provider,{value:{disabled:l,form:x,name:d,required:b,showValidity:m},children:r})}),t?e.jsx(c.FormControl.ErrorText,{id:a,children:t}):n&&e.jsx(c.FormControl.HelpText,{id:a,children:n})]})}C.Option=p;C.Context=u;C.useContext=h;exports.CheckboxGroupControl=C;exports.CheckboxGroupControlContext=u;exports.CheckboxGroupControlOption=p;exports.ElCheckboxGroup=k;exports.useCheckboxGroupControlContext=h;

package/dist/js/checkbox-input-CfIO6wmC.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),d=require("./icons/checkbox.cjs"),l=require("./icons/checkbox-indeterminate.cjs"),k=require("./icons/checkbox-selected.cjs"),n=require("./index-Dmlb2--K.cjs"),b=require("react"),t=n.styled_default("div")({name:"ElCheckboxInputContainer",class:"el-checkbox-input-container",propsAsIs:!1}),o=n.styled_default("input")({name:"ElCheckboxInput",class:"el-checkbox-input",propsAsIs:!1}),c="el-checkbox-input-icon",s=b.forwardRef(({className:a,showValidity:i,style:h,type:r="checkbox",...u},x)=>e.jsxs(t,{className:a,style:h,children:[e.jsx(o,{...u,"data-show-validity":!!i,ref:x,type:r}),e.jsx(l.CheckboxIndeterminateIcon,{"aria-hidden":!0,className:c,"data-show-when":"indeterminate"}),e.jsx(k.CheckboxSelectedIcon,{"aria-hidden":!0,className:c,"data-show-when":"checked"}),e.jsx(d.CheckboxIcon,{"aria-hidden":!0,className:c,"data-show-when":"unchecked"})]}));s.displayName="CheckboxInput";exports.CheckboxInput=s;exports.ElCheckboxInput=o;exports.ElCheckboxInputContainer=t;exports.elCheckboxInputIcon=c;

package/dist/js/checkbox-input-DaFZl6to.js

@@ -0,0 +1,34 @@
+import { jsxs as h, jsx as e } from "react/jsx-runtime";
+import { CheckboxIcon as p } from "./icons/checkbox.js";
+import { CheckboxIndeterminateIcon as d } from "./icons/checkbox-indeterminate.js";
+import { CheckboxSelectedIcon as l } from "./icons/checkbox-selected.js";
+import { s as a } from "./index-YtxCR-9e.js";
+import { forwardRef as m } from "react";
+const u = /* @__PURE__ */ a("div")({
+  name: "ElCheckboxInputContainer",
+  class: "el-checkbox-input-container",
+  propsAsIs: !1
+}), x = /* @__PURE__ */ a("input")({
+  name: "ElCheckboxInput",
+  class: "el-checkbox-input",
+  propsAsIs: !1
+}), o = "el-checkbox-input-icon", k = m(
+  ({ className: n, showValidity: t, style: c, type: s = "checkbox", ...r }, i) => (
+    // 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__ */ h(u, { className: n, style: c, children: [
+      /* @__PURE__ */ e(x, { ...r, "data-show-validity": !!t, ref: i, type: s }),
+      /* @__PURE__ */ e(d, { "aria-hidden": !0, className: o, "data-show-when": "indeterminate" }),
+      /* @__PURE__ */ e(l, { "aria-hidden": !0, className: o, "data-show-when": "checked" }),
+      /* @__PURE__ */ e(p, { "aria-hidden": !0, className: o, "data-show-when": "unchecked" })
+    ] })
+  )
+);
+k.displayName = "CheckboxInput";
+export {
+  k as C,
+  u as E,
+  x as a,
+  o as e
+};

package/dist/js/chip-BED6OOhR.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),t=require("./index-8ctufnBx.cjs"),c=require("./index-Dmlb2--K.cjs"),h=require("./random-id-DZgLyZZR.cjs"),l=c.styled_default("input")({name:"ElDeprecatedChipCheckbox",class:"el-deprecated-chip-checkbox",propsAsIs:!1}),d=c.styled_default("label")({name:"ElDeprecatedChipLabel",class:"el-deprecated-chip-label",propsAsIs:!1}),i=c.styled_default("div")({name:"ElDeprecatedChipGroup",class:"el-deprecated-chip-group",propsAsIs:!1}),n=c.styled_default("div")({name:"ElDeprecatedChipGroupInner",class:"el-deprecated-chip-group-inner",propsAsIs:!1}),u=({children:r,className:s,id:p,...o})=>{const a=h.useId(p);return e.jsxs(e.Fragment,{children:[e.jsx(l,{id:p??a,type:"checkbox",...o}),e.jsx(d,{htmlFor:p??a,className:t.cx_default(s),children:r})]})},C=({children:r,className:s,...p})=>e.jsx(i,{className:t.cx_default(s),...p,children:e.jsx(n,{children:r})});exports.DeprecatedChip=u;exports.DeprecatedChipGroup=C;exports.ElDeprecatedChipCheckbox=l;exports.ElDeprecatedChipGroup=i;exports.ElDeprecatedChipGroupInner=n;exports.ElDeprecatedChipLabel=d;

package/dist/js/chip-D2DmiLkz.js

@@ -0,0 +1,35 @@
+import { jsx as p, jsxs as o, Fragment as d } from "react/jsx-runtime";
+import { c as l } from "./index-BsMVp4qF.js";
+import { s } from "./index-YtxCR-9e.js";
+import { u as i } from "./random-id-Dlehz5dT.js";
+const h = /* @__PURE__ */ s("input")({
+  name: "ElDeprecatedChipCheckbox",
+  class: "el-deprecated-chip-checkbox",
+  propsAsIs: !1
+}), n = /* @__PURE__ */ s("label")({
+  name: "ElDeprecatedChipLabel",
+  class: "el-deprecated-chip-label",
+  propsAsIs: !1
+}), m = /* @__PURE__ */ s("div")({
+  name: "ElDeprecatedChipGroup",
+  class: "el-deprecated-chip-group",
+  propsAsIs: !1
+}), u = /* @__PURE__ */ s("div")({
+  name: "ElDeprecatedChipGroupInner",
+  class: "el-deprecated-chip-group-inner",
+  propsAsIs: !1
+}), E = ({ children: a, className: c, id: e, ...t }) => {
+  const r = i(e);
+  return /* @__PURE__ */ o(d, { children: [
+    /* @__PURE__ */ p(h, { id: e ?? r, type: "checkbox", ...t }),
+    /* @__PURE__ */ p(n, { htmlFor: e ?? r, className: l(c), children: a })
+  ] });
+}, x = ({ children: a, className: c, ...e }) => /* @__PURE__ */ p(m, { className: l(c), ...e, children: /* @__PURE__ */ p(u, { children: a }) });
+export {
+  E as D,
+  h as E,
+  n as a,
+  m as b,
+  u as c,
+  x as d
+};

package/dist/js/chip-EmRR5ZvZ.js

@@ -0,0 +1,59 @@
+import { jsxs as h, jsx as s } from "react/jsx-runtime";
+import { CloseIcon as m } from "./icons/close.js";
+import { s as l } from "./index-YtxCR-9e.js";
+import { useCallback as C } from "react";
+const f = /* @__PURE__ */ l("button")({
+  name: "ElChip",
+  class: "el-chip",
+  propsAsIs: !1
+}), b = /* @__PURE__ */ l("span")({
+  name: "ElChipLabel",
+  class: "el-chip-label",
+  propsAsIs: !1
+}), u = /* @__PURE__ */ l("div")({
+  name: "ElChipClearIcon",
+  class: "el-chip-clear-icon",
+  propsAsIs: !1
+});
+function y({
+  "aria-disabled": e,
+  children: o,
+  onClick: t,
+  maxWidth: r,
+  overflow: p,
+  style: n,
+  variant: c,
+  ...i
+}) {
+  const d = C(
+    (a) => {
+      if (a.currentTarget.getAttribute("aria-disabled") === "true") {
+        a.preventDefault(), a.stopPropagation();
+        return;
+      }
+      t?.(a);
+    },
+    [e, t]
+  );
+  return /* @__PURE__ */ h(
+    f,
+    {
+      ...i,
+      type: "button",
+      "aria-disabled": !!i.disabled || e,
+      "data-variant": c,
+      onClick: d,
+      style: { ...n, ...r && { "--chip-max-width": `var(${r})` } },
+      children: [
+        /* @__PURE__ */ s(b, { "data-overflow": p, children: o }),
+        /* @__PURE__ */ s(u, { children: /* @__PURE__ */ s(m, {}) })
+      ]
+    }
+  );
+}
+export {
+  y as C,
+  f as E,
+  b as a,
+  u as b
+};

package/dist/js/chip-Vsb-fXDy.cjs

@@ -0,0 +1 @@
+"use strict";const l=require("react/jsx-runtime"),b=require("./icons/close.cjs"),s=require("./index-Dmlb2--K.cjs"),f=require("react"),r=s.styled_default("button")({name:"ElChip",class:"el-chip",propsAsIs:!1}),c=s.styled_default("span")({name:"ElChipLabel",class:"el-chip-label",propsAsIs:!1}),o=s.styled_default("div")({name:"ElChipClearIcon",class:"el-chip-clear-icon",propsAsIs:!1});function E({"aria-disabled":a,children:p,onClick:t,maxWidth:i,overflow:d,style:u,variant:h,...n}){const C=f.useCallback(e=>{if(e.currentTarget.getAttribute("aria-disabled")==="true"){e.preventDefault(),e.stopPropagation();return}t?.(e)},[a,t]);return l.jsxs(r,{...n,type:"button","aria-disabled":!!n.disabled||a,"data-variant":h,onClick:C,style:{...u,...i&&{"--chip-max-width":`var(${i})`}},children:[l.jsx(c,{"data-overflow":d,children:p}),l.jsx(o,{children:l.jsx(b.CloseIcon,{})})]})}exports.Chip=E;exports.ElChip=r;exports.ElChipClearIcon=o;exports.ElChipLabel=c;

package/dist/js/chip-group-CMOQNhYo.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),t=require("./index-Dmlb2--K.cjs"),a=require("./chip-Vsb-fXDy.cjs"),e=t.styled_default("ul")({name:"ElChipGroupList",class:"el-chip-group-list",propsAsIs:!1}),p=t.styled_default("li")({name:"ElChipGroupListItem",class:"el-chip-group-list-item",propsAsIs:!1});function r(i){return s.jsx(p,{children:s.jsx(a.Chip,{...i})})}r.displayName="ChipGroup.Item";function l({children:i,flow:o="wrap",overflow:u="visible",...n}){return s.jsx(e,{...n,"data-flow":o,"data-overflow":u,children:i})}l.Item=r;exports.ChipGroup=l;exports.ElChipGroupList=e;exports.ElChipGroupListItem=p;

package/dist/js/chip-group-_1Ujkr17.js

@@ -0,0 +1,25 @@
+import { jsx as p } from "react/jsx-runtime";
+import { s as i } from "./index-YtxCR-9e.js";
+import { C as l } from "./chip-EmRR5ZvZ.js";
+const a = /* @__PURE__ */ i("ul")({
+  name: "ElChipGroupList",
+  class: "el-chip-group-list",
+  propsAsIs: !1
+}), m = /* @__PURE__ */ i("li")({
+  name: "ElChipGroupListItem",
+  class: "el-chip-group-list-item",
+  propsAsIs: !1
+});
+function t(s) {
+  return /* @__PURE__ */ p(m, { children: /* @__PURE__ */ p(l, { ...s }) });
+}
+t.displayName = "ChipGroup.Item";
+function u({ children: s, flow: o = "wrap", overflow: r = "visible", ...e }) {
+  return /* @__PURE__ */ p(a, { ...e, "data-flow": o, "data-overflow": r, children: s });
+}
+u.Item = t;
+export {
+  u as C,
+  a as E,
+  m as a
+};

package/dist/js/chip-select-CFT-hd36.js

@@ -0,0 +1,150 @@
+import { jsxs as w, jsx as n } from "react/jsx-runtime";
+import { forwardRef as m, useCallback as f, createContext as A, useContext as g } from "react";
+import { s as r } from "./index-YtxCR-9e.js";
+const T = /* @__PURE__ */ r("label")({
+  name: "ElChipSelectChip",
+  class: "el-chip-select-chip",
+  propsAsIs: !1
+}), z = /* @__PURE__ */ r("input")({
+  name: "ElChipSelectChipInput",
+  class: "el-chip-select-chip-input",
+  propsAsIs: !1
+}), D = /* @__PURE__ */ r("span")({
+  name: "ElChipSelectChipIconContainer",
+  class: "el-chip-select-chip-icon-container",
+  propsAsIs: !1
+}), L = /* @__PURE__ */ r("span")({
+  name: "ElChipSelectChipLabelText",
+  class: "el-chip-select-chip-label-text",
+  propsAsIs: !1
+});
+function d(e) {
+  return e.dataset.exclusive === "true";
+}
+function j(e) {
+  const t = e.form, i = e.name;
+  if (d(e) && t && i) {
+    const s = t.elements.namedItem(i);
+    s instanceof RadioNodeList && s.forEach((a) => {
+      e !== a && a.checked && (a.checked = !1);
+    });
+  }
+}
+const x = m(
+  ({
+    "aria-label": e,
+    children: t,
+    icon: i,
+    isExclusive: s = !1,
+    maxWidth: a,
+    onChange: o,
+    onClick: p,
+    overflow: u,
+    readOnly: l,
+    size: v,
+    ...b
+  }, I) => {
+    const k = f(
+      (c) => {
+        if (l) {
+          c.preventDefault();
+          return;
+        }
+        c.currentTarget.checked && j(c.currentTarget), o?.(c);
+      },
+      [o, l]
+    ), N = f(
+      (c) => {
+        l && c.preventDefault(), p?.(c);
+      },
+      [p, l]
+    );
+    return /* @__PURE__ */ w(
+      T,
+      {
+        "aria-label": e,
+        "data-size": v,
+        onClick: N,
+        style: { maxWidth: a ? `var(${a})` : void 0 },
+        children: [
+          /* @__PURE__ */ n(
+            z,
+            {
+              ...b,
+              "data-exclusive": s,
+              onChange: k,
+              readOnly: l,
+              ref: I,
+              type: "checkbox"
+            }
+          ),
+          i && /* @__PURE__ */ n(D, { "aria-hidden": !0, children: i }),
+          t && /* @__PURE__ */ n(L, { "data-overflow": u, children: t })
+        ]
+      }
+    );
+  }
+);
+x.displayName = "ChipSelectOption";
+function q(e, t) {
+  const i = t.value;
+  return t.checked ? d(t) ? [i] : [...e, i] : t.dataset.exclusive === "true" ? [] : e.filter((s) => s !== i);
+}
+const C = A(null);
+function S() {
+  const e = g(C);
+  if (!e)
+    throw new Error("useChipSelectContext must be used within a ChipSelect");
+  return e;
+}
+const E = m(({ required: e, ...t }, i) => {
+  const s = S();
+  return /* @__PURE__ */ n(
+    x,
+    {
+      ...t,
+      isExclusive: !s.multiple,
+      form: s.form,
+      name: s.name,
+      ref: i,
+      required: e ?? s.required,
+      size: s.size
+    }
+  );
+});
+E.displayName = "ChipSelect.Option";
+const R = /* @__PURE__ */ r("div")({
+  name: "ElChipSelect",
+  class: "el-chip-select",
+  propsAsIs: !1
+});
+function h({
+  children: e,
+  form: t,
+  flow: i = "wrap",
+  multiple: s = !1,
+  name: a,
+  overflow: o = "visible",
+  required: p,
+  size: u = "medium",
+  ...l
+}) {
+  return /* @__PURE__ */ n(R, { ...l, "data-flow": i, "data-overflow": o, children: /* @__PURE__ */ n(C.Provider, { value: { form: t, multiple: s, name: a, required: p, size: u }, children: e }) });
+}
+h.Option = E;
+h.determineNextControlledState = q;
+h.Context = C;
+h.useContext = S;
+export {
+  x as C,
+  T as E,
+  z as a,
+  D as b,
+  L as c,
+  q as d,
+  h as e,
+  E as f,
+  C as g,
+  R as h,
+  S as u
+};