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

package/ebay-carousel.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),R=require("classnames"),O=require("./icon-DK6eEQD8.js"),x=require("./debounce-BQsYxxOL.js");require("./array.polyfill.flat-5BAolFdk.js");const A={prev:"chevronLeft12",next:"chevronRight12"},D={prev:"LEFT",next:"RIGHT"},q=({type:e,label:t,hidden:n,disabled:r,onClick:l})=>{const c=s=>{l(s,{direction:D[e]})};return o.createElement("button",{className:R("carousel__control",`carousel__control--${e}`),"aria-label":t,"aria-disabled":r,disabled:r,onClick:c},o.createElement(O.EbayIcon,{className:R("icon",`icon--carousel-${e}`),focusable:!1,name:A[e],"aria-hidden":n}))};function V(e){const t=e.parentElement,n=t?t.firstElementChild.getBoundingClientRect().left:0,{left:r,right:l}=e.getBoundingClientRect();return{left:r-n,right:l-n}}const H=e=>getComputedStyle(e).overflowX!=="visible",y=(e,t)=>{if(!e.length)return 0;const n=e[e.length-1];return Math.max(n.right-t,0)||0},W=(e,t,n)=>e.length&&Math.min(e[t].left,y(e,n))||0,j=(e,t,n,r,l,c)=>o.Children.map(e,(s,a)=>{const{style:i={}}=s.props;let d;if(n){const u=n+n%1;d=`calc(${100/u}% - ${(u-1)*c/u}px)`}const f=n?a%n===0:!0;return o.cloneElement(s,{...s.props,slideWidth:r,offset:l,ref:u=>{t.current[a]=u},className:f?"carousel__snap-point":s.props.className,style:{...i,width:d||i.width,marginRight:c&&a!==o.Children.count(e)-1?`${c}px`:i.marginRight}})}),B=(e,t,n)=>{if(e>0){let r=e;return r%=t.length||1,r-=r%(n||1),r=Math.abs(r),r}return 0},G=(e,t,n=e)=>{if(t)return Math.ceil(n/t)},X=e=>e==="LEFT"?-1:1,J=(e,t,n,r,l)=>{let c=t,s;if(e==="LEFT"&&c===0)c=n.length-1;else{do{const a=X(e);s=n[c+=a]}while(s&&s.fullyVisible);if(e==="LEFT"&&!l){const a=s.right-r;do s=n[--c];while(s&&s.left>=a);c+=1}}return B(c,n,l)},K=(e,t,n,r=1,l)=>{let c;if(e>=y(t,n)-l)c=t.length-1;else{const s=t.length;let a=0,i=Math.ceil(s/r)-1;for(;i-a>1;){const u=Math.floor((a+i)/2);e>t[u*r].left?a=u:i=u}const d=Math.abs(e-t[a*r].left),f=Math.abs(e-t[i*r].left);c=B((d>f?i:a)*r,t,r)}return c},Q=(e,t)=>{let n,r,l;return function c(){const{scrollLeft:s}=e;if(l!==s){l=s,n=setTimeout(()=>{r=requestAnimationFrame(c)},90);return}t(l)}(),()=>{clearTimeout(n),cancelAnimationFrame(r)}},U=typeof window<"u"&&"scrollBehavior"in document.body.style;function $(e,t,n){if(U)return e.scrollTo({left:t}),Q(e,n);let r,l,c=requestAnimationFrame(u=>{const{scrollLeft:g}=e,L=t-g,h=450;(function T(C){const m=C-u;if(m>h)return e.scrollLeft=t,s(),n();e.scrollLeft=Y(m/h)*L+g,c=requestAnimationFrame(T)})(u)});return e.addEventListener("touchstart",a),s;function s(){cancelAnimationFrame(c),r===void 0?d():(l&&l(),f())}function a(){s(),r=e.scrollLeft,e.addEventListener("touchend",i)}function i(){f(),r===e.scrollLeft&&(l=$(e,t,n))}function d(){e.removeEventListener("touchstart",a)}function f(){e.removeEventListener("touchend",i)}}function Y(e){return e<.5?2*e*e:-1+(4-2*e)*e}const Z=({gap:e=16,itemsPerSlide:t,slideWidth:n,offset:r,activeIndex:l,nextControlDisabled:c,className:s,itemsRef:a,children:i,onSetActiveIndex:d,onScroll:f})=>{const[u,g]=o.useState(0),[L,h]=o.useState(!1),[T,C]=o.useState(!1),m=o.useRef(null),E=o.useRef(null);o.useEffect(()=>{if(!o.Children.count(i)||!m.current)return;if(L){h(!1);return}const b=m.current;H(b)?(C(!0),$(b,r,()=>C(!1))):g(r)},[r]);const p=o.useCallback(()=>{const v=m.current.scrollLeft,b=K(v,a.current,n,t,e);b!==l&&(h(!0),d(b),f({index:b}))},[m.current,a.current,n,l,d]),w=()=>{E.current&&clearTimeout(E.current),E.current=setTimeout(()=>{T||p()},640)};return o.createElement("div",{className:R("carousel__viewport",{"carousel__viewport--mask":!c},s)},o.createElement("ul",{className:"carousel__list",ref:m,onScroll:w,style:{transform:`translate3d(${-u}px, 0, 0)`}},j(i,a,t,n,r,e)))},P=({gap:e=16,index:t=0,itemsPerSlide:n,a11yPreviousText:r,a11yNextText:l,onScroll:c=()=>{},onNext:s=()=>{},onPrevious:a=()=>{},onSlide:i=()=>{},className:d,children:f,...u})=>{const[g,L]=o.useState(t),[h,T]=o.useState(0),[C,m]=o.useState(0),E=o.useRef(null),p=o.useRef([]),w=o.Children.count(f),v=Math.floor(n)||void 0,b=w<=v,I=b||C===0,_=b||C===y(p.current,h),N=()=>{if(!E.current)return;const{width:S}=E.current.getBoundingClientRect();T(S)};o.useEffect(()=>(window.addEventListener("resize",x.debounce(N,16)),()=>{window.removeEventListener("resize",x.debounce(N,16))}),[]),o.useEffect(()=>{m(W(p.current,g,h))},[g,h]),o.useEffect(()=>{t>=0&&t<=w-1&&L(t)},[t]),o.useEffect(()=>{p.current=p.current.splice(0,w)},[f]),o.useEffect(()=>{const{width:S}=E.current.getBoundingClientRect();T(S)},[E.current]);const F=(S,{direction:M})=>{const k=J(M,g,p.current,h,v),z=G(g,v,k);L(k),M==="LEFT"?a(S):s(S),i({slide:z})};return o.createElement("div",{className:R("carousel",d,{"carousel--slides":v,"carousel--peek":v%1===0}),...u},o.createElement("div",{ref:E,className:"carousel__container"},o.createElement(q,{label:r,type:"prev",disabled:I,onClick:F}),o.createElement(Z,{itemsRef:p,offset:C,gap:e,itemsPerSlide:v,nextControlDisabled:_,activeIndex:g,onScroll:c,onSetActiveIndex:L,slideWidth:h},f),o.createElement(q,{type:"next",label:l,disabled:_,onClick:F})))},ee=({slideWidth:e,offset:t,forwardedRef:n,children:r,...l})=>{const c=o.useRef(),[s,a]=o.useState(!1);return o.useImperativeHandle(n,()=>{if(!c.current)return;const{left:i,right:d}=V(c.current),f=i===void 0||i-t>=-.01&&d-t<=e+.01;return a(f),{left:i,right:d,fullyVisible:f}},[e,t]),o.createElement("li",{ref:c,"aria-hidden":!s,...l},r)},te=O.withForwardRef(ee);exports.EbayCarousel=P;exports.EbayCarouselItem=te;

package/ebay-carousel.mjs

@@ -0,0 +1,229 @@
+import g, { Children as N, cloneElement as H, useState as w, useRef as y, useEffect as R, useCallback as W, useImperativeHandle as G } from "react";
+import S from "classnames";
+import { E as X, w as j } from "./icon-B_a65KUD.mjs";
+import { d as A } from "./debounce-u81vJ6wg.mjs";
+import "./array.polyfill.flat-Bj5UhY_-.mjs";
+const J = {
+  prev: "chevronLeft12",
+  next: "chevronRight12"
+}, K = {
+  prev: "LEFT",
+  next: "RIGHT"
+}, $ = ({ type: t, label: e, hidden: n, disabled: r, onClick: l }) => {
+  const o = (c) => {
+    l(c, { direction: K[t] });
+  };
+  return g.createElement(
+    "button",
+    { className: S("carousel__control", `carousel__control--${t}`), "aria-label": e, "aria-disabled": r, disabled: r, onClick: o },
+    g.createElement(X, { className: S("icon", `icon--carousel-${t}`), focusable: !1, name: J[t], "aria-hidden": n })
+  );
+};
+function Q(t) {
+  const e = t.parentElement, n = e ? e.firstElementChild.getBoundingClientRect().left : 0, { left: r, right: l } = t.getBoundingClientRect();
+  return {
+    left: r - n,
+    right: l - n
+  };
+}
+const U = (t) => getComputedStyle(t).overflowX !== "visible", F = (t, e) => {
+  if (!t.length)
+    return 0;
+  const n = t[t.length - 1];
+  return Math.max(n.right - e, 0) || 0;
+}, Y = (t, e, n) => t.length && Math.min(t[e].left, F(t, n)) || 0, Z = (t, e, n, r, l, o) => N.map(t, (c, s) => {
+  const { style: a = {} } = c.props;
+  let f;
+  if (n) {
+    const i = n + n % 1;
+    f = `calc(${100 / i}% - ${(i - 1) * o / i}px)`;
+  }
+  const u = n ? s % n === 0 : !0;
+  return H(c, {
+    ...c.props,
+    slideWidth: r,
+    offset: l,
+    ref: (i) => {
+      e.current[s] = i;
+    },
+    className: u ? "carousel__snap-point" : c.props.className,
+    style: {
+      ...a,
+      width: f || a.width,
+      marginRight: o && s !== N.count(t) - 1 ? `${o}px` : a.marginRight
+    }
+  });
+}), D = (t, e, n) => {
+  if (t > 0) {
+    let r = t;
+    return r %= e.length || 1, r -= r % (n || 1), r = Math.abs(r), r;
+  }
+  return 0;
+}, P = (t, e, n = t) => {
+  if (e)
+    return Math.ceil(n / e);
+}, tt = (t) => t === "LEFT" ? -1 : 1, et = (t, e, n, r, l) => {
+  let o = e, c;
+  if (t === "LEFT" && o === 0)
+    o = n.length - 1;
+  else {
+    do {
+      const s = tt(t);
+      c = n[o += s];
+    } while (c && c.fullyVisible);
+    if (t === "LEFT" && !l) {
+      const s = c.right - r;
+      do
+        c = n[--o];
+      while (c && c.left >= s);
+      o += 1;
+    }
+  }
+  return D(o, n, l);
+}, nt = (t, e, n, r = 1, l) => {
+  let o;
+  if (t >= F(e, n) - l)
+    o = e.length - 1;
+  else {
+    const c = e.length;
+    let s = 0, a = Math.ceil(c / r) - 1;
+    for (; a - s > 1; ) {
+      const i = Math.floor((s + a) / 2);
+      t > e[i * r].left ? s = i : a = i;
+    }
+    const f = Math.abs(t - e[s * r].left), u = Math.abs(t - e[a * r].left);
+    o = D((f > u ? a : s) * r, e, r);
+  }
+  return o;
+}, rt = (t, e) => {
+  let n, r, l;
+  return function o() {
+    const { scrollLeft: c } = t;
+    if (l !== c) {
+      l = c, n = setTimeout(() => {
+        r = requestAnimationFrame(o);
+      }, 90);
+      return;
+    }
+    e(l);
+  }(), () => {
+    clearTimeout(n), cancelAnimationFrame(r);
+  };
+}, ot = typeof window < "u" && "scrollBehavior" in document.body.style;
+function V(t, e, n) {
+  if (ot)
+    return t.scrollTo({ left: e }), rt(t, n);
+  let r, l, o = requestAnimationFrame((i) => {
+    const { scrollLeft: d } = t, L = e - d, h = 450;
+    (function T(C) {
+      const m = C - i;
+      if (m > h)
+        return t.scrollLeft = e, c(), n();
+      t.scrollLeft = ct(m / h) * L + d, o = requestAnimationFrame(T);
+    })(i);
+  });
+  return t.addEventListener("touchstart", s), c;
+  function c() {
+    cancelAnimationFrame(o), r === void 0 ? f() : (l && l(), u());
+  }
+  function s() {
+    c(), r = t.scrollLeft, t.addEventListener("touchend", a);
+  }
+  function a() {
+    u(), r === t.scrollLeft && (l = V(t, e, n));
+  }
+  function f() {
+    t.removeEventListener("touchstart", s);
+  }
+  function u() {
+    t.removeEventListener("touchend", a);
+  }
+}
+function ct(t) {
+  return t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t;
+}
+const lt = ({ gap: t = 16, itemsPerSlide: e, slideWidth: n, offset: r, activeIndex: l, nextControlDisabled: o, className: c, itemsRef: s, children: a, onSetActiveIndex: f, onScroll: u }) => {
+  const [i, d] = w(0), [L, h] = w(!1), [T, C] = w(!1), m = y(null), E = y(null);
+  R(() => {
+    if (!N.count(a) || !m.current)
+      return;
+    if (L) {
+      h(!1);
+      return;
+    }
+    const v = m.current;
+    U(v) ? (C(!0), V(v, r, () => C(!1))) : d(r);
+  }, [r]);
+  const b = W(() => {
+    const p = m.current.scrollLeft, v = nt(p, s.current, n, e, t);
+    v !== l && (h(!0), f(v), u({ index: v }));
+  }, [m.current, s.current, n, l, f]), _ = () => {
+    E.current && clearTimeout(E.current), E.current = setTimeout(() => {
+      T || b();
+    }, 640);
+  };
+  return g.createElement(
+    "div",
+    { className: S("carousel__viewport", {
+      "carousel__viewport--mask": !o
+    }, c) },
+    g.createElement("ul", { className: "carousel__list", ref: m, onScroll: _, style: { transform: `translate3d(${-i}px, 0, 0)` } }, Z(a, s, e, n, r, t))
+  );
+}, dt = ({ gap: t = 16, index: e = 0, itemsPerSlide: n, a11yPreviousText: r, a11yNextText: l, onScroll: o = () => {
+}, onNext: c = () => {
+}, onPrevious: s = () => {
+}, onSlide: a = () => {
+}, className: f, children: u, ...i }) => {
+  const [d, L] = w(e), [h, T] = w(0), [C, m] = w(0), E = y(null), b = y([]), _ = N.count(u), p = Math.floor(n) || void 0, v = _ <= p, k = v || C === 0, x = v || C === F(b.current, h), M = () => {
+    if (!E.current)
+      return;
+    const { width: I } = E.current.getBoundingClientRect();
+    T(I);
+  };
+  R(() => (window.addEventListener("resize", A(M, 16)), () => {
+    window.removeEventListener("resize", A(M, 16));
+  }), []), R(() => {
+    m(Y(b.current, d, h));
+  }, [d, h]), R(() => {
+    e >= 0 && e <= _ - 1 && L(e);
+  }, [e]), R(() => {
+    b.current = b.current.splice(0, _);
+  }, [u]), R(() => {
+    const { width: I } = E.current.getBoundingClientRect();
+    T(I);
+  }, [E.current]);
+  const B = (I, { direction: O }) => {
+    const z = et(O, d, b.current, h, p), q = P(d, p, z);
+    L(z), O === "LEFT" ? s(I) : c(I), a({ slide: q });
+  };
+  return g.createElement(
+    "div",
+    { className: S("carousel", f, {
+      "carousel--slides": p,
+      "carousel--peek": p % 1 === 0
+    }), ...i },
+    g.createElement(
+      "div",
+      { ref: E, className: "carousel__container" },
+      g.createElement($, { label: r, type: "prev", disabled: k, onClick: B }),
+      g.createElement(lt, { itemsRef: b, offset: C, gap: t, itemsPerSlide: p, nextControlDisabled: x, activeIndex: d, onScroll: o, onSetActiveIndex: L, slideWidth: h }, u),
+      g.createElement($, { type: "next", label: l, disabled: x, onClick: B })
+    )
+  );
+}, st = ({ slideWidth: t, offset: e, forwardedRef: n, children: r, ...l }) => {
+  const o = y(), [c, s] = w(!1);
+  return G(n, () => {
+    if (!o.current)
+      return;
+    const { left: a, right: f } = Q(o.current), u = a === void 0 || a - e >= -0.01 && f - e <= t + 0.01;
+    return s(u), {
+      left: a,
+      right: f,
+      fullyVisible: u
+    };
+  }, [t, e]), g.createElement("li", { ref: o, "aria-hidden": !c, ...l }, r);
+}, mt = j(st);
+export {
+  dt as EbayCarousel,
+  mt as EbayCarouselItem
+};

package/ebay-checkbox/README.md

@@ -22,6 +22,18 @@ import '@ebay/skin/checkbox'
 import '@ebay/skin/checkbox.css'
 ```
 
+## Import EbaySvg
+
+After you render the EbayCheckbox component in your application, if you do not see the checkbox svg, you should add import and render EbaySvg component once at the root level of your application (usually layout file).
+
+```jsx
+import { EbaySvg } from "@ebay/ui-core-react/ebay-svg";
+
+// Render this in your layout or root level component.
+<EbaySvg /> 
+```
+
+
 ```jsx
 import { EbayLabel } from '@ebay/ui-core-react/ebay-field';
 

package/ebay-checkbox.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),q=require("classnames"),o=require("./icon-DK6eEQD8.js"),I=require("./label-CnrpYJ-g.js"),F=require("./utils-C9NL3q0j.js"),B=a=>typeof a<"u",S=({id:a,size:t="default",className:k,style:d,checked:s,defaultChecked:b=!1,onChange:m=()=>{},onFocus:u=()=>{},onKeyDown:i=()=>{},children:h,inputRef:x,...E})=>{const[g,y]=c.useState(b),C=n=>{const e=n.target;m(n,{value:e==null?void 0:e.value,checked:!!(e!=null&&e.checked)}),y(e==null?void 0:e.checked)},_=n=>{var e,r;return u(n,{value:(e=n.target)==null?void 0:e.value,checked:!!((r=n.target)!=null&&r.checked)})},N=n=>{const e=n.target;i(n,{value:e.value,checked:!!e.checked})},f=q("checkbox",k,{"checkbox--large":t==="large"}),v=t==="large"?c.createElement(o.EbayIcon,{name:"checkboxChecked24",className:"checkbox__checked"}):c.createElement(o.EbayIcon,{name:"checkboxChecked18",className:"checkbox__checked"}),p=t==="large"?c.createElement(o.EbayIcon,{name:"checkboxUnchecked24",className:"checkbox__unchecked"}):c.createElement(o.EbayIcon,{name:"checkboxUnchecked18",className:"checkbox__unchecked"}),l=F.findComponent(h,I.Label);return c.createElement(c.Fragment,null,c.createElement("span",{className:f,style:{...d,alignItems:"center"}},c.createElement("input",{...E,id:a,className:"checkbox__control",type:"checkbox",checked:B(s)?s:g,onChange:C,onFocus:_,onKeyDown:N,ref:x}),c.createElement("span",{className:"checkbox__icon",hidden:!0},v,p)),l?c.cloneElement(l,{...l.props,position:"end",htmlFor:a}):h)};exports.EbayCheckbox=S;

package/ebay-checkbox.mjs

@@ -0,0 +1,43 @@
+import a, { useState as F, cloneElement as B } from "react";
+import L from "classnames";
+import { E as n } from "./icon-B_a65KUD.mjs";
+import { L as U } from "./label-DgOo6Mql.mjs";
+import { f as w } from "./utils-BipBqkOS.mjs";
+const D = (o) => typeof o < "u", q = ({ id: o, size: t = "default", className: m, style: k, checked: s, defaultChecked: d = !1, onChange: b = () => {
+}, onFocus: x = () => {
+}, onKeyDown: u = () => {
+}, children: h, inputRef: f, ...g }) => {
+  const [C, E] = F(d), _ = (c) => {
+    const e = c.target;
+    b(c, { value: e == null ? void 0 : e.value, checked: !!(e != null && e.checked) }), E(e == null ? void 0 : e.checked);
+  }, p = (c) => {
+    var e, r;
+    return x(c, { value: (e = c.target) == null ? void 0 : e.value, checked: !!((r = c.target) != null && r.checked) });
+  }, i = (c) => {
+    const e = c.target;
+    u(c, { value: e.value, checked: !!e.checked });
+  }, y = L("checkbox", m, { "checkbox--large": t === "large" }), N = t === "large" ? a.createElement(n, { name: "checkboxChecked24", className: "checkbox__checked" }) : a.createElement(n, { name: "checkboxChecked18", className: "checkbox__checked" }), v = t === "large" ? a.createElement(n, { name: "checkboxUnchecked24", className: "checkbox__unchecked" }) : a.createElement(n, { name: "checkboxUnchecked18", className: "checkbox__unchecked" }), l = w(h, U);
+  return a.createElement(
+    a.Fragment,
+    null,
+    a.createElement(
+      "span",
+      { className: y, style: { ...k, alignItems: "center" } },
+      a.createElement("input", { ...g, id: o, className: "checkbox__control", type: "checkbox", checked: D(s) ? s : C, onChange: _, onFocus: p, onKeyDown: i, ref: f }),
+      a.createElement(
+        "span",
+        { className: "checkbox__icon", hidden: !0 },
+        N,
+        v
+      )
+    ),
+    l ? B(l, {
+      ...l.props,
+      position: "end",
+      htmlFor: o
+    }) : h
+  );
+};
+export {
+  q as EbayCheckbox
+};

package/ebay-confirm-dialog.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),u=require("classnames"),t=require("./dialog-previous-button-7ePoYWyj.js");require("./icon-button-BB6GFLm7.js");const c=require("./button-o4ao46WM.js"),o="confirm-dialog",g=({a11yCloseText:l="Close Dialog",confirmText:s,rejectText:m,onReject:a=()=>{},onConfirm:d=()=>{},...i})=>{const n=e.useRef(null),f="confirm-dialog-confirm",r="confirm-dialog-main";return e.createElement(t.DialogBaseWithState,{focus:n,...i,a11yCloseText:l,role:"dialog",mainId:r,classPrefix:o,className:u(i.className,`${o}--mask-fade`),windowClass:`${o}__window ${o}__window--fade`,buttonPosition:"hidden",onCloseBtnClick:a},i.children,e.createElement(t.EbayDialogFooter,null,e.createElement(c.EbayButton,{onClick:a,className:"confirm-dialog__reject"},m),e.createElement(c.EbayButton,{ref:n,priority:"primary",onClick:d,id:f,"aria-describedby":r,className:"confirm-dialog__confirm"},s)))};exports.EbayConfirmDialog=g;

package/ebay-confirm-dialog.mjs

@@ -0,0 +1,24 @@
+import o, { useRef as d } from "react";
+import g from "classnames";
+import { D as p, a as E } from "./dialog-previous-button-gmkm4c8J.mjs";
+import "./icon-button-Dy8rjzH7.mjs";
+import { E as l } from "./button-B06HeRsZ.mjs";
+const i = "confirm-dialog", y = ({ a11yCloseText: m = "Close Dialog", confirmText: c, rejectText: t, onReject: e = () => {
+}, onConfirm: s = () => {
+}, ...a }) => {
+  const n = d(null), f = "confirm-dialog-confirm", r = "confirm-dialog-main";
+  return o.createElement(
+    p,
+    { focus: n, ...a, a11yCloseText: m, role: "dialog", mainId: r, classPrefix: i, className: g(a.className, `${i}--mask-fade`), windowClass: `${i}__window ${i}__window--fade`, buttonPosition: "hidden", onCloseBtnClick: e },
+    a.children,
+    o.createElement(
+      E,
+      null,
+      o.createElement(l, { onClick: e, className: "confirm-dialog__reject" }, t),
+      o.createElement(l, { ref: n, priority: "primary", onClick: s, id: f, "aria-describedby": r, className: "confirm-dialog__confirm" }, c)
+    )
+  );
+};
+export {
+  y as EbayConfirmDialog
+};

package/ebay-cta-button.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),b=require("classnames"),e=require("./icon-DK6eEQD8.js"),i=require("./button-o4ao46WM.js"),m=({size:a,children:n,fluid:c,truncate:r,forwardedRef:o,className:l,...s})=>{const u=b(l,"cta-btn",{"cta-btn--large":a==="large"},{"cta-btn--fluid":c},{"cta-btn--truncated":r});return t.createElement("a",{...s,className:u,ref:o},t.createElement(i.EbayButtonCell,{type:"cta"},t.createElement("span",null,n),t.createElement(e.EbayIcon,{name:"arrowRight24"})))},E=e.withForwardRef(m);exports.EbayCtaButton=E;

package/ebay-cta-button.mjs

@@ -0,0 +1,20 @@
+import t from "react";
+import l from "classnames";
+import { w as E, E as b } from "./icon-B_a65KUD.mjs";
+import { a as u } from "./button-B06HeRsZ.mjs";
+const f = ({ size: a, children: e, fluid: r, truncate: n, forwardedRef: c, className: o, ...m }) => {
+  const s = l(o, "cta-btn", { "cta-btn--large": a === "large" }, { "cta-btn--fluid": r }, { "cta-btn--truncated": n });
+  return t.createElement(
+    "a",
+    { ...m, className: s, ref: c },
+    t.createElement(
+      u,
+      { type: "cta" },
+      t.createElement("span", null, e),
+      t.createElement(b, { name: "arrowRight24" })
+    )
+  );
+}, B = E(f);
+export {
+  B as EbayCtaButton
+};

package/ebay-date-textbox.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),k=require("makeup-expander"),S=require("./calendar-CPKqwJVQ.js"),i=require("./textbox-WnB-9F4y.js");require("./icon-DK6eEQD8.js");const H=require("classnames"),U=600,V=({className:O,inputPlaceholderText:E="YYYY-MM-DD",a11yOpenPopoverText:T="open calendar",range:o,value:v,rangeEnd:g,defaultValue:D,defaultRangeEnd:R,collapseOnSelect:_,onChange:p=()=>{},onInputChange:M=()=>{},onInputRangeEndChange:P=()=>{},...q})=>{const m=n.useRef(),l=n.useRef(null),[w,d]=n.useState(D||""),[A,u]=n.useState(R||""),f=i.isControlled(v)?v:w,y=i.isControlled(g)?g:A,[s,b]=n.useState(()=>S.dateArgToISO(f)),[c,x]=n.useState(()=>S.dateArgToISO(y)),[C,I]=n.useState(!1),[L,Y]=n.useState(1),B=()=>{I(!0)},z=()=>{I(!1)};n.useEffect(()=>{if(!l.current)return;m.current=new k(l.current,{hostSelector:".ebay-date-textbox--main > .icon-btn",contentSelector:".date-textbox__popover",expandOnClick:!0,autoCollapse:!0}),l.current.addEventListener("expander-expand",B),l.current.addEventListener("expander-collapse",z);const e=()=>{Y(document.documentElement.clientWidth<U?1:2)};return e(),window.addEventListener("resize",e),()=>{var t;(t=m.current)==null||t.destroy(),window.removeEventListener("resize",e)}},[]);const h=(e,t)=>{const r=new Date(e.target.value),a=isNaN(r.getTime())?null:S.toISO(r);t===0?(b(a),d(a||"")):(x(a),u(a||"")),o?p(e,{rangeStart:t===0?a:s,rangeEnd:t===1?a:c}):p(e,{selected:a})},F=(e,{iso:t})=>{if(b(t),d(t),o){const r=s||c,a={rangeStart:t,rangeEnd:r};s&&c?(u(""),x(null),a.rangeEnd=null):r&&(r<t?(b(r),d(r),u(t),x(t),a.rangeStart=r,a.rangeEnd=t):(b(t),d(t),u(r),x(r),a.rangeStart=t,a.rangeEnd=r)),p(e,a)}else p(e,{selected:t});_&&(m.current.expanded=!1)},N=(e,t)=>{t===0?(d(e.target.value),M(e)):(u(e.target.value),P(e))},[W,j]=Array.isArray(E)?E:[E,E];return n.createElement("span",{className:H("date-textbox",O),ref:l},o&&n.createElement(i.EbayTextbox,{value:f,placeholder:W,onInputChange:e=>N(e,0),onBlur:e=>h(e,0)}),n.createElement(i.EbayTextbox,{className:"ebay-date-textbox--main",placeholder:j,value:o?y:f,onInputChange:e=>N(e,o?1:0),onBlur:e=>h(e,o?1:0)},n.createElement(i.EbayTextboxPostfixIcon,{name:"calendar24",buttonAriaLabel:T})),n.createElement("div",{hidden:!C,className:"date-textbox__popover"},n.createElement(S.EbayCalendar,{...q,range:o,interactive:!0,navigable:!0,numMonths:L,selected:s&&c?[s,c]:s||c||void 0,onSelect:F})))};exports.EbayDateTextbox=V;

package/ebay-date-textbox.mjs

@@ -0,0 +1,74 @@
+import l, { useRef as y, useState as c, useEffect as q } from "react";
+import G from "makeup-expander";
+import { d as _, E as J, t as K } from "./calendar-Dq0eM9VC.mjs";
+import { E as D, c as Q, i as O } from "./textbox-BxYjEAZK.mjs";
+import "./icon-B_a65KUD.mjs";
+import X from "classnames";
+const Z = 600, oe = ({ className: R, inputPlaceholderText: m = "YYYY-MM-DD", a11yOpenPopoverText: w = "open calendar", range: r, value: v, rangeEnd: S, defaultValue: L, defaultRangeEnd: M, collapseOnSelect: P, onChange: p = () => {
+}, onInputChange: A = () => {
+}, onInputRangeEndChange: C = () => {
+}, ...T }) => {
+  const x = y(), d = y(null), [Y, u] = c(L || ""), [B, i] = c(M || ""), b = O(v) ? v : Y, g = O(S) ? S : B, [o, E] = c(() => _(b)), [s, f] = c(() => _(g)), [z, I] = c(!1), [F, W] = c(1), k = () => {
+    I(!0);
+  }, H = () => {
+    I(!1);
+  };
+  q(() => {
+    if (!d.current)
+      return;
+    x.current = new G(d.current, {
+      hostSelector: ".ebay-date-textbox--main > .icon-btn",
+      contentSelector: ".date-textbox__popover",
+      expandOnClick: !0,
+      autoCollapse: !0
+    }), d.current.addEventListener("expander-expand", k), d.current.addEventListener("expander-collapse", H);
+    const e = () => {
+      W(document.documentElement.clientWidth < Z ? 1 : 2);
+    };
+    return e(), window.addEventListener("resize", e), () => {
+      var t;
+      (t = x.current) == null || t.destroy(), window.removeEventListener("resize", e);
+    };
+  }, []);
+  const h = (e, t) => {
+    const a = new Date(e.target.value), n = isNaN(a.getTime()) ? null : K(a);
+    t === 0 ? (E(n), u(n || "")) : (f(n), i(n || "")), r ? p(e, {
+      rangeStart: t === 0 ? n : o,
+      rangeEnd: t === 1 ? n : s
+    }) : p(e, {
+      selected: n
+    });
+  }, U = (e, { iso: t }) => {
+    if (E(t), u(t), r) {
+      const a = o || s, n = {
+        rangeStart: t,
+        rangeEnd: a
+      };
+      o && s ? (i(""), f(null), n.rangeEnd = null) : a && (a < t ? (E(a), u(a), i(t), f(t), n.rangeStart = a, n.rangeEnd = t) : (E(t), u(t), i(a), f(a), n.rangeStart = t, n.rangeEnd = a)), p(e, n);
+    } else
+      p(e, {
+        selected: t
+      });
+    P && (x.current.expanded = !1);
+  }, N = (e, t) => {
+    t === 0 ? (u(e.target.value), A(e)) : (i(e.target.value), C(e));
+  }, [V, j] = Array.isArray(m) ? m : [m, m];
+  return l.createElement(
+    "span",
+    { className: X("date-textbox", R), ref: d },
+    r && l.createElement(D, { value: b, placeholder: V, onInputChange: (e) => N(e, 0), onBlur: (e) => h(e, 0) }),
+    l.createElement(
+      D,
+      { className: "ebay-date-textbox--main", placeholder: j, value: r ? g : b, onInputChange: (e) => N(e, r ? 1 : 0), onBlur: (e) => h(e, r ? 1 : 0) },
+      l.createElement(Q, { name: "calendar24", buttonAriaLabel: w })
+    ),
+    l.createElement(
+      "div",
+      { hidden: !z, className: "date-textbox__popover" },
+      l.createElement(J, { ...T, range: r, interactive: !0, navigable: !0, numMonths: F, selected: o && s ? [o, s] : o || s || void 0, onSelect: U })
+    )
+  );
+};
+export {
+  oe as EbayDateTextbox
+};

package/ebay-dialog-base.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./dialog-previous-button-7ePoYWyj.js");exports.DialogBaseWithState=o.DialogBaseWithState;exports.EbayDialogActions=o.EbayDialogActions;exports.EbayDialogCloseButton=o.EbayDialogCloseButton;exports.EbayDialogFooter=o.EbayDialogFooter;exports.EbayDialogHeader=o.EbayDialogHeader;exports.EbayDialogPreviousButton=o.EbayDialogPreviousButton;

package/ebay-dialog-base.mjs

@@ -0,0 +1,9 @@
+import { D as s, c as t, b as i, a as e, E as l, d as D } from "./dialog-previous-button-gmkm4c8J.mjs";
+export {
+  s as DialogBaseWithState,
+  t as EbayDialogActions,
+  i as EbayDialogCloseButton,
+  e as EbayDialogFooter,
+  l as EbayDialogHeader,
+  D as EbayDialogPreviousButton
+};

package/ebay-drawer-dialog.js

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

package/ebay-drawer-dialog.mjs

@@ -0,0 +1,4 @@
+import { E as o } from "./drawer-Dcg135Bb.mjs";
+export {
+  o as EbayDrawerDialog
+};

package/ebay-eek.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),u=require("classnames"),i=require("./icon-DK6eEQD8.js"),d={"A+++":["D","E","G"],"A++":["E","G"],"A+":["F","G"],A:["G"]},E=r=>{const{max:t,min:n,rating:s}=r,l=d[t];if(!(l&&l.indexOf(n)>-1))return null;let e=t,c=1;for(;e!==s;){if(c++,n===e)return null;e.length>1?e=e.slice(0,e.length-1):e=String.fromCharCode(e.charCodeAt(0)+1)}return c>7?7:c},m=({min:r="",max:t="",rating:n,a11yText:s,className:l})=>{const e=E({rating:n,min:r,max:t}),c=u(l,"eek",{[`eek--rating-${e}`]:!!e}),o=`Energy Rating: ${n}. Range: ${t} - ${r}.`;return a.createElement("div",{className:c,role:"figure","aria-label":s||o},a.createElement("div",{className:"eek__container","aria-hidden":!0},a.createElement("span",{className:"eek__rating-range"},a.createElement("span",{"aria-hidden":"true"},t),a.createElement(i.EbayIcon,{name:"eekRangeArrow"}),a.createElement("span",{"aria-hidden":"true"},r)),a.createElement("span",{className:"eek__rating","aria-hidden":"true"},n)),a.createElement(i.EbayIcon,{name:"eekArrow"}))};exports.EbayEek=m;

package/ebay-eek.mjs

@@ -0,0 +1,42 @@
+import a from "react";
+import m from "classnames";
+import { E as c } from "./icon-B_a65KUD.mjs";
+const d = {
+  "A+++": ["D", "E", "G"],
+  "A++": ["E", "G"],
+  "A+": ["F", "G"],
+  A: ["G"]
+}, E = (n) => {
+  const { max: t, min: r, rating: i } = n, s = d[t];
+  if (!(s && s.indexOf(r) > -1))
+    return null;
+  let e = t, l = 1;
+  for (; e !== i; ) {
+    if (l++, r === e)
+      return null;
+    e.length > 1 ? e = e.slice(0, e.length - 1) : e = String.fromCharCode(e.charCodeAt(0) + 1);
+  }
+  return l > 7 ? 7 : l;
+}, p = ({ min: n = "", max: t = "", rating: r, a11yText: i, className: s }) => {
+  const e = E({ rating: r, min: n, max: t }), l = m(s, "eek", { [`eek--rating-${e}`]: !!e }), o = `Energy Rating: ${r}. Range: ${t} - ${n}.`;
+  return a.createElement(
+    "div",
+    { className: l, role: "figure", "aria-label": i || o },
+    a.createElement(
+      "div",
+      { className: "eek__container", "aria-hidden": !0 },
+      a.createElement(
+        "span",
+        { className: "eek__rating-range" },
+        a.createElement("span", { "aria-hidden": "true" }, t),
+        a.createElement(c, { name: "eekRangeArrow" }),
+        a.createElement("span", { "aria-hidden": "true" }, n)
+      ),
+      a.createElement("span", { className: "eek__rating", "aria-hidden": "true" }, r)
+    ),
+    a.createElement(c, { name: "eekArrow" })
+  );
+};
+export {
+  p as EbayEek
+};

package/ebay-fake-menu-button.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./menu-button-label-BcgasGA4.js");exports.EbayFakeMenuButton=e.EbayMenuButton;exports.EbayFakeMenuButtonItem=e.EbayFakeMenuButtonItem;exports.EbayFakeMenuButtonLabel=e.EbayFakeMenuButtonLabel;exports.EbayFakeMenuButtonSeparator=e.EbayMenuButtonSeparator;

package/ebay-fake-menu-button.mjs

@@ -0,0 +1,7 @@
+import { E as t, a as n, c as u, b as o } from "./menu-button-label-vVnRKJRU.mjs";
+export {
+  t as EbayFakeMenuButton,
+  n as EbayFakeMenuButtonItem,
+  u as EbayFakeMenuButtonLabel,
+  o as EbayFakeMenuButtonSeparator
+};

package/ebay-fake-menu.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./menu-item-DBi1NcrM.js"),t=require("react"),n=require("classnames"),u=({className:a,...r})=>t.createElement("hr",{...r,className:n(a,"fake-menu__separator"),role:"separator"});exports.EbayFakeMenu=e.EbayFakeMenu;exports.EbayFakeMenuItem=e.EbayMenuItem;exports.EbayFakeMenuSeparator=u;

package/ebay-fake-menu.mjs

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

package/ebay-fake-tabs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),m=require("classnames"),o=require("./utils-C9NL3q0j.js"),c=({children:t,href:s,ariaCurrent:n,className:a,...r})=>e.createElement("li",{...r,className:m(a,"fake-tabs__item")},e.createElement("a",{href:s,"aria-current":n},t)),f=({selectedIndex:t=0,tabMatchesCurrentUrl:s,className:n,children:a,...r})=>{const b=s===!1?"true":"page",i=o.filterByType(a,c).map((l,E)=>e.cloneElement(l,{...l.props,ariaCurrent:t===E?b:null})),u=o.excludeComponent(a,c);return e.createElement("div",{...r,className:m(n,"fake-tabs")},e.createElement("ul",{className:"fake-tabs__items"},i),e.createElement("div",{className:"fake-tabs__content"},e.createElement("div",{className:"fake-tabs__cell"},u)))};exports.EbayFakeTab=c;exports.EbayFakeTabs=f;

package/ebay-fake-tabs.mjs

@@ -0,0 +1,27 @@
+import e, { cloneElement as p } from "react";
+import m from "classnames";
+import { b as E, e as u } from "./utils-BipBqkOS.mjs";
+const l = ({ children: t, href: s, ariaCurrent: r, className: a, ...n }) => e.createElement(
+  "li",
+  { ...n, className: m(a, "fake-tabs__item") },
+  e.createElement("a", { href: s, "aria-current": r }, t)
+), d = ({ selectedIndex: t = 0, tabMatchesCurrentUrl: s, className: r, children: a, ...n }) => {
+  const o = s === !1 ? "true" : "page", b = E(a, l).map((c, f) => p(c, {
+    ...c.props,
+    ariaCurrent: t === f ? o : null
+  })), i = u(a, l);
+  return e.createElement(
+    "div",
+    { ...n, className: m(r, "fake-tabs") },
+    e.createElement("ul", { className: "fake-tabs__items" }, b),
+    e.createElement(
+      "div",
+      { className: "fake-tabs__content" },
+      e.createElement("div", { className: "fake-tabs__cell" }, i)
+    )
+  );
+};
+export {
+  l as EbayFakeTab,
+  d as EbayFakeTabs
+};

package/ebay-field.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),a=require("classnames"),o=require("./label-CnrpYJ-g.js"),p=({className:e,layout:l="inline",children:t})=>{const n=l==="block"?"div":"span";return r.createElement(n,{className:a("field",e)},t)},d=({type:e,position:l="below",className:t,children:n,...s})=>{const i=a(t,"field__description",{[`field__description--${e}`]:e}),c=l==="below"?"div":"span";return r.createElement(c,{...s,className:i},r.createElement("span",null,n))};exports.EbayLabel=o.Label;exports.EbayField=p;exports.EbayFieldDescription=d;

package/ebay-field.mjs

@@ -0,0 +1,19 @@
+import t from "react";
+import l from "classnames";
+import { L as f } from "./label-DgOo6Mql.mjs";
+const m = ({ className: e, layout: a = "inline", children: r }) => {
+  const s = a === "block" ? "div" : "span";
+  return t.createElement(s, { className: l("field", e) }, r);
+}, d = ({ type: e, position: a = "below", className: r, children: s, ...n }) => {
+  const i = l(r, "field__description", { [`field__description--${e}`]: e }), o = a === "below" ? "div" : "span";
+  return t.createElement(
+    o,
+    { ...n, className: i },
+    t.createElement("span", null, s)
+  );
+};
+export {
+  m as EbayField,
+  d as EbayFieldDescription,
+  f as EbayLabel
+};

package/ebay-fullscreen-dialog.js

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

package/ebay-fullscreen-dialog.mjs

@@ -0,0 +1,9 @@
+import n from "react";
+import s from "classnames";
+import { D as r } from "./dialog-previous-button-gmkm4c8J.mjs";
+import "./icon-button-Dy8rjzH7.mjs";
+const o = "fullscreen-dialog", f = ({ open: t, onClose: e = () => {
+}, className: i, animated: a, ...l }) => n.createElement(r, { ...l, classPrefix: o, buttonPosition: "right", onCloseBtnClick: e, transitionElement: "window", animated: a, className: s(i, `${o}--mask-fade-slow`), windowClass: s(`${o}__window`, `${o}__window--slide`), open: t });
+export {
+  f as EbayFullscreenDialog
+};

package/ebay-icon/icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/ebay-icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,GAAG,EAAE,QAAQ,EAAuB,MAAM,OAAO,CAAA;AAIrE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC;AAElC,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,IAAI,CAAC;IACX,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;CACrC,CAAC;;AA2EF,wBAAuC"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/ebay-icon/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,GAAG,EAAE,QAAQ,EAAuB,MAAM,OAAO,CAAA;AAIrE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC;AAElC,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,IAAI,CAAC;IACX,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;CACrC,CAAC;;AAwFF,wBAAuC"}

package/ebay-icon-button/README.md

@@ -13,11 +13,13 @@ import { EbayIconButton } from '@ebay/ui-core-react/ebay-icon-button'
 
 ### Import following styles from SKIN
 ```jsx harmony
+import "@ebay/skin/icon"
 import "@ebay/skin/icon-button"
 ```
 
 ### Or import styles using SCSS/CSS
 ```jsx harmony
+import '@ebay/skin/icon.css'
 import '@ebay/skin/icon-button.css'
 ```
 

package/ebay-icon-button.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./icon-button-BB6GFLm7.js");exports.EbayIconButton=t.EbayIconButton;