@clerk/ui 1.23.1 → 1.23.2-canary.v20260629195910

package/dist/8746_ui_2e7286_1.23.2-canary.v20260629195910.js

@@ -0,0 +1 @@
+"use strict";(globalThis.rspackChunk_clerk_ui=globalThis.rspackChunk_clerk_ui||[]).push([[8746],{3623(o,e,t){var n=t(9763),r=t(8029),i=t(7816),s=t(9997),c=t(5682),u=t(9348),l=t(3592),a=t(6887),d=t(8342),p=t(1046),B=t(9230),m=t(7975),I=t(2930),$=t(408),A=t(5047);t.d(e,{},{iR:o=>{let{navigate:e}=(0,r.r)(),{handleManageAccountClicked:t,handleSignOutSessionClicked:s,handleUserProfileActionClicked:c,session:B}=o,{menutItems:m}=(0,l.Y)(),{t:I}=(0,a._)(),$=o=>({borderTopWidth:o.borderWidths.$normal,borderTopStyle:o.borderStyles.$solid,borderTopColor:o.colors.$borderAlpha100,padding:`${o.space.$4} ${o.space.$5}`}),A=async n=>n?.path?(await e(n.path),o?.completedCallback()):n.id===u.dY.MANAGE_ACCOUNT?await t():n?.open?c(n.open):(n.onClick?.(),o?.completedCallback());return(0,n.Y)(i.En,{role:"group","aria-label":I((0,d.G)("userButton.label__accountActions")),elementDescriptor:p.$z.userButtonPopoverActions,elementId:p.$z.userButtonPopoverActions.setId("singleSession"),sx:o=>({borderTopWidth:o.borderWidths.$normal,borderTopStyle:o.borderStyles.$solid,borderTopColor:o.colors.$borderAlpha100}),children:m?.map(o=>{let e;return e=Object.values(u.dY).includes(o.id)?{elementDescriptor:p.$z.userButtonPopoverActionButton,elementId:p.$z.userButtonPopoverActionButton.setId(o.id),iconBoxElementDescriptor:p.$z.userButtonPopoverActionButtonIconBox,iconBoxElementId:p.$z.userButtonPopoverActionButtonIconBox.setId(o.id),iconElementDescriptor:p.$z.userButtonPopoverActionButtonIcon,iconElementId:p.$z.userButtonPopoverActionButtonIcon.setId(o.id)}:{elementDescriptor:p.$z.userButtonPopoverCustomItemButton,elementId:p.$z.userButtonPopoverCustomItemButton.setId(o.id),iconBoxElementDescriptor:p.$z.userButtonPopoverCustomItemButtonIconBox,iconBoxElementId:p.$z.userButtonPopoverCustomItemButtonIconBox.setId(o.id),iconElementDescriptor:p.$z.userButtonPopoverActionItemButtonIcon,iconElementId:p.$z.userButtonPopoverActionItemButtonIcon.setId(o.id)},(0,n.Y)(i.rc,{...e,icon:o.icon,label:o.name,onClick:o.id===u.dY.SIGN_OUT?s(B):()=>A(o),sx:$,iconSx:o=>({width:o.sizes.$4,height:o.sizes.$4})},o.id)})})},pS:o=>{let{navigate:e}=(0,r.r)(),{handleManageAccountClicked:t,handleSignOutSessionClicked:g,handleSessionClicked:v,handleAddAccountClicked:P,handleUserProfileActionClicked:z,session:h,otherSessions:b}=o,{menutItems:x}=(0,l.Y)(),{t:C}=(0,a._)(),S=async n=>n?.path?(await e(n.path),o?.completedCallback()):n.id===u.dY.MANAGE_ACCOUNT?await t():n?.open?z(n.open):(n.onClick?.(),o?.completedCallback()),E=x.every(o=>Object.values(u.dY).includes(o.id));return(0,n.FD)(n.FK,{children:[E?(0,n.Y)(i.Rh,{role:"group","aria-label":C((0,d.G)("userButton.label__accountActions")),elementDescriptor:p.$z.userButtonPopoverActions,elementId:p.$z.userButtonPopoverActions.setId("multiSession"),children:(0,n.FD)(B.so,{justify:"between",sx:o=>({marginInlineStart:`calc(${o.sizes.$9} + ${o.space.$4})`,padding:`0 ${o.space.$5} ${o.space.$4}`,gap:o.space.$2}),children:[(0,n.Y)(i.K5,{elementDescriptor:p.$z.userButtonPopoverActionButton,elementId:p.$z.userButtonPopoverActionButton.setId("manageAccount"),iconBoxElementDescriptor:p.$z.userButtonPopoverActionButtonIconBox,iconBoxElementId:p.$z.userButtonPopoverActionButtonIconBox.setId("manageAccount"),iconElementDescriptor:p.$z.userButtonPopoverActionButtonIcon,iconElementId:p.$z.userButtonPopoverActionButtonIcon.setId("manageAccount"),icon:m.A,label:(0,d.G)("userButton.action__manageAccount"),onClick:t,focusRing:!0}),(0,n.Y)(i.K5,{elementDescriptor:p.$z.userButtonPopoverActionButton,elementId:p.$z.userButtonPopoverActionButton.setId("signOut"),iconBoxElementDescriptor:p.$z.userButtonPopoverActionButtonIconBox,iconBoxElementId:p.$z.userButtonPopoverActionButtonIconBox.setId("signOut"),iconElementDescriptor:p.$z.userButtonPopoverActionButtonIcon,iconElementId:p.$z.userButtonPopoverActionButtonIcon.setId("signOut"),icon:I.A,label:(0,d.G)("userButton.action__signOut"),onClick:g(h),focusRing:!0})]})}):(0,n.Y)(i.Rh,{role:"group","aria-label":C((0,d.G)("userButton.label__accountActions")),elementDescriptor:p.$z.userButtonPopoverActions,elementId:p.$z.userButtonPopoverActions.setId("multiSession"),sx:o=>({gap:o.space.$1,paddingBottom:o.space.$2}),children:x?.map(o=>{let e;return e=Object.values(u.dY).includes(o.id)?{elementDescriptor:p.$z.userButtonPopoverActionButton,elementId:p.$z.userButtonPopoverActionButton.setId(o.id),iconBoxElementDescriptor:p.$z.userButtonPopoverActionButtonIconBox,iconBoxElementId:p.$z.userButtonPopoverActionButtonIconBox.setId(o.id),iconElementDescriptor:p.$z.userButtonPopoverActionButtonIcon,iconElementId:p.$z.userButtonPopoverActionButtonIcon.setId(o.id)}:{elementDescriptor:p.$z.userButtonPopoverCustomItemButton,elementId:p.$z.userButtonPopoverCustomItemButton.setId(o.id),iconBoxElementDescriptor:p.$z.userButtonPopoverCustomItemButtonIconBox,iconBoxElementId:p.$z.userButtonPopoverCustomItemButtonIconBox.setId(o.id),iconElementDescriptor:p.$z.userButtonPopoverActionItemButtonIcon,iconElementId:p.$z.userButtonPopoverActionItemButtonIcon.setId(o.id)},(0,n.Y)(i.rc,{...e,icon:o.icon,label:o.name,onClick:o.id===u.dY.SIGN_OUT?g(h):()=>S(o),sx:o=>({border:0,padding:`${o.space.$2} ${o.space.$5}`,gap:o.space.$3x5}),iconSx:o=>({width:o.sizes.$4,height:o.sizes.$4}),iconBoxSx:o=>({minHeight:o.sizes.$4,minWidth:o.sizes.$4,alignItems:"center"})},o.id)})}),(0,n.FD)(i.En,{role:"group","aria-label":C((0,d.G)("userButton.label__activeSessions")),sx:o=>({borderTopStyle:o.borderStyles.$solid,borderTopWidth:o.borderWidths.$normal,borderTopColor:o.colors.$borderAlpha100}),children:[b.map(o=>(0,n.Y)(s.P,{icon:$.A,onClick:v(o),children:(0,n.Y)(c.c,{user:o.user})},o.id)),(0,n.Y)(i.rc,{elementDescriptor:p.$z.userButtonPopoverActionButton,elementId:p.$z.userButtonPopoverActionButton.setId("addAccount"),iconBoxElementDescriptor:p.$z.userButtonPopoverActionButtonIconBox,iconBoxElementId:p.$z.userButtonPopoverActionButtonIconBox.setId("addAccount"),iconElementDescriptor:p.$z.userButtonPopoverActionButtonIcon,iconElementId:p.$z.userButtonPopoverActionButtonIcon.setId("addAccount"),icon:A.A,label:(0,d.G)("userButton.action__addAccount"),onClick:P,iconSx:o=>({width:o.sizes.$9,height:o.sizes.$6}),iconBoxSx:o=>({minHeight:o.sizes.$9,minWidth:o.sizes.$6,alignItems:"center"}),spinnerSize:"md"})]})]})},ww:o=>{let{handleSignOutAllClicked:e,elementDescriptor:t,elementId:r,iconBoxElementDescriptor:s,iconBoxElementId:c,iconElementDescriptor:u,iconElementId:l,label:B,sx:m,actionSx:$}=o,{t:A}=(0,a._)();return(0,n.Y)(i.En,{role:"group","aria-label":A(B||(0,d.G)("userButton.action__signOutAll")),sx:[o=>({padding:o.space.$2}),m],children:(0,n.Y)(i.rc,{elementDescriptor:t||p.$z.userButtonPopoverActionButton,elementId:r||p.$z.userButtonPopoverActionButton.setId("signOutAll"),iconBoxElementDescriptor:s||p.$z.userButtonPopoverActionButtonIconBox,iconBoxElementId:c||p.$z.userButtonPopoverActionButtonIconBox.setId("signOutAll"),iconElementDescriptor:u||p.$z.userButtonPopoverActionButtonIcon,iconElementId:l||p.$z.userButtonPopoverActionButtonIcon.setId("signOutAll"),icon:I.A,label:B||(0,d.G)("userButton.action__signOutAll"),onClick:e,variant:"ghost",colorScheme:"neutral",sx:[o=>({backgroundColor:o.colors.$transparent,padding:`${o.space.$2} ${o.space.$3}`,borderBottomWidth:0,borderRadius:o.radii.$lg}),$],spinnerSize:"md"})})}})},7847(o,e,t){var n=t(7922),r=t(6262),i=t(1868),s=t(7308),c=t(1880),u=t(1584),l=t(4672),a=t(8029);t.d(e,{},{u:o=>{let e=(0,r.ho)(),{setActive:t,signOut:d,openUserProfile:p}=e,B=(0,s.f0)(),{signedInSessions:m,otherSessions:I}=(0,l.z)({user:o.user}),{navigate:$}=(0,a.r)(),{displayConfig:A}=(0,i.O)(),g=(0,r.Sj)();return{handleSignOutSessionClicked:e=>()=>0===I.length?d(o.navigateAfterSignOut):d(o.navigateAfterMultiSessionSingleSignOut,{sessionId:e.id}).finally(()=>B.setIdle()),handleManageAccountClicked:()=>"navigation"===o.userProfileMode?$(o.userProfileUrl||"").finally(()=>{(async()=>{await (0,c.y)(300),o.actionCompleteCallback?.()})()}):(p({getContainer:g,...o.userProfileProps}),o.actionCompleteCallback?.()),handleUserProfileActionClicked:e=>"navigation"===o.userProfileMode?$(o.userProfileUrl||"").finally(()=>{(async()=>{await (0,c.y)(300),o.actionCompleteCallback?.()})()}):(p({getContainer:g,...o.userProfileProps,...e&&{__experimental_startPath:e}}),o.actionCompleteCallback?.()),handleSignOutAllClicked:()=>d(o.navigateAfterSignOut),handleSessionClicked:e=>async()=>(B.setLoading(),t({session:e,navigate:async({session:e})=>{!e.currentTask&&o.afterSwitchSessionUrl?await $(o.afterSwitchSessionUrl):o.taskUrl?await $(o.taskUrl):await (0,n.KA)(e,{baseUrl:o.signInUrl??A.signInUrl,navigate:$})}}).finally(()=>{B.setIdle(),o.actionCompleteCallback?.()})),handleAddAccountClicked:()=>((0,u.F)(e,o.signInUrl||window.location.href),(0,c.y)(2e3)),otherSessions:I,signedInSessions:m}}})},3592(o,e,t){t.d(e,{P:()=>l,Y:()=>a});var n=t(6262),r=t(9701),i=t(6873),s=t(1868),c=t(5135),u=t(8029);let l=(0,r.createContext)(null),a=()=>{let o=(0,r.useContext)(l),e=(0,n.ho)(),{navigate:t}=(0,u.r)(),{displayConfig:a}=(0,s.O)(),d=(0,c.II)();if(!o||"UserButton"!==o.componentName)throw Error("Clerk: useUserButtonContext called outside of the mounted UserButton component.");let{componentName:p,customMenuItems:B,...m}=o,I=m.signInUrl||d.signInUrl||a.signInUrl,$=m.userProfileUrl||a.userProfileUrl,A=e.buildAfterSignOutUrl(),g=e.buildAfterMultiSessionSingleSignOutUrl(),v=m.afterSwitchSessionUrl||a.afterSwitchSessionUrl,P=m.userProfileUrl&&!m.userProfileMode?"navigation":m.userProfileMode,z=(0,r.useMemo)(()=>(0,i.K)(B||[],e),[]);return{...m,componentName:p,navigateAfterMultiSessionSingleSignOut:()=>e.redirectWithAuth(g),navigateAfterSignOut:()=>t(A),signInUrl:I,userProfileUrl:$,afterMultiSessionSingleSignOutUrl:g,afterSignOutUrl:A,afterSwitchSessionUrl:v,userProfileMode:P||"modal",menutItems:z}}}}]);

package/dist/8746_ui_588abe_1.23.2-canary.v20260629195910.js

@@ -0,0 +1 @@
+"use strict";(globalThis.rspackChunk_clerk_ui=globalThis.rspackChunk_clerk_ui||[]).push([[8746],{3623(o,e,t){var n=t(9763),r=t(8029),i=t(7816),s=t(9997),c=t(5682),u=t(9348),l=t(3592),a=t(6887),d=t(8342),p=t(1046),B=t(9230),m=t(7975),I=t(2930),$=t(408),A=t(5047);t.d(e,{},{iR:o=>{let{navigate:e}=(0,r.r)(),{handleManageAccountClicked:t,handleSignOutSessionClicked:s,handleUserProfileActionClicked:c,session:B}=o,{menutItems:m}=(0,l.Y)(),{t:I}=(0,a._)(),$=o=>({borderTopWidth:o.borderWidths.$normal,borderTopStyle:o.borderStyles.$solid,borderTopColor:o.colors.$borderAlpha100,padding:`${o.space.$4} ${o.space.$5}`}),A=async n=>n?.path?(await e(n.path),o?.completedCallback()):n.id===u.dY.MANAGE_ACCOUNT?await t():n?.open?c(n.open):(n.onClick?.(),o?.completedCallback());return(0,n.Y)(i.En,{role:"group","aria-label":I((0,d.G)("userButton.label__accountActions")),elementDescriptor:p.$z.userButtonPopoverActions,elementId:p.$z.userButtonPopoverActions.setId("singleSession"),sx:o=>({borderTopWidth:o.borderWidths.$normal,borderTopStyle:o.borderStyles.$solid,borderTopColor:o.colors.$borderAlpha100}),children:m?.map(o=>{let e;return e=Object.values(u.dY).includes(o.id)?{elementDescriptor:p.$z.userButtonPopoverActionButton,elementId:p.$z.userButtonPopoverActionButton.setId(o.id),iconBoxElementDescriptor:p.$z.userButtonPopoverActionButtonIconBox,iconBoxElementId:p.$z.userButtonPopoverActionButtonIconBox.setId(o.id),iconElementDescriptor:p.$z.userButtonPopoverActionButtonIcon,iconElementId:p.$z.userButtonPopoverActionButtonIcon.setId(o.id)}:{elementDescriptor:p.$z.userButtonPopoverCustomItemButton,elementId:p.$z.userButtonPopoverCustomItemButton.setId(o.id),iconBoxElementDescriptor:p.$z.userButtonPopoverCustomItemButtonIconBox,iconBoxElementId:p.$z.userButtonPopoverCustomItemButtonIconBox.setId(o.id),iconElementDescriptor:p.$z.userButtonPopoverActionItemButtonIcon,iconElementId:p.$z.userButtonPopoverActionItemButtonIcon.setId(o.id)},(0,n.Y)(i.rc,{...e,icon:o.icon,label:o.name,onClick:o.id===u.dY.SIGN_OUT?s(B):()=>A(o),sx:$,iconSx:o=>({width:o.sizes.$4,height:o.sizes.$4})},o.id)})})},pS:o=>{let{navigate:e}=(0,r.r)(),{handleManageAccountClicked:t,handleSignOutSessionClicked:g,handleSessionClicked:v,handleAddAccountClicked:P,handleUserProfileActionClicked:z,session:h,otherSessions:b}=o,{menutItems:x}=(0,l.Y)(),{t:C}=(0,a._)(),S=async n=>n?.path?(await e(n.path),o?.completedCallback()):n.id===u.dY.MANAGE_ACCOUNT?await t():n?.open?z(n.open):(n.onClick?.(),o?.completedCallback()),E=x.every(o=>Object.values(u.dY).includes(o.id));return(0,n.FD)(n.FK,{children:[E?(0,n.Y)(i.Rh,{role:"group","aria-label":C((0,d.G)("userButton.label__accountActions")),elementDescriptor:p.$z.userButtonPopoverActions,elementId:p.$z.userButtonPopoverActions.setId("multiSession"),children:(0,n.FD)(B.so,{justify:"between",sx:o=>({marginInlineStart:`calc(${o.sizes.$9} + ${o.space.$4})`,padding:`0 ${o.space.$5} ${o.space.$4}`,gap:o.space.$2}),children:[(0,n.Y)(i.K5,{elementDescriptor:p.$z.userButtonPopoverActionButton,elementId:p.$z.userButtonPopoverActionButton.setId("manageAccount"),iconBoxElementDescriptor:p.$z.userButtonPopoverActionButtonIconBox,iconBoxElementId:p.$z.userButtonPopoverActionButtonIconBox.setId("manageAccount"),iconElementDescriptor:p.$z.userButtonPopoverActionButtonIcon,iconElementId:p.$z.userButtonPopoverActionButtonIcon.setId("manageAccount"),icon:m.A,label:(0,d.G)("userButton.action__manageAccount"),onClick:t,focusRing:!0}),(0,n.Y)(i.K5,{elementDescriptor:p.$z.userButtonPopoverActionButton,elementId:p.$z.userButtonPopoverActionButton.setId("signOut"),iconBoxElementDescriptor:p.$z.userButtonPopoverActionButtonIconBox,iconBoxElementId:p.$z.userButtonPopoverActionButtonIconBox.setId("signOut"),iconElementDescriptor:p.$z.userButtonPopoverActionButtonIcon,iconElementId:p.$z.userButtonPopoverActionButtonIcon.setId("signOut"),icon:I.A,label:(0,d.G)("userButton.action__signOut"),onClick:g(h),focusRing:!0})]})}):(0,n.Y)(i.Rh,{role:"group","aria-label":C((0,d.G)("userButton.label__accountActions")),elementDescriptor:p.$z.userButtonPopoverActions,elementId:p.$z.userButtonPopoverActions.setId("multiSession"),sx:o=>({gap:o.space.$1,paddingBottom:o.space.$2}),children:x?.map(o=>{let e;return e=Object.values(u.dY).includes(o.id)?{elementDescriptor:p.$z.userButtonPopoverActionButton,elementId:p.$z.userButtonPopoverActionButton.setId(o.id),iconBoxElementDescriptor:p.$z.userButtonPopoverActionButtonIconBox,iconBoxElementId:p.$z.userButtonPopoverActionButtonIconBox.setId(o.id),iconElementDescriptor:p.$z.userButtonPopoverActionButtonIcon,iconElementId:p.$z.userButtonPopoverActionButtonIcon.setId(o.id)}:{elementDescriptor:p.$z.userButtonPopoverCustomItemButton,elementId:p.$z.userButtonPopoverCustomItemButton.setId(o.id),iconBoxElementDescriptor:p.$z.userButtonPopoverCustomItemButtonIconBox,iconBoxElementId:p.$z.userButtonPopoverCustomItemButtonIconBox.setId(o.id),iconElementDescriptor:p.$z.userButtonPopoverActionItemButtonIcon,iconElementId:p.$z.userButtonPopoverActionItemButtonIcon.setId(o.id)},(0,n.Y)(i.rc,{...e,icon:o.icon,label:o.name,onClick:o.id===u.dY.SIGN_OUT?g(h):()=>S(o),sx:o=>({border:0,padding:`${o.space.$2} ${o.space.$5}`,gap:o.space.$3x5}),iconSx:o=>({width:o.sizes.$4,height:o.sizes.$4}),iconBoxSx:o=>({minHeight:o.sizes.$4,minWidth:o.sizes.$4,alignItems:"center"})},o.id)})}),(0,n.FD)(i.En,{role:"group","aria-label":C((0,d.G)("userButton.label__activeSessions")),sx:o=>({borderTopStyle:o.borderStyles.$solid,borderTopWidth:o.borderWidths.$normal,borderTopColor:o.colors.$borderAlpha100}),children:[b.map(o=>(0,n.Y)(s.P,{icon:$.A,onClick:v(o),children:(0,n.Y)(c.c,{user:o.user})},o.id)),(0,n.Y)(i.rc,{elementDescriptor:p.$z.userButtonPopoverActionButton,elementId:p.$z.userButtonPopoverActionButton.setId("addAccount"),iconBoxElementDescriptor:p.$z.userButtonPopoverActionButtonIconBox,iconBoxElementId:p.$z.userButtonPopoverActionButtonIconBox.setId("addAccount"),iconElementDescriptor:p.$z.userButtonPopoverActionButtonIcon,iconElementId:p.$z.userButtonPopoverActionButtonIcon.setId("addAccount"),icon:A.A,label:(0,d.G)("userButton.action__addAccount"),onClick:P,iconSx:o=>({width:o.sizes.$9,height:o.sizes.$6}),iconBoxSx:o=>({minHeight:o.sizes.$9,minWidth:o.sizes.$6,alignItems:"center"}),spinnerSize:"md"})]})]})},ww:o=>{let{handleSignOutAllClicked:e,elementDescriptor:t,elementId:r,iconBoxElementDescriptor:s,iconBoxElementId:c,iconElementDescriptor:u,iconElementId:l,label:B,sx:m,actionSx:$}=o,{t:A}=(0,a._)();return(0,n.Y)(i.En,{role:"group","aria-label":A(B||(0,d.G)("userButton.action__signOutAll")),sx:[o=>({padding:o.space.$2}),m],children:(0,n.Y)(i.rc,{elementDescriptor:t||p.$z.userButtonPopoverActionButton,elementId:r||p.$z.userButtonPopoverActionButton.setId("signOutAll"),iconBoxElementDescriptor:s||p.$z.userButtonPopoverActionButtonIconBox,iconBoxElementId:c||p.$z.userButtonPopoverActionButtonIconBox.setId("signOutAll"),iconElementDescriptor:u||p.$z.userButtonPopoverActionButtonIcon,iconElementId:l||p.$z.userButtonPopoverActionButtonIcon.setId("signOutAll"),icon:I.A,label:B||(0,d.G)("userButton.action__signOutAll"),onClick:e,variant:"ghost",colorScheme:"neutral",sx:[o=>({backgroundColor:o.colors.$transparent,padding:`${o.space.$2} ${o.space.$3}`,borderBottomWidth:0,borderRadius:o.radii.$lg}),$],spinnerSize:"md"})})}})},7847(o,e,t){var n=t(7922),r=t(6262),i=t(1868),s=t(7308),c=t(1880),u=t(1584),l=t(4672),a=t(8029);t.d(e,{},{u:o=>{let e=(0,r.ho)(),{setActive:t,signOut:d,openUserProfile:p}=e,B=(0,s.f0)(),{signedInSessions:m,otherSessions:I}=(0,l.z)({user:o.user}),{navigate:$}=(0,a.r)(),{displayConfig:A}=(0,i.O)(),g=(0,r.Sj)();return{handleSignOutSessionClicked:e=>()=>0===I.length?d(o.navigateAfterSignOut):d(o.navigateAfterMultiSessionSingleSignOut,{sessionId:e.id}).finally(()=>B.setIdle()),handleManageAccountClicked:()=>"navigation"===o.userProfileMode?$(o.userProfileUrl||"").finally(()=>{(async()=>{await (0,c.y)(300),o.actionCompleteCallback?.()})()}):(p({getContainer:g,...o.userProfileProps}),o.actionCompleteCallback?.()),handleUserProfileActionClicked:e=>"navigation"===o.userProfileMode?$(o.userProfileUrl||"").finally(()=>{(async()=>{await (0,c.y)(300),o.actionCompleteCallback?.()})()}):(p({getContainer:g,...o.userProfileProps,...e&&{__experimental_startPath:e}}),o.actionCompleteCallback?.()),handleSignOutAllClicked:()=>d(o.navigateAfterSignOut),handleSessionClicked:e=>async()=>(B.setLoading(),t({session:e,navigate:async({session:e})=>{!e.currentTask&&o.afterSwitchSessionUrl?await $(o.afterSwitchSessionUrl):o.taskUrl?await $(o.taskUrl):await (0,n.KA)(e,{baseUrl:o.signInUrl??A.signInUrl,navigate:$})}}).finally(()=>{B.setIdle(),o.actionCompleteCallback?.()})),handleAddAccountClicked:()=>((0,u.F)(e,o.signInUrl||window.location.href),(0,c.y)(2e3)),otherSessions:I,signedInSessions:m}}})},3592(o,e,t){t.d(e,{P:()=>l,Y:()=>a});var n=t(6262),r=t(630),i=t(6873),s=t(1868),c=t(5135),u=t(8029);let l=(0,r.createContext)(null),a=()=>{let o=(0,r.useContext)(l),e=(0,n.ho)(),{navigate:t}=(0,u.r)(),{displayConfig:a}=(0,s.O)(),d=(0,c.II)();if(!o||"UserButton"!==o.componentName)throw Error("Clerk: useUserButtonContext called outside of the mounted UserButton component.");let{componentName:p,customMenuItems:B,...m}=o,I=m.signInUrl||d.signInUrl||a.signInUrl,$=m.userProfileUrl||a.userProfileUrl,A=e.buildAfterSignOutUrl(),g=e.buildAfterMultiSessionSingleSignOutUrl(),v=m.afterSwitchSessionUrl||a.afterSwitchSessionUrl,P=m.userProfileUrl&&!m.userProfileMode?"navigation":m.userProfileMode,z=(0,r.useMemo)(()=>(0,i.K)(B||[],e),[]);return{...m,componentName:p,navigateAfterMultiSessionSingleSignOut:()=>e.redirectWithAuth(g),navigateAfterSignOut:()=>t(A),signInUrl:I,userProfileUrl:$,afterMultiSessionSingleSignOutUrl:g,afterSignOutUrl:A,afterSwitchSessionUrl:v,userProfileMode:P||"modal",menutItems:z}}}}]);

package/dist/8746_ui_5f34a1_1.23.2-canary.v20260629195910.js

@@ -0,0 +1 @@
+"use strict";(globalThis.rspackChunk_clerk_ui=globalThis.rspackChunk_clerk_ui||[]).push([[8746],{3623(o,t,e){e(42949),e(37891),e(52277),e(31178);var n=e(59763),r=e(58029),i=e(67816),l=e(49997),c=e(45682),s=e(39348),u=e(33592),a=e(66887),d=e(78342),p=e(61046),B=e(39230),m=e(77975),I=e(2930),v=e(70408),A=e(55047);e.d(t,{},{iR:o=>{let{navigate:t}=(0,r.r)(),{handleManageAccountClicked:e,handleSignOutSessionClicked:l,handleUserProfileActionClicked:c,session:B}=o,{menutItems:m}=(0,u.Y)(),{t:I}=(0,a._)(),v=o=>({borderTopWidth:o.borderWidths.$normal,borderTopStyle:o.borderStyles.$solid,borderTopColor:o.colors.$borderAlpha100,padding:"".concat(o.space.$4," ").concat(o.space.$5)}),A=async n=>{var r;return(null==n?void 0:n.path)?(await t(n.path),null==o?void 0:o.completedCallback()):n.id===s.dY.MANAGE_ACCOUNT?await e():(null==n?void 0:n.open)?c(n.open):(null==(r=n.onClick)||r.call(n),null==o?void 0:o.completedCallback())};return(0,n.Y)(i.En,{role:"group","aria-label":I((0,d.G)("userButton.label__accountActions")),elementDescriptor:p.$z.userButtonPopoverActions,elementId:p.$z.userButtonPopoverActions.setId("singleSession"),sx:o=>({borderTopWidth:o.borderWidths.$normal,borderTopStyle:o.borderStyles.$solid,borderTopColor:o.colors.$borderAlpha100}),children:null==m?void 0:m.map(o=>{let t;return t=Object.values(s.dY).includes(o.id)?{elementDescriptor:p.$z.userButtonPopoverActionButton,elementId:p.$z.userButtonPopoverActionButton.setId(o.id),iconBoxElementDescriptor:p.$z.userButtonPopoverActionButtonIconBox,iconBoxElementId:p.$z.userButtonPopoverActionButtonIconBox.setId(o.id),iconElementDescriptor:p.$z.userButtonPopoverActionButtonIcon,iconElementId:p.$z.userButtonPopoverActionButtonIcon.setId(o.id)}:{elementDescriptor:p.$z.userButtonPopoverCustomItemButton,elementId:p.$z.userButtonPopoverCustomItemButton.setId(o.id),iconBoxElementDescriptor:p.$z.userButtonPopoverCustomItemButtonIconBox,iconBoxElementId:p.$z.userButtonPopoverCustomItemButtonIconBox.setId(o.id),iconElementDescriptor:p.$z.userButtonPopoverActionItemButtonIcon,iconElementId:p.$z.userButtonPopoverActionItemButtonIcon.setId(o.id)},(0,n.Y)(i.rc,{...t,icon:o.icon,label:o.name,onClick:o.id===s.dY.SIGN_OUT?l(B):()=>A(o),sx:v,iconSx:o=>({width:o.sizes.$4,height:o.sizes.$4})},o.id)})})},pS:o=>{let{navigate:t}=(0,r.r)(),{handleManageAccountClicked:e,handleSignOutSessionClicked:$,handleSessionClicked:g,handleAddAccountClicked:P,handleUserProfileActionClicked:z,session:h,otherSessions:b}=o,{menutItems:x}=(0,u.Y)(),{t:C}=(0,a._)(),S=async n=>{var r;return(null==n?void 0:n.path)?(await t(n.path),null==o?void 0:o.completedCallback()):n.id===s.dY.MANAGE_ACCOUNT?await e():(null==n?void 0:n.open)?z(n.open):(null==(r=n.onClick)||r.call(n),null==o?void 0:o.completedCallback())},E=x.every(o=>Object.values(s.dY).includes(o.id));return(0,n.FD)(n.FK,{children:[E?(0,n.Y)(i.Rh,{role:"group","aria-label":C((0,d.G)("userButton.label__accountActions")),elementDescriptor:p.$z.userButtonPopoverActions,elementId:p.$z.userButtonPopoverActions.setId("multiSession"),children:(0,n.FD)(B.so,{justify:"between",sx:o=>({marginInlineStart:"calc(".concat(o.sizes.$9," + ").concat(o.space.$4,")"),padding:"0 ".concat(o.space.$5," ").concat(o.space.$4),gap:o.space.$2}),children:[(0,n.Y)(i.K5,{elementDescriptor:p.$z.userButtonPopoverActionButton,elementId:p.$z.userButtonPopoverActionButton.setId("manageAccount"),iconBoxElementDescriptor:p.$z.userButtonPopoverActionButtonIconBox,iconBoxElementId:p.$z.userButtonPopoverActionButtonIconBox.setId("manageAccount"),iconElementDescriptor:p.$z.userButtonPopoverActionButtonIcon,iconElementId:p.$z.userButtonPopoverActionButtonIcon.setId("manageAccount"),icon:m.A,label:(0,d.G)("userButton.action__manageAccount"),onClick:e,focusRing:!0}),(0,n.Y)(i.K5,{elementDescriptor:p.$z.userButtonPopoverActionButton,elementId:p.$z.userButtonPopoverActionButton.setId("signOut"),iconBoxElementDescriptor:p.$z.userButtonPopoverActionButtonIconBox,iconBoxElementId:p.$z.userButtonPopoverActionButtonIconBox.setId("signOut"),iconElementDescriptor:p.$z.userButtonPopoverActionButtonIcon,iconElementId:p.$z.userButtonPopoverActionButtonIcon.setId("signOut"),icon:I.A,label:(0,d.G)("userButton.action__signOut"),onClick:$(h),focusRing:!0})]})}):(0,n.Y)(i.Rh,{role:"group","aria-label":C((0,d.G)("userButton.label__accountActions")),elementDescriptor:p.$z.userButtonPopoverActions,elementId:p.$z.userButtonPopoverActions.setId("multiSession"),sx:o=>({gap:o.space.$1,paddingBottom:o.space.$2}),children:null==x?void 0:x.map(o=>{let t;return t=Object.values(s.dY).includes(o.id)?{elementDescriptor:p.$z.userButtonPopoverActionButton,elementId:p.$z.userButtonPopoverActionButton.setId(o.id),iconBoxElementDescriptor:p.$z.userButtonPopoverActionButtonIconBox,iconBoxElementId:p.$z.userButtonPopoverActionButtonIconBox.setId(o.id),iconElementDescriptor:p.$z.userButtonPopoverActionButtonIcon,iconElementId:p.$z.userButtonPopoverActionButtonIcon.setId(o.id)}:{elementDescriptor:p.$z.userButtonPopoverCustomItemButton,elementId:p.$z.userButtonPopoverCustomItemButton.setId(o.id),iconBoxElementDescriptor:p.$z.userButtonPopoverCustomItemButtonIconBox,iconBoxElementId:p.$z.userButtonPopoverCustomItemButtonIconBox.setId(o.id),iconElementDescriptor:p.$z.userButtonPopoverActionItemButtonIcon,iconElementId:p.$z.userButtonPopoverActionItemButtonIcon.setId(o.id)},(0,n.Y)(i.rc,{...t,icon:o.icon,label:o.name,onClick:o.id===s.dY.SIGN_OUT?$(h):()=>S(o),sx:o=>({border:0,padding:"".concat(o.space.$2," ").concat(o.space.$5),gap:o.space.$3x5}),iconSx:o=>({width:o.sizes.$4,height:o.sizes.$4}),iconBoxSx:o=>({minHeight:o.sizes.$4,minWidth:o.sizes.$4,alignItems:"center"})},o.id)})}),(0,n.FD)(i.En,{role:"group","aria-label":C((0,d.G)("userButton.label__activeSessions")),sx:o=>({borderTopStyle:o.borderStyles.$solid,borderTopWidth:o.borderWidths.$normal,borderTopColor:o.colors.$borderAlpha100}),children:[b.map(o=>(0,n.Y)(l.P,{icon:v.A,onClick:g(o),children:(0,n.Y)(c.c,{user:o.user})},o.id)),(0,n.Y)(i.rc,{elementDescriptor:p.$z.userButtonPopoverActionButton,elementId:p.$z.userButtonPopoverActionButton.setId("addAccount"),iconBoxElementDescriptor:p.$z.userButtonPopoverActionButtonIconBox,iconBoxElementId:p.$z.userButtonPopoverActionButtonIconBox.setId("addAccount"),iconElementDescriptor:p.$z.userButtonPopoverActionButtonIcon,iconElementId:p.$z.userButtonPopoverActionButtonIcon.setId("addAccount"),icon:A.A,label:(0,d.G)("userButton.action__addAccount"),onClick:P,iconSx:o=>({width:o.sizes.$9,height:o.sizes.$6}),iconBoxSx:o=>({minHeight:o.sizes.$9,minWidth:o.sizes.$6,alignItems:"center"}),spinnerSize:"md"})]})]})},ww:o=>{let{handleSignOutAllClicked:t,elementDescriptor:e,elementId:r,iconBoxElementDescriptor:l,iconBoxElementId:c,iconElementDescriptor:s,iconElementId:u,label:B,sx:m,actionSx:v}=o,{t:A}=(0,a._)();return(0,n.Y)(i.En,{role:"group","aria-label":A(B||(0,d.G)("userButton.action__signOutAll")),sx:[o=>({padding:o.space.$2}),m],children:(0,n.Y)(i.rc,{elementDescriptor:e||p.$z.userButtonPopoverActionButton,elementId:r||p.$z.userButtonPopoverActionButton.setId("signOutAll"),iconBoxElementDescriptor:l||p.$z.userButtonPopoverActionButtonIconBox,iconBoxElementId:c||p.$z.userButtonPopoverActionButtonIconBox.setId("signOutAll"),iconElementDescriptor:s||p.$z.userButtonPopoverActionButtonIcon,iconElementId:u||p.$z.userButtonPopoverActionButtonIcon.setId("signOutAll"),icon:I.A,label:B||(0,d.G)("userButton.action__signOutAll"),onClick:t,variant:"ghost",colorScheme:"neutral",sx:[o=>({backgroundColor:o.colors.$transparent,padding:"".concat(o.space.$2," ").concat(o.space.$3),borderBottomWidth:0,borderRadius:o.radii.$lg}),v],spinnerSize:"md"})})}})},27847(o,t,e){e(73560),e(86449);var n=e(87922),r=e(46262),i=e(91868),l=e(17308),c=e(21880),s=e(1584),u=e(44672),a=e(58029);e.d(t,{},{u:o=>{let t=(0,r.ho)(),{setActive:e,signOut:d,openUserProfile:p}=t,B=(0,l.f0)(),{signedInSessions:m,otherSessions:I}=(0,u.z)({user:o.user}),{navigate:v}=(0,a.r)(),{displayConfig:A}=(0,i.O)(),$=(0,r.Sj)();return{handleSignOutSessionClicked:t=>()=>0===I.length?d(o.navigateAfterSignOut):d(o.navigateAfterMultiSessionSingleSignOut,{sessionId:t.id}).finally(()=>B.setIdle()),handleManageAccountClicked:()=>{var t;return"navigation"===o.userProfileMode?v(o.userProfileUrl||"").finally(()=>{(async()=>{var t;await (0,c.y)(300),null==(t=o.actionCompleteCallback)||t.call(o)})()}):(p({getContainer:$,...o.userProfileProps}),null==(t=o.actionCompleteCallback)?void 0:t.call(o))},handleUserProfileActionClicked:t=>{var e;return"navigation"===o.userProfileMode?v(o.userProfileUrl||"").finally(()=>{(async()=>{var t;await (0,c.y)(300),null==(t=o.actionCompleteCallback)||t.call(o)})()}):(p({getContainer:$,...o.userProfileProps,...t&&{__experimental_startPath:t}}),null==(e=o.actionCompleteCallback)?void 0:e.call(o))},handleSignOutAllClicked:()=>d(o.navigateAfterSignOut),handleSessionClicked:t=>async()=>(B.setLoading(),e({session:t,navigate:async t=>{var e;let{session:r}=t;!r.currentTask&&o.afterSwitchSessionUrl?await v(o.afterSwitchSessionUrl):o.taskUrl?await v(o.taskUrl):await (0,n.KA)(r,{baseUrl:null!=(e=o.signInUrl)?e:A.signInUrl,navigate:v})}}).finally(()=>{var t;B.setIdle(),null==(t=o.actionCompleteCallback)||t.call(o)})),handleAddAccountClicked:()=>((0,s.F)(t,o.signInUrl||window.location.href),(0,c.y)(2e3)),otherSessions:I,signedInSessions:m}}})},33592(o,t,e){e.d(t,{P:()=>u,Y:()=>a}),e(15254);var n=e(46262),r=e(59701),i=e(26873),l=e(91868),c=e(25135),s=e(58029);let u=(0,r.createContext)(null),a=()=>{let o=(0,r.useContext)(u),t=(0,n.ho)(),{navigate:e}=(0,s.r)(),{displayConfig:a}=(0,l.O)(),d=(0,c.II)();if(!o||"UserButton"!==o.componentName)throw Error("Clerk: useUserButtonContext called outside of the mounted UserButton component.");let{componentName:p,customMenuItems:B,...m}=o,I=m.signInUrl||d.signInUrl||a.signInUrl,v=m.userProfileUrl||a.userProfileUrl,A=t.buildAfterSignOutUrl(),$=t.buildAfterMultiSessionSingleSignOutUrl(),g=m.afterSwitchSessionUrl||a.afterSwitchSessionUrl,P=m.userProfileUrl&&!m.userProfileMode?"navigation":m.userProfileMode,z=(0,r.useMemo)(()=>(0,i.K)(B||[],t),[]);return{...m,componentName:p,navigateAfterMultiSessionSingleSignOut:()=>t.redirectWithAuth($),navigateAfterSignOut:()=>e(A),signInUrl:I,userProfileUrl:v,afterMultiSessionSingleSignOutUrl:$,afterSignOutUrl:A,afterSwitchSessionUrl:g,userProfileMode:P||"modal",menutItems:z}}}}]);

package/dist/ClerkUI.js

@@ -22,8 +22,8 @@ import { isVersionAtLeast, parseVersion } from "@clerk/shared/versionCheck";
 * @public
 */
 var ClerkUI = class ClerkUI {
-	static version = "1.23.1";
-	version = "1.23.1";
+	static version = "1.23.2-canary.v20260629195910";
+	version = "1.23.2-canary.v20260629195910";
 	#componentRenderer;
 	/**
 	* Creates a new `ClerkUI` instance and mounts the internal component renderer.

package/dist/components/UserButton/SessionActions.js

@@ -102,7 +102,7 @@ const MultiSessionActions = (props) => {
 		children: /* @__PURE__ */ jsxs(Flex, {
 			justify: "between",
 			sx: (t) => ({
-				marginInlineStart: t.space.$12,
+				marginInlineStart: `calc(${t.sizes.$9} + ${t.space.$4})`,
 				padding: `0 ${t.space.$5} ${t.space.$4}`,
 				gap: t.space.$2
 			}),

package/dist/components/UserButton/SessionActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionActions.js","names":["Cog","SignOut","ArrowRight","Add"],"sources":["../../../src/components/UserButton/SessionActions.tsx"],"sourcesContent":["import type { SignedInSessionResource } from '@clerk/shared/types';\n\nimport type { ElementDescriptor, ElementId } from '@/customizables/elementDescriptors';\nimport { useRouter } from '@/router';\nimport { Action, Actions, SmallAction, SmallActions } from '@/ui/elements/Actions';\nimport { PreviewButton } from '@/ui/elements/PreviewButton';\nimport { UserPreview } from '@/ui/elements/UserPreview';\n\nimport { USER_BUTTON_ITEM_ID } from '../../constants';\nimport { useUserButtonContext } from '../../contexts';\nimport type { LocalizationKey } from '../../customizables';\nimport { descriptors, Flex, localizationKeys, useLocalizations } from '../../customizables';\nimport { Add, ArrowRight, Cog, SignOut } from '../../icons';\nimport type { ThemableCssProp } from '../../styledSystem';\nimport type { DefaultItemIds, MenuItem } from '../../utils/createCustomMenuItems';\n\ntype SingleSessionActionsProps = {\n  handleManageAccountClicked: () => Promise<unknown> | void;\n  handleSignOutSessionClicked: (session: SignedInSessionResource) => () => Promise<unknown> | void;\n  handleUserProfileActionClicked: (startPath?: string) => Promise<unknown> | void;\n  session: SignedInSessionResource;\n  completedCallback: () => void;\n};\n\nexport const SingleSessionActions = (props: SingleSessionActionsProps) => {\n  const { navigate } = useRouter();\n  const { handleManageAccountClicked, handleSignOutSessionClicked, handleUserProfileActionClicked, session } = props;\n\n  const { menutItems } = useUserButtonContext();\n  const { t } = useLocalizations();\n\n  const commonActionSx: ThemableCssProp = t => ({\n    borderTopWidth: t.borderWidths.$normal,\n    borderTopStyle: t.borderStyles.$solid,\n    borderTopColor: t.colors.$borderAlpha100,\n    padding: `${t.space.$4} ${t.space.$5}`,\n  });\n\n  const handleActionClick = async (menuItem: MenuItem) => {\n    if (menuItem?.path) {\n      await navigate(menuItem.path);\n      return props?.completedCallback();\n    }\n    if (menuItem.id === USER_BUTTON_ITEM_ID.MANAGE_ACCOUNT) {\n      return await handleManageAccountClicked();\n    }\n\n    if (menuItem?.open) {\n      return handleUserProfileActionClicked(menuItem.open);\n    }\n\n    menuItem.onClick?.();\n    return props?.completedCallback();\n  };\n\n  return (\n    <Actions\n      role='group'\n      aria-label={t(localizationKeys('userButton.label__accountActions'))}\n      elementDescriptor={descriptors.userButtonPopoverActions}\n      elementId={descriptors.userButtonPopoverActions.setId('singleSession')}\n      sx={t => ({\n        borderTopWidth: t.borderWidths.$normal,\n        borderTopStyle: t.borderStyles.$solid,\n        borderTopColor: t.colors.$borderAlpha100,\n      })}\n    >\n      {menutItems?.map((item: MenuItem) => {\n        const isDefaultItem = Object.values(USER_BUTTON_ITEM_ID).includes(item.id);\n        let itemDescriptors;\n\n        // We are using different element descriptors for default menu items vs custom items\n        // to maintain backwards compatibility and avoid breaking existing descriptor usage.\n        // This check ensures that default items use their specific descriptors, while custom\n        // items use the generic custom item descriptors.\n        if (isDefaultItem) {\n          itemDescriptors = {\n            elementDescriptor: descriptors.userButtonPopoverActionButton,\n            elementId: descriptors.userButtonPopoverActionButton.setId(item.id as DefaultItemIds),\n            iconBoxElementDescriptor: descriptors.userButtonPopoverActionButtonIconBox,\n            iconBoxElementId: descriptors.userButtonPopoverActionButtonIconBox.setId(item.id as DefaultItemIds),\n            iconElementDescriptor: descriptors.userButtonPopoverActionButtonIcon,\n            iconElementId: descriptors.userButtonPopoverActionButtonIcon.setId(item.id as DefaultItemIds),\n          };\n        } else {\n          itemDescriptors = {\n            elementDescriptor: descriptors.userButtonPopoverCustomItemButton,\n            elementId: descriptors.userButtonPopoverCustomItemButton.setId(item.id),\n            iconBoxElementDescriptor: descriptors.userButtonPopoverCustomItemButtonIconBox,\n            iconBoxElementId: descriptors.userButtonPopoverCustomItemButtonIconBox.setId(item.id),\n            iconElementDescriptor: descriptors.userButtonPopoverActionItemButtonIcon,\n            iconElementId: descriptors.userButtonPopoverActionItemButtonIcon.setId(item.id),\n          };\n        }\n\n        return (\n          <Action\n            key={item.id}\n            {...itemDescriptors}\n            icon={item.icon}\n            label={item.name}\n            onClick={\n              item.id === USER_BUTTON_ITEM_ID.SIGN_OUT\n                ? handleSignOutSessionClicked(session)\n                : () => handleActionClick(item)\n            }\n            sx={commonActionSx}\n            iconSx={t => ({\n              width: t.sizes.$4,\n              height: t.sizes.$4,\n            })}\n          />\n        );\n      })}\n    </Actions>\n  );\n};\n\ntype MultiSessionActionsProps = {\n  handleManageAccountClicked: () => Promise<unknown> | void;\n  handleSignOutSessionClicked: (session: SignedInSessionResource) => () => Promise<unknown> | void;\n  handleSessionClicked: (session: SignedInSessionResource) => () => Promise<unknown> | void;\n  handleAddAccountClicked: () => Promise<unknown> | void;\n  handleUserProfileActionClicked: (startPath?: string) => Promise<unknown> | void;\n  session: SignedInSessionResource;\n  otherSessions: SignedInSessionResource[];\n  completedCallback: () => void;\n};\n\nexport const MultiSessionActions = (props: MultiSessionActionsProps) => {\n  const { navigate } = useRouter();\n  const {\n    handleManageAccountClicked,\n    handleSignOutSessionClicked,\n    handleSessionClicked,\n    handleAddAccountClicked,\n    handleUserProfileActionClicked,\n    session,\n    otherSessions,\n  } = props;\n\n  const { menutItems } = useUserButtonContext();\n  const { t } = useLocalizations();\n\n  const handleActionClick = async (route: MenuItem) => {\n    if (route?.path) {\n      await navigate(route.path);\n      return props?.completedCallback();\n    }\n    if (route.id === USER_BUTTON_ITEM_ID.MANAGE_ACCOUNT) {\n      return await handleManageAccountClicked();\n    }\n\n    if (route?.open) {\n      return handleUserProfileActionClicked(route.open);\n    }\n\n    route.onClick?.();\n    return props?.completedCallback();\n  };\n\n  const hasOnlyDefaultItems = menutItems.every((item: MenuItem) =>\n    Object.values(USER_BUTTON_ITEM_ID).includes(item.id),\n  );\n\n  return (\n    <>\n      {hasOnlyDefaultItems ? (\n        <SmallActions\n          role='group'\n          aria-label={t(localizationKeys('userButton.label__accountActions'))}\n          elementDescriptor={descriptors.userButtonPopoverActions}\n          elementId={descriptors.userButtonPopoverActions.setId('multiSession')}\n        >\n          <Flex\n            justify='between'\n            sx={t => ({ marginInlineStart: t.space.$12, padding: `0 ${t.space.$5} ${t.space.$4}`, gap: t.space.$2 })}\n          >\n            <SmallAction\n              elementDescriptor={descriptors.userButtonPopoverActionButton}\n              elementId={descriptors.userButtonPopoverActionButton.setId('manageAccount')}\n              iconBoxElementDescriptor={descriptors.userButtonPopoverActionButtonIconBox}\n              iconBoxElementId={descriptors.userButtonPopoverActionButtonIconBox.setId('manageAccount')}\n              iconElementDescriptor={descriptors.userButtonPopoverActionButtonIcon}\n              iconElementId={descriptors.userButtonPopoverActionButtonIcon.setId('manageAccount')}\n              icon={Cog}\n              label={localizationKeys('userButton.action__manageAccount')}\n              onClick={handleManageAccountClicked}\n              focusRing\n            />\n            <SmallAction\n              elementDescriptor={descriptors.userButtonPopoverActionButton}\n              elementId={descriptors.userButtonPopoverActionButton.setId('signOut')}\n              iconBoxElementDescriptor={descriptors.userButtonPopoverActionButtonIconBox}\n              iconBoxElementId={descriptors.userButtonPopoverActionButtonIconBox.setId('signOut')}\n              iconElementDescriptor={descriptors.userButtonPopoverActionButtonIcon}\n              iconElementId={descriptors.userButtonPopoverActionButtonIcon.setId('signOut')}\n              icon={SignOut}\n              label={localizationKeys('userButton.action__signOut')}\n              onClick={handleSignOutSessionClicked(session)}\n              focusRing\n            />\n          </Flex>\n        </SmallActions>\n      ) : (\n        <SmallActions\n          role='group'\n          aria-label={t(localizationKeys('userButton.label__accountActions'))}\n          elementDescriptor={descriptors.userButtonPopoverActions}\n          elementId={descriptors.userButtonPopoverActions.setId('multiSession')}\n          sx={t => ({\n            gap: t.space.$1,\n            paddingBottom: t.space.$2,\n          })}\n        >\n          {menutItems?.map((item: MenuItem) => {\n            const isDefaultItem = Object.values(USER_BUTTON_ITEM_ID).includes(item.id);\n            let itemDescriptors;\n\n            // We are using different element descriptors for default menu items vs custom items\n            // to maintain backwards compatibility and avoid breaking existing descriptor usage.\n            // This check ensures that default items use their specific descriptors, while custom\n            // items use the generic custom item descriptors.\n            if (isDefaultItem) {\n              itemDescriptors = {\n                elementDescriptor: descriptors.userButtonPopoverActionButton,\n                elementId: descriptors.userButtonPopoverActionButton.setId(item.id as DefaultItemIds),\n                iconBoxElementDescriptor: descriptors.userButtonPopoverActionButtonIconBox,\n                iconBoxElementId: descriptors.userButtonPopoverActionButtonIconBox.setId(item.id as DefaultItemIds),\n                iconElementDescriptor: descriptors.userButtonPopoverActionButtonIcon,\n                iconElementId: descriptors.userButtonPopoverActionButtonIcon.setId(item.id as DefaultItemIds),\n              };\n            } else {\n              itemDescriptors = {\n                elementDescriptor: descriptors.userButtonPopoverCustomItemButton,\n                elementId: descriptors.userButtonPopoverCustomItemButton.setId(item.id),\n                iconBoxElementDescriptor: descriptors.userButtonPopoverCustomItemButtonIconBox,\n                iconBoxElementId: descriptors.userButtonPopoverCustomItemButtonIconBox.setId(item.id),\n                iconElementDescriptor: descriptors.userButtonPopoverActionItemButtonIcon,\n                iconElementId: descriptors.userButtonPopoverActionItemButtonIcon.setId(item.id),\n              };\n            }\n            return (\n              <Action\n                key={item.id}\n                {...itemDescriptors}\n                icon={item.icon}\n                label={item.name}\n                onClick={\n                  item.id === USER_BUTTON_ITEM_ID.SIGN_OUT\n                    ? handleSignOutSessionClicked(session)\n                    : () => handleActionClick(item)\n                }\n                sx={t => ({\n                  border: 0,\n                  padding: `${t.space.$2} ${t.space.$5}`,\n                  gap: t.space.$3x5,\n                })}\n                iconSx={t => ({\n                  width: t.sizes.$4,\n                  height: t.sizes.$4,\n                })}\n                iconBoxSx={t => ({\n                  minHeight: t.sizes.$4,\n                  minWidth: t.sizes.$4,\n                  alignItems: 'center',\n                })}\n              />\n            );\n          })}\n        </SmallActions>\n      )}\n\n      <Actions\n        role='group'\n        aria-label={t(localizationKeys('userButton.label__activeSessions'))}\n        sx={t => ({\n          borderTopStyle: t.borderStyles.$solid,\n          borderTopWidth: t.borderWidths.$normal,\n          borderTopColor: t.colors.$borderAlpha100,\n        })}\n      >\n        {otherSessions.map(session => (\n          <PreviewButton\n            key={session.id}\n            icon={ArrowRight}\n            onClick={handleSessionClicked(session)}\n          >\n            <UserPreview user={session.user} />\n          </PreviewButton>\n        ))}\n        <Action\n          elementDescriptor={descriptors.userButtonPopoverActionButton}\n          elementId={descriptors.userButtonPopoverActionButton.setId('addAccount')}\n          iconBoxElementDescriptor={descriptors.userButtonPopoverActionButtonIconBox}\n          iconBoxElementId={descriptors.userButtonPopoverActionButtonIconBox.setId('addAccount')}\n          iconElementDescriptor={descriptors.userButtonPopoverActionButtonIcon}\n          iconElementId={descriptors.userButtonPopoverActionButtonIcon.setId('addAccount')}\n          icon={Add}\n          label={localizationKeys('userButton.action__addAccount')}\n          onClick={handleAddAccountClicked}\n          iconSx={t => ({\n            width: t.sizes.$9,\n            height: t.sizes.$6,\n          })}\n          iconBoxSx={t => ({\n            minHeight: t.sizes.$9,\n            minWidth: t.sizes.$6,\n            alignItems: 'center',\n          })}\n          spinnerSize='md'\n        />\n      </Actions>\n    </>\n  );\n};\n\ntype SignOutAllActionsProps = {\n  handleSignOutAllClicked: () => Promise<unknown> | void;\n  elementDescriptor?: ElementDescriptor;\n  elementId?: ElementId;\n  iconBoxElementDescriptor?: ElementDescriptor;\n  iconBoxElementId?: ElementId;\n  iconElementDescriptor?: ElementDescriptor;\n  iconElementId?: ElementId;\n  label?: LocalizationKey;\n  sx?: ThemableCssProp;\n  actionSx?: ThemableCssProp;\n};\n\nexport const SignOutAllActions = (props: SignOutAllActionsProps) => {\n  const {\n    handleSignOutAllClicked,\n    elementDescriptor,\n    elementId,\n    iconBoxElementDescriptor,\n    iconBoxElementId,\n    iconElementDescriptor,\n    iconElementId,\n    label,\n    sx,\n    actionSx,\n  } = props;\n  const { t } = useLocalizations();\n  return (\n    <Actions\n      role='group'\n      aria-label={t(label || localizationKeys('userButton.action__signOutAll'))}\n      sx={[\n        t => ({\n          padding: t.space.$2,\n        }),\n        sx,\n      ]}\n    >\n      <Action\n        elementDescriptor={elementDescriptor || descriptors.userButtonPopoverActionButton}\n        elementId={elementId || descriptors.userButtonPopoverActionButton.setId('signOutAll')}\n        iconBoxElementDescriptor={iconBoxElementDescriptor || descriptors.userButtonPopoverActionButtonIconBox}\n        iconBoxElementId={iconBoxElementId || descriptors.userButtonPopoverActionButtonIconBox.setId('signOutAll')}\n        iconElementDescriptor={iconElementDescriptor || descriptors.userButtonPopoverActionButtonIcon}\n        iconElementId={iconElementId || descriptors.userButtonPopoverActionButtonIcon.setId('signOutAll')}\n        icon={SignOut}\n        label={label || localizationKeys('userButton.action__signOutAll')}\n        onClick={handleSignOutAllClicked}\n        variant='ghost'\n        colorScheme='neutral'\n        sx={[\n          t => ({\n            backgroundColor: t.colors.$transparent,\n            padding: `${t.space.$2} ${t.space.$3}`,\n            borderBottomWidth: 0,\n            borderRadius: t.radii.$lg,\n          }),\n          actionSx,\n        ]}\n        spinnerSize='md'\n      />\n    </Actions>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"SessionActions.js","names":["Cog","SignOut","ArrowRight","Add"],"sources":["../../../src/components/UserButton/SessionActions.tsx"],"sourcesContent":["import type { SignedInSessionResource } from '@clerk/shared/types';\n\nimport type { ElementDescriptor, ElementId } from '@/customizables/elementDescriptors';\nimport { useRouter } from '@/router';\nimport { Action, Actions, SmallAction, SmallActions } from '@/ui/elements/Actions';\nimport { PreviewButton } from '@/ui/elements/PreviewButton';\nimport { UserPreview } from '@/ui/elements/UserPreview';\n\nimport { USER_BUTTON_ITEM_ID } from '../../constants';\nimport { useUserButtonContext } from '../../contexts';\nimport type { LocalizationKey } from '../../customizables';\nimport { descriptors, Flex, localizationKeys, useLocalizations } from '../../customizables';\nimport { Add, ArrowRight, Cog, SignOut } from '../../icons';\nimport type { ThemableCssProp } from '../../styledSystem';\nimport type { DefaultItemIds, MenuItem } from '../../utils/createCustomMenuItems';\n\ntype SingleSessionActionsProps = {\n  handleManageAccountClicked: () => Promise<unknown> | void;\n  handleSignOutSessionClicked: (session: SignedInSessionResource) => () => Promise<unknown> | void;\n  handleUserProfileActionClicked: (startPath?: string) => Promise<unknown> | void;\n  session: SignedInSessionResource;\n  completedCallback: () => void;\n};\n\nexport const SingleSessionActions = (props: SingleSessionActionsProps) => {\n  const { navigate } = useRouter();\n  const { handleManageAccountClicked, handleSignOutSessionClicked, handleUserProfileActionClicked, session } = props;\n\n  const { menutItems } = useUserButtonContext();\n  const { t } = useLocalizations();\n\n  const commonActionSx: ThemableCssProp = t => ({\n    borderTopWidth: t.borderWidths.$normal,\n    borderTopStyle: t.borderStyles.$solid,\n    borderTopColor: t.colors.$borderAlpha100,\n    padding: `${t.space.$4} ${t.space.$5}`,\n  });\n\n  const handleActionClick = async (menuItem: MenuItem) => {\n    if (menuItem?.path) {\n      await navigate(menuItem.path);\n      return props?.completedCallback();\n    }\n    if (menuItem.id === USER_BUTTON_ITEM_ID.MANAGE_ACCOUNT) {\n      return await handleManageAccountClicked();\n    }\n\n    if (menuItem?.open) {\n      return handleUserProfileActionClicked(menuItem.open);\n    }\n\n    menuItem.onClick?.();\n    return props?.completedCallback();\n  };\n\n  return (\n    <Actions\n      role='group'\n      aria-label={t(localizationKeys('userButton.label__accountActions'))}\n      elementDescriptor={descriptors.userButtonPopoverActions}\n      elementId={descriptors.userButtonPopoverActions.setId('singleSession')}\n      sx={t => ({\n        borderTopWidth: t.borderWidths.$normal,\n        borderTopStyle: t.borderStyles.$solid,\n        borderTopColor: t.colors.$borderAlpha100,\n      })}\n    >\n      {menutItems?.map((item: MenuItem) => {\n        const isDefaultItem = Object.values(USER_BUTTON_ITEM_ID).includes(item.id);\n        let itemDescriptors;\n\n        // We are using different element descriptors for default menu items vs custom items\n        // to maintain backwards compatibility and avoid breaking existing descriptor usage.\n        // This check ensures that default items use their specific descriptors, while custom\n        // items use the generic custom item descriptors.\n        if (isDefaultItem) {\n          itemDescriptors = {\n            elementDescriptor: descriptors.userButtonPopoverActionButton,\n            elementId: descriptors.userButtonPopoverActionButton.setId(item.id as DefaultItemIds),\n            iconBoxElementDescriptor: descriptors.userButtonPopoverActionButtonIconBox,\n            iconBoxElementId: descriptors.userButtonPopoverActionButtonIconBox.setId(item.id as DefaultItemIds),\n            iconElementDescriptor: descriptors.userButtonPopoverActionButtonIcon,\n            iconElementId: descriptors.userButtonPopoverActionButtonIcon.setId(item.id as DefaultItemIds),\n          };\n        } else {\n          itemDescriptors = {\n            elementDescriptor: descriptors.userButtonPopoverCustomItemButton,\n            elementId: descriptors.userButtonPopoverCustomItemButton.setId(item.id),\n            iconBoxElementDescriptor: descriptors.userButtonPopoverCustomItemButtonIconBox,\n            iconBoxElementId: descriptors.userButtonPopoverCustomItemButtonIconBox.setId(item.id),\n            iconElementDescriptor: descriptors.userButtonPopoverActionItemButtonIcon,\n            iconElementId: descriptors.userButtonPopoverActionItemButtonIcon.setId(item.id),\n          };\n        }\n\n        return (\n          <Action\n            key={item.id}\n            {...itemDescriptors}\n            icon={item.icon}\n            label={item.name}\n            onClick={\n              item.id === USER_BUTTON_ITEM_ID.SIGN_OUT\n                ? handleSignOutSessionClicked(session)\n                : () => handleActionClick(item)\n            }\n            sx={commonActionSx}\n            iconSx={t => ({\n              width: t.sizes.$4,\n              height: t.sizes.$4,\n            })}\n          />\n        );\n      })}\n    </Actions>\n  );\n};\n\ntype MultiSessionActionsProps = {\n  handleManageAccountClicked: () => Promise<unknown> | void;\n  handleSignOutSessionClicked: (session: SignedInSessionResource) => () => Promise<unknown> | void;\n  handleSessionClicked: (session: SignedInSessionResource) => () => Promise<unknown> | void;\n  handleAddAccountClicked: () => Promise<unknown> | void;\n  handleUserProfileActionClicked: (startPath?: string) => Promise<unknown> | void;\n  session: SignedInSessionResource;\n  otherSessions: SignedInSessionResource[];\n  completedCallback: () => void;\n};\n\nexport const MultiSessionActions = (props: MultiSessionActionsProps) => {\n  const { navigate } = useRouter();\n  const {\n    handleManageAccountClicked,\n    handleSignOutSessionClicked,\n    handleSessionClicked,\n    handleAddAccountClicked,\n    handleUserProfileActionClicked,\n    session,\n    otherSessions,\n  } = props;\n\n  const { menutItems } = useUserButtonContext();\n  const { t } = useLocalizations();\n\n  const handleActionClick = async (route: MenuItem) => {\n    if (route?.path) {\n      await navigate(route.path);\n      return props?.completedCallback();\n    }\n    if (route.id === USER_BUTTON_ITEM_ID.MANAGE_ACCOUNT) {\n      return await handleManageAccountClicked();\n    }\n\n    if (route?.open) {\n      return handleUserProfileActionClicked(route.open);\n    }\n\n    route.onClick?.();\n    return props?.completedCallback();\n  };\n\n  const hasOnlyDefaultItems = menutItems.every((item: MenuItem) =>\n    Object.values(USER_BUTTON_ITEM_ID).includes(item.id),\n  );\n\n  return (\n    <>\n      {hasOnlyDefaultItems ? (\n        <SmallActions\n          role='group'\n          aria-label={t(localizationKeys('userButton.label__accountActions'))}\n          elementDescriptor={descriptors.userButtonPopoverActions}\n          elementId={descriptors.userButtonPopoverActions.setId('multiSession')}\n        >\n          <Flex\n            justify='between'\n            sx={t => ({\n              marginInlineStart: `calc(${t.sizes.$9} + ${t.space.$4})`,\n              padding: `0 ${t.space.$5} ${t.space.$4}`,\n              gap: t.space.$2,\n            })}\n          >\n            <SmallAction\n              elementDescriptor={descriptors.userButtonPopoverActionButton}\n              elementId={descriptors.userButtonPopoverActionButton.setId('manageAccount')}\n              iconBoxElementDescriptor={descriptors.userButtonPopoverActionButtonIconBox}\n              iconBoxElementId={descriptors.userButtonPopoverActionButtonIconBox.setId('manageAccount')}\n              iconElementDescriptor={descriptors.userButtonPopoverActionButtonIcon}\n              iconElementId={descriptors.userButtonPopoverActionButtonIcon.setId('manageAccount')}\n              icon={Cog}\n              label={localizationKeys('userButton.action__manageAccount')}\n              onClick={handleManageAccountClicked}\n              focusRing\n            />\n            <SmallAction\n              elementDescriptor={descriptors.userButtonPopoverActionButton}\n              elementId={descriptors.userButtonPopoverActionButton.setId('signOut')}\n              iconBoxElementDescriptor={descriptors.userButtonPopoverActionButtonIconBox}\n              iconBoxElementId={descriptors.userButtonPopoverActionButtonIconBox.setId('signOut')}\n              iconElementDescriptor={descriptors.userButtonPopoverActionButtonIcon}\n              iconElementId={descriptors.userButtonPopoverActionButtonIcon.setId('signOut')}\n              icon={SignOut}\n              label={localizationKeys('userButton.action__signOut')}\n              onClick={handleSignOutSessionClicked(session)}\n              focusRing\n            />\n          </Flex>\n        </SmallActions>\n      ) : (\n        <SmallActions\n          role='group'\n          aria-label={t(localizationKeys('userButton.label__accountActions'))}\n          elementDescriptor={descriptors.userButtonPopoverActions}\n          elementId={descriptors.userButtonPopoverActions.setId('multiSession')}\n          sx={t => ({\n            gap: t.space.$1,\n            paddingBottom: t.space.$2,\n          })}\n        >\n          {menutItems?.map((item: MenuItem) => {\n            const isDefaultItem = Object.values(USER_BUTTON_ITEM_ID).includes(item.id);\n            let itemDescriptors;\n\n            // We are using different element descriptors for default menu items vs custom items\n            // to maintain backwards compatibility and avoid breaking existing descriptor usage.\n            // This check ensures that default items use their specific descriptors, while custom\n            // items use the generic custom item descriptors.\n            if (isDefaultItem) {\n              itemDescriptors = {\n                elementDescriptor: descriptors.userButtonPopoverActionButton,\n                elementId: descriptors.userButtonPopoverActionButton.setId(item.id as DefaultItemIds),\n                iconBoxElementDescriptor: descriptors.userButtonPopoverActionButtonIconBox,\n                iconBoxElementId: descriptors.userButtonPopoverActionButtonIconBox.setId(item.id as DefaultItemIds),\n                iconElementDescriptor: descriptors.userButtonPopoverActionButtonIcon,\n                iconElementId: descriptors.userButtonPopoverActionButtonIcon.setId(item.id as DefaultItemIds),\n              };\n            } else {\n              itemDescriptors = {\n                elementDescriptor: descriptors.userButtonPopoverCustomItemButton,\n                elementId: descriptors.userButtonPopoverCustomItemButton.setId(item.id),\n                iconBoxElementDescriptor: descriptors.userButtonPopoverCustomItemButtonIconBox,\n                iconBoxElementId: descriptors.userButtonPopoverCustomItemButtonIconBox.setId(item.id),\n                iconElementDescriptor: descriptors.userButtonPopoverActionItemButtonIcon,\n                iconElementId: descriptors.userButtonPopoverActionItemButtonIcon.setId(item.id),\n              };\n            }\n            return (\n              <Action\n                key={item.id}\n                {...itemDescriptors}\n                icon={item.icon}\n                label={item.name}\n                onClick={\n                  item.id === USER_BUTTON_ITEM_ID.SIGN_OUT\n                    ? handleSignOutSessionClicked(session)\n                    : () => handleActionClick(item)\n                }\n                sx={t => ({\n                  border: 0,\n                  padding: `${t.space.$2} ${t.space.$5}`,\n                  gap: t.space.$3x5,\n                })}\n                iconSx={t => ({\n                  width: t.sizes.$4,\n                  height: t.sizes.$4,\n                })}\n                iconBoxSx={t => ({\n                  minHeight: t.sizes.$4,\n                  minWidth: t.sizes.$4,\n                  alignItems: 'center',\n                })}\n              />\n            );\n          })}\n        </SmallActions>\n      )}\n\n      <Actions\n        role='group'\n        aria-label={t(localizationKeys('userButton.label__activeSessions'))}\n        sx={t => ({\n          borderTopStyle: t.borderStyles.$solid,\n          borderTopWidth: t.borderWidths.$normal,\n          borderTopColor: t.colors.$borderAlpha100,\n        })}\n      >\n        {otherSessions.map(session => (\n          <PreviewButton\n            key={session.id}\n            icon={ArrowRight}\n            onClick={handleSessionClicked(session)}\n          >\n            <UserPreview user={session.user} />\n          </PreviewButton>\n        ))}\n        <Action\n          elementDescriptor={descriptors.userButtonPopoverActionButton}\n          elementId={descriptors.userButtonPopoverActionButton.setId('addAccount')}\n          iconBoxElementDescriptor={descriptors.userButtonPopoverActionButtonIconBox}\n          iconBoxElementId={descriptors.userButtonPopoverActionButtonIconBox.setId('addAccount')}\n          iconElementDescriptor={descriptors.userButtonPopoverActionButtonIcon}\n          iconElementId={descriptors.userButtonPopoverActionButtonIcon.setId('addAccount')}\n          icon={Add}\n          label={localizationKeys('userButton.action__addAccount')}\n          onClick={handleAddAccountClicked}\n          iconSx={t => ({\n            width: t.sizes.$9,\n            height: t.sizes.$6,\n          })}\n          iconBoxSx={t => ({\n            minHeight: t.sizes.$9,\n            minWidth: t.sizes.$6,\n            alignItems: 'center',\n          })}\n          spinnerSize='md'\n        />\n      </Actions>\n    </>\n  );\n};\n\ntype SignOutAllActionsProps = {\n  handleSignOutAllClicked: () => Promise<unknown> | void;\n  elementDescriptor?: ElementDescriptor;\n  elementId?: ElementId;\n  iconBoxElementDescriptor?: ElementDescriptor;\n  iconBoxElementId?: ElementId;\n  iconElementDescriptor?: ElementDescriptor;\n  iconElementId?: ElementId;\n  label?: LocalizationKey;\n  sx?: ThemableCssProp;\n  actionSx?: ThemableCssProp;\n};\n\nexport const SignOutAllActions = (props: SignOutAllActionsProps) => {\n  const {\n    handleSignOutAllClicked,\n    elementDescriptor,\n    elementId,\n    iconBoxElementDescriptor,\n    iconBoxElementId,\n    iconElementDescriptor,\n    iconElementId,\n    label,\n    sx,\n    actionSx,\n  } = props;\n  const { t } = useLocalizations();\n  return (\n    <Actions\n      role='group'\n      aria-label={t(label || localizationKeys('userButton.action__signOutAll'))}\n      sx={[\n        t => ({\n          padding: t.space.$2,\n        }),\n        sx,\n      ]}\n    >\n      <Action\n        elementDescriptor={elementDescriptor || descriptors.userButtonPopoverActionButton}\n        elementId={elementId || descriptors.userButtonPopoverActionButton.setId('signOutAll')}\n        iconBoxElementDescriptor={iconBoxElementDescriptor || descriptors.userButtonPopoverActionButtonIconBox}\n        iconBoxElementId={iconBoxElementId || descriptors.userButtonPopoverActionButtonIconBox.setId('signOutAll')}\n        iconElementDescriptor={iconElementDescriptor || descriptors.userButtonPopoverActionButtonIcon}\n        iconElementId={iconElementId || descriptors.userButtonPopoverActionButtonIcon.setId('signOutAll')}\n        icon={SignOut}\n        label={label || localizationKeys('userButton.action__signOutAll')}\n        onClick={handleSignOutAllClicked}\n        variant='ghost'\n        colorScheme='neutral'\n        sx={[\n          t => ({\n            backgroundColor: t.colors.$transparent,\n            padding: `${t.space.$2} ${t.space.$3}`,\n            borderBottomWidth: 0,\n            borderRadius: t.radii.$lg,\n          }),\n          actionSx,\n        ]}\n        spinnerSize='md'\n      />\n    </Actions>\n  );\n};\n"],"mappings":"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"}

package/dist/index.js

@@ -17,7 +17,7 @@ import { ClerkUI } from "./ClerkUI.js";
 */
 const ui = {
 	__brand: UI_BRAND,
-	version: "1.23.1",
+	version: "1.23.2-canary.v20260629195910",
 	ClerkUI
 };
 

package/dist/no-rhc/ClerkUI.js

@@ -22,8 +22,8 @@ import { isVersionAtLeast, parseVersion } from "@clerk/shared/versionCheck";
 * @public
 */
 var ClerkUI = class ClerkUI {
-	static version = "1.23.1";
-	version = "1.23.1";
+	static version = "1.23.2-canary.v20260629195910";
+	version = "1.23.2-canary.v20260629195910";
 	#componentRenderer;
 	/**
 	* Creates a new `ClerkUI` instance and mounts the internal component renderer.

package/dist/no-rhc/components/UserButton/SessionActions.js

@@ -102,7 +102,7 @@ const MultiSessionActions = (props) => {
 		children: /* @__PURE__ */ jsxs(Flex, {
 			justify: "between",
 			sx: (t) => ({
-				marginInlineStart: t.space.$12,
+				marginInlineStart: `calc(${t.sizes.$9} + ${t.space.$4})`,
 				padding: `0 ${t.space.$5} ${t.space.$4}`,
 				gap: t.space.$2
 			}),

package/dist/no-rhc/components/UserButton/SessionActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"SessionActions.js","names":["Cog","SignOut","ArrowRight","Add"],"sources":["../../../../src/components/UserButton/SessionActions.tsx"],"sourcesContent":["import type { SignedInSessionResource } from '@clerk/shared/types';\n\nimport type { ElementDescriptor, ElementId } from '@/customizables/elementDescriptors';\nimport { useRouter } from '@/router';\nimport { Action, Actions, SmallAction, SmallActions } from '@/ui/elements/Actions';\nimport { PreviewButton } from '@/ui/elements/PreviewButton';\nimport { UserPreview } from '@/ui/elements/UserPreview';\n\nimport { USER_BUTTON_ITEM_ID } from '../../constants';\nimport { useUserButtonContext } from '../../contexts';\nimport type { LocalizationKey } from '../../customizables';\nimport { descriptors, Flex, localizationKeys, useLocalizations } from '../../customizables';\nimport { Add, ArrowRight, Cog, SignOut } from '../../icons';\nimport type { ThemableCssProp } from '../../styledSystem';\nimport type { DefaultItemIds, MenuItem } from '../../utils/createCustomMenuItems';\n\ntype SingleSessionActionsProps = {\n  handleManageAccountClicked: () => Promise<unknown> | void;\n  handleSignOutSessionClicked: (session: SignedInSessionResource) => () => Promise<unknown> | void;\n  handleUserProfileActionClicked: (startPath?: string) => Promise<unknown> | void;\n  session: SignedInSessionResource;\n  completedCallback: () => void;\n};\n\nexport const SingleSessionActions = (props: SingleSessionActionsProps) => {\n  const { navigate } = useRouter();\n  const { handleManageAccountClicked, handleSignOutSessionClicked, handleUserProfileActionClicked, session } = props;\n\n  const { menutItems } = useUserButtonContext();\n  const { t } = useLocalizations();\n\n  const commonActionSx: ThemableCssProp = t => ({\n    borderTopWidth: t.borderWidths.$normal,\n    borderTopStyle: t.borderStyles.$solid,\n    borderTopColor: t.colors.$borderAlpha100,\n    padding: `${t.space.$4} ${t.space.$5}`,\n  });\n\n  const handleActionClick = async (menuItem: MenuItem) => {\n    if (menuItem?.path) {\n      await navigate(menuItem.path);\n      return props?.completedCallback();\n    }\n    if (menuItem.id === USER_BUTTON_ITEM_ID.MANAGE_ACCOUNT) {\n      return await handleManageAccountClicked();\n    }\n\n    if (menuItem?.open) {\n      return handleUserProfileActionClicked(menuItem.open);\n    }\n\n    menuItem.onClick?.();\n    return props?.completedCallback();\n  };\n\n  return (\n    <Actions\n      role='group'\n      aria-label={t(localizationKeys('userButton.label__accountActions'))}\n      elementDescriptor={descriptors.userButtonPopoverActions}\n      elementId={descriptors.userButtonPopoverActions.setId('singleSession')}\n      sx={t => ({\n        borderTopWidth: t.borderWidths.$normal,\n        borderTopStyle: t.borderStyles.$solid,\n        borderTopColor: t.colors.$borderAlpha100,\n      })}\n    >\n      {menutItems?.map((item: MenuItem) => {\n        const isDefaultItem = Object.values(USER_BUTTON_ITEM_ID).includes(item.id);\n        let itemDescriptors;\n\n        // We are using different element descriptors for default menu items vs custom items\n        // to maintain backwards compatibility and avoid breaking existing descriptor usage.\n        // This check ensures that default items use their specific descriptors, while custom\n        // items use the generic custom item descriptors.\n        if (isDefaultItem) {\n          itemDescriptors = {\n            elementDescriptor: descriptors.userButtonPopoverActionButton,\n            elementId: descriptors.userButtonPopoverActionButton.setId(item.id as DefaultItemIds),\n            iconBoxElementDescriptor: descriptors.userButtonPopoverActionButtonIconBox,\n            iconBoxElementId: descriptors.userButtonPopoverActionButtonIconBox.setId(item.id as DefaultItemIds),\n            iconElementDescriptor: descriptors.userButtonPopoverActionButtonIcon,\n            iconElementId: descriptors.userButtonPopoverActionButtonIcon.setId(item.id as DefaultItemIds),\n          };\n        } else {\n          itemDescriptors = {\n            elementDescriptor: descriptors.userButtonPopoverCustomItemButton,\n            elementId: descriptors.userButtonPopoverCustomItemButton.setId(item.id),\n            iconBoxElementDescriptor: descriptors.userButtonPopoverCustomItemButtonIconBox,\n            iconBoxElementId: descriptors.userButtonPopoverCustomItemButtonIconBox.setId(item.id),\n            iconElementDescriptor: descriptors.userButtonPopoverActionItemButtonIcon,\n            iconElementId: descriptors.userButtonPopoverActionItemButtonIcon.setId(item.id),\n          };\n        }\n\n        return (\n          <Action\n            key={item.id}\n            {...itemDescriptors}\n            icon={item.icon}\n            label={item.name}\n            onClick={\n              item.id === USER_BUTTON_ITEM_ID.SIGN_OUT\n                ? handleSignOutSessionClicked(session)\n                : () => handleActionClick(item)\n            }\n            sx={commonActionSx}\n            iconSx={t => ({\n              width: t.sizes.$4,\n              height: t.sizes.$4,\n            })}\n          />\n        );\n      })}\n    </Actions>\n  );\n};\n\ntype MultiSessionActionsProps = {\n  handleManageAccountClicked: () => Promise<unknown> | void;\n  handleSignOutSessionClicked: (session: SignedInSessionResource) => () => Promise<unknown> | void;\n  handleSessionClicked: (session: SignedInSessionResource) => () => Promise<unknown> | void;\n  handleAddAccountClicked: () => Promise<unknown> | void;\n  handleUserProfileActionClicked: (startPath?: string) => Promise<unknown> | void;\n  session: SignedInSessionResource;\n  otherSessions: SignedInSessionResource[];\n  completedCallback: () => void;\n};\n\nexport const MultiSessionActions = (props: MultiSessionActionsProps) => {\n  const { navigate } = useRouter();\n  const {\n    handleManageAccountClicked,\n    handleSignOutSessionClicked,\n    handleSessionClicked,\n    handleAddAccountClicked,\n    handleUserProfileActionClicked,\n    session,\n    otherSessions,\n  } = props;\n\n  const { menutItems } = useUserButtonContext();\n  const { t } = useLocalizations();\n\n  const handleActionClick = async (route: MenuItem) => {\n    if (route?.path) {\n      await navigate(route.path);\n      return props?.completedCallback();\n    }\n    if (route.id === USER_BUTTON_ITEM_ID.MANAGE_ACCOUNT) {\n      return await handleManageAccountClicked();\n    }\n\n    if (route?.open) {\n      return handleUserProfileActionClicked(route.open);\n    }\n\n    route.onClick?.();\n    return props?.completedCallback();\n  };\n\n  const hasOnlyDefaultItems = menutItems.every((item: MenuItem) =>\n    Object.values(USER_BUTTON_ITEM_ID).includes(item.id),\n  );\n\n  return (\n    <>\n      {hasOnlyDefaultItems ? (\n        <SmallActions\n          role='group'\n          aria-label={t(localizationKeys('userButton.label__accountActions'))}\n          elementDescriptor={descriptors.userButtonPopoverActions}\n          elementId={descriptors.userButtonPopoverActions.setId('multiSession')}\n        >\n          <Flex\n            justify='between'\n            sx={t => ({ marginInlineStart: t.space.$12, padding: `0 ${t.space.$5} ${t.space.$4}`, gap: t.space.$2 })}\n          >\n            <SmallAction\n              elementDescriptor={descriptors.userButtonPopoverActionButton}\n              elementId={descriptors.userButtonPopoverActionButton.setId('manageAccount')}\n              iconBoxElementDescriptor={descriptors.userButtonPopoverActionButtonIconBox}\n              iconBoxElementId={descriptors.userButtonPopoverActionButtonIconBox.setId('manageAccount')}\n              iconElementDescriptor={descriptors.userButtonPopoverActionButtonIcon}\n              iconElementId={descriptors.userButtonPopoverActionButtonIcon.setId('manageAccount')}\n              icon={Cog}\n              label={localizationKeys('userButton.action__manageAccount')}\n              onClick={handleManageAccountClicked}\n              focusRing\n            />\n            <SmallAction\n              elementDescriptor={descriptors.userButtonPopoverActionButton}\n              elementId={descriptors.userButtonPopoverActionButton.setId('signOut')}\n              iconBoxElementDescriptor={descriptors.userButtonPopoverActionButtonIconBox}\n              iconBoxElementId={descriptors.userButtonPopoverActionButtonIconBox.setId('signOut')}\n              iconElementDescriptor={descriptors.userButtonPopoverActionButtonIcon}\n              iconElementId={descriptors.userButtonPopoverActionButtonIcon.setId('signOut')}\n              icon={SignOut}\n              label={localizationKeys('userButton.action__signOut')}\n              onClick={handleSignOutSessionClicked(session)}\n              focusRing\n            />\n          </Flex>\n        </SmallActions>\n      ) : (\n        <SmallActions\n          role='group'\n          aria-label={t(localizationKeys('userButton.label__accountActions'))}\n          elementDescriptor={descriptors.userButtonPopoverActions}\n          elementId={descriptors.userButtonPopoverActions.setId('multiSession')}\n          sx={t => ({\n            gap: t.space.$1,\n            paddingBottom: t.space.$2,\n          })}\n        >\n          {menutItems?.map((item: MenuItem) => {\n            const isDefaultItem = Object.values(USER_BUTTON_ITEM_ID).includes(item.id);\n            let itemDescriptors;\n\n            // We are using different element descriptors for default menu items vs custom items\n            // to maintain backwards compatibility and avoid breaking existing descriptor usage.\n            // This check ensures that default items use their specific descriptors, while custom\n            // items use the generic custom item descriptors.\n            if (isDefaultItem) {\n              itemDescriptors = {\n                elementDescriptor: descriptors.userButtonPopoverActionButton,\n                elementId: descriptors.userButtonPopoverActionButton.setId(item.id as DefaultItemIds),\n                iconBoxElementDescriptor: descriptors.userButtonPopoverActionButtonIconBox,\n                iconBoxElementId: descriptors.userButtonPopoverActionButtonIconBox.setId(item.id as DefaultItemIds),\n                iconElementDescriptor: descriptors.userButtonPopoverActionButtonIcon,\n                iconElementId: descriptors.userButtonPopoverActionButtonIcon.setId(item.id as DefaultItemIds),\n              };\n            } else {\n              itemDescriptors = {\n                elementDescriptor: descriptors.userButtonPopoverCustomItemButton,\n                elementId: descriptors.userButtonPopoverCustomItemButton.setId(item.id),\n                iconBoxElementDescriptor: descriptors.userButtonPopoverCustomItemButtonIconBox,\n                iconBoxElementId: descriptors.userButtonPopoverCustomItemButtonIconBox.setId(item.id),\n                iconElementDescriptor: descriptors.userButtonPopoverActionItemButtonIcon,\n                iconElementId: descriptors.userButtonPopoverActionItemButtonIcon.setId(item.id),\n              };\n            }\n            return (\n              <Action\n                key={item.id}\n                {...itemDescriptors}\n                icon={item.icon}\n                label={item.name}\n                onClick={\n                  item.id === USER_BUTTON_ITEM_ID.SIGN_OUT\n                    ? handleSignOutSessionClicked(session)\n                    : () => handleActionClick(item)\n                }\n                sx={t => ({\n                  border: 0,\n                  padding: `${t.space.$2} ${t.space.$5}`,\n                  gap: t.space.$3x5,\n                })}\n                iconSx={t => ({\n                  width: t.sizes.$4,\n                  height: t.sizes.$4,\n                })}\n                iconBoxSx={t => ({\n                  minHeight: t.sizes.$4,\n                  minWidth: t.sizes.$4,\n                  alignItems: 'center',\n                })}\n              />\n            );\n          })}\n        </SmallActions>\n      )}\n\n      <Actions\n        role='group'\n        aria-label={t(localizationKeys('userButton.label__activeSessions'))}\n        sx={t => ({\n          borderTopStyle: t.borderStyles.$solid,\n          borderTopWidth: t.borderWidths.$normal,\n          borderTopColor: t.colors.$borderAlpha100,\n        })}\n      >\n        {otherSessions.map(session => (\n          <PreviewButton\n            key={session.id}\n            icon={ArrowRight}\n            onClick={handleSessionClicked(session)}\n          >\n            <UserPreview user={session.user} />\n          </PreviewButton>\n        ))}\n        <Action\n          elementDescriptor={descriptors.userButtonPopoverActionButton}\n          elementId={descriptors.userButtonPopoverActionButton.setId('addAccount')}\n          iconBoxElementDescriptor={descriptors.userButtonPopoverActionButtonIconBox}\n          iconBoxElementId={descriptors.userButtonPopoverActionButtonIconBox.setId('addAccount')}\n          iconElementDescriptor={descriptors.userButtonPopoverActionButtonIcon}\n          iconElementId={descriptors.userButtonPopoverActionButtonIcon.setId('addAccount')}\n          icon={Add}\n          label={localizationKeys('userButton.action__addAccount')}\n          onClick={handleAddAccountClicked}\n          iconSx={t => ({\n            width: t.sizes.$9,\n            height: t.sizes.$6,\n          })}\n          iconBoxSx={t => ({\n            minHeight: t.sizes.$9,\n            minWidth: t.sizes.$6,\n            alignItems: 'center',\n          })}\n          spinnerSize='md'\n        />\n      </Actions>\n    </>\n  );\n};\n\ntype SignOutAllActionsProps = {\n  handleSignOutAllClicked: () => Promise<unknown> | void;\n  elementDescriptor?: ElementDescriptor;\n  elementId?: ElementId;\n  iconBoxElementDescriptor?: ElementDescriptor;\n  iconBoxElementId?: ElementId;\n  iconElementDescriptor?: ElementDescriptor;\n  iconElementId?: ElementId;\n  label?: LocalizationKey;\n  sx?: ThemableCssProp;\n  actionSx?: ThemableCssProp;\n};\n\nexport const SignOutAllActions = (props: SignOutAllActionsProps) => {\n  const {\n    handleSignOutAllClicked,\n    elementDescriptor,\n    elementId,\n    iconBoxElementDescriptor,\n    iconBoxElementId,\n    iconElementDescriptor,\n    iconElementId,\n    label,\n    sx,\n    actionSx,\n  } = props;\n  const { t } = useLocalizations();\n  return (\n    <Actions\n      role='group'\n      aria-label={t(label || localizationKeys('userButton.action__signOutAll'))}\n      sx={[\n        t => ({\n          padding: t.space.$2,\n        }),\n        sx,\n      ]}\n    >\n      <Action\n        elementDescriptor={elementDescriptor || descriptors.userButtonPopoverActionButton}\n        elementId={elementId || descriptors.userButtonPopoverActionButton.setId('signOutAll')}\n        iconBoxElementDescriptor={iconBoxElementDescriptor || descriptors.userButtonPopoverActionButtonIconBox}\n        iconBoxElementId={iconBoxElementId || descriptors.userButtonPopoverActionButtonIconBox.setId('signOutAll')}\n        iconElementDescriptor={iconElementDescriptor || descriptors.userButtonPopoverActionButtonIcon}\n        iconElementId={iconElementId || descriptors.userButtonPopoverActionButtonIcon.setId('signOutAll')}\n        icon={SignOut}\n        label={label || localizationKeys('userButton.action__signOutAll')}\n        onClick={handleSignOutAllClicked}\n        variant='ghost'\n        colorScheme='neutral'\n        sx={[\n          t => ({\n            backgroundColor: t.colors.$transparent,\n            padding: `${t.space.$2} ${t.space.$3}`,\n            borderBottomWidth: 0,\n            borderRadius: t.radii.$lg,\n          }),\n          actionSx,\n        ]}\n        spinnerSize='md'\n      />\n    </Actions>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"SessionActions.js","names":["Cog","SignOut","ArrowRight","Add"],"sources":["../../../../src/components/UserButton/SessionActions.tsx"],"sourcesContent":["import type { SignedInSessionResource } from '@clerk/shared/types';\n\nimport type { ElementDescriptor, ElementId } from '@/customizables/elementDescriptors';\nimport { useRouter } from '@/router';\nimport { Action, Actions, SmallAction, SmallActions } from '@/ui/elements/Actions';\nimport { PreviewButton } from '@/ui/elements/PreviewButton';\nimport { UserPreview } from '@/ui/elements/UserPreview';\n\nimport { USER_BUTTON_ITEM_ID } from '../../constants';\nimport { useUserButtonContext } from '../../contexts';\nimport type { LocalizationKey } from '../../customizables';\nimport { descriptors, Flex, localizationKeys, useLocalizations } from '../../customizables';\nimport { Add, ArrowRight, Cog, SignOut } from '../../icons';\nimport type { ThemableCssProp } from '../../styledSystem';\nimport type { DefaultItemIds, MenuItem } from '../../utils/createCustomMenuItems';\n\ntype SingleSessionActionsProps = {\n  handleManageAccountClicked: () => Promise<unknown> | void;\n  handleSignOutSessionClicked: (session: SignedInSessionResource) => () => Promise<unknown> | void;\n  handleUserProfileActionClicked: (startPath?: string) => Promise<unknown> | void;\n  session: SignedInSessionResource;\n  completedCallback: () => void;\n};\n\nexport const SingleSessionActions = (props: SingleSessionActionsProps) => {\n  const { navigate } = useRouter();\n  const { handleManageAccountClicked, handleSignOutSessionClicked, handleUserProfileActionClicked, session } = props;\n\n  const { menutItems } = useUserButtonContext();\n  const { t } = useLocalizations();\n\n  const commonActionSx: ThemableCssProp = t => ({\n    borderTopWidth: t.borderWidths.$normal,\n    borderTopStyle: t.borderStyles.$solid,\n    borderTopColor: t.colors.$borderAlpha100,\n    padding: `${t.space.$4} ${t.space.$5}`,\n  });\n\n  const handleActionClick = async (menuItem: MenuItem) => {\n    if (menuItem?.path) {\n      await navigate(menuItem.path);\n      return props?.completedCallback();\n    }\n    if (menuItem.id === USER_BUTTON_ITEM_ID.MANAGE_ACCOUNT) {\n      return await handleManageAccountClicked();\n    }\n\n    if (menuItem?.open) {\n      return handleUserProfileActionClicked(menuItem.open);\n    }\n\n    menuItem.onClick?.();\n    return props?.completedCallback();\n  };\n\n  return (\n    <Actions\n      role='group'\n      aria-label={t(localizationKeys('userButton.label__accountActions'))}\n      elementDescriptor={descriptors.userButtonPopoverActions}\n      elementId={descriptors.userButtonPopoverActions.setId('singleSession')}\n      sx={t => ({\n        borderTopWidth: t.borderWidths.$normal,\n        borderTopStyle: t.borderStyles.$solid,\n        borderTopColor: t.colors.$borderAlpha100,\n      })}\n    >\n      {menutItems?.map((item: MenuItem) => {\n        const isDefaultItem = Object.values(USER_BUTTON_ITEM_ID).includes(item.id);\n        let itemDescriptors;\n\n        // We are using different element descriptors for default menu items vs custom items\n        // to maintain backwards compatibility and avoid breaking existing descriptor usage.\n        // This check ensures that default items use their specific descriptors, while custom\n        // items use the generic custom item descriptors.\n        if (isDefaultItem) {\n          itemDescriptors = {\n            elementDescriptor: descriptors.userButtonPopoverActionButton,\n            elementId: descriptors.userButtonPopoverActionButton.setId(item.id as DefaultItemIds),\n            iconBoxElementDescriptor: descriptors.userButtonPopoverActionButtonIconBox,\n            iconBoxElementId: descriptors.userButtonPopoverActionButtonIconBox.setId(item.id as DefaultItemIds),\n            iconElementDescriptor: descriptors.userButtonPopoverActionButtonIcon,\n            iconElementId: descriptors.userButtonPopoverActionButtonIcon.setId(item.id as DefaultItemIds),\n          };\n        } else {\n          itemDescriptors = {\n            elementDescriptor: descriptors.userButtonPopoverCustomItemButton,\n            elementId: descriptors.userButtonPopoverCustomItemButton.setId(item.id),\n            iconBoxElementDescriptor: descriptors.userButtonPopoverCustomItemButtonIconBox,\n            iconBoxElementId: descriptors.userButtonPopoverCustomItemButtonIconBox.setId(item.id),\n            iconElementDescriptor: descriptors.userButtonPopoverActionItemButtonIcon,\n            iconElementId: descriptors.userButtonPopoverActionItemButtonIcon.setId(item.id),\n          };\n        }\n\n        return (\n          <Action\n            key={item.id}\n            {...itemDescriptors}\n            icon={item.icon}\n            label={item.name}\n            onClick={\n              item.id === USER_BUTTON_ITEM_ID.SIGN_OUT\n                ? handleSignOutSessionClicked(session)\n                : () => handleActionClick(item)\n            }\n            sx={commonActionSx}\n            iconSx={t => ({\n              width: t.sizes.$4,\n              height: t.sizes.$4,\n            })}\n          />\n        );\n      })}\n    </Actions>\n  );\n};\n\ntype MultiSessionActionsProps = {\n  handleManageAccountClicked: () => Promise<unknown> | void;\n  handleSignOutSessionClicked: (session: SignedInSessionResource) => () => Promise<unknown> | void;\n  handleSessionClicked: (session: SignedInSessionResource) => () => Promise<unknown> | void;\n  handleAddAccountClicked: () => Promise<unknown> | void;\n  handleUserProfileActionClicked: (startPath?: string) => Promise<unknown> | void;\n  session: SignedInSessionResource;\n  otherSessions: SignedInSessionResource[];\n  completedCallback: () => void;\n};\n\nexport const MultiSessionActions = (props: MultiSessionActionsProps) => {\n  const { navigate } = useRouter();\n  const {\n    handleManageAccountClicked,\n    handleSignOutSessionClicked,\n    handleSessionClicked,\n    handleAddAccountClicked,\n    handleUserProfileActionClicked,\n    session,\n    otherSessions,\n  } = props;\n\n  const { menutItems } = useUserButtonContext();\n  const { t } = useLocalizations();\n\n  const handleActionClick = async (route: MenuItem) => {\n    if (route?.path) {\n      await navigate(route.path);\n      return props?.completedCallback();\n    }\n    if (route.id === USER_BUTTON_ITEM_ID.MANAGE_ACCOUNT) {\n      return await handleManageAccountClicked();\n    }\n\n    if (route?.open) {\n      return handleUserProfileActionClicked(route.open);\n    }\n\n    route.onClick?.();\n    return props?.completedCallback();\n  };\n\n  const hasOnlyDefaultItems = menutItems.every((item: MenuItem) =>\n    Object.values(USER_BUTTON_ITEM_ID).includes(item.id),\n  );\n\n  return (\n    <>\n      {hasOnlyDefaultItems ? (\n        <SmallActions\n          role='group'\n          aria-label={t(localizationKeys('userButton.label__accountActions'))}\n          elementDescriptor={descriptors.userButtonPopoverActions}\n          elementId={descriptors.userButtonPopoverActions.setId('multiSession')}\n        >\n          <Flex\n            justify='between'\n            sx={t => ({\n              marginInlineStart: `calc(${t.sizes.$9} + ${t.space.$4})`,\n              padding: `0 ${t.space.$5} ${t.space.$4}`,\n              gap: t.space.$2,\n            })}\n          >\n            <SmallAction\n              elementDescriptor={descriptors.userButtonPopoverActionButton}\n              elementId={descriptors.userButtonPopoverActionButton.setId('manageAccount')}\n              iconBoxElementDescriptor={descriptors.userButtonPopoverActionButtonIconBox}\n              iconBoxElementId={descriptors.userButtonPopoverActionButtonIconBox.setId('manageAccount')}\n              iconElementDescriptor={descriptors.userButtonPopoverActionButtonIcon}\n              iconElementId={descriptors.userButtonPopoverActionButtonIcon.setId('manageAccount')}\n              icon={Cog}\n              label={localizationKeys('userButton.action__manageAccount')}\n              onClick={handleManageAccountClicked}\n              focusRing\n            />\n            <SmallAction\n              elementDescriptor={descriptors.userButtonPopoverActionButton}\n              elementId={descriptors.userButtonPopoverActionButton.setId('signOut')}\n              iconBoxElementDescriptor={descriptors.userButtonPopoverActionButtonIconBox}\n              iconBoxElementId={descriptors.userButtonPopoverActionButtonIconBox.setId('signOut')}\n              iconElementDescriptor={descriptors.userButtonPopoverActionButtonIcon}\n              iconElementId={descriptors.userButtonPopoverActionButtonIcon.setId('signOut')}\n              icon={SignOut}\n              label={localizationKeys('userButton.action__signOut')}\n              onClick={handleSignOutSessionClicked(session)}\n              focusRing\n            />\n          </Flex>\n        </SmallActions>\n      ) : (\n        <SmallActions\n          role='group'\n          aria-label={t(localizationKeys('userButton.label__accountActions'))}\n          elementDescriptor={descriptors.userButtonPopoverActions}\n          elementId={descriptors.userButtonPopoverActions.setId('multiSession')}\n          sx={t => ({\n            gap: t.space.$1,\n            paddingBottom: t.space.$2,\n          })}\n        >\n          {menutItems?.map((item: MenuItem) => {\n            const isDefaultItem = Object.values(USER_BUTTON_ITEM_ID).includes(item.id);\n            let itemDescriptors;\n\n            // We are using different element descriptors for default menu items vs custom items\n            // to maintain backwards compatibility and avoid breaking existing descriptor usage.\n            // This check ensures that default items use their specific descriptors, while custom\n            // items use the generic custom item descriptors.\n            if (isDefaultItem) {\n              itemDescriptors = {\n                elementDescriptor: descriptors.userButtonPopoverActionButton,\n                elementId: descriptors.userButtonPopoverActionButton.setId(item.id as DefaultItemIds),\n                iconBoxElementDescriptor: descriptors.userButtonPopoverActionButtonIconBox,\n                iconBoxElementId: descriptors.userButtonPopoverActionButtonIconBox.setId(item.id as DefaultItemIds),\n                iconElementDescriptor: descriptors.userButtonPopoverActionButtonIcon,\n                iconElementId: descriptors.userButtonPopoverActionButtonIcon.setId(item.id as DefaultItemIds),\n              };\n            } else {\n              itemDescriptors = {\n                elementDescriptor: descriptors.userButtonPopoverCustomItemButton,\n                elementId: descriptors.userButtonPopoverCustomItemButton.setId(item.id),\n                iconBoxElementDescriptor: descriptors.userButtonPopoverCustomItemButtonIconBox,\n                iconBoxElementId: descriptors.userButtonPopoverCustomItemButtonIconBox.setId(item.id),\n                iconElementDescriptor: descriptors.userButtonPopoverActionItemButtonIcon,\n                iconElementId: descriptors.userButtonPopoverActionItemButtonIcon.setId(item.id),\n              };\n            }\n            return (\n              <Action\n                key={item.id}\n                {...itemDescriptors}\n                icon={item.icon}\n                label={item.name}\n                onClick={\n                  item.id === USER_BUTTON_ITEM_ID.SIGN_OUT\n                    ? handleSignOutSessionClicked(session)\n                    : () => handleActionClick(item)\n                }\n                sx={t => ({\n                  border: 0,\n                  padding: `${t.space.$2} ${t.space.$5}`,\n                  gap: t.space.$3x5,\n                })}\n                iconSx={t => ({\n                  width: t.sizes.$4,\n                  height: t.sizes.$4,\n                })}\n                iconBoxSx={t => ({\n                  minHeight: t.sizes.$4,\n                  minWidth: t.sizes.$4,\n                  alignItems: 'center',\n                })}\n              />\n            );\n          })}\n        </SmallActions>\n      )}\n\n      <Actions\n        role='group'\n        aria-label={t(localizationKeys('userButton.label__activeSessions'))}\n        sx={t => ({\n          borderTopStyle: t.borderStyles.$solid,\n          borderTopWidth: t.borderWidths.$normal,\n          borderTopColor: t.colors.$borderAlpha100,\n        })}\n      >\n        {otherSessions.map(session => (\n          <PreviewButton\n            key={session.id}\n            icon={ArrowRight}\n            onClick={handleSessionClicked(session)}\n          >\n            <UserPreview user={session.user} />\n          </PreviewButton>\n        ))}\n        <Action\n          elementDescriptor={descriptors.userButtonPopoverActionButton}\n          elementId={descriptors.userButtonPopoverActionButton.setId('addAccount')}\n          iconBoxElementDescriptor={descriptors.userButtonPopoverActionButtonIconBox}\n          iconBoxElementId={descriptors.userButtonPopoverActionButtonIconBox.setId('addAccount')}\n          iconElementDescriptor={descriptors.userButtonPopoverActionButtonIcon}\n          iconElementId={descriptors.userButtonPopoverActionButtonIcon.setId('addAccount')}\n          icon={Add}\n          label={localizationKeys('userButton.action__addAccount')}\n          onClick={handleAddAccountClicked}\n          iconSx={t => ({\n            width: t.sizes.$9,\n            height: t.sizes.$6,\n          })}\n          iconBoxSx={t => ({\n            minHeight: t.sizes.$9,\n            minWidth: t.sizes.$6,\n            alignItems: 'center',\n          })}\n          spinnerSize='md'\n        />\n      </Actions>\n    </>\n  );\n};\n\ntype SignOutAllActionsProps = {\n  handleSignOutAllClicked: () => Promise<unknown> | void;\n  elementDescriptor?: ElementDescriptor;\n  elementId?: ElementId;\n  iconBoxElementDescriptor?: ElementDescriptor;\n  iconBoxElementId?: ElementId;\n  iconElementDescriptor?: ElementDescriptor;\n  iconElementId?: ElementId;\n  label?: LocalizationKey;\n  sx?: ThemableCssProp;\n  actionSx?: ThemableCssProp;\n};\n\nexport const SignOutAllActions = (props: SignOutAllActionsProps) => {\n  const {\n    handleSignOutAllClicked,\n    elementDescriptor,\n    elementId,\n    iconBoxElementDescriptor,\n    iconBoxElementId,\n    iconElementDescriptor,\n    iconElementId,\n    label,\n    sx,\n    actionSx,\n  } = props;\n  const { t } = useLocalizations();\n  return (\n    <Actions\n      role='group'\n      aria-label={t(label || localizationKeys('userButton.action__signOutAll'))}\n      sx={[\n        t => ({\n          padding: t.space.$2,\n        }),\n        sx,\n      ]}\n    >\n      <Action\n        elementDescriptor={elementDescriptor || descriptors.userButtonPopoverActionButton}\n        elementId={elementId || descriptors.userButtonPopoverActionButton.setId('signOutAll')}\n        iconBoxElementDescriptor={iconBoxElementDescriptor || descriptors.userButtonPopoverActionButtonIconBox}\n        iconBoxElementId={iconBoxElementId || descriptors.userButtonPopoverActionButtonIconBox.setId('signOutAll')}\n        iconElementDescriptor={iconElementDescriptor || descriptors.userButtonPopoverActionButtonIcon}\n        iconElementId={iconElementId || descriptors.userButtonPopoverActionButtonIcon.setId('signOutAll')}\n        icon={SignOut}\n        label={label || localizationKeys('userButton.action__signOutAll')}\n        onClick={handleSignOutAllClicked}\n        variant='ghost'\n        colorScheme='neutral'\n        sx={[\n          t => ({\n            backgroundColor: t.colors.$transparent,\n            padding: `${t.space.$2} ${t.space.$3}`,\n            borderBottomWidth: 0,\n            borderRadius: t.radii.$lg,\n          }),\n          actionSx,\n        ]}\n        spinnerSize='md'\n      />\n    </Actions>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAwBA,MAAa,wBAAwB,UAAqC;CACxE,MAAM,EAAE,aAAa,UAAU;CAC/B,MAAM,EAAE,4BAA4B,6BAA6B,gCAAgC,YAAY;CAE7G,MAAM,EAAE,eAAe,qBAAqB;CAC5C,MAAM,EAAE,MAAM,iBAAiB;CAE/B,MAAM,kBAAkC,OAAM;EAC5C,gBAAgB,EAAE,aAAa;EAC/B,gBAAgB,EAAE,aAAa;EAC/B,gBAAgB,EAAE,OAAO;EACzB,SAAS,GAAG,EAAE,MAAM,GAAG,GAAG,EAAE,MAAM;CACpC;CAEA,MAAM,oBAAoB,OAAO,aAAuB;EACtD,IAAI,UAAU,MAAM;GAClB,MAAM,SAAS,SAAS,IAAI;GAC5B,OAAO,OAAO,kBAAkB;EAClC;EACA,IAAI,SAAS,OAAO,oBAAoB,gBACtC,OAAO,MAAM,2BAA2B;EAG1C,IAAI,UAAU,MACZ,OAAO,+BAA+B,SAAS,IAAI;EAGrD,SAAS,UAAU;EACnB,OAAO,OAAO,kBAAkB;CAClC;CAEA,OACE,oBAAC,SAAD;EACE,MAAK;EACL,cAAY,EAAE,iBAAiB,kCAAkC,CAAC;EAClE,mBAAmB,YAAY;EAC/B,WAAW,YAAY,yBAAyB,MAAM,eAAe;EACrE,KAAI,OAAM;GACR,gBAAgB,EAAE,aAAa;GAC/B,gBAAgB,EAAE,aAAa;GAC/B,gBAAgB,EAAE,OAAO;EAC3B;YAEC,YAAY,KAAK,SAAmB;GACnC,MAAM,gBAAgB,OAAO,OAAO,mBAAmB,CAAC,CAAC,SAAS,KAAK,EAAE;GACzE,IAAI;GAMJ,IAAI,eACF,kBAAkB;IAChB,mBAAmB,YAAY;IAC/B,WAAW,YAAY,8BAA8B,MAAM,KAAK,EAAoB;IACpF,0BAA0B,YAAY;IACtC,kBAAkB,YAAY,qCAAqC,MAAM,KAAK,EAAoB;IAClG,uBAAuB,YAAY;IACnC,eAAe,YAAY,kCAAkC,MAAM,KAAK,EAAoB;GAC9F;QAEA,kBAAkB;IAChB,mBAAmB,YAAY;IAC/B,WAAW,YAAY,kCAAkC,MAAM,KAAK,EAAE;IACtE,0BAA0B,YAAY;IACtC,kBAAkB,YAAY,yCAAyC,MAAM,KAAK,EAAE;IACpF,uBAAuB,YAAY;IACnC,eAAe,YAAY,sCAAsC,MAAM,KAAK,EAAE;GAChF;GAGF,OACE,oBAAC,QAAD;IAEE,GAAI;IACJ,MAAM,KAAK;IACX,OAAO,KAAK;IACZ,SACE,KAAK,OAAO,oBAAoB,WAC5B,4BAA4B,OAAO,UAC7B,kBAAkB,IAAI;IAElC,IAAI;IACJ,SAAQ,OAAM;KACZ,OAAO,EAAE,MAAM;KACf,QAAQ,EAAE,MAAM;IAClB;GACD,GAdM,KAAK,EAcX;EAEL,CAAC;CACM;AAEb;AAaA,MAAa,uBAAuB,UAAoC;CACtE,MAAM,EAAE,aAAa,UAAU;CAC/B,MAAM,EACJ,4BACA,6BACA,sBACA,yBACA,gCACA,SACA,kBACE;CAEJ,MAAM,EAAE,eAAe,qBAAqB;CAC5C,MAAM,EAAE,MAAM,iBAAiB;CAE/B,MAAM,oBAAoB,OAAO,UAAoB;EACnD,IAAI,OAAO,MAAM;GACf,MAAM,SAAS,MAAM,IAAI;GACzB,OAAO,OAAO,kBAAkB;EAClC;EACA,IAAI,MAAM,OAAO,oBAAoB,gBACnC,OAAO,MAAM,2BAA2B;EAG1C,IAAI,OAAO,MACT,OAAO,+BAA+B,MAAM,IAAI;EAGlD,MAAM,UAAU;EAChB,OAAO,OAAO,kBAAkB;CAClC;CAMA,OACE,4CAL0B,WAAW,OAAO,SAC5C,OAAO,OAAO,mBAAmB,CAAC,CAAC,SAAS,KAAK,EAAE,CAK9B,IACjB,oBAAC,cAAD;EACE,MAAK;EACL,cAAY,EAAE,iBAAiB,kCAAkC,CAAC;EAClE,mBAAmB,YAAY;EAC/B,WAAW,YAAY,yBAAyB,MAAM,cAAc;YAEpE,qBAAC,MAAD;GACE,SAAQ;GACR,KAAI,OAAM;IACR,mBAAmB,QAAQ,EAAE,MAAM,GAAG,KAAK,EAAE,MAAM,GAAG;IACtD,SAAS,KAAK,EAAE,MAAM,GAAG,GAAG,EAAE,MAAM;IACpC,KAAK,EAAE,MAAM;GACf;aANF,CAQE,oBAAC,aAAD;IACE,mBAAmB,YAAY;IAC/B,WAAW,YAAY,8BAA8B,MAAM,eAAe;IAC1E,0BAA0B,YAAY;IACtC,kBAAkB,YAAY,qCAAqC,MAAM,eAAe;IACxF,uBAAuB,YAAY;IACnC,eAAe,YAAY,kCAAkC,MAAM,eAAe;IAClF,MAAMA;IACN,OAAO,iBAAiB,kCAAkC;IAC1D,SAAS;IACT;GACD,IACD,oBAAC,aAAD;IACE,mBAAmB,YAAY;IAC/B,WAAW,YAAY,8BAA8B,MAAM,SAAS;IACpE,0BAA0B,YAAY;IACtC,kBAAkB,YAAY,qCAAqC,MAAM,SAAS;IAClF,uBAAuB,YAAY;IACnC,eAAe,YAAY,kCAAkC,MAAM,SAAS;IAC5E,MAAMC;IACN,OAAO,iBAAiB,4BAA4B;IACpD,SAAS,4BAA4B,OAAO;IAC5C;GACD,EACG;;CACM,KAEd,oBAAC,cAAD;EACE,MAAK;EACL,cAAY,EAAE,iBAAiB,kCAAkC,CAAC;EAClE,mBAAmB,YAAY;EAC/B,WAAW,YAAY,yBAAyB,MAAM,cAAc;EACpE,KAAI,OAAM;GACR,KAAK,EAAE,MAAM;GACb,eAAe,EAAE,MAAM;EACzB;YAEC,YAAY,KAAK,SAAmB;GACnC,MAAM,gBAAgB,OAAO,OAAO,mBAAmB,CAAC,CAAC,SAAS,KAAK,EAAE;GACzE,IAAI;GAMJ,IAAI,eACF,kBAAkB;IAChB,mBAAmB,YAAY;IAC/B,WAAW,YAAY,8BAA8B,MAAM,KAAK,EAAoB;IACpF,0BAA0B,YAAY;IACtC,kBAAkB,YAAY,qCAAqC,MAAM,KAAK,EAAoB;IAClG,uBAAuB,YAAY;IACnC,eAAe,YAAY,kCAAkC,MAAM,KAAK,EAAoB;GAC9F;QAEA,kBAAkB;IAChB,mBAAmB,YAAY;IAC/B,WAAW,YAAY,kCAAkC,MAAM,KAAK,EAAE;IACtE,0BAA0B,YAAY;IACtC,kBAAkB,YAAY,yCAAyC,MAAM,KAAK,EAAE;IACpF,uBAAuB,YAAY;IACnC,eAAe,YAAY,sCAAsC,MAAM,KAAK,EAAE;GAChF;GAEF,OACE,oBAAC,QAAD;IAEE,GAAI;IACJ,MAAM,KAAK;IACX,OAAO,KAAK;IACZ,SACE,KAAK,OAAO,oBAAoB,WAC5B,4BAA4B,OAAO,UAC7B,kBAAkB,IAAI;IAElC,KAAI,OAAM;KACR,QAAQ;KACR,SAAS,GAAG,EAAE,MAAM,GAAG,GAAG,EAAE,MAAM;KAClC,KAAK,EAAE,MAAM;IACf;IACA,SAAQ,OAAM;KACZ,OAAO,EAAE,MAAM;KACf,QAAQ,EAAE,MAAM;IAClB;IACA,YAAW,OAAM;KACf,WAAW,EAAE,MAAM;KACnB,UAAU,EAAE,MAAM;KAClB,YAAY;IACd;GACD,GAvBM,KAAK,EAuBX;EAEL,CAAC;CACW,IAGhB,qBAAC,SAAD;EACE,MAAK;EACL,cAAY,EAAE,iBAAiB,kCAAkC,CAAC;EAClE,KAAI,OAAM;GACR,gBAAgB,EAAE,aAAa;GAC/B,gBAAgB,EAAE,aAAa;GAC/B,gBAAgB,EAAE,OAAO;EAC3B;YAPF,CASG,cAAc,KAAI,YACjB,oBAAC,eAAD;GAEE,MAAMC;GACN,SAAS,qBAAqB,OAAO;aAErC,oBAAC,aAAD,EAAa,MAAM,QAAQ,KAAO;EACrB,GALR,QAAQ,EAKA,CAChB,GACD,oBAAC,QAAD;GACE,mBAAmB,YAAY;GAC/B,WAAW,YAAY,8BAA8B,MAAM,YAAY;GACvE,0BAA0B,YAAY;GACtC,kBAAkB,YAAY,qCAAqC,MAAM,YAAY;GACrF,uBAAuB,YAAY;GACnC,eAAe,YAAY,kCAAkC,MAAM,YAAY;GAC/E,MAAMC;GACN,OAAO,iBAAiB,+BAA+B;GACvD,SAAS;GACT,SAAQ,OAAM;IACZ,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,MAAM;GAClB;GACA,YAAW,OAAM;IACf,WAAW,EAAE,MAAM;IACnB,UAAU,EAAE,MAAM;IAClB,YAAY;GACd;GACA,aAAY;EACb,EACM;GACT;AAEN;AAeA,MAAa,qBAAqB,UAAkC;CAClE,MAAM,EACJ,yBACA,mBACA,WACA,0BACA,kBACA,uBACA,eACA,OACA,IACA,aACE;CACJ,MAAM,EAAE,MAAM,iBAAiB;CAC/B,OACE,oBAAC,SAAD;EACE,MAAK;EACL,cAAY,EAAE,SAAS,iBAAiB,+BAA+B,CAAC;EACxE,IAAI,EACF,OAAM,EACJ,SAAS,EAAE,MAAM,GACnB,IACA,EACF;YAEA,oBAAC,QAAD;GACE,mBAAmB,qBAAqB,YAAY;GACpD,WAAW,aAAa,YAAY,8BAA8B,MAAM,YAAY;GACpF,0BAA0B,4BAA4B,YAAY;GAClE,kBAAkB,oBAAoB,YAAY,qCAAqC,MAAM,YAAY;GACzG,uBAAuB,yBAAyB,YAAY;GAC5D,eAAe,iBAAiB,YAAY,kCAAkC,MAAM,YAAY;GAChG,MAAMF;GACN,OAAO,SAAS,iBAAiB,+BAA+B;GAChE,SAAS;GACT,SAAQ;GACR,aAAY;GACZ,IAAI,EACF,OAAM;IACJ,iBAAiB,EAAE,OAAO;IAC1B,SAAS,GAAG,EAAE,MAAM,GAAG,GAAG,EAAE,MAAM;IAClC,mBAAmB;IACnB,cAAc,EAAE,MAAM;GACxB,IACA,QACF;GACA,aAAY;EACb;CACM;AAEb"}

package/dist/no-rhc/index.js

@@ -17,7 +17,7 @@ import { ClerkUI } from "./ClerkUI.js";
 */
 const ui = {
 	__brand: UI_BRAND,
-	version: "1.23.1",
+	version: "1.23.2-canary.v20260629195910",
 	ClerkUI
 };
 

package/dist/server.js

@@ -22,7 +22,7 @@ import { ClerkUI } from "./ClerkUI.js";
 */
 const ui = {
 	__brand: UI_BRAND,
-	version: "1.23.1",
+	version: "1.23.2-canary.v20260629195910",
 	ClerkUI
 };