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

package/dist/js/input-BAHH_XUP.js

@@ -0,0 +1,24 @@
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { c as n } from "./index-BsMVp4qF.js";
+import { s as r } from "./index-YtxCR-9e.js";
+const e = "el-has-input-error", s = /* @__PURE__ */ r("input")({
+  name: "ElInput",
+  class: "el-input",
+  propsAsIs: !1
+}), d = p(
+  ({ hasError: t, ...a }, m) => /* @__PURE__ */ o(
+    s,
+    {
+      className: n(t && e),
+      "aria-label": `Input type ${a.type}${a.type === "date" ? " format dd/mm/yyy" : ""}${a.max ? ` max date of ${a.max}` : ""}${a.min ? ` min date of ${a.min}` : ""}`,
+      ...a,
+      ref: m
+    }
+  )
+);
+export {
+  s as E,
+  d as I,
+  e
+};

package/dist/js/input-add-on-9tTi0TDx.js

@@ -0,0 +1,16 @@
+import { jsx as m } from "react/jsx-runtime";
+import { c as d } from "./index-BsMVp4qF.js";
+import { s as l } from "./index-YtxCR-9e.js";
+import { g as p } from "./intent-eC1XwIfy.js";
+const r = /* @__PURE__ */ l("span")({
+  name: "ElInputAddOn",
+  class: "el-input-add-on",
+  propsAsIs: !1
+}), I = ({ intent: s, className: a, children: t, ...n }) => {
+  const o = s && p(s), e = d(o, a);
+  return /* @__PURE__ */ m(r, { className: e, ...n, children: t });
+};
+export {
+  r as E,
+  I
+};

package/dist/js/input-add-on-BmnyqjKU.cjs

@@ -0,0 +1 @@
+"use strict";const c=require("react/jsx-runtime"),l=require("./index-8ctufnBx.cjs"),i=require("./index-Dmlb2--K.cjs"),r=require("./intent-DTkGgowY.cjs"),e=i.styled_default("span")({name:"ElInputAddOn",class:"el-input-add-on",propsAsIs:!1}),o=({intent:n,className:s,children:t,...d})=>{const a=n&&r.getIntentClassName(n),u=l.cx_default(a,s);return c.jsx(e,{className:u,...d,children:t})};exports.ElInputAddOn=e;exports.InputAddOn=o;

package/dist/js/input-group-CSACCg22.js

@@ -0,0 +1,33 @@
+import { jsx as r, jsxs as E } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+import { s as f } from "./index-YtxCR-9e.js";
+import { I as D } from "./input-BAHH_XUP.js";
+import { D as g } from "./icon-component-BjtO14Ws.js";
+import { D as G } from "./label-BoKeqbdn.js";
+import { I as j } from "./input-add-on-9tTi0TDx.js";
+import { u as x } from "./random-id-Dlehz5dT.js";
+const A = /* @__PURE__ */ f("p")({
+  name: "ElInputError",
+  class: "el-input-error",
+  propsAsIs: !1
+}), S = ({ message: o }) => /* @__PURE__ */ r(A, { children: o }), I = /* @__PURE__ */ f("div")({
+  name: "ElInputGroup",
+  class: "el-input-group",
+  propsAsIs: !1
+}), _ = h(
+  ({ icon: o, label: n, className: s, id: l, intent: e, inputAddOnText: a, children: m, errorMessage: t, hasError: d, ...u }, c) => {
+    const i = x(l), p = !!(d || t);
+    return m ? /* @__PURE__ */ r(I, { className: s, ...u, children: m }) : /* @__PURE__ */ E(I, { className: s, children: [
+      /* @__PURE__ */ r(D, { hasError: p, id: i, ...u, ref: c }),
+      o && /* @__PURE__ */ r(g, { fontSize: "1rem", intent: p ? "danger" : e, icon: o }),
+      n && /* @__PURE__ */ r(G, { htmlFor: i, children: n }),
+      a && /* @__PURE__ */ r(j, { intent: p ? "danger" : e, children: a }),
+      t && /* @__PURE__ */ r(S, { message: t })
+    ] });
+  }
+);
+export {
+  I as E,
+  _ as I,
+  S as a
+};

package/dist/js/input-group-D7Z3ehoM.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("react/jsx-runtime"),f=require("react"),a=require("./index-Dmlb2--K.cjs"),q=require("./input-tIcy7mp9.cjs"),m=require("./icon-component-BI1VsBsU.cjs"),h=require("./label--7XjYm7s.cjs"),G=require("./input-add-on-BmnyqjKU.cjs"),g=require("./random-id-DZgLyZZR.cjs"),A=a.styled_default("p")({name:"ElInputError",class:"el-input-error",propsAsIs:!1}),I=({message:e})=>r.jsx(A,{children:e}),o=a.styled_default("div")({name:"ElInputGroup",class:"el-input-group",propsAsIs:!1}),R=f.forwardRef(({icon:e,label:s,className:u,id:E,intent:p,inputAddOnText:c,children:i,errorMessage:n,hasError:j,...l},x)=>{const d=g.useId(E),t=!!(j||n);return i?r.jsx(o,{className:u,...l,children:i}):r.jsxs(o,{className:u,children:[r.jsx(q.Input,{hasError:t,id:d,...l,ref:x}),e&&r.jsx(m.DeprecatedIcon,{fontSize:"1rem",intent:t?"danger":p,icon:e}),s&&r.jsx(h.DeprecatedLabel,{htmlFor:d,children:s}),c&&r.jsx(G.InputAddOn,{intent:t?"danger":p,children:c}),n&&r.jsx(I,{message:n})]})});exports.ElInputGroup=o;exports.InputError=I;exports.InputGroup=R;

package/dist/js/input-tIcy7mp9.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("react/jsx-runtime"),s=require("react"),p=require("./index-8ctufnBx.cjs"),i=require("./index-Dmlb2--K.cjs"),t="el-has-input-error",n=i.styled_default("input")({name:"ElInput",class:"el-input",propsAsIs:!1}),l=s.forwardRef(({hasError:a,...e},u)=>r.jsx(n,{className:p.cx_default(a&&t),"aria-label":`Input type ${e.type}${e.type==="date"?" format dd/mm/yyy":""}${e.max?` max date of ${e.max}`:""}${e.min?` min date of ${e.min}`:""}`,...e,ref:u}));exports.ElInput=n;exports.Input=l;exports.elHasInputError=t;

package/dist/js/intent-DTkGgowY.cjs

@@ -0,0 +1 @@
+"use strict";const t="el-intent-primary",r="el-intent-neutral",a="el-intent-success",s="el-intent-pending",l="el-intent-warning",c="el-intent-danger",n="el-intent-default",i=e=>{switch(e){case"primary":return t;case"neutral":return r;case"success":return a;case"pending":return s;case"warning":return l;case"danger":return c;case"critical":case"low":case"secondary":return console.warn(`${e} intent is deprecated and will be removed at v5. Currently this value defaults to neutral intent. Please find a more appropriate intent from the docs if desired`),n;default:return n}};exports.getIntentClassName=i;

package/dist/js/intent-eC1XwIfy.js

@@ -0,0 +1,27 @@
+const t = "el-intent-primary", r = "el-intent-neutral", a = "el-intent-success", s = "el-intent-pending", l = "el-intent-warning", c = "el-intent-danger", n = "el-intent-default", i = (e) => {
+  switch (e) {
+    case "primary":
+      return t;
+    case "neutral":
+      return r;
+    case "success":
+      return a;
+    case "pending":
+      return s;
+    case "warning":
+      return l;
+    case "danger":
+      return c;
+    case "critical":
+    case "low":
+    case "secondary":
+      return console.warn(
+        `${e} intent is deprecated and will be removed at v5. Currently this value defaults to neutral intent. Please find a more appropriate intent from the docs if desired`
+      ), n;
+    default:
+      return n;
+  }
+};
+export {
+  i as g
+};

package/dist/js/key-value-list-CJdL4UQv.js

@@ -0,0 +1,42 @@
+import { jsx as e, jsxs as p, Fragment as u } from "react/jsx-runtime";
+import { c as r } from "./index-BsMVp4qF.js";
+import { s as f } from "./index-YtxCR-9e.js";
+import { D as d } from "./icon-component-BjtO14Ws.js";
+import { G as h, a as x, C as y } from "./units.wyw-in-js-DXa5nztp.js";
+import "./index-DyXmRNJt.js";
+import { E as K, D as C } from "./typography-BLQ8bTfm.js";
+import { F as c } from "./layout-9vWoOGXZ.js";
+const S = "el-text-left", D = "el-text-center", G = "el-text-right", b = "el-text-justify", w = "el-font-bold", A = "el-font-italic", _ = "el-font-uppercase", m = "el-text-ellipsis", z = "el-code", T = /* @__PURE__ */ f("div")({
+  name: "ElKeyValueIconWrap",
+  class: "el-key-value-icon-wrap",
+  propsAsIs: !1
+}), V = /* @__PURE__ */ f("div")({
+  name: "ElKeyValueListWrap",
+  class: "el-key-value-list-wrap",
+  propsAsIs: !1
+}), F = ({ children: t, className: s, ...a }) => /* @__PURE__ */ e(T, { className: r(s), ...a, children: t }), I = ({ children: t, className: s, ...a }) => /* @__PURE__ */ e(V, { className: r(s), ...a, children: t }), n = ({
+  item: { intent: t, iconName: s, icon: a, value: o, key: l, textEllipsis: i }
+}) => /* @__PURE__ */ p(u, { children: [
+  /* @__PURE__ */ e(F, { children: a || (s ? /* @__PURE__ */ e(d, { intent: t ?? "primary", icon: s }) : /* @__PURE__ */ e(d, { icon: "placeholderSmall" })) }),
+  /* @__PURE__ */ p(c, { isFlexColumn: !0, children: [
+    /* @__PURE__ */ e(K, { className: r(i && m), hasGreyText: !0, children: l }),
+    /* @__PURE__ */ e(C, { className: r(i && m), children: o })
+  ] })
+] }), B = ({ className: t, items: s, hasGrid: a, ...o }) => a ? /* @__PURE__ */ e(h, { className: r(t), ...o, children: s.map((l) => l.colSize === "half" ? /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(n, { item: l }) }) }, l.key) : /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(n, { item: l }) }) }, l.key)) }) : /* @__PURE__ */ e("div", { role: "list", children: s.map((l) => /* @__PURE__ */ e(I, { role: "listitem", children: /* @__PURE__ */ e(n, { item: l }) }, l.key)) });
+export {
+  T as E,
+  F as K,
+  V as a,
+  I as b,
+  n as c,
+  B as d,
+  S as e,
+  D as f,
+  G as g,
+  b as h,
+  w as i,
+  A as j,
+  _ as k,
+  m as l,
+  z as m
+};

package/dist/js/key-value-list-DH5P0eeu.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),a=require("./index-8ctufnBx.cjs"),y=require("./index-Dmlb2--K.cjs"),d=require("./icon-component-BI1VsBsU.cjs"),o=require("./units.wyw-in-js-B3TL10ls.cjs");require("./index-Bma4JBK9.cjs");const p=require("./typography-NK1dy3i7.cjs"),i=require("./layout-CY1dJq9m.cjs"),V="el-text-left",C="el-text-center",T="el-text-right",I="el-text-justify",F="el-font-bold",m="el-font-italic",W="el-font-uppercase",x="el-text-ellipsis",L="el-code",j=y.styled_default("div")({name:"ElKeyValueIconWrap",class:"el-key-value-icon-wrap",propsAsIs:!1}),f=y.styled_default("div")({name:"ElKeyValueListWrap",class:"el-key-value-list-wrap",propsAsIs:!1}),h=({children:n,className:t,...s})=>e.jsx(j,{className:a.cx_default(t),...s,children:n}),K=({children:n,className:t,...s})=>e.jsx(f,{className:a.cx_default(t),...s,children:n}),r=({item:{intent:n,iconName:t,icon:s,value:c,key:l,textEllipsis:u}})=>e.jsxs(e.Fragment,{children:[e.jsx(h,{children:s||(t?e.jsx(d.DeprecatedIcon,{intent:n??"primary",icon:t}):e.jsx(d.DeprecatedIcon,{icon:"placeholderSmall"}))}),e.jsxs(i.FlexContainer,{isFlexColumn:!0,children:[e.jsx(p.TextXS,{className:a.cx_default(u&&x),hasGreyText:!0,children:l}),e.jsx(p.TextSM,{className:a.cx_default(u&&x),children:c})]})]}),q=({className:n,items:t,hasGrid:s,...c})=>s?e.jsx(o.Grid,{className:a.cx_default(n),...c,children:t.map(l=>l.colSize==="half"?e.jsx(o.ColHalf,{children:e.jsx(i.FlexContainer,{children:e.jsx(r,{item:l})})},l.key):e.jsx(o.Col,{children:e.jsx(i.FlexContainer,{children:e.jsx(r,{item:l})})},l.key))}):e.jsx("div",{role:"list",children:t.map(l=>e.jsx(K,{role:"listitem",children:e.jsx(r,{item:l})},l.key))});exports.ElKeyValueIconWrap=j;exports.ElKeyValueListWrap=f;exports.KeyValueContent=r;exports.KeyValueIconWrap=h;exports.KeyValueList=q;exports.KeyValueListWrap=K;exports.elCode=L;exports.elFontBold=F;exports.elFontItalic=m;exports.elFontUppercase=W;exports.elTextCenter=C;exports.elTextEllipsis=x;exports.elTextJustify=I;exports.elTextLeft=V;exports.elTextRight=T;

package/dist/js/lab/mobile-nav-item.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),M=require("react"),N=require("../random-id-DZgLyZZR.cjs"),h=require("../icon-component-BI1VsBsU.cjs"),n=require("../index-Dmlb2--K.cjs"),c=n.styled_default("a")({name:"ElExperimentalMobileNavItemAnchor",class:"el-experimental-mobile-nav-item-anchor",propsAsIs:!1}),x=n.styled_default("button")({name:"ElExperimentalMobileNavItemButton",class:"el-experimental-mobile-nav-item-button",propsAsIs:!1}),p=n.styled_default("button")({name:"ElExperimentalMobileNavItemExpanderButton",class:"el-experimental-mobile-nav-item-expander-button",propsAsIs:!1}),o=n.styled_default("span")({name:"ElExperimentalMobileNavItemContent",class:"el-experimental-mobile-nav-item-content",propsAsIs:!1}),m=n.styled_default("span")({name:"ElExperimentalMobileNavItemBadge",class:"el-experimental-mobile-nav-item-badge",propsAsIs:!1}),b=n.styled_default("ul")({name:"ElExperimentalMobileNavSubItemUnorderedList",class:"el-experimental-mobile-nav-sub-item-unordered-list",propsAsIs:!1}),d=n.styled_default("li")({name:"ElExperimentalMobileNavItemListItem",class:"el-experimental-mobile-nav-item-list-item",propsAsIs:!1}),f=t=>"onClick"in t,j=t=>{if(f(t)){const{onClick:l,isActive:r,label:a,hasBadge:i,...s}=t??{};return e.jsx(d,{...s,"aria-label":a,children:e.jsx(x,{onClick:l,"aria-current":r?"true":void 0,children:e.jsxs(o,{children:[a,i&&e.jsx(m,{})]})})})}else{const{href:l,isActive:r,label:a,hasBadge:i,...s}=t??{};return e.jsx(d,{...s,"aria-label":a,children:e.jsx(c,{href:l,"aria-current":r?"page":void 0,children:e.jsxs(o,{children:[a,i&&e.jsx(m,{})]})})})}},A=t=>{const[l,r]=M.useState(!!t?.isActive),a=N.useId(),{isActive:i,label:s,hasBadge:E,children:u,...v}=t??{};return e.jsxs(d,{...v,"data-is-expanded":l,"aria-label":s,children:[e.jsxs(p,{type:"button","aria-expanded":l??i,"aria-current":i?"true":void 0,"aria-controls":a,onClick:()=>r(I=>!I),children:[e.jsxs(o,{children:[s,E&&e.jsx(m,{})]}),e.jsx(h.DeprecatedIcon,{icon:l?"chevronUp":"chevronDown",fontSize:"16px"})]}),e.jsx(b,{id:a,"aria-hidden":!l,children:u})]})},B=t=>"children"in t,g=t=>B(t)?e.jsx(A,{...t}):e.jsx(j,{...t});exports.ElExperimentalMobileNavItemAnchor=c;exports.ElExperimentalMobileNavItemBadge=m;exports.ElExperimentalMobileNavItemButton=x;exports.ElExperimentalMobileNavItemContent=o;exports.ElExperimentalMobileNavItemExpanderButton=p;exports.ElExperimentalMobileNavItemListItem=d;exports.ElExperimentalMobileNavSubItemUnorderedList=b;exports.MobileNavItem=g;

package/dist/js/lab/mobile-nav-item.js

@@ -0,0 +1,80 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { useState as x } from "react";
+import { u } from "../random-id-Dlehz5dT.js";
+import { D as I } from "../icon-component-BjtO14Ws.js";
+import { s as n } from "../index-YtxCR-9e.js";
+const h = /* @__PURE__ */ n("a")({
+  name: "ElExperimentalMobileNavItemAnchor",
+  class: "el-experimental-mobile-nav-item-anchor",
+  propsAsIs: !1
+}), M = /* @__PURE__ */ n("button")({
+  name: "ElExperimentalMobileNavItemButton",
+  class: "el-experimental-mobile-nav-item-button",
+  propsAsIs: !1
+}), N = /* @__PURE__ */ n("button")({
+  name: "ElExperimentalMobileNavItemExpanderButton",
+  class: "el-experimental-mobile-nav-item-expander-button",
+  propsAsIs: !1
+}), m = /* @__PURE__ */ n("span")({
+  name: "ElExperimentalMobileNavItemContent",
+  class: "el-experimental-mobile-nav-item-content",
+  propsAsIs: !1
+}), c = /* @__PURE__ */ n("span")({
+  name: "ElExperimentalMobileNavItemBadge",
+  class: "el-experimental-mobile-nav-item-badge",
+  propsAsIs: !1
+}), f = /* @__PURE__ */ n("ul")({
+  name: "ElExperimentalMobileNavSubItemUnorderedList",
+  class: "el-experimental-mobile-nav-sub-item-unordered-list",
+  propsAsIs: !1
+}), p = /* @__PURE__ */ n("li")({
+  name: "ElExperimentalMobileNavItemListItem",
+  class: "el-experimental-mobile-nav-item-list-item",
+  propsAsIs: !1
+}), A = (e) => "onClick" in e, B = (e) => {
+  if (A(e)) {
+    const { onClick: a, isActive: s, label: l, hasBadge: i, ...r } = e ?? {};
+    return /* @__PURE__ */ t(p, { ...r, "aria-label": l, children: /* @__PURE__ */ t(M, { onClick: a, "aria-current": s ? "true" : void 0, children: /* @__PURE__ */ o(m, { children: [
+      l,
+      i && /* @__PURE__ */ t(c, {})
+    ] }) }) });
+  } else {
+    const { href: a, isActive: s, label: l, hasBadge: i, ...r } = e ?? {};
+    return /* @__PURE__ */ t(p, { ...r, "aria-label": l, children: /* @__PURE__ */ t(h, { href: a, "aria-current": s ? "page" : void 0, children: /* @__PURE__ */ o(m, { children: [
+      l,
+      i && /* @__PURE__ */ t(c, {})
+    ] }) }) });
+  }
+}, g = (e) => {
+  const [a, s] = x(!!e?.isActive), l = u(), { isActive: i, label: r, hasBadge: d, children: b, ...E } = e ?? {};
+  return /* @__PURE__ */ o(p, { ...E, "data-is-expanded": a, "aria-label": r, children: [
+    /* @__PURE__ */ o(
+      N,
+      {
+        type: "button",
+        "aria-expanded": a ?? i,
+        "aria-current": i ? "true" : void 0,
+        "aria-controls": l,
+        onClick: () => s((v) => !v),
+        children: [
+          /* @__PURE__ */ o(m, { children: [
+            r,
+            d && /* @__PURE__ */ t(c, {})
+          ] }),
+          /* @__PURE__ */ t(I, { icon: a ? "chevronUp" : "chevronDown", fontSize: "16px" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t(f, { id: l, "aria-hidden": !a, children: b })
+  ] });
+}, S = (e) => "children" in e, j = (e) => S(e) ? /* @__PURE__ */ t(g, { ...e }) : /* @__PURE__ */ t(B, { ...e });
+export {
+  h as ElExperimentalMobileNavItemAnchor,
+  c as ElExperimentalMobileNavItemBadge,
+  M as ElExperimentalMobileNavItemButton,
+  m as ElExperimentalMobileNavItemContent,
+  N as ElExperimentalMobileNavItemExpanderButton,
+  p as ElExperimentalMobileNavItemListItem,
+  f as ElExperimentalMobileNavSubItemUnorderedList,
+  j as MobileNavItem
+};

package/dist/js/lab/radio-group.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../label-text-CtdGurHG.cjs"),o=require("../index-Dmlb2--K.cjs"),n=o.styled_default("div")({name:"ElExperimentalRadioGroup",class:"el-experimental-radio-group",propsAsIs:!1}),d=o.styled_default("div")({name:"ElExperimentalRadioGroupContent",class:"el-experimental-radio-group-content",propsAsIs:!1}),p=({orientation:a="vertical",isRequired:i,label:l,errorMessage:r,children:s})=>e.jsxs(n,{"data-error":!!r,children:[e.jsx(t.LabelText,{size:"sm",isRequired:i,children:l}),e.jsx(d,{role:"radiogroup","aria-orientation":a,children:s}),e.jsx(t.LabelText,{size:"sm","data-style":"error",children:r})]});exports.RadioGroup=p;

package/dist/js/lab/radio-group.js

@@ -0,0 +1,25 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { L as o } from "../label-text-DfFJj8qi.js";
+import { s as a } from "../index-YtxCR-9e.js";
+const p = /* @__PURE__ */ a("div")({
+  name: "ElExperimentalRadioGroup",
+  class: "el-experimental-radio-group",
+  propsAsIs: !1
+}), d = /* @__PURE__ */ a("div")({
+  name: "ElExperimentalRadioGroupContent",
+  class: "el-experimental-radio-group-content",
+  propsAsIs: !1
+}), x = ({
+  orientation: t = "vertical",
+  isRequired: i,
+  label: l,
+  errorMessage: r,
+  children: s
+}) => /* @__PURE__ */ n(p, { "data-error": !!r, children: [
+  /* @__PURE__ */ e(o, { size: "sm", isRequired: i, children: l }),
+  /* @__PURE__ */ e(d, { role: "radiogroup", "aria-orientation": t, children: s }),
+  /* @__PURE__ */ e(o, { size: "sm", "data-style": "error", children: r })
+] });
+export {
+  x as RadioGroup
+};

package/dist/js/lab/radio.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),x=require("../mergeRefs-D-i3MDCB.cjs"),u=require("../icons/radio.cjs"),m=require("../icons/radio-selected.cjs"),a=require("../index-Dmlb2--K.cjs"),l=require("../label-text-CtdGurHG.cjs"),R=a.styled_default("input")({name:"ElExperimentalRadioInput",class:"el-experimental-radio-input",propsAsIs:!1}),f="el-experimental-radio-svg-icon",E="el-experimental-radio-selected-svg-icon",I=a.styled_default("label")({name:"ElExperimentalRadio",class:"el-experimental-radio",propsAsIs:!1}),y=()=>l.LabelText,b=a.styled_default(y())({name:"ElExperimentalRadioLabelText",class:"el-experimental-radio-label-text",propsAsIs:!0}),g=()=>l.LabelText,S=a.styled_default(g())({name:"ElExperimentalRadioSupplementaryInfo",class:"el-experimental-radio-supplementary-info",propsAsIs:!0}),j=r.forwardRef(({label:i,supplementaryInfo:n,isRequired:t,hasError:s,className:o,...d},c)=>{const p=r.useRef(null);return e.jsxs(I,{className:o,"data-error":s,children:[e.jsx(R,{type:"radio",ref:x.mergeRefs(p,c),required:t,...d,"aria-hidden":!0}),e.jsx(u.RadioIcon,{"aria-hidden":!0,className:f}),e.jsx(m.RadioSelectedIcon,{"aria-hidden":!0,className:E}),e.jsx(b,{variant:"strong",size:"sm",isRequired:t,children:i}),e.jsx(S,{variant:"soft",size:"xs",children:n})]})});exports.Radio=j;

package/dist/js/lab/radio.js

@@ -0,0 +1,47 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { forwardRef as c, useRef as x } from "react";
+import { m as f } from "../mergeRefs-DODigRi2.js";
+import { RadioIcon as E } from "../icons/radio.js";
+import { RadioSelectedIcon as u } from "../icons/radio-selected.js";
+import { s as a } from "../index-YtxCR-9e.js";
+import { L as t } from "../label-text-DfFJj8qi.js";
+const R = /* @__PURE__ */ a("input")({
+  name: "ElExperimentalRadioInput",
+  class: "el-experimental-radio-input",
+  propsAsIs: !1
+}), I = "el-experimental-radio-svg-icon", g = "el-experimental-radio-selected-svg-icon", h = /* @__PURE__ */ a("label")({
+  name: "ElExperimentalRadio",
+  class: "el-experimental-radio",
+  propsAsIs: !1
+}), v = () => t, S = /* @__PURE__ */ a(v())({
+  name: "ElExperimentalRadioLabelText",
+  class: "el-experimental-radio-label-text",
+  propsAsIs: !0
+}), b = () => t, y = /* @__PURE__ */ a(b())({
+  name: "ElExperimentalRadioSupplementaryInfo",
+  class: "el-experimental-radio-supplementary-info",
+  propsAsIs: !0
+}), w = c(
+  ({ label: o, supplementaryInfo: i, isRequired: r, hasError: l, className: n, ...s }, p) => {
+    const m = x(null);
+    return /* @__PURE__ */ d(h, { className: n, "data-error": l, children: [
+      /* @__PURE__ */ e(
+        R,
+        {
+          type: "radio",
+          ref: f(m, p),
+          required: r,
+          ...s,
+          "aria-hidden": !0
+        }
+      ),
+      /* @__PURE__ */ e(E, { "aria-hidden": !0, className: I }),
+      /* @__PURE__ */ e(u, { "aria-hidden": !0, className: g }),
+      /* @__PURE__ */ e(S, { variant: "strong", size: "sm", isRequired: r, children: o }),
+      /* @__PURE__ */ e(y, { variant: "soft", size: "xs", children: i })
+    ] });
+  }
+);
+export {
+  w as Radio
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),i=require("../index-Dmlb2--K.cjs"),d=require("../icons/search.cjs"),x=require("../icons/close.cjs");require("../button-base-D8LjBAOF.cjs");const E=require("../button-Cv5pNws2.cjs"),c=i.styled_default("input")({name:"ElExperimentalSearchInput",class:"el-experimental-search-input",propsAsIs:!1}),o=i.styled_default("div")({name:"ElExperimentalSearchInputContainer",class:"el-experimental-search-input-container",propsAsIs:!1}),I=({inputSize:u="medium",isDisabled:s=!1,unstable_onSearch:a,...n})=>{const[t,l]=m.useState(""),p=r=>{l(r.target.value),a&&a(r.target.value),n.onChange&&n.onChange(r)},h=()=>{l(""),a&&a("")};return e.jsxs(o,{"data-size":u,"aria-disabled":s,children:[!t&&e.jsx(d.SearchIcon,{size:"sm",color:"primary"}),e.jsx(c,{value:t,onChange:p,placeholder:n.placeholder||"Search",name:"search-input",disabled:s,type:"search",...n}),t&&e.jsx(E.Button,{iconLeft:e.jsx(x.CloseIcon,{color:"primary"}),size:"small",variant:"tertiary",onClick:h})]})};exports.ElExperimentalSearchInput=c;exports.ElExperimentalSearchInputContainer=o;exports.SearchInput=I;

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

@@ -0,0 +1,48 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { useState as u } from "react";
+import { s as i } from "../index-YtxCR-9e.js";
+import { SearchIcon as h } from "../icons/search.js";
+import { CloseIcon as f } from "../icons/close.js";
+import "../button-base-B_Ks3sJk.js";
+import { B as d } from "../button-BzRPgU1z.js";
+const x = /* @__PURE__ */ i("input")({
+  name: "ElExperimentalSearchInput",
+  class: "el-experimental-search-input",
+  propsAsIs: !1
+}), C = /* @__PURE__ */ i("div")({
+  name: "ElExperimentalSearchInputContainer",
+  class: "el-experimental-search-input-container",
+  propsAsIs: !1
+}), b = ({
+  inputSize: s = "medium",
+  isDisabled: l = !1,
+  unstable_onSearch: e,
+  ...a
+}) => {
+  const [t, o] = u(""), p = (n) => {
+    o(n.target.value), e && e(n.target.value), a.onChange && a.onChange(n);
+  }, m = () => {
+    o(""), e && e("");
+  };
+  return /* @__PURE__ */ c(C, { "data-size": s, "aria-disabled": l, children: [
+    !t && /* @__PURE__ */ r(h, { size: "sm", color: "primary" }),
+    /* @__PURE__ */ r(
+      x,
+      {
+        value: t,
+        onChange: p,
+        placeholder: a.placeholder || "Search",
+        name: "search-input",
+        disabled: l,
+        type: "search",
+        ...a
+      }
+    ),
+    t && /* @__PURE__ */ r(d, { iconLeft: /* @__PURE__ */ r(f, { color: "primary" }), size: "small", variant: "tertiary", onClick: m })
+  ] });
+};
+export {
+  x as ElExperimentalSearchInput,
+  C as ElExperimentalSearchInputContainer,
+  b as SearchInput
+};

package/dist/js/lab/select-custom.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),v=require("../label-text-CtdGurHG.cjs"),p=require("../index-Dmlb2--K.cjs");require("../button-base-D8LjBAOF.cjs");const u=require("react"),te=require("../button-Cv5pNws2.cjs"),le=require("../icons/check.cjs"),oe=require("../badge-CNv_SHOf.cjs"),L=require("../text-BONwaftt.cjs"),se=require("../icons/close.cjs"),ne=require("../icons/chevron-down.cjs"),T=require("../chip-group-CMOQNhYo.cjs"),_=require("../popover-Y-ha5ifI.cjs"),k=p.styled_default("div")({name:"ElExperimentalSelectCustomContainer",class:"el-experimental-select-custom-container",propsAsIs:!1}),re=()=>te.Button,G=p.styled_default(re())({name:"ElExperimentalSelectCustomInputField",class:"el-experimental-select-custom-input-field",propsAsIs:!0}),z=p.styled_default("div")({name:"ElExperimentalSelectCustomContent",class:"el-experimental-select-custom-content",propsAsIs:!1}),B=p.styled_default("div")({name:"ElExperimentalSelectCustomPlaceholder",class:"el-experimental-select-custom-placeholder",propsAsIs:!1}),D="el-experimental-select-custom-popover",R=p.styled_default("div")({name:"ElExperimentalSelectCustomOptionGroup",class:"el-experimental-select-custom-option-group",propsAsIs:!1}),ce="el-experimental-select-custom-group-title",V=p.styled_default("li")({name:"ElExperimentalSelectCustomOption",class:"el-experimental-select-custom-option",propsAsIs:!1}),W=p.styled_default("div")({name:"ElExperimentalSelectCustomLabelContainer",class:"el-experimental-select-custom-label-container",propsAsIs:!1}),F=p.styled_default("div")({name:"ElExperimentalSelectCustomLabelItem",class:"el-experimental-select-custom-label-item",propsAsIs:!1}),$=p.styled_default("div")({name:"ElExperimentalSelectCustomAdditionalInfo1",class:"el-experimental-select-custom-additional-info1",propsAsIs:!1}),K=p.styled_default("div")({name:"ElExperimentalSelectCustomAdditionalInfo2",class:"el-experimental-select-custom-additional-info2",propsAsIs:!1}),h=({label:n,children:c})=>l.jsxs(R,{role:"group",children:[n&&l.jsx(v.LabelText,{size:"xs",children:n}),c]}),N=u.createContext({selectedValues:[],onSelect:()=>{},isMultiple:!1});function ae(){return u.useContext(N)}const y=({value:n,label:c,badge:s,additionalInfo1:o,additionalInfo2:e})=>{const{selectedValues:r,onSelect:t}=ae(),i=r.some(E=>E.value===n),d=()=>t({value:n,label:c});return l.jsxs(V,{role:"option","aria-selected":i,tabIndex:-1,onClick:d,children:[l.jsxs(W,{children:[l.jsxs(F,{children:[l.jsx(v.LabelText,{size:"xs",children:c}),s&&l.jsx(oe.Badge,{colour:"neutral",children:s})]}),i&&l.jsx(le.CheckIcon,{size:"md",color:"secondary"})]}),o&&l.jsx($,{children:o}),e&&l.jsx(K,{children:e})]})},H=n=>{const c=u.useRef(null),[s,o]=u.useState(0);return u.useEffect(()=>{const e=c.current;if(!e)return;const r=t=>{const i=e.querySelectorAll('[role="option"]');i.length&&(t.key==="ArrowDown"?(t.preventDefault(),o(d=>(d+1)%i.length)):t.key==="ArrowUp"?(t.preventDefault(),o(d=>(d-1+i.length)%i.length)):t.key==="Enter"?(t.preventDefault(),i[s]?.click()):t.key==="Escape"&&(t.preventDefault(),document.getElementById(n)?.hidePopover?.()))};return e.addEventListener("keydown",r),()=>e.removeEventListener("keydown",r)},[s,n]),u.useEffect(()=>{const e=c.current;if(!e)return;const r=e.querySelectorAll('[role="option"]');r.forEach((t,i)=>{t.setAttribute("tabindex",i===s?"0":"-1")}),r[s]?.focus()},[s]),u.useEffect(()=>{const e=document.getElementById(n);if(!e)return;const r=new MutationObserver(()=>{if(e.matches(":popover-open")){const t=c.current?.querySelectorAll('[role="option"]');t&&t.length>0&&(o(0),t[0].focus())}});return r.observe(e,{attributes:!0,attributeFilter:["popover"]}),()=>r.disconnect()},[n]),c},ie=(n,c)=>{const s=[],o=e=>{if(e){if(Array.isArray(e))e.forEach(o);else if(typeof e=="object"&&"props"in e){const r=e.props;e.type===y&&r.selected&&s.push({value:r.value,label:r.label}),e.type===h&&o(r.children)}}};return o(n),!c&&s.length>1?[s[0]]:s},ue=n=>{let c=0;const s=o=>{if(o){if(Array.isArray(o))o.forEach(s);else if(typeof o=="object"&&"props"in o){const e=o.props;o.type===y&&(c+=1),o.type===h&&s(e.children)}}};return s(n),c};function I({id:n,size:c="medium",label:s,children:o,helperText:e,errorMessage:r,isMultiple:t=!1,isClearable:i=!1,isRequired:d=!1,isDisabled:E=!1,popoverMaxHeight:U,popoverPlacement:J}){const[x,j]=u.useState(()=>ie(o,t)),[Q,X]=u.useState(0),C=`select-popover-${n.replace(/\s+/g,"-").toLowerCase()}`,S=`select-input-${n.replace(/\s+/g,"-").toLowerCase()}`,Y=H(C),A=()=>{document.getElementById(C)?.hidePopover?.()},O=a=>{j(m=>t?m.find(f=>f.value===a.value)?m.filter(f=>f.value!==a.value):[...m,a]:[a]),t||A()},Z=()=>j([]),q=t?"":x[0]?.label||"",M=_.Popover.getTriggerProps({id:S,popoverTarget:C,popoverTargetAction:"toggle"}),P=`${n}-description`,b=r||e,w=!!r,ee=ue(o),g=t&&x.length>=ee;return u.useEffect(()=>{g&&A()},[g]),u.useEffect(()=>{const a=document.getElementById(S);if(!a)return;const m=()=>X(a.offsetWidth);m();const f=new ResizeObserver(m);return f.observe(a),()=>f.disconnect()},[S]),l.jsxs(k,{id:n,children:[s&&l.jsx(v.LabelText,{size:c==="large"?"sm":"xs",isRequired:d,children:s}),l.jsxs(G,{variant:"secondary",size:c,...M,type:"button",role:"combobox","aria-expanded":"false","aria-disabled":E||g,"aria-describedby":b?P:void 0,"aria-invalid":w||!1,children:[q?l.jsx(z,{children:l.jsx(L.Text,{as:"span",colour:"primary",font:"text-xs/regular",overflow:"truncate",children:q})}):l.jsx(B,{children:l.jsx(L.Text,{as:"span",colour:"placeholder",font:"text-xs/regular",overflow:"truncate",children:"Select an option"})}),i&&!t&&x.length>0?l.jsx(se.CloseIcon,{color:"primary",size:"sm",onClick:a=>{a.stopPropagation(),Z()}}):l.jsx(ne.ChevronDownIcon,{size:"sm",color:"primary"})]}),l.jsx(_.Popover,{id:C,anchorId:S,placement:J||"bottom-start",popover:"auto",className:D,maxHeight:U,style:{minWidth:Q},gap:"var(--spacing-1)",children:l.jsx(N.Provider,{value:{selectedValues:x,onSelect:O,isMultiple:t},children:l.jsx("ul",{role:"listbox",ref:Y,tabIndex:-1,children:o})})}),b&&l.jsx(v.LabelText,{id:P,size:"xs","data-error":!!w,children:b}),t&&x.length>0&&l.jsx(T.ChipGroup,{children:x.map((a,m)=>l.jsx(T.ChipGroup.Item,{variant:"filter",onClick:()=>O(a),"aria-disabled":E,children:a.label},`${a.value}-${m}`))})]})}I.Group=h;I.Option=y;exports.ElExperimentalSelectCustomAdditionalInfo1=$;exports.ElExperimentalSelectCustomAdditionalInfo2=K;exports.ElExperimentalSelectCustomContainer=k;exports.ElExperimentalSelectCustomContent=z;exports.ElExperimentalSelectCustomInputField=G;exports.ElExperimentalSelectCustomLabelContainer=W;exports.ElExperimentalSelectCustomLabelItem=F;exports.ElExperimentalSelectCustomOption=V;exports.ElExperimentalSelectCustomOptionGroup=R;exports.ElExperimentalSelectCustomPlaceholder=B;exports.ExperimentalSelectCustomOption=y;exports.ExperimentalSelectCustomOptionGroup=h;exports.SelectCustom=I;exports.elExperimentalSelectCustomGroupTitle=ce;exports.elExperimentalSelectCustomPopover=D;exports.useSelectKeyboardNavigation=H;