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

package/ebay-pagination.mjs

@@ -0,0 +1,159 @@
+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.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),t=require("classnames"),c=require("./dialog-previous-button-7ePoYWyj.js");require("./icon-button-BB6GFLm7.js");const e="panel-dialog",d=({open:i,animated:a,position:s="start",onClose:o=()=>{},className:l,...n})=>r.createElement(c.DialogBaseWithState,{...n,"aria-label":"Infotip",classPrefix:e,buttonPosition:"right",onCloseBtnClick:o,onBackgroundClick:o,animated:a,className:t(l,{[`${e}--mask-fade-slow`]:a}),windowClass:t(`${e}__window--slide`,{[`${e}__window--end`]:s==="end"}),open:i});exports.EbayPanelDialog=d;

package/ebay-panel-dialog.mjs

@@ -0,0 +1,11 @@
+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.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),c=require("classnames"),g=({value:e=0,max:r=100,fluid:s,className:a,...o})=>t.createElement("progress",{...o,className:c("progress-bar",a,{"progress-bar--fluid":s}),value:e,max:r});exports.EbayProgressBar=g;

package/ebay-progress-bar.mjs

@@ -0,0 +1,6 @@
+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/progress-spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress-spinner.d.ts","sourceRoot":"","sources":["../../src/ebay-progress-spinner/progress-spinner.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAIjD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;AAEvD,KAAK,wBAAwB,GAAG;IAC5B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB,CAAA;AAED,KAAK,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AAQtD,QAAA,MAAM,mBAAmB,EAAE,EAAE,CAAC,SAAS,GAAG,wBAAwB,CAcjE,CAAA;AAED,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"progress-spinner.d.ts","sourceRoot":"","sources":["../../src/ebay-progress-spinner/progress-spinner.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAIjD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;AAEvD,KAAK,wBAAwB,GAAG;IAC5B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB,CAAA;AAED,KAAK,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AActD,QAAA,MAAM,mBAAmB,EAAE,EAAE,CAAC,SAAS,GAAG,wBAAwB,CAcjE,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/ebay-progress-spinner.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./progress-spinner-CDgxI8R_.js");exports.EbayProgressSpinner=e.EbayProgressSpinner;

package/ebay-progress-spinner.mjs

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

package/ebay-progress-stepper.js

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

package/ebay-progress-stepper.mjs

@@ -0,0 +1,63 @@
+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.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),N=require("classnames"),c=require("./icon-DK6eEQD8.js"),v=require("./label-CnrpYJ-g.js"),I=({size:r="default",checked:s,defaultChecked:d,className:i,style:m,id:o,onChange:u=()=>{},onFocus:h=()=>{},onKeyDown:y=()=>{},children:l,...E})=>{const g=a=>{var n;return u(a,{value:(n=a.target)==null?void 0:n.value})},b=a=>{var n;return h(a,{value:(n=a.target)==null?void 0:n.value})},_=a=>{const n=a.target;return y(a,{value:n==null?void 0:n.value})},k=N("radio",i,{"radio--large":r==="large"}),p=r==="large"?e.createElement(c.EbayIcon,{name:"radioChecked24",className:"radio__checked"}):e.createElement(c.EbayIcon,{name:"radioChecked18",className:"radio__checked"}),C=r==="large"?e.createElement(c.EbayIcon,{name:"radioUnchecked24",className:"radio__unchecked"}):e.createElement(c.EbayIcon,{name:"radioUnchecked18",className:"radio__unchecked"}),t=e.Children.toArray(l).find(a=>a.type===v.Label);return e.createElement(e.Fragment,null,e.createElement("span",{className:k,style:{...m,alignItems:"center"}},e.createElement("input",{...E,id:o,className:"radio__control",type:"radio",defaultChecked:d,checked:s,onChange:g,onFocus:b,onKeyDown:_}),e.createElement("span",{className:"radio__icon",hidden:!0},p,C)),t?e.cloneElement(t,{...t.props,position:"end",htmlFor:o}):l)};exports.EbayRadio=I;

package/ebay-radio.mjs

@@ -0,0 +1,42 @@
+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.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),F=require("classnames"),y=require("./notice-content-C0ZStfuX.js"),$=require("./notice-content-9iF4T8uB.js"),b=require("./icon-DK6eEQD8.js"),d=require("./notice-footer-Cw1DMzoB.js"),T=({status:e="general",children:n,className:a,"aria-label":o,"aria-roledescription":N="Notice",a11yDismissText:s,educationIcon:u,iconClass:S,prominent:h,onDismiss:f=()=>{},...p})=>{const[C,g]=t.useState(!1),E=t.Children.toArray(n).find(({type:r})=>r===y.EbayNoticeContent),i=e!=="general"&&e!=="none",l=e==="education";let c=null;if(i&&(l?c=u||"lightbulb24":c=`${e}Filled16`),!E)throw new Error("EbaySectionNotice: Please use a EbayNoticeContent that defines the content of the notice");const q=r=>{g(!0),f(r)};return C?null:t.createElement("section",{...p,className:F(a,"section-notice",{[`section-notice--${e}`]:i,"section-notice--education":l&&h,"section-notice--large-icon":l}),role:"region","aria-label":i?null:o,"aria-labelledby":i?`section-notice-${e}`:null,"aria-roledescription":N},c&&t.createElement("div",{className:"section-notice__header",id:`section-notice-${e}`},t.createElement(b.EbayIcon,{className:S,name:c,a11yText:o,a11yVariant:"label"})),t.createElement($.NoticeContent,{...E.props,type:"section"}),n,s&&t.createElement(m,null,t.createElement("button",{"aria-label":s,className:"fake-link page-notice__dismiss",onClick:q},t.createElement(b.EbayIcon,{name:"close16"}))))},_=({className:e,as:n,children:a,...o})=>t.createElement(d.NoticeTitle,{...o,className:e,as:n,type:"section"},a),m=({className:e,children:n})=>t.createElement(d.NoticeFooter,{className:e,type:"section"},n);exports.EbayNoticeContent=y.EbayNoticeContent;exports.EbaySectionNotice=T;exports.EbaySectionNoticeFooter=m;exports.EbaySectionNoticeTitle=_;

package/ebay-section-notice.mjs

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

package/ebay-section-title/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-section-title/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,YAAY,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,QAAQ,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ebay-section-title/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,YAAY,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,QAAQ,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,YAAY,CAAA"}

package/ebay-section-title.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),l=require("classnames"),s=require("./utils-C9NL3q0j.js"),v=({ctaText:e,href:t,className:n,...o})=>e?i.createElement("a",{...o,className:l("section-title__cta",n),href:t},e):null,T=({href:e,ctaText:t,className:n,children:o,...u})=>{const E=l(n,"section-title"),f=s.findComponent(o,c),b=s.findComponent(o,a),_=s.findComponent(o,r),S=s.findComponent(o,m);return i.createElement("div",{...u,className:E},i.createElement("div",{className:"section-title__title-container"},f||i.createElement(c,null,o),b),e&&i.createElement(v,{href:e,ctaText:t})||_||S)},c=({children:e,className:t,...n})=>i.createElement("h2",{...n,className:l(t,"section-title__title")},e),a=({children:e,className:t,...n})=>i.createElement("span",{...n,className:l(t,"section-title__subtitle")},e),r=({className:e,children:t,...n})=>i.createElement("div",{...n,className:l(e,"section-title__info")},t),m=({children:e,className:t,...n})=>i.createElement("div",{...n,className:l(t,"section-title__overflow")},e);exports.EbaySectionTitle=T;exports.EbaySectionTitleInfo=r;exports.EbaySectionTitleOverflow=m;exports.EbaySectionTitleSubtitle=a;exports.EbaySectionTitleTitle=c;

package/ebay-section-title.mjs

@@ -0,0 +1,24 @@
+import l from "react";
+import o from "classnames";
+import { f as i } from "./utils-BipBqkOS.mjs";
+const b = ({ ctaText: t, href: e, className: s, ...n }) => t ? l.createElement("a", { ...n, className: o("section-title__cta", s), href: e }, t) : null, y = ({ href: t, ctaText: e, className: s, children: n, ...c }) => {
+  const m = o(s, "section-title"), r = i(n, a), E = i(n, u), f = i(n, v), _ = i(n, N);
+  return l.createElement(
+    "div",
+    { ...c, className: m },
+    l.createElement(
+      "div",
+      { className: "section-title__title-container" },
+      r || l.createElement(a, null, n),
+      E
+    ),
+    t && l.createElement(b, { href: t, ctaText: e }) || f || _
+  );
+}, a = ({ children: t, className: e, ...s }) => l.createElement("h2", { ...s, className: o(e, "section-title__title") }, t), u = ({ children: t, className: e, ...s }) => l.createElement("span", { ...s, className: o(e, "section-title__subtitle") }, t), v = ({ className: t, children: e, ...s }) => l.createElement("div", { ...s, className: o(t, "section-title__info") }, e), N = ({ children: t, className: e, ...s }) => l.createElement("div", { ...s, className: o(e, "section-title__overflow") }, t);
+export {
+  y as EbaySectionTitle,
+  v as EbaySectionTitleInfo,
+  N as EbaySectionTitleOverflow,
+  u as EbaySectionTitleSubtitle,
+  a as EbaySectionTitleTitle
+};

package/ebay-select.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),x=require("classnames"),F=require("./icon-DK6eEQD8.js"),P=require("./utils-C9NL3q0j.js"),R=require("./hooks-Ctier7Yv.js"),d=({children:e,...t})=>n.createElement("option",{...t},e),v=e=>typeof e<"u",T=({value:e,defaultValue:t,className:s,borderless:o,name:p,disabled:a,onChange:r=()=>{},onBlur:m=()=>{},onFocus:h=()=>{},floatingLabel:f,forwardedRef:y,children:E,inputSize:l,invalid:b,...i})=>{const c=b||i["aria-invalid"]==="true",[C,G]=n.useState(t),{label:S,Container:w,onBlur:N,onFocus:O,ref:q}=R.useFloatingLabel({ref:y,inputId:i.id,className:s,disabled:a,label:f,inputValue:e,inputSize:l,invalid:c}),B=u=>{const{value:g,selectedIndex:j}=u.target;v(e)||G(g),r(u,{index:j,selected:[g]})},k=u=>{m(u),N()},I=u=>{h(u),O()},L=x("select",s,{"select--borderless":o,"select--large":l==="large"});return n.createElement(w,null,S,n.createElement("span",{className:L},n.createElement("select",{...i,name:p,value:v(e)?e:C,disabled:a,onChange:B,onBlur:k,onFocus:I,ref:q},$(E)),n.createElement(F.EbayIcon,{name:"chevronDown12",height:"8",width:"8"})))},D=F.withForwardRef(T);function M(e){const t={};return e.forEach(s=>{const o=s.props;o.optgroup&&(Object.prototype.hasOwnProperty.call(t,o.optgroup)||(t[o.optgroup]=[]),t[o.optgroup].push(o))}),t}function $(e){const t=[],s=[];let o={},p=!1;const a=P.filterByType(e,d).map(r=>n.cloneElement(r,{}));if(a){o=M(a);let r;return a.forEach((m,h)=>{const{value:f,optionClassName:y,children:E,optgroup:l}=m.props;if(p=l&&t.indexOf(l)===-1,p){r=l;const i=o[r].map(c=>n.createElement(d,{key:`opt-${c.value}`,value:c.value,className:c.optionClassName},c.children));s.push(n.createElement("optgroup",{key:h,label:l},i)),t.push(l)}else l||s.push(n.createElement(d,{key:h,value:f,className:y},E))}),s}}exports.EbaySelect=D;exports.EbaySelectOption=d;

package/ebay-select.mjs

@@ -0,0 +1,69 @@
+import l, { useState as R, cloneElement as j } from "react";
+import D from "classnames";
+import { w as P, E as T } from "./icon-B_a65KUD.mjs";
+import { b as $ } from "./utils-BipBqkOS.mjs";
+import { u as q } from "./hooks-r29zhPsY.mjs";
+const b = ({ children: e, ...t }) => l.createElement("option", { ...t }, e), v = (e) => typeof e < "u", A = ({ value: e, defaultValue: t, className: a, borderless: o, name: u, disabled: s, onChange: r = () => {
+}, onBlur: f = () => {
+}, onFocus: m = () => {
+}, floatingLabel: h, forwardedRef: d, children: E, inputSize: n, invalid: y, ...i }) => {
+  const c = y || i["aria-invalid"] === "true", [F, w] = R(t), { label: C, Container: G, onBlur: N, onFocus: B, ref: O } = q({
+    ref: d,
+    inputId: i.id,
+    className: a,
+    disabled: s,
+    label: h,
+    inputValue: e,
+    inputSize: n,
+    invalid: c
+  }), S = (p) => {
+    const { value: g, selectedIndex: L } = p.target;
+    v(e) || w(g), r(p, { index: L, selected: [g] });
+  }, I = (p) => {
+    f(p), N();
+  }, k = (p) => {
+    m(p), B();
+  }, x = D("select", a, {
+    "select--borderless": o,
+    "select--large": n === "large"
+  });
+  return l.createElement(
+    G,
+    null,
+    C,
+    l.createElement(
+      "span",
+      { className: x },
+      l.createElement("select", { ...i, name: u, value: v(e) ? e : F, disabled: s, onChange: S, onBlur: I, onFocus: k, ref: O }, J(E)),
+      l.createElement(T, { name: "chevronDown12", height: "8", width: "8" })
+    )
+  );
+}, W = P(A);
+function H(e) {
+  const t = {};
+  return e.forEach((a) => {
+    const o = a.props;
+    o.optgroup && (Object.prototype.hasOwnProperty.call(t, o.optgroup) || (t[o.optgroup] = []), t[o.optgroup].push(o));
+  }), t;
+}
+function J(e) {
+  const t = [], a = [];
+  let o = {}, u = !1;
+  const s = $(e, b).map((r) => j(r, {}));
+  if (s) {
+    o = H(s);
+    let r;
+    return s.forEach((f, m) => {
+      const { value: h, optionClassName: d, children: E, optgroup: n } = f.props;
+      if (u = n && t.indexOf(n) === -1, u) {
+        r = n;
+        const i = o[r].map((c) => l.createElement(b, { key: `opt-${c.value}`, value: c.value, className: c.optionClassName }, c.children));
+        a.push(l.createElement("optgroup", { key: m, label: n }, i)), t.push(n);
+      } else n || a.push(l.createElement(b, { key: m, value: h, className: d }, E));
+    }), a;
+  }
+}
+export {
+  W as EbaySelect,
+  b as EbaySelectOption
+};

package/ebay-signal.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),t=require("classnames"),l=({status:a="neutral",...e})=>{const s=t(`signal signal--${a}`,e.className);return n.createElement("span",{...e,className:s})};exports.EbaySignal=l;

package/ebay-signal.mjs

@@ -0,0 +1,9 @@
+import n from "react";
+import t from "classnames";
+const r = ({ status: s = "neutral", ...a }) => {
+  const e = t(`signal signal--${s}`, a.className);
+  return n.createElement("span", { ...a, className: e });
+};
+export {
+  r as EbaySignal
+};

package/ebay-snackbar-dialog.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("classnames"),e=require("react"),k=require("./dialog-previous-button-7ePoYWyj.js");require("./icon-button-BB6GFLm7.js");const f=({className:r,children:c,...l})=>e.createElement("button",{className:D(r,"fake-link"),...l},c),L=6e3,N=({className:r,onOpen:c=()=>{},onClose:l=()=>{},layout:S,open:i,children:h,onAction:u,...T})=>{const n=e.useRef(new Set),b=e.useRef(),[C,m]=e.useState(i),g=e.Children.toArray(h),o=g.find(t=>t.type===f),p=g.filter(t=>t.type!==f),s=()=>{clearTimeout(b.current)},d=()=>{m(!1),l()},E=()=>{n.current.size===0&&(s(),b.current=setTimeout(()=>{d()},L))},M=()=>{m(!0),c(),E()},q=()=>{s(),n.current.add("focus")},w=()=>{n.current.delete("focus"),E()},R=()=>{s(),n.current.add("mouseEnter")},v=()=>{n.current.delete("mouseEnter"),E()},B=t=>{var a,y;s(),u==null||u(t),(y=(a=o==null?void 0:o.props)==null?void 0:a.onClick)==null||y.call(a,t),d()};return e.useEffect(()=>()=>{s()},[]),e.useEffect(()=>{i?M():d()},[i]),e.createElement(k.DialogBaseWithState,{...T,open:C,isModal:!1,baseEl:"aside",classPrefix:"snackbar-dialog",transitionElement:"root",a11yCloseText:"",buttonPosition:"hidden",className:D(r,"snackbar-dialog--transition"),windowClass:S==="column"&&"snackbar-dialog__window--column",onFocus:q,onBlur:w,onMouseEnter:R,onMouseLeave:v},p,o?e.createElement(k.EbayDialogActions,null,e.cloneElement(o,{onClick:B})):null)};exports.EbaySnackbarDialog=N;exports.EbaySnackbarDialogAction=f;

package/ebay-snackbar-dialog.mjs

@@ -0,0 +1,46 @@
+import D from "classnames";
+import s, { useRef as g, useState as B, useEffect as h } from "react";
+import { D as F, c as O } from "./dialog-previous-button-gmkm4c8J.mjs";
+import "./icon-button-Dy8rjzH7.mjs";
+const k = ({ className: r, children: c, ...l }) => s.createElement("button", { className: D(r, "fake-link"), ...l }, c), q = 6e3, U = ({ className: r, onOpen: c = () => {
+}, onClose: l = () => {
+}, layout: y, open: i, children: C, onAction: u, ...T }) => {
+  const t = g(/* @__PURE__ */ new Set()), f = g(), [M, E] = B(i), b = s.Children.toArray(C), n = b.find((e) => e.type === k), S = b.filter((e) => e.type !== k), o = () => {
+    clearTimeout(f.current);
+  }, d = () => {
+    E(!1), l();
+  }, m = () => {
+    t.current.size === 0 && (o(), f.current = setTimeout(() => {
+      d();
+    }, q));
+  }, w = () => {
+    E(!0), c(), m();
+  }, L = () => {
+    o(), t.current.add("focus");
+  }, N = () => {
+    t.current.delete("focus"), m();
+  }, R = () => {
+    o(), t.current.add("mouseEnter");
+  }, _ = () => {
+    t.current.delete("mouseEnter"), m();
+  }, x = (e) => {
+    var a, p;
+    o(), u == null || u(e), (p = (a = n == null ? void 0 : n.props) == null ? void 0 : a.onClick) == null || p.call(a, e), d();
+  };
+  return h(() => () => {
+    o();
+  }, []), h(() => {
+    i ? w() : d();
+  }, [i]), s.createElement(
+    F,
+    { ...T, open: M, isModal: !1, baseEl: "aside", classPrefix: "snackbar-dialog", transitionElement: "root", a11yCloseText: "", buttonPosition: "hidden", className: D(r, "snackbar-dialog--transition"), windowClass: y === "column" && "snackbar-dialog__window--column", onFocus: L, onBlur: N, onMouseEnter: R, onMouseLeave: _ },
+    S,
+    n ? s.createElement(O, null, s.cloneElement(n, {
+      onClick: x
+    })) : null
+  );
+};
+export {
+  U as EbaySnackbarDialog,
+  k as EbaySnackbarDialogAction
+};

package/ebay-split-button.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),i=require("./utils-C9NL3q0j.js"),B=require("./button-o4ao46WM.js"),o=require("./ebay-menu-button.js"),q=require("./menu-DZU8jEPV.js");require("classnames");const M=({a11yMenuText:u,children:r,type:s,bodyState:t,a11yButtonLoadingText:l,onCollapse:c,onExpand:p,onSelect:b=()=>{},onChange:y=()=>{},ref:f,...e})=>{const a=[q.EbayMenuItem,o.EbayMenuButtonSeparator],m=i.filterBy(r,E=>!a.includes(E.type)),d=i.filterByType(r,a);return n.createElement("span",{className:"split-button"},n.createElement(B.EbayButton,{"aria-label":t==="loading"?l:void 0,...e,split:"start",bodyState:t==="expand"?void 0:t},m),n.createElement(o.EbayMenuButton,{priority:e.priority,disabled:e.disabled,transparent:e.transparent,size:e.size,type:s,split:"end",reverse:!0,a11yText:u,onCollapse:c,onExpand:p,onSelect:b,onChange:y},d))};exports.EbaySplitButton=M;

package/ebay-split-button.mjs

@@ -0,0 +1,20 @@
+import a from "react";
+import { a as E, b as d } from "./utils-BipBqkOS.mjs";
+import { E as f } from "./button-B06HeRsZ.mjs";
+import { EbayMenuButton as B, EbayMenuButtonSeparator as v } from "./ebay-menu-button.mjs";
+import { a as x } from "./menu-CR1Dxl2m.mjs";
+import "classnames";
+const N = ({ a11yMenuText: o, children: r, type: i, bodyState: e, a11yButtonLoadingText: m, onCollapse: p, onExpand: s, onSelect: l = () => {
+}, onChange: u = () => {
+}, ref: I, ...t }) => {
+  const n = [x, v], b = E(r, (c) => !n.includes(c.type)), y = d(r, n);
+  return a.createElement(
+    "span",
+    { className: "split-button" },
+    a.createElement(f, { "aria-label": e === "loading" ? m : void 0, ...t, split: "start", bodyState: e === "expand" ? void 0 : e }, b),
+    a.createElement(B, { priority: t.priority, disabled: t.disabled, transparent: t.transparent, size: t.size, type: i, split: "end", reverse: !0, a11yText: o, onCollapse: p, onExpand: s, onSelect: l, onChange: u }, y)
+  );
+};
+export {
+  N as EbaySplitButton
+};

package/ebay-star-rating-select.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),u=require("classnames"),m=require("./icon-DK6eEQD8.js"),v=require("./range-DOsPN0h5.js"),y=v.range(1,5),c=n=>{let t=parseInt(n,0)||0;return t>5&&(t=0),t},b=({value:n=0,a11yText:t,className:g,a11yStarText:o=[],disabled:s,onChange:d=()=>{},onFocus:_=()=>{},onKeyDown:f=()=>{},name:E=`star-rating-${m.randomId()}`,...p})=>{const[i,l]=a.useState(c(n));a.useEffect(()=>{l(c(n))},[n]);const h=e=>r=>{s||(l(c(e)),f(r,{value:e}))},k=e=>r=>{s||(l(c(e)),d(r,{value:e}))},N=e=>r=>{s||(l(c(e)),_(r,{value:e}))};return a.createElement("div",{role:t&&"radiogroup","aria-label":t,className:u("star-rating-select",g),...p},y.map(e=>a.createElement("span",{className:"star-rating-select__radio",key:e},a.createElement("input",{"aria-label":o==null?void 0:o[e-1],className:u("star-rating-select__control",{"star-rating-select__control--filled":e<=i}),type:"radio",name:E,value:e,disabled:s,defaultChecked:i===e,onClick:k(e),onFocus:N(e),onKeyDown:h(e)}),a.createElement("span",{className:"star-rating-select__radio-icon"},a.createElement(m.EbayIcon,{className:"star-rating__icon",name:"starDynamic"})))))};exports.EbayStarRatingSelect=b;

package/ebay-star-rating-select.mjs

@@ -0,0 +1,36 @@
+import n, { useState as N, useEffect as v } from "react";
+import i from "classnames";
+import { E as C, r as D } from "./icon-B_a65KUD.mjs";
+import { r as I } from "./range-DC7seOVT.mjs";
+const w = I(1, 5), s = (t) => {
+  let a = parseInt(t, 0) || 0;
+  return a > 5 && (a = 0), a;
+}, V = ({ value: t = 0, a11yText: a, className: u, a11yStarText: l = [], disabled: c, onChange: f = () => {
+}, onFocus: p = () => {
+}, onKeyDown: g = () => {
+}, name: _ = `star-rating-${D()}`, ...d }) => {
+  const [m, o] = N(s(t));
+  v(() => {
+    o(s(t));
+  }, [t]);
+  const E = (e) => (r) => {
+    c || (o(s(e)), g(r, { value: e }));
+  }, h = (e) => (r) => {
+    c || (o(s(e)), f(r, { value: e }));
+  }, k = (e) => (r) => {
+    c || (o(s(e)), p(r, { value: e }));
+  };
+  return n.createElement("div", { role: a && "radiogroup", "aria-label": a, className: i("star-rating-select", u), ...d }, w.map((e) => n.createElement(
+    "span",
+    { className: "star-rating-select__radio", key: e },
+    n.createElement("input", { "aria-label": l == null ? void 0 : l[e - 1], className: i("star-rating-select__control", { "star-rating-select__control--filled": e <= m }), type: "radio", name: _, value: e, disabled: c, defaultChecked: m === e, onClick: h(e), onFocus: k(e), onKeyDown: E(e) }),
+    n.createElement(
+      "span",
+      { className: "star-rating-select__radio-icon" },
+      n.createElement(C, { className: "star-rating__icon", name: "starDynamic" })
+    )
+  )));
+};
+export {
+  V as EbayStarRatingSelect
+};

package/ebay-star-rating.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),c=require("classnames"),i=require("./icon-DK6eEQD8.js"),o=require("./range-DOsPN0h5.js"),l=o.range(1,5),m=({value:e,a11yText:t,className:r,...s})=>a.createElement("div",{role:"img","aria-label":t,className:c("star-rating",r),"data-stars":e,...s},l.map(n=>a.createElement(i.EbayIcon,{key:n,className:"star-rating__icon",name:"starDynamic"})));exports.EbayStarRating=m;

package/ebay-star-rating.mjs

@@ -0,0 +1,8 @@
+import a from "react";
+import o from "classnames";
+import { E as i } from "./icon-B_a65KUD.mjs";
+import { r as n } from "./range-DC7seOVT.mjs";
+const c = n(1, 5), f = ({ value: r, a11yText: t, className: e, ...s }) => a.createElement("div", { role: "img", "aria-label": t, className: o("star-rating", e), "data-stars": r, ...s }, c.map((m) => a.createElement(i, { key: m, className: "star-rating__icon", name: "starDynamic" })));
+export {
+  f as EbayStarRating
+};