@okta/odyssey-react-mui 1.53.0 → 1.55.0

package/dist/assets/{useOdysseyDateFields-BVmmVg1G.js → useOdysseyDateFields-BbpeJekS.js}

@@ -1,4 +1,4 @@
-import{s as sr,a as ir}from"./tableRowClasses-Bk1uFtwh.js";import{r as D,j as ge}from"./iframe-CQjT1fxh.js";import{M as pt}from"./Button-0PI4ljbj.js";import{a as ot,u as ar,c as or,o as lr}from"./OdysseyThemeProvider-BA0_xP7N.js";import{L as ur}from"./useMobilePicker-DJQJ3D8W.js";import{M as cr}from"./Autocomplete-BwSwXNq_.js";import{g as dr,C as fr}from"./inputUtils-BBH9ADKa.js";import{M as hr}from"./Calendar-Do4wfihU.js";import{M as mr}from"./WarningFilled-DOHs-JmZ.js";import{a as yr,M as gr}from"./ArrowRight-C5USrGY5.js";/*!
+import{s as sr,a as ir}from"./tableRowClasses-DYosAqvx.js";import{r as D,j as ge}from"./iframe-Cav9rlxr.js";import{M as pt}from"./Button-BX9EXxBV.js";import{a as ot,u as ar,c as or,o as lr}from"./OdysseyThemeProvider-DOMFnSU0.js";import{L as ur}from"./useMobilePicker-0Zj6ZxWR.js";import{M as cr}from"./Autocomplete-CcFQPuHI.js";import{g as dr,C as fr}from"./inputUtils-BOLvDTmI.js";import{M as hr}from"./Calendar-DV1h6Fc3.js";import{M as mr}from"./WarningFilled-DJX60tUO.js";import{M as yr}from"./ArrowRight-CQpox1s-.js";import{M as gr}from"./ArrowLeft-DKc-rln7.js";/*!
  * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *
@@ -28,7 +28,7 @@ import{s as sr,a as ir}from"./tableRowClasses-Bk1uFtwh.js";import{r as D,j as ge
  * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  *
  * See the License for the specific language governing permissions and limitations under the License.
- */const Mi=5;or({odysseyTokens:lr});const Y={default:({theme:t})=>({color:t.palette.text.primary}),disabled:({theme:t})=>({backgroundColor:"transparent",color:t.palette.text.disabled}),hover:({theme:t})=>({backgroundColor:t.palette.grey[100]}),focus:({theme:t})=>({backgroundColor:"transparent",boxShadow:`0 0 0 2px ${t.palette.common.white}, 0 0 0 4px ${t.palette.primary.main}`,outline:"2px solid transparent",outlineOffset:"1px"}),hoverSelected:({theme:t})=>({backgroundColor:t.palette.primary.dark,color:t.palette.primary.contrastText}),outsideOfMonth:({theme:t})=>({backgroundColor:"transparent",color:t.palette.grey[400]}),selected:({theme:t})=>({backgroundColor:t.palette.primary.main,color:t.palette.primary.contrastText,border:"none"}),today:({theme:t})=>({backgroundColor:"transparent",color:t.palette.primary.main,border:"none"})},Gt={default:({theme:t})=>({backgroundColor:t.palette.primary.main,borderRadius:"50%",bottom:t.spacing(1),content:'" "',height:`${2/t.typography.fontSize}em`,position:"absolute",transform:"translateY(-50%)",width:`${2/t.typography.fontSize}em`}),hover:({theme:t})=>({backgroundColor:t.palette.primary.main}),selected:({theme:t})=>({backgroundColor:t.palette.primary.contrastText})},he={default:({theme:t})=>({backgroundColor:"transparent",color:t.palette.text.primary,paddingBlock:t.spacing(3),paddingInline:t.spacing(4),width:"auto",height:"auto"}),disabled:({theme:t})=>({backgroundColor:"transparent",color:t.palette.text.disabled}),hover:({theme:t})=>({backgroundColor:t.palette.grey[100]}),hoverSelected:({theme:t})=>({backgroundColor:t.palette.primary.lighter,color:t.palette.primary.main}),outsideOfMonth:({theme:t})=>({backgroundColor:"transparent",color:t.palette.text.secondary}),selected:({theme:t})=>({backgroundColor:"transparent",color:t.palette.primary.main})},bi={default:({theme:t})=>({backgroundColor:t.palette.primary.main,content:'""',height:t.typography.h6.fontSize,maskImage:`url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M14.3536 4.35355L6.35355 12.3536C6.15829 12.5488 5.84171 12.5488 5.64645 12.3536L1.64645 8.35355L2.35355 7.64645L6 11.2929L13.6464 3.64645L14.3536 4.35355Z' fill='currentColor' /%3E%3C/svg%3E%0A")`,maskPosition:"50% 50%",maskRepeat:"no-repeat",position:"absolute",right:t.spacing(4),width:t.spacing(4)})},Ui={components:{MuiDateCalendar:{styleOverrides:{root:()=>({width:"100%"})}},MuiPickersLayout:{styleOverrides:{root:({theme:t})=>({display:"block",width:"calc(100vw - 64px)",maxWidth:t.mixins.maxWidth}),contentWrapper:({theme:t})=>({width:"100%",paddingInline:t.spacing(3),"@media (pointer: fine)":{borderColor:t.palette.divider,borderStyle:t.mixins.borderStyle,borderWidth:t.mixins.borderWidth,borderRadius:t.mixins.borderRadius,paddingBlock:t.spacing(6),paddingInline:t.spacing(6)}})}},MuiDatePickerToolbar:{styleOverrides:{root:({theme:t})=>({paddingInline:t.spacing(4),paddingBlock:t.spacing(4)}),title:({theme:t})=>({marginBlockStart:t.spacing(1),marginBlockEnd:0})}},MuiDayCalendar:{styleOverrides:{header:({theme:t})=>({justifyContent:"space-between",marginBlockStart:t.spacing(5),paddingInline:t.spacing(1)}),monthContainer:({theme:t})=>({paddingBlock:t.spacing(1),paddingInline:t.spacing(1)}),weekContainer:({theme:t})=>({justifyContent:"space-between",marginBottom:t.spacing(1),marginLeft:0,marginRight:0,padding:0,gap:t.spacing(1),"&:last-child":{marginBottom:0}}),weekDayLabel:({theme:t})=>({color:t.palette.grey[900],flexShrink:0,marginBottom:t.spacing(2),marginLeft:0,marginRight:0,width:t.spacing(6),height:"auto",fontSize:t.typography.overline.fontSize,fontWeight:t.typography.overline.fontWeight,lineHeight:t.typography.overline.lineHeight,letterSpacing:t.typography.overline.letterSpacing,textTransform:t.typography.overline.textTransform})}},MuiDatePicker:{defaultProps:{slotProps:{popper:{popperOptions:{placement:"bottom-start"}}},showDaysOutsideCurrentMonth:!0,views:["year","day"]}},MuiPickersCalendarHeader:{styleOverrides:{label:({theme:t})=>({...t.typography.h5,margin:0}),root:({theme:t})=>({justifyContent:"space-between",marginBlockEnd:0,marginBlockStart:0,maxHeight:t.spacing(8),minHeight:t.spacing(8),paddingInline:t.spacing(1),paddingBlockStart:t.spacing(1),paddingBlockEnd:t.spacing(4),width:"auto",borderBottom:`1px solid ${t.palette.grey[100]}`}),labelContainer:{marginRight:0,overflow:"visible"},switchViewButton:({theme:t})=>({marginInlineStart:t.spacing(1)})}},MuiPickersDay:{styleOverrides:{dayWithMargin:()=>({marginLeft:0,marginRight:0}),root:({theme:t})=>[Y.default({theme:t}),{border:"none",borderRadius:t.mixins.borderRadius,flexBasis:t.spacing(6),flexShrink:0,fontSize:t.typography.body1.fontSize,height:t.spacing(6),width:t.spacing(6),"&.MuiPickersDay-today":[Y.today({theme:t}),{fontWeight:t.typography.fontWeightBold}],"&.MuiPickersDay-today::after":Gt.default({theme:t}),"&.MuiPickersDay-today.Mui-selected::after":Gt.selected({theme:t}),"&.MuiPickersDay-dayOutsideMonth":Y.outsideOfMonth({theme:t}),"&:hover":Y.hover({theme:t}),"&:focus":Y.focus({theme:t}),"&.Mui-selected, &.Mui-selected:focus":Y.selected({theme:t}),"&.Mui-selected:hover":Y.hoverSelected({theme:t}),"&.Mui-disabled":Y.disabled({theme:t})}]}},MuiPickersPopper:{styleOverrides:{paper:({theme:t})=>({boxShadow:`0 ${1/14}rem ${4/14}rem rgba(29, 29, 33, 0.08), 0 ${4/14}rem ${10/14}rem rgba(29, 29, 33, 0.08), 0 ${8/14}rem ${30/14}rem rgba(29, 29, 33, 0.1)`,marginTop:t.spacing(1)})}},MuiYearCalendar:{styleOverrides:{root:({theme:t})=>({display:"block",width:"auto",maxHeight:`${284/14}rem`,marginBottom:`-${t.spacing(Mi)}`,marginInlineEnd:0,paddingInline:0})}},MuiPickersYear:{styleOverrides:{root:()=>({width:"100%",justifyContent:"flex-start"}),yearButton:({theme:t})=>[he.default({theme:t}),{position:"relative",display:"flex",alignItems:"center",justifyContent:"flex-start",width:"100%",marginBottom:0,marginTop:0,paddingBlock:t.spacing(3),paddingInline:t.spacing(4),borderRadius:t.shape.borderRadius,fontSize:t.typography.body1.fontSize,"&:hover":he.hover({theme:t}),"&:not(.Mui-selected)":{border:"none"},"&.Mui-disabled":he.disabled({theme:t})}],selected:({theme:t})=>({"&, &:focus":he.selected({theme:t}),"&:hover":he.hoverSelected({theme:t}),"&::after":bi.default({theme:t})})}},MuiPickersArrowSwitcher:{styleOverrides:{root:{":dir(rtl)":{flexDirection:"row-reverse"}},spacer:({theme:t})=>({width:t.spacing(3)}),button:{margin:0}}}}};/*!
+ */const Mi=5;or({odysseyTokens:lr});const Y={default:({theme:t})=>({color:t.palette.text.primary}),disabled:({theme:t})=>({backgroundColor:"transparent",color:t.palette.text.disabled}),hover:({theme:t})=>({backgroundColor:t.palette.grey[100]}),focus:({theme:t})=>({backgroundColor:"transparent",boxShadow:`0 0 0 2px ${t.palette.common.white}, 0 0 0 4px ${t.palette.primary.main}`,outline:"2px solid transparent",outlineOffset:"1px"}),hoverSelected:({theme:t})=>({backgroundColor:t.palette.primary.dark,color:t.palette.primary.contrastText}),outsideOfMonth:({theme:t})=>({backgroundColor:"transparent",color:t.palette.grey[400]}),selected:({theme:t})=>({backgroundColor:t.palette.primary.main,color:t.palette.primary.contrastText,border:"none"}),today:({theme:t})=>({backgroundColor:"transparent",color:t.palette.primary.main,border:"none"})},Gt={default:({theme:t})=>({backgroundColor:t.palette.primary.main,borderRadius:"50%",bottom:t.spacing(1),content:'" "',height:`${2/t.typography.fontSize}em`,position:"absolute",transform:"translateY(-50%)",width:`${2/t.typography.fontSize}em`}),hover:({theme:t})=>({backgroundColor:t.palette.primary.main}),selected:({theme:t})=>({backgroundColor:t.palette.primary.contrastText})},he={default:({theme:t})=>({backgroundColor:"transparent",color:t.palette.text.primary,paddingBlock:t.spacing(3),paddingInline:t.spacing(4),width:"auto",height:"auto"}),disabled:({theme:t})=>({backgroundColor:"transparent",color:t.palette.text.disabled}),hover:({theme:t})=>({backgroundColor:t.palette.grey[100]}),hoverSelected:({theme:t})=>({backgroundColor:t.palette.primary.lighter,color:t.palette.primary.main}),outsideOfMonth:({theme:t})=>({backgroundColor:"transparent",color:t.palette.text.secondary}),selected:({theme:t})=>({backgroundColor:"transparent",color:t.palette.primary.main})},bi={default:({theme:t})=>({backgroundColor:t.palette.primary.main,content:'""',height:t.typography.h6.fontSize,maskImage:`url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M14.3536 4.35355L6.35355 12.3536C6.15829 12.5488 5.84171 12.5488 5.64645 12.3536L1.64645 8.35355L2.35355 7.64645L6 11.2929L13.6464 3.64645L14.3536 4.35355Z' fill='currentColor' /%3E%3C/svg%3E%0A")`,maskPosition:"50% 50%",maskRepeat:"no-repeat",position:"absolute",right:t.spacing(4),width:t.spacing(4)})},Hi={components:{MuiDateCalendar:{styleOverrides:{root:()=>({width:"100%"})}},MuiPickersLayout:{styleOverrides:{root:({theme:t})=>({display:"block",width:"calc(100vw - 64px)",maxWidth:t.mixins.maxWidth}),contentWrapper:({theme:t})=>({width:"100%",paddingInline:t.spacing(3),"@media (pointer: fine)":{borderColor:t.palette.divider,borderStyle:t.mixins.borderStyle,borderWidth:t.mixins.borderWidth,borderRadius:t.mixins.borderRadius,paddingBlock:t.spacing(6),paddingInline:t.spacing(6)}})}},MuiDatePickerToolbar:{styleOverrides:{root:({theme:t})=>({paddingInline:t.spacing(4),paddingBlock:t.spacing(4)}),title:({theme:t})=>({marginBlockStart:t.spacing(1),marginBlockEnd:0})}},MuiDayCalendar:{styleOverrides:{header:({theme:t})=>({justifyContent:"space-between",marginBlockStart:t.spacing(5),paddingInline:t.spacing(1)}),monthContainer:({theme:t})=>({paddingBlock:t.spacing(1),paddingInline:t.spacing(1)}),weekContainer:({theme:t})=>({justifyContent:"space-between",marginBottom:t.spacing(1),marginLeft:0,marginRight:0,padding:0,gap:t.spacing(1),"&:last-child":{marginBottom:0}}),weekDayLabel:({theme:t})=>({color:t.palette.grey[900],flexShrink:0,marginBottom:t.spacing(2),marginLeft:0,marginRight:0,width:t.spacing(6),height:"auto",fontSize:t.typography.overline.fontSize,fontWeight:t.typography.overline.fontWeight,lineHeight:t.typography.overline.lineHeight,letterSpacing:t.typography.overline.letterSpacing,textTransform:t.typography.overline.textTransform})}},MuiDatePicker:{defaultProps:{slotProps:{popper:{popperOptions:{placement:"bottom-start"}}},showDaysOutsideCurrentMonth:!0,views:["year","day"]}},MuiPickersCalendarHeader:{styleOverrides:{label:({theme:t})=>({...t.typography.h5,margin:0}),root:({theme:t})=>({justifyContent:"space-between",marginBlockEnd:0,marginBlockStart:0,maxHeight:t.spacing(8),minHeight:t.spacing(8),paddingInline:t.spacing(1),paddingBlockStart:t.spacing(1),paddingBlockEnd:t.spacing(4),width:"auto",borderBottom:`1px solid ${t.palette.grey[100]}`}),labelContainer:{marginRight:0,overflow:"visible"},switchViewButton:({theme:t})=>({marginInlineStart:t.spacing(1)})}},MuiPickersDay:{styleOverrides:{dayWithMargin:()=>({marginLeft:0,marginRight:0}),root:({theme:t})=>[Y.default({theme:t}),{border:"none",borderRadius:t.mixins.borderRadius,flexBasis:t.spacing(6),flexShrink:0,fontSize:t.typography.body1.fontSize,height:t.spacing(6),width:t.spacing(6),"&.MuiPickersDay-today":[Y.today({theme:t}),{fontWeight:t.typography.fontWeightBold}],"&.MuiPickersDay-today::after":Gt.default({theme:t}),"&.MuiPickersDay-today.Mui-selected::after":Gt.selected({theme:t}),"&.MuiPickersDay-dayOutsideMonth":Y.outsideOfMonth({theme:t}),"&:hover":Y.hover({theme:t}),"&:focus":Y.focus({theme:t}),"&.Mui-selected, &.Mui-selected:focus":Y.selected({theme:t}),"&.Mui-selected:hover":Y.hoverSelected({theme:t}),"&.Mui-disabled":Y.disabled({theme:t})}]}},MuiPickersPopper:{styleOverrides:{paper:({theme:t})=>({boxShadow:`0 ${1/14}rem ${4/14}rem rgba(29, 29, 33, 0.08), 0 ${4/14}rem ${10/14}rem rgba(29, 29, 33, 0.08), 0 ${8/14}rem ${30/14}rem rgba(29, 29, 33, 0.1)`,marginTop:t.spacing(1)})}},MuiYearCalendar:{styleOverrides:{root:({theme:t})=>({display:"block",width:"auto",maxHeight:`${284/14}rem`,marginBottom:`-${t.spacing(Mi)}`,marginInlineEnd:0,paddingInline:0})}},MuiPickersYear:{styleOverrides:{root:()=>({width:"100%",justifyContent:"flex-start"}),yearButton:({theme:t})=>[he.default({theme:t}),{position:"relative",display:"flex",alignItems:"center",justifyContent:"flex-start",width:"100%",marginBottom:0,marginTop:0,paddingBlock:t.spacing(3),paddingInline:t.spacing(4),borderRadius:t.shape.borderRadius,fontSize:t.typography.body1.fontSize,"&:hover":he.hover({theme:t}),"&:not(.Mui-selected)":{border:"none"},"&.Mui-disabled":he.disabled({theme:t})}],selected:({theme:t})=>({"&, &:focus":he.selected({theme:t}),"&:hover":he.hoverSelected({theme:t}),"&::after":bi.default({theme:t})})}},MuiPickersArrowSwitcher:{styleOverrides:{root:{":dir(rtl)":{flexDirection:"row-reverse"}},spacer:({theme:t})=>({width:t.spacing(3)}),button:{margin:0}}}}};/*!
  * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *
@@ -58,4 +58,4 @@ import{s as sr,a as ir}from"./tableRowClasses-Bk1uFtwh.js";import{r as D,j as ge
  * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  *
  * See the License for the specific language governing permissions and limitations under the License.
- */const{CONTROLLED:Ni}=fr,Ee=t=>t.isValid,_t=t=>h.fromISO(t).toUTC(),Hi=({defaultValue:t,isDateEnabled:e=()=>!0,isMonthEnabled:r=()=>!0,isYearEnabled:n=()=>!0,minDate:s,maxDate:i,onInputChange:a,timeZone:o="system",value:l})=>{const[u,d]=D.useState(!1),[y,T]=D.useState(),[f,S]=D.useState(o),Z=D.useRef(null),[N,R]=D.useState({minDate:void 0,maxDate:void 0});D.useEffect(()=>{const g=s?h.fromISO(s):void 0,Be=i?h.fromISO(i):void 0;R({minDate:g&&Ee(g)?g.startOf("day"):void 0,maxDate:Be&&Ee(Be)?Be.startOf("day"):void 0})},[s,i]);const{i18n:B}=ot(),{language:ee}=B,De=["ok_PL","ok_SK"].includes(ee)||ee.includes("@"),He=xi(),Ye=D.useRef(dr({controlledValue:l,uncontrolledValue:t})),Pe=De?"en-US":ee.replaceAll("_","-"),J=D.useCallback(g=>h.local().setZone(g).isValid,[]),G=D.useCallback(g=>g.toUTC().toISO()||void 0,[]),qe=D.useCallback(g=>!e(new Date(g==null?void 0:g.toJSDate()))||!1,[e]),jn=D.useCallback(g=>!r(new Date(g==null?void 0:g.toJSDate()))||!1,[r]),Qn=D.useCallback(g=>!n(new Date(g==null?void 0:g.toJSDate()))||!1,[n]),Kn=D.useMemo(()=>{if(l&&Ye.current===Ni){const g=_t(l);if(Ee(g))return{value:g}}if(t){const g=_t(t);if(Ee(g))return{defaultValue:g}}return null},[t,l]),Xn=D.useCallback(g=>{g&&J(g)&&S(g)},[J,S]),er=D.useCallback(()=>d(!u),[u,d]),tr=D.useCallback(()=>{d(!1)},[d]),nr=g=>g.toFormat("EEE"),rr=D.useCallback(g=>{a==null||a(g)},[a]);return{closeCalendar:tr,commonIcons:{ArrowLeftIcon:gr,ArrowRightIcon:yr,CalendarIcon:hr,ChevronDownIcon:mr},defaultedLanguageCode:Pe,formatDateTimeToUtcIsoDateString:G,formatDayOfWeek:nr,inputValues:Kn,internalTimeZone:f,internalValueRef:Z,isOpen:u,isValidTimeZone:J,localeText:He,maxDate:N.maxDate,minDate:N.minDate,popperElement:y,onInputChange:rr,onTimeZoneChange:Xn,setInternalTimeZone:S,setIsOpen:d,setPopperElement:T,shouldDisableDate:qe,shouldDisableMonth:jn,shouldDisableYear:Qn,toggleCalendarVisibility:er}};export{wr as M,Di as a,Ii as b,Y as c,Ui as d,Hi as u};
+ */const{CONTROLLED:Ni}=fr,Ee=t=>t.isValid,_t=t=>h.fromISO(t).toUTC(),Yi=({defaultValue:t,isDateEnabled:e=()=>!0,isMonthEnabled:r=()=>!0,isYearEnabled:n=()=>!0,minDate:s,maxDate:i,onInputChange:a,timeZone:o="system",value:l})=>{const[u,d]=D.useState(!1),[y,T]=D.useState(),[f,S]=D.useState(o),Z=D.useRef(null),[N,R]=D.useState({minDate:void 0,maxDate:void 0});D.useEffect(()=>{const g=s?h.fromISO(s):void 0,Be=i?h.fromISO(i):void 0;R({minDate:g&&Ee(g)?g.startOf("day"):void 0,maxDate:Be&&Ee(Be)?Be.startOf("day"):void 0})},[s,i]);const{i18n:B}=ot(),{language:ee}=B,De=["ok_PL","ok_SK"].includes(ee)||ee.includes("@"),He=xi(),Ye=D.useRef(dr({controlledValue:l,uncontrolledValue:t})),Pe=De?"en-US":ee.replaceAll("_","-"),J=D.useCallback(g=>h.local().setZone(g).isValid,[]),G=D.useCallback(g=>g.toUTC().toISO()||void 0,[]),qe=D.useCallback(g=>!e(new Date(g==null?void 0:g.toJSDate()))||!1,[e]),jn=D.useCallback(g=>!r(new Date(g==null?void 0:g.toJSDate()))||!1,[r]),Qn=D.useCallback(g=>!n(new Date(g==null?void 0:g.toJSDate()))||!1,[n]),Kn=D.useMemo(()=>{if(l&&Ye.current===Ni){const g=_t(l);if(Ee(g))return{value:g}}if(t){const g=_t(t);if(Ee(g))return{defaultValue:g}}return null},[t,l]),Xn=D.useCallback(g=>{g&&J(g)&&S(g)},[J,S]),er=D.useCallback(()=>d(!u),[u,d]),tr=D.useCallback(()=>{d(!1)},[d]),nr=g=>g.toFormat("EEE"),rr=D.useCallback(g=>{a==null||a(g)},[a]);return{closeCalendar:tr,commonIcons:{ArrowLeftIcon:gr,ArrowRightIcon:yr,CalendarIcon:hr,ChevronDownIcon:mr},defaultedLanguageCode:Pe,formatDateTimeToUtcIsoDateString:G,formatDayOfWeek:nr,inputValues:Kn,internalTimeZone:f,internalValueRef:Z,isOpen:u,isValidTimeZone:J,localeText:He,maxDate:N.maxDate,minDate:N.minDate,popperElement:y,onInputChange:rr,onTimeZoneChange:Xn,setInternalTimeZone:S,setIsOpen:d,setPopperElement:T,shouldDisableDate:qe,shouldDisableMonth:jn,shouldDisableYear:Qn,toggleCalendarVisibility:er}};export{wr as M,Di as a,Ii as b,Y as c,Hi as d,Yi as u};

package/dist/assets/{useScrollIndication-BGw7dgC5.js → useScrollIndication-4J4XfL4q.js}

@@ -1,4 +1,4 @@
-import{s as F}from"./tableRowClasses-Bk1uFtwh.js";import{r as o,j as p}from"./iframe-CQjT1fxh.js";import{M as Q}from"./Box-B3rdnavX.js";import{M as U}from"./Button-0PI4ljbj.js";import{a as V,u as G}from"./OdysseyThemeProvider-BA0_xP7N.js";import{a as q}from"./Typography-CjpHjc10.js";import{M as re,a as ae}from"./ArrowRight-C5USrGY5.js";import{I as ie}from"./InputBase-BYnzr12H.js";/*!
+import{s as F}from"./tableRowClasses-DYosAqvx.js";import{r as o,j as p}from"./iframe-Cav9rlxr.js";import{M as Q}from"./Box-B-6W36qW.js";import{M as U}from"./Button-BX9EXxBV.js";import{a as V,u as G}from"./OdysseyThemeProvider-DOMFnSU0.js";import{a as q}from"./Typography-B8ZKtxRi.js";import{M as re}from"./ArrowLeft-DKc-rln7.js";import{M as ae}from"./ArrowRight-CQpox1s-.js";import{I as ie}from"./InputBase-Bm1MB3pl.js";/*!
  * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *
@@ -8,7 +8,7 @@ import{s as F}from"./tableRowClasses-Bk1uFtwh.js";import{r as o,j as p}from"./if
  * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  *
  * See the License for the specific language governing permissions and limitations under the License.
- */const ce=({currentRowsCount:e,pageIndex:n,pageSize:g,totalRows:l})=>{const{t:m}=V();return o.useMemo(()=>{const r=g*(n-1)+1,i=r+(e-1),y=e===0?m("pagination.totalrows",{totalRows:0}):l?m("pagination.rowswithtotal",{firstRow:r,lastRow:i,totalRows:l}):m("pagination.rowswithouttotal",{firstRow:r,lastRow:i});return{firstRow:r,lastRow:i,totalRowsLabel:y}},[e,n,g,l,m])},ue=F("nav")({display:"flex",justifyContent:"space-between"}),X=F("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",alignItems:"center",gap:e.Spacing4,"& > div":{display:"flex",alignItems:"center",gap:e.Spacing2}})),Y=F(ie,{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({borderColor:e.HueNeutral200,borderRadius:e.BorderRadiusTight,height:e.Spacing6,width:"4.5714285714rem","&:hover":{borderColor:e.HueNeutral400},"&.Mui-focused:hover":{borderColor:e.PalettePrimaryMain}})),le=F("div")({"& > *":{marginInlineStart:"0 !important"}}),de=({currentPageLabel:e,currentRowsCount:n,hasPageInput:g=!0,hasRowCountInput:l=!0,hasRowCountLabel:m=!0,isDisabled:r,isMoreDisabled:i,lastRow:y,loadMoreLabel:P,maxPageIndex:f,maxPageSize:x,nextLabel:L,onPaginationChange:j,pageIndex:b,pageSize:k,previousLabel:K,rowsPerPageLabel:O,totalRows:d,variant:N})=>{const s=G(),{t}=V(),[a,v]=o.useState(b),[c,H]=o.useState(k),$=o.useRef(k),w=e??t("pagination.page"),E=P??t("pagination.loadmore"),z=L??t("pagination.next"),A=K??t("pagination.previous"),S=O??t("pagination.rowsperpage");o.useEffect(()=>{v(b),H(k)},[b,k]);const h=o.useCallback(({pageIndex:u,pageSize:M})=>{j({pageIndex:u,pageSize:M})},[j]),{totalRowsLabel:W}=ce({pageIndex:b,pageSize:k,currentRowsCount:n||0,totalRows:d}),T=o.useCallback(()=>{let u=a,M=c;if(d){const J=Math.ceil(d/M);M>d&&(M=d),u>J?u=J:u<1&&(u=1)}h({pageIndex:u,pageSize:M})},[a,c,h,d]),D=o.useCallback(u=>{u.key==="Enter"&&h({pageIndex:Number(u.currentTarget.value),pageSize:c})},[c,h]),B=o.useCallback(u=>{u.key==="Enter"&&h({pageIndex:a,pageSize:Number(u.currentTarget.value)})},[a,h]),Z=o.useCallback(u=>{const M=f?Math.min(Number(u.target.value),f):Number(u.target.value);v(Math.max(1,M))},[v,f]),_=o.useCallback(u=>{const M=x?Math.min(Number(u.target.value),x):Number(u.target.value);H(Math.max(1,M))},[H,x]),R=o.useCallback(()=>{h({pageIndex:1,pageSize:c+$.current})},[c,h]),C=o.useCallback(()=>{h({pageIndex:a+1,pageSize:c})},[h,a,c]),I=o.useCallback(()=>{h({pageIndex:a-1,pageSize:c})},[h,a,c]),ee=o.useMemo(()=>i||(d?c>=d:!1),[i,c,d]),se=o.useMemo(()=>i||y&&(d?y>=d:!1)||r,[i,d,y,r]),te=o.useMemo(()=>b<=1||r,[b,r]),ne=o.useMemo(()=>({"aria-label":S,max:x||d}),[x,S,d]),oe=o.useMemo(()=>({"aria-label":w,max:f}),[w,f]);return N==="paged"?p.jsxs(ue,{"aria-label":t("pagination.label"),children:[p.jsxs(X,{odysseyDesignTokens:s,children:[l&&p.jsxs(Q,{children:[p.jsx(q,{color:"textSecondary",component:"span",children:S}),p.jsx(Y,{disabled:r,inputProps:ne,odysseyDesignTokens:s,onBlur:T,onChange:_,onKeyDown:B,type:"number",value:c})]}),m&&p.jsx(q,{color:"textSecondary",component:"span",children:W})]}),p.jsxs(X,{odysseyDesignTokens:s,children:[d&&g&&p.jsxs(Q,{children:[p.jsx(q,{color:"textSecondary",component:"span",children:w}),p.jsx(Y,{disabled:r,inputProps:oe,odysseyDesignTokens:s,onBlur:T,onChange:Z,onKeyDown:D,type:"number",value:a})]}),p.jsxs(le,{children:[p.jsx(U,{ariaLabel:A,isDisabled:te,onClick:I,size:"small",startIcon:p.jsx(re,{}),variant:"floating"}),p.jsx(U,{ariaLabel:z,endIcon:p.jsx(ae,{}),isDisabled:se,onClick:C,size:"small",variant:"floating"})]})]})]}):p.jsx(U,{isDisabled:ee,label:E,onClick:R,variant:"secondary"})},ge=o.memo(de);ge.displayName="Pagination";/*!
+ */const ce=({currentRowsCount:e,pageIndex:n,pageSize:g,totalRows:l})=>{const{t:m}=V();return o.useMemo(()=>{const r=g*(n-1)+1,i=r+(e-1),y=e===0?m("pagination.totalrows",{totalRows:0}):l?m("pagination.rowswithtotal",{firstRow:r,lastRow:i,totalRows:l}):m("pagination.rowswithouttotal",{firstRow:r,lastRow:i});return{firstRow:r,lastRow:i,totalRowsLabel:y}},[e,n,g,l,m])},ue=F("nav")({display:"flex",justifyContent:"space-between"}),X=F("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"flex",alignItems:"center",gap:e.Spacing4,"& > div":{display:"flex",alignItems:"center",gap:e.Spacing2}})),Y=F(ie,{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({borderColor:e.HueNeutral200,borderRadius:e.BorderRadiusTight,height:e.Spacing6,width:"4.5714285714rem","&:hover":{borderColor:e.HueNeutral400},"&.Mui-focused:hover":{borderColor:e.PalettePrimaryMain}})),le=F("div")({"& > *":{marginInlineStart:"0 !important"}}),de=({currentPageLabel:e,currentRowsCount:n,hasPageInput:g=!0,hasRowCountInput:l=!0,hasRowCountLabel:m=!0,isDisabled:r,isMoreDisabled:i,lastRow:y,loadMoreLabel:P,maxPageIndex:f,maxPageSize:x,nextLabel:L,onPaginationChange:j,pageIndex:b,pageSize:k,previousLabel:K,rowsPerPageLabel:O,totalRows:d,variant:N})=>{const t=G(),{t:s}=V(),[a,v]=o.useState(b),[c,H]=o.useState(k),$=o.useRef(k),w=e??s("pagination.page"),E=P??s("pagination.loadmore"),z=L??s("pagination.next"),A=K??s("pagination.previous"),S=O??s("pagination.rowsperpage");o.useEffect(()=>{v(b),H(k)},[b,k]);const h=o.useCallback(({pageIndex:u,pageSize:M})=>{j({pageIndex:u,pageSize:M})},[j]),{totalRowsLabel:W}=ce({pageIndex:b,pageSize:k,currentRowsCount:n||0,totalRows:d}),T=o.useCallback(()=>{let u=a,M=c;if(d){const J=Math.ceil(d/M);M>d&&(M=d),u>J?u=J:u<1&&(u=1)}h({pageIndex:u,pageSize:M})},[a,c,h,d]),D=o.useCallback(u=>{u.key==="Enter"&&h({pageIndex:Number(u.currentTarget.value),pageSize:c})},[c,h]),B=o.useCallback(u=>{u.key==="Enter"&&h({pageIndex:a,pageSize:Number(u.currentTarget.value)})},[a,h]),Z=o.useCallback(u=>{const M=f?Math.min(Number(u.target.value),f):Number(u.target.value);v(Math.max(1,M))},[v,f]),_=o.useCallback(u=>{const M=x?Math.min(Number(u.target.value),x):Number(u.target.value);H(Math.max(1,M))},[H,x]),R=o.useCallback(()=>{h({pageIndex:1,pageSize:c+$.current})},[c,h]),C=o.useCallback(()=>{h({pageIndex:a+1,pageSize:c})},[h,a,c]),I=o.useCallback(()=>{h({pageIndex:a-1,pageSize:c})},[h,a,c]),ee=o.useMemo(()=>i||(d?c>=d:!1),[i,c,d]),te=o.useMemo(()=>i||y&&(d?y>=d:!1)||r,[i,d,y,r]),se=o.useMemo(()=>b<=1||r,[b,r]),ne=o.useMemo(()=>({"aria-label":S,max:x||d}),[x,S,d]),oe=o.useMemo(()=>({"aria-label":w,max:f}),[w,f]);return N==="paged"?p.jsxs(ue,{"aria-label":s("pagination.label"),children:[p.jsxs(X,{odysseyDesignTokens:t,children:[l&&p.jsxs(Q,{children:[p.jsx(q,{color:"textSecondary",component:"span",children:S}),p.jsx(Y,{disabled:r,inputProps:ne,odysseyDesignTokens:t,onBlur:T,onChange:_,onKeyDown:B,type:"number",value:c})]}),m&&p.jsx(q,{color:"textSecondary",component:"span",children:W})]}),p.jsxs(X,{odysseyDesignTokens:t,children:[d&&g&&p.jsxs(Q,{children:[p.jsx(q,{color:"textSecondary",component:"span",children:w}),p.jsx(Y,{disabled:r,inputProps:oe,odysseyDesignTokens:t,onBlur:T,onChange:Z,onKeyDown:D,type:"number",value:a})]}),p.jsxs(le,{children:[p.jsx(U,{ariaLabel:A,isDisabled:se,onClick:I,size:"small",startIcon:p.jsx(re,{}),variant:"floating"}),p.jsx(U,{ariaLabel:z,endIcon:p.jsx(ae,{}),isDisabled:te,onClick:C,size:"small",variant:"floating"})]})]})]}):p.jsx(U,{isDisabled:ee,label:E,onClick:R,variant:"secondary"})},ge=o.memo(de);ge.displayName="Pagination";/*!
  * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *
@@ -28,7 +28,7 @@ import{s as F}from"./tableRowClasses-Bk1uFtwh.js";import{r as o,j as p}from"./if
  * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  *
  * See the License for the specific language governing permissions and limitations under the License.
- */const be=({totalRows:e,onReorderRows:n,data:g,setData:l,draggingRow:m,setDraggingRow:r,resultsPerPage:i,page:y})=>{const{t:P}=V(),f=({rowId:s,newRowIndex:t})=>{if(t<0||e&&t>e)return;const a=pe({currentData:g,rowId:s,newRowIndex:t});l(a),n==null||n({rowId:s,newRowIndex:t})},x=G(),L={padding:x.Spacing1,borderRadius:x.BorderRadiusMain,"&:focus-visible":{boxShadow:`0 0 0 2px ${x.HueNeutralWhite}, 0 0 0 4px ${x.PalettePrimaryMain}`,outline:"2px solid transparent",outlineOffset:"1px"}},j={title:P("table.draghandle.tooltip"),"aria-label":P("table.draghandle.arialabel")},b=({currentRowId:s,draggingRowId:t,hoveredRowId:a})=>{if(t===s&&a!==s)return"isDragging";if(a===s&&t!==s)return"isDragTarget";if(t===s&&a===s)return"isDragging isDragTarget"},k=(s,t)=>{if(t){const a=s.getRow(t);a&&s.setHoveredRow(a)}},K=({table:s,row:t,event:a})=>{var W,T;const{hoveredRow:v}=s.getState(),{key:c}=a,H=c===" ",$=c==="Enter",w=c==="Escape",E=c==="ArrowDown",z=c==="ArrowUp",A=H||$,S=y-1,h=t.index+S*i;if(w){N(s);return}if(A&&(a.preventDefault(),a.stopPropagation()),m){if(typeof(v==null?void 0:v.index)=="number"){const{index:D}=v;if(A){const B=D+S*i;if(B!==h){f({rowId:t.id,newRowIndex:B}),setTimeout(()=>{N(s)},x.TransitionDurationMainAsNumber);return}}if(E||z){const B=E?D+1:D-1;k(s,(W=g[B])==null?void 0:W.id)}}else if(E||z){const D=E?t.index+1:t.index-1;k(s,(T=g[D])==null?void 0:T.id)}}else A&&r(t)},O=s=>{s.getAllColumns()[0].toggleVisibility();const{draggingRow:a,hoveredRow:v}=s.getState();a&&f({newRowIndex:v.index,rowId:a.id}),r(null)},d=s=>{var t;!m&&((t=s.getState().draggingRow)!=null&&t.id)&&r(s.getState().draggingRow)},N=s=>{r(null),s.setHoveredRow(null)};return{dragHandleStyles:L,dragHandleText:j,draggableTableBodyRowClassName:b,handleDragHandleKeyDown:K,handleDragHandleOnDragCapture:d,handleDragHandleOnDragEnd:O,resetDraggingAndHoveredRow:N,updateRowOrder:f}};/*!
+ */const ke=({totalRows:e,onReorderRows:n,data:g,setData:l,draggingRow:m,setDraggingRow:r,resultsPerPage:i,page:y})=>{const{t:P}=V(),f=({rowId:t,newRowIndex:s})=>{if(s<0||e&&s>e)return;const a=pe({currentData:g,rowId:t,newRowIndex:s});l(a),n==null||n({rowId:t,newRowIndex:s})},x=G(),L={padding:x.Spacing1,borderRadius:x.BorderRadiusMain,"&:focus-visible":{boxShadow:`0 0 0 2px ${x.HueNeutralWhite}, 0 0 0 4px ${x.PalettePrimaryMain}`,outline:"2px solid transparent",outlineOffset:"1px"}},j={title:P("table.draghandle.tooltip"),"aria-label":P("table.draghandle.arialabel")},b=({currentRowId:t,draggingRowId:s,hoveredRowId:a})=>{if(s===t&&a!==t)return"isDragging";if(a===t&&s!==t)return"isDragTarget";if(s===t&&a===t)return"isDragging isDragTarget"},k=(t,s)=>{if(s){const a=t.getRow(s);a&&t.setHoveredRow(a)}},K=({table:t,row:s,event:a})=>{var W,T;const{hoveredRow:v}=t.getState(),{key:c}=a,H=c===" ",$=c==="Enter",w=c==="Escape",E=c==="ArrowDown",z=c==="ArrowUp",A=H||$,S=y-1,h=s.index+S*i;if(w){N(t);return}if(A&&(a.preventDefault(),a.stopPropagation()),m){if(typeof(v==null?void 0:v.index)=="number"){const{index:D}=v;if(A){const B=D+S*i;if(B!==h){f({rowId:s.id,newRowIndex:B}),setTimeout(()=>{N(t)},x.TransitionDurationMainAsNumber);return}}if(E||z){const B=E?D+1:D-1;k(t,(W=g[B])==null?void 0:W.id)}}else if(E||z){const D=E?s.index+1:s.index-1;k(t,(T=g[D])==null?void 0:T.id)}}else A&&r(s)},O=t=>{t.getAllColumns()[0].toggleVisibility();const{draggingRow:a,hoveredRow:v}=t.getState();a&&f({newRowIndex:v.index,rowId:a.id}),r(null)},d=t=>{var s;!m&&((s=t.getState().draggingRow)!=null&&s.id)&&r(t.getState().draggingRow)},N=t=>{r(null),t.setHoveredRow(null)};return{dragHandleStyles:L,dragHandleText:j,draggableTableBodyRowClassName:b,handleDragHandleKeyDown:K,handleDragHandleOnDragCapture:d,handleDragHandleOnDragEnd:O,resetDraggingAndHoveredRow:N,updateRowOrder:f}};/*!
  * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *
@@ -38,4 +38,4 @@ import{s as F}from"./tableRowClasses-Bk1uFtwh.js";import{r as o,j as p}from"./if
  * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  *
  * See the License for the specific language governing permissions and limitations under the License.
- */const ke=({tableOuterContainer:e,tableInnerContainer:n,setIsTableContainerScrolledToStart:g,setIsTableContainerScrolledToEnd:l,setTableInnerContainerWidth:m})=>{const r=o.useRef(null),i=o.useRef(null),y=G(),P=o.useCallback(()=>{if(!e||!n)return;const f=e.clientWidth,x=n.scrollWidth,L=n.scrollLeft,j=L+f;g(L<=16),l(j>=x-16)},[n,e,l,g]);o.useEffect(()=>{if(typeof ResizeObserver>"u"||i.current)return;let f;return i.current=new ResizeObserver(()=>{clearTimeout(f),f=setTimeout(()=>{r.current||(r.current=requestAnimationFrame(()=>{P(),r.current=null})),m(n!=null&&n.clientWidth?`${n.clientWidth-Number(y.BorderWidthMain)*2}px`:"100%")},100)}),e&&e.parentElement&&i.current.observe(e.parentElement),()=>{i.current&&(i.current.disconnect(),i.current=null),clearTimeout(f),r.current&&(cancelAnimationFrame(r.current),r.current=null)}},[P,m,e,n,g,l,y.BorderWidthMain]),o.useEffect(()=>(n==null||n.addEventListener("scroll",P),()=>n==null?void 0:n.removeEventListener("scroll",P)),[n,P]),o.useEffect(()=>{P()},[])};export{ge as M,be as a,ce as b,ke as u};
+ */const De=({tableOuterContainer:e,tableInnerContainer:n,setIsTableContainerScrolledToStart:g,setIsTableContainerScrolledToEnd:l,setTableInnerContainerWidth:m})=>{const r=o.useRef(null),i=o.useRef(null),y=G(),P=o.useCallback(()=>{if(!e||!n)return;const f=e.clientWidth,x=n.scrollWidth,L=n.scrollLeft,j=L+f;g(L<=16),l(j>=x-16)},[n,e,l,g]);o.useEffect(()=>{if(typeof ResizeObserver>"u"||i.current)return;let f;return i.current=new ResizeObserver(()=>{clearTimeout(f),f=setTimeout(()=>{r.current||(r.current=requestAnimationFrame(()=>{P(),r.current=null})),m(n!=null&&n.clientWidth?`${n.clientWidth-Number(y.BorderWidthMain)*2}px`:"100%")},100)}),e&&e.parentElement&&i.current.observe(e.parentElement),()=>{i.current&&(i.current.disconnect(),i.current=null),clearTimeout(f),r.current&&(cancelAnimationFrame(r.current),r.current=null)}},[P,m,e,n,g,l,y.BorderWidthMain]),o.useEffect(()=>(n==null||n.addEventListener("scroll",P),()=>n==null?void 0:n.removeEventListener("scroll",P)),[n,P]),o.useEffect(()=>{P()},[])};export{ge as M,ke as a,ce as b,De as u};

package/dist/assets/{useSlot-BMAKysxJ.js → useSlot-CvipdriX.js}

@@ -1 +1 @@
-import{_ as s,a as n}from"./tableRowClasses-Bk1uFtwh.js";import{r as v,m as b,a as j}from"./resolveComponentProps-DGxe9oED.js";import{u as k}from"./useIsFocusVisible-D1xCTBdT.js";const E=["className","elementType","ownerState","externalForwardedProps","getSlotOwnerState","internalForwardedProps"],L=["component","slots","slotProps"],N=["component"];function z(o,e){const{className:x,elementType:_,ownerState:p,externalForwardedProps:l,getSlotOwnerState:d,internalForwardedProps:a}=e,F=s(e,E),{component:c,slots:t={[o]:void 0},slotProps:O={[o]:void 0}}=l,g=s(l,L),i=t[o]||_,r=v(O[o],p),P=b(n({className:x},F,{externalForwardedProps:o==="root"?g:void 0,externalSlotProps:r})),{props:{component:f},internalRef:y}=P,m=s(P.props,N),C=k(y,r==null?void 0:r.ref,e.ref),u=d?d(m):{},T=n({},p,u),S=o==="root"?f||c:f,w=j(i,n({},o==="root"&&!c&&!t[o]&&a,o!=="root"&&!t[o]&&a,m,S&&{as:S},{ref:C}),T);return Object.keys(u).forEach(h=>{delete w[h]}),[i,w]}export{z as u};
+import{_ as s,a as n}from"./tableRowClasses-DYosAqvx.js";import{r as v,m as b,a as j}from"./resolveComponentProps-m1IywaLB.js";import{u as k}from"./useIsFocusVisible-Cu721A7w.js";const E=["className","elementType","ownerState","externalForwardedProps","getSlotOwnerState","internalForwardedProps"],L=["component","slots","slotProps"],N=["component"];function z(o,e){const{className:x,elementType:_,ownerState:p,externalForwardedProps:l,getSlotOwnerState:d,internalForwardedProps:a}=e,F=s(e,E),{component:c,slots:t={[o]:void 0},slotProps:O={[o]:void 0}}=l,g=s(l,L),i=t[o]||_,r=v(O[o],p),P=b(n({className:x},F,{externalForwardedProps:o==="root"?g:void 0,externalSlotProps:r})),{props:{component:f},internalRef:y}=P,m=s(P.props,N),C=k(y,r==null?void 0:r.ref,e.ref),u=d?d(m):{},T=n({},p,u),S=o==="root"?f||c:f,w=j(i,n({},o==="root"&&!c&&!t[o]&&a,o!=="root"&&!t[o]&&a,m,S&&{as:S},{ref:C}),T);return Object.keys(u).forEach(h=>{delete w[h]}),[i,w]}export{z as u};

package/dist/assets/{useThemeProps-BCUqwy59.js → useThemeProps-C9dAJTwo.js}

@@ -1 +1 @@
-import{Y as t,Z as p}from"./tableRowClasses-Bk1uFtwh.js";function m(n){const{theme:e,name:o,props:s}=n;return!e||!e.components||!e.components[o]||!e.components[o].defaultProps?s:t(e.components[o].defaultProps,s)}function a({props:n,name:e,defaultTheme:o,themeId:s}){let r=p(o);return s&&(r=r[s]||r),m({theme:r,name:e,props:n})}export{m as g,a as u};
+import{Y as t,Z as p}from"./tableRowClasses-DYosAqvx.js";function m(n){const{theme:e,name:o,props:s}=n;return!e||!e.components||!e.components[o]||!e.components[o].defaultProps?s:t(e.components[o].defaultProps,s)}function a({props:n,name:e,defaultTheme:o,themeId:s}){let r=p(o);return s&&(r=r[s]||r),m({theme:r,name:e,props:n})}export{m as g,a as u};

package/dist/assets/useThemeProps-CITViJJe.js

@@ -0,0 +1 @@
+import{O as m,T as o}from"./tableRowClasses-DYosAqvx.js";import{u as s}from"./useThemeProps-C9dAJTwo.js";function a({props:e,name:r}){return s({props:e,name:r,defaultTheme:m,themeId:o})}export{a as u};

package/dist/assets/useTranslation-DjB2Li3Q.js

@@ -0,0 +1 @@
+import{r as g}from"./iframe-Cav9rlxr.js";import{I as _,g as j,R as k,a as G}from"./OdysseyProvider-Czbz3dwH.js";const $=(e,n,s,a)=>{var t,f,T,w;const i=[s,{code:n,...a||{}}];if((f=(t=e==null?void 0:e.services)==null?void 0:t.logger)!=null&&f.forward)return e.services.logger.forward(i,"warn","react-i18next::",!0);m(i[0])&&(i[0]=`react-i18next:: ${i[0]}`),(w=(T=e==null?void 0:e.services)==null?void 0:T.logger)!=null&&w.warn?e.services.logger.warn(...i):console!=null&&console.warn&&console.warn(...i)},O={},E=(e,n,s,a)=>{m(s)&&O[s]||(m(s)&&(O[s]=new Date),$(e,n,s,a))},P=(e,n)=>()=>{if(e.isInitialized)n();else{const s=()=>{setTimeout(()=>{e.off("initialized",s)},0),n()};e.on("initialized",s)}},S=(e,n,s)=>{e.loadNamespaces(n,P(e,s))},A=(e,n,s,a)=>{if(m(s)&&(s=[s]),e.options.preload&&e.options.preload.indexOf(n)>-1)return S(e,s,a);s.forEach(i=>{e.options.ns.indexOf(i)<0&&e.options.ns.push(i)}),e.loadLanguages(n,P(e,a))},U=(e,n,s={})=>!n.languages||!n.languages.length?(E(n,"NO_LANGUAGES","i18n.languages were undefined or empty",{languages:n.languages}),!0):n.hasLoadedNamespace(e,{lng:s.lng,precheck:(a,i)=>{if(s.bindI18n&&s.bindI18n.indexOf("languageChanging")>-1&&a.services.backendConnector.backend&&a.isLanguageChangingTo&&!i(a.isLanguageChangingTo,e))return!1}}),m=e=>typeof e=="string",J=e=>typeof e=="object"&&e!==null,W=(e,n)=>{const s=g.useRef();return g.useEffect(()=>{s.current=e},[e,n]),s.current},F=(e,n,s,a)=>e.getFixedT(n,s,a),X=(e,n,s,a)=>g.useCallback(F(e,n,s,a),[e,n,s,a]),B=(e,n={})=>{var R,v,z,L;const{i18n:s}=n,{i18n:a,defaultNS:i}=g.useContext(_)||{},t=s||a||j();if(t&&!t.reportNamespaces&&(t.reportNamespaces=new k),!t){E(t,"NO_I18NEXT_INSTANCE","useTranslation: You will need to pass in an i18next instance by using initReactI18next");const o=(l,u)=>m(u)?u:J(u)&&m(u.defaultValue)?u.defaultValue:Array.isArray(l)?l[l.length-1]:l,c=[o,{},!1];return c.t=o,c.i18n={},c.ready=!1,c}(R=t.options.react)!=null&&R.wait&&E(t,"DEPRECATED_OPTION","useTranslation: It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");const f={...G(),...t.options.react,...n},{useSuspense:T,keyPrefix:w}=f;let r=i||((v=t.options)==null?void 0:v.defaultNS);r=m(r)?[r]:r||["translation"],(L=(z=t.reportNamespaces).addUsedNamespaces)==null||L.call(z,r);const d=(t.isInitialized||t.initializedStoreOnce)&&r.every(o=>U(o,t,f)),M=X(t,n.lng||null,f.nsMode==="fallback"?r:r[0],w),C=()=>M,x=()=>F(t,n.lng||null,f.nsMode==="fallback"?r:r[0],w),[b,y]=g.useState(C);let h=r.join();n.lng&&(h=`${n.lng}${h}`);const I=W(h),N=g.useRef(!0);g.useEffect(()=>{const{bindI18n:o,bindI18nStore:c}=f;N.current=!0,!d&&!T&&(n.lng?A(t,n.lng,r,()=>{N.current&&y(x)}):S(t,r,()=>{N.current&&y(x)})),d&&I&&I!==h&&N.current&&y(x);const l=()=>{N.current&&y(x)};return o&&(t==null||t.on(o,l)),c&&(t==null||t.store.on(c,l)),()=>{N.current=!1,t&&o&&(o==null||o.split(" ").forEach(u=>t.off(u,l))),c&&t&&c.split(" ").forEach(u=>t.store.off(u,l))}},[t,h]),g.useEffect(()=>{N.current&&d&&y(C)},[t,w,d]);const p=[b,t,d];if(p.t=b,p.i18n=t,p.ready=d,d||!d&&!T)return p;throw new Promise(o=>{n.lng?A(t,n.lng,r,()=>o()):S(t,r,()=>o())})};export{B as u};

package/dist/assets/{useUniqueId-DG6rB8dI.js → useUniqueId-CXfTvpAs.js}

@@ -1,4 +1,4 @@
-import{r as o}from"./iframe-CQjT1fxh.js";import{c as t}from"./createUniqueId-BHjR7HQF.js";/*!
+import{r as o}from"./iframe-Cav9rlxr.js";import{c as t}from"./createUniqueId-BHjR7HQF.js";/*!
  * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *

package/dist/assets/useUniqueId-MZzCNWze.js

@@ -0,0 +1,11 @@
+import{r}from"./iframe-Cav9rlxr.js";const o=()=>Math.random().toString(36).slice(-6);/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */const s=e=>{const t=r.useMemo(()=>o(),[]);return e??t};export{s as u};

package/dist/assets/{utilities.esm-D9akhJLQ.js → utilities.esm-CFtdCfoJ.js}

@@ -1,4 +1,4 @@
-import{r as l,R as O}from"./iframe-CQjT1fxh.js";import{r as pe}from"./index-5Qx3hCfP.js";const et=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";function me(e){const t=Object.prototype.toString.call(e);return t==="[object Window]"||t==="[object global]"}function yt(e){return"nodeType"in e}function z(e){var t,n;return e?me(e)?e:yt(e)&&(t=(n=e.ownerDocument)==null?void 0:n.defaultView)!=null?t:window:window}function wt(e){const{Document:t}=z(e);return e instanceof t}function Le(e){return me(e)?!1:e instanceof z(e).HTMLElement}function Vt(e){return e instanceof z(e).SVGElement}function ye(e){return e?me(e)?e.document:yt(e)?wt(e)?e:Le(e)||Vt(e)?e.ownerDocument:document:document:document}const Q=et?l.useLayoutEffect:l.useEffect;function tt(e){const t=l.useRef(e);return Q(()=>{t.current=e}),l.useCallback(function(){for(var n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return t.current==null?void 0:t.current(...r)},[])}function In(){const e=l.useRef(null),t=l.useCallback((r,o)=>{e.current=setInterval(r,o)},[]),n=l.useCallback(()=>{e.current!==null&&(clearInterval(e.current),e.current=null)},[]);return[t,n]}function Te(e,t){t===void 0&&(t=[e]);const n=l.useRef(e);return Q(()=>{n.current!==e&&(n.current=e)},t),n}function ke(e,t){const n=l.useRef();return l.useMemo(()=>{const r=e(n.current);return n.current=r,r},[...t])}function He(e){const t=tt(e),n=l.useRef(null),r=l.useCallback(o=>{o!==n.current&&(t==null||t(o,n.current)),n.current=o},[]);return[n,r]}function Ve(e){const t=l.useRef();return l.useEffect(()=>{t.current=e},[e]),t.current}let ct={};function nt(e,t){return l.useMemo(()=>{if(t)return t;const n=ct[e]==null?0:ct[e]+1;return ct[e]=n,e+"-"+n},[e,t])}function qt(e){return function(t){for(var n=arguments.length,r=new Array(n>1?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];return r.reduce((i,s)=>{const a=Object.entries(s);for(const[c,u]of a){const f=i[c];f!=null&&(i[c]=f+e*u)}return i},{...t})}}const be=qt(1),qe=qt(-1);function Nn(e){return"clientX"in e&&"clientY"in e}function xt(e){if(!e)return!1;const{KeyboardEvent:t}=z(e.target);return t&&e instanceof t}function Ln(e){if(!e)return!1;const{TouchEvent:t}=z(e.target);return t&&e instanceof t}function Je(e){if(Ln(e)){if(e.touches&&e.touches.length){const{clientX:t,clientY:n}=e.touches[0];return{x:t,y:n}}else if(e.changedTouches&&e.changedTouches.length){const{clientX:t,clientY:n}=e.changedTouches[0];return{x:t,y:n}}}return Nn(e)?{x:e.clientX,y:e.clientY}:null}const Ie=Object.freeze({Translate:{toString(e){if(!e)return;const{x:t,y:n}=e;return"translate3d("+(t?Math.round(t):0)+"px, "+(n?Math.round(n):0)+"px, 0)"}},Scale:{toString(e){if(!e)return;const{scaleX:t,scaleY:n}=e;return"scaleX("+t+") scaleY("+n+")"}},Transform:{toString(e){if(e)return[Ie.Translate.toString(e),Ie.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:t,duration:n,easing:r}=e;return t+" "+n+"ms "+r}}}),kt="a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";function kn(e){return e.matches(kt)?e:e.querySelector(kt)}const zn={display:"none"};function Bn(e){let{id:t,value:n}=e;return O.createElement("div",{id:t,style:zn},n)}function Fn(e){let{id:t,announcement:n,ariaLiveType:r="assertive"}=e;const o={position:"fixed",width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"};return O.createElement("div",{id:t,style:o,role:"status","aria-live":r,"aria-atomic":!0},n)}function Pn(){const[e,t]=l.useState("");return{announce:l.useCallback(r=>{r!=null&&t(r)},[]),announcement:e}}const Jt=l.createContext(null);function $n(e){const t=l.useContext(Jt);l.useEffect(()=>{if(!t)throw new Error("useDndMonitor must be used within a children of <DndContext>");return t(e)},[e,t])}function jn(){const[e]=l.useState(()=>new Set),t=l.useCallback(r=>(e.add(r),()=>e.delete(r)),[e]);return[l.useCallback(r=>{let{type:o,event:i}=r;e.forEach(s=>{var a;return(a=s[o])==null?void 0:a.call(s,i)})},[e]),t]}const Xn={draggable:`
+import{r as l,R as O}from"./iframe-Cav9rlxr.js";import{r as pe}from"./index-C5VVYn_U.js";const et=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";function me(e){const t=Object.prototype.toString.call(e);return t==="[object Window]"||t==="[object global]"}function yt(e){return"nodeType"in e}function z(e){var t,n;return e?me(e)?e:yt(e)&&(t=(n=e.ownerDocument)==null?void 0:n.defaultView)!=null?t:window:window}function wt(e){const{Document:t}=z(e);return e instanceof t}function Le(e){return me(e)?!1:e instanceof z(e).HTMLElement}function Vt(e){return e instanceof z(e).SVGElement}function ye(e){return e?me(e)?e.document:yt(e)?wt(e)?e:Le(e)||Vt(e)?e.ownerDocument:document:document:document}const Q=et?l.useLayoutEffect:l.useEffect;function tt(e){const t=l.useRef(e);return Q(()=>{t.current=e}),l.useCallback(function(){for(var n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return t.current==null?void 0:t.current(...r)},[])}function In(){const e=l.useRef(null),t=l.useCallback((r,o)=>{e.current=setInterval(r,o)},[]),n=l.useCallback(()=>{e.current!==null&&(clearInterval(e.current),e.current=null)},[]);return[t,n]}function Te(e,t){t===void 0&&(t=[e]);const n=l.useRef(e);return Q(()=>{n.current!==e&&(n.current=e)},t),n}function ke(e,t){const n=l.useRef();return l.useMemo(()=>{const r=e(n.current);return n.current=r,r},[...t])}function He(e){const t=tt(e),n=l.useRef(null),r=l.useCallback(o=>{o!==n.current&&(t==null||t(o,n.current)),n.current=o},[]);return[n,r]}function Ve(e){const t=l.useRef();return l.useEffect(()=>{t.current=e},[e]),t.current}let ct={};function nt(e,t){return l.useMemo(()=>{if(t)return t;const n=ct[e]==null?0:ct[e]+1;return ct[e]=n,e+"-"+n},[e,t])}function qt(e){return function(t){for(var n=arguments.length,r=new Array(n>1?n-1:0),o=1;o<n;o++)r[o-1]=arguments[o];return r.reduce((i,s)=>{const a=Object.entries(s);for(const[c,u]of a){const f=i[c];f!=null&&(i[c]=f+e*u)}return i},{...t})}}const be=qt(1),qe=qt(-1);function Nn(e){return"clientX"in e&&"clientY"in e}function xt(e){if(!e)return!1;const{KeyboardEvent:t}=z(e.target);return t&&e instanceof t}function Ln(e){if(!e)return!1;const{TouchEvent:t}=z(e.target);return t&&e instanceof t}function Je(e){if(Ln(e)){if(e.touches&&e.touches.length){const{clientX:t,clientY:n}=e.touches[0];return{x:t,y:n}}else if(e.changedTouches&&e.changedTouches.length){const{clientX:t,clientY:n}=e.changedTouches[0];return{x:t,y:n}}}return Nn(e)?{x:e.clientX,y:e.clientY}:null}const Ie=Object.freeze({Translate:{toString(e){if(!e)return;const{x:t,y:n}=e;return"translate3d("+(t?Math.round(t):0)+"px, "+(n?Math.round(n):0)+"px, 0)"}},Scale:{toString(e){if(!e)return;const{scaleX:t,scaleY:n}=e;return"scaleX("+t+") scaleY("+n+")"}},Transform:{toString(e){if(e)return[Ie.Translate.toString(e),Ie.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:t,duration:n,easing:r}=e;return t+" "+n+"ms "+r}}}),kt="a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";function kn(e){return e.matches(kt)?e:e.querySelector(kt)}const zn={display:"none"};function Bn(e){let{id:t,value:n}=e;return O.createElement("div",{id:t,style:zn},n)}function Fn(e){let{id:t,announcement:n,ariaLiveType:r="assertive"}=e;const o={position:"fixed",width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"};return O.createElement("div",{id:t,style:o,role:"status","aria-live":r,"aria-atomic":!0},n)}function Pn(){const[e,t]=l.useState("");return{announce:l.useCallback(r=>{r!=null&&t(r)},[]),announcement:e}}const Jt=l.createContext(null);function $n(e){const t=l.useContext(Jt);l.useEffect(()=>{if(!t)throw new Error("useDndMonitor must be used within a children of <DndContext>");return t(e)},[e,t])}function jn(){const[e]=l.useState(()=>new Set),t=l.useCallback(r=>(e.add(r),()=>e.delete(r)),[e]);return[l.useCallback(r=>{let{type:o,event:i}=r;e.forEach(s=>{var a;return(a=s[o])==null?void 0:a.call(s,i)})},[e]),t]}const Xn={draggable:`
     To pick up a draggable item, press the space bar.
     While dragging, use the arrow keys to move the item.
     Press space again to drop the item in its new position, or press escape to cancel.

package/dist/assets/{utils-D-QCjykO.js → utils-fJIW_l91.js}

@@ -1 +1 @@
-import{R as x}from"./iframe-CQjT1fxh.js";import{Z as C,T as D,O,_ as k}from"./tableRowClasses-Bk1uFtwh.js";import{_ as R,T as N}from"./TransitionGroupContext-yBqGXZYI.js";import{R as v}from"./index-5Qx3hCfP.js";function U(){const a=C(O);return a[D]||a}const S={disabled:!1};var y=function(u){return u.scrollTop},m="unmounted",p="exited",f="entering",h="entered",T="exiting",l=function(a){R(u,a);function u(i,e){var t;t=a.call(this,i,e)||this;var n=e,r=n&&!n.isMounting?i.enter:i.appear,s;return t.appearStatus=null,i.in?r?(s=p,t.appearStatus=f):s=h:i.unmountOnExit||i.mountOnEnter?s=m:s=p,t.state={status:s},t.nextCallback=null,t}u.getDerivedStateFromProps=function(e,t){var n=e.in;return n&&t.status===m?{status:p}:null};var o=u.prototype;return o.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},o.componentDidUpdate=function(e){var t=null;if(e!==this.props){var n=this.state.status;this.props.in?n!==f&&n!==h&&(t=f):(n===f||n===h)&&(t=T)}this.updateStatus(!1,t)},o.componentWillUnmount=function(){this.cancelNextCallback()},o.getTimeouts=function(){var e=this.props.timeout,t,n,r;return t=n=r=e,e!=null&&typeof e!="number"&&(t=e.exit,n=e.enter,r=e.appear!==void 0?e.appear:n),{exit:t,enter:n,appear:r}},o.updateStatus=function(e,t){if(e===void 0&&(e=!1),t!==null)if(this.cancelNextCallback(),t===f){if(this.props.unmountOnExit||this.props.mountOnEnter){var n=this.props.nodeRef?this.props.nodeRef.current:v.findDOMNode(this);n&&y(n)}this.performEnter(e)}else this.performExit();else this.props.unmountOnExit&&this.state.status===p&&this.setState({status:m})},o.performEnter=function(e){var t=this,n=this.props.enter,r=this.context?this.context.isMounting:e,s=this.props.nodeRef?[r]:[v.findDOMNode(this),r],c=s[0],E=s[1],b=this.getTimeouts(),g=r?b.appear:b.enter;if(!e&&!n||S.disabled){this.safeSetState({status:h},function(){t.props.onEntered(c)});return}this.props.onEnter(c,E),this.safeSetState({status:f},function(){t.props.onEntering(c,E),t.onTransitionEnd(g,function(){t.safeSetState({status:h},function(){t.props.onEntered(c,E)})})})},o.performExit=function(){var e=this,t=this.props.exit,n=this.getTimeouts(),r=this.props.nodeRef?void 0:v.findDOMNode(this);if(!t||S.disabled){this.safeSetState({status:p},function(){e.props.onExited(r)});return}this.props.onExit(r),this.safeSetState({status:T},function(){e.props.onExiting(r),e.onTransitionEnd(n.exit,function(){e.safeSetState({status:p},function(){e.props.onExited(r)})})})},o.cancelNextCallback=function(){this.nextCallback!==null&&(this.nextCallback.cancel(),this.nextCallback=null)},o.safeSetState=function(e,t){t=this.setNextCallback(t),this.setState(e,t)},o.setNextCallback=function(e){var t=this,n=!0;return this.nextCallback=function(r){n&&(n=!1,t.nextCallback=null,e(r))},this.nextCallback.cancel=function(){n=!1},this.nextCallback},o.onTransitionEnd=function(e,t){this.setNextCallback(t);var n=this.props.nodeRef?this.props.nodeRef.current:v.findDOMNode(this),r=e==null&&!this.props.addEndListener;if(!n||r){setTimeout(this.nextCallback,0);return}if(this.props.addEndListener){var s=this.props.nodeRef?[this.nextCallback]:[n,this.nextCallback],c=s[0],E=s[1];this.props.addEndListener(c,E)}e!=null&&setTimeout(this.nextCallback,e)},o.render=function(){var e=this.state.status;if(e===m)return null;var t=this.props,n=t.children;t.in,t.mountOnEnter,t.unmountOnExit,t.appear,t.enter,t.exit,t.timeout,t.addEndListener,t.onEnter,t.onEntering,t.onEntered,t.onExit,t.onExiting,t.onExited,t.nodeRef;var r=k(t,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]);return x.createElement(N.Provider,{value:null},typeof n=="function"?n(e,r):x.cloneElement(x.Children.only(n),r))},u}(x.Component);l.contextType=N;l.propTypes={};function d(){}l.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:d,onEntering:d,onEntered:d,onExit:d,onExiting:d,onExited:d};l.UNMOUNTED=m;l.EXITED=p;l.ENTERING=f;l.ENTERED=h;l.EXITING=T;const P=a=>a.scrollTop;function G(a,u){var o,i;const{timeout:e,easing:t,style:n={}}=a;return{duration:(o=n.transitionDuration)!=null?o:typeof e=="number"?e:e[u.mode]||0,easing:(i=n.transitionTimingFunction)!=null?i:typeof t=="object"?t[u.mode]:t,delay:n.transitionDelay}}export{l as T,y as f,G as g,P as r,U as u};
+import{R as x}from"./iframe-Cav9rlxr.js";import{Z as C,T as D,O,_ as k}from"./tableRowClasses-DYosAqvx.js";import{_ as R,T as N}from"./TransitionGroupContext-CTI9LvjA.js";import{R as v}from"./index-C5VVYn_U.js";function U(){const a=C(O);return a[D]||a}const S={disabled:!1};var y=function(u){return u.scrollTop},m="unmounted",p="exited",f="entering",h="entered",T="exiting",l=function(a){R(u,a);function u(i,e){var t;t=a.call(this,i,e)||this;var n=e,r=n&&!n.isMounting?i.enter:i.appear,s;return t.appearStatus=null,i.in?r?(s=p,t.appearStatus=f):s=h:i.unmountOnExit||i.mountOnEnter?s=m:s=p,t.state={status:s},t.nextCallback=null,t}u.getDerivedStateFromProps=function(e,t){var n=e.in;return n&&t.status===m?{status:p}:null};var o=u.prototype;return o.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},o.componentDidUpdate=function(e){var t=null;if(e!==this.props){var n=this.state.status;this.props.in?n!==f&&n!==h&&(t=f):(n===f||n===h)&&(t=T)}this.updateStatus(!1,t)},o.componentWillUnmount=function(){this.cancelNextCallback()},o.getTimeouts=function(){var e=this.props.timeout,t,n,r;return t=n=r=e,e!=null&&typeof e!="number"&&(t=e.exit,n=e.enter,r=e.appear!==void 0?e.appear:n),{exit:t,enter:n,appear:r}},o.updateStatus=function(e,t){if(e===void 0&&(e=!1),t!==null)if(this.cancelNextCallback(),t===f){if(this.props.unmountOnExit||this.props.mountOnEnter){var n=this.props.nodeRef?this.props.nodeRef.current:v.findDOMNode(this);n&&y(n)}this.performEnter(e)}else this.performExit();else this.props.unmountOnExit&&this.state.status===p&&this.setState({status:m})},o.performEnter=function(e){var t=this,n=this.props.enter,r=this.context?this.context.isMounting:e,s=this.props.nodeRef?[r]:[v.findDOMNode(this),r],c=s[0],E=s[1],b=this.getTimeouts(),g=r?b.appear:b.enter;if(!e&&!n||S.disabled){this.safeSetState({status:h},function(){t.props.onEntered(c)});return}this.props.onEnter(c,E),this.safeSetState({status:f},function(){t.props.onEntering(c,E),t.onTransitionEnd(g,function(){t.safeSetState({status:h},function(){t.props.onEntered(c,E)})})})},o.performExit=function(){var e=this,t=this.props.exit,n=this.getTimeouts(),r=this.props.nodeRef?void 0:v.findDOMNode(this);if(!t||S.disabled){this.safeSetState({status:p},function(){e.props.onExited(r)});return}this.props.onExit(r),this.safeSetState({status:T},function(){e.props.onExiting(r),e.onTransitionEnd(n.exit,function(){e.safeSetState({status:p},function(){e.props.onExited(r)})})})},o.cancelNextCallback=function(){this.nextCallback!==null&&(this.nextCallback.cancel(),this.nextCallback=null)},o.safeSetState=function(e,t){t=this.setNextCallback(t),this.setState(e,t)},o.setNextCallback=function(e){var t=this,n=!0;return this.nextCallback=function(r){n&&(n=!1,t.nextCallback=null,e(r))},this.nextCallback.cancel=function(){n=!1},this.nextCallback},o.onTransitionEnd=function(e,t){this.setNextCallback(t);var n=this.props.nodeRef?this.props.nodeRef.current:v.findDOMNode(this),r=e==null&&!this.props.addEndListener;if(!n||r){setTimeout(this.nextCallback,0);return}if(this.props.addEndListener){var s=this.props.nodeRef?[this.nextCallback]:[n,this.nextCallback],c=s[0],E=s[1];this.props.addEndListener(c,E)}e!=null&&setTimeout(this.nextCallback,e)},o.render=function(){var e=this.state.status;if(e===m)return null;var t=this.props,n=t.children;t.in,t.mountOnEnter,t.unmountOnExit,t.appear,t.enter,t.exit,t.timeout,t.addEndListener,t.onEnter,t.onEntering,t.onEntered,t.onExit,t.onExiting,t.onExited,t.nodeRef;var r=k(t,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]);return x.createElement(N.Provider,{value:null},typeof n=="function"?n(e,r):x.cloneElement(x.Children.only(n),r))},u}(x.Component);l.contextType=N;l.propTypes={};function d(){}l.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:d,onEntering:d,onEntered:d,onExit:d,onExiting:d,onExited:d};l.UNMOUNTED=m;l.EXITED=p;l.ENTERING=f;l.ENTERED=h;l.EXITING=T;const P=a=>a.scrollTop;function G(a,u){var o,i;const{timeout:e,easing:t,style:n={}}=a;return{duration:(o=n.transitionDuration)!=null?o:typeof e=="number"?e:e[u.mode]||0,easing:(i=n.transitionTimingFunction)!=null?i:typeof t=="object"?t[u.mode]:t,delay:n.transitionDelay}}export{l as T,y as f,G as g,P as r,U as u};

package/dist/cjs/FullScreenOverlayContext.cjs

@@ -31,7 +31,8 @@ const FullScreenOverlayProvider = ({
   children,
   hasShadowDom,
   overlayParentElement: overlayParentElementProp,
-  overlayType = "default"
+  overlayType = "default",
+  fullScreenOverlayId
 }) => {
   const {
     overlayEmotionRootElement,
@@ -58,13 +59,18 @@ const FullScreenOverlayProvider = ({
   }, [hasShadowDom, overlayParentElementProp]);
   (0, _react.useEffect)(() => {
     if (overlayParentElement) {
+      if (fullScreenOverlayId) {
+        overlayParentElement.id = fullScreenOverlayId;
+      } else {
+        overlayParentElement.removeAttribute("id");
+      }
       overlayParentElement.setAttribute(OVERLAY_DATA_ATTRIBUTES[overlayType], "");
       document.body.append(overlayParentElement);
     }
     return () => {
       overlayParentElement.remove();
     };
-  }, [overlayParentElement, overlayType]);
+  }, [fullScreenOverlayId, overlayParentElement, overlayType]);
   const providerValue = (0, _react.useMemo)(() => ({
     overlayEmotionRootElement,
     overlayShadowRootElement

package/dist/cjs/FullScreenOverlayContext.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FullScreenOverlayContext.cjs","names":["_react","require","_createShadowDomElements","_jsxRuntime","FullScreenOverlayContext","exports","createContext","useFullScreenOverlayContext","useContext","OVERLAY_DATA_ATTRIBUTES","dialog","drawer","default","FullScreenOverlayProvider","children","hasShadowDom","overlayParentElement","overlayParentElementProp","overlayType","overlayEmotionRootElement","overlayShadowRootElement","useMemo","document","createElement","emotionRootElement","shadowRootElement","createShadowDomElements","undefined","useEffect","setAttribute","body","append","remove","providerValue","jsx","Provider","value","MemoizedFullScreenOverlayProvider","memo","displayName"],"sources":["../../src/FullScreenOverlayContext.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n  createContext,\n  memo,\n  type ReactNode,\n  useContext,\n  useEffect,\n  useMemo,\n} from \"react\";\n\nimport { createShadowDomElements } from \"./web-component/createShadowDomElements.js\";\n\nexport type FullScreenOverlayContextType = {\n  overlayEmotionRootElement?: HTMLDivElement | HTMLElement;\n  overlayShadowRootElement?: HTMLDivElement | HTMLElement;\n};\n\nexport const FullScreenOverlayContext =\n  createContext<FullScreenOverlayContextType>({});\n\nexport const useFullScreenOverlayContext = () =>\n  useContext(FullScreenOverlayContext);\n\nexport const OVERLAY_DATA_ATTRIBUTES = {\n  dialog: \"data-odyssey-react-dialog-overlay-component\",\n  drawer: \"data-odyssey-react-drawer-overlay-component\",\n  default: \"data-odyssey-react-overlay-component\",\n} as const;\n\nexport type OverlayType = keyof typeof OVERLAY_DATA_ATTRIBUTES;\n\nexport type FullScreenOverlayProviderProps = {\n  children: ReactNode;\n  hasShadowDom?: boolean;\n  /**\n   * @experimental This is the element overlays will render into. By default, it's set to `document.body`.\n   *\n   * If you specify this value , it will render overlays into this container, such as the `shadowRootElement` over the document body. Most likely, you don't need to change this value, but you might run into strange issues related iframes and other shadow roots. This is here as a safeguard; not meant to be used.\n   */\n  overlayParentElement?: HTMLDivElement | HTMLElement;\n  /**\n   * Type of overlay being rendered. This controls the data attribute set on the overlay parent element.\n   * @default \"default\"\n   */\n  overlayType?: OverlayType;\n};\n\nconst FullScreenOverlayProvider = ({\n  children,\n  hasShadowDom,\n  overlayParentElement: overlayParentElementProp,\n  overlayType = \"default\",\n}: FullScreenOverlayProviderProps) => {\n  const {\n    overlayEmotionRootElement,\n    overlayParentElement,\n    overlayShadowRootElement,\n  } = useMemo(() => {\n    const overlayParentElement =\n      overlayParentElementProp || document.createElement(\"div\");\n\n    if (hasShadowDom) {\n      const { emotionRootElement, shadowRootElement } =\n        createShadowDomElements(overlayParentElement);\n\n      return {\n        overlayEmotionRootElement: emotionRootElement,\n        overlayParentElement,\n        overlayShadowRootElement: shadowRootElement,\n      };\n    }\n\n    return {\n      overlayEmotionRootElement: undefined,\n      overlayParentElement,\n      overlayShadowRootElement: undefined,\n    };\n  }, [hasShadowDom, overlayParentElementProp]);\n\n  useEffect(() => {\n    if (overlayParentElement) {\n      overlayParentElement.setAttribute(\n        OVERLAY_DATA_ATTRIBUTES[overlayType],\n        \"\",\n      );\n      document.body.append(overlayParentElement);\n    }\n\n    return () => {\n      overlayParentElement.remove();\n    };\n  }, [overlayParentElement, overlayType]);\n\n  const providerValue = useMemo(\n    () => ({\n      overlayEmotionRootElement,\n      overlayShadowRootElement,\n    }),\n    [overlayEmotionRootElement, overlayShadowRootElement],\n  );\n\n  return (\n    <FullScreenOverlayContext.Provider value={providerValue}>\n      {children}\n    </FullScreenOverlayContext.Provider>\n  );\n};\n\nconst MemoizedFullScreenOverlayProvider = memo(FullScreenOverlayProvider);\nMemoizedFullScreenOverlayProvider.displayName = \"FullScreenOverlayProvider\";\n\nexport { MemoizedFullScreenOverlayProvider as FullScreenOverlayProvider };\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AASA,IAAAC,wBAAA,GAAAD,OAAA;AAAqF,IAAAE,WAAA,GAAAF,OAAA;AArBrF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAkBO,MAAMG,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GACnC,IAAAE,oBAAa,EAA+B,CAAC,CAAC,CAAC;AAE1C,MAAMC,2BAA2B,GAAGA,CAAA,KACzC,IAAAC,iBAAU,EAACJ,wBAAwB,CAAC;AAACC,OAAA,CAAAE,2BAAA,GAAAA,2BAAA;AAEhC,MAAME,uBAAuB,GAAAJ,OAAA,CAAAI,uBAAA,GAAG;EACrCC,MAAM,EAAE,6CAA6C;EACrDC,MAAM,EAAE,6CAA6C;EACrDC,OAAO,EAAE;AACX,CAAU;AAoBV,MAAMC,yBAAyB,GAAGA,CAAC;EACjCC,QAAQ;EACRC,YAAY;EACZC,oBAAoB,EAAEC,wBAAwB;EAC9CC,WAAW,GAAG;AACgB,CAAC,KAAK;EACpC,MAAM;IACJC,yBAAyB;IACzBH,oBAAoB;IACpBI;EACF,CAAC,GAAG,IAAAC,cAAO,EAAC,MAAM;IAChB,MAAML,oBAAoB,GACxBC,wBAAwB,IAAIK,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAE3D,IAAIR,YAAY,EAAE;MAChB,MAAM;QAAES,kBAAkB;QAAEC;MAAkB,CAAC,GAC7C,IAAAC,gDAAuB,EAACV,oBAAoB,CAAC;MAE/C,OAAO;QACLG,yBAAyB,EAAEK,kBAAkB;QAC7CR,oBAAoB;QACpBI,wBAAwB,EAAEK;MAC5B,CAAC;IACH;IAEA,OAAO;MACLN,yBAAyB,EAAEQ,SAAS;MACpCX,oBAAoB;MACpBI,wBAAwB,EAAEO;IAC5B,CAAC;EACH,CAAC,EAAE,CAACZ,YAAY,EAAEE,wBAAwB,CAAC,CAAC;EAE5C,IAAAW,gBAAS,EAAC,MAAM;IACd,IAAIZ,oBAAoB,EAAE;MACxBA,oBAAoB,CAACa,YAAY,CAC/BpB,uBAAuB,CAACS,WAAW,CAAC,EACpC,EACF,CAAC;MACDI,QAAQ,CAACQ,IAAI,CAACC,MAAM,CAACf,oBAAoB,CAAC;IAC5C;IAEA,OAAO,MAAM;MACXA,oBAAoB,CAACgB,MAAM,CAAC,CAAC;IAC/B,CAAC;EACH,CAAC,EAAE,CAAChB,oBAAoB,EAAEE,WAAW,CAAC,CAAC;EAEvC,MAAMe,aAAa,GAAG,IAAAZ,cAAO,EAC3B,OAAO;IACLF,yBAAyB;IACzBC;EACF,CAAC,CAAC,EACF,CAACD,yBAAyB,EAAEC,wBAAwB,CACtD,CAAC;EAED,OACE,IAAAjB,WAAA,CAAA+B,GAAA,EAAC9B,wBAAwB,CAAC+B,QAAQ;IAACC,KAAK,EAAEH,aAAc;IAAAnB,QAAA,EACrDA;EAAQ,CACwB,CAAC;AAExC,CAAC;AAED,MAAMuB,iCAAiC,GAAAhC,OAAA,CAAAQ,yBAAA,GAAG,IAAAyB,WAAI,EAACzB,yBAAyB,CAAC;AACzEwB,iCAAiC,CAACE,WAAW,GAAG,2BAA2B","ignoreList":[]}
+{"version":3,"file":"FullScreenOverlayContext.cjs","names":["_react","require","_createShadowDomElements","_jsxRuntime","FullScreenOverlayContext","exports","createContext","useFullScreenOverlayContext","useContext","OVERLAY_DATA_ATTRIBUTES","dialog","drawer","default","FullScreenOverlayProvider","children","hasShadowDom","overlayParentElement","overlayParentElementProp","overlayType","fullScreenOverlayId","overlayEmotionRootElement","overlayShadowRootElement","useMemo","document","createElement","emotionRootElement","shadowRootElement","createShadowDomElements","undefined","useEffect","id","removeAttribute","setAttribute","body","append","remove","providerValue","jsx","Provider","value","MemoizedFullScreenOverlayProvider","memo","displayName"],"sources":["../../src/FullScreenOverlayContext.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2025-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport {\n  createContext,\n  memo,\n  type ReactNode,\n  useContext,\n  useEffect,\n  useMemo,\n} from \"react\";\n\nimport { createShadowDomElements } from \"./web-component/createShadowDomElements.js\";\n\nexport type FullScreenOverlayContextType = {\n  overlayEmotionRootElement?: HTMLDivElement | HTMLElement;\n  overlayShadowRootElement?: HTMLDivElement | HTMLElement;\n};\n\nexport const FullScreenOverlayContext =\n  createContext<FullScreenOverlayContextType>({});\n\nexport const useFullScreenOverlayContext = () =>\n  useContext(FullScreenOverlayContext);\n\nexport const OVERLAY_DATA_ATTRIBUTES = {\n  dialog: \"data-odyssey-react-dialog-overlay-component\",\n  drawer: \"data-odyssey-react-drawer-overlay-component\",\n  default: \"data-odyssey-react-overlay-component\",\n} as const;\n\nexport type OverlayType = keyof typeof OVERLAY_DATA_ATTRIBUTES;\n\nexport type FullScreenOverlayProviderProps = {\n  children: ReactNode;\n  /**\n   * An optional HTML `id` attribute to be applied to the overlay's container element.\n   */\n  fullScreenOverlayId?: string;\n  hasShadowDom?: boolean;\n  /**\n   * @experimental This is the element overlays will render into. By default, it's set to `document.body`.\n   *\n   * If you specify this value , it will render overlays into this container, such as the `shadowRootElement` over the document body. Most likely, you don't need to change this value, but you might run into strange issues related iframes and other shadow roots. This is here as a safeguard; not meant to be used.\n   */\n  overlayParentElement?: HTMLDivElement | HTMLElement;\n  /**\n   * Type of overlay being rendered. This controls the data attribute set on the overlay parent element.\n   * @default \"default\"\n   */\n  overlayType?: OverlayType;\n};\n\nconst FullScreenOverlayProvider = ({\n  children,\n  hasShadowDom,\n  overlayParentElement: overlayParentElementProp,\n  overlayType = \"default\",\n  fullScreenOverlayId,\n}: FullScreenOverlayProviderProps) => {\n  const {\n    overlayEmotionRootElement,\n    overlayParentElement,\n    overlayShadowRootElement,\n  } = useMemo(() => {\n    const overlayParentElement =\n      overlayParentElementProp || document.createElement(\"div\");\n\n    if (hasShadowDom) {\n      const { emotionRootElement, shadowRootElement } =\n        createShadowDomElements(overlayParentElement);\n\n      return {\n        overlayEmotionRootElement: emotionRootElement,\n        overlayParentElement,\n        overlayShadowRootElement: shadowRootElement,\n      };\n    }\n\n    return {\n      overlayEmotionRootElement: undefined,\n      overlayParentElement,\n      overlayShadowRootElement: undefined,\n    };\n  }, [hasShadowDom, overlayParentElementProp]);\n\n  useEffect(() => {\n    if (overlayParentElement) {\n      if (fullScreenOverlayId) {\n        overlayParentElement.id = fullScreenOverlayId;\n      } else {\n        overlayParentElement.removeAttribute(\"id\");\n      }\n      overlayParentElement.setAttribute(\n        OVERLAY_DATA_ATTRIBUTES[overlayType],\n        \"\",\n      );\n      document.body.append(overlayParentElement);\n    }\n\n    return () => {\n      overlayParentElement.remove();\n    };\n  }, [fullScreenOverlayId, overlayParentElement, overlayType]);\n\n  const providerValue = useMemo(\n    () => ({\n      overlayEmotionRootElement,\n      overlayShadowRootElement,\n    }),\n    [overlayEmotionRootElement, overlayShadowRootElement],\n  );\n\n  return (\n    <FullScreenOverlayContext.Provider value={providerValue}>\n      {children}\n    </FullScreenOverlayContext.Provider>\n  );\n};\n\nconst MemoizedFullScreenOverlayProvider = memo(FullScreenOverlayProvider);\nMemoizedFullScreenOverlayProvider.displayName = \"FullScreenOverlayProvider\";\n\nexport { MemoizedFullScreenOverlayProvider as FullScreenOverlayProvider };\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AASA,IAAAC,wBAAA,GAAAD,OAAA;AAAqF,IAAAE,WAAA,GAAAF,OAAA;AArBrF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAkBO,MAAMG,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GACnC,IAAAE,oBAAa,EAA+B,CAAC,CAAC,CAAC;AAE1C,MAAMC,2BAA2B,GAAGA,CAAA,KACzC,IAAAC,iBAAU,EAACJ,wBAAwB,CAAC;AAACC,OAAA,CAAAE,2BAAA,GAAAA,2BAAA;AAEhC,MAAME,uBAAuB,GAAAJ,OAAA,CAAAI,uBAAA,GAAG;EACrCC,MAAM,EAAE,6CAA6C;EACrDC,MAAM,EAAE,6CAA6C;EACrDC,OAAO,EAAE;AACX,CAAU;AAwBV,MAAMC,yBAAyB,GAAGA,CAAC;EACjCC,QAAQ;EACRC,YAAY;EACZC,oBAAoB,EAAEC,wBAAwB;EAC9CC,WAAW,GAAG,SAAS;EACvBC;AAC8B,CAAC,KAAK;EACpC,MAAM;IACJC,yBAAyB;IACzBJ,oBAAoB;IACpBK;EACF,CAAC,GAAG,IAAAC,cAAO,EAAC,MAAM;IAChB,MAAMN,oBAAoB,GACxBC,wBAAwB,IAAIM,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAE3D,IAAIT,YAAY,EAAE;MAChB,MAAM;QAAEU,kBAAkB;QAAEC;MAAkB,CAAC,GAC7C,IAAAC,gDAAuB,EAACX,oBAAoB,CAAC;MAE/C,OAAO;QACLI,yBAAyB,EAAEK,kBAAkB;QAC7CT,oBAAoB;QACpBK,wBAAwB,EAAEK;MAC5B,CAAC;IACH;IAEA,OAAO;MACLN,yBAAyB,EAAEQ,SAAS;MACpCZ,oBAAoB;MACpBK,wBAAwB,EAAEO;IAC5B,CAAC;EACH,CAAC,EAAE,CAACb,YAAY,EAAEE,wBAAwB,CAAC,CAAC;EAE5C,IAAAY,gBAAS,EAAC,MAAM;IACd,IAAIb,oBAAoB,EAAE;MACxB,IAAIG,mBAAmB,EAAE;QACvBH,oBAAoB,CAACc,EAAE,GAAGX,mBAAmB;MAC/C,CAAC,MAAM;QACLH,oBAAoB,CAACe,eAAe,CAAC,IAAI,CAAC;MAC5C;MACAf,oBAAoB,CAACgB,YAAY,CAC/BvB,uBAAuB,CAACS,WAAW,CAAC,EACpC,EACF,CAAC;MACDK,QAAQ,CAACU,IAAI,CAACC,MAAM,CAAClB,oBAAoB,CAAC;IAC5C;IAEA,OAAO,MAAM;MACXA,oBAAoB,CAACmB,MAAM,CAAC,CAAC;IAC/B,CAAC;EACH,CAAC,EAAE,CAAChB,mBAAmB,EAAEH,oBAAoB,EAAEE,WAAW,CAAC,CAAC;EAE5D,MAAMkB,aAAa,GAAG,IAAAd,cAAO,EAC3B,OAAO;IACLF,yBAAyB;IACzBC;EACF,CAAC,CAAC,EACF,CAACD,yBAAyB,EAAEC,wBAAwB,CACtD,CAAC;EAED,OACE,IAAAlB,WAAA,CAAAkC,GAAA,EAACjC,wBAAwB,CAACkC,QAAQ;IAACC,KAAK,EAAEH,aAAc;IAAAtB,QAAA,EACrDA;EAAQ,CACwB,CAAC;AAExC,CAAC;AAED,MAAM0B,iCAAiC,GAAAnC,OAAA,CAAAQ,yBAAA,GAAG,IAAA4B,WAAI,EAAC5B,yBAAyB,CAAC;AACzE2B,iCAAiC,CAACE,WAAW,GAAG,2BAA2B","ignoreList":[]}

package/dist/cjs/OdysseyProvider.cjs

@@ -35,6 +35,7 @@ const OdysseyProvider = ({
   designTokensOverride,
   emotionRoot,
   emotionRootElement,
+  fullScreenOverlayId,
   hasCssBaseline: hasGlobalCss,
   hasScopedCssBaseline = true,
   hasTranslationProvider = true,
@@ -68,6 +69,7 @@ const OdysseyProvider = ({
         isWrapped: hasTranslationProvider,
         Wrapper: TranslationWrapper,
         children: (0, _jsxRuntime.jsxs)(_FullScreenOverlayContext.FullScreenOverlayProvider, {
+          fullScreenOverlayId: fullScreenOverlayId,
           hasShadowDom: Boolean(shadowRootElement || shadowDomElement),
           overlayParentElement: overlayParentElement,
           overlayType: overlayType,

package/dist/cjs/OdysseyProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"OdysseyProvider.cjs","names":["_react","require","_ConditionalWrapper","_CssBaseline","_FullScreenOverlayContext","_i18n","_OdysseyCacheProvider","_OdysseyThemeProvider","_jsxRuntime","_interopRequireDefault","e","__esModule","default","scopedCssBaselineStyles","height","OdysseyProvider","children","contrastMode","designTokensOverride","emotionRoot","emotionRootElement","hasCssBaseline","hasGlobalCss","hasScopedCssBaseline","hasTranslationProvider","hasWrapperElement","languageCode","nonce","overlayParentElement","overlayType","shadowDomElement","shadowRootElement","stylisPlugins","themeOverride","translationOverrides","TranslationWrapper","useMemo","jsx","TranslationProvider","OdysseyCacheProvider","OdysseyThemeProvider","ConditionalWrapper","isWrapped","Wrapper","jsxs","FullScreenOverlayProvider","hasShadowDom","Boolean","CssBaseline","_ScopedCssBaseline2","sx","MemoizedOdysseyProvider","exports","memo","displayName"],"sources":["../../src/OdysseyProvider.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { ScopedCssBaseline } from \"@mui/material\";\nimport { memo, ReactNode, useMemo } from \"react\";\n\nimport {\n  ConditionalWrapper,\n  ConditionalWrapperProps,\n} from \"./ConditionalWrapper.js\";\nimport { CssBaseline } from \"./CssBaseline.js\";\nimport {\n  FullScreenOverlayProvider,\n  FullScreenOverlayProviderProps,\n} from \"./FullScreenOverlayContext.js\";\nimport {\n  type DefaultSupportedLanguages,\n  TranslationProvider as OdysseyTranslationProvider,\n  type TranslationProviderProps as OdysseyTranslationProviderProps,\n} from \"./i18n.generated/i18n.js\";\nimport {\n  OdysseyCacheProvider,\n  OdysseyCacheProviderProps,\n} from \"./OdysseyCacheProvider.js\";\nimport {\n  OdysseyThemeProvider,\n  OdysseyThemeProviderProps,\n} from \"./OdysseyThemeProvider.js\";\n\nconst scopedCssBaselineStyles = {\n  height: \"inherit\",\n};\n\nexport type OdysseyProviderProps<\n  SupportedLanguages extends string = DefaultSupportedLanguages,\n> = Omit<OdysseyCacheProviderProps, \"hasShadowDom\"> &\n  FullScreenOverlayProviderProps &\n  OdysseyThemeProviderProps &\n  OdysseyTranslationProviderProps<SupportedLanguages> & {\n    children: ReactNode;\n    /**\n     * Whether to emit the ScopedCssBaseline. Defaults to true.\n     */\n    hasCssBaseline?: boolean;\n    /**\n     * Adds the `ScopedCssBaseline` wrapper. This also adds a `div`, so it might not be what you want.\n     */\n    hasScopedCssBaseline?: boolean;\n    /**\n     * If `true`, the `OdysseyTranslationProvider` wrapper will be added. Defaults to `true`.\n     * This should only be set to `false` if there exists an OdysseyTranslationProvider higher up in the tree.\n     * @default true\n     */\n    hasTranslationProvider?: boolean;\n  };\n\nconst OdysseyProvider = <SupportedLanguages extends string>({\n  children,\n  contrastMode,\n  designTokensOverride,\n  emotionRoot,\n  emotionRootElement,\n  hasCssBaseline: hasGlobalCss,\n  hasScopedCssBaseline = true,\n  hasTranslationProvider = true,\n  hasWrapperElement,\n  languageCode,\n  nonce,\n  overlayParentElement,\n  overlayType,\n  shadowDomElement,\n  shadowRootElement,\n  stylisPlugins,\n  themeOverride,\n  translationOverrides,\n}: OdysseyProviderProps<SupportedLanguages>) => {\n  const TranslationWrapper = useMemo<ConditionalWrapperProps[\"Wrapper\"]>(\n    () => (children) => (\n      <OdysseyTranslationProvider<SupportedLanguages>\n        languageCode={languageCode}\n        translationOverrides={translationOverrides}\n      >\n        {children}\n      </OdysseyTranslationProvider>\n    ),\n    [languageCode, translationOverrides],\n  );\n\n  return (\n    <OdysseyCacheProvider\n      emotionRootElement={emotionRootElement || emotionRoot}\n      nonce={nonce}\n      stylisPlugins={stylisPlugins}\n    >\n      <OdysseyThemeProvider\n        contrastMode={contrastMode}\n        designTokensOverride={designTokensOverride}\n        hasWrapperElement={hasWrapperElement}\n        shadowRootElement={shadowRootElement ?? shadowDomElement}\n        themeOverride={themeOverride}\n      >\n        <ConditionalWrapper\n          isWrapped={hasTranslationProvider}\n          Wrapper={TranslationWrapper}\n        >\n          <FullScreenOverlayProvider\n            hasShadowDom={Boolean(shadowRootElement || shadowDomElement)}\n            overlayParentElement={overlayParentElement}\n            overlayType={overlayType}\n          >\n            {hasGlobalCss && <CssBaseline />}\n\n            {hasScopedCssBaseline ? (\n              <ScopedCssBaseline sx={scopedCssBaselineStyles}>\n                {children}\n              </ScopedCssBaseline>\n            ) : (\n              children\n            )}\n          </FullScreenOverlayProvider>\n        </ConditionalWrapper>\n      </OdysseyThemeProvider>\n    </OdysseyCacheProvider>\n  );\n};\n\nconst MemoizedOdysseyProvider = memo(OdysseyProvider);\nMemoizedOdysseyProvider.displayName = \"OdysseyProvider\";\n\nexport { MemoizedOdysseyProvider as OdysseyProvider };\n"],"mappings":";;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,mBAAA,GAAAD,OAAA;AAIA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AAIA,IAAAI,KAAA,GAAAJ,OAAA;AAKA,IAAAK,qBAAA,GAAAL,OAAA;AAIA,IAAAM,qBAAA,GAAAN,OAAA;AAGmC,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAQ,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AApCnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AA4BA,MAAMG,uBAAuB,GAAG;EAC9BC,MAAM,EAAE;AACV,CAAC;AAyBD,MAAMC,eAAe,GAAGA,CAAoC;EAC1DC,QAAQ;EACRC,YAAY;EACZC,oBAAoB;EACpBC,WAAW;EACXC,kBAAkB;EAClBC,cAAc,EAAEC,YAAY;EAC5BC,oBAAoB,GAAG,IAAI;EAC3BC,sBAAsB,GAAG,IAAI;EAC7BC,iBAAiB;EACjBC,YAAY;EACZC,KAAK;EACLC,oBAAoB;EACpBC,WAAW;EACXC,gBAAgB;EAChBC,iBAAiB;EACjBC,aAAa;EACbC,aAAa;EACbC;AACwC,CAAC,KAAK;EAC9C,MAAMC,kBAAkB,GAAG,IAAAC,cAAO,EAChC,MAAOpB,QAAQ,IACb,IAAAR,WAAA,CAAA6B,GAAA,EAAChC,KAAA,CAAAiC,mBAA0B;IACzBZ,YAAY,EAAEA,YAAa;IAC3BQ,oBAAoB,EAAEA,oBAAqB;IAAAlB,QAAA,EAE1CA;EAAQ,CACiB,CAC7B,EACD,CAACU,YAAY,EAAEQ,oBAAoB,CACrC,CAAC;EAED,OACE,IAAA1B,WAAA,CAAA6B,GAAA,EAAC/B,qBAAA,CAAAiC,oBAAoB;IACnBnB,kBAAkB,EAAEA,kBAAkB,IAAID,WAAY;IACtDQ,KAAK,EAAEA,KAAM;IACbK,aAAa,EAAEA,aAAc;IAAAhB,QAAA,EAE7B,IAAAR,WAAA,CAAA6B,GAAA,EAAC9B,qBAAA,CAAAiC,oBAAoB;MACnBvB,YAAY,EAAEA,YAAa;MAC3BC,oBAAoB,EAAEA,oBAAqB;MAC3CO,iBAAiB,EAAEA,iBAAkB;MACrCM,iBAAiB,EAAEA,iBAAiB,IAAID,gBAAiB;MACzDG,aAAa,EAAEA,aAAc;MAAAjB,QAAA,EAE7B,IAAAR,WAAA,CAAA6B,GAAA,EAACnC,mBAAA,CAAAuC,kBAAkB;QACjBC,SAAS,EAAElB,sBAAuB;QAClCmB,OAAO,EAAER,kBAAmB;QAAAnB,QAAA,EAE5B,IAAAR,WAAA,CAAAoC,IAAA,EAACxC,yBAAA,CAAAyC,yBAAyB;UACxBC,YAAY,EAAEC,OAAO,CAAChB,iBAAiB,IAAID,gBAAgB,CAAE;UAC7DF,oBAAoB,EAAEA,oBAAqB;UAC3CC,WAAW,EAAEA,WAAY;UAAAb,QAAA,GAExBM,YAAY,IAAI,IAAAd,WAAA,CAAA6B,GAAA,EAAClC,YAAA,CAAA6C,WAAW,IAAE,CAAC,EAE/BzB,oBAAoB,GACnB,IAAAf,WAAA,CAAA6B,GAAA,EAAAY,mBAAA,CAAArC,OAAA;YAAmBsC,EAAE,EAAErC,uBAAwB;YAAAG,QAAA,EAC5CA;UAAQ,CACQ,CAAC,GAEpBA,QACD;QAAA,CACwB;MAAC,CACV;IAAC,CACD;EAAC,CACH,CAAC;AAE3B,CAAC;AAED,MAAMmC,uBAAuB,GAAAC,OAAA,CAAArC,eAAA,GAAG,IAAAsC,WAAI,EAACtC,eAAe,CAAC;AACrDoC,uBAAuB,CAACG,WAAW,GAAG,iBAAiB","ignoreList":[]}
+{"version":3,"file":"OdysseyProvider.cjs","names":["_react","require","_ConditionalWrapper","_CssBaseline","_FullScreenOverlayContext","_i18n","_OdysseyCacheProvider","_OdysseyThemeProvider","_jsxRuntime","_interopRequireDefault","e","__esModule","default","scopedCssBaselineStyles","height","OdysseyProvider","children","contrastMode","designTokensOverride","emotionRoot","emotionRootElement","fullScreenOverlayId","hasCssBaseline","hasGlobalCss","hasScopedCssBaseline","hasTranslationProvider","hasWrapperElement","languageCode","nonce","overlayParentElement","overlayType","shadowDomElement","shadowRootElement","stylisPlugins","themeOverride","translationOverrides","TranslationWrapper","useMemo","jsx","TranslationProvider","OdysseyCacheProvider","OdysseyThemeProvider","ConditionalWrapper","isWrapped","Wrapper","jsxs","FullScreenOverlayProvider","hasShadowDom","Boolean","CssBaseline","_ScopedCssBaseline2","sx","MemoizedOdysseyProvider","exports","memo","displayName"],"sources":["../../src/OdysseyProvider.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { ScopedCssBaseline } from \"@mui/material\";\nimport { memo, ReactNode, useMemo } from \"react\";\n\nimport {\n  ConditionalWrapper,\n  ConditionalWrapperProps,\n} from \"./ConditionalWrapper.js\";\nimport { CssBaseline } from \"./CssBaseline.js\";\nimport {\n  FullScreenOverlayProvider,\n  FullScreenOverlayProviderProps,\n} from \"./FullScreenOverlayContext.js\";\nimport {\n  type DefaultSupportedLanguages,\n  TranslationProvider as OdysseyTranslationProvider,\n  type TranslationProviderProps as OdysseyTranslationProviderProps,\n} from \"./i18n.generated/i18n.js\";\nimport {\n  OdysseyCacheProvider,\n  OdysseyCacheProviderProps,\n} from \"./OdysseyCacheProvider.js\";\nimport {\n  OdysseyThemeProvider,\n  OdysseyThemeProviderProps,\n} from \"./OdysseyThemeProvider.js\";\n\nconst scopedCssBaselineStyles = {\n  height: \"inherit\",\n};\n\nexport type OdysseyProviderProps<\n  SupportedLanguages extends string = DefaultSupportedLanguages,\n> = Omit<OdysseyCacheProviderProps, \"hasShadowDom\"> &\n  FullScreenOverlayProviderProps &\n  OdysseyThemeProviderProps &\n  OdysseyTranslationProviderProps<SupportedLanguages> & {\n    children: ReactNode;\n    /**\n     * Whether to emit the ScopedCssBaseline. Defaults to true.\n     */\n    hasCssBaseline?: boolean;\n    /**\n     * Adds the `ScopedCssBaseline` wrapper. This also adds a `div`, so it might not be what you want.\n     */\n    hasScopedCssBaseline?: boolean;\n    /**\n     * If `true`, the `OdysseyTranslationProvider` wrapper will be added. Defaults to `true`.\n     * This should only be set to `false` if there exists an OdysseyTranslationProvider higher up in the tree.\n     * @default true\n     */\n    hasTranslationProvider?: boolean;\n  };\n\nconst OdysseyProvider = <SupportedLanguages extends string>({\n  children,\n  contrastMode,\n  designTokensOverride,\n  emotionRoot,\n  emotionRootElement,\n  fullScreenOverlayId,\n  hasCssBaseline: hasGlobalCss,\n  hasScopedCssBaseline = true,\n  hasTranslationProvider = true,\n  hasWrapperElement,\n  languageCode,\n  nonce,\n  overlayParentElement,\n  overlayType,\n  shadowDomElement,\n  shadowRootElement,\n  stylisPlugins,\n  themeOverride,\n  translationOverrides,\n}: OdysseyProviderProps<SupportedLanguages>) => {\n  const TranslationWrapper = useMemo<ConditionalWrapperProps[\"Wrapper\"]>(\n    () => (children) => (\n      <OdysseyTranslationProvider<SupportedLanguages>\n        languageCode={languageCode}\n        translationOverrides={translationOverrides}\n      >\n        {children}\n      </OdysseyTranslationProvider>\n    ),\n    [languageCode, translationOverrides],\n  );\n\n  return (\n    <OdysseyCacheProvider\n      emotionRootElement={emotionRootElement || emotionRoot}\n      nonce={nonce}\n      stylisPlugins={stylisPlugins}\n    >\n      <OdysseyThemeProvider\n        contrastMode={contrastMode}\n        designTokensOverride={designTokensOverride}\n        hasWrapperElement={hasWrapperElement}\n        shadowRootElement={shadowRootElement ?? shadowDomElement}\n        themeOverride={themeOverride}\n      >\n        <ConditionalWrapper\n          isWrapped={hasTranslationProvider}\n          Wrapper={TranslationWrapper}\n        >\n          <FullScreenOverlayProvider\n            fullScreenOverlayId={fullScreenOverlayId}\n            hasShadowDom={Boolean(shadowRootElement || shadowDomElement)}\n            overlayParentElement={overlayParentElement}\n            overlayType={overlayType}\n          >\n            {hasGlobalCss && <CssBaseline />}\n\n            {hasScopedCssBaseline ? (\n              <ScopedCssBaseline sx={scopedCssBaselineStyles}>\n                {children}\n              </ScopedCssBaseline>\n            ) : (\n              children\n            )}\n          </FullScreenOverlayProvider>\n        </ConditionalWrapper>\n      </OdysseyThemeProvider>\n    </OdysseyCacheProvider>\n  );\n};\n\nconst MemoizedOdysseyProvider = memo(OdysseyProvider);\nMemoizedOdysseyProvider.displayName = \"OdysseyProvider\";\n\nexport { MemoizedOdysseyProvider as OdysseyProvider };\n"],"mappings":";;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,mBAAA,GAAAD,OAAA;AAIA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AAIA,IAAAI,KAAA,GAAAJ,OAAA;AAKA,IAAAK,qBAAA,GAAAL,OAAA;AAIA,IAAAM,qBAAA,GAAAN,OAAA;AAGmC,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAQ,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AApCnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AA4BA,MAAMG,uBAAuB,GAAG;EAC9BC,MAAM,EAAE;AACV,CAAC;AAyBD,MAAMC,eAAe,GAAGA,CAAoC;EAC1DC,QAAQ;EACRC,YAAY;EACZC,oBAAoB;EACpBC,WAAW;EACXC,kBAAkB;EAClBC,mBAAmB;EACnBC,cAAc,EAAEC,YAAY;EAC5BC,oBAAoB,GAAG,IAAI;EAC3BC,sBAAsB,GAAG,IAAI;EAC7BC,iBAAiB;EACjBC,YAAY;EACZC,KAAK;EACLC,oBAAoB;EACpBC,WAAW;EACXC,gBAAgB;EAChBC,iBAAiB;EACjBC,aAAa;EACbC,aAAa;EACbC;AACwC,CAAC,KAAK;EAC9C,MAAMC,kBAAkB,GAAG,IAAAC,cAAO,EAChC,MAAOrB,QAAQ,IACb,IAAAR,WAAA,CAAA8B,GAAA,EAACjC,KAAA,CAAAkC,mBAA0B;IACzBZ,YAAY,EAAEA,YAAa;IAC3BQ,oBAAoB,EAAEA,oBAAqB;IAAAnB,QAAA,EAE1CA;EAAQ,CACiB,CAC7B,EACD,CAACW,YAAY,EAAEQ,oBAAoB,CACrC,CAAC;EAED,OACE,IAAA3B,WAAA,CAAA8B,GAAA,EAAChC,qBAAA,CAAAkC,oBAAoB;IACnBpB,kBAAkB,EAAEA,kBAAkB,IAAID,WAAY;IACtDS,KAAK,EAAEA,KAAM;IACbK,aAAa,EAAEA,aAAc;IAAAjB,QAAA,EAE7B,IAAAR,WAAA,CAAA8B,GAAA,EAAC/B,qBAAA,CAAAkC,oBAAoB;MACnBxB,YAAY,EAAEA,YAAa;MAC3BC,oBAAoB,EAAEA,oBAAqB;MAC3CQ,iBAAiB,EAAEA,iBAAkB;MACrCM,iBAAiB,EAAEA,iBAAiB,IAAID,gBAAiB;MACzDG,aAAa,EAAEA,aAAc;MAAAlB,QAAA,EAE7B,IAAAR,WAAA,CAAA8B,GAAA,EAACpC,mBAAA,CAAAwC,kBAAkB;QACjBC,SAAS,EAAElB,sBAAuB;QAClCmB,OAAO,EAAER,kBAAmB;QAAApB,QAAA,EAE5B,IAAAR,WAAA,CAAAqC,IAAA,EAACzC,yBAAA,CAAA0C,yBAAyB;UACxBzB,mBAAmB,EAAEA,mBAAoB;UACzC0B,YAAY,EAAEC,OAAO,CAAChB,iBAAiB,IAAID,gBAAgB,CAAE;UAC7DF,oBAAoB,EAAEA,oBAAqB;UAC3CC,WAAW,EAAEA,WAAY;UAAAd,QAAA,GAExBO,YAAY,IAAI,IAAAf,WAAA,CAAA8B,GAAA,EAACnC,YAAA,CAAA8C,WAAW,IAAE,CAAC,EAE/BzB,oBAAoB,GACnB,IAAAhB,WAAA,CAAA8B,GAAA,EAAAY,mBAAA,CAAAtC,OAAA;YAAmBuC,EAAE,EAAEtC,uBAAwB;YAAAG,QAAA,EAC5CA;UAAQ,CACQ,CAAC,GAEpBA,QACD;QAAA,CACwB;MAAC,CACV;IAAC,CACD;EAAC,CACH,CAAC;AAE3B,CAAC;AAED,MAAMoC,uBAAuB,GAAAC,OAAA,CAAAtC,eAAA,GAAG,IAAAuC,WAAI,EAACvC,eAAe,CAAC;AACrDqC,uBAAuB,CAACG,WAAW,GAAG,iBAAiB","ignoreList":[]}

package/dist/cjs/Select.cjs

@@ -66,10 +66,9 @@ const NonInteractiveIcon = (0, _styled.default)(_index.CloseCircleFilledIcon, {
   marginInlineStart: odysseyDesignTokens.Spacing2
 }));
 const ChipsInnerContainer = (0, _styled.default)(_Box2.default, {
-  shouldForwardProp: prop => prop !== "odysseyDesignTokens" && prop !== "isInteractive" && prop !== "isReadOnly"
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens" && prop !== "isVisible"
 })(({
-  isInteractive,
-  isReadOnly,
+  isVisible,
   odysseyDesignTokens
 }) => ({
   display: "flex",
@@ -78,7 +77,7 @@ const ChipsInnerContainer = (0, _styled.default)(_Box2.default, {
   marginBlock: `-${odysseyDesignTokens.Spacing2}`,
   marginInlineEnd: odysseyDesignTokens.Spacing1,
   minHeight: odysseyDesignTokens.Spacing6,
-  opacity: isInteractive || isReadOnly ? 1 : 0,
+  opacity: isVisible ? 1 : 0,
   pointerEvents: "none"
 }));
 const {
@@ -136,7 +135,7 @@ const Select = ({
     controlState: controlledStateRef.current
   });
   const onChange = (0, _react.useCallback)((event, child) => {
-    if (isReadOnly) {
+    if (isDisabled || isReadOnly) {
       event.preventDefault();
     } else {
       const {
@@ -149,7 +148,7 @@ const Select = ({
       }
       onChangeProp?.(event, child);
     }
-  }, [hasMultipleChoices, onChangeProp, isReadOnly]);
+  }, [hasMultipleChoices, isDisabled, onChangeProp, isReadOnly]);
   const [normalizedOptions, normalizedOptionsMap] = (0, _react.useMemo)(() => {
     const normalizedOptions = options.map(option => {
       if (typeof option === "object") {
@@ -183,15 +182,14 @@ const Select = ({
   }, [internalSelectedValues, onChange]);
   const Chips = (0, _react.useCallback)(({
     ariaLabel,
-    isInteractive,
-    isReadOnly
+    isDismissable,
+    isVisible
   }) => {
     const stopPropagation = event => event.stopPropagation();
-    const hasNonInteractiveIcon = !isInteractive && !isReadOnly && controlledStateRef.current === CONTROLLED && hasMultipleChoices;
+    const hasNonInteractiveIcon = !isDismissable && !isVisible && controlledStateRef.current === CONTROLLED && hasMultipleChoices;
     return Array.isArray(internalSelectedValues) && (0, _jsxRuntime.jsx)(ChipsInnerContainer, {
       "aria-label": ariaLabel,
-      isInteractive: isInteractive,
-      isReadOnly: isReadOnly,
+      isVisible: isVisible,
       odysseyDesignTokens: odysseyDesignTokens,
       role: "list",
       children: internalSelectedValues.map(item => item?.length > 0 && (0, _jsxRuntime.jsx)(_Chip2.default, {
@@ -206,7 +204,7 @@ const Select = ({
             odysseyDesignTokens: odysseyDesignTokens
           })]
         }),
-        onDelete: isInteractive && controlledStateRef.current === CONTROLLED ? () => removeSelectedValue(item) : undefined,
+        onDelete: isDismissable && controlledStateRef.current === CONTROLLED ? () => removeSelectedValue(item) : undefined,
         role: "listitem",
         tabIndex: -1
       }, item))
@@ -232,7 +230,7 @@ const Select = ({
     }, (0, _useNormalizedKey.normalizedKey)(option.text, index.toString()));
   }), [hasMultipleChoices, normalizedOptions, internalSelectedValues]);
   const renderValue = (0, _react.useCallback)(value => Array.isArray(value) && (0, _jsxRuntime.jsx)(Chips, {
-    isInteractive: false
+    isDismissable: false
   }), [Chips]);
   const renderFieldComponent = (0, _react.useCallback)(({
     ariaDescribedBy,
@@ -278,8 +276,8 @@ const Select = ({
         odysseyDesignTokens: odysseyDesignTokens,
         children: (0, _jsxRuntime.jsx)(Chips, {
           ariaLabel: "Selected options",
-          isInteractive: !isReadOnly,
-          isReadOnly: isReadOnly
+          isDismissable: !isReadOnly && !isDisabled,
+          isVisible: true
         })
       })
     })]