@sesamehr/react-design-system 2.0.0-beta.15 → 2.0.0-beta.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -6630,7 +6630,7 @@ const NC = "_oxAvatarRoundedImage_1geiy_2", $C = "_oxAvatarRoundedContent_1geiy_
6630
6630
  );
6631
6631
  vc.displayName = "OxAvatarRounded";
6632
6632
  const HC = {
6633
- "ox-skeleton": "_ox-skeleton_ooxs9_2"
6633
+ "ox-skeleton": "_ox-skeleton_1lisl_2"
6634
6634
  }, jg = q(
6635
6635
  ({ className: e, dataTestid: t, ...n }, o) => /* @__PURE__ */ v(
6636
6636
  "div",
@@ -6734,18 +6734,20 @@ const VC = "_oxAvatarSquareImage_1nlk8_2", GC = "_oxAvatarSquareContent_1nlk8_2"
6734
6734
  qg.displayName = "OxAvatarSquare";
6735
6735
  const Yg = st("", {
6736
6736
  variants: {
6737
- // Every radius below is the exact token the design asks for.
6737
+ /* Every radius below is the exact token the design asks for. The ladder
6738
+ stops climbing at 48px: v3 holds 8px from there up, so the 80px avatar
6739
+ has the same corner as the 48px one rather than a proportional one. */
6738
6740
  size: {
6739
6741
  xs: "ox-avatar-square--xs",
6740
- // 24px, radius 6
6742
+ // 24px, radius 4
6741
6743
  sm: "ox-avatar-square--sm",
6742
- // 32px, radius 8
6744
+ // 32px, radius 6
6743
6745
  md: "ox-avatar-square--md",
6744
- // 48px, radius 12
6746
+ // 48px, radius 8
6745
6747
  lg: "ox-avatar-square--lg",
6746
- // 64px, radius 16
6748
+ // 64px, radius 8
6747
6749
  xl: "ox-avatar-square--xl"
6748
- // 80px, radius 24
6750
+ // 80px, radius 8
6749
6751
  },
6750
6752
  tone: {
6751
6753
  brand: "ox-avatar-square--brand",
@@ -34,7 +34,7 @@ Valid keys: `+JSON.stringify(Object.keys(N),null," "));var Y=ee(B,K,z,L,j+"."+K
34
34
  </g>
35
35
  </g>
36
36
  </svg>
37
- `,Il={oxResizableHandle:"_oxResizableHandle_m3hkz_2",oxResizableHandleBar:"_oxResizableHandleBar_m3hkz_2",oxResizableHandleIcon:"_oxResizableHandleIcon_m3hkz_2"},Kh=({className:e,orientation:t="horizontal",children:n,dataTestid:o,...r})=>h.jsx(jh,{"data-slot":"resizable-handle","data-testid":o,"data-orientation":t,className:H(Il.oxResizableHandle,e),...r,children:h.jsx("div",{className:Il.oxResizableHandleBar,children:n??h.jsx(Ce,{icon:Uh,className:Il.oxResizableHandleIcon})})});Kh.displayName="OxResizableHandle";const Ar={"ox-scrollbar":"_ox-scrollbar_1dusk_2","ox-scrollbar--visible":"_ox-scrollbar--visible_1dusk_2","ox-scrollbar-thumb":"_ox-scrollbar-thumb_1dusk_2","ox-scrollbar--near":"_ox-scrollbar--near_1dusk_2","ox-scrollbar-thumb--dragging":"_ox-scrollbar-thumb--dragging_1dusk_2"},QS=900,e_=40,t_=24,Dl=12,Ol=e=>e?"current"in e?e.current:e:null,Xh=(e,t)=>{e(n=>Object.keys(t).every(o=>n[o]===t[o])?n:t)},Zh=(e,t)=>{const n=g.useRef(0),[o,r]=g.useState(!1),[s,a]=g.useState(!1),[i,l]=g.useState(!1),[c,u]=g.useState({top:0,height:0}),d=g.useCallback(()=>{r(!0),window.clearTimeout(n.current),n.current=window.setTimeout(()=>{a(m=>(m||r(!1),m))},QS)},[]),f=g.useCallback(()=>{const m=Ol(e),v=t.current;if(!m||!v)return;const y=v.clientHeight,w=m.scrollHeight-m.clientHeight;if(w<=0||y<=0){Xh(u,{top:0,height:0});return}const C=Math.max(t_,y*(m.clientHeight/m.scrollHeight));Xh(u,{height:C,top:m.scrollTop/w*(y-C)})},[e,t]);return g.useEffect(()=>{const m=Ol(e),v=t.current;if(!m)return;const y=()=>{f(),d()},w=S=>{const _=m.getBoundingClientRect(),E=_.left+m.clientLeft+m.clientWidth-Dl;l(S.clientX>=E),S.clientX>_.right-e_&&(f(),d())},C=()=>l(!1);m.addEventListener("scroll",y,{passive:!0}),m.addEventListener("mousemove",w,{passive:!0}),m.addEventListener("mouseleave",C,{passive:!0}),m.style.setProperty("scrollbar-width","none");let T=null;return typeof ResizeObserver<"u"&&(T=new ResizeObserver(f),T.observe(m),v&&T.observe(v)),f(),()=>{m.removeEventListener("scroll",y),m.removeEventListener("mousemove",w),m.removeEventListener("mouseleave",C),m.style.removeProperty("scrollbar-width"),T==null||T.disconnect()}}),g.useEffect(()=>()=>window.clearTimeout(n.current),[]),{visible:o,dragging:s,near:i,thumb:c,measure:f,startDrag:m=>{const v=Ol(e),y=t.current;if(!v||!y)return;m.preventDefault();const w=m.clientY-y.getBoundingClientRect().top-c.top;a(!0),r(!0);const C=S=>{const _=y.clientHeight-c.height;if(_<=0)return;const E=S.clientY-y.getBoundingClientRect().top-w,P=Math.min(1,Math.max(0,E/_));v.scrollTop=P*(v.scrollHeight-v.clientHeight)},T=()=>{a(!1),window.removeEventListener("mousemove",C),window.removeEventListener("mouseup",T),d()};window.addEventListener("mousemove",C),window.addEventListener("mouseup",T)},approach:()=>l(!0)}},ao=g.forwardRef(({className:e,port:t,dataTestid:n,...o},r)=>{const s=g.useRef(null),{visible:a,dragging:i,near:l,thumb:c,startDrag:u,approach:d}=Zh(t,s),f=p=>{s.current=p,typeof r=="function"?r(p):r&&(r.current=p)};return h.jsx("div",{...o,ref:f,className:H(Ar["ox-scrollbar"],(a||i)&&Ar["ox-scrollbar--visible"],(l||i)&&Ar["ox-scrollbar--near"],e),"data-slot":"scrollbar","data-testid":n,"aria-hidden":"true",children:c.height>0&&h.jsx("div",{className:H(Ar["ox-scrollbar-thumb"],i&&Ar["ox-scrollbar-thumb--dragging"]),style:{top:`${c.top}px`,height:`${c.height}px`},"data-slot":"thumb","data-testid":`${n}-thumb`,onMouseDown:u,onMouseEnter:d})})});ao.displayName="OxScrollbar";const Jh=e=>{if(e)try{return Intl.getCanonicalLocales(e.replace(/_/g,"-"))[0]}catch{return}},Qh=g.createContext(void 0),qs=()=>g.useContext(Qh),eg=({locale:e,children:t})=>{const n=g.useMemo(()=>Jh(e),[e]);return h.jsx(Qh.Provider,{value:n,children:t})};eg.displayName="OxLocaleProvider";const n_={"ox-bullet":"_ox-bullet_2x4cd_2","ox-bullet--24":"_ox-bullet--24_2x4cd_2","ox-bullet--16":"_ox-bullet--16_2x4cd_2","ox-bullet--12":"_ox-bullet--12_2x4cd_2","ox-bullet--8":"_ox-bullet--8_2x4cd_2","ox-bullet--active":"_ox-bullet--active_2x4cd_2","ox-bullet--info":"_ox-bullet--info_2x4cd_2","ox-bullet--warning":"_ox-bullet--warning_2x4cd_2","ox-bullet--neutral":"_ox-bullet--neutral_2x4cd_2"},Ys=g.forwardRef(({className:e,size:t="24",color:n="active",dataTestid:o,...r},s)=>h.jsx("div",{ref:s,"data-slot":"bullet","data-testid":o,className:H(He(n_,tg({size:t,color:n})),e),...r}));Ys.displayName="OxBullet";const tg=qe("ox-bullet",{variants:{size:{24:"ox-bullet--24",16:"ox-bullet--16",12:"ox-bullet--12",8:"ox-bullet--8"},color:{active:"ox-bullet--active",info:"ox-bullet--info",warning:"ox-bullet--warning",neutral:"ox-bullet--neutral"}},defaultVariants:{size:"24",color:"active"}}),o_={xs:"8",sm:"8",md:"12",lg:"16",xl:"16"};function ng(e){return{bulletSize:o_[e]}}const io={oxAvatarRoundedImage:"_oxAvatarRoundedImage_1geiy_2",oxAvatarRoundedContent:"_oxAvatarRoundedContent_1geiy_2",oxAvatarRounded:"_oxAvatarRounded_1geiy_2",oxAvatarRoundedBullet:"_oxAvatarRoundedBullet_1geiy_2",oxAvatarRoundedAction:"_oxAvatarRoundedAction_1geiy_2",oxAvatarRoundedLabel:"_oxAvatarRoundedLabel_1geiy_2","ox-avatar-rounded--brand":"_ox-avatar-rounded--brand_1geiy_2","ox-avatar-rounded--neutral":"_ox-avatar-rounded--neutral_1geiy_2","ox-avatar-rounded--disabled":"_ox-avatar-rounded--disabled_1geiy_2"},Us=g.forwardRef(({className:e,src:t,size:n="md",tone:o="brand",disabled:r=!1,status:s,alt:a="",action:i,label:l,children:c,dataTestid:u,...d},f)=>{const{bulletSize:p}=ng(n??"md");return h.jsxs("span",{ref:f,"data-slot":"avatar","data-testid":u,className:H(io.oxAvatarRounded,He(io,Fl({size:n,tone:o,disabled:r})),e),...d,children:[t?h.jsx("img",{className:io.oxAvatarRoundedImage,"data-testid":`${u}-image`,src:t,alt:a}):h.jsx("span",{className:io.oxAvatarRoundedContent,children:c}),s&&h.jsx(Ys,{className:io.oxAvatarRoundedBullet,dataTestid:`${u}-bullet`,color:s,size:p}),i&&h.jsx("span",{className:io.oxAvatarRoundedAction,children:i}),l&&h.jsx("span",{className:io.oxAvatarRoundedLabel,children:l})]})});Us.displayName="OxAvatarRounded";const r_={"ox-skeleton":"_ox-skeleton_ooxs9_2"},Ml=g.forwardRef(({className:e,dataTestid:t,...n},o)=>h.jsx("div",{ref:o,"aria-hidden":"true","data-slot":"skeleton","data-testid":t,className:H(r_["ox-skeleton"],e),...n}));Ml.displayName="OxSkeleton";const og={"ox-avatar-skeleton":"_ox-avatar-skeleton_1c9kd_2","ox-avatar-skeleton--rounded":"_ox-avatar-skeleton--rounded_1c9kd_2"},rg=g.forwardRef(({className:e,size:t="md",shape:n="rounded",dataTestid:o,...r},s)=>{const a=n==="square"?Nl({size:t,tone:null,disabled:null}):H(og["ox-avatar-skeleton--rounded"],Fl({size:t,tone:null,disabled:null}));return h.jsx(Ml,{ref:s,"data-slot":"avatar-skeleton",dataTestid:o,className:H(og["ox-avatar-skeleton"],a,e),...r})});rg.displayName="OxAvatarSkeleton";const lo={oxAvatarSquareImage:"_oxAvatarSquareImage_1nlk8_2",oxAvatarSquareContent:"_oxAvatarSquareContent_1nlk8_2",oxAvatarSquare:"_oxAvatarSquare_1nlk8_2",oxAvatarSquareBullet:"_oxAvatarSquareBullet_1nlk8_2",oxAvatarSquareAction:"_oxAvatarSquareAction_1nlk8_2",oxAvatarSquareLabel:"_oxAvatarSquareLabel_1nlk8_2","ox-avatar-square--brand":"_ox-avatar-square--brand_1nlk8_2","ox-avatar-square--neutral":"_ox-avatar-square--neutral_1nlk8_2","ox-avatar-square--disabled":"_ox-avatar-square--disabled_1nlk8_2"},Al=g.forwardRef(({className:e,src:t,size:n="md",tone:o="brand",disabled:r=!1,status:s,alt:a="",action:i,label:l,children:c,dataTestid:u,...d},f)=>{const{bulletSize:p}=ng(n??"md");return h.jsxs("span",{ref:f,"data-slot":"avatar","data-testid":u,className:H(lo.oxAvatarSquare,He(lo,Nl({size:n,tone:o,disabled:r})),e),...d,children:[t?h.jsx("img",{className:lo.oxAvatarSquareImage,"data-testid":`${u}-image`,src:t,alt:a}):h.jsx("span",{className:lo.oxAvatarSquareContent,children:c}),s&&h.jsx(Ys,{className:lo.oxAvatarSquareBullet,dataTestid:`${u}-bullet`,color:s,size:p}),i&&h.jsx("span",{className:lo.oxAvatarSquareAction,children:i}),l&&h.jsx("span",{className:lo.oxAvatarSquareLabel,children:l})]})});Al.displayName="OxAvatarSquare";const Nl=qe("",{variants:{size:{xs:"ox-avatar-square--xs",sm:"ox-avatar-square--sm",md:"ox-avatar-square--md",lg:"ox-avatar-square--lg",xl:"ox-avatar-square--xl"},tone:{brand:"ox-avatar-square--brand",neutral:"ox-avatar-square--neutral"},disabled:{true:"ox-avatar-square--disabled",false:""}},defaultVariants:{size:"md",tone:"brand",disabled:!1}}),Fl=qe("",{variants:{size:{xs:"ox-avatar-rounded--xs",sm:"ox-avatar-rounded--sm",md:"ox-avatar-rounded--md",lg:"ox-avatar-rounded--lg",xl:"ox-avatar-rounded--xl"},tone:{brand:"ox-avatar-rounded--brand",neutral:"ox-avatar-rounded--neutral"},disabled:{true:"ox-avatar-rounded--disabled",false:""}},defaultVariants:{size:"md",tone:"brand",disabled:!1}}),Ks={oxAvatarDetails:"_oxAvatarDetails_1r1ni_2",oxAvatarDetailsInfo:"_oxAvatarDetailsInfo_1r1ni_2",oxAvatarDetailsName:"_oxAvatarDetailsName_1r1ni_2",oxAvatarDetailsSubtitle:"_oxAvatarDetailsSubtitle_1r1ni_2"},sg=g.forwardRef(({className:e,avatar:t,name:n,subtitle:o,disabled:r=!1,dataTestid:s,...a},i)=>{const l=(t==null?void 0:t.size)??"md";return h.jsxs("div",{ref:i,className:H(Ks.oxAvatarDetails,e),"data-slot":"avatar-details","data-size":l,"data-testid":s,...a,children:[h.jsx(Al,{dataTestid:`${s}-avatar`,src:t==null?void 0:t.src,size:l,disabled:r,children:t==null?void 0:t.initials}),h.jsxs("div",{className:Ks.oxAvatarDetailsInfo,children:[h.jsx("span",{className:Ks.oxAvatarDetailsName,children:n}),o&&h.jsx("span",{className:Ks.oxAvatarDetailsSubtitle,children:o})]})]})});sg.displayName="OxAvatarDetails";const Nr={oxAvatarGroup:"_oxAvatarGroup_knrx0_2",oxAvatarGroupInteractive:"_oxAvatarGroupInteractive_knrx0_2",oxAvatarGroupStack:"_oxAvatarGroupStack_knrx0_2",oxAvatarGroupItem:"_oxAvatarGroupItem_knrx0_2"},ag=g.forwardRef(({className:e,avatars:t,max:n=3,interactive:o=!0,onClick:r,dataTestid:s,...a},i)=>{const l=g.useMemo(()=>t.slice(0,n),[t,n]),c=g.useMemo(()=>{const u=t.length;return u>n?u-n:0},[t,n]);return h.jsx("button",{ref:i,type:"button","data-slot":"avatar-group","data-testid":s,className:H(Nr.oxAvatarGroup,o&&Nr.oxAvatarGroupInteractive,e),onClick:u=>{o&&(r==null||r(u))},...a,children:h.jsxs("div",{className:Nr.oxAvatarGroupStack,children:[l.map((u,d)=>h.jsx("div",{className:Nr.oxAvatarGroupItem,style:{zIndex:d},children:h.jsx(Us,{dataTestid:`${s}-avatar-${d}`,src:u.src,size:"xs",disabled:u.disabled,children:u.initials})},d)),c>0&&h.jsx("div",{className:Nr.oxAvatarGroupItem,style:{zIndex:l.length},children:h.jsxs(Us,{dataTestid:`${s}-count`,size:"xs",tone:"neutral",children:["+",c]})})]})})});ag.displayName="OxAvatarGroup";const s_={"ox-badge":"_ox-badge_1kgwp_2","ox-badge--sm":"_ox-badge--sm_1kgwp_2","ox-badge--md":"_ox-badge--md_1kgwp_2","ox-badge--lg":"_ox-badge--lg_1kgwp_2"},ig=g.forwardRef(({className:e,size:t="md",dataTestid:n,...o},r)=>h.jsx("span",{ref:r,"data-slot":"badge","data-testid":n,className:H(He(s_,lg({size:t})),e),...o}));ig.displayName="OxBadge";const lg=qe("ox-badge",{variants:{size:{sm:"ox-badge--sm",md:"ox-badge--md",lg:"ox-badge--lg"}},defaultVariants:{size:"md"}}),Xs={oxCalendarDate:"_oxCalendarDate_1tb18_2",oxCalendarDateDay:"_oxCalendarDateDay_1tb18_2",oxCalendarDateMonth:"_oxCalendarDateMonth_1tb18_2","ox-calendar-date--active":"_ox-calendar-date--active_1tb18_2","ox-calendar-date--idle":"_ox-calendar-date--idle_1tb18_2"},a_=e=>{const t=e.getFullYear(),n=String(e.getMonth()+1).padStart(2,"0"),o=String(e.getDate()).padStart(2,"0");return`${t}-${n}-${o}`},i_=(e,t)=>new Intl.DateTimeFormat(t,{month:"short"}).format(e),cg=g.forwardRef(({className:e,date:t,active:n=!1,month:o,dataTestid:r,...s},a)=>{const i=qs();return h.jsxs("time",{ref:a,dateTime:a_(t),"data-slot":"calendar-date","data-testid":r,className:H(Xs.oxCalendarDate,He(Xs,ug({active:n})),e),...s,children:[h.jsx("span",{className:Xs.oxCalendarDateDay,"data-slot":"calendar-date-day","data-testid":`${r}-day`,children:t.getDate()}),h.jsx("span",{className:Xs.oxCalendarDateMonth,"data-slot":"calendar-date-month","data-testid":`${r}-month`,children:o??i_(t,i)})]})});cg.displayName="OxCalendarDate";const ug=qe("",{variants:{active:{true:"ox-calendar-date--active",false:"ox-calendar-date--idle"}},defaultVariants:{active:!1}}),l_=String.raw,c_=(()=>{try{document.createElement("div").animate({opacity:0},{easing:"linear(0, 1)"})}catch{return!1}return!0})(),u_=typeof CSS<"u"&&CSS.supports&&CSS.supports("line-height","mod(1,1)"),dg=typeof matchMedia<"u"?matchMedia("(prefers-reduced-motion: reduce)"):null,Zs="--_number-flow-d-opacity",$l="--_number-flow-d-width",Js="--_number-flow-dx",Ll="--_number-flow-d",d_=(()=>{try{return CSS.registerProperty({name:Zs,syntax:"<number>",inherits:!1,initialValue:"0"}),CSS.registerProperty({name:Js,syntax:"<length>",inherits:!0,initialValue:"0px"}),CSS.registerProperty({name:$l,syntax:"<number>",inherits:!1,initialValue:"0"}),CSS.registerProperty({name:Ll,syntax:"<number>",inherits:!0,initialValue:"0"}),!0}catch{return!1}})(),zl="round(nearest, calc(var(--number-flow-mask-height, 0.25em) / 2), 1px)",co=`calc(${zl} * 2)`,Rl="var(--number-flow-mask-width, 0.5em)",uo=`calc(${Rl} / var(--scale-x))`,Qs="#000 0, transparent 71%",f_=l_`:host{display:inline-block;direction:ltr;white-space:nowrap;isolation:isolate;line-height:1}.number,.number__inner{display:inline-block;transform-origin:left top}:host([data-will-change]) :is(.number,.number__inner,.section,.digit,.digit__num,.symbol){will-change:transform}.number{--scale-x:calc(1 + var(${$l}) / var(--width));transform:translateX(var(${Js})) scaleX(var(--scale-x));margin:0 calc(-1 * ${Rl});position:relative;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 ${uo},#000 calc(100% - ${uo}),transparent ),linear-gradient(to bottom,transparent 0,#000 ${co},#000 calc(100% - ${co}),transparent 100% ),radial-gradient(at bottom right,${Qs}),radial-gradient(at bottom left,${Qs}),radial-gradient(at top left,${Qs}),radial-gradient(at top right,${Qs});-webkit-mask-size:100% calc(100% - ${co} * 2),calc(100% - ${uo} * 2) 100%,${uo} ${co},${uo} ${co},${uo} ${co},${uo} ${co};-webkit-mask-position:center,center,top left,top right,bottom right,bottom left;-webkit-mask-repeat:no-repeat}.number__inner{padding:${zl} ${Rl};transform:scaleX(calc(1 / var(--scale-x))) translateX(calc(-1 * var(${Js})))}:host > :not(.number){z-index:5}.section,.symbol{display:inline-block;position:relative;isolation:isolate}.section::after{content:'\200b';display:inline-block}.section--justify-left{transform-origin:center left}.section--justify-right{transform-origin:center right}.section > [inert],.symbol > [inert]{margin:0 !important;position:absolute !important;z-index:-1}.digit{display:inline-block;position:relative;--c:var(--current) + var(${Ll})}.digit__num,.number .section::after{padding:${zl} 0}.digit__num{display:inline-block;--offset-raw:mod(var(--length) + var(--n) - mod(var(--c),var(--length)),var(--length));--offset:calc( var(--offset-raw) - var(--length) * round(down,var(--offset-raw) / (var(--length) / 2),1) );--y:clamp(-100%,var(--offset) * 100%,100%);transform:translateY(var(--y))}.digit__num[inert]{position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(var(--y))}.digit:not(.is-spinning) .digit__num[inert]{display:none}.symbol__value{display:inline-block;mix-blend-mode:plus-lighter;white-space:pre}.section--justify-left .symbol > [inert]{left:0}.section--justify-right .symbol > [inert]{right:0}.animate-presence{opacity:calc(1 + var(${Zs}))}`,h_=typeof HTMLElement<"u"?HTMLElement:class{},Fn=(e,t,n)=>{const o=document.createElement(e),[r,s]=Array.isArray(t)?[void 0,t]:[t,n];return r&&Object.assign(o,r),s==null||s.forEach(a=>o.appendChild(a)),o},g_=(e,t)=>{var n;return t==="left"?e.offsetLeft:(((n=e.offsetParent instanceof HTMLElement?e.offsetParent:null)==null?void 0:n.offsetWidth)??0)-e.offsetWidth-e.offsetLeft},p_=e=>e.offsetWidth>0&&e.offsetHeight>0,m_=(e,t)=>{typeof HTMLElement<"u"&&typeof customElements<"u"&&!customElements.get(e)&&customElements.define(e,t)};function x_(e,t,{reverse:n=!1}={}){const o=e.length;for(let r=n?o-1:0;n?r>=0:r<o;n?r--:r++)t(e[r],r)}function v_(e,t,n,o){const r=t.formatToParts(e);n&&r.unshift({type:"prefix",value:n}),o&&r.push({type:"suffix",value:o});const s=[],a=[],i=[],l=[],c={},u=m=>`${m}:${c[m]=(c[m]??-1)+1}`;let d="",f=!1,p=!1;for(const m of r){d+=m.value;const v=m.type==="minusSign"||m.type==="plusSign"?"sign":m.type;v==="integer"?(f=!0,a.push(...m.value.split("").map(y=>({type:v,value:parseInt(y)})))):v==="group"?a.push({type:v,value:m.value}):v==="decimal"?(p=!0,i.push({type:v,value:m.value,key:u(v)})):v==="fraction"?i.push(...m.value.split("").map(y=>({type:v,value:parseInt(y),key:u(v),pos:-1-c[v]}))):(f||p?l:s).push({type:v,value:m.value,key:u(v)})}const x=[];for(let m=a.length-1;m>=0;m--){const v=a[m];x.unshift(v.type==="integer"?{...v,key:u(v.type),pos:c[v.type]}:{...v,key:u(v.type)})}return{pre:s,integer:x,fraction:i,post:l,valueAsString:d,value:typeof e=="string"?parseFloat(e):e}}const fg=u_&&c_&&d_;let hg=class extends h_{constructor(){super(),this.created=!1,this.batched=!1,this._preUpdated=!1;const{animated:t,...n}=this.constructor.defaultProps;this._animated=this.computedAnimated=t,Object.assign(this,n)}get animated(){return this._animated}set animated(t){var n;this.animated!==t&&(this._animated=t,(n=this.shadowRoot)==null||n.getAnimations().forEach(o=>o.finish()))}set data(t){var n,o;if(t==null||t===this._data)return;const{pre:r,integer:s,fraction:a,post:i,value:l}=t;if(this.created){const c=this._data;this._data=t,this.computedTrend=typeof this.trend=="function"?this.trend(c.value,l):this.trend,this.computedAnimated=fg&&this._animated&&(!this.respectMotionPreference||!((n=dg)!=null&&n.matches))&&p_(this)&&this.ownerDocument.visibilityState==="visible",(o=this.plugins)==null||o.forEach(u=>{var d;return(d=u.onUpdate)==null?void 0:d.call(u,t,c,this)}),this.batched||this.willUpdate(),this._pre.update(r),this._num.update({integer:s,fraction:a}),this._post.update(i),this.batched||this.didUpdate()}else{this._data=t,this.attachShadow({mode:"open"});try{this._internals??(this._internals=this.attachInternals()),this._internals.role="img"}catch{}const c=document.createElement("style");this.nonce&&(c.nonce=this.nonce),c.textContent=f_,this.shadowRoot.appendChild(c),this._pre=new mg(this,r,{justify:"right",part:"left"}),this.shadowRoot.appendChild(this._pre.el),this._num=new b_(this,s,a),this.shadowRoot.appendChild(this._num.el),this._post=new mg(this,i,{justify:"left",part:"right"}),this.shadowRoot.appendChild(this._post.el),this.created=!0}try{this._internals.ariaLabel=t.valueAsString}catch{}}willUpdate(){var t;this._preUpdated=fg&&this._animated&&(!this.respectMotionPreference||!((t=dg)!=null&&t.matches))&&this.ownerDocument.visibilityState==="visible",this._preUpdated&&(this._pre.willUpdate(),this._num.willUpdate(),this._post.willUpdate())}didUpdate(){if(!this.computedAnimated||!this._preUpdated)return;this._abortAnimationsFinish?this._abortAnimationsFinish.abort():this.dispatchEvent(new Event("animationsstart")),this._pre.didUpdate(),this._num.didUpdate(),this._post.didUpdate();const t=new AbortController;Promise.all(this.shadowRoot.getAnimations().map(n=>n.finished)).then(()=>{t.signal.aborted||(this.dispatchEvent(new Event("animationsfinish")),this._abortAnimationsFinish=void 0)}),this._abortAnimationsFinish=t}};hg.defaultProps={transformTiming:{duration:900,easing:"linear(0,.005,.019,.039,.066,.096,.129,.165,.202,.24,.278,.316,.354,.39,.426,.461,.494,.526,.557,.586,.614,.64,.665,.689,.711,.731,.751,.769,.786,.802,.817,.831,.844,.856,.867,.877,.887,.896,.904,.912,.919,.925,.931,.937,.942,.947,.951,.955,.959,.962,.965,.968,.971,.973,.976,.978,.98,.981,.983,.984,.986,.987,.988,.989,.99,.991,.992,.992,.993,.994,.994,.995,.995,.996,.996,.9963,.9967,.9969,.9972,.9975,.9977,.9979,.9981,.9982,.9984,.9985,.9987,.9988,.9989,1)"},spinTiming:void 0,opacityTiming:{duration:450,easing:"ease-out"},animated:!0,trend:(e,t)=>Math.sign(t-e),respectMotionPreference:!0,plugins:void 0,digits:void 0};class b_{constructor(t,n,o,{className:r,...s}={}){this.flow=t,this._integer=new pg(t,n,{justify:"right",part:"integer"}),this._fraction=new pg(t,o,{justify:"left",part:"fraction"}),this._inner=Fn("span",{className:"number__inner"},[this._integer.el,this._fraction.el]),this.el=Fn("span",{...s,part:"number",className:`number ${r??""}`},[this._inner])}willUpdate(){this._prevWidth=this.el.offsetWidth,this._prevLeft=this.el.getBoundingClientRect().left,this._integer.willUpdate(),this._fraction.willUpdate()}update({integer:t,fraction:n}){this._integer.update(t),this._fraction.update(n)}didUpdate(){const t=this.el.getBoundingClientRect();this._integer.didUpdate(),this._fraction.didUpdate();const n=this._prevLeft-t.left,o=this.el.offsetWidth,r=this._prevWidth-o;this.el.style.setProperty("--width",String(o)),this.el.animate({[Js]:[`${n}px`,"0px"],[$l]:[r,0]},{...this.flow.transformTiming,composite:"accumulate"})}}class gg{constructor(t,n,{justify:o,className:r,...s},a){this.flow=t,this.children=new Map,this.onCharRemove=l=>()=>{this.children.delete(l)},this.justify=o;const i=n.map(l=>this.addChar(l).el);this.el=Fn("span",{...s,className:`section section--justify-${o} ${r??""}`},a?a(i):i)}addChar(t,{startDigitsAtZero:n=!1,...o}={}){const r=t.type==="integer"||t.type==="fraction"?new vg(this,t.type,n?0:t.value,t.pos,{...o,onRemove:this.onCharRemove(t.key)}):new y_(this,t.type,t.value,{...o,onRemove:this.onCharRemove(t.key)});return this.children.set(t.key,r),r}unpop(t){t.el.removeAttribute("inert"),t.el.style.top="",t.el.style[this.justify]=""}pop(t){t.forEach(n=>{n.el.style.top=`${n.el.offsetTop}px`,n.el.style[this.justify]=`${g_(n.el,this.justify)}px`}),t.forEach(n=>{n.el.setAttribute("inert",""),n.present=!1})}addNewAndUpdateExisting(t){const n=new Map,o=new Map,r=this.justify==="left",s=r?"prepend":"append";if(x_(t,a=>{let i;this.children.has(a.key)?(i=this.children.get(a.key),o.set(a,i),this.unpop(i),i.present=!0):(i=this.addChar(a,{startDigitsAtZero:!0,animateIn:!0}),n.set(a,i)),this.el[s](i.el)},{reverse:r}),this.flow.computedAnimated){const a=this.el.getBoundingClientRect();n.forEach(i=>{i.willUpdate(a)})}n.forEach((a,i)=>{a.update(i.value)}),o.forEach((a,i)=>{a.update(i.value)})}willUpdate(){const t=this.el.getBoundingClientRect();this._prevOffset=t[this.justify],this.children.forEach(n=>n.willUpdate(t))}didUpdate(){const t=this.el.getBoundingClientRect();this.children.forEach(r=>r.didUpdate(t));const n=t[this.justify],o=this._prevOffset-n;o&&this.children.size&&this.el.animate({transform:[`translateX(${o}px)`,"none"]},{...this.flow.transformTiming,composite:"accumulate"})}}class pg extends gg{update(t){const n=new Map;this.children.forEach((o,r)=>{t.find(s=>s.key===r)||n.set(r,o),this.unpop(o)}),this.addNewAndUpdateExisting(t),n.forEach(o=>{o instanceof vg&&o.update(0)}),this.pop(n)}}let mg=class extends gg{update(t){const n=new Map;this.children.forEach((o,r)=>{t.find(s=>s.key===r)||n.set(r,o)}),this.pop(n),this.addNewAndUpdateExisting(t)}};class Bl{constructor(t,n,{onRemove:o,animateIn:r=!1}={}){this.flow=t,this.el=n,this._present=!0,this._remove=()=>{var s;this.el.remove(),(s=this._onRemove)==null||s.call(this)},this.el.classList.add("animate-presence"),this.flow.computedAnimated&&r&&this.el.animate({[Zs]:[-.9999,0]},{...this.flow.opacityTiming,composite:"accumulate"}),this._onRemove=o}get present(){return this._present}set present(t){if(this._present!==t){if(this._present=t,t?this.el.removeAttribute("inert"):this.el.setAttribute("inert",""),!this.flow.computedAnimated){t||this._remove();return}this.el.style.setProperty("--_number-flow-d-opacity",t?"0":"-.999"),this.el.animate({[Zs]:t?[-.9999,0]:[.999,0]},{...this.flow.opacityTiming,composite:"accumulate"}),t?this.flow.removeEventListener("animationsfinish",this._remove):this.flow.addEventListener("animationsfinish",this._remove,{once:!0})}}}class xg extends Bl{constructor(t,n,o,r){super(t.flow,o,r),this.section=t,this.value=n,this.el=o}}class vg extends xg{constructor(t,n,o,r,s){var a,i;const l=(((i=(a=t.flow.digits)==null?void 0:a[r])==null?void 0:i.max)??9)+1,c=Array.from({length:l}).map((d,f)=>{const p=Fn("span",{className:"digit__num"},[document.createTextNode(String(f))]);return f!==o&&p.setAttribute("inert",""),p.style.setProperty("--n",String(f)),p}),u=Fn("span",{part:`digit ${n}-digit`,className:"digit"},c);u.style.setProperty("--current",String(o)),u.style.setProperty("--length",String(l)),super(t,o,u,s),this.pos=r,this._onAnimationsFinish=()=>{this.el.classList.remove("is-spinning")},this._numbers=c,this.length=l}willUpdate(t){const n=this.el.getBoundingClientRect();this._prevValue=this.value;const o=n[this.section.justify]-t[this.section.justify],r=n.width/2;this._prevCenter=this.section.justify==="left"?o+r:o-r}update(t){this.el.style.setProperty("--current",String(t)),this._numbers.forEach((n,o)=>o===t?n.removeAttribute("inert"):n.setAttribute("inert","")),this.value=t}didUpdate(t){const n=this.el.getBoundingClientRect(),o=n[this.section.justify]-t[this.section.justify],r=n.width/2,s=this.section.justify==="left"?o+r:o-r,a=this._prevCenter-s;a&&this.el.animate({transform:[`translateX(${a}px)`,"none"]},{...this.flow.transformTiming,composite:"accumulate"});const i=this.getDelta();i&&(this.el.classList.add("is-spinning"),this.el.animate({[Ll]:[-i,0]},{...this.flow.spinTiming??this.flow.transformTiming,composite:"accumulate"}),this.flow.addEventListener("animationsfinish",this._onAnimationsFinish,{once:!0}))}getDelta(){var t;if(this.flow.plugins)for(const r of this.flow.plugins){const s=(t=r.getDelta)==null?void 0:t.call(r,this.value,this._prevValue,this);if(s!=null)return s}const n=this.value-this._prevValue,o=this.flow.computedTrend||Math.sign(n);return o<0&&this.value>this._prevValue?this.value-this.length-this._prevValue:o>0&&this.value<this._prevValue?this.length-this._prevValue+this.value:n}}class y_ extends xg{constructor(t,n,o,r){const s=Fn("span",{className:"symbol__value",textContent:o});super(t,o,Fn("span",{part:`symbol ${n}`,className:"symbol"},[s]),r),this.type=n,this._children=new Map,this._onChildRemove=a=>()=>{this._children.delete(a)},this._children.set(o,new Bl(this.flow,s,{onRemove:this._onChildRemove(o)}))}willUpdate(t){if(this.type==="decimal")return;const n=this.el.getBoundingClientRect();this._prevOffset=n[this.section.justify]-t[this.section.justify]}update(t){if(this.value!==t){const n=this._children.get(this.value);n&&(n.present=!1);const o=this._children.get(t);if(o)o.present=!0;else{const r=Fn("span",{className:"symbol__value",textContent:t});this.el.appendChild(r),this._children.set(t,new Bl(this.flow,r,{animateIn:!0,onRemove:this._onChildRemove(t)}))}}this.value=t}didUpdate(t){if(this.type==="decimal")return;const n=this.el.getBoundingClientRect()[this.section.justify]-t[this.section.justify],o=this._prevOffset-n;o&&this.el.animate({transform:[`translateX(${o}px)`,"none"]},{...this.flow.transformTiming,composite:"accumulate"})}}const Hl=parseInt((nw=b.version.match(/^(\d+)\./))==null?void 0:nw[1])>=19,C_=["data","digits"];class Vl extends hg{attributeChangedCallback(t,n,o){this[t]=JSON.parse(o)}}Vl.observedAttributes=Hl?[]:C_,m_("number-flow-react",Vl);const Wl={};function w_(e){return e}const bg=Hl?w_:JSON.stringify;function yg(e){const{transformTiming:t,spinTiming:n,opacityTiming:o,animated:r,respectMotionPreference:s,trend:a,plugins:i,...l}=e;return[{transformTiming:t,spinTiming:n,opacityTiming:o,animated:r,respectMotionPreference:s,trend:a,plugins:i},l]}class S_ extends b.Component{updateProperties(t){if(!this.el)return;this.el.batched=!this.props.isolate;const[n]=yg(this.props);Object.entries(n).forEach(([o,r])=>{this.el[o]=r??Vl.defaultProps[o]}),t!=null&&t.onAnimationsStart&&this.el.removeEventListener("animationsstart",t.onAnimationsStart),this.props.onAnimationsStart&&this.el.addEventListener("animationsstart",this.props.onAnimationsStart),t!=null&&t.onAnimationsFinish&&this.el.removeEventListener("animationsfinish",t.onAnimationsFinish),this.props.onAnimationsFinish&&this.el.addEventListener("animationsfinish",this.props.onAnimationsFinish)}componentDidMount(){this.updateProperties(),Hl&&this.el&&(this.el.digits=this.props.digits,this.el.data=this.props.data)}getSnapshotBeforeUpdate(t){var n;if(this.updateProperties(t),t.data!==this.props.data){if(this.props.group)return this.props.group.willUpdate(),()=>{var o;return(o=this.props.group)==null?void 0:o.didUpdate()};if(!this.props.isolate)return(n=this.el)==null||n.willUpdate(),()=>{var o;return(o=this.el)==null?void 0:o.didUpdate()}}return null}componentDidUpdate(t,n,o){o==null||o()}handleRef(t){this.props.innerRef&&(this.props.innerRef.current=t),this.el=t}render(){const[t,{innerRef:n,className:o,data:r,nonce:s,willChange:a,isolate:i,group:l,digits:c,onAnimationsStart:u,onAnimationsFinish:d,...f}]=yg(this.props);return b.createElement("number-flow-react",{ref:this.handleRef,"data-will-change":a?"":void 0,class:o,nonce:s,...f,dangerouslySetInnerHTML:{__html:""},suppressHydrationWarning:!0,digits:bg(c),data:bg(r)})}constructor(t){super(t),this.handleRef=this.handleRef.bind(this)}}const __=b.forwardRef(function({value:t,locales:n,format:o,prefix:r,suffix:s,...a},i){b.useImperativeHandle(i,()=>l.current,[]);const l=b.useRef(void 0),c=b.useContext(T_);c==null||c.useRegister(l);const u=b.useMemo(()=>n?JSON.stringify(n):"",[n]),d=b.useMemo(()=>o?JSON.stringify(o):"",[o]),f=b.useMemo(()=>{var x;const p=Wl[x=`${u}:${d}`]??(Wl[x]=new Intl.NumberFormat(n,o));return v_(t,p,r,s)},[t,u,d,r,s]);return b.createElement(S_,{...a,group:c,data:f,innerRef:l})}),T_=b.createContext(void 0),E_={oxNumberFlow:"_oxNumberFlow_1gbln_2"},Cg=g.forwardRef(({className:e,preset:t="number",value:n,dataTestid:o,...r},s)=>{const a=Sg(t),i=qs(),l=a.locales??i;return h.jsx(__,{ref:s,value:n,format:a.format,locales:l,trend:a.trend,digits:a.digits,"data-slot":"number-flow","data-testid":o,className:H(E_.oxNumberFlow,e),...r})});Cg.displayName="OxNumberFlow";const wg={number:{},currency:{format:{style:"currency",currency:"EUR"}},percent:{format:{style:"percent",maximumFractionDigits:1}},compact:{format:{notation:"compact",compactDisplay:"short"}},time:{format:{minimumIntegerDigits:2},digits:{1:{max:5}}}},Sg=(e="number")=>typeof e=="string"?wg[e]:e,P_=Object.keys(wg),k_="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='320'%20height='84'%20fill='none'%20viewBox='0%200%2018%204'%3e%3cpath%20fill='%23fff'%20d='m5.64156%201.68819.00197.0005c.27061.06058.62132.17466.61437.55514.00268.07837-.01394.15618-.04836.22643-.03443.07025-.08557.13072-.14884.17596-.14298.10083-.31439.15203-.48853.14593-.3364%200-.58748-.14629-.70544-.39069-.00331-.00706-.00386-.01513-.00155-.02259s.00731-.01377.01401-.01765l.27191-.15982c.00343-.00207.00723-.00344.01117-.00403.00395-.00059.00798-.00039.01185.0006.00388.00098.00751.00273.01072.00514.0032.00241.0059.00544.00795.00891.00045.00095.00103.0019.00148.0029.03139.07314.0849.1343.15283.17467.06792.04037.14674.05788.22512.04999.20052%200%20.29886-.06766.29886-.19966%200-.11412-.14791-.1815-.33413-.22783-.26371-.06766-.6189-.17447-.61187-.54828-.00255-.07581.0127-.15115.04448-.21984.03179-.06869.07922-.12877.13839-.1753.16643-.122199.374-.172472.57704-.139762.20304.032709.38493.145722.50568.314192.00446.00623.00882.01251.01309.01883.00202.00352.00335.00741.00389.01144.00053.00403.00028.00814-.00075.01207-.00103.00394-.00281.00763-.00525.01087s-.00549.00596-.00896.008l-.0005.00027-.26406.14975c-.00713.00418-.0156.00533-.02357.0032-.00796-.00214-.01477-.00738-.01892-.01459-.03064-.05692-.07683-.10368-.13304-.13471-.05621-.03102-.12007-.04499-.18392-.04022-.14418%200-.25672.06412-.25672.18868%200%20.11729.14723.17778.32969.23114M6.94987%202.01967c-.00408.00003-.00812.00087-.01188.00249-.00375.00161-.00716.00396-.01002.00691-.00286.00296-.00511.00645-.00663.01029-.00152.00383-.00226.00794-.00221.01207-.00001.00292.00039.00582.00121.00862.06834.24503.27576.38003.55288.38003.08323.00454.16633-.0111.24239-.04563s.14289-.08695.1949-.15289c.00451-.00607.01106-.01025.01841-.01178.00734-.00152.01499-.00027.02149.00352l.26053.15428c.00703.00421.01212.01108.01416.0191.00203.00801.00084.01652-.00332.02364-.00043.00079-.00093.00155-.00147.00227-.08538.11889-.19888.21417-.33008.27709-.13121.06293-.27592.09149-.42087.08306-.12702.00523-.25378-.01539-.37279-.06064s-.22784-.11422-.32006-.20281c-.16874-.18077-.26304-.41989-.26368-.66861s.09243-.48833.26024-.66999c.08652-.08985.19067-.16034.30574-.206955.11507-.046611.23851-.0683.36237-.063672.1188-.003205.23688.019637.34615.066959.10927.047318.20715.118008.28691.207208.1652.18088.25469.41958.24964.66589-.00041.04456-.00381.08904-.01017.13314-.00105.00742-.0047.01422-.01029.01914-.00559.00493-.01274.00765-.02014.00767zm.95307-.31333c.00408-.00004.00811-.00089.01186-.00251.00376-.00162.00716-.00397.01002-.00692.00285-.00295.0051-.00644.00663-.01027.00152-.00383.00228-.00793.00224-.01206%200-.00254-.00033-.00508-.00099-.00753-.02174-.11535-.08359-.21899-.17432-.29215-.09074-.07315-.20435-.11098-.32026-.10662-.11943-.00646-.23728.02997-.33279.10286s-.16254.17757-.1893.29559c-.00106.00398-.00134.00813-.00082.01222.00053.00408.00183.00803.00386.0116.00202.00357.00473.00671.00795.00922.00322.00252.00691.00437.01084.00544.00256.00069.0052.00105.00785.00109zM9.34382%201.68819l.00197.0005c.27066.06058.62141.17465.61438.55513.00266.07837-.01397.15618-.04839.22642-.03443.07025-.08556.13072-.14881.17598-.14298.10083-.31439.15203-.48853.14593-.3365%200-.58753-.14629-.70553-.39069-.00332-.00707-.00388-.01515-.00156-.02261.00232-.00747.00734-.01377.01406-.01764l.27183-.15981c.00341-.00208.0072-.00344.01113-.00403.00394-.00059.00796-.00038.01182.0006.00386.00099.00749.00274.01068.00515s.00588.00543.00791.00889c.00058.00093.0011.0019.00153.00291.03141.07316.08494.13434.1529.17472s.14682.05786.22523.04993c.20034%200%20.29886-.06765.29886-.19965%200-.11412-.14768-.18151-.33413-.22783-.26371-.06766-.61886-.17448-.61187-.54829-.00254-.0758.0127-.15114.04448-.21982.03178-.06869.07919-.12877.13834-.17531.16643-.122242.374-.172547.57706-.139853.20307.032693.38499.145703.50576.314183.00445.00627.00882.01259.01313.01897.00201.00354.00333.00744.00386.01149s.00026.00816-.00079.01211c-.00104.00394-.00285.00764-.0053.01088-.00246.00324-.00553.00595-.00902.00799h-.00041l-.26397.14974c-.00353.00208-.00743.00344-.01148.00399-.00405.00056-.00817.0003-.01212-.00076s-.00765-.00289-.0109-.0054-.00598-.00564-.00803-.00922c-.03064-.0569-.07682-.10367-.13303-.13469-.0562-.03103-.12005-.04499-.18389-.04023-.14418%200-.25672.06412-.25672.18867%200%20.1173.14718.17779.3296.23115M11.7375.965888h.3182c.0081%200%20.0159.003275.0217.009104.0057.005829.009.013735.009.021979V2.71505c0%20.00409-.0008.00813-.0024.01191-.0015.00378-.0038.00721-.0066.0101-.0029.00289-.0062.00518-.01.00675-.0037.00156-.0077.00237-.0117.00237h-.3182c-.0041%200-.0081-.00081-.0118-.00237-.0037-.00157-.0071-.00386-.01-.00675-.0028-.00289-.0051-.00632-.0066-.0101-.0016-.00378-.0024-.00782-.0023-.01191v-.13703c0-.00625-.0019-.01236-.0053-.01752-.0035-.00517-.0084-.00915-.0142-.01144-.0057-.00228-.012-.00276-.018-.00136-.006.00139-.0115.00459-.0157.00917-.0708.07869-.158.1406-.2551.18132-.0972.04071-.2021.05923-.3071.05423-.1162.00171-.2314-.02152-.3381-.06815-.1066-.04663-.2024-.1156-.2808-.20238-.1651-.18146-.2568-.41917-.2568-.6659s.0917-.48444.2568-.6659c.0784-.08681.1741-.15581.2808-.202452.1067-.046646.2219-.069879.3381-.06817.1049-.004871.2095.013483.3067.053782.0971.0403.1844.10157.2557.17954.0042.00456.0097.00773.0157.0091s.0123.00088.018-.00142c.0058-.0023.0107-.00629.0141-.01145.0035-.00517.0053-.01127.0053-.01751V.996608c0-.008243.0032-.016149.009-.021979.0057-.005829.0136-.009104.0217-.009104zm-.586%201.459622c.0735.00204.1467-.01112.215-.03867.0684-.02756.1304-.06893.1824-.1216.0521-.054.0929-.11802.1201-.18827.0272-.07026.0402-.14533.0382-.22075.0023-.07501-.0105-.14971-.0377-.21952s-.0682-.13324-.1206-.18642c-.1063-.10498-.2489-.16374-.3974-.16374s-.2911.05876-.3974.16374c-.0523.05317-.0933.11661-.1205.18642-.0272.0698-.0401.14451-.0377.21952-.002.07542.011.15049.0381.22075.0272.07025.068.13428.1201.18827.052.05266.1141.09404.1824.1216.0683.02755.1414.04071.215.03867M15.1489%201.64227v1.07261c0%20.00824-.0033.01615-.009.02199-.0058.00584-.0136.00912-.0217.00913H14.8c-.0082%200-.016-.00327-.0217-.0091-.0058-.00583-.009-.01373-.009-.02198V1.66673c0-.24571-.13-.38801-.3411-.38801-.2357%200-.3834.15668-.3834.47v.96588c0%20.00825-.0032.01615-.009.02198-.0057.00583-.0135.00911-.0217.00911h-.3182c-.0081%200-.016-.00328-.0217-.00911-.0058-.00583-.009-.01373-.009-.02198V1.66682c0-.24571-.1195-.38801-.3305-.38801-.2286%200-.3903.16018-.3903.47001v.96587c0%20.00826-.0033.01616-.009.02199-.0058.00582-.0136.0091-.0218.0091h-.3182c-.004%200-.008-.0008-.0117-.00235-.0038-.00156-.0072-.00385-.01-.00674-.0029-.00288-.0052-.00631-.0067-.01009-.0016-.00377-.0024-.00782-.0024-.01191V.99684c0-.004088.0008-.008134.0024-.011909.0015-.003774.0038-.007202.0067-.010089.0028-.002886.0062-.005174.01-.006733.0037-.001559.0077-.002358.0117-.002352h.3182c.0082%200%20.016.003272.0218.009099.0057.005826.009.013732.009.021984v.09075c0%20.00629.0019.01243.0054.01761.0035.00517.0085.00914.0143.01137s.0122.00261.0182.0011.0114-.00485.0156-.00957c.0564-.06312.126-.112769.2037-.145372s.1616-.047345.2456-.043164c.0933-.005037.1864.01476.2698.057422.0835.042664.1545.106704.2059.185754.0022.00325.005.00603.0082.00819.0033.00215.0069.00364.0107.00436.0039.00073.0078.00069.0116-.00012.0038-.0008.0074-.00236.0106-.00458.0028-.00189.0052-.00425.0072-.00699.0585-.08101.1362-.14582.2259-.188465s.1886-.061755.2875-.055571c.3973%200%20.6646.281336.6646.722976M15.9423%202.01966c-.0048.00002-.0095.00117-.0138.00336s-.008.00536-.0108.00925c-.0029.0039-.0048.00842-.0057.0132-.0008.00478-.0005.0097.0008.01435.0684.24503.2758.38003.5529.38003.0833.00453.1664-.01112.2424-.04564.0761-.03453.1429-.08695.1949-.15288.0045-.00606.0111-.01025.0184-.01177s.015-.00027.0215.00351l.2605.15428c.0035.00208.0066.00484.009.00811.0024.00328.0042.00701.0052.01098s.0013.0081.0007.01216-.002.00796-.004.01149c-.0004.00077-.001.00154-.0014.00227-.0854.1189-.1989.21418-.3302.2771-.1312.06293-.2759.09149-.4209.08305-.127.00523-.2537-.01539-.3727-.06065-.119-.04525-.2278-.11421-.32-.2028-.1688-.18075-.2631-.41986-.2638-.66858-.0006-.24873.0924-.48835.2602-.67002.0865-.08985.1907-.16034.3058-.206955.115-.04661.2385-.0683.3623-.063672.1188-.003201.2369.019642.3462.066964.1092.047323.2071.118003.2869.207203.1652.18089.2546.41958.2496.66589-.0004.04456-.0038.08905-.0102.13314-.001.00742-.0047.01422-.0103.01914-.0056.00493-.0127.00765-.0201.00767zm.9531-.31332c.004-.00004.0081-.0009.0118-.00252.0038-.00162.0072-.00397.01-.00692.0029-.00295.0051-.00644.0066-.01027s.0023-.00793.0023-.01205c-.0001-.00259-.0004-.00517-.001-.00767-.0218-.11535-.0837-.21899-.1744-.29215-.0908-.07315-.2044-.11097-.3203-.10662-.1194-.00646-.2373.02995-.3328.10284-.0955.07288-.1625.17755-.1892.29556-.0011.00399-.0014.00814-.0009.01223.0006.00409.0019.00803.0039.01161.002.00357.0048.00671.008.00922s.0069.00436.0108.00542c.0026.00069.0053.00105.0079.00109zM2.48199%203.62801c-.05187%200-.10258-.01558-.14572-.04476-.04313-.02918-.07675-.07065-.09661-.11917-.01985-.04853-.02505-.10192-.01494-.15344.01012-.05151.03509-.09883.07177-.13598l.83896-.84944c.02436-.02466.05328-.04423.08511-.05757.03183-.01335.06593-.02021.10038-.02021s.06857.00687.1004.02022c.03182.01335.06073.03292.08509.05758s.04369.05394.05687.08617c.01318.03222.01996.06676.01996.10163-.00001.03488-.00679.06942-.01997.10164-.01319.03222-.03252.0615-.05688.08616l-.839.8494c-.02432.02469-.05322.04427-.08504.05762s-.06593.0202-.10038.02015'/%3e%3cpath%20fill='%23fff'%20d='M1.83927%203.68436c-.02319.00001-.04629-.00304-.06868-.00907l-.92854-.24957C.720375%203.3928.60944%203.32844.520333%203.23906c-.089108-.08938-.153269-.20065-.186075-.32269L.0243037%201.75605c-.0324748-.12215-.03240286-.25072.0002043-.37284.0326071-.12212.096609-.23352.185606-.32305L1.05695.210719c.08926-.089227.2003-.1534007.32202-.186111.12173-.03271037.24989-.03281201.37167-.000295l1.15687.310873c.12167.032929.2326.097296.32172.186674.08911.089378.15329.200639.18612.322674l.24883.931306c.009.03368.0113.06882.00676.10339-.00454.03458-.01582.06792-.0332.09812-.01739.03021-.04053.05668-.06812.07791-.02758.02123-.05907.03681-.09266.04583-.03358.00903-.06861.01134-.10308.00679-.03448-.00456-.06772-.01587-.09783-.03331-.03012-.01743-.0565-.04065-.07767-.06831-.02117-.02767-.03671-.05925-.04571-.09293L2.90385.982024c-.00864-.03205-.02551-.06127-.04892-.084742s-.05255-.040376-.0845-.049027L1.6136.537382c-.03197-.008541-.06562-.008518-.09759.000065-.03196.008584-.06111.025428-.08455.048851l-.846882.849442c-.023361.02351-.040166.05275-.048732.08481-.008566.03205-.008593.0658-.000083.09788l.309993%201.16031c.008613.03204.025462.06126.048859.08472.023396.02347.052522.04037.084469.04901l.928546.24957c.06198.01672.1158.05546.15145.109.03564.05355.05069.11826.04233.18209-.00836.06384-.03955.12246-.08777.16496-.04822.04249-.11018.06616-.17437.06627'/%3e%3c/svg%3e",gt={oxPaymentCardLogo:"_oxPaymentCardLogo_hff9o_2",oxPaymentCardLogoDefault:"_oxPaymentCardLogoDefault_hff9o_2",oxPaymentCardLogoCompact:"_oxPaymentCardLogoCompact_hff9o_2",oxPaymentCardBadge:"_oxPaymentCardBadge_hff9o_2",oxPaymentCardInfo:"_oxPaymentCardInfo_hff9o_2",oxPaymentCardNumber:"_oxPaymentCardNumber_hff9o_2",oxPaymentCardDetail:"_oxPaymentCardDetail_hff9o_2",oxPaymentCardDigits:"_oxPaymentCardDigits_hff9o_2",oxPaymentCardSchemeCompact:"_oxPaymentCardSchemeCompact_hff9o_2",oxPaymentCardFooter:"_oxPaymentCardFooter_hff9o_2",oxPaymentCardScheme:"_oxPaymentCardScheme_hff9o_2","ox-payment-card":"_ox-payment-card_hff9o_2","ox-payment-card--default":"_ox-payment-card--default_hff9o_2","ox-payment-card--compact":"_ox-payment-card--compact_hff9o_2","ox-payment-card--disabled":"_ox-payment-card--disabled_hff9o_2"},I_={cardNumber:"0000 00** **** 0000",cardholderName:"Employee Name",expiryDate:"00/00",cvc:"CVC ***",lastFourDigits:"7661"},D_={background:"linear-gradient(59.34deg, rgb(26, 26, 18) 0%, rgb(51, 65, 85) 100%)"},O_={virtual:"Virtual",physical:"Physical",subscription:"Subscription"},_g=g.forwardRef(({className:e,size:t="default",disabled:n=!1,badgeType:o,cardData:r=I_,dataTestid:s,...a},i)=>h.jsxs("div",{ref:i,"data-slot":"payment-card","data-testid":s,className:H(He(gt,Tg({size:t,disabled:n})),e),style:D_,...a,children:[h.jsx("img",{src:k_,alt:"Sesame",className:H(gt.oxPaymentCardLogo,t==="default"?gt.oxPaymentCardLogoDefault:gt.oxPaymentCardLogoCompact)}),t==="default"&&o&&h.jsx("span",{"data-testid":`${s}-badge`,className:gt.oxPaymentCardBadge,children:O_[o]}),t==="default"&&h.jsxs("div",{className:gt.oxPaymentCardInfo,children:[h.jsx("span",{className:gt.oxPaymentCardNumber,children:r.cardNumber}),h.jsx("span",{className:gt.oxPaymentCardDetail,children:r.cardholderName})]}),t==="compact"&&h.jsxs(h.Fragment,{children:[h.jsx("span",{className:gt.oxPaymentCardDigits,children:r.lastFourDigits}),h.jsxs("svg",{className:gt.oxPaymentCardSchemeCompact,viewBox:"0 0 40 24",fill:"none",children:[h.jsx("circle",{cx:"14",cy:"12",r:"10",fill:"#E33A24",fillOpacity:"0.6"}),h.jsx("circle",{cx:"26",cy:"12",r:"10",fill:"#F8CB2E",fillOpacity:"0.6"})]})]}),t==="default"&&h.jsxs("div",{className:gt.oxPaymentCardFooter,children:[h.jsx("span",{className:gt.oxPaymentCardDetail,children:r.expiryDate}),h.jsx("span",{className:gt.oxPaymentCardDetail,children:r.cvc}),h.jsxs("svg",{className:gt.oxPaymentCardScheme,viewBox:"0 0 40 24",fill:"none",children:[h.jsx("circle",{cx:"14",cy:"12",r:"10",fill:"#E33A24"}),h.jsx("circle",{cx:"26",cy:"12",r:"10",fill:"#F8CB2E",fillOpacity:"0.6"})]})]})]}));_g.displayName="OxPaymentCard";const Tg=qe("ox-payment-card",{variants:{size:{default:"ox-payment-card--default",compact:"ox-payment-card--compact"},disabled:{true:"ox-payment-card--disabled",false:""}},defaultVariants:{size:"default",disabled:!1}}),M_=`<svg width="1.2em" height="1.2em" stroke-color="currentColor" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
37
+ `,Il={oxResizableHandle:"_oxResizableHandle_m3hkz_2",oxResizableHandleBar:"_oxResizableHandleBar_m3hkz_2",oxResizableHandleIcon:"_oxResizableHandleIcon_m3hkz_2"},Kh=({className:e,orientation:t="horizontal",children:n,dataTestid:o,...r})=>h.jsx(jh,{"data-slot":"resizable-handle","data-testid":o,"data-orientation":t,className:H(Il.oxResizableHandle,e),...r,children:h.jsx("div",{className:Il.oxResizableHandleBar,children:n??h.jsx(Ce,{icon:Uh,className:Il.oxResizableHandleIcon})})});Kh.displayName="OxResizableHandle";const Ar={"ox-scrollbar":"_ox-scrollbar_1dusk_2","ox-scrollbar--visible":"_ox-scrollbar--visible_1dusk_2","ox-scrollbar-thumb":"_ox-scrollbar-thumb_1dusk_2","ox-scrollbar--near":"_ox-scrollbar--near_1dusk_2","ox-scrollbar-thumb--dragging":"_ox-scrollbar-thumb--dragging_1dusk_2"},QS=900,e_=40,t_=24,Dl=12,Ol=e=>e?"current"in e?e.current:e:null,Xh=(e,t)=>{e(n=>Object.keys(t).every(o=>n[o]===t[o])?n:t)},Zh=(e,t)=>{const n=g.useRef(0),[o,r]=g.useState(!1),[s,a]=g.useState(!1),[i,l]=g.useState(!1),[c,u]=g.useState({top:0,height:0}),d=g.useCallback(()=>{r(!0),window.clearTimeout(n.current),n.current=window.setTimeout(()=>{a(m=>(m||r(!1),m))},QS)},[]),f=g.useCallback(()=>{const m=Ol(e),v=t.current;if(!m||!v)return;const y=v.clientHeight,w=m.scrollHeight-m.clientHeight;if(w<=0||y<=0){Xh(u,{top:0,height:0});return}const C=Math.max(t_,y*(m.clientHeight/m.scrollHeight));Xh(u,{height:C,top:m.scrollTop/w*(y-C)})},[e,t]);return g.useEffect(()=>{const m=Ol(e),v=t.current;if(!m)return;const y=()=>{f(),d()},w=S=>{const _=m.getBoundingClientRect(),E=_.left+m.clientLeft+m.clientWidth-Dl;l(S.clientX>=E),S.clientX>_.right-e_&&(f(),d())},C=()=>l(!1);m.addEventListener("scroll",y,{passive:!0}),m.addEventListener("mousemove",w,{passive:!0}),m.addEventListener("mouseleave",C,{passive:!0}),m.style.setProperty("scrollbar-width","none");let T=null;return typeof ResizeObserver<"u"&&(T=new ResizeObserver(f),T.observe(m),v&&T.observe(v)),f(),()=>{m.removeEventListener("scroll",y),m.removeEventListener("mousemove",w),m.removeEventListener("mouseleave",C),m.style.removeProperty("scrollbar-width"),T==null||T.disconnect()}}),g.useEffect(()=>()=>window.clearTimeout(n.current),[]),{visible:o,dragging:s,near:i,thumb:c,measure:f,startDrag:m=>{const v=Ol(e),y=t.current;if(!v||!y)return;m.preventDefault();const w=m.clientY-y.getBoundingClientRect().top-c.top;a(!0),r(!0);const C=S=>{const _=y.clientHeight-c.height;if(_<=0)return;const E=S.clientY-y.getBoundingClientRect().top-w,P=Math.min(1,Math.max(0,E/_));v.scrollTop=P*(v.scrollHeight-v.clientHeight)},T=()=>{a(!1),window.removeEventListener("mousemove",C),window.removeEventListener("mouseup",T),d()};window.addEventListener("mousemove",C),window.addEventListener("mouseup",T)},approach:()=>l(!0)}},ao=g.forwardRef(({className:e,port:t,dataTestid:n,...o},r)=>{const s=g.useRef(null),{visible:a,dragging:i,near:l,thumb:c,startDrag:u,approach:d}=Zh(t,s),f=p=>{s.current=p,typeof r=="function"?r(p):r&&(r.current=p)};return h.jsx("div",{...o,ref:f,className:H(Ar["ox-scrollbar"],(a||i)&&Ar["ox-scrollbar--visible"],(l||i)&&Ar["ox-scrollbar--near"],e),"data-slot":"scrollbar","data-testid":n,"aria-hidden":"true",children:c.height>0&&h.jsx("div",{className:H(Ar["ox-scrollbar-thumb"],i&&Ar["ox-scrollbar-thumb--dragging"]),style:{top:`${c.top}px`,height:`${c.height}px`},"data-slot":"thumb","data-testid":`${n}-thumb`,onMouseDown:u,onMouseEnter:d})})});ao.displayName="OxScrollbar";const Jh=e=>{if(e)try{return Intl.getCanonicalLocales(e.replace(/_/g,"-"))[0]}catch{return}},Qh=g.createContext(void 0),qs=()=>g.useContext(Qh),eg=({locale:e,children:t})=>{const n=g.useMemo(()=>Jh(e),[e]);return h.jsx(Qh.Provider,{value:n,children:t})};eg.displayName="OxLocaleProvider";const n_={"ox-bullet":"_ox-bullet_2x4cd_2","ox-bullet--24":"_ox-bullet--24_2x4cd_2","ox-bullet--16":"_ox-bullet--16_2x4cd_2","ox-bullet--12":"_ox-bullet--12_2x4cd_2","ox-bullet--8":"_ox-bullet--8_2x4cd_2","ox-bullet--active":"_ox-bullet--active_2x4cd_2","ox-bullet--info":"_ox-bullet--info_2x4cd_2","ox-bullet--warning":"_ox-bullet--warning_2x4cd_2","ox-bullet--neutral":"_ox-bullet--neutral_2x4cd_2"},Ys=g.forwardRef(({className:e,size:t="24",color:n="active",dataTestid:o,...r},s)=>h.jsx("div",{ref:s,"data-slot":"bullet","data-testid":o,className:H(He(n_,tg({size:t,color:n})),e),...r}));Ys.displayName="OxBullet";const tg=qe("ox-bullet",{variants:{size:{24:"ox-bullet--24",16:"ox-bullet--16",12:"ox-bullet--12",8:"ox-bullet--8"},color:{active:"ox-bullet--active",info:"ox-bullet--info",warning:"ox-bullet--warning",neutral:"ox-bullet--neutral"}},defaultVariants:{size:"24",color:"active"}}),o_={xs:"8",sm:"8",md:"12",lg:"16",xl:"16"};function ng(e){return{bulletSize:o_[e]}}const io={oxAvatarRoundedImage:"_oxAvatarRoundedImage_1geiy_2",oxAvatarRoundedContent:"_oxAvatarRoundedContent_1geiy_2",oxAvatarRounded:"_oxAvatarRounded_1geiy_2",oxAvatarRoundedBullet:"_oxAvatarRoundedBullet_1geiy_2",oxAvatarRoundedAction:"_oxAvatarRoundedAction_1geiy_2",oxAvatarRoundedLabel:"_oxAvatarRoundedLabel_1geiy_2","ox-avatar-rounded--brand":"_ox-avatar-rounded--brand_1geiy_2","ox-avatar-rounded--neutral":"_ox-avatar-rounded--neutral_1geiy_2","ox-avatar-rounded--disabled":"_ox-avatar-rounded--disabled_1geiy_2"},Us=g.forwardRef(({className:e,src:t,size:n="md",tone:o="brand",disabled:r=!1,status:s,alt:a="",action:i,label:l,children:c,dataTestid:u,...d},f)=>{const{bulletSize:p}=ng(n??"md");return h.jsxs("span",{ref:f,"data-slot":"avatar","data-testid":u,className:H(io.oxAvatarRounded,He(io,Fl({size:n,tone:o,disabled:r})),e),...d,children:[t?h.jsx("img",{className:io.oxAvatarRoundedImage,"data-testid":`${u}-image`,src:t,alt:a}):h.jsx("span",{className:io.oxAvatarRoundedContent,children:c}),s&&h.jsx(Ys,{className:io.oxAvatarRoundedBullet,dataTestid:`${u}-bullet`,color:s,size:p}),i&&h.jsx("span",{className:io.oxAvatarRoundedAction,children:i}),l&&h.jsx("span",{className:io.oxAvatarRoundedLabel,children:l})]})});Us.displayName="OxAvatarRounded";const r_={"ox-skeleton":"_ox-skeleton_1lisl_2"},Ml=g.forwardRef(({className:e,dataTestid:t,...n},o)=>h.jsx("div",{ref:o,"aria-hidden":"true","data-slot":"skeleton","data-testid":t,className:H(r_["ox-skeleton"],e),...n}));Ml.displayName="OxSkeleton";const og={"ox-avatar-skeleton":"_ox-avatar-skeleton_1c9kd_2","ox-avatar-skeleton--rounded":"_ox-avatar-skeleton--rounded_1c9kd_2"},rg=g.forwardRef(({className:e,size:t="md",shape:n="rounded",dataTestid:o,...r},s)=>{const a=n==="square"?Nl({size:t,tone:null,disabled:null}):H(og["ox-avatar-skeleton--rounded"],Fl({size:t,tone:null,disabled:null}));return h.jsx(Ml,{ref:s,"data-slot":"avatar-skeleton",dataTestid:o,className:H(og["ox-avatar-skeleton"],a,e),...r})});rg.displayName="OxAvatarSkeleton";const lo={oxAvatarSquareImage:"_oxAvatarSquareImage_1nlk8_2",oxAvatarSquareContent:"_oxAvatarSquareContent_1nlk8_2",oxAvatarSquare:"_oxAvatarSquare_1nlk8_2",oxAvatarSquareBullet:"_oxAvatarSquareBullet_1nlk8_2",oxAvatarSquareAction:"_oxAvatarSquareAction_1nlk8_2",oxAvatarSquareLabel:"_oxAvatarSquareLabel_1nlk8_2","ox-avatar-square--brand":"_ox-avatar-square--brand_1nlk8_2","ox-avatar-square--neutral":"_ox-avatar-square--neutral_1nlk8_2","ox-avatar-square--disabled":"_ox-avatar-square--disabled_1nlk8_2"},Al=g.forwardRef(({className:e,src:t,size:n="md",tone:o="brand",disabled:r=!1,status:s,alt:a="",action:i,label:l,children:c,dataTestid:u,...d},f)=>{const{bulletSize:p}=ng(n??"md");return h.jsxs("span",{ref:f,"data-slot":"avatar","data-testid":u,className:H(lo.oxAvatarSquare,He(lo,Nl({size:n,tone:o,disabled:r})),e),...d,children:[t?h.jsx("img",{className:lo.oxAvatarSquareImage,"data-testid":`${u}-image`,src:t,alt:a}):h.jsx("span",{className:lo.oxAvatarSquareContent,children:c}),s&&h.jsx(Ys,{className:lo.oxAvatarSquareBullet,dataTestid:`${u}-bullet`,color:s,size:p}),i&&h.jsx("span",{className:lo.oxAvatarSquareAction,children:i}),l&&h.jsx("span",{className:lo.oxAvatarSquareLabel,children:l})]})});Al.displayName="OxAvatarSquare";const Nl=qe("",{variants:{size:{xs:"ox-avatar-square--xs",sm:"ox-avatar-square--sm",md:"ox-avatar-square--md",lg:"ox-avatar-square--lg",xl:"ox-avatar-square--xl"},tone:{brand:"ox-avatar-square--brand",neutral:"ox-avatar-square--neutral"},disabled:{true:"ox-avatar-square--disabled",false:""}},defaultVariants:{size:"md",tone:"brand",disabled:!1}}),Fl=qe("",{variants:{size:{xs:"ox-avatar-rounded--xs",sm:"ox-avatar-rounded--sm",md:"ox-avatar-rounded--md",lg:"ox-avatar-rounded--lg",xl:"ox-avatar-rounded--xl"},tone:{brand:"ox-avatar-rounded--brand",neutral:"ox-avatar-rounded--neutral"},disabled:{true:"ox-avatar-rounded--disabled",false:""}},defaultVariants:{size:"md",tone:"brand",disabled:!1}}),Ks={oxAvatarDetails:"_oxAvatarDetails_1r1ni_2",oxAvatarDetailsInfo:"_oxAvatarDetailsInfo_1r1ni_2",oxAvatarDetailsName:"_oxAvatarDetailsName_1r1ni_2",oxAvatarDetailsSubtitle:"_oxAvatarDetailsSubtitle_1r1ni_2"},sg=g.forwardRef(({className:e,avatar:t,name:n,subtitle:o,disabled:r=!1,dataTestid:s,...a},i)=>{const l=(t==null?void 0:t.size)??"md";return h.jsxs("div",{ref:i,className:H(Ks.oxAvatarDetails,e),"data-slot":"avatar-details","data-size":l,"data-testid":s,...a,children:[h.jsx(Al,{dataTestid:`${s}-avatar`,src:t==null?void 0:t.src,size:l,disabled:r,children:t==null?void 0:t.initials}),h.jsxs("div",{className:Ks.oxAvatarDetailsInfo,children:[h.jsx("span",{className:Ks.oxAvatarDetailsName,children:n}),o&&h.jsx("span",{className:Ks.oxAvatarDetailsSubtitle,children:o})]})]})});sg.displayName="OxAvatarDetails";const Nr={oxAvatarGroup:"_oxAvatarGroup_knrx0_2",oxAvatarGroupInteractive:"_oxAvatarGroupInteractive_knrx0_2",oxAvatarGroupStack:"_oxAvatarGroupStack_knrx0_2",oxAvatarGroupItem:"_oxAvatarGroupItem_knrx0_2"},ag=g.forwardRef(({className:e,avatars:t,max:n=3,interactive:o=!0,onClick:r,dataTestid:s,...a},i)=>{const l=g.useMemo(()=>t.slice(0,n),[t,n]),c=g.useMemo(()=>{const u=t.length;return u>n?u-n:0},[t,n]);return h.jsx("button",{ref:i,type:"button","data-slot":"avatar-group","data-testid":s,className:H(Nr.oxAvatarGroup,o&&Nr.oxAvatarGroupInteractive,e),onClick:u=>{o&&(r==null||r(u))},...a,children:h.jsxs("div",{className:Nr.oxAvatarGroupStack,children:[l.map((u,d)=>h.jsx("div",{className:Nr.oxAvatarGroupItem,style:{zIndex:d},children:h.jsx(Us,{dataTestid:`${s}-avatar-${d}`,src:u.src,size:"xs",disabled:u.disabled,children:u.initials})},d)),c>0&&h.jsx("div",{className:Nr.oxAvatarGroupItem,style:{zIndex:l.length},children:h.jsxs(Us,{dataTestid:`${s}-count`,size:"xs",tone:"neutral",children:["+",c]})})]})})});ag.displayName="OxAvatarGroup";const s_={"ox-badge":"_ox-badge_1kgwp_2","ox-badge--sm":"_ox-badge--sm_1kgwp_2","ox-badge--md":"_ox-badge--md_1kgwp_2","ox-badge--lg":"_ox-badge--lg_1kgwp_2"},ig=g.forwardRef(({className:e,size:t="md",dataTestid:n,...o},r)=>h.jsx("span",{ref:r,"data-slot":"badge","data-testid":n,className:H(He(s_,lg({size:t})),e),...o}));ig.displayName="OxBadge";const lg=qe("ox-badge",{variants:{size:{sm:"ox-badge--sm",md:"ox-badge--md",lg:"ox-badge--lg"}},defaultVariants:{size:"md"}}),Xs={oxCalendarDate:"_oxCalendarDate_1tb18_2",oxCalendarDateDay:"_oxCalendarDateDay_1tb18_2",oxCalendarDateMonth:"_oxCalendarDateMonth_1tb18_2","ox-calendar-date--active":"_ox-calendar-date--active_1tb18_2","ox-calendar-date--idle":"_ox-calendar-date--idle_1tb18_2"},a_=e=>{const t=e.getFullYear(),n=String(e.getMonth()+1).padStart(2,"0"),o=String(e.getDate()).padStart(2,"0");return`${t}-${n}-${o}`},i_=(e,t)=>new Intl.DateTimeFormat(t,{month:"short"}).format(e),cg=g.forwardRef(({className:e,date:t,active:n=!1,month:o,dataTestid:r,...s},a)=>{const i=qs();return h.jsxs("time",{ref:a,dateTime:a_(t),"data-slot":"calendar-date","data-testid":r,className:H(Xs.oxCalendarDate,He(Xs,ug({active:n})),e),...s,children:[h.jsx("span",{className:Xs.oxCalendarDateDay,"data-slot":"calendar-date-day","data-testid":`${r}-day`,children:t.getDate()}),h.jsx("span",{className:Xs.oxCalendarDateMonth,"data-slot":"calendar-date-month","data-testid":`${r}-month`,children:o??i_(t,i)})]})});cg.displayName="OxCalendarDate";const ug=qe("",{variants:{active:{true:"ox-calendar-date--active",false:"ox-calendar-date--idle"}},defaultVariants:{active:!1}}),l_=String.raw,c_=(()=>{try{document.createElement("div").animate({opacity:0},{easing:"linear(0, 1)"})}catch{return!1}return!0})(),u_=typeof CSS<"u"&&CSS.supports&&CSS.supports("line-height","mod(1,1)"),dg=typeof matchMedia<"u"?matchMedia("(prefers-reduced-motion: reduce)"):null,Zs="--_number-flow-d-opacity",$l="--_number-flow-d-width",Js="--_number-flow-dx",Ll="--_number-flow-d",d_=(()=>{try{return CSS.registerProperty({name:Zs,syntax:"<number>",inherits:!1,initialValue:"0"}),CSS.registerProperty({name:Js,syntax:"<length>",inherits:!0,initialValue:"0px"}),CSS.registerProperty({name:$l,syntax:"<number>",inherits:!1,initialValue:"0"}),CSS.registerProperty({name:Ll,syntax:"<number>",inherits:!0,initialValue:"0"}),!0}catch{return!1}})(),zl="round(nearest, calc(var(--number-flow-mask-height, 0.25em) / 2), 1px)",co=`calc(${zl} * 2)`,Rl="var(--number-flow-mask-width, 0.5em)",uo=`calc(${Rl} / var(--scale-x))`,Qs="#000 0, transparent 71%",f_=l_`:host{display:inline-block;direction:ltr;white-space:nowrap;isolation:isolate;line-height:1}.number,.number__inner{display:inline-block;transform-origin:left top}:host([data-will-change]) :is(.number,.number__inner,.section,.digit,.digit__num,.symbol){will-change:transform}.number{--scale-x:calc(1 + var(${$l}) / var(--width));transform:translateX(var(${Js})) scaleX(var(--scale-x));margin:0 calc(-1 * ${Rl});position:relative;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 ${uo},#000 calc(100% - ${uo}),transparent ),linear-gradient(to bottom,transparent 0,#000 ${co},#000 calc(100% - ${co}),transparent 100% ),radial-gradient(at bottom right,${Qs}),radial-gradient(at bottom left,${Qs}),radial-gradient(at top left,${Qs}),radial-gradient(at top right,${Qs});-webkit-mask-size:100% calc(100% - ${co} * 2),calc(100% - ${uo} * 2) 100%,${uo} ${co},${uo} ${co},${uo} ${co},${uo} ${co};-webkit-mask-position:center,center,top left,top right,bottom right,bottom left;-webkit-mask-repeat:no-repeat}.number__inner{padding:${zl} ${Rl};transform:scaleX(calc(1 / var(--scale-x))) translateX(calc(-1 * var(${Js})))}:host > :not(.number){z-index:5}.section,.symbol{display:inline-block;position:relative;isolation:isolate}.section::after{content:'\200b';display:inline-block}.section--justify-left{transform-origin:center left}.section--justify-right{transform-origin:center right}.section > [inert],.symbol > [inert]{margin:0 !important;position:absolute !important;z-index:-1}.digit{display:inline-block;position:relative;--c:var(--current) + var(${Ll})}.digit__num,.number .section::after{padding:${zl} 0}.digit__num{display:inline-block;--offset-raw:mod(var(--length) + var(--n) - mod(var(--c),var(--length)),var(--length));--offset:calc( var(--offset-raw) - var(--length) * round(down,var(--offset-raw) / (var(--length) / 2),1) );--y:clamp(-100%,var(--offset) * 100%,100%);transform:translateY(var(--y))}.digit__num[inert]{position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(var(--y))}.digit:not(.is-spinning) .digit__num[inert]{display:none}.symbol__value{display:inline-block;mix-blend-mode:plus-lighter;white-space:pre}.section--justify-left .symbol > [inert]{left:0}.section--justify-right .symbol > [inert]{right:0}.animate-presence{opacity:calc(1 + var(${Zs}))}`,h_=typeof HTMLElement<"u"?HTMLElement:class{},Fn=(e,t,n)=>{const o=document.createElement(e),[r,s]=Array.isArray(t)?[void 0,t]:[t,n];return r&&Object.assign(o,r),s==null||s.forEach(a=>o.appendChild(a)),o},g_=(e,t)=>{var n;return t==="left"?e.offsetLeft:(((n=e.offsetParent instanceof HTMLElement?e.offsetParent:null)==null?void 0:n.offsetWidth)??0)-e.offsetWidth-e.offsetLeft},p_=e=>e.offsetWidth>0&&e.offsetHeight>0,m_=(e,t)=>{typeof HTMLElement<"u"&&typeof customElements<"u"&&!customElements.get(e)&&customElements.define(e,t)};function x_(e,t,{reverse:n=!1}={}){const o=e.length;for(let r=n?o-1:0;n?r>=0:r<o;n?r--:r++)t(e[r],r)}function v_(e,t,n,o){const r=t.formatToParts(e);n&&r.unshift({type:"prefix",value:n}),o&&r.push({type:"suffix",value:o});const s=[],a=[],i=[],l=[],c={},u=m=>`${m}:${c[m]=(c[m]??-1)+1}`;let d="",f=!1,p=!1;for(const m of r){d+=m.value;const v=m.type==="minusSign"||m.type==="plusSign"?"sign":m.type;v==="integer"?(f=!0,a.push(...m.value.split("").map(y=>({type:v,value:parseInt(y)})))):v==="group"?a.push({type:v,value:m.value}):v==="decimal"?(p=!0,i.push({type:v,value:m.value,key:u(v)})):v==="fraction"?i.push(...m.value.split("").map(y=>({type:v,value:parseInt(y),key:u(v),pos:-1-c[v]}))):(f||p?l:s).push({type:v,value:m.value,key:u(v)})}const x=[];for(let m=a.length-1;m>=0;m--){const v=a[m];x.unshift(v.type==="integer"?{...v,key:u(v.type),pos:c[v.type]}:{...v,key:u(v.type)})}return{pre:s,integer:x,fraction:i,post:l,valueAsString:d,value:typeof e=="string"?parseFloat(e):e}}const fg=u_&&c_&&d_;let hg=class extends h_{constructor(){super(),this.created=!1,this.batched=!1,this._preUpdated=!1;const{animated:t,...n}=this.constructor.defaultProps;this._animated=this.computedAnimated=t,Object.assign(this,n)}get animated(){return this._animated}set animated(t){var n;this.animated!==t&&(this._animated=t,(n=this.shadowRoot)==null||n.getAnimations().forEach(o=>o.finish()))}set data(t){var n,o;if(t==null||t===this._data)return;const{pre:r,integer:s,fraction:a,post:i,value:l}=t;if(this.created){const c=this._data;this._data=t,this.computedTrend=typeof this.trend=="function"?this.trend(c.value,l):this.trend,this.computedAnimated=fg&&this._animated&&(!this.respectMotionPreference||!((n=dg)!=null&&n.matches))&&p_(this)&&this.ownerDocument.visibilityState==="visible",(o=this.plugins)==null||o.forEach(u=>{var d;return(d=u.onUpdate)==null?void 0:d.call(u,t,c,this)}),this.batched||this.willUpdate(),this._pre.update(r),this._num.update({integer:s,fraction:a}),this._post.update(i),this.batched||this.didUpdate()}else{this._data=t,this.attachShadow({mode:"open"});try{this._internals??(this._internals=this.attachInternals()),this._internals.role="img"}catch{}const c=document.createElement("style");this.nonce&&(c.nonce=this.nonce),c.textContent=f_,this.shadowRoot.appendChild(c),this._pre=new mg(this,r,{justify:"right",part:"left"}),this.shadowRoot.appendChild(this._pre.el),this._num=new b_(this,s,a),this.shadowRoot.appendChild(this._num.el),this._post=new mg(this,i,{justify:"left",part:"right"}),this.shadowRoot.appendChild(this._post.el),this.created=!0}try{this._internals.ariaLabel=t.valueAsString}catch{}}willUpdate(){var t;this._preUpdated=fg&&this._animated&&(!this.respectMotionPreference||!((t=dg)!=null&&t.matches))&&this.ownerDocument.visibilityState==="visible",this._preUpdated&&(this._pre.willUpdate(),this._num.willUpdate(),this._post.willUpdate())}didUpdate(){if(!this.computedAnimated||!this._preUpdated)return;this._abortAnimationsFinish?this._abortAnimationsFinish.abort():this.dispatchEvent(new Event("animationsstart")),this._pre.didUpdate(),this._num.didUpdate(),this._post.didUpdate();const t=new AbortController;Promise.all(this.shadowRoot.getAnimations().map(n=>n.finished)).then(()=>{t.signal.aborted||(this.dispatchEvent(new Event("animationsfinish")),this._abortAnimationsFinish=void 0)}),this._abortAnimationsFinish=t}};hg.defaultProps={transformTiming:{duration:900,easing:"linear(0,.005,.019,.039,.066,.096,.129,.165,.202,.24,.278,.316,.354,.39,.426,.461,.494,.526,.557,.586,.614,.64,.665,.689,.711,.731,.751,.769,.786,.802,.817,.831,.844,.856,.867,.877,.887,.896,.904,.912,.919,.925,.931,.937,.942,.947,.951,.955,.959,.962,.965,.968,.971,.973,.976,.978,.98,.981,.983,.984,.986,.987,.988,.989,.99,.991,.992,.992,.993,.994,.994,.995,.995,.996,.996,.9963,.9967,.9969,.9972,.9975,.9977,.9979,.9981,.9982,.9984,.9985,.9987,.9988,.9989,1)"},spinTiming:void 0,opacityTiming:{duration:450,easing:"ease-out"},animated:!0,trend:(e,t)=>Math.sign(t-e),respectMotionPreference:!0,plugins:void 0,digits:void 0};class b_{constructor(t,n,o,{className:r,...s}={}){this.flow=t,this._integer=new pg(t,n,{justify:"right",part:"integer"}),this._fraction=new pg(t,o,{justify:"left",part:"fraction"}),this._inner=Fn("span",{className:"number__inner"},[this._integer.el,this._fraction.el]),this.el=Fn("span",{...s,part:"number",className:`number ${r??""}`},[this._inner])}willUpdate(){this._prevWidth=this.el.offsetWidth,this._prevLeft=this.el.getBoundingClientRect().left,this._integer.willUpdate(),this._fraction.willUpdate()}update({integer:t,fraction:n}){this._integer.update(t),this._fraction.update(n)}didUpdate(){const t=this.el.getBoundingClientRect();this._integer.didUpdate(),this._fraction.didUpdate();const n=this._prevLeft-t.left,o=this.el.offsetWidth,r=this._prevWidth-o;this.el.style.setProperty("--width",String(o)),this.el.animate({[Js]:[`${n}px`,"0px"],[$l]:[r,0]},{...this.flow.transformTiming,composite:"accumulate"})}}class gg{constructor(t,n,{justify:o,className:r,...s},a){this.flow=t,this.children=new Map,this.onCharRemove=l=>()=>{this.children.delete(l)},this.justify=o;const i=n.map(l=>this.addChar(l).el);this.el=Fn("span",{...s,className:`section section--justify-${o} ${r??""}`},a?a(i):i)}addChar(t,{startDigitsAtZero:n=!1,...o}={}){const r=t.type==="integer"||t.type==="fraction"?new vg(this,t.type,n?0:t.value,t.pos,{...o,onRemove:this.onCharRemove(t.key)}):new y_(this,t.type,t.value,{...o,onRemove:this.onCharRemove(t.key)});return this.children.set(t.key,r),r}unpop(t){t.el.removeAttribute("inert"),t.el.style.top="",t.el.style[this.justify]=""}pop(t){t.forEach(n=>{n.el.style.top=`${n.el.offsetTop}px`,n.el.style[this.justify]=`${g_(n.el,this.justify)}px`}),t.forEach(n=>{n.el.setAttribute("inert",""),n.present=!1})}addNewAndUpdateExisting(t){const n=new Map,o=new Map,r=this.justify==="left",s=r?"prepend":"append";if(x_(t,a=>{let i;this.children.has(a.key)?(i=this.children.get(a.key),o.set(a,i),this.unpop(i),i.present=!0):(i=this.addChar(a,{startDigitsAtZero:!0,animateIn:!0}),n.set(a,i)),this.el[s](i.el)},{reverse:r}),this.flow.computedAnimated){const a=this.el.getBoundingClientRect();n.forEach(i=>{i.willUpdate(a)})}n.forEach((a,i)=>{a.update(i.value)}),o.forEach((a,i)=>{a.update(i.value)})}willUpdate(){const t=this.el.getBoundingClientRect();this._prevOffset=t[this.justify],this.children.forEach(n=>n.willUpdate(t))}didUpdate(){const t=this.el.getBoundingClientRect();this.children.forEach(r=>r.didUpdate(t));const n=t[this.justify],o=this._prevOffset-n;o&&this.children.size&&this.el.animate({transform:[`translateX(${o}px)`,"none"]},{...this.flow.transformTiming,composite:"accumulate"})}}class pg extends gg{update(t){const n=new Map;this.children.forEach((o,r)=>{t.find(s=>s.key===r)||n.set(r,o),this.unpop(o)}),this.addNewAndUpdateExisting(t),n.forEach(o=>{o instanceof vg&&o.update(0)}),this.pop(n)}}let mg=class extends gg{update(t){const n=new Map;this.children.forEach((o,r)=>{t.find(s=>s.key===r)||n.set(r,o)}),this.pop(n),this.addNewAndUpdateExisting(t)}};class Bl{constructor(t,n,{onRemove:o,animateIn:r=!1}={}){this.flow=t,this.el=n,this._present=!0,this._remove=()=>{var s;this.el.remove(),(s=this._onRemove)==null||s.call(this)},this.el.classList.add("animate-presence"),this.flow.computedAnimated&&r&&this.el.animate({[Zs]:[-.9999,0]},{...this.flow.opacityTiming,composite:"accumulate"}),this._onRemove=o}get present(){return this._present}set present(t){if(this._present!==t){if(this._present=t,t?this.el.removeAttribute("inert"):this.el.setAttribute("inert",""),!this.flow.computedAnimated){t||this._remove();return}this.el.style.setProperty("--_number-flow-d-opacity",t?"0":"-.999"),this.el.animate({[Zs]:t?[-.9999,0]:[.999,0]},{...this.flow.opacityTiming,composite:"accumulate"}),t?this.flow.removeEventListener("animationsfinish",this._remove):this.flow.addEventListener("animationsfinish",this._remove,{once:!0})}}}class xg extends Bl{constructor(t,n,o,r){super(t.flow,o,r),this.section=t,this.value=n,this.el=o}}class vg extends xg{constructor(t,n,o,r,s){var a,i;const l=(((i=(a=t.flow.digits)==null?void 0:a[r])==null?void 0:i.max)??9)+1,c=Array.from({length:l}).map((d,f)=>{const p=Fn("span",{className:"digit__num"},[document.createTextNode(String(f))]);return f!==o&&p.setAttribute("inert",""),p.style.setProperty("--n",String(f)),p}),u=Fn("span",{part:`digit ${n}-digit`,className:"digit"},c);u.style.setProperty("--current",String(o)),u.style.setProperty("--length",String(l)),super(t,o,u,s),this.pos=r,this._onAnimationsFinish=()=>{this.el.classList.remove("is-spinning")},this._numbers=c,this.length=l}willUpdate(t){const n=this.el.getBoundingClientRect();this._prevValue=this.value;const o=n[this.section.justify]-t[this.section.justify],r=n.width/2;this._prevCenter=this.section.justify==="left"?o+r:o-r}update(t){this.el.style.setProperty("--current",String(t)),this._numbers.forEach((n,o)=>o===t?n.removeAttribute("inert"):n.setAttribute("inert","")),this.value=t}didUpdate(t){const n=this.el.getBoundingClientRect(),o=n[this.section.justify]-t[this.section.justify],r=n.width/2,s=this.section.justify==="left"?o+r:o-r,a=this._prevCenter-s;a&&this.el.animate({transform:[`translateX(${a}px)`,"none"]},{...this.flow.transformTiming,composite:"accumulate"});const i=this.getDelta();i&&(this.el.classList.add("is-spinning"),this.el.animate({[Ll]:[-i,0]},{...this.flow.spinTiming??this.flow.transformTiming,composite:"accumulate"}),this.flow.addEventListener("animationsfinish",this._onAnimationsFinish,{once:!0}))}getDelta(){var t;if(this.flow.plugins)for(const r of this.flow.plugins){const s=(t=r.getDelta)==null?void 0:t.call(r,this.value,this._prevValue,this);if(s!=null)return s}const n=this.value-this._prevValue,o=this.flow.computedTrend||Math.sign(n);return o<0&&this.value>this._prevValue?this.value-this.length-this._prevValue:o>0&&this.value<this._prevValue?this.length-this._prevValue+this.value:n}}class y_ extends xg{constructor(t,n,o,r){const s=Fn("span",{className:"symbol__value",textContent:o});super(t,o,Fn("span",{part:`symbol ${n}`,className:"symbol"},[s]),r),this.type=n,this._children=new Map,this._onChildRemove=a=>()=>{this._children.delete(a)},this._children.set(o,new Bl(this.flow,s,{onRemove:this._onChildRemove(o)}))}willUpdate(t){if(this.type==="decimal")return;const n=this.el.getBoundingClientRect();this._prevOffset=n[this.section.justify]-t[this.section.justify]}update(t){if(this.value!==t){const n=this._children.get(this.value);n&&(n.present=!1);const o=this._children.get(t);if(o)o.present=!0;else{const r=Fn("span",{className:"symbol__value",textContent:t});this.el.appendChild(r),this._children.set(t,new Bl(this.flow,r,{animateIn:!0,onRemove:this._onChildRemove(t)}))}}this.value=t}didUpdate(t){if(this.type==="decimal")return;const n=this.el.getBoundingClientRect()[this.section.justify]-t[this.section.justify],o=this._prevOffset-n;o&&this.el.animate({transform:[`translateX(${o}px)`,"none"]},{...this.flow.transformTiming,composite:"accumulate"})}}const Hl=parseInt((nw=b.version.match(/^(\d+)\./))==null?void 0:nw[1])>=19,C_=["data","digits"];class Vl extends hg{attributeChangedCallback(t,n,o){this[t]=JSON.parse(o)}}Vl.observedAttributes=Hl?[]:C_,m_("number-flow-react",Vl);const Wl={};function w_(e){return e}const bg=Hl?w_:JSON.stringify;function yg(e){const{transformTiming:t,spinTiming:n,opacityTiming:o,animated:r,respectMotionPreference:s,trend:a,plugins:i,...l}=e;return[{transformTiming:t,spinTiming:n,opacityTiming:o,animated:r,respectMotionPreference:s,trend:a,plugins:i},l]}class S_ extends b.Component{updateProperties(t){if(!this.el)return;this.el.batched=!this.props.isolate;const[n]=yg(this.props);Object.entries(n).forEach(([o,r])=>{this.el[o]=r??Vl.defaultProps[o]}),t!=null&&t.onAnimationsStart&&this.el.removeEventListener("animationsstart",t.onAnimationsStart),this.props.onAnimationsStart&&this.el.addEventListener("animationsstart",this.props.onAnimationsStart),t!=null&&t.onAnimationsFinish&&this.el.removeEventListener("animationsfinish",t.onAnimationsFinish),this.props.onAnimationsFinish&&this.el.addEventListener("animationsfinish",this.props.onAnimationsFinish)}componentDidMount(){this.updateProperties(),Hl&&this.el&&(this.el.digits=this.props.digits,this.el.data=this.props.data)}getSnapshotBeforeUpdate(t){var n;if(this.updateProperties(t),t.data!==this.props.data){if(this.props.group)return this.props.group.willUpdate(),()=>{var o;return(o=this.props.group)==null?void 0:o.didUpdate()};if(!this.props.isolate)return(n=this.el)==null||n.willUpdate(),()=>{var o;return(o=this.el)==null?void 0:o.didUpdate()}}return null}componentDidUpdate(t,n,o){o==null||o()}handleRef(t){this.props.innerRef&&(this.props.innerRef.current=t),this.el=t}render(){const[t,{innerRef:n,className:o,data:r,nonce:s,willChange:a,isolate:i,group:l,digits:c,onAnimationsStart:u,onAnimationsFinish:d,...f}]=yg(this.props);return b.createElement("number-flow-react",{ref:this.handleRef,"data-will-change":a?"":void 0,class:o,nonce:s,...f,dangerouslySetInnerHTML:{__html:""},suppressHydrationWarning:!0,digits:bg(c),data:bg(r)})}constructor(t){super(t),this.handleRef=this.handleRef.bind(this)}}const __=b.forwardRef(function({value:t,locales:n,format:o,prefix:r,suffix:s,...a},i){b.useImperativeHandle(i,()=>l.current,[]);const l=b.useRef(void 0),c=b.useContext(T_);c==null||c.useRegister(l);const u=b.useMemo(()=>n?JSON.stringify(n):"",[n]),d=b.useMemo(()=>o?JSON.stringify(o):"",[o]),f=b.useMemo(()=>{var x;const p=Wl[x=`${u}:${d}`]??(Wl[x]=new Intl.NumberFormat(n,o));return v_(t,p,r,s)},[t,u,d,r,s]);return b.createElement(S_,{...a,group:c,data:f,innerRef:l})}),T_=b.createContext(void 0),E_={oxNumberFlow:"_oxNumberFlow_1gbln_2"},Cg=g.forwardRef(({className:e,preset:t="number",value:n,dataTestid:o,...r},s)=>{const a=Sg(t),i=qs(),l=a.locales??i;return h.jsx(__,{ref:s,value:n,format:a.format,locales:l,trend:a.trend,digits:a.digits,"data-slot":"number-flow","data-testid":o,className:H(E_.oxNumberFlow,e),...r})});Cg.displayName="OxNumberFlow";const wg={number:{},currency:{format:{style:"currency",currency:"EUR"}},percent:{format:{style:"percent",maximumFractionDigits:1}},compact:{format:{notation:"compact",compactDisplay:"short"}},time:{format:{minimumIntegerDigits:2},digits:{1:{max:5}}}},Sg=(e="number")=>typeof e=="string"?wg[e]:e,P_=Object.keys(wg),k_="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='320'%20height='84'%20fill='none'%20viewBox='0%200%2018%204'%3e%3cpath%20fill='%23fff'%20d='m5.64156%201.68819.00197.0005c.27061.06058.62132.17466.61437.55514.00268.07837-.01394.15618-.04836.22643-.03443.07025-.08557.13072-.14884.17596-.14298.10083-.31439.15203-.48853.14593-.3364%200-.58748-.14629-.70544-.39069-.00331-.00706-.00386-.01513-.00155-.02259s.00731-.01377.01401-.01765l.27191-.15982c.00343-.00207.00723-.00344.01117-.00403.00395-.00059.00798-.00039.01185.0006.00388.00098.00751.00273.01072.00514.0032.00241.0059.00544.00795.00891.00045.00095.00103.0019.00148.0029.03139.07314.0849.1343.15283.17467.06792.04037.14674.05788.22512.04999.20052%200%20.29886-.06766.29886-.19966%200-.11412-.14791-.1815-.33413-.22783-.26371-.06766-.6189-.17447-.61187-.54828-.00255-.07581.0127-.15115.04448-.21984.03179-.06869.07922-.12877.13839-.1753.16643-.122199.374-.172472.57704-.139762.20304.032709.38493.145722.50568.314192.00446.00623.00882.01251.01309.01883.00202.00352.00335.00741.00389.01144.00053.00403.00028.00814-.00075.01207-.00103.00394-.00281.00763-.00525.01087s-.00549.00596-.00896.008l-.0005.00027-.26406.14975c-.00713.00418-.0156.00533-.02357.0032-.00796-.00214-.01477-.00738-.01892-.01459-.03064-.05692-.07683-.10368-.13304-.13471-.05621-.03102-.12007-.04499-.18392-.04022-.14418%200-.25672.06412-.25672.18868%200%20.11729.14723.17778.32969.23114M6.94987%202.01967c-.00408.00003-.00812.00087-.01188.00249-.00375.00161-.00716.00396-.01002.00691-.00286.00296-.00511.00645-.00663.01029-.00152.00383-.00226.00794-.00221.01207-.00001.00292.00039.00582.00121.00862.06834.24503.27576.38003.55288.38003.08323.00454.16633-.0111.24239-.04563s.14289-.08695.1949-.15289c.00451-.00607.01106-.01025.01841-.01178.00734-.00152.01499-.00027.02149.00352l.26053.15428c.00703.00421.01212.01108.01416.0191.00203.00801.00084.01652-.00332.02364-.00043.00079-.00093.00155-.00147.00227-.08538.11889-.19888.21417-.33008.27709-.13121.06293-.27592.09149-.42087.08306-.12702.00523-.25378-.01539-.37279-.06064s-.22784-.11422-.32006-.20281c-.16874-.18077-.26304-.41989-.26368-.66861s.09243-.48833.26024-.66999c.08652-.08985.19067-.16034.30574-.206955.11507-.046611.23851-.0683.36237-.063672.1188-.003205.23688.019637.34615.066959.10927.047318.20715.118008.28691.207208.1652.18088.25469.41958.24964.66589-.00041.04456-.00381.08904-.01017.13314-.00105.00742-.0047.01422-.01029.01914-.00559.00493-.01274.00765-.02014.00767zm.95307-.31333c.00408-.00004.00811-.00089.01186-.00251.00376-.00162.00716-.00397.01002-.00692.00285-.00295.0051-.00644.00663-.01027.00152-.00383.00228-.00793.00224-.01206%200-.00254-.00033-.00508-.00099-.00753-.02174-.11535-.08359-.21899-.17432-.29215-.09074-.07315-.20435-.11098-.32026-.10662-.11943-.00646-.23728.02997-.33279.10286s-.16254.17757-.1893.29559c-.00106.00398-.00134.00813-.00082.01222.00053.00408.00183.00803.00386.0116.00202.00357.00473.00671.00795.00922.00322.00252.00691.00437.01084.00544.00256.00069.0052.00105.00785.00109zM9.34382%201.68819l.00197.0005c.27066.06058.62141.17465.61438.55513.00266.07837-.01397.15618-.04839.22642-.03443.07025-.08556.13072-.14881.17598-.14298.10083-.31439.15203-.48853.14593-.3365%200-.58753-.14629-.70553-.39069-.00332-.00707-.00388-.01515-.00156-.02261.00232-.00747.00734-.01377.01406-.01764l.27183-.15981c.00341-.00208.0072-.00344.01113-.00403.00394-.00059.00796-.00038.01182.0006.00386.00099.00749.00274.01068.00515s.00588.00543.00791.00889c.00058.00093.0011.0019.00153.00291.03141.07316.08494.13434.1529.17472s.14682.05786.22523.04993c.20034%200%20.29886-.06765.29886-.19965%200-.11412-.14768-.18151-.33413-.22783-.26371-.06766-.61886-.17448-.61187-.54829-.00254-.0758.0127-.15114.04448-.21982.03178-.06869.07919-.12877.13834-.17531.16643-.122242.374-.172547.57706-.139853.20307.032693.38499.145703.50576.314183.00445.00627.00882.01259.01313.01897.00201.00354.00333.00744.00386.01149s.00026.00816-.00079.01211c-.00104.00394-.00285.00764-.0053.01088-.00246.00324-.00553.00595-.00902.00799h-.00041l-.26397.14974c-.00353.00208-.00743.00344-.01148.00399-.00405.00056-.00817.0003-.01212-.00076s-.00765-.00289-.0109-.0054-.00598-.00564-.00803-.00922c-.03064-.0569-.07682-.10367-.13303-.13469-.0562-.03103-.12005-.04499-.18389-.04023-.14418%200-.25672.06412-.25672.18867%200%20.1173.14718.17779.3296.23115M11.7375.965888h.3182c.0081%200%20.0159.003275.0217.009104.0057.005829.009.013735.009.021979V2.71505c0%20.00409-.0008.00813-.0024.01191-.0015.00378-.0038.00721-.0066.0101-.0029.00289-.0062.00518-.01.00675-.0037.00156-.0077.00237-.0117.00237h-.3182c-.0041%200-.0081-.00081-.0118-.00237-.0037-.00157-.0071-.00386-.01-.00675-.0028-.00289-.0051-.00632-.0066-.0101-.0016-.00378-.0024-.00782-.0023-.01191v-.13703c0-.00625-.0019-.01236-.0053-.01752-.0035-.00517-.0084-.00915-.0142-.01144-.0057-.00228-.012-.00276-.018-.00136-.006.00139-.0115.00459-.0157.00917-.0708.07869-.158.1406-.2551.18132-.0972.04071-.2021.05923-.3071.05423-.1162.00171-.2314-.02152-.3381-.06815-.1066-.04663-.2024-.1156-.2808-.20238-.1651-.18146-.2568-.41917-.2568-.6659s.0917-.48444.2568-.6659c.0784-.08681.1741-.15581.2808-.202452.1067-.046646.2219-.069879.3381-.06817.1049-.004871.2095.013483.3067.053782.0971.0403.1844.10157.2557.17954.0042.00456.0097.00773.0157.0091s.0123.00088.018-.00142c.0058-.0023.0107-.00629.0141-.01145.0035-.00517.0053-.01127.0053-.01751V.996608c0-.008243.0032-.016149.009-.021979.0057-.005829.0136-.009104.0217-.009104zm-.586%201.459622c.0735.00204.1467-.01112.215-.03867.0684-.02756.1304-.06893.1824-.1216.0521-.054.0929-.11802.1201-.18827.0272-.07026.0402-.14533.0382-.22075.0023-.07501-.0105-.14971-.0377-.21952s-.0682-.13324-.1206-.18642c-.1063-.10498-.2489-.16374-.3974-.16374s-.2911.05876-.3974.16374c-.0523.05317-.0933.11661-.1205.18642-.0272.0698-.0401.14451-.0377.21952-.002.07542.011.15049.0381.22075.0272.07025.068.13428.1201.18827.052.05266.1141.09404.1824.1216.0683.02755.1414.04071.215.03867M15.1489%201.64227v1.07261c0%20.00824-.0033.01615-.009.02199-.0058.00584-.0136.00912-.0217.00913H14.8c-.0082%200-.016-.00327-.0217-.0091-.0058-.00583-.009-.01373-.009-.02198V1.66673c0-.24571-.13-.38801-.3411-.38801-.2357%200-.3834.15668-.3834.47v.96588c0%20.00825-.0032.01615-.009.02198-.0057.00583-.0135.00911-.0217.00911h-.3182c-.0081%200-.016-.00328-.0217-.00911-.0058-.00583-.009-.01373-.009-.02198V1.66682c0-.24571-.1195-.38801-.3305-.38801-.2286%200-.3903.16018-.3903.47001v.96587c0%20.00826-.0033.01616-.009.02199-.0058.00582-.0136.0091-.0218.0091h-.3182c-.004%200-.008-.0008-.0117-.00235-.0038-.00156-.0072-.00385-.01-.00674-.0029-.00288-.0052-.00631-.0067-.01009-.0016-.00377-.0024-.00782-.0024-.01191V.99684c0-.004088.0008-.008134.0024-.011909.0015-.003774.0038-.007202.0067-.010089.0028-.002886.0062-.005174.01-.006733.0037-.001559.0077-.002358.0117-.002352h.3182c.0082%200%20.016.003272.0218.009099.0057.005826.009.013732.009.021984v.09075c0%20.00629.0019.01243.0054.01761.0035.00517.0085.00914.0143.01137s.0122.00261.0182.0011.0114-.00485.0156-.00957c.0564-.06312.126-.112769.2037-.145372s.1616-.047345.2456-.043164c.0933-.005037.1864.01476.2698.057422.0835.042664.1545.106704.2059.185754.0022.00325.005.00603.0082.00819.0033.00215.0069.00364.0107.00436.0039.00073.0078.00069.0116-.00012.0038-.0008.0074-.00236.0106-.00458.0028-.00189.0052-.00425.0072-.00699.0585-.08101.1362-.14582.2259-.188465s.1886-.061755.2875-.055571c.3973%200%20.6646.281336.6646.722976M15.9423%202.01966c-.0048.00002-.0095.00117-.0138.00336s-.008.00536-.0108.00925c-.0029.0039-.0048.00842-.0057.0132-.0008.00478-.0005.0097.0008.01435.0684.24503.2758.38003.5529.38003.0833.00453.1664-.01112.2424-.04564.0761-.03453.1429-.08695.1949-.15288.0045-.00606.0111-.01025.0184-.01177s.015-.00027.0215.00351l.2605.15428c.0035.00208.0066.00484.009.00811.0024.00328.0042.00701.0052.01098s.0013.0081.0007.01216-.002.00796-.004.01149c-.0004.00077-.001.00154-.0014.00227-.0854.1189-.1989.21418-.3302.2771-.1312.06293-.2759.09149-.4209.08305-.127.00523-.2537-.01539-.3727-.06065-.119-.04525-.2278-.11421-.32-.2028-.1688-.18075-.2631-.41986-.2638-.66858-.0006-.24873.0924-.48835.2602-.67002.0865-.08985.1907-.16034.3058-.206955.115-.04661.2385-.0683.3623-.063672.1188-.003201.2369.019642.3462.066964.1092.047323.2071.118003.2869.207203.1652.18089.2546.41958.2496.66589-.0004.04456-.0038.08905-.0102.13314-.001.00742-.0047.01422-.0103.01914-.0056.00493-.0127.00765-.0201.00767zm.9531-.31332c.004-.00004.0081-.0009.0118-.00252.0038-.00162.0072-.00397.01-.00692.0029-.00295.0051-.00644.0066-.01027s.0023-.00793.0023-.01205c-.0001-.00259-.0004-.00517-.001-.00767-.0218-.11535-.0837-.21899-.1744-.29215-.0908-.07315-.2044-.11097-.3203-.10662-.1194-.00646-.2373.02995-.3328.10284-.0955.07288-.1625.17755-.1892.29556-.0011.00399-.0014.00814-.0009.01223.0006.00409.0019.00803.0039.01161.002.00357.0048.00671.008.00922s.0069.00436.0108.00542c.0026.00069.0053.00105.0079.00109zM2.48199%203.62801c-.05187%200-.10258-.01558-.14572-.04476-.04313-.02918-.07675-.07065-.09661-.11917-.01985-.04853-.02505-.10192-.01494-.15344.01012-.05151.03509-.09883.07177-.13598l.83896-.84944c.02436-.02466.05328-.04423.08511-.05757.03183-.01335.06593-.02021.10038-.02021s.06857.00687.1004.02022c.03182.01335.06073.03292.08509.05758s.04369.05394.05687.08617c.01318.03222.01996.06676.01996.10163-.00001.03488-.00679.06942-.01997.10164-.01319.03222-.03252.0615-.05688.08616l-.839.8494c-.02432.02469-.05322.04427-.08504.05762s-.06593.0202-.10038.02015'/%3e%3cpath%20fill='%23fff'%20d='M1.83927%203.68436c-.02319.00001-.04629-.00304-.06868-.00907l-.92854-.24957C.720375%203.3928.60944%203.32844.520333%203.23906c-.089108-.08938-.153269-.20065-.186075-.32269L.0243037%201.75605c-.0324748-.12215-.03240286-.25072.0002043-.37284.0326071-.12212.096609-.23352.185606-.32305L1.05695.210719c.08926-.089227.2003-.1534007.32202-.186111.12173-.03271037.24989-.03281201.37167-.000295l1.15687.310873c.12167.032929.2326.097296.32172.186674.08911.089378.15329.200639.18612.322674l.24883.931306c.009.03368.0113.06882.00676.10339-.00454.03458-.01582.06792-.0332.09812-.01739.03021-.04053.05668-.06812.07791-.02758.02123-.05907.03681-.09266.04583-.03358.00903-.06861.01134-.10308.00679-.03448-.00456-.06772-.01587-.09783-.03331-.03012-.01743-.0565-.04065-.07767-.06831-.02117-.02767-.03671-.05925-.04571-.09293L2.90385.982024c-.00864-.03205-.02551-.06127-.04892-.084742s-.05255-.040376-.0845-.049027L1.6136.537382c-.03197-.008541-.06562-.008518-.09759.000065-.03196.008584-.06111.025428-.08455.048851l-.846882.849442c-.023361.02351-.040166.05275-.048732.08481-.008566.03205-.008593.0658-.000083.09788l.309993%201.16031c.008613.03204.025462.06126.048859.08472.023396.02347.052522.04037.084469.04901l.928546.24957c.06198.01672.1158.05546.15145.109.03564.05355.05069.11826.04233.18209-.00836.06384-.03955.12246-.08777.16496-.04822.04249-.11018.06616-.17437.06627'/%3e%3c/svg%3e",gt={oxPaymentCardLogo:"_oxPaymentCardLogo_hff9o_2",oxPaymentCardLogoDefault:"_oxPaymentCardLogoDefault_hff9o_2",oxPaymentCardLogoCompact:"_oxPaymentCardLogoCompact_hff9o_2",oxPaymentCardBadge:"_oxPaymentCardBadge_hff9o_2",oxPaymentCardInfo:"_oxPaymentCardInfo_hff9o_2",oxPaymentCardNumber:"_oxPaymentCardNumber_hff9o_2",oxPaymentCardDetail:"_oxPaymentCardDetail_hff9o_2",oxPaymentCardDigits:"_oxPaymentCardDigits_hff9o_2",oxPaymentCardSchemeCompact:"_oxPaymentCardSchemeCompact_hff9o_2",oxPaymentCardFooter:"_oxPaymentCardFooter_hff9o_2",oxPaymentCardScheme:"_oxPaymentCardScheme_hff9o_2","ox-payment-card":"_ox-payment-card_hff9o_2","ox-payment-card--default":"_ox-payment-card--default_hff9o_2","ox-payment-card--compact":"_ox-payment-card--compact_hff9o_2","ox-payment-card--disabled":"_ox-payment-card--disabled_hff9o_2"},I_={cardNumber:"0000 00** **** 0000",cardholderName:"Employee Name",expiryDate:"00/00",cvc:"CVC ***",lastFourDigits:"7661"},D_={background:"linear-gradient(59.34deg, rgb(26, 26, 18) 0%, rgb(51, 65, 85) 100%)"},O_={virtual:"Virtual",physical:"Physical",subscription:"Subscription"},_g=g.forwardRef(({className:e,size:t="default",disabled:n=!1,badgeType:o,cardData:r=I_,dataTestid:s,...a},i)=>h.jsxs("div",{ref:i,"data-slot":"payment-card","data-testid":s,className:H(He(gt,Tg({size:t,disabled:n})),e),style:D_,...a,children:[h.jsx("img",{src:k_,alt:"Sesame",className:H(gt.oxPaymentCardLogo,t==="default"?gt.oxPaymentCardLogoDefault:gt.oxPaymentCardLogoCompact)}),t==="default"&&o&&h.jsx("span",{"data-testid":`${s}-badge`,className:gt.oxPaymentCardBadge,children:O_[o]}),t==="default"&&h.jsxs("div",{className:gt.oxPaymentCardInfo,children:[h.jsx("span",{className:gt.oxPaymentCardNumber,children:r.cardNumber}),h.jsx("span",{className:gt.oxPaymentCardDetail,children:r.cardholderName})]}),t==="compact"&&h.jsxs(h.Fragment,{children:[h.jsx("span",{className:gt.oxPaymentCardDigits,children:r.lastFourDigits}),h.jsxs("svg",{className:gt.oxPaymentCardSchemeCompact,viewBox:"0 0 40 24",fill:"none",children:[h.jsx("circle",{cx:"14",cy:"12",r:"10",fill:"#E33A24",fillOpacity:"0.6"}),h.jsx("circle",{cx:"26",cy:"12",r:"10",fill:"#F8CB2E",fillOpacity:"0.6"})]})]}),t==="default"&&h.jsxs("div",{className:gt.oxPaymentCardFooter,children:[h.jsx("span",{className:gt.oxPaymentCardDetail,children:r.expiryDate}),h.jsx("span",{className:gt.oxPaymentCardDetail,children:r.cvc}),h.jsxs("svg",{className:gt.oxPaymentCardScheme,viewBox:"0 0 40 24",fill:"none",children:[h.jsx("circle",{cx:"14",cy:"12",r:"10",fill:"#E33A24"}),h.jsx("circle",{cx:"26",cy:"12",r:"10",fill:"#F8CB2E",fillOpacity:"0.6"})]})]})]}));_g.displayName="OxPaymentCard";const Tg=qe("ox-payment-card",{variants:{size:{default:"ox-payment-card--default",compact:"ox-payment-card--compact"},disabled:{true:"ox-payment-card--disabled",false:""}},defaultVariants:{size:"default",disabled:!1}}),M_=`<svg width="1.2em" height="1.2em" stroke-color="currentColor" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
38
38
  <g class="icon-file">
39
39
  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 3v4a1 1 0 0 0 1 1h4m-5-5H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8m-5-5 5 5" class="Vector"/>
40
40
  </g>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sesamehr/react-design-system",
3
- "version": "2.0.0-beta.15",
3
+ "version": "2.0.0-beta.16",
4
4
  "description": "Sesame HR React design system — components and design tokens",
5
5
  "license": "MIT",
6
6
  "type": "module",