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

package/dist/js/placeholder-image-mGojBaEu.js

@@ -0,0 +1,94 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { s as o } from "./index-YtxCR-9e.js";
+import { memo as t } from "react";
+const m = t(() => /* @__PURE__ */ d("svg", { width: "1em", height: "1em", viewBox: "0 0 183 200", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ e("ellipse", { cx: "90.7692", cy: "108.718", rx: "90.7692", ry: "91.2821", fill: "#F2F2F2" }),
+  /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M149.769 59.9736L162.678 51.715C158.49 46.4795 153.74 41.7118 148.515 37.5054L136.008 47.114C141.106 50.822 145.733 55.1401 149.769 59.9736Z",
+      fill: "#C4C4C4"
+    }
+  ),
+  /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M161.555 79.4094L176.145 74.8695C173.889 69.2241 171.087 63.8571 167.804 58.8311L154.969 67.0407C157.522 70.9321 159.74 75.0652 161.554 79.4094H161.555Z",
+      fill: "#C4C4C4"
+    }
+  ),
+  /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M91.3348 184.757C49.3765 184.757 15.2469 150.625 15.2469 108.665C15.2469 66.7067 49.3784 32.5772 91.3348 32.5772C104.677 32.5772 117.219 36.039 128.135 42.0927L141.098 32.1368C126.771 22.7881 109.682 17.3311 91.3344 17.3311C40.9719 17.3311 0 58.3029 0 108.665C0 159.028 40.9719 200 91.3344 200C126.598 200 157.237 179.899 172.448 150.569H154.803C141.17 171.148 117.818 184.757 91.3352 184.757L91.3348 184.757Z",
+      fill: "#C4C4C4"
+    }
+  ),
+  /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M167.415 108.665H182.658C182.658 107.277 182.615 105.897 182.552 104.526H167.297C167.373 105.897 167.415 107.275 167.415 108.665H167.415Z",
+      fill: "#C4C4C4"
+    }
+  ),
+  /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M166.321 95.7561H181.752C181.14 91.4518 180.225 87.2501 179.032 83.1611L164.477 87.6916C165.23 90.3247 165.851 93.0144 166.321 95.7561H166.321Z",
+      fill: "#C4C4C4"
+    }
+  ),
+  /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M125.332 161.312H60.6905C53.8033 161.296 48.2199 155.712 48.2031 148.825V12.4873C48.2199 5.60022 53.8033 0.0167671 60.6905 0H125.332C132.219 0.0167671 137.803 5.60022 137.819 12.4873V148.829C137.798 155.716 132.219 161.296 125.332 161.312Z",
+      fill: "#DFDFDF"
+    }
+  ),
+  /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M125.332 161.312H60.6904C53.8033 161.295 48.2199 155.712 48.2031 148.825V133.008C89.3787 133.008 101.178 133.008 137.819 133.008V148.829C137.798 155.716 132.219 161.295 125.332 161.312Z",
+      fill: "#C4C4C4"
+    }
+  ),
+  /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M99.4303 70.1607C98.0834 61.6268 90.6094 55.0769 81.6156 55.0769C78.2322 55.0769 74.981 56.0035 72.1611 57.7318C67.871 50.5949 60.1476 46.1538 51.5675 46.1538C38.3129 46.1538 27.529 56.8284 27.529 69.9487C27.529 70.03 27.529 70.1143 27.5321 70.1956C19.0134 71.6159 12.3047 78.9675 12.3047 87.7948C12.3047 97.6358 20.5921 105.641 30.5339 105.641H96.6396C106.581 105.641 114.869 97.6358 114.869 87.7948C114.869 78.8922 108.052 71.494 99.4303 70.1607Z",
+      fill: "white"
+    }
+  )
+] })), n = t(() => /* @__PURE__ */ e("svg", { width: "1em", height: "1em", viewBox: "0 0 60 35", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e(
+  "path",
+  {
+    d: "M50.9685 13.7768C50.1805 8.8795 45.8082 5.12069 40.5469 5.12069C38.5676 5.12069 36.6656 5.65245 35.016 6.64427C32.5063 2.54863 27.9881 0 22.9688 0C15.2148 0 8.90625 6.12582 8.90625 13.6552C8.90625 13.7018 8.90625 13.7502 8.90801 13.7968C3.92461 14.6119 0 18.8308 0 23.8966C0 29.544 4.84816 34.1379 10.6641 34.1379H49.3359C55.1518 34.1379 60 29.544 60 23.8966C60 18.7876 56.0119 14.542 50.9685 13.7768Z",
+    fill: "#E3E3E3"
+  }
+) })), g = { placeholderLarge: m, placeholderSmall: n }, i = /* @__PURE__ */ o("div")({
+  name: "ElPlaceholderImage",
+  class: "el-placeholder-image",
+  propsAsIs: !1
+}), f = /* @__PURE__ */ o("div")({
+  name: "ElPlaceholderImageWrapper",
+  class: "el-placeholder-image-wrapper",
+  propsAsIs: !1
+}), v = ({ placeholder: h, size: l, fillAvailable: s, ...C }) => {
+  const a = g[h], r = `${l * 0.625 / 16}em`, p = `${l}px`, c = `${l}px`;
+  return s ? /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(i, { role: "img", "aria-label": "A generic placeholder image", ...C, style: { fontSize: r }, children: /* @__PURE__ */ e(a, {}) }) }) : /* @__PURE__ */ e(
+    i,
+    {
+      role: "img",
+      "aria-label": "A generic placeholder image",
+      ...C,
+      style: { fontSize: r, width: p, height: c },
+      children: /* @__PURE__ */ e(a, {})
+    }
+  );
+};
+export {
+  i as E,
+  v as P,
+  f as a,
+  g as p
+};

package/dist/js/popover-Y-ha5ifI.cjs

@@ -0,0 +1,59 @@
+"use strict";const l=require("react/jsx-runtime"),d=require("./index-8ctufnBx.cjs"),h=require("react");function u({id:o,popoverTarget:t,popoverTargetAction:e}){return{id:o,popovertarget:t,popovertargetaction:e}}function y(){return CSS.supports("anchor-name","--myanchor")}async function C({elements:o,excludeInlineStyles:t=!0,useAnimationFrame:e=!1}={}){if(!y()){const{default:r}=await Promise.resolve().then(()=>require("./css-anchor-positioning-fn-DmupQmpv.cjs"));await r({elements:o,excludeInlineStyles:t,useAnimationFrame:e})}}function k(o,t){switch(o){case"bottom":return`
+        top: anchor(bottom);
+        justify-self: anchor-center;
+        margin-block: ${t};
+      `;case"bottom-end":return`
+        top: anchor(bottom);
+        right: anchor(right);
+        margin-block: ${t};
+      `;case"bottom-start":return`
+        top: anchor(bottom);
+        left: anchor(left);
+        margin-block: ${t};
+      `;case"left":return`
+        align-self: anchor-center;
+        right: anchor(left);
+        margin-inline: ${t};
+      `;case"left-end":return`
+        bottom: anchor(bottom);
+        right: anchor(left);
+        margin-inline: ${t};
+      `;case"left-start":return`
+        top: anchor(top);
+        right: anchor(left);
+        margin-inline: ${t};
+      `;case"right":return`
+        align-self: anchor-center;
+        left: anchor(right);
+        margin-inline: ${t};
+      `;case"right-end":return`
+        bottom: anchor(bottom);
+        left: anchor(right);
+        margin-inline: ${t};
+      `;case"right-start":return`
+        top: anchor(top);
+        left: anchor(right);
+        margin-inline: ${t};
+      `;case"top":return`
+        bottom: anchor(top);
+        justify-self: anchor-center;
+        margin-block: ${t};
+      `;case"top-end":return`
+        bottom: anchor(top);
+        right: anchor(right);
+        margin-block: ${t};
+      `;case"top-start":return`
+        bottom: anchor(top);
+        left: anchor(left);
+        margin-block: ${t};
+      `}}function x({anchorElementId:o,placement:t,positionedElementId:e,positionTryFallbacks:r,gap:c}){const n=`--${CSS.escape(o)}`,i=k(t,c);return`
+    #${CSS.escape(o)} {
+      anchor-name: ${n};
+    }
+
+    #${CSS.escape(e)} {
+      position-anchor: ${n};
+      position-try-fallbacks: ${r};
+      ${i}
+    }
+  `}const p="el-popover";function j(o){return o.closest("[popover]")}function s({anchorId:o,borderRadius:t,children:e,className:r,elevation:c="none",gap:n="0",id:i,maxHeight:f,maxWidth:m,placement:g,positionTryFallbacks:S="none",popover:b="auto",style:P,...$}){const a=h.useRef(null),v=x({anchorElementId:o,positionedElementId:i,placement:g,positionTryFallbacks:S,gap:n});return h.useLayoutEffect(function(){a.current&&C({elements:[a.current]})},[]),l.jsxs("div",{...$,className:d.cx_default(p,r),"data-elevation":c,id:i,popover:b,style:{...P,"--popover-border-radius":t,"--popover-max-height":f,"--popover-max-width":m},children:[l.jsx("style",{ref:a,children:v}),e]})}s.getTriggerProps=u;s.getClosestPopoverElement=j;exports.Popover=s;exports.elPopover=p;exports.getPopoverTriggerProps=u;

package/dist/js/popover-bBQLwPua.js

@@ -0,0 +1,188 @@
+import { jsxs as b, jsx as $ } from "react/jsx-runtime";
+import { c as d } from "./index-BsMVp4qF.js";
+import { useRef as P, useLayoutEffect as v } from "react";
+function y({
+  id: o,
+  popoverTarget: t,
+  popoverTargetAction: r
+}) {
+  return {
+    id: o,
+    popovertarget: t,
+    popovertargetaction: r
+  };
+}
+function C() {
+  return CSS.supports("anchor-name", "--myanchor");
+}
+async function k({
+  elements: o,
+  // By default, we only want to polyfill inline styles on elements explicitly specified in the `elements`
+  // option. This is the opposite of the polyfill's default behaviour.
+  excludeInlineStyles: t = !0,
+  // By default, we don't want to recalculate on every animation frame because we don't typically
+  // animate anchors.
+  useAnimationFrame: r = !1
+} = {}) {
+  if (!C()) {
+    const { default: n } = await import("./css-anchor-positioning-fn-8Er8T2lM.js");
+    await n({
+      elements: o,
+      excludeInlineStyles: t,
+      useAnimationFrame: r
+    });
+  }
+}
+function x(o, t) {
+  switch (o) {
+    case "bottom":
+      return `
+        top: anchor(bottom);
+        justify-self: anchor-center;
+        margin-block: ${t};
+      `;
+    case "bottom-end":
+      return `
+        top: anchor(bottom);
+        right: anchor(right);
+        margin-block: ${t};
+      `;
+    case "bottom-start":
+      return `
+        top: anchor(bottom);
+        left: anchor(left);
+        margin-block: ${t};
+      `;
+    case "left":
+      return `
+        align-self: anchor-center;
+        right: anchor(left);
+        margin-inline: ${t};
+      `;
+    case "left-end":
+      return `
+        bottom: anchor(bottom);
+        right: anchor(left);
+        margin-inline: ${t};
+      `;
+    case "left-start":
+      return `
+        top: anchor(top);
+        right: anchor(left);
+        margin-inline: ${t};
+      `;
+    case "right":
+      return `
+        align-self: anchor-center;
+        left: anchor(right);
+        margin-inline: ${t};
+      `;
+    case "right-end":
+      return `
+        bottom: anchor(bottom);
+        left: anchor(right);
+        margin-inline: ${t};
+      `;
+    case "right-start":
+      return `
+        top: anchor(top);
+        left: anchor(right);
+        margin-inline: ${t};
+      `;
+    case "top":
+      return `
+        bottom: anchor(top);
+        justify-self: anchor-center;
+        margin-block: ${t};
+      `;
+    case "top-end":
+      return `
+        bottom: anchor(top);
+        right: anchor(right);
+        margin-block: ${t};
+      `;
+    case "top-start":
+      return `
+        bottom: anchor(top);
+        left: anchor(left);
+        margin-block: ${t};
+      `;
+  }
+}
+function j({
+  anchorElementId: o,
+  placement: t,
+  positionedElementId: r,
+  positionTryFallbacks: n,
+  gap: c
+}) {
+  const e = `--${CSS.escape(o)}`, i = x(t, c);
+  return `
+    #${CSS.escape(o)} {
+      anchor-name: ${e};
+    }
+
+    #${CSS.escape(r)} {
+      position-anchor: ${e};
+      position-try-fallbacks: ${n};
+      ${i}
+    }
+  `;
+}
+const w = "el-popover";
+function A(o) {
+  return o.closest("[popover]");
+}
+function s({
+  anchorId: o,
+  borderRadius: t,
+  children: r,
+  className: n,
+  elevation: c = "none",
+  gap: e = "0",
+  id: i,
+  maxHeight: l,
+  maxWidth: h,
+  placement: m,
+  positionTryFallbacks: f = "none",
+  popover: p = "auto",
+  style: u,
+  ...g
+}) {
+  const a = P(null), S = j({
+    anchorElementId: o,
+    positionedElementId: i,
+    placement: m,
+    positionTryFallbacks: f,
+    gap: e
+  });
+  return v(function() {
+    a.current && k({ elements: [a.current] });
+  }, []), /* @__PURE__ */ b(
+    "div",
+    {
+      ...g,
+      className: d(w, n),
+      "data-elevation": c,
+      id: i,
+      popover: p,
+      style: {
+        ...u,
+        "--popover-border-radius": t,
+        "--popover-max-height": l,
+        "--popover-max-width": h
+      },
+      children: [
+        /* @__PURE__ */ $("style", { ref: a, children: S }),
+        r
+      ]
+    }
+  );
+}
+s.getTriggerProps = y;
+s.getClosestPopoverElement = A;
+export {
+  s as P,
+  w as e,
+  y as g
+};

package/dist/js/primary-tabs-CNZgIdfq.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("react/jsx-runtime"),s=require("./index-Dmlb2--K.cjs"),t=s.styled_default("nav")({name:"ElPrimaryTabs",class:"el-primary-tabs",propsAsIs:!1}),m=s.styled_default("menu")({name:"ElPrimaryTabsList",class:"el-primary-tabs-list",propsAsIs:!1}),y=s.styled_default("li")({name:"ElPrimaryTabsListItem",class:"el-primary-tabs-list-item",propsAsIs:!1}),b=s.styled_default("a")({name:"ElPrimaryTab",class:"el-primary-tab",propsAsIs:!1}),n=s.styled_default("span")({name:"ElPrimaryTabLabel",class:"el-primary-tab-label",propsAsIs:!1});function P({"aria-current":r,children:e,...l}){return a.jsx(b,{...l,"aria-current":r,children:a.jsx(n,{children:e})})}function i(r){return a.jsx(y,{children:a.jsx(P,{...r})})}i.displayName="PrimaryTabs.Item";function T({children:r,overflow:e="visible",...l}){return a.jsx(t,{"data-overflow":e,...l,children:a.jsx(m,{children:r})})}T.Item=i;exports.ElPrimaryTab=b;exports.ElPrimaryTabLabel=n;exports.ElPrimaryTabs=t;exports.ElPrimaryTabsList=m;exports.ElPrimaryTabsListItem=y;exports.PrimaryTab=P;exports.PrimaryTabs=T;exports.PrimaryTabsItem=i;

package/dist/js/primary-tabs-Dk_iHdg7.js

@@ -0,0 +1,44 @@
+import { jsx as a } from "react/jsx-runtime";
+import { s as r } from "./index-YtxCR-9e.js";
+const m = /* @__PURE__ */ r("nav")({
+  name: "ElPrimaryTabs",
+  class: "el-primary-tabs",
+  propsAsIs: !1
+}), t = /* @__PURE__ */ r("menu")({
+  name: "ElPrimaryTabsList",
+  class: "el-primary-tabs-list",
+  propsAsIs: !1
+}), n = /* @__PURE__ */ r("li")({
+  name: "ElPrimaryTabsListItem",
+  class: "el-primary-tabs-list-item",
+  propsAsIs: !1
+}), b = /* @__PURE__ */ r("a")({
+  name: "ElPrimaryTab",
+  class: "el-primary-tab",
+  propsAsIs: !1
+}), y = /* @__PURE__ */ r("span")({
+  name: "ElPrimaryTabLabel",
+  class: "el-primary-tab-label",
+  propsAsIs: !1
+});
+function o({ "aria-current": s, children: e, ...i }) {
+  return /* @__PURE__ */ a(b, { ...i, "aria-current": s, children: /* @__PURE__ */ a(y, { children: e }) });
+}
+function l(s) {
+  return /* @__PURE__ */ a(n, { children: /* @__PURE__ */ a(o, { ...s }) });
+}
+l.displayName = "PrimaryTabs.Item";
+function p({ children: s, overflow: e = "visible", ...i }) {
+  return /* @__PURE__ */ a(m, { "data-overflow": e, ...i, children: /* @__PURE__ */ a(t, { children: s }) });
+}
+p.Item = l;
+export {
+  m as E,
+  p as P,
+  l as a,
+  t as b,
+  n as c,
+  o as d,
+  b as e,
+  y as f
+};

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-BE3DpSLl.cjs

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