@tap-payments/os-micro-frontend-shared 0.3.74 → 0.3.76

package/build/_chunks/chunk-WPRSWA4H.js

@@ -1 +0,0 @@
-import {f,b as b$3,g,a as a$3,e as e$1,d,c as c$1}from'./chunk-5SQHRFFG.js';import {a as a$2}from'./chunk-2DWZF5VU.js';import {c}from'./chunk-IIM3KUQY.js';import {o,j,k as k$1,l,p}from'./chunk-C7KUSA2X.js';import {b as b$2}from'./chunk-JEFQJHZO.js';import {b as b$1,e,d as d$1}from'./chunk-CEMNPTGR.js';import {a as a$1}from'./chunk-KHM5KW53.js';import {a as a$4}from'./chunk-HIL3BWQJ.js';import {fb,gb,db,Lc,Ra,Sa,oc,q as q$1}from'./chunk-K4W2YD5I.js';import {q}from'./chunk-Q37PZZQR.js';import {T,gi,ii,hi,fi,mi,Mg,Dg,Lg,zj,Aj,rb,Qj,Tj,Rj,ik,sb,ta,sa,ak,h,Cg}from'./chunk-ISV4GUHO.js';import {a,b}from'./chunk-YRT7GXGY.js';import {useId,useMemo,useCallback}from'react';import {useTranslation}from'react-i18next';import {styled,Box,useTheme}from'@mui/material';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {motion}from'framer-motion';import {styled as styled$1,useTheme as useTheme$1}from'@mui/material/styles';import cr from'@mui/material/Box';var V=a((Sa,Ve)=>{var Xo=fb(),Qo=gb(),Yo=Qo(function(t,e,o){return e=e.toLowerCase(),t+(o?Xo(e):e)});Ve.exports=Yo;});var ct={ORDER:{label:"order",icon:fi,color:"#5E30EB"},SAVED_CARD:{label:"cardAgreement",icon:hi,color:"#76BB40"},SUBSCRIPTION:{label:"subscription",icon:ii,color:"#00C7BE"},INSTALLMENT:{label:"installment",icon:gi,color:"#32ADE6"}},mt={SAVED_TOKEN:{label:"savedToken",icon:T,color:"#76BB40"},COUNT:{label:"countBadge",icon:"countBadge",color:"#76BB40"}};styled("span")(({theme:t})=>({display:"flex",alignItems:"center",justifyContent:"flex-start",gap:t.spacing(.5)}));styled("img")(()=>({width:"35px",height:"16px",display:"block"}));styled("span")(()=>({display:"flex",alignItems:"center",justifyContent:"center",width:"14.67px",height:"10px"}));styled("img")(()=>({maxWidth:"100%",width:"100%"}));var ut=styled("span")(({theme:t})=>({fontSize:"11px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",padding:"2px 0",color:t.palette.text.primary})),ft=styled("div")(()=>({display:"flex",alignItems:"center",justifyContent:"center",paddingInline:"8px"}));function Wo({type:t,hasSavedCard:e,totalPaymentsCount:o,isTextShown:r}){let l=Lc(useId(),"agreement-icon"),s=useTheme(),{t:i}=useTranslation(),n=useMemo(()=>[...e?[mt.SAVED_TOKEN]:[],...(o||0)>0?[mt.COUNT]:[],...t&&ct[t]?[ct[t]]:[]],[e,o,t]),d=c=>r?jsx(b$1,{"data-testid":"AgreementCell_countBadge",children:jsx(a$1,{title:i("totalPaymentCount",{amount:q$1(o)}),children:jsx(ft,{children:jsxs(ut,{"data-testid":"AgreementCell_totalPaymentsCount",sx:{color:mt.COUNT.color},children:["x",o]})})})},c):jsx(d$1,{totalPaymentsCount:o,index:c},c),p=n.map((c,g)=>c.label==="countBadge"?d(g):jsx(a$1,{title:i(c.label),children:jsx(b$1,{children:r?jsx(ft,{children:jsx(ut,{"data-testid":"AgreementCell_agreementType",sx:{color:c.color},children:i(c.label)})}):jsx(a$2,{sx:{maxWidth:"16px",maxHeight:"16px",height:"auto",width:"auto"},src:c.icon,alt:"agreement"})},c.color)},c.color)),f=jsx(a$1,{title:"No agreement",children:jsx(b$1,{children:r?jsx(ft,{children:jsx(ut,{"data-testid":"AgreementCell_agreementType",sx:{color:s.palette.text.secondary},children:"No agreement"})}):jsx(a$2,{sx:{maxWidth:"24px",maxHeight:"24px",height:"auto",width:"auto"},src:mi,alt:"agreement"})},"no-agreement")},"no-agreement");return jsx(Box,{id:l,"data-testid":"AgreementIcon",sx:{display:"flex",alignItems:"center",gap:"4px"},children:p?.length>0?p:f})}var Te=Wo;var Ro=Te;styled("span")(({theme:t})=>({display:"flex",alignItems:"center",justifyContent:"flex-start",gap:t.spacing(1)}));styled("img")(()=>({maxWidth:"36px",maxHeight:"24px"}));styled(motion.span,{shouldForwardProp:t=>t!=="sourcesCount"})(({theme:t,sourcesCount:e})=>({display:"flex",alignItems:"center",justifyContent:"flex-start",position:"absolute",minWidth:`${e*6+36}px `,minHeight:"24px",cursor:"pointer",backgroundColor:t.palette.background.paper,borderRadius:"16px"}));var we=styled("span")(({theme:t})=>({fontSize:"11px",padding:"2px 0",color:t.palette.text.primary})),Pe=styled("div")(()=>({display:"flex",alignItems:"center",justifyContent:"center",paddingInline:"4px",textAlign:"center",width:"100%"}));styled("span")(({theme:t})=>({position:"absolute",left:0,zIndex:6,border:`1px solid ${t.palette.divider}`,borderRadius:"12px",backgroundColor:t.palette.background.paper,width:"36px",height:"24px",display:"flex",alignItems:"center",justifyContent:"center"}));styled(motion.div)(({theme:t})=>({display:"flex",alignItems:"center",justifyContent:"flex-start",gap:t.spacing(1)}));var We=styled("div")(()=>({display:"flex",alignItems:"center",justifyContent:"flex-start",gap:"4px"}));var Bt={"3DS":{tooltip:"3DS",icon:Aj,borderColor:"rgba(31, 136, 208, 0.10)"},"Device Biometric":{tooltip:"Biometric",icon:zj,borderColor:"rgba(31, 136, 208, 0.10)"},"Non-3DS":{tooltip:"Non 3DS",icon:Lg,borderColor:"rgba(31, 136, 208, 0.10)"}},ve={FAILED:{tooltip:"Failed",icon:Dg,borderColor:"rgba(255, 61, 0, 0.10)"},REJECTED:{tooltip:"Rejected",icon:Mg,borderColor:"rgba(255, 61, 0, 0.10)"}};function Bo({transactionStatus:t,eci:e,authType:o,isTextShown:r}){let l=Lc(useId(),"auth-icons"),s=useMemo(()=>{let n=t?ve[t]:null,d=n?.tooltip,p=t==="AUTHENTICATED"?null:n?.icon;return [{tooltip:d,content:r?d:p,type:r?"text":"icon"},...o?[{tooltip:o,content:r?Bt[o]?.tooltip:Bt[o]?.icon,type:r?"text":"icon"}]:[],{tooltip:"",content:e?`ECI ${e}`:"",type:"text"}]},[t,r,o,e]),i=useMemo(()=>s.filter(n=>!!n.content).map((n,d)=>{let p=n.type==="text"?jsx(Pe,{"data-testid":"AuthenticationCell_BadgeTextWrapper",children:jsx(we,{sx:{border:"none"},"data-testid":"AuthenticationCell_TextLabel","data-source":n.content,children:n.content})}):jsx(a$2,{sx:{width:"16px",height:"16px"},src:n.content,alt:n.tooltip});return jsx(a$1,{title:n.tooltip,children:p},`${n.tooltip}-${d}`)}),[s]);return jsx(We,{id:l,"data-testid":"AuthIcons",children:i})}var ke=Bo;var Lo=(t,e,o)=>({start:{x:t*6,transition:{duration:.3,type:"tween",ease:"easeIn"},...t>0&&{opacity:0}},animate:{x:o?t*o:t*39,transition:{duration:.3,type:"tween",ease:"easeOut"},boxShadow:e,...t>0&&{opacity:1}}});var Do=ke;var ot={VOID:{icon:Rj},CAPTURED:{icon:Qj}};var xt=styled$1(motion.div)(({theme:t,isCapture:e})=>({display:"flex",alignItems:"center",justifyContent:"center",gap:t.spacing(.5),paddingInline:t.spacing(.3),paddingBlock:t.spacing(.3),height:"100%",minWidth:"100%",backgroundColor:e?"#eaf3fb":"#eeeeee",borderRadius:"56px",width:"fit-content",fontSize:"10px",color:t.palette.text.primary,position:"relative",zIndex:10})),gt=styled$1("div")(({theme:t,percentage:e,isCapture:o})=>({border:`0.6px ${[0,100].includes(e)?"solid":"dashed"} ${o?t.palette.info.dark:"#656565"}`,borderRadius:"80px",padding:t.spacing(.316),paddingLeft:t.spacing(.516),fontSize:"7px",fontWeight:t.typography.fontWeightBold,color:o?t.palette.info.dark:"#656565",display:"flex",alignItems:"center",justifyContent:"flex-start",gap:t.spacing(.5)})),It=styled$1("div")(({percentage:t,isCapture:e,theme:o})=>({background:`conic-gradient(${e?o.palette.info.dark:"#656565"} ${t}%, transparent 0.00%)`,borderRadius:"50%",width:"8.333px",height:"8.333px",border:`0.6px solid ${e?o.palette.info.dark:"#656565"}`})),Be=styled$1("img")({width:"14px",height:"14px"}),H=styled$1(o)({width:"16px",height:"16px"}),F=styled$1("img")({width:"16px",height:"16px"}),Le=styled$1(Box)({display:"flex",alignItems:"center",justifyContent:"center"});function ht(t){return t<5?5:t===100?95:t}function Fo({voidPercentage:t,capturePercentage:e$1,captureCount:o,autoType:r,captureAmount:l,voidAmount:s,currency:i,isTextShown:n,remainingAmount:d,isSheetViewShown:p,selectionProps:f={}}){let c=Number(e$1)+Number(t)===100||d<=0,g=Lc(useId(),"capture-auto-icon"),T=useTheme$1(),{t:w}=useTranslation(),P=Ra(d||0),D=useCallback(C=>`Auto ${C} - ${i} ${P.integerAmount}.${P.decimalAmount}`,[i,P.decimalAmount,P.integerAmount]),Q=useCallback(C=>{let Y=C==="Capture"?l:s,{integerAmount:E,decimalAmount:v}=Sa(Y,i);return `Partial ${C} - ${i} ${E}.${v}`},[l,s,i]),x=e$1>0?jsx(a$1,{title:Q("Capture"),children:jsxs(xt,{isCapture:true,isFullyUsed:c,whileHover:["animate","fadeIn"],animate:"start",variants:{animate:{boxShadow:T.shadows[4]}},children:[jsx(Be,{src:rb,alt:"captured"}),jsxs(motion.div,{style:{display:"none",alignItems:"center",justifyContent:"center",gap:"4px"},initial:{width:0,opacity:0},transition:{animate:{duration:.5},fadeIn:{duration:.2}},variants:{animate:{width:"auto",display:"flex"},fadeIn:{transition:{delay:.5},opacity:1}},children:[jsxs(gt,{isCapture:true,percentage:e$1,children:[e$1,"% ",jsx(It,{isCapture:true,percentage:ht(e$1)})]}),o>1&&jsxs(e,{compact:true,variant:"dark",children:[o,"x"]})]})]})}):r==="CAPTURED"&&!c?jsx(a$1,{title:D("Capture"),children:jsx(H,{children:jsx(F,{src:ot.CAPTURED?.icon,alt:"auto"})})}):jsx(a$1,{title:D("Capture"),children:jsx(H,{children:jsx(F,{src:ot.CAPTURED?.icon,alt:"auto"})})}),I=e$1===100?jsx(a$1,{title:w("captured"),children:jsx(Le,{children:jsx(F,{src:Tj,alt:"captured"})})}):x,W=useMemo(()=>p&&I?jsx(b$2,{chipIndex:4,copyText:w("captured"),selectionProps:f,children:w("captured")}):n&&I?jsx(k$1,{children:w("captured")}):I,[n,I,p,f]);return W&&jsx("div",{id:g,"data-testid":"CaptureAutoIcon",style:{zIndex:12},children:W})}var Ee=Fo;function Ko({voidPercentage:t,capturePercentage:e$1,voidCount:o,autoType:r,captureAmount:l$1,voidAmount:s,currency:i,isTextShown:n,isSheetViewShown:d,selectionProps:p={},remainingAmount:f}){let c=Number(e$1)+Number(t)===100||f<=0,g=Lc(useId(),"void-auto-icon"),T=useTheme$1(),{t:w}=useTranslation(),P=Ra(f||0),D=useCallback(C=>`Auto ${C} - ${i} ${P.integerAmount}.${P.decimalAmount}`,[i,P.decimalAmount,P.integerAmount]),Q=useCallback(C=>{let Y=C==="Capture"?l$1:s,{integerAmount:E,decimalAmount:v}=Sa(Y,i);return `Partial ${C} - ${i} ${E}.${v}`},[l$1,s,i]),x=t>1?jsx(a$1,{title:Q("Void"),children:jsxs(xt,{whileHover:["animate","fadeIn"],animate:"start",sx:{zIndex:14,background:T.palette.common.white,border:`0.75px solid ${T.palette.grey[600]}1A`},variants:{animate:{boxShadow:T.shadows[4]}},children:[jsxs(gt,{percentage:t,children:[t,"% ",jsx(It,{percentage:ht(t)})]}),o>0&&jsx(motion.div,{style:{alignItems:"center",justifyContent:"center",gap:"4px",width:0,display:"none"},initial:{width:0,opacity:0},transition:{animate:{duration:.5},fadeIn:{duration:.2}},variants:{animate:{width:"auto",display:"flex"},fadeIn:{transition:{delay:.5},opacity:1}},children:jsxs(e,{compact:true,variant:"neutral",children:[o,"x"]})})]})}):r==="VOID"&&!c?jsx(a$1,{title:D("Void"),children:jsx(H,{children:jsx(F,{src:ot.VOID?.icon,alt:"auto"})})}):null,I=t===100?jsx(a$1,{title:w("void"),children:jsx(H,{children:jsx(F,{src:ik,alt:"void"})})}):x,W=useMemo(()=>d&&I?jsx(b$2,{chipIndex:5,copyText:w("void"),selectionProps:p,children:w("void")}):n&&I?jsx(l,{children:w("void")}):I,[n,I,d,p]);return W?jsx("div",{id:g,"data-testid":"VoidAutoIcon",style:{...!d&&{zIndex:11}},children:W}):null}var _e=Ko;var Jo=Ee;var Me=b(V(),1);var er=({authorizedStatus:t,isTextShown:e,iconStyles:o,tableMode:r,chipIndex:l=0,selectionProps:s={}})=>{let{t:i}=useTranslation(),n=useTheme$1(),d=i((0, Me.default)(t));return db(r)?jsx(b$2,{copyText:d,chipIndex:l,selectionProps:s,children:d}):jsx(a$1,{title:d,children:e?jsx(j,{"data-testid":"StatusCell_AuthorizedStatusLabel",sx:{color:n.palette.info.dark},children:d}):jsx(a$2,{src:f[t],alt:"authorized-icon","data-testid":"StatusCell_AuthorizedStatusIcon",sx:o})})};var k=b(V(),1);var Ne=styled$1(motion.span)(({theme:t})=>({color:t.palette.common.white,display:"block",fontWeight:t.typography.fontWeightBold,fontSize:"9.78px",borderRadius:"4px",paddingInline:t.spacing(.45)})),ze=styled$1(motion.span)(()=>({display:"block",width:"0",overflow:"hidden"})),Dt=styled$1("img")(()=>({width:"10px",height:"10px"})),Et=styled$1(motion.span)(({theme:t})=>({width:"18px",height:"18px",borderRadius:"50%",backgroundColor:t.palette.background.paper,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,position:"relative"})),$t=styled$1(motion.div,{shouldForwardProp:t=>t!=="isVisible"})(({isVisible:t})=>({display:"flex",justifyContent:"center",alignItems:"center",gap:"4px",width:"0",overflow:"hidden",opacity:0,...!t&&{padding:"0 !important"}})),Ge=styled$1(motion.div)(()=>({display:"flex",alignItems:"center",justifyContent:"flex-start"})),Fe=styled$1(motion.span)(()=>({display:"flex",alignItems:"center",justifyContent:"flex-start",position:"absolute",minHeight:"24px",cursor:"pointer",borderRadius:"16px"})),Ue={delay:.2,ease:"easeIn",fadeIn:{duration:.2}},Oe={animate:{width:"auto",paddingRight:"4px",paddingLeft:"4px"},fadeIn:{opacity:1,transition:{delay:.7}}},je={animate:{width:"auto"},fadeIn:{opacity:1,transition:{delay:1}}},He={animate:{width:"auto",paddingRight:"8px",paddingLeft:"4px"}},_t={fadeIn:{duration:.3},animate:{duration:.1}},qe={fadeIn:{opacity:1}},Ke=styled$1(j)(()=>({width:"88px",height:"100%"})),Vt=styled$1(Box)(({theme:t})=>({display:"flex",alignItems:"center",justifyContent:"flex-start",gap:t.spacing(.25),height:"100%"}));function ir({chargeStatus:t,gatewayTooltip:e,acquirerTooltip:o$1,chargeTooltip:r,errorCode:l,isTextShown:s,gatewayCode:i,acquirerCode:n,unCapturedStyles:d,iconStyles:p$1,iconWrapperStyles:f,gatewayIconWrapperStyles:c,gatewayContainerStyles:g$1,gateWayIconStyles:T,showBadge:w=true,isSheetViewShown:P=false,selectionProps:D={},chipIndex:Q=0}){let x=t?b$3[t]:null,I=t?g[t]:null,W=useTheme$1(),{t:C}=useTranslation(),Y=Lc(useId(),"charge-status-icon"),E=r&&jsx(Fragment,{children:jsx("div",{children:r})}),v=o$1&&jsxs(Fragment,{children:[jsx("div",{children:"Acquirer"}),jsx("div",{children:o$1})]}),Z=e&&jsxs(Fragment,{children:[jsx("div",{children:"Gateway"}),jsx("div",{children:e})]}),Ft=t&&a$3[t]&&jsx("div",{"data-testid":"ChargeStatusIcon_ChargeIcon",style:{display:"flex",alignItems:"center",justifyContent:"center",width:"16px",height:"16px",borderRadius:x?"50%":"",...f},children:jsx(p,{src:a$3[t],alt:"charge-icon","data-testid":"ChargeStatusIcon_StatusIcon",style:{borderRadius:x?"50%":"",width:"16px",height:"16px",...p$1}})});return P?jsxs(Vt,{children:[jsxs(b$2,{copyText:C((0, k.default)(t)),chipIndex:Q,selectionProps:D,children:[C((0, k.default)(t))," ",l]}),x&&jsxs(Fragment,{children:[i&&jsxs(b$2,{copyText:"Gateway",chipIndex:1,selectionProps:D,children:["Gateway ",i]}),n&&jsxs(b$2,{copyText:"Acquirer",chipIndex:2,selectionProps:D,children:["Acquirer ",n]})]})]}):s?jsxs(Vt,{children:[jsx(a$1,{title:E,children:jsxs(Ke,{"data-testid":"ChargeStatusIcon_isTextShown","data-status":(0, k.default)(t),sx:{background:x?.background||I?.background||"transparent",color:x?.color||I?.color||W.palette.info.dark,borderColor:`${x?.color||I?.color||W.palette.info.dark}1A`},children:[C((0, k.default)(t))," ",l]})}),x&&jsxs(Fragment,{children:[i&&jsx(a$1,{title:Z,children:jsxs(j,{"data-testid":"ChargeStatusIcon_isTextShown","data-status":(0, k.default)(t),sx:{background:x?.background||I?.background||"transparent",color:x?.color||I?.color||W.palette.info.dark},children:["Gateway ",i]})}),n&&jsx(a$1,{title:v,children:jsxs(j,{"data-testid":"ChargeStatusIcon_isTextShown","data-status":(0, k.default)(t),sx:{background:x?.background||I?.background||"transparent",color:x?.color||I?.color||W.palette.info.dark},children:["Acquirer ",n]})})]})]}):jsx(o,{id:Y,"data-testid":"ChargeStatusIcon_StatusIconWrapper",style:{...f},children:q?.includes(t||"")&&(E||v||Z)?jsxs(Fe,{"data-testid":"ChargeStatusIcon_UnCapturedContainer",whileHover:["animate","fadeIn"],style:{left:"0",...w&&{paddingInline:"12px",border:"1px solid #F2F2F2",borderRadius:"12px",backgroundColor:"#fff"},...d},children:[jsx(Ge,{"data-testid":"ChargeStatusIcon_UnCapturedBadge",sx:{borderRadius:"56px"},initial:{background:"transparent"},variants:{animate:{background:x?.background}},children:jsx(a$1,{title:E??C((0, k.default)(t)),children:jsxs(Fragment,{children:[Ft,jsx(ze,{"data-testid":"ChargeStatusIcon_ErrorCodeWrapper",transition:{animate:{duration:.05}},variants:He,style:{...l&&{padding:"0 !important"}},children:jsx(Ne,{"data-testid":"ChargeStatusIcon_ErrorCodeLabel",sx:{background:x?.color},transition:Ue,variants:qe,initial:{opacity:0},children:l})})]})})}),jsx($t,{"data-testid":"ChargeStatusIcon_GatewaysContainer",transition:_t,variants:Oe,style:g$1,isVisible:!!Z,children:Z&&jsx(a$1,{title:Z,children:jsx(Et,{"data-testid":"ChargeStatusIcon_GatewayIconWrapper",style:{background:x?.background,...c},children:jsx(Dt,{src:x?.gatewayIcon,alt:"gateway-icon","data-testid":"ChargeStatusIcon_GatewayIcon",style:T})})})}),jsx($t,{"data-testid":"ChargeStatusIcon_GatewaysContainer",transition:_t,variants:je,style:g$1,isVisible:!!v,children:v&&jsx(a$1,{title:v,children:jsx(Et,{"data-testid":"ChargeStatusIcon_AcquirerIconWrapper",style:{background:x?.background,...c},children:jsx(Dt,{src:x?.acquirerIcon,alt:"acquirer-icon","data-testid":"ChargeStatusIcon_AcquirerIcon",style:T})})})})]}):jsx(a$1,{title:E??C((0, k.default)(t)),children:jsx(o,{children:Ft})})})}var lr=()=>{let{t}=useTranslation(),e=Lc(useId(),"customer-initiated-icon");return jsx(a$1,{title:t("merchantInitiated"),children:jsx("img",{id:e,"data-testid":"merchantInitiatedIcon",src:sb,alt:"merchant",style:{width:"16px",height:"16px"}})})};var dr={G:"Global",R:"Regional",L:"Local"},rt=({geographyVariant:t,countryCode:e,isTextShown:o})=>{let r=t?dr[t]:void 0,l=r||e?`${r||""} ${r&&e?"-":""} ${e?`Country - ${e}`:""}`:void 0;return o||!e?null:jsx(a$1,{title:l,children:jsx(a$4,{countryCode:e})})};var ur=({geographyVariant:t,isTextShown:e,deviceCountry:o,deviceType:r,tableMode:l})=>{let s=Lc(useId(),"device-icon-chip");return jsxs(cr,{id:s,"data-testid":"DeviceIconChip",sx:{display:"flex",gap:"8px",alignItems:"center",...db(l)&&{height:"18px"}},children:[jsx(rt,{geographyVariant:t,isTextShown:e,countryCode:o}),jsx(c,{type:r,isTextShown:e,tableMode:l})]})};var gr=({isDisputeOpen:t,iconStyles:e})=>{let o=Lc(useId(),"dispute-icon");return jsx(p,{id:o,"data-testid":"StatusCell_DisputeStatusIcon",sx:{width:"13.5px",height:"13.5px"},src:t?ta:sa,alt:"dispute-icon",style:e})};var Ze=styled$1(cr,{shouldForwardProp:t=>t!=="tableMode"})(({theme:t,tableMode:e})=>({display:"flex",gap:t.spacing(.5),...db(e)&&{height:"18px"},alignItems:"center"})),to=styled$1("span")(({theme:t})=>({fontSize:"10px",fontWeight:500,color:t.palette.text.primary}));function Nt({countryCode:t,isTextShown:e,cardNumber:o,bankName:r,tableMode:l}){let s=Lc(useId(),"issuer-icon"),i=o?.slice(0,4),n=o?.slice(-4);return jsxs(Ze,{id:s,"data-testid":"IssuerIcon",tableMode:l,children:[t&&jsx(rt,{countryCode:t,isTextShown:e}),jsx(a$1,{title:`${r?`Issuer - ${r}`:""}`,children:jsx(to,{children:`${i||""} ${n||""}`})})]})}var br=Nt;var eo=b(V(),1);styled(motion.div)(({theme:t,background:e})=>({display:"flex",alignItems:"center",justifyContent:"flex-start",gap:t.spacing(.5),paddingInline:t.spacing(.75),paddingBlock:t.spacing(.5),backgroundColor:e,height:"24px",width:"fit-content",borderRadius:"24px",fontSize:"10px",color:t.palette.text.primary}));var Mi=styled("img")(()=>({height:"13.125px",width:"12px"})),bt=styled("div")(()=>({fontSize:"11px",display:"flex",alignItems:"center",justifyContent:"center",width:"65px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",padding:"4.5px 8px",borderRadius:"24px"})),Ni=styled("div")(({theme:t})=>({color:t.palette.common.white,background:t.palette.error.main,fontSize:"0.6rem",fontWeight:600,borderRadius:"16px",padding:"2px 8px",display:"flex",alignItems:"center",justifyContent:"center"})),zi=styled("div")(()=>({display:"flex",alignItems:"center",justifyContent:"center",width:"16px",height:"16px"}));var wr=({payoutStatus:t="PENDING",isTextShown:e,payoutTooltip:o,iconStyles:r,isSheetViewShown:l,chipIndex:s=0,selectionProps:i={}})=>{let{t:n}=useTranslation(),d=Lc(useId(),"payout-icon"),p$1=n((0, eo.default)(t)),f=o||p$1;return l?jsx(b$2,{chipIndex:s,copyText:p$1,selectionProps:i,children:p$1}):jsx(a$1,{title:f,children:e?jsx(bt,{id:d,"data-testid":"StatusCell_PayoutStatusLabel",children:p$1}):jsx(p,{id:d,src:e$1[t],alt:"settled-icon","data-testid":"StatusCell_PayoutStatusIcon",style:r})})};var no=b(V(),1);var oo=styled$1(motion.img)(()=>({width:"14px",height:"14px"})),ro=styled$1(motion.span)(({theme:t})=>({color:t.palette.common.white,borderRadius:t.spacing(.5),height:"12px",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"9.782px",fontWeight:600,backgroundColor:t.palette.secondary.main})),zt=styled$1(motion.div)(({theme:t})=>({height:"16px",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:`${t.palette.secondary.main}1A`,paddingInline:t.spacing(.5),borderRadius:"56px"}));var ep=styled$1(motion.span)(({isTextShown:t,theme:e})=>({border:`1px solid ${e.palette.divider}`,borderRadius:"12px",backgroundColor:e.palette.background.paper,height:"24px",display:"flex",alignItems:"center",justifyContent:"center",minWidth:t?"auto":"36px",...t&&{border:"none"}})),op=styled$1(motion.div,{shouldForwardProp:t=>t!=="statusesCount"})(({statusesCount:t})=>({display:"flex",alignItems:"center",justifyContent:"center",position:"absolute",minWidth:`${t*6+36}px `,minHeight:"24px",cursor:"pointer",borderRadius:"16px"})),rp=styled$1(motion.div)(()=>({display:"flex",gap:"4px",justifyContent:"flex-start",alignItems:"center",position:"relative",width:"100%",overflow:"visible"}));var Rr=({isTextShown:t,refundStatus:e="PENDING",refundTooltip:o="",refundCount:r,iconStyles:l,isSheetViewShown:s,chipIndex:i=0,selectionProps:n={}})=>{let{t:d$1}=useTranslation(),p$1=useTheme$1(),f=Lc(useId(),"refund-icon"),c=(r||0)>1,g=d$1((0, no.default)(e));if(s)return jsxs(b$2,{chipIndex:i,selectionProps:n,copyText:g,children:[g," ",c?`${r}x`:null]});let T=jsxs(ro,{"data-testid":"StatusCell_RefundsCountBadge",initial:{width:0,opacity:0,padding:"0px"},transition:{animate:{duration:.5},fadeIn:{duration:.2}},variants:{animate:{width:"auto",display:"flex",padding:"1.285px 2.569px"},fadeIn:{transition:{delay:.5},opacity:1}},children:[r,"x"]});return t?jsx(a$1,{title:jsx("div",{children:jsx("div",{children:o})}),children:jsx(bt,{id:f,"data-testid":"StatusCell_RefundStatusLabel",sx:{color:d[e].color,backgroundColor:d[e].backgroundColor,width:"90px"},children:jsxs(zt,{whileInView:c?["animate","fadeIn"]:void 0,variants:{animate:{boxShadow:p$1.shadows[4],gap:p$1.spacing(.5)}},children:[g," ",c?T:null]})})}):jsx(a$1,{title:jsx("div",{children:jsx("div",{children:o})}),children:c?jsxs(zt,{id:f,whileHover:["animate","fadeIn"],animate:"start",variants:{animate:{boxShadow:p$1.shadows[4],gap:p$1.spacing(.5)}},children:[jsx(oo,{src:ak,alt:"multi-refunded-icon","data-testid":"StatusCell_MultiRefundIcon"}),T]}):jsx(p,{id:f,src:c$1[e],alt:"refunded-icon","data-testid":"StatusCell_RefundStatusIcon",style:l})})},ao=Rr;var kr=ao;var Pt=b(V(),1);var Br={american_express:"AMEX",debit:"card",credit:"card"},L=t=>Br[t?.toLowerCase()||""]||t;var co=b(V(),1);styled("span")(({theme:t})=>({display:"flex",alignItems:"center",justifyContent:"flex-start",gap:t.spacing(1)}));var io=styled("img")(()=>({maxWidth:"24px",maxHeight:"16px"}));styled(motion.span,{shouldForwardProp:t=>t!=="sourcesCount"})(({theme:t,sourcesCount:e})=>({display:"flex",alignItems:"center",justifyContent:"flex-start",position:"absolute",minWidth:`${e*6+36}px `,minHeight:"24px",cursor:"pointer",backgroundColor:t.palette.background.paper,borderRadius:"16px"}));var po=styled("span")(({theme:t})=>({fontSize:"11px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",padding:"2px 0",color:t.palette.text.primary})),so=styled("div")(()=>({display:"flex",alignItems:"center",justifyContent:"center",paddingInline:"8px",textAlign:"center",width:"100%"}));styled("span")(({theme:t})=>({position:"absolute",left:0,zIndex:6,border:`1px solid ${t.palette.divider}`,borderRadius:"12px",backgroundColor:t.palette.background.paper,width:"36px",height:"24px",display:"flex",alignItems:"center",justifyContent:"center"}));var lo=styled("span")(({theme:t})=>({fontSize:"10px",fontWeight:500,color:t.palette.text.primary}));function wt({source:t,isTextShown:e,title:o,width:r,height:l,imgSx:s}){let{t:i}=useTranslation(),n=h(t);return jsx(a$1,{title:o,children:e?jsx(so,{"data-testid":"SourceCell_BadgeTextWrapper",children:jsx(po,{"data-testid":"SourceCell_TextLabel","data-source":t,children:i((0, co.default)(t))})}):jsx(io,{src:n,alt:t,width:r,height:l,onError:d=>{d.currentTarget.src=h("card");},sx:s})})}function Mr({payment:t,card:e,isTextShown:o,firstIcon:r}){let l=Lc(useId(),"source-icons"),{t:s}=useTranslation(),i=useCallback(()=>{let p=[],f=oc(t),c=t?.method,g=t?.scheme;return L(c)?.toLowerCase()===L(g)?.toLowerCase()?p.push(L(c),L(f)):p.push(L(c),L(f),L(g)),p},[t]),n=useMemo(()=>jsx(wt,{source:r,isTextShown:o,title:s((0, Pt.default)(r))},r),[r,o,s]),d=useMemo(()=>i()?.filter(p=>!!p&&p!==r)?.map((p,f,c)=>{let g=t?.wallet===s("sv_wallet")?s("storedValueWallet"):s("passThruWallet"),T=f===c.length-1&&e?.last_four?`${s((0, Pt.default)(p))} - ${e?.last_four}`:s((0, Pt.default)(p));return jsx(wt,{source:p,isTextShown:o,title:f===0&&p==="Wallet"?g:T},`${p}-${f}`)}),[i,t,e,o,s,r]);return jsxs(Box,{id:l,"data-testid":"SourceIcons",display:"flex",alignItems:"center",gap:.5,children:[r&&n,d,e?.last_four&&jsxs(lo,{children:["\xB7\xB7\xB7 ",e?.last_four]})]})}var at={PROCESSED:Cg,FAILED:""};var xo=styled("span")(({theme:t})=>({fontSize:"11px",padding:"2px 0",color:t.palette.text.primary})),go=styled("img")(()=>({width:"16px",height:"16px"})),Io=styled("span")(()=>({width:"24px",height:"24px",borderRadius:"50%",backgroundColor:"transparent",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0}));var Wt=b(V(),1);function ho({status:t,isTextShown:e,isSheetViewShown:o,chipIndex:r=0,selectionProps:l={}}){let s=useTheme(),{t:i}=useTranslation(),n=Lc(useId(),"destination-icon"),d=i((0, Wt.default)(t));return o&&at[t]?jsx(b$2,{copyText:d,chipIndex:r,selectionProps:l,children:d}):e&&at[t]?jsx(xo,{id:n,"data-testid":"ChargeStatusIcon_isTextShown","data-status":(0, Wt.default)(t),sx:{background:"#1F88D00D",color:t==="PROCESSED"?s.palette.info.dark:s.palette.common.black},children:d}):jsx(Io,{id:n,"data-testid":"DestinationIcon",className:"destination-status",children:t&&at[t]&&jsx(a$1,{title:i((0, Wt.default)(t)),children:jsx(go,{src:at[t],alt:"destination-icon"})})})}export{ep as a,op as b,rp as c,Ro as d,Lo as e,Do as f,_e as g,Jo as h,V as i,er as j,ir as k,lr as l,rt as m,ur as n,gr as o,br as p,Mi as q,Ni as r,zi as s,wr as t,kr as u,L as v,wt as w,Mr as x,ho as y};

package/build/components/_v2/composites/AmountSlider/AmountSlider.d.ts

@@ -1,34 +0,0 @@
-import { type ReactNode } from 'react';
-import type { SxProps, Theme } from '@mui/material/styles';
-import type { SliderProps } from '../../primitives/Slider';
-import type { InputFeedbackProps } from '../../primitives/InputFeedback';
-export interface AmountSliderProps extends SliderProps {
-    /** Currency code for display (e.g., 'KWD', 'USD') */
-    currency?: string;
-    /** Field label */
-    label?: ReactNode;
-    /** Label for minimum value */
-    minLabel?: ReactNode;
-    /** Label for maximum value */
-    maxLabel?: ReactNode;
-    /**
-     * Rich feedback panel rendered flush below the input.
-     * Adjusts the input border colour and radius to connect visually.
-     */
-    feedback?: InputFeedbackProps | null;
-    /** Custom formatter for displaying values */
-    formatValue?: (value: number) => string;
-    /** Hide currency display */
-    hideCurrency?: boolean;
-    /** Stretches the field to 100% of its container */
-    fullWidth?: boolean;
-    /** MUI sx style overrides for the root wrapper */
-    sx?: SxProps<Theme>;
-}
-/**
- * Complete amount slider field with currency display, value formatting, and feedback.
- * Combines Slider primitive with currency flag, formatted value display, and range labels.
- * Supports rich feedback messages and custom value formatting.
- */
-declare const AmountSlider: import("react").NamedExoticComponent<AmountSliderProps>;
-export default AmountSlider;

package/build/components/_v2/composites/AmountSlider/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './AmountSlider';
-export type { AmountSliderProps } from './AmountSlider';

package/build/components/_v2/composites/Autocomplete/Autocomplete.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { AutocompleteProps, AutocompleteOption } from './type';
-declare const Autocomplete: <T = AutocompleteOption>(props: AutocompleteProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
-export default Autocomplete;

package/build/components/_v2/composites/Autocomplete/icons/LoadingIcon.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-/** Small circular stroke loader (e.g. menu search / autocomplete loading adornment). */
-declare const LoadingIcon: React.FC<React.SVGProps<SVGSVGElement>>;
-export default LoadingIcon;

package/build/components/_v2/composites/Autocomplete/icons/SearchIcon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const SearchIcon: React.FC<React.SVGProps<SVGSVGElement>>;
-export default SearchIcon;

package/build/components/_v2/composites/Autocomplete/icons/index.d.ts

@@ -1,2 +0,0 @@
-export { default as SearchIcon } from './SearchIcon';
-export { default as LoadingIcon } from './LoadingIcon';

package/build/components/_v2/composites/Autocomplete/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './Autocomplete';
-export type { AutocompleteProps, AutocompleteOption } from './type';

package/build/components/_v2/composites/Autocomplete/style.d.ts

@@ -1,83 +0,0 @@
-/// <reference types="react" />
-import type { Theme } from '@mui/material/styles';
-/** Styled Popper matching FormSelect dropdown styling */
-export declare const StyledAutocompletePopper: import("@emotion/styled").StyledComponent<import("@mui/material/Popper").PopperProps & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
-/** In-menu search field loading spinner wrapper (Select + searchable listbox). */
-export declare const FormSelectMenuSearchLoadingRoot: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
-/** Search glyph wrapper for searchable autocomplete popup indicator. */
-export declare const FormSelectSearchablePopupIconRoot: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
-/** Autocomplete TextField with custom styling for floating label and feedback support */
-export declare const StyledAutocompleteTextField: import("@emotion/styled").StyledComponent<{
-    variant?: import("@mui/material/TextField").TextFieldVariants | undefined;
-} & Omit<import("@mui/material/TextField").FilledTextFieldProps | import("@mui/material/TextField").OutlinedTextFieldProps | import("@mui/material/TextField").StandardTextFieldProps, "variant"> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
-/**
- * Autocomplete TextField sx generator with feedback support
- * Handles dynamic styles including label color on error and padding based on label
- */
-export declare const getAutocompleteTextFieldSx: (theme: Theme, options: {
-    label?: string;
-    isError?: boolean;
-    feedbackSx?: Record<string, unknown>;
-}) => {
-    backgroundColor: string;
-    border: string;
-    '& .MuiOutlinedInput-root': {
-        height: number;
-        backgroundColor: string;
-        border: string;
-        borderRadius: string;
-        '& fieldset': {
-            border: string;
-        };
-        '&:hover fieldset': {
-            border: string;
-        };
-        '&.Mui-focused fieldset': {
-            border: string;
-        };
-        '&:hover': {
-            borderColor: string;
-        };
-        '&.Mui-focused': {
-            boxShadow: string;
-        };
-    };
-    '& .MuiOutlinedInput-input': {
-        fontFamily: import("csstype").Property.FontFamily | undefined;
-        fontSize: string;
-        fontWeight: number;
-        lineHeight: string;
-        letterSpacing: string;
-        padding: string;
-        color: string;
-        '&::placeholder': {
-            color: string;
-            opacity: number;
-            fontFamily: import("csstype").Property.FontFamily | undefined;
-            fontSize: string;
-            fontWeight: number;
-            lineHeight: string;
-        };
-    };
-    '& .MuiFormLabel-root': {
-        fontSize: string;
-        fontWeight: number;
-        color: string;
-        transform: string;
-        transformOrigin: string;
-        transition: string;
-    };
-    '& .MuiFormLabel-root.MuiInputLabel-shrink': {
-        transform: string;
-        color: string;
-    };
-    '& .MuiAutocomplete-endAdornment': {
-        position: string;
-        right: string;
-        marginRight: string;
-    };
-};

package/build/components/_v2/composites/Autocomplete/type.d.ts

@@ -1,81 +0,0 @@
-import type { ReactNode } from 'react';
-import type { SxProps, Theme } from '@mui/material/styles';
-import type { InputFeedbackProps } from '../../primitives/InputFeedback/type';
-export interface AutocompleteOption {
-    label?: string;
-    value?: string | number;
-    disabled?: boolean;
-    [key: string]: unknown;
-}
-/**
- * Props for Autocomplete — a single-select field with autocomplete/typing support.
- * Similar to FormSelect's searchable prop but styled to match Select composite.
- * Users can type to search and filter options from a dropdown menu.
- *
- * **Value handling:** `value` and `onChange` work with primitive identifiers (strings),
- * not full option objects. This provides better integration with form libraries.
- */
-export interface AutocompleteProps<T = AutocompleteOption> {
-    /** Visible label rendered above the input */
-    label?: string;
-    /** Plain helper text shown below when no feedback is supplied */
-    helperText?: ReactNode;
-    /**
-     * Rich feedback panel rendered flush below the input.
-     * Adjusts the input border colour and radius to connect visually.
-     * Takes priority over `helperText` when both are supplied.
-     */
-    feedback?: InputFeedbackProps | null;
-    /** Marks the input border as error state */
-    error?: boolean;
-    /** Styling for the field root wrapper */
-    sx?: SxProps<Theme>;
-    /** List of options to populate the dropdown */
-    options?: T[];
-    /** Currently selected value — a primitive identifier string (not the full option object) */
-    value?: string | null;
-    /** Called with the selected value as a primitive identifier string (or `null` when cleared) */
-    onChange?: (value: string | null) => void;
-    /** Returns the display string for an option row */
-    getOptionLabel?: (option: T) => string;
-    /** Extracts the primitive identifier (value) from an option. Defaults to `option.value` then `option.id` */
-    getOptionValue?: (option: T) => string;
-    /** Custom renderer for each option row in the dropdown */
-    renderOption?: (option: T) => ReactNode;
-    /** Custom equality check: compares option's value with current selected value */
-    isOptionEqualToValue?: (option: T, value: string) => boolean;
-    /** When it returns `true` the option is rendered but not selectable */
-    getOptionDisabled?: (option: T) => boolean;
-    /** Placeholder text shown when no option is selected */
-    placeholder?: string | null;
-    /** When true, shows a ✕ to clear the selection */
-    clearable?: boolean;
-    /** Called when the ✕ is clicked */
-    onClear?: () => void;
-    /** When true, shows a skeleton loader inside the dropdown */
-    loading?: boolean;
-    /** Whether the field is disabled */
-    disabled?: boolean;
-    /** Stretches the input to 100% of its container */
-    fullWidth?: boolean;
-    /** Callback when the search input value changes */
-    onSearchInputChange?: (value: string) => void;
-    /** Text shown when no options match the search */
-    noOptionsText?: string;
-    /** Text shown while options are loading */
-    loadingText?: string;
-    /** Delay (ms) before triggering search - useful for API calls */
-    searchDebounceMs?: number;
-    /**
-     * Custom search icon component. Renders in the end adornment (right side of input) when user types and loading is false.
-     * Always visible, not clickable, purely decorative.
-     * @default SearchIcon
-     */
-    searchIcon?: ReactNode;
-    /**
-     * Custom loading icon component. Renders in the end adornment (right side of input) when loading is true.
-     * Always visible, not clickable, purely decorative.
-     * @default LoadingIcon (animated spinner)
-     */
-    loadingIcon?: ReactNode;
-}

package/build/components/_v2/composites/CountryFlag/CountryFlag.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import type { IconProps } from '../../primitives/Icon';
-export interface CountryFlagProps extends Omit<IconProps, 'src'> {
-    /** ISO 3166-1 alpha-2 country code (e.g. `"SA"`) used to resolve the flag image */
-    countryCode?: string;
-    /** ISO 4217 currency code (e.g. `"SAR"`) used as a fallback for flag resolution */
-    currencyCode?: string;
-    /** Width of the flag image in pixels (height scales proportionally) */
-    width?: number;
-}
-declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Readonly<CountryFlagProps> & import("react").RefAttributes<HTMLImageElement>>>;
-export default _default;

package/build/components/_v2/composites/CountryFlag/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './CountryFlag';
-export type { CountryFlagProps } from './CountryFlag';

package/build/components/_v2/composites/GroupedSelect/GroupedSelect.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type { GroupedSelectProps } from './type';
-declare const GroupedSelect: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Readonly<GroupedSelectProps> & import("react").RefAttributes<HTMLDivElement>>>;
-export default GroupedSelect;

package/build/components/_v2/composites/GroupedSelect/components/GroupedSelectTrigger.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { GroupedSelectTriggerProps } from '../type';
-declare const GroupedSelectTrigger: React.MemoExoticComponent<React.ForwardRefExoticComponent<Readonly<GroupedSelectTriggerProps> & React.RefAttributes<HTMLDivElement>>>;
-export default GroupedSelectTrigger;

package/build/components/_v2/composites/GroupedSelect/components/SelectedCheckIcon.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export default function SelectedCheckIcon(): import("react").JSX.Element;

package/build/components/_v2/composites/GroupedSelect/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './GroupedSelect';
-export type { GroupedSelectProps, GroupedSelectTriggerProps, GroupedOption, OptionGroup } from './type';

package/build/components/_v2/composites/GroupedSelect/style.d.ts

@@ -1,31 +0,0 @@
-/// <reference types="react" />
-import type { SxProps, Theme } from '@mui/material/styles';
-import type { AccordionSlotProps } from '../../primitives/Accordion';
-export { FloatingLabel } from '../../primitives/FormField';
-export declare const GroupMenuWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
-export declare function getPopoverSlotProps(paperWidth: number | undefined): {
-    readonly paper: {
-        readonly sx: {
-            readonly width: number | undefined;
-            readonly maxWidth: "unset";
-            readonly boxSizing: "border-box";
-            readonly borderRadius: "4px";
-            readonly backgroundColor: "common.white";
-            readonly mt: "4px";
-            readonly boxShadow: "-26px 156px 44px 0px rgba(0,0,0,0.00), -17px 100px 41px 0px rgba(0,0,0,0.01), -9px 56px 34px 0px rgba(0,0,0,0.05), -4px 25px 25px 0px rgba(0,0,0,0.09), -1px 6px 14px 0px rgba(0,0,0,0.10), 0px 0px 0px 0px rgba(0,0,0,0.10)";
-        };
-    };
-};
-export declare function getGroupAccordionSlotProps(isExpanded: boolean): AccordionSlotProps;
-export declare const OptionItem: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme> & {
-    $selected?: boolean | undefined;
-}, {}, {}>;
-/** Returns the base sx for the SelectRoot trigger inside GroupedSelectTrigger. */
-export declare function getGroupedTriggerSelectSx({ size, hasLabel }: {
-    size: 'sm' | 'md' | 'lg';
-    hasLabel: boolean;
-}): SxProps<Theme>;

package/build/components/_v2/composites/GroupedSelect/type.d.ts

@@ -1,80 +0,0 @@
-import type { ReactNode } from 'react';
-import type { SxProps, Theme } from '@mui/material/styles';
-import type { InputFeedbackProps } from '../../primitives/InputFeedback';
-import type { SelectSize } from '../../primitives/SelectBase/type';
-/** A single option inside a group. */
-export interface GroupedOption {
-    /** Unique string key used for selection comparison. */
-    value: string;
-    /** Display label shown in the trigger and option row. */
-    label: string;
-}
-/** One collapsible group of options. */
-export interface OptionGroup {
-    /** Group header text shown in the AccordionSummary. */
-    label: string;
-    options: GroupedOption[];
-}
-/** Props for the bare GroupedSelect trigger control (internal use only). */
-export interface GroupedSelectTriggerProps {
-    /** Currently selected value — a primitive identifier string (not the full option object), or null when empty */
-    value?: string | null;
-    /** Called when the user picks an option, passing the selected value as a primitive identifier string */
-    onChange?: (value: string) => void;
-    /** Grouped option data rendered as accordion sections. */
-    groups: OptionGroup[];
-    /** Placeholder text shown when no option is selected. */
-    placeholder?: string | null;
-    disabled?: boolean;
-    /** Shows a loading spinner in place of the chevron and disables the trigger. */
-    loading?: boolean;
-    /** Shows error border on the trigger. */
-    error?: boolean;
-    /** Height variant — matches Select size tokens. */
-    size?: SelectSize;
-    /**
-     * @internal
-     * When true the trigger height increases to 40 px to leave room for a
-     * floating label rendered by the parent `GroupedSelect` (composite).
-     */
-    hasLabel?: boolean;
-    /**
-     * Custom renderer for an option row.
-     * Receives the option and whether it is currently selected.
-     */
-    renderOption?: (option: GroupedOption, isSelected: boolean) => ReactNode;
-    /**
-     * Custom equality check: compares option's value with the current selected value string.
-     * Defaults to `option.value === value`.
-     */
-    isOptionEqualToValue?: (option: GroupedOption, value: string) => boolean;
-    /** Index of the accordion group that starts expanded. Defaults to 0. */
-    defaultExpandedGroup?: number | null;
-    sx?: SxProps<Theme>;
-    /**
-     * @internal
-     * Extra styles forwarded directly to the inner `SelectRoot` trigger element.
-     * Used by the `GroupedSelect` composite to apply `feedbackSx` (border / radius
-     * overrides) without creating a double-border with the outer container.
-     */
-    selectSx?: SxProps<Theme>;
-    fullWidth?: boolean;
-    /** Called when the dropdown popover opens. */
-    onOpen?: () => void;
-    /** Called when the dropdown popover closes. */
-    onClose?: () => void;
-}
-/** Props for the full `GroupedSelect` field (trigger + floating label + feedback). */
-export interface GroupedSelectProps extends GroupedSelectTriggerProps {
-    /** Visible label rendered above the select. */
-    label?: string;
-    /** Plain helper text shown below when no feedback is supplied. */
-    helperText?: ReactNode;
-    /**
-     * Rich feedback panel rendered flush below the select.
-     * Takes priority over `helperText` when both are supplied.
-     */
-    feedback?: InputFeedbackProps | null;
-    /** Styling for the field root wrapper. */
-    fieldSx?: SxProps<Theme>;
-}

package/build/components/_v2/composites/MultiSelect/MultiSelect.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { MultiSelectProps } from '../../primitives/MultiSelectBase';
-import type { SelectOption } from '../../primitives/SelectBase';
-declare const MultiSelect: <T = SelectOption>(props: MultiSelectProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
-export default MultiSelect;

package/build/components/_v2/composites/MultiSelect/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './MultiSelect';
-export type { MultiSelectProps } from '../../primitives/MultiSelectBase';

package/build/components/_v2/composites/MultiSelect/style.d.ts

@@ -1 +0,0 @@
-export { FloatingLabel } from '../../primitives/FormField';

package/build/components/_v2/composites/NestedMultiSelect/NestedMultiSelect.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { NestedMultiSelectProps, NestedOption } from './type';
-declare const NestedMultiSelect: React.ForwardRefExoticComponent<Readonly<NestedMultiSelectProps<NestedOption>> & React.RefAttributes<HTMLDivElement>>;
-export default NestedMultiSelect;

package/build/components/_v2/composites/NestedMultiSelect/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './NestedMultiSelect';
-export type { NestedMultiSelectProps, NestedOption, TreeNode, NestedSubGroup } from './type';

package/build/components/_v2/composites/NestedMultiSelect/style.d.ts

@@ -1,47 +0,0 @@
-/// <reference types="react" />
-export { FloatingLabel } from '../../primitives/FormField';
-/**
- * The outer trigger box — matches the old TriggerWrapper exactly:
- * grey[400] background, grey[100] border, 4px radius, column-flex, relative for arrow.
- */
-export declare const TriggerBox: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    $open?: boolean | undefined;
-    $disabled?: boolean | undefined;
-    $error?: boolean | undefined;
-}, {}, {}>;
-export declare const TriggerLabel: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const PlaceholderText: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const TriggerArrow: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const BadgesWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const Badge: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    maxWidth?: number | undefined;
-}, {}, {}>;
-/**
- * Mirrors old Container: flex column, 4px gap, 4px padding.
- */
-export declare const MenuContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const MenuSearchInput: import("@emotion/styled").StyledComponent<import("@mui/material/Input").InputProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
-export declare const MenuItemRow: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    $selected?: boolean | undefined;
-}, {}, {}>;
-export declare const LeafItemRow: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    $selected?: boolean | undefined;
-}, {}, {}>;

package/build/components/_v2/composites/NestedMultiSelect/type.d.ts

@@ -1,92 +0,0 @@
-import type { ReactNode } from 'react';
-import type { SxProps, Theme } from '@mui/material/styles';
-import type { InputFeedbackProps } from '../../primitives/InputFeedback';
-import type { SelectSize } from '../../primitives/SelectBase/type';
-/**
- * A leaf option that can be selected. The only required fields are a unique key
- * and a display label — use `getOptionValue` / `getOptionLabel` to map your own
- * object shape.
- */
-export interface NestedOption {
-    label: string;
-    value: string;
-    [key: string]: unknown;
-}
-/**
- * A node in the option tree. It is either:
- *   - A **branch** node: has `children` (array of TreeNode) but no `value` — rendered as a hoverable row with a fly-out
- *   - A **leaf** node: has `value` (selectable option) — rendered as a checkbox row
- */
-export interface TreeNode<T extends NestedOption = NestedOption> {
-    /** Display label for this node (shown in the row). */
-    label: string;
-    /**
-     * Child nodes. When present this is a branch; when absent/empty this is a leaf.
-     * Branches open a fly-out menu on hover.
-     */
-    children?: TreeNode<T>[];
-    /**
-     * Unique key for this leaf option. When present (even with children absent) this node
-     * is treated as a leaf and can be selected/deselected.
-     */
-    value?: string;
-    /** Any extra fields on the option object — forwarded to renderOption/getOptionLabel. */
-    [key: string]: unknown;
-}
-/** @deprecated Use TreeNode instead. Will be removed in a future release. */
-export type NestedSubGroup<T extends NestedOption = NestedOption> = TreeNode<T>;
-export interface NestedMultiSelectProps<T extends NestedOption = NestedOption> {
-    /**
-     * Nested option tree — supports arbitrary depth via recursive TreeNode structure.
-     * Branch nodes (with `children`) open fly-out menus; leaf nodes (with `value`) are selectable.
-     */
-    nodes?: TreeNode<T>[];
-    /** Currently selected option values (controlled) — array of primitive identifiers (strings), not full option objects. */
-    value?: string[];
-    /** Called with the updated selection of primitive identifiers whenever an option is toggled. */
-    onChange?: (selected: string[]) => void;
-    /** Returns the display string for an option. Defaults to `option.label`. */
-    getOptionLabel?: (option: T) => string;
-    /** Returns the unique key for an option. Defaults to `option.value`. */
-    getOptionValue?: (option: T) => string;
-    /** Custom renderer for a leaf option row inside the fly-out leaf panel. */
-    renderOption?: (option: T, isSelected: boolean) => ReactNode;
-    /**
-     * When true (default), shows a search input inside the popover.
-     * Filters leaf options by the string returned from `getOptionLabel`.
-     */
-    searchable?: boolean;
-    /** Placeholder for the in-popover search input. @default 'Search' */
-    searchPlaceholder?: string | null;
-    /** Floating label rendered above the trigger. */
-    label?: string;
-    /** Placeholder shown in the trigger when nothing is selected. */
-    placeholder?: string | null;
-    /** Plain helper text shown below when no feedback is supplied. */
-    helperText?: string;
-    /**
-     * Rich feedback panel rendered flush below the trigger.
-     * Takes priority over `helperText` when both are supplied.
-     */
-    feedback?: InputFeedbackProps | null;
-    /** Marks the field as error state. */
-    error?: boolean;
-    disabled?: boolean;
-    /** Loading spinner replaces the search icon while options are being fetched. */
-    loading?: boolean;
-    /**
-     * How many selected badges to show in the trigger before collapsing to "+N".
-     * @default 2
-     */
-    maxBadges?: number;
-    /** Height variant — matches other v2 select size tokens. */
-    size?: SelectSize;
-    /** Stretches the trigger to 100 % of its container. */
-    fullWidth?: boolean;
-    /** Styling for the outer field root wrapper. */
-    sx?: SxProps<Theme>;
-    /** Styling overrides for the select trigger control. */
-    triggerSx?: SxProps<Theme>;
-    onOpen?: () => void;
-    onClose?: () => void;
-}