@ebay/ui-core-react 7.1.0-alpha.2 → 7.1.0

package/ebay-listbox-button.mjs

@@ -1,170 +0,0 @@
-import o, { useRef as k, useState as x, useEffect as mt, Children as ft, useCallback as dt, cloneElement as xt } from "react";
-import N from "classnames";
-import { E as j } from "./icon-B_a65KUD.mjs";
-import { b as vt } from "./utils-BipBqkOS.mjs";
-const Et = ({ value: b, children: h, selected: i, onClick: v, index: m, innerRef: g, className: B, id: w, ...f }) => {
-  const E = N("listbox-button__option", B, { "listbox-button__option--active": i });
-  return o.createElement(
-    "div",
-    { ...f, className: E, role: "option", id: w || `listbox_btn_${b}_${m}`, "aria-selected": i, ref: g, onClick: (p) => {
-      v(p, b, m);
-    } },
-    o.createElement("span", { className: "listbox-button__value" }, h),
-    o.createElement(j, { name: "tick16" })
-  );
-}, gt = ({ children: b, name: h, value: i, selected: v, borderless: m, fluid: g, className: B, maxHeight: w, prefixId: f, prefixLabel: E, floatingLabel: p, unselectedText: q = "-", onChange: T = () => {
-}, onCollapse: z = () => {
-}, onExpand: G = () => {
-}, ...J }) => {
-  const c = k(null), C = k(), O = k(/* @__PURE__ */ new Map()), _ = k(), l = vt(b, Et);
-  if (!l.length)
-    throw new Error(`EbayListboxButton: Please use a
-        EbayListboxButtonOption that defines the options of the listbox`);
-  const Q = () => {
-    const t = v !== void 0 ? v : l.findIndex(({ props: s }) => i !== void 0 && s.value === i), e = t > -1 || p ? t : void 0;
-    return {
-      option: l[e],
-      index: e
-    };
-  }, { option: D, index: A } = Q(), [a, d] = x(D), [n, S] = x(A), [y, L] = x(), [X, Y] = x(!1), [I, H] = x();
-  mt(() => {
-    d(D);
-  }, [i]);
-  const r = ft.toArray(b), R = (t) => r[t].props.value, Z = dt((t) => r.findIndex(({ props: e }) => e.value === t), [r]), K = (t) => O.current.get(t), P = (t) => {
-    const e = c.current;
-    e == null || e.setAttribute("aria-activedescendant", K(t).id);
-  }, u = () => {
-    L(!1), z();
-  }, tt = () => {
-    L(!0), G();
-  }, et = () => {
-    y ? u() : tt();
-  }, U = (t, e) => {
-    d(r[e]), S(e), u(), P(e), _.current.focus(), T(t, { index: e, selected: [R(e)], wasClicked: I }), H(!1);
-  }, ot = () => {
-    u(), d(r[A]);
-  }, nt = (t) => {
-    const e = c.current.children[t];
-    e.setAttribute("aria-selected", "true"), e.classList.add("listbox-button__option--active");
-  }, st = (t) => {
-    const e = c.current.children[t];
-    e.setAttribute("aria-selected", "false"), e.classList.remove("listbox-button__option--active");
-  }, at = (t) => {
-    const e = C.current, s = K(t);
-    if (e.scrollHeight > e.clientHeight) {
-      const bt = e.clientHeight + e.scrollTop, W = s.offsetTop + s.offsetHeight;
-      W > bt ? e.scrollTop = W - e.clientHeight : s.offsetTop < e.scrollTop && (e.scrollTop = s.offsetTop);
-    }
-  }, $ = (t) => {
-    nt(n === void 0 || t === -1 ? 0 : t), st(n === void 0 || n === -1 ? 0 : n), at(t), P(t), S(t), d(r[t]);
-  }, M = (t) => setTimeout(() => {
-    var e;
-    return (e = c == null ? void 0 : c.current) == null ? void 0 : e.focus(t);
-  }, 0), ct = () => {
-    et(), Y(!0), M({ preventScroll: !0 });
-  }, lt = (t) => {
-    switch (t.key) {
-      case "Escape":
-        u();
-        break;
-      case "Enter":
-        M();
-        break;
-    }
-  }, rt = (t) => {
-    switch (t.key) {
-      case " ":
-      case "PageUp":
-      case "PageDown":
-      case "Home":
-      case "End":
-        t.preventDefault();
-        break;
-      case "Down":
-      case "ArrowDown":
-        t.preventDefault(), n !== l.length - 1 && $(n < l.length - 1 ? n + 1 : 0);
-        break;
-      case "Up":
-      case "ArrowUp":
-        t.preventDefault(), n !== 0 && $(n > 0 ? n - 1 : l.length - 1);
-        break;
-      case "Enter":
-        u(), setTimeout(() => d(r[n])), setTimeout(() => _.current.focus(), 0), T(t, {
-          index: n,
-          selected: [R(n)],
-          wasClicked: I
-        });
-        break;
-      case "Esc":
-      case "Escape":
-        ot();
-        break;
-    }
-  }, V = l.map((t, e) => xt(t, {
-    index: e,
-    key: e,
-    selected: a && t.props.value === a.props.value,
-    onClick: (s) => U(s, e),
-    innerRef: (s) => s ? O.current.set(e, s) : O.current.delete(e)
-  })), it = N("listbox-button", B, { "listbox-button--fluid": g }), pt = N("btn", {
-    "btn--form": !m,
-    "btn--borderless": m,
-    "btn--floating-label": p && a
-  }), F = f && "expand-btn-text", ut = o.createElement(
-    o.Fragment,
-    null,
-    p && o.createElement("span", { className: "btn__floating-label" }, p),
-    E && o.createElement("span", { className: "btn__label" }, E),
-    o.createElement("span", { className: "btn__text", id: F }, (a == null ? void 0 : a.props.children) || q)
-  );
-  return o.createElement(
-    "span",
-    { className: it },
-    o.createElement(
-      "button",
-      {
-        ...J,
-        type: "button",
-        className: pt,
-        "aria-expanded": !!y,
-        "aria-haspopup": "listbox",
-        "aria-labelledby": f && `${f} ${F}`,
-        onClick: ct,
-        // https://stackoverflow.com/questions/17769005/onclick-and-onblur-ordering-issue
-        onMouseDown: (t) => t.preventDefault(),
-        onKeyUp: lt,
-        ref: _
-      },
-      o.createElement(
-        "span",
-        { className: "btn__cell" },
-        ut,
-        o.createElement(j, { name: "chevronDown12" })
-      )
-    ),
-    (y || X) && o.createElement(
-      "div",
-      { className: "listbox-button__listbox", ref: C, style: { maxHeight: w } },
-      o.createElement("div", {
-        className: "listbox-button__options",
-        role: "listbox",
-        tabIndex: y ? 0 : -1,
-        ref: c,
-        onKeyDown: (t) => rt(t),
-        // adding onMouseDown preventDefault b/c on IE the onClick event is not being fired on each
-        // option https://stackoverflow.com/questions/17769005/onclick-and-onblur-ordering-issue
-        onMouseDown: (t) => {
-          t.preventDefault(), H(!0);
-        },
-        onBlur: () => {
-          u(), setTimeout(() => _.current.focus(), 0);
-        }
-      }, V)
-    ),
-    o.createElement("select", { hidden: !0, className: "listbox-button__native", name: h, onChange: (t) => U(t, Z(t.target.value)), value: a ? a == null ? void 0 : a.props.value : "" }, V.map((t, e) => o.createElement("option", { value: t.props.value, key: e })))
-  );
-};
-export {
-  gt as EbayListboxButton,
-  Et as EbayListboxButtonOption
-};

package/ebay-menu-button.mjs

@@ -1,82 +0,0 @@
-import n, { useState as x, useRef as v, useEffect as w, cloneElement as X } from "react";
-import u from "classnames";
-import { b as Y, f as M } from "./utils-BipBqkOS.mjs";
-import { E as Z, a as $ } from "./menu-CR1Dxl2m.mjs";
-import { E as ee } from "./button-B06HeRsZ.mjs";
-import { E as ne } from "./icon-button-Dy8rjzH7.mjs";
-import { r as te, E as ae } from "./icon-B_a65KUD.mjs";
-import { b as oe } from "./index-B5oC9Rl1.mjs";
-const Ee = ({ type: t, variant: o = "button", className: c, text: m = "", fixWidth: d, reverse: i, expanded: h, noToggleIcon: f, checked: l, collapseOnSelect: N, a11yText: L, prefixId: y, prefixLabel: R, onClick: K = () => {
-}, onExpand: S = () => {
-}, onCollapse: A = () => {
-}, onChange: F = () => {
-}, onSelect: P = () => {
-}, children: b, ...T }) => {
-  const [s, p] = x(h), [k, W] = x(), I = v(null), _ = v(), B = Y(b, [$, ce]), D = B.map((e) => !!e.props.checked), [E, O] = x(D), V = M(b, le), j = M(b, ae), q = se({ text: m, prefixId: y, prefixLabel: R, menuButtonLabel: V, icon: j }), z = u("menu-button", c), G = u("menu-button__menu", {
-    "menu-button__menu--fix-width": d,
-    "menu-button__menu--reverse": i
-  });
-  w(() => {
-    const e = (a) => {
-      const r = _.current, g = r && r.contains(a.target);
-      (N || !g) && p(!1);
-    };
-    return s ? (S(), setTimeout(() => {
-      document.addEventListener("click", e, !1);
-    })) : s === !1 && A(), () => document.removeEventListener("click", e, !1);
-  }, [s]), w(() => {
-    W(te());
-  }, []);
-  const H = (e) => {
-    oe(e, () => {
-      var a;
-      p(!1), (a = I.current) == null || a.focus();
-    });
-  }, C = {
-    ref: I,
-    className: "menu-button__button",
-    "aria-expanded": !!s,
-    "aria-haspopup": !0,
-    "aria-label": L,
-    "aria-controls": k,
-    "aria-labelledby": y,
-    onClick: (e) => {
-      p(!s), K(e);
-    },
-    ...T
-  }, J = (e, a) => {
-    if (t === "radio" || t === "checkbox") {
-      const r = E.map((g, U) => a.indexes.includes(U));
-      O(r);
-    }
-    F(e, a);
-  }, Q = () => {
-    const e = E.findIndex(Boolean);
-    return e > -1 ? e : l;
-  };
-  return n.createElement(
-    "span",
-    { className: z },
-    o === "overflow" ? n.createElement(ne, { icon: "overflowVertical16", ...C }) : n.createElement(ee, { variant: o === "form" ? "form" : void 0, bodyState: f ? void 0 : "expand", ...C }, q),
-    s && n.createElement(Z, { baseEl: "div", ref: _, type: t, className: G, tabIndex: -1, id: k, autofocus: !0, checked: Q(), onKeyDown: H, onChange: J, onSelect: P }, B.map((e, a) => X(e, {
-      ...e.props,
-      className: u(e.props.className, "menu-button__item"),
-      key: a,
-      checked: E[a]
-    })))
-  );
-};
-function se({ text: t, prefixId: o, prefixLabel: c, menuButtonLabel: m, icon: d }) {
-  const i = t.length ? n.createElement("span", null, t) : null, f = [!o && c && [
-    n.createElement("span", { className: "menu-button-prefix-label" }, c),
-    n.createElement(n.Fragment, null, " ")
-  ], m || i], l = [d, f].flat().filter(Boolean);
-  return l.length ? l : null;
-}
-const ce = ({ className: t, ...o }) => n.createElement("hr", { ...o, className: u(t, "menu-button__separator"), role: "separator" }), le = ({ children: t }) => n.createElement(n.Fragment, null, t);
-export {
-  Ee as EbayMenuButton,
-  $ as EbayMenuButtonItem,
-  le as EbayMenuButtonLabel,
-  ce as EbayMenuButtonSeparator
-};

package/ebay-menu.mjs

@@ -1,9 +0,0 @@
-import { E, a as c } from "./menu-CR1Dxl2m.mjs";
-import r from "react";
-import t from "classnames";
-const s = ({ className: a, ...e }) => r.createElement("hr", { ...e, className: t(a, "menu__separator"), role: "separator" });
-export {
-  E as EbayMenu,
-  c as EbayMenuItem,
-  s as EbayMenuSeparator
-};

package/ebay-notice-base.mjs

@@ -1,7 +0,0 @@
-import t from "react";
-import { E as n } from "./notice-content-BVZMfcMH.mjs";
-const a = ({ children: e }) => t.createElement("span", { className: "page-notice__title" }, e);
-export {
-  n as EbayNoticeContent,
-  a as EbayNoticeTitle
-};

package/ebay-page-notice.mjs

@@ -1,42 +0,0 @@
-import t, { useState as N } from "react";
-import { N as g } from "./notice-content-CdXVjKzD.mjs";
-import { E as b } from "./notice-content-BVZMfcMH.mjs";
-import { E as l } from "./icon-B_a65KUD.mjs";
-import d from "classnames";
-import { N as f, a as h } from "./notice-footer-BFa2IeY9.mjs";
-const w = ({ id: a, status: e = "general", children: o, a11yDismissText: n, "aria-label": i, onDismiss: s = () => {
-}, ...m }) => {
-  const [p, E] = N(!1), c = t.Children.toArray(o).find((r) => r.type === b);
-  if (!c)
-    throw new Error("EbayPageNotice: Please use a EbayNoticeContent that defines the content of the notice");
-  const y = (r) => {
-    E(!0), s(r);
-  };
-  return p ? null : t.createElement(
-    "section",
-    { ...m, "aria-labelledby": a || `${e}-status`, className: `page-notice ${e !== "general" ? `page-notice--${e}` : ""}`, role: "region" },
-    e !== "general" ? t.createElement(
-      "div",
-      { className: "page-notice__header", id: a || `${e}-status` },
-      t.createElement(l, { name: `${e}Filled16`, a11yText: i, a11yVariant: "label" })
-    ) : null,
-    t.createElement(g, { ...c.props, type: "page" }),
-    o,
-    n && t.createElement(
-      C,
-      null,
-      t.createElement(
-        "button",
-        { "aria-label": n, className: "fake-link page-notice__dismiss", onClick: y },
-        t.createElement(l, { name: "close16" })
-      )
-    )
-  );
-}, v = ({ className: a, as: e, children: o, ...n }) => t.createElement(f, { ...n, className: a, as: e, type: "page" }, o), C = ({ className: a, children: e }) => t.createElement(h, { className: a, type: "page" }, e), P = ({ className: a, type: e, children: o, ...n }) => t.createElement("p", { className: d(a, `${e}-notice__cta`), ...n }, o), x = ({ className: a, children: e }) => t.createElement(P, { className: a, type: "page" }, e);
-export {
-  b as EbayNoticeContent,
-  w as EbayPageNotice,
-  x as EbayPageNoticeCTA,
-  C as EbayPageNoticeFooter,
-  v as EbayPageNoticeTitle
-};

package/ebay-pagination.mjs

@@ -1,159 +0,0 @@
-import o, { useRef as G, Children as K, createRef as ne, useState as Q, useEffect as re, cloneElement as oe } from "react";
-import { a as ie, E as ae } from "./menu-button-label-vVnRKJRU.mjs";
-import V from "classnames";
-import { d as se } from "./debounce-u81vJ6wg.mjs";
-import { a as ce } from "./utils-BipBqkOS.mjs";
-import { E as j, w as le } from "./icon-B_a65KUD.mjs";
-import "./array.polyfill.flat-Bj5UhY_-.mjs";
-const ue = 1, R = 9, Y = 4, U = 2, me = R - U;
-function pe(e, t, a = e, s = null) {
-  const h = s === "show-last" || s === "overflow" && e > R, u = s === "overflow" && e > R, c = Math.min(a, e), v = Math.max(0, t - Math.ceil((c - 1) / 2)), E = c < Y ? t : Math.max(0, t - Math.floor((c - 1) / 2)), m = (h ? E : v) + c, p = m >= e, A = t <= Y, I = (b, i) => {
-    const n = k(e, b, i);
-    return c > 2 ? (n[i - 2] = "dots", n[i - 1] = "hidden", n[e - 1] = "visible") : c > 1 && (n[i - 1] = "dots"), n;
-  }, g = (b, i) => {
-    if (A)
-      return I(0, i);
-    if (p) {
-      const w = k(e, e - me, e);
-      return w[0] = "visible", w[1] = "dots", w;
-    }
-    const n = k(e, t - U, t + U + 1);
-    return n[0] = "visible", n[1] = A ? "visible" : "dots", n[e - 2] = "dots", n[e - 1] = "visible", n;
-  };
-  return p && e <= R ? k(e, e - c) : h ? u ? g(E, m) : I(E, m) : k(e, v, m);
-}
-function de(e, t, a, s = "show-range") {
-  if (e === -1)
-    return [];
-  const h = s === "overflow" ? R : fe(Math.min(a, t), ue, R);
-  return pe(a, e - 1, h, s);
-}
-function fe(e, t, a) {
-  return e <= t ? t : e >= a ? a : e;
-}
-function k(e, t, a) {
-  return Array(e).fill("hidden").fill("visible", t, a);
-}
-function he(e) {
-  if (!e)
-    return 0;
-  e.style.width = "100vw";
-  const t = e.offsetWidth;
-  return e.style.width = null, t;
-}
-const ye = ({ id: e = "ebay-pagination", className: t, a11yCurrentText: a = "Pagination - Current Page", a11yPreviousText: s = "Previous page", a11yNextText: h = "Next page", variant: u = "show-range", fluid: c = !1, onPrevious: v = () => {
-}, onNext: E = () => {
-}, onSelect: m = () => {
-}, children: p, ...A }) => {
-  const I = G(null), g = G([]);
-  g.current = K.map(p, ne);
-  const b = ce(p, ({ props: r }) => r.type === void 0 || r.type === "page").length, i = G(0), n = G(0), w = () => {
-    var x, _, y, f;
-    const r = n.current || ((_ = (x = g.current[0]) == null ? void 0 : x.current) == null ? void 0 : _.offsetWidth);
-    n.current = r;
-    const d = i.current || ((f = (y = g.current[1]) == null ? void 0 : y.current) == null ? void 0 : f.offsetWidth);
-    return i.current = d, d ? Math.floor((he(I.current) - r * 2) / d) : 0;
-  }, [M, z] = Q([]), [N, L] = Q(0), W = (r) => {
-    const d = r || g.current.findIndex((y) => {
-      var f;
-      return ((f = y.current) == null ? void 0 : f.getAttribute("aria-current")) === "page";
-    }), x = w(), _ = de(d, x, b, u);
-    L(d), z(["hidden", ..._]);
-  };
-  re(() => {
-    const r = se(W, 16);
-    return W(), window.addEventListener("resize", () => r()), () => {
-      window.removeEventListener("resize", () => r());
-    };
-  }, [p]);
-  const C = (r) => {
-    let d = 0;
-    const x = [], _ = [], y = [], f = M.indexOf("dots"), F = M.lastIndexOf("dots");
-    return K.map(p, (X, D) => {
-      const { type: O = "page", current: Z, disabled: ee, href: H, children: q } = X.props, B = M[D] === "dots", $ = `${e}-item-${D}`, J = M[D] === "hidden", te = {
-        current: Z,
-        disabled: ee,
-        href: H,
-        type: B && O === "page" ? "separator" : O,
-        children: B ? o.createElement(j, { name: "overflowHorizontal24", focusable: !1 }) : q,
-        pageIndex: O === "page" ? d++ : void 0,
-        key: $,
-        hide: J,
-        onPrevious: v,
-        onNext: E,
-        onSelect: m,
-        a11yPreviousText: s,
-        a11yNextText: h,
-        ref: g.current[D]
-      };
-      if ((J || B) && O === "page") {
-        const T = o.createElement(ie, { key: $, href: H, onClick: (P) => {
-          H || P.preventDefault();
-          const S = P.currentTarget;
-          m(P, { value: (S == null ? void 0 : S.innerText) || "", index: d }), W(Number(S == null ? void 0 : S.innerText));
-        } }, q);
-        f === F && y.push(T), N - 2 > f && D < N && x.push(T), N + 2 < F && D > N && _.push(T);
-      }
-      if (r === "page" && B && u === "overflow") {
-        let T = y;
-        return f !== F && (T = D === 2 ? x : _), o.createElement(
-          "li",
-          { key: $ },
-          o.createElement(
-            "span",
-            { className: "pagination__item", role: "separator" },
-            o.createElement(ae, { a11yText: "Menu", borderless: !0, variant: "overflow", noToggleIcon: !0 }, T)
-          )
-        );
-      }
-      return r === O ? oe(X, te) : null;
-    });
-  }, l = `${e}-pagination-heading`;
-  return o.createElement(
-    "nav",
-    { ...A, role: "navigation", className: V(t, "pagination", { "pagination--fluid": c }), "aria-labelledby": l, ref: I },
-    o.createElement(
-      "span",
-      { "aria-live": "polite", role: "status" },
-      o.createElement("h2", { className: "clipped", id: l }, a)
-    ),
-    C("previous"),
-    o.createElement("ol", { className: "pagination__items" }, C("page")),
-    C("next")
-  );
-}, ge = ({ pageIndex: e = 0, key: t, current: a, disabled: s, type: h = "page", href: u, hide: c, children: v, a11yPreviousText: E = "Previous page", a11yNextText: m = "Next page", onSelect: p, onNext: A, onPrevious: I, className: g, style: b, forwardedRef: i, ...n }) => {
-  const w = (l) => {
-    var r;
-    p(l, { value: ((r = l.currentTarget) == null ? void 0 : r.innerText) || "", index: e });
-  }, M = (l) => {
-    l.currentTarget.getAttribute("aria-disabled") || A(l);
-  }, z = (l) => {
-    l.currentTarget.getAttribute("aria-disabled") || I(l);
-  }, N = !!u, L = N ? "a" : "button", W = N ? "icon-link" : "icon-btn", C = { ...b, minWidth: "40px" };
-  switch (h) {
-    case "previous":
-      return o.createElement(
-        L,
-        { ...n, ref: i, "aria-disabled": s ? "true" : void 0, "aria-label": E, href: s ? void 0 : u, className: V(W, "pagination__previous"), style: C, onClick: z },
-        o.createElement(j, { name: "arrowLeft16" })
-      );
-    case "next":
-      return o.createElement(
-        L,
-        { ...n, ref: i, "aria-disabled": s ? "true" : void 0, "aria-label": m, href: s ? void 0 : u, className: V(W, "pagination__next"), style: C, onClick: M },
-        o.createElement(j, { name: "arrowRight16" })
-      );
-    case "separator":
-      return o.createElement("span", { key: t, style: b, className: "pagination__item", ref: i, role: "separator" }, v);
-    default:
-      return o.createElement(
-        "li",
-        { ...n, hidden: c },
-        o.createElement(L, { ref: i, "aria-current": a ? "page" : void 0, href: u, className: "pagination__item", style: b, key: t, onClick: w }, v)
-      );
-  }
-}, De = le(ge);
-export {
-  ye as EbayPagination,
-  De as EbayPaginationItem
-};

package/ebay-panel-dialog.mjs

@@ -1,11 +0,0 @@
-import r from "react";
-import i from "classnames";
-import { D as c } from "./dialog-previous-button-gmkm4c8J.mjs";
-import "./icon-button-Dy8rjzH7.mjs";
-const o = "panel-dialog", f = ({ open: s, animated: a, position: e = "start", onClose: t = () => {
-}, className: l, ...n }) => r.createElement(c, { ...n, "aria-label": "Infotip", classPrefix: o, buttonPosition: "right", onCloseBtnClick: t, onBackgroundClick: t, animated: a, className: i(l, { [`${o}--mask-fade-slow`]: a }), windowClass: i(`${o}__window--slide`, {
-  [`${o}__window--end`]: e === "end"
-}), open: s });
-export {
-  f as EbayPanelDialog
-};

package/ebay-progress-bar.mjs

@@ -1,6 +0,0 @@
-import m from "react";
-import t from "classnames";
-const g = ({ value: r = 0, max: s = 100, fluid: e, className: a, ...o }) => m.createElement("progress", { ...o, className: t("progress-bar", a, { "progress-bar--fluid": e }), value: r, max: s });
-export {
-  g as EbayProgressBar
-};

package/ebay-progress-spinner.mjs

@@ -1,4 +0,0 @@
-import { E as o } from "./progress-spinner-BugUcF5c.mjs";
-export {
-  o as EbayProgressSpinner
-};

package/ebay-progress-stepper.mjs

@@ -1,63 +0,0 @@
-import r, { Children as g, Fragment as y, cloneElement as _, createElement as d } from "react";
-import f from "classnames";
-import { E as v } from "./icon-B_a65KUD.mjs";
-const S = ({ direction: e = "row", defaultState: t = "active", children: s, className: o, ...i }) => {
-  const a = g.toArray(s), p = N(a, t);
-  return r.createElement(
-    "div",
-    { ...i, className: f(o, "progress-stepper", {
-      "progress-stepper--vertical": e === "column"
-    }) },
-    r.createElement("div", { role: "list", className: "progress-stepper__items" }, a.map((c, n) => r.createElement(
-      y,
-      { key: n },
-      n > 0 && r.createElement("hr", { className: "progress-stepper__separator", role: "presentation" }),
-      _(c, {
-        state: b(n, p),
-        ...c.props,
-        current: p === n
-      })
-    )))
-  );
-};
-function N(e, t) {
-  const s = e.findIndex((o) => o.props.current);
-  if (s === -1)
-    switch (t) {
-      case "complete":
-        return e.length - 1;
-      case "upcoming":
-        return 0;
-    }
-  return s;
-}
-function b(e, t) {
-  if (e <= t)
-    return "complete";
-  if (e > t)
-    return "upcoming";
-}
-const h = {
-  complete: "stepperConfirmation24",
-  attention: "stepperAttention24",
-  upcoming: "stepperUpcoming24",
-  active: "stepperConfirmation24"
-}, P = ({ current: e, state: t = "complete", children: s, className: o, ...i }) => {
-  const a = g.toArray(s), p = a.find((m) => m.type === u), c = a.filter((m) => m.type !== u), n = f(o, "progress-stepper__item", { "progress-stepper__item--attention": t === "attention" }), l = h[t], E = e ? "current" : t;
-  return r.createElement(
-    "div",
-    { ...i, className: n, role: "listitem", "aria-current": e ? "step" : void 0 },
-    r.createElement("div", { className: "progress-stepper__icon" }, l && r.createElement(v, { name: l, "aria-label": E })),
-    r.createElement(
-      "div",
-      { className: "progress-stepper__text" },
-      p,
-      c
-    )
-  );
-}, u = ({ as: e = "h4", children: t }) => d(e, {}, t);
-export {
-  P as EbayProgressStep,
-  S as EbayProgressStepper,
-  u as EbayProgressTitle
-};

package/ebay-radio.mjs

@@ -1,42 +0,0 @@
-import n, { Children as f, cloneElement as v } from "react";
-import b from "classnames";
-import { E as r } from "./icon-B_a65KUD.mjs";
-import { L as F } from "./label-DgOo6Mql.mjs";
-const I = ({ size: c = "default", checked: s, defaultChecked: d, className: m, style: i, id: o, onChange: h = () => {
-}, onFocus: u = () => {
-}, onKeyDown: p = () => {
-}, children: l, ...E }) => {
-  const _ = (e) => {
-    var a;
-    return h(e, { value: (a = e.target) == null ? void 0 : a.value });
-  }, g = (e) => {
-    var a;
-    return u(e, { value: (a = e.target) == null ? void 0 : a.value });
-  }, y = (e) => {
-    const a = e.target;
-    return p(e, { value: a == null ? void 0 : a.value });
-  }, k = b("radio", m, { "radio--large": c === "large" }), C = c === "large" ? n.createElement(r, { name: "radioChecked24", className: "radio__checked" }) : n.createElement(r, { name: "radioChecked18", className: "radio__checked" }), N = c === "large" ? n.createElement(r, { name: "radioUnchecked24", className: "radio__unchecked" }) : n.createElement(r, { name: "radioUnchecked18", className: "radio__unchecked" }), t = f.toArray(l).find((e) => e.type === F);
-  return n.createElement(
-    n.Fragment,
-    null,
-    n.createElement(
-      "span",
-      { className: k, style: { ...i, alignItems: "center" } },
-      n.createElement("input", { ...E, id: o, className: "radio__control", type: "radio", defaultChecked: d, checked: s, onChange: _, onFocus: g, onKeyDown: y }),
-      n.createElement(
-        "span",
-        { className: "radio__icon", hidden: !0 },
-        C,
-        N
-      )
-    ),
-    t ? v(t, {
-      ...t.props,
-      position: "end",
-      htmlFor: o
-    }) : l
-  );
-};
-export {
-  I as EbayRadio
-};

package/ebay-section-notice.mjs

@@ -1,46 +0,0 @@
-import t, { useState as S } from "react";
-import C from "classnames";
-import { E as _ } from "./notice-content-BVZMfcMH.mjs";
-import { N as $ } from "./notice-content-CdXVjKzD.mjs";
-import { E as d } from "./icon-B_a65KUD.mjs";
-import { N as k, a as A } from "./notice-footer-BFa2IeY9.mjs";
-const R = ({ status: e = "general", children: o, className: a, "aria-label": n, "aria-roledescription": E = "Notice", a11yDismissText: s, educationIcon: N, iconClass: b, prominent: p, onDismiss: y = () => {
-}, ...f }) => {
-  const [h, u] = S(!1), m = t.Children.toArray(o).find(({ type: r }) => r === _), i = e !== "general" && e !== "none", l = e === "education";
-  let c = null;
-  if (i && (l ? c = N || "lightbulb24" : c = `${e}Filled16`), !m)
-    throw new Error("EbaySectionNotice: Please use a EbayNoticeContent that defines the content of the notice");
-  const g = (r) => {
-    u(!0), y(r);
-  };
-  return h ? null : t.createElement(
-    "section",
-    { ...f, className: C(a, "section-notice", {
-      [`section-notice--${e}`]: i,
-      "section-notice--education": l && p,
-      "section-notice--large-icon": l
-    }), role: "region", "aria-label": i ? null : n, "aria-labelledby": i ? `section-notice-${e}` : null, "aria-roledescription": E },
-    c && t.createElement(
-      "div",
-      { className: "section-notice__header", id: `section-notice-${e}` },
-      t.createElement(d, { className: b, name: c, a11yText: n, a11yVariant: "label" })
-    ),
-    t.createElement($, { ...m.props, type: "section" }),
-    o,
-    s && t.createElement(
-      F,
-      null,
-      t.createElement(
-        "button",
-        { "aria-label": s, className: "fake-link page-notice__dismiss", onClick: g },
-        t.createElement(d, { name: "close16" })
-      )
-    )
-  );
-}, V = ({ className: e, as: o, children: a, ...n }) => t.createElement(k, { ...n, className: e, as: o, type: "section" }, a), F = ({ className: e, children: o }) => t.createElement(A, { className: e, type: "section" }, o);
-export {
-  _ as EbayNoticeContent,
-  R as EbaySectionNotice,
-  F as EbaySectionNoticeFooter,
-  V as EbaySectionNoticeTitle
-};