@okta/odyssey-react-mui 1.49.0 → 1.51.0

package/dist/assets/{resolveComponentProps-DXQ8X87i.js → resolveComponentProps-zX2d3UUb.js}

@@ -1 +1 @@
-import{b as o,d as v}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{i as g}from"./isHostComponent-DVu5iVWx.js";function H(n,s,e){return n===void 0||g(n)?s:o({},s,{ownerState:o({},s.ownerState,e)})}function p(n,s=[]){if(n===void 0)return{};const e={};return Object.keys(n).filter(t=>t.match(/^on[A-Z]/)&&typeof n[t]=="function"&&!s.includes(t)).forEach(t=>{e[t]=n[t]}),e}function y(n){if(n===void 0)return{};const s={};return Object.keys(n).filter(e=>!(e.match(/^on[A-Z]/)&&typeof n[e]=="function")).forEach(e=>{s[e]=n[e]}),s}function O(n){const{getSlotProps:s,additionalProps:e,externalSlotProps:t,externalForwardedProps:l,className:u}=n;if(!s){const f=v(e==null?void 0:e.className,u,l==null?void 0:l.className,t==null?void 0:t.className),m=o({},e==null?void 0:e.style,l==null?void 0:l.style,t==null?void 0:t.style),i=o({},e,l,t);return f.length>0&&(i.className=f),Object.keys(m).length>0&&(i.style=m),{props:i,internalRef:void 0}}const N=p(o({},l,t)),h=y(t),S=y(l),r=s(N),d=v(r==null?void 0:r.className,e==null?void 0:e.className,u,l==null?void 0:l.className,t==null?void 0:t.className),c=o({},r==null?void 0:r.style,e==null?void 0:e.style,l==null?void 0:l.style,t==null?void 0:t.style),a=o({},r,e,S,h);return d.length>0&&(a.className=d),Object.keys(c).length>0&&(a.style=c),{props:a,internalRef:r.ref}}function P(n,s,e){return typeof n=="function"?n(s,e):n}export{H as a,p as e,O as m,P as r};
+import{b as o,d as v}from"./OdysseyThemeProvider-uYQ_l8PJ.js";import{i as g}from"./isHostComponent-DVu5iVWx.js";function H(n,s,e){return n===void 0||g(n)?s:o({},s,{ownerState:o({},s.ownerState,e)})}function p(n,s=[]){if(n===void 0)return{};const e={};return Object.keys(n).filter(t=>t.match(/^on[A-Z]/)&&typeof n[t]=="function"&&!s.includes(t)).forEach(t=>{e[t]=n[t]}),e}function y(n){if(n===void 0)return{};const s={};return Object.keys(n).filter(e=>!(e.match(/^on[A-Z]/)&&typeof n[e]=="function")).forEach(e=>{s[e]=n[e]}),s}function O(n){const{getSlotProps:s,additionalProps:e,externalSlotProps:t,externalForwardedProps:l,className:u}=n;if(!s){const f=v(e==null?void 0:e.className,u,l==null?void 0:l.className,t==null?void 0:t.className),m=o({},e==null?void 0:e.style,l==null?void 0:l.style,t==null?void 0:t.style),i=o({},e,l,t);return f.length>0&&(i.className=f),Object.keys(m).length>0&&(i.style=m),{props:i,internalRef:void 0}}const N=p(o({},l,t)),h=y(t),S=y(l),r=s(N),d=v(r==null?void 0:r.className,e==null?void 0:e.className,u,l==null?void 0:l.className,t==null?void 0:t.className),c=o({},r==null?void 0:r.style,e==null?void 0:e.style,l==null?void 0:l.style,t==null?void 0:t.style),a=o({},r,e,S,h);return d.length>0&&(a.className=d),Object.keys(c).length>0&&(a.style=c),{props:a,internalRef:r.ref}}function P(n,s,e){return typeof n=="function"?n(s,e):n}export{H as a,p as e,O as m,P as r};

package/dist/assets/{tableSortLabelClasses-CkKrbp1R.js → tableSortLabelClasses-t0B4WNP1.js}

@@ -1 +1 @@
-import{W as e,V as a}from"./OdysseyThemeProvider-Bh0Bu-2o.js";function s(t){return a("MuiTableSortLabel",t)}const o=e("MuiTableSortLabel",["root","active","icon","iconDirectionDesc","iconDirectionAsc"]);export{s as g,o as t};
+import{W as e,V as a}from"./OdysseyThemeProvider-uYQ_l8PJ.js";function s(t){return a("MuiTableSortLabel",t)}const o=e("MuiTableSortLabel",["root","active","icon","iconDirectionDesc","iconDirectionAsc"]);export{s as g,o as t};

package/dist/assets/uiShellSharedConstants-CvCey4L_.js

@@ -0,0 +1,11 @@
+/*!
+ * Copyright (c) 2025-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 _="77px",I="300px",s=`${4.571428571428571}rem`,E=100,S=101,t=200,a=[];export{I as S,s as T,S as U,E as a,t as b,_ as c,a as e};

package/dist/assets/{useAutocomplete-BRetTkpF.js → useAutocomplete-CkesXhEs.js}

@@ -1,4 +1,4 @@
-import{h as M}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as e}from"./index-NdkWRN8K.js";import{V as O}from"./index.esm-CBOWgn41.js";import{j as a}from"./jsx-runtime-CnH95YSl.js";import{M as D}from"./Field-DH3L8v09.js";import{g as A,u as N,C as T}from"./inputUtils-Dbi8XkA6.js";import{I as k}from"./InputBase-DeB4_faH.js";/*!
+import{h as M}from"./OdysseyThemeProvider-uYQ_l8PJ.js";import{r as e}from"./index-NdkWRN8K.js";import{V as O}from"./index.esm-CcYwRB5x.js";import{j as a}from"./jsx-runtime-CnH95YSl.js";import{M as D}from"./Field-BVmhMv9m.js";import{g as A,u as N,C as T}from"./inputUtils-Dbi8XkA6.js";import{I as k}from"./InputBase-Cc2rXj8N.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.")
  *

package/dist/assets/{useMobilePicker-DZhX9dEQ.js → useMobilePicker-DEUQ7oE6.js}

@@ -1,4 +1,4 @@
-import{a_ as Qn,a as Ie,_ as te,b as d,V as de,W as pe,c as Zn,A as _e,s as K,d as he,f as ue,e as qn,F as sn}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as m,e as jt}from"./index-NdkWRN8K.js";import{j as b}from"./jsx-runtime-CnH95YSl.js";import{O as Xn,F as Jn,I as eo,S as to}from"./Select-DZTigpTO.js";import{I as an,F as ln,a as no}from"./ListItem-C0ExFtXb.js";import{F as cn}from"./FormHelperText-CsNAE1E3.js";import{u as fe}from"./useThemeProps-BPvYx-mf.js";import{T as Je}from"./Typography-ClQ35Rr-.js";import{u as we}from"./useIsFocusVisible-DH0qxT5e.js";import{F as st}from"./Fade-dUgBN8rJ.js";import{G as oo}from"./Grow-C8kUeGCY.js";import{F as ro}from"./Modal-CSDyCVCf.js";import{u as le}from"./getReactElementRef-DsIevm5t.js";import{_ as so,u as W}from"./inheritsLoose-CJ6Ie9dp.js";import{o as xt}from"./ownerDocument-DW-IO8s5.js";import{P as ao}from"./Paper-D-_O-EjU.js";import{P as io}from"./Popper-BARIxJrI.js";import{I as un}from"./InputAdornment-CdR3XT6f.js";import{I as at}from"./IconButton-5qShmnSr.js";import{f as lo,T as co,u as Oe}from"./utils-kUZVaD1e.js";import{u as Ae}from"./useControlled-NQulfz4l.js";import{u as it}from"./useFormControl-BMISTZuX.js";import{v as uo}from"./visuallyHidden-Dan1xhjv.js";import{s as po}from"./createStyled-D6bTcpHC.js";import{T as dn,B as fo}from"./ButtonBase-BNqa2TMD.js";import{a as He}from"./colorManipulator-DKifQsuo.js";import{g as mo}from"./useThemeProps-DwvbKxez.js";import{c as Ve}from"./createSvgIcon-ClUWwDzL.js";import{c as ho,a as go,d as Ht,b as yo}from"./DialogContent-Cwn-I-C_.js";import{g as bo}from"./_commonjsHelpers-gnU0ypJ3.js";import{B as tt}from"./Button-BzIwUmSM.js";import{L as xo}from"./List-CmjR1pNu.js";import{C as So}from"./Chip-CXnMieIl.js";var St={exports:{}},wt,Wt;function wo(){if(Wt)return wt;Wt=1;var e="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return wt=e,wt}var vt,_t;function vo(){if(_t)return vt;_t=1;var e=wo();function t(){}function n(){}return n.resetWarningCache=t,vt=function(){function o(i,a,l,c,u,f){if(f!==e){var g=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw g.name="Invariant Violation",g}}o.isRequired=o;function r(){return o}var s={array:o,bigint:o,bool:o,func:o,number:o,object:o,string:o,symbol:o,any:o,arrayOf:r,element:o,elementType:o,instanceOf:r,node:o,objectOf:r,oneOf:r,oneOfType:r,shape:r,exact:r,checkPropTypes:n,resetWarningCache:t};return s.PropTypes=s,s},vt}var Ut;function Do(){return Ut||(Ut=1,St.exports=vo()()),St.exports}var Co=Do();const be=bo(Co),bl=be.oneOfType([be.func,be.object]);function Po(e,t,n,o,r){const[s,i]=m.useState(()=>r&&n?n(e).matches:o?o(e).matches:t);return Ie(()=>{let a=!0;if(!n)return;const l=n(e),c=()=>{a&&i(l.matches)};return c(),l.addListener(c),()=>{a=!1,l.removeListener(c)}},[e,n]),s}const pn=m.useSyncExternalStore;function ko(e,t,n,o,r){const s=m.useCallback(()=>t,[t]),i=m.useMemo(()=>{if(r&&n)return()=>n(e).matches;if(o!==null){const{matches:u}=o(e);return()=>u}return s},[s,e,o,r,n]),[a,l]=m.useMemo(()=>{if(n===null)return[s,()=>()=>{}];const u=n(e);return[()=>u.matches,f=>(u.addListener(f),()=>{u.removeListener(f)})]},[s,n,e]);return pn(l,a,i)}function Mo(e,t={}){const n=Qn(),o=typeof window<"u"&&typeof window.matchMedia<"u",{defaultMatches:r=!1,matchMedia:s=o?window.matchMedia:null,ssrMatchMedia:i=null,noSsr:a=!1}=mo({name:"MuiUseMediaQuery",props:t,theme:n});let l=typeof e=="function"?e(n):e;return l=l.replace(/^@media( ?)/m,""),(pn!==void 0?ko:Po)(l,r,s,i,a)}function Io(e,t){return e.classList?!!t&&e.classList.contains(t):(" "+(e.className.baseVal||e.className)+" ").indexOf(" "+t+" ")!==-1}function Vo(e,t){e.classList?e.classList.add(t):Io(e,t)||(typeof e.className=="string"?e.className=e.className+" "+t:e.setAttribute("class",(e.className&&e.className.baseVal||"")+" "+t))}function zt(e,t){return e.replace(new RegExp("(^|\\s)"+t+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}function To(e,t){e.classList?e.classList.remove(t):typeof e.className=="string"?e.className=zt(e.className,t):e.setAttribute("class",zt(e.className&&e.className.baseVal||"",t))}var Fo=function(t,n){return t&&n&&n.split(" ").forEach(function(o){return Vo(t,o)})},Dt=function(t,n){return t&&n&&n.split(" ").forEach(function(o){return To(t,o)})},It=function(e){so(t,e);function t(){for(var o,r=arguments.length,s=new Array(r),i=0;i<r;i++)s[i]=arguments[i];return o=e.call.apply(e,[this].concat(s))||this,o.appliedClasses={appear:{},enter:{},exit:{}},o.onEnter=function(a,l){var c=o.resolveArguments(a,l),u=c[0],f=c[1];o.removeClasses(u,"exit"),o.addClass(u,f?"appear":"enter","base"),o.props.onEnter&&o.props.onEnter(a,l)},o.onEntering=function(a,l){var c=o.resolveArguments(a,l),u=c[0],f=c[1],g=f?"appear":"enter";o.addClass(u,g,"active"),o.props.onEntering&&o.props.onEntering(a,l)},o.onEntered=function(a,l){var c=o.resolveArguments(a,l),u=c[0],f=c[1],g=f?"appear":"enter";o.removeClasses(u,g),o.addClass(u,g,"done"),o.props.onEntered&&o.props.onEntered(a,l)},o.onExit=function(a){var l=o.resolveArguments(a),c=l[0];o.removeClasses(c,"appear"),o.removeClasses(c,"enter"),o.addClass(c,"exit","base"),o.props.onExit&&o.props.onExit(a)},o.onExiting=function(a){var l=o.resolveArguments(a),c=l[0];o.addClass(c,"exit","active"),o.props.onExiting&&o.props.onExiting(a)},o.onExited=function(a){var l=o.resolveArguments(a),c=l[0];o.removeClasses(c,"exit"),o.addClass(c,"exit","done"),o.props.onExited&&o.props.onExited(a)},o.resolveArguments=function(a,l){return o.props.nodeRef?[o.props.nodeRef.current,a]:[a,l]},o.getClassNames=function(a){var l=o.props.classNames,c=typeof l=="string",u=c&&l?l+"-":"",f=c?""+u+a:l[a],g=c?f+"-active":l[a+"Active"],S=c?f+"-done":l[a+"Done"];return{baseClassName:f,activeClassName:g,doneClassName:S}},o}var n=t.prototype;return n.addClass=function(r,s,i){var a=this.getClassNames(s)[i+"ClassName"],l=this.getClassNames("enter"),c=l.doneClassName;s==="appear"&&i==="done"&&c&&(a+=" "+c),i==="active"&&r&&lo(r),a&&(this.appliedClasses[s][i]=a,Fo(r,a))},n.removeClasses=function(r,s){var i=this.appliedClasses[s],a=i.base,l=i.active,c=i.done;this.appliedClasses[s]={},a&&Dt(r,a),l&&Dt(r,l),c&&Dt(r,c)},n.render=function(){var r=this.props;r.classNames;var s=te(r,["classNames"]);return jt.createElement(co,d({},s,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},t}(jt.Component);It.defaultProps={classNames:""};It.propTypes={};function Ro(e){return de("MuiTextField",e)}pe("MuiTextField",["root"]);const Ao=["autoComplete","autoFocus","children","className","color","defaultValue","disabled","error","FormHelperTextProps","fullWidth","helperText","id","InputLabelProps","inputProps","InputProps","inputRef","label","maxRows","minRows","multiline","name","onBlur","onChange","onFocus","placeholder","required","rows","select","SelectProps","type","value","variant"],Eo={standard:eo,filled:Jn,outlined:Xn},Oo=e=>{const{classes:t}=e;return ue({root:["root"]},Ro,t)},Lo=K(ln,{name:"MuiTextField",slot:"Root",overridesResolver:(e,t)=>t.root})({}),xl=m.forwardRef(function(t,n){const o=Zn({props:t,name:"MuiTextField"}),{autoComplete:r,autoFocus:s=!1,children:i,className:a,color:l="primary",defaultValue:c,disabled:u=!1,error:f=!1,FormHelperTextProps:g,fullWidth:S=!1,helperText:p,id:x,InputLabelProps:y,inputProps:v,InputProps:h,inputRef:M,label:T,maxRows:V,minRows:E,multiline:R=!1,name:C,onBlur:O,onChange:j,onFocus:k,placeholder:F,required:P=!1,rows:A,select:L=!1,SelectProps:_,type:ee,value:B,variant:z="outlined"}=o,ne=te(o,Ao),oe=d({},o,{autoFocus:s,color:l,disabled:u,error:f,fullWidth:S,multiline:R,required:P,select:L,variant:z}),H=Oo(oe),Q={};z==="outlined"&&(y&&typeof y.shrink<"u"&&(Q.notched=y.shrink),Q.label=T),L&&((!_||!_.native)&&(Q.id=void 0),Q["aria-describedby"]=void 0);const re=_e(x),ae=p&&re?`${re}-helper-text`:void 0,D=T&&re?`${re}-label`:void 0,I=Eo[z],Y=b.jsx(I,d({"aria-describedby":ae,autoComplete:r,autoFocus:s,defaultValue:c,fullWidth:S,multiline:R,name:C,rows:A,maxRows:V,minRows:E,type:ee,value:B,id:re,inputRef:M,onBlur:O,onChange:j,onFocus:k,placeholder:F,inputProps:v},Q,h));return b.jsxs(Lo,d({className:he(H.root,a),disabled:u,error:f,fullWidth:S,ref:n,required:P,color:l,variant:z,ownerState:oe},ne,{children:[T!=null&&T!==""&&b.jsx(an,d({htmlFor:re,id:D},y,{children:T})),L?b.jsx(to,d({"aria-describedby":ae,id:re,labelId:D,value:B,input:Y},_,{children:i})):Y,p&&b.jsx(cn,d({id:ae},g,{children:p}))]}))}),ke=(e,t)=>e.length!==t.length?!1:t.every(n=>e.includes(n)),Sl=({openTo:e,defaultOpenTo:t,views:n,defaultViews:o})=>{const r=n??o;let s;if(e!=null)s=e;else if(r.includes(t))s=t;else if(r.length>0)s=r[0];else throw new Error("MUI X: The `views` prop must contain at least one view.");return{views:r,openTo:s}},rt=(e,t,n)=>{let o=t;return o=e.setHours(o,e.getHours(n)),o=e.setMinutes(o,e.getMinutes(n)),o=e.setSeconds(o,e.getSeconds(n)),o},qe=({date:e,disableFuture:t,disablePast:n,maxDate:o,minDate:r,isDateDisabled:s,utils:i,timezone:a})=>{const l=rt(i,i.date(void 0,a),e);n&&i.isBefore(r,l)&&(r=l),t&&i.isAfter(o,l)&&(o=l);let c=e,u=e;for(i.isBefore(e,r)&&(c=r,u=null),i.isAfter(e,o)&&(u&&(u=o),c=null);c||u;){if(c&&i.isAfter(c,o)&&(c=null),u&&i.isBefore(u,r)&&(u=null),c){if(!s(c))return c;c=i.addDays(c,1)}if(u){if(!s(u))return u;u=i.addDays(u,-1)}}return null},$o=(e,t)=>t==null||!e.isValid(t)?null:t,ve=(e,t,n)=>t==null||!e.isValid(t)?n:t,No=(e,t,n)=>!e.isValid(t)&&t!=null&&!e.isValid(n)&&n!=null?!0:e.isEqual(t,n),Vt=(e,t)=>{const o=[e.startOfYear(t)];for(;o.length<12;){const r=o[o.length-1];o.push(e.addMonths(r,1))}return o},fn=(e,t,n)=>n==="date"?e.startOfDay(e.date(void 0,t)):e.date(void 0,t),wl=(e,t)=>{const n=e.setHours(e.date(),t==="am"?2:14);return e.format(n,"meridiem")},Bo=["year","month","day"],Yt=e=>Bo.includes(e),vl=(e,{format:t,views:n},o)=>{if(t!=null)return t;const r=e.formats;return ke(n,["year"])?r.year:ke(n,["month"])?r.month:ke(n,["day"])?r.dayOfMonth:ke(n,["month","year"])?`${r.month} ${r.year}`:ke(n,["day","month"])?`${r.month} ${r.dayOfMonth}`:o?/en/.test(e.getCurrentLocaleCode())?r.normalDateWithWeekday:r.normalDate:r.keyboardDate},jo=(e,t)=>{const n=e.startOfWeek(t);return[0,1,2,3,4,5,6].map(o=>e.addDays(n,o))},mn=["hours","minutes","seconds"],Ho=e=>mn.includes(e),Dl=e=>mn.includes(e)||e==="meridiem",Wo=(e,t)=>e?t.getHours(e)>=12?"pm":"am":null,_o=(e,t,n)=>n&&(e>=12?"pm":"am")!==t?t==="am"?e-12:e+12:e,Uo=(e,t,n,o)=>{const r=_o(o.getHours(e),t,n);return o.setHours(e,r)},Kt=(e,t)=>t.getHours(e)*3600+t.getMinutes(e)*60+t.getSeconds(e),zo=(e,t)=>(n,o)=>e?t.isAfter(n,o):Kt(n,t)>Kt(o,t),Cl=(e,{format:t,views:n,ampm:o})=>{if(t!=null)return t;const r=e.formats;return ke(n,["hours"])?o?`${r.hours12h} ${r.meridiem}`:r.hours24h:ke(n,["minutes"])?r.minutes:ke(n,["seconds"])?r.seconds:ke(n,["minutes","seconds"])?`${r.minutes}:${r.seconds}`:ke(n,["hours","minutes","seconds"])?o?`${r.hours12h}:${r.minutes}:${r.seconds} ${r.meridiem}`:`${r.hours24h}:${r.minutes}:${r.seconds}`:o?`${r.hours12h}:${r.minutes} ${r.meridiem}`:`${r.hours24h}:${r.minutes}`},Pe={year:1,month:2,day:3,hours:4,minutes:5,seconds:6,milliseconds:7},Yo=e=>Math.max(...e.map(t=>Pe[t.type]??1)),Ye=(e,t,n)=>{if(t===Pe.year)return e.startOfYear(n);if(t===Pe.month)return e.startOfMonth(n);if(t===Pe.day)return e.startOfDay(n);let o=n;return t<Pe.minutes&&(o=e.setMinutes(o,0)),t<Pe.seconds&&(o=e.setSeconds(o,0)),t<Pe.milliseconds&&(o=e.setMilliseconds(o,0)),o},Ko=({props:e,utils:t,granularity:n,timezone:o,getTodayDate:r})=>{let s=r?r():Ye(t,n,fn(t,o));e.minDate!=null&&t.isAfterDay(e.minDate,s)&&(s=Ye(t,n,e.minDate)),e.maxDate!=null&&t.isBeforeDay(e.maxDate,s)&&(s=Ye(t,n,e.maxDate));const i=zo(e.disableIgnoringDatePartForTimeValidation??!1,t);return e.minTime!=null&&i(e.minTime,s)&&(s=Ye(t,n,e.disableIgnoringDatePartForTimeValidation?e.minTime:rt(t,s,e.minTime))),e.maxTime!=null&&i(s,e.maxTime)&&(s=Ye(t,n,e.disableIgnoringDatePartForTimeValidation?e.maxTime:rt(t,s,e.maxTime))),s},hn=(e,t)=>{const n=e.formatTokenMap[t];if(n==null)throw new Error([`MUI X: The token "${t}" is not supported by the Date and Time Pickers.`,"Please try using another token or open an issue on https://github.com/mui/mui-x/issues/new/choose if you think it should be supported."].join(`
+import{a_ as Qn,a as Ie,_ as te,b as d,V as de,W as pe,c as Zn,A as _e,s as K,d as he,f as ue,e as qn,F as sn}from"./OdysseyThemeProvider-uYQ_l8PJ.js";import{r as m,e as jt}from"./index-NdkWRN8K.js";import{j as b}from"./jsx-runtime-CnH95YSl.js";import{O as Xn,F as Jn,I as eo,S as to}from"./Select-BcdWA_SU.js";import{I as an,F as ln,a as no}from"./ListItem-Bv1M9lel.js";import{F as cn}from"./FormHelperText-CZEj6vhF.js";import{u as fe}from"./useThemeProps-DOJ_m4Vc.js";import{T as Je}from"./Typography-BIFhmR2K.js";import{u as we}from"./useIsFocusVisible-DH0qxT5e.js";import{F as st}from"./Fade-DSMklDt3.js";import{G as oo}from"./Grow-CbLflC0D.js";import{F as ro}from"./Modal-D0XtQHFw.js";import{u as le}from"./getReactElementRef-CYW9xr5m.js";import{_ as so,u as W}from"./inheritsLoose-6wpAF9yl.js";import{o as xt}from"./ownerDocument-DW-IO8s5.js";import{P as ao}from"./Paper-BGSgbZC6.js";import{P as io}from"./Popper-vW9B5iyN.js";import{I as un}from"./InputAdornment-CrT6j38e.js";import{I as at}from"./IconButton-DwJqCevw.js";import{f as lo,T as co,u as Oe}from"./utils-uddq32f3.js";import{u as Ae}from"./useControlled-NQulfz4l.js";import{u as it}from"./useFormControl-BMISTZuX.js";import{v as uo}from"./visuallyHidden-Dan1xhjv.js";import{s as po}from"./createStyled-B09qmfVW.js";import{T as dn,B as fo}from"./ButtonBase-Wolvis_2.js";import{a as He}from"./colorManipulator-BxsGKdcY.js";import{g as mo}from"./useThemeProps-4A-zY4M2.js";import{c as Ve}from"./createSvgIcon-SdTF6s8l.js";import{c as ho,a as go,d as Ht,b as yo}from"./DialogContent-DBoG8cPo.js";import{g as bo}from"./_commonjsHelpers-gnU0ypJ3.js";import{B as tt}from"./Button-dStBbGjZ.js";import{L as xo}from"./List-BcG-NsbC.js";import{C as So}from"./Chip-p4lq04qX.js";var St={exports:{}},wt,Wt;function wo(){if(Wt)return wt;Wt=1;var e="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return wt=e,wt}var vt,_t;function vo(){if(_t)return vt;_t=1;var e=wo();function t(){}function n(){}return n.resetWarningCache=t,vt=function(){function o(i,a,l,c,u,f){if(f!==e){var g=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw g.name="Invariant Violation",g}}o.isRequired=o;function r(){return o}var s={array:o,bigint:o,bool:o,func:o,number:o,object:o,string:o,symbol:o,any:o,arrayOf:r,element:o,elementType:o,instanceOf:r,node:o,objectOf:r,oneOf:r,oneOfType:r,shape:r,exact:r,checkPropTypes:n,resetWarningCache:t};return s.PropTypes=s,s},vt}var Ut;function Do(){return Ut||(Ut=1,St.exports=vo()()),St.exports}var Co=Do();const be=bo(Co),bl=be.oneOfType([be.func,be.object]);function Po(e,t,n,o,r){const[s,i]=m.useState(()=>r&&n?n(e).matches:o?o(e).matches:t);return Ie(()=>{let a=!0;if(!n)return;const l=n(e),c=()=>{a&&i(l.matches)};return c(),l.addListener(c),()=>{a=!1,l.removeListener(c)}},[e,n]),s}const pn=m.useSyncExternalStore;function ko(e,t,n,o,r){const s=m.useCallback(()=>t,[t]),i=m.useMemo(()=>{if(r&&n)return()=>n(e).matches;if(o!==null){const{matches:u}=o(e);return()=>u}return s},[s,e,o,r,n]),[a,l]=m.useMemo(()=>{if(n===null)return[s,()=>()=>{}];const u=n(e);return[()=>u.matches,f=>(u.addListener(f),()=>{u.removeListener(f)})]},[s,n,e]);return pn(l,a,i)}function Mo(e,t={}){const n=Qn(),o=typeof window<"u"&&typeof window.matchMedia<"u",{defaultMatches:r=!1,matchMedia:s=o?window.matchMedia:null,ssrMatchMedia:i=null,noSsr:a=!1}=mo({name:"MuiUseMediaQuery",props:t,theme:n});let l=typeof e=="function"?e(n):e;return l=l.replace(/^@media( ?)/m,""),(pn!==void 0?ko:Po)(l,r,s,i,a)}function Io(e,t){return e.classList?!!t&&e.classList.contains(t):(" "+(e.className.baseVal||e.className)+" ").indexOf(" "+t+" ")!==-1}function Vo(e,t){e.classList?e.classList.add(t):Io(e,t)||(typeof e.className=="string"?e.className=e.className+" "+t:e.setAttribute("class",(e.className&&e.className.baseVal||"")+" "+t))}function zt(e,t){return e.replace(new RegExp("(^|\\s)"+t+"(?:\\s|$)","g"),"$1").replace(/\s+/g," ").replace(/^\s*|\s*$/g,"")}function To(e,t){e.classList?e.classList.remove(t):typeof e.className=="string"?e.className=zt(e.className,t):e.setAttribute("class",zt(e.className&&e.className.baseVal||"",t))}var Fo=function(t,n){return t&&n&&n.split(" ").forEach(function(o){return Vo(t,o)})},Dt=function(t,n){return t&&n&&n.split(" ").forEach(function(o){return To(t,o)})},It=function(e){so(t,e);function t(){for(var o,r=arguments.length,s=new Array(r),i=0;i<r;i++)s[i]=arguments[i];return o=e.call.apply(e,[this].concat(s))||this,o.appliedClasses={appear:{},enter:{},exit:{}},o.onEnter=function(a,l){var c=o.resolveArguments(a,l),u=c[0],f=c[1];o.removeClasses(u,"exit"),o.addClass(u,f?"appear":"enter","base"),o.props.onEnter&&o.props.onEnter(a,l)},o.onEntering=function(a,l){var c=o.resolveArguments(a,l),u=c[0],f=c[1],g=f?"appear":"enter";o.addClass(u,g,"active"),o.props.onEntering&&o.props.onEntering(a,l)},o.onEntered=function(a,l){var c=o.resolveArguments(a,l),u=c[0],f=c[1],g=f?"appear":"enter";o.removeClasses(u,g),o.addClass(u,g,"done"),o.props.onEntered&&o.props.onEntered(a,l)},o.onExit=function(a){var l=o.resolveArguments(a),c=l[0];o.removeClasses(c,"appear"),o.removeClasses(c,"enter"),o.addClass(c,"exit","base"),o.props.onExit&&o.props.onExit(a)},o.onExiting=function(a){var l=o.resolveArguments(a),c=l[0];o.addClass(c,"exit","active"),o.props.onExiting&&o.props.onExiting(a)},o.onExited=function(a){var l=o.resolveArguments(a),c=l[0];o.removeClasses(c,"exit"),o.addClass(c,"exit","done"),o.props.onExited&&o.props.onExited(a)},o.resolveArguments=function(a,l){return o.props.nodeRef?[o.props.nodeRef.current,a]:[a,l]},o.getClassNames=function(a){var l=o.props.classNames,c=typeof l=="string",u=c&&l?l+"-":"",f=c?""+u+a:l[a],g=c?f+"-active":l[a+"Active"],S=c?f+"-done":l[a+"Done"];return{baseClassName:f,activeClassName:g,doneClassName:S}},o}var n=t.prototype;return n.addClass=function(r,s,i){var a=this.getClassNames(s)[i+"ClassName"],l=this.getClassNames("enter"),c=l.doneClassName;s==="appear"&&i==="done"&&c&&(a+=" "+c),i==="active"&&r&&lo(r),a&&(this.appliedClasses[s][i]=a,Fo(r,a))},n.removeClasses=function(r,s){var i=this.appliedClasses[s],a=i.base,l=i.active,c=i.done;this.appliedClasses[s]={},a&&Dt(r,a),l&&Dt(r,l),c&&Dt(r,c)},n.render=function(){var r=this.props;r.classNames;var s=te(r,["classNames"]);return jt.createElement(co,d({},s,{onEnter:this.onEnter,onEntered:this.onEntered,onEntering:this.onEntering,onExit:this.onExit,onExiting:this.onExiting,onExited:this.onExited}))},t}(jt.Component);It.defaultProps={classNames:""};It.propTypes={};function Ro(e){return de("MuiTextField",e)}pe("MuiTextField",["root"]);const Ao=["autoComplete","autoFocus","children","className","color","defaultValue","disabled","error","FormHelperTextProps","fullWidth","helperText","id","InputLabelProps","inputProps","InputProps","inputRef","label","maxRows","minRows","multiline","name","onBlur","onChange","onFocus","placeholder","required","rows","select","SelectProps","type","value","variant"],Eo={standard:eo,filled:Jn,outlined:Xn},Oo=e=>{const{classes:t}=e;return ue({root:["root"]},Ro,t)},Lo=K(ln,{name:"MuiTextField",slot:"Root",overridesResolver:(e,t)=>t.root})({}),xl=m.forwardRef(function(t,n){const o=Zn({props:t,name:"MuiTextField"}),{autoComplete:r,autoFocus:s=!1,children:i,className:a,color:l="primary",defaultValue:c,disabled:u=!1,error:f=!1,FormHelperTextProps:g,fullWidth:S=!1,helperText:p,id:x,InputLabelProps:y,inputProps:v,InputProps:h,inputRef:M,label:T,maxRows:V,minRows:E,multiline:R=!1,name:C,onBlur:O,onChange:j,onFocus:k,placeholder:F,required:P=!1,rows:A,select:L=!1,SelectProps:_,type:ee,value:B,variant:z="outlined"}=o,ne=te(o,Ao),oe=d({},o,{autoFocus:s,color:l,disabled:u,error:f,fullWidth:S,multiline:R,required:P,select:L,variant:z}),H=Oo(oe),Q={};z==="outlined"&&(y&&typeof y.shrink<"u"&&(Q.notched=y.shrink),Q.label=T),L&&((!_||!_.native)&&(Q.id=void 0),Q["aria-describedby"]=void 0);const re=_e(x),ae=p&&re?`${re}-helper-text`:void 0,D=T&&re?`${re}-label`:void 0,I=Eo[z],Y=b.jsx(I,d({"aria-describedby":ae,autoComplete:r,autoFocus:s,defaultValue:c,fullWidth:S,multiline:R,name:C,rows:A,maxRows:V,minRows:E,type:ee,value:B,id:re,inputRef:M,onBlur:O,onChange:j,onFocus:k,placeholder:F,inputProps:v},Q,h));return b.jsxs(Lo,d({className:he(H.root,a),disabled:u,error:f,fullWidth:S,ref:n,required:P,color:l,variant:z,ownerState:oe},ne,{children:[T!=null&&T!==""&&b.jsx(an,d({htmlFor:re,id:D},y,{children:T})),L?b.jsx(to,d({"aria-describedby":ae,id:re,labelId:D,value:B,input:Y},_,{children:i})):Y,p&&b.jsx(cn,d({id:ae},g,{children:p}))]}))}),ke=(e,t)=>e.length!==t.length?!1:t.every(n=>e.includes(n)),Sl=({openTo:e,defaultOpenTo:t,views:n,defaultViews:o})=>{const r=n??o;let s;if(e!=null)s=e;else if(r.includes(t))s=t;else if(r.length>0)s=r[0];else throw new Error("MUI X: The `views` prop must contain at least one view.");return{views:r,openTo:s}},rt=(e,t,n)=>{let o=t;return o=e.setHours(o,e.getHours(n)),o=e.setMinutes(o,e.getMinutes(n)),o=e.setSeconds(o,e.getSeconds(n)),o},qe=({date:e,disableFuture:t,disablePast:n,maxDate:o,minDate:r,isDateDisabled:s,utils:i,timezone:a})=>{const l=rt(i,i.date(void 0,a),e);n&&i.isBefore(r,l)&&(r=l),t&&i.isAfter(o,l)&&(o=l);let c=e,u=e;for(i.isBefore(e,r)&&(c=r,u=null),i.isAfter(e,o)&&(u&&(u=o),c=null);c||u;){if(c&&i.isAfter(c,o)&&(c=null),u&&i.isBefore(u,r)&&(u=null),c){if(!s(c))return c;c=i.addDays(c,1)}if(u){if(!s(u))return u;u=i.addDays(u,-1)}}return null},$o=(e,t)=>t==null||!e.isValid(t)?null:t,ve=(e,t,n)=>t==null||!e.isValid(t)?n:t,No=(e,t,n)=>!e.isValid(t)&&t!=null&&!e.isValid(n)&&n!=null?!0:e.isEqual(t,n),Vt=(e,t)=>{const o=[e.startOfYear(t)];for(;o.length<12;){const r=o[o.length-1];o.push(e.addMonths(r,1))}return o},fn=(e,t,n)=>n==="date"?e.startOfDay(e.date(void 0,t)):e.date(void 0,t),wl=(e,t)=>{const n=e.setHours(e.date(),t==="am"?2:14);return e.format(n,"meridiem")},Bo=["year","month","day"],Yt=e=>Bo.includes(e),vl=(e,{format:t,views:n},o)=>{if(t!=null)return t;const r=e.formats;return ke(n,["year"])?r.year:ke(n,["month"])?r.month:ke(n,["day"])?r.dayOfMonth:ke(n,["month","year"])?`${r.month} ${r.year}`:ke(n,["day","month"])?`${r.month} ${r.dayOfMonth}`:o?/en/.test(e.getCurrentLocaleCode())?r.normalDateWithWeekday:r.normalDate:r.keyboardDate},jo=(e,t)=>{const n=e.startOfWeek(t);return[0,1,2,3,4,5,6].map(o=>e.addDays(n,o))},mn=["hours","minutes","seconds"],Ho=e=>mn.includes(e),Dl=e=>mn.includes(e)||e==="meridiem",Wo=(e,t)=>e?t.getHours(e)>=12?"pm":"am":null,_o=(e,t,n)=>n&&(e>=12?"pm":"am")!==t?t==="am"?e-12:e+12:e,Uo=(e,t,n,o)=>{const r=_o(o.getHours(e),t,n);return o.setHours(e,r)},Kt=(e,t)=>t.getHours(e)*3600+t.getMinutes(e)*60+t.getSeconds(e),zo=(e,t)=>(n,o)=>e?t.isAfter(n,o):Kt(n,t)>Kt(o,t),Cl=(e,{format:t,views:n,ampm:o})=>{if(t!=null)return t;const r=e.formats;return ke(n,["hours"])?o?`${r.hours12h} ${r.meridiem}`:r.hours24h:ke(n,["minutes"])?r.minutes:ke(n,["seconds"])?r.seconds:ke(n,["minutes","seconds"])?`${r.minutes}:${r.seconds}`:ke(n,["hours","minutes","seconds"])?o?`${r.hours12h}:${r.minutes}:${r.seconds} ${r.meridiem}`:`${r.hours24h}:${r.minutes}:${r.seconds}`:o?`${r.hours12h}:${r.minutes} ${r.meridiem}`:`${r.hours24h}:${r.minutes}`},Pe={year:1,month:2,day:3,hours:4,minutes:5,seconds:6,milliseconds:7},Yo=e=>Math.max(...e.map(t=>Pe[t.type]??1)),Ye=(e,t,n)=>{if(t===Pe.year)return e.startOfYear(n);if(t===Pe.month)return e.startOfMonth(n);if(t===Pe.day)return e.startOfDay(n);let o=n;return t<Pe.minutes&&(o=e.setMinutes(o,0)),t<Pe.seconds&&(o=e.setSeconds(o,0)),t<Pe.milliseconds&&(o=e.setMilliseconds(o,0)),o},Ko=({props:e,utils:t,granularity:n,timezone:o,getTodayDate:r})=>{let s=r?r():Ye(t,n,fn(t,o));e.minDate!=null&&t.isAfterDay(e.minDate,s)&&(s=Ye(t,n,e.minDate)),e.maxDate!=null&&t.isBeforeDay(e.maxDate,s)&&(s=Ye(t,n,e.maxDate));const i=zo(e.disableIgnoringDatePartForTimeValidation??!1,t);return e.minTime!=null&&i(e.minTime,s)&&(s=Ye(t,n,e.disableIgnoringDatePartForTimeValidation?e.minTime:rt(t,s,e.minTime))),e.maxTime!=null&&i(s,e.maxTime)&&(s=Ye(t,n,e.disableIgnoringDatePartForTimeValidation?e.maxTime:rt(t,s,e.maxTime))),s},hn=(e,t)=>{const n=e.formatTokenMap[t];if(n==null)throw new Error([`MUI X: The token "${t}" is not supported by the Date and Time Pickers.`,"Please try using another token or open an issue on https://github.com/mui/mui-x/issues/new/choose if you think it should be supported."].join(`
 `));return typeof n=="string"?{type:n,contentType:n==="meridiem"?"letter":"digit",maxLength:void 0}:{type:n.sectionType,contentType:n.contentType,maxLength:n.maxLength}},Go=e=>{switch(e){case"ArrowUp":return 1;case"ArrowDown":return-1;case"PageUp":return 5;case"PageDown":return-5;default:return 0}},lt=(e,t,n)=>{const o=[],r=e.date(void 0,t),s=e.startOfWeek(r),i=e.endOfWeek(r);let a=s;for(;e.isBefore(a,i);)o.push(a),a=e.addDays(a,1);return o.map(l=>e.formatByString(l,n))},gn=(e,t,n,o)=>{switch(n){case"month":return Vt(e,e.date(void 0,t)).map(r=>e.formatByString(r,o));case"weekDay":return lt(e,t,o);case"meridiem":{const r=e.date(void 0,t);return[e.startOfDay(r),e.endOfDay(r)].map(s=>e.formatByString(s,o))}default:return[]}},Gt="s",Qo=["0","1","2","3","4","5","6","7","8","9"],Zo=e=>{const t=e.date(void 0);return e.formatByString(e.setSeconds(t,0),Gt)==="0"?Qo:Array.from({length:10}).map((o,r)=>e.formatByString(e.setSeconds(t,r),Gt))},Ee=(e,t)=>{if(t[0]==="0")return e;const n=[];let o="";for(let r=0;r<e.length;r+=1){o+=e[r];const s=t.indexOf(o);s>-1&&(n.push(s.toString()),o="")}return n.join("")},Tt=(e,t)=>t[0]==="0"?e:e.split("").map(n=>t[Number(n)]).join(""),Qt=(e,t)=>{const n=Ee(e,t);return!Number.isNaN(Number(n))},yn=(e,t)=>{let n=e;for(n=Number(n).toString();n.length<t;)n=`0${n}`;return n},bn=(e,t,n,o,r)=>{if(r.type==="day"&&r.contentType==="digit-with-letter"){const i=e.setDate(n.longestMonth,t);return e.formatByString(i,r.format)}let s=t.toString();return r.hasLeadingZerosInInput&&(s=yn(s,r.maxLength)),Tt(s,o)},qo=(e,t,n,o,r,s,i,a)=>{const l=Go(o),c=o==="Home",u=o==="End",f=n.value===""||c||u,g=()=>{const p=r[n.type]({currentDate:i,format:n.format,contentType:n.contentType}),x=M=>bn(e,M,p,s,n),y=n.type==="minutes"&&(a!=null&&a.minutesStep)?a.minutesStep:1;let h=parseInt(Ee(n.value,s),10)+l*y;if(f){if(n.type==="year"&&!u&&!c)return e.formatByString(e.date(void 0,t),n.format);l>0||c?h=p.minimum:h=p.maximum}return h%y!==0&&((l<0||c)&&(h+=y-(y+h)%y),(l>0||u)&&(h-=h%y)),h>p.maximum?x(p.minimum+(h-p.maximum-1)%(p.maximum-p.minimum+1)):h<p.minimum?x(p.maximum-(p.minimum-h-1)%(p.maximum-p.minimum+1)):x(h)},S=()=>{const p=gn(e,t,n.type,n.format);if(p.length===0)return n.value;if(f)return l>0||c?p[0]:p[p.length-1];const y=(p.indexOf(n.value)+p.length+l)%p.length;return p[y]};return n.contentType==="digit"||n.contentType==="digit-with-letter"?g():S()},Ft=(e,t,n)=>{let o=e.value||e.placeholder;const r=t==="non-input"?e.hasLeadingZerosInFormat:e.hasLeadingZerosInInput;return t==="non-input"&&e.hasLeadingZerosInInput&&!e.hasLeadingZerosInFormat&&(o=Number(Ee(o,n)).toString()),["input-rtl","input-ltr"].includes(t)&&e.contentType==="digit"&&!r&&o.length===1&&(o=`${o}‎`),t==="input-rtl"&&(o=`⁨${o}⁩`),o},Zt=(e,t,n,o)=>e.formatByString(e.parse(t,n),o),xn=(e,t,n)=>e.formatByString(e.date(void 0,t),n).length===4,Sn=(e,t,n,o,r)=>{if(n!=="digit")return!1;const s=e.date(void 0,t);switch(o){case"year":return xn(e,t,r)?e.formatByString(e.setYear(s,1),r)==="0001":e.formatByString(e.setYear(s,2001),r)==="01";case"month":return e.formatByString(e.startOfYear(s),r).length>1;case"day":return e.formatByString(e.startOfMonth(s),r).length>1;case"weekDay":return e.formatByString(e.startOfWeek(s),r).length>1;case"hours":return e.formatByString(e.setHours(s,1),r).length>1;case"minutes":return e.formatByString(e.setMinutes(s,1),r).length>1;case"seconds":return e.formatByString(e.setSeconds(s,1),r).length>1;default:throw new Error("Invalid section type")}},Xo=(e,t,n)=>{const o=t.some(l=>l.type==="day"),r=[],s=[];for(let l=0;l<t.length;l+=1){const c=t[l];o&&c.type==="weekDay"||(r.push(c.format),s.push(Ft(c,"non-input",n)))}const i=r.join(" "),a=s.join(" ");return e.parse(a,i)},Jo=e=>e.map(t=>`${t.startSeparator}${t.value||t.placeholder}${t.endSeparator}`).join(""),er=(e,t,n)=>{const r=e.map(s=>{const i=Ft(s,n?"input-rtl":"input-ltr",t);return`${s.startSeparator}${i}${s.endSeparator}`}).join("");return n?`⁦${r}⁩`:r},tr=(e,t,n)=>{const o=e.date(void 0,n),r=e.endOfYear(o),s=e.endOfDay(o),{maxDaysInMonth:i,longestMonth:a}=Vt(e,o).reduce((l,c)=>{const u=e.getDaysInMonth(c);return u>l.maxDaysInMonth?{maxDaysInMonth:u,longestMonth:c}:l},{maxDaysInMonth:0,longestMonth:null});return{year:({format:l})=>({minimum:0,maximum:xn(e,n,l)?9999:99}),month:()=>({minimum:1,maximum:e.getMonth(r)+1}),day:({currentDate:l})=>({minimum:1,maximum:l!=null&&e.isValid(l)?e.getDaysInMonth(l):i,longestMonth:a}),weekDay:({format:l,contentType:c})=>{if(c==="digit"){const u=lt(e,n,l).map(Number);return{minimum:Math.min(...u),maximum:Math.max(...u)}}return{minimum:1,maximum:7}},hours:({format:l})=>{const c=e.getHours(s);return Ee(e.formatByString(e.endOfDay(o),l),t)!==c.toString()?{minimum:1,maximum:Number(Ee(e.formatByString(e.startOfDay(o),l),t))}:{minimum:0,maximum:c}},minutes:()=>({minimum:0,maximum:e.getMinutes(s)}),seconds:()=>({minimum:0,maximum:e.getSeconds(s)}),meridiem:()=>({minimum:0,maximum:1}),empty:()=>({minimum:0,maximum:0})}},nr=(e,t,n,o,r)=>{switch(n.type){case"year":return e.setYear(r,e.getYear(o));case"month":return e.setMonth(r,e.getMonth(o));case"weekDay":{const s=lt(e,t,n.format),i=e.formatByString(o,n.format),a=s.indexOf(i),c=s.indexOf(n.value)-a;return e.addDays(o,c)}case"day":return e.setDate(r,e.getDate(o));case"meridiem":{const s=e.getHours(o)<12,i=e.getHours(r);return s&&i>=12?e.addHours(r,-12):!s&&i<12?e.addHours(r,12):r}case"hours":return e.setHours(r,e.getHours(o));case"minutes":return e.setMinutes(r,e.getMinutes(o));case"seconds":return e.setSeconds(r,e.getSeconds(o));default:return r}},qt={year:1,month:2,day:3,weekDay:4,hours:5,minutes:6,seconds:7,meridiem:8,empty:9},Xt=(e,t,n,o,r,s)=>[...o].sort((i,a)=>qt[i.type]-qt[a.type]).reduce((i,a)=>!s||a.modified?nr(e,t,a,n,i):i,r),or=()=>navigator.userAgent.toLowerCase().indexOf("android")>-1,rr=(e,t)=>{const n={};if(!t)return e.forEach((l,c)=>{const u=c===0?null:c-1,f=c===e.length-1?null:c+1;n[c]={leftIndex:u,rightIndex:f}}),{neighbors:n,startIndex:0,endIndex:e.length-1};const o={},r={};let s=0,i=0,a=e.length-1;for(;a>=0;){i=e.findIndex((l,c)=>{var u;return c>=s&&((u=l.endSeparator)==null?void 0:u.includes(" "))&&l.endSeparator!==" / "}),i===-1&&(i=e.length-1);for(let l=i;l>=s;l-=1)r[l]=a,o[a]=l,a-=1;s=i+1}return e.forEach((l,c)=>{const u=r[c],f=u===0?null:o[u-1],g=u===e.length-1?null:o[u+1];n[c]={leftIndex:f,rightIndex:g}}),{neighbors:n,startIndex:o[0],endIndex:o[e.length-1]}},Ct=(e,t)=>e==null?null:e==="all"?"all":typeof e=="string"?t.findIndex(n=>n.type===e):e,sr=(e,t)=>{if(e.value)switch(e.type){case"month":{if(e.contentType==="digit")return t.format(t.setMonth(t.date(),Number(e.value)-1),"month");const n=t.parse(e.value,e.format);return n?t.format(n,"month"):void 0}case"day":return e.contentType==="digit"?t.format(t.setDate(t.startOfYear(t.date()),Number(e.value)),"dayOfMonthFull"):e.value;case"weekDay":return;default:return}},ar=(e,t)=>{if(e.value)switch(e.type){case"weekDay":return e.contentType==="letter"?void 0:Number(e.value);case"meridiem":{const n=t.parse(`01:00 ${e.value}`,`${t.formats.hours12h}:${t.formats.minutes} ${e.format}`);return n?t.getHours(n)>=12?1:0:void 0}case"day":return e.contentType==="digit-with-letter"?parseInt(e.value,10):Number(e.value);case"month":{if(e.contentType==="digit")return Number(e.value);const n=t.parse(e.value,e.format);return n?t.getMonth(n)+1:void 0}default:return e.contentType!=="letter"?Number(e.value):void 0}},ir=["value","referenceDate"],We={emptyValue:null,getTodayValue:fn,getInitialReferenceValue:e=>{let{value:t,referenceDate:n}=e,o=te(e,ir);return t!=null&&o.utils.isValid(t)?t:n??Ko(o)},cleanValue:$o,areValuesEqual:No,isSameError:(e,t)=>e===t,hasError:e=>e!=null,defaultErrorState:null,getTimezone:(e,t)=>t==null||!e.isValid(t)?null:e.getTimezone(t),setTimezone:(e,t,n)=>n==null?null:e.setTimezone(n,t)},Pl={updateReferenceValue:(e,t,n)=>t==null||!e.isValid(t)?n:t,getSectionsFromValue:(e,t,n,o)=>!e.isValid(t)&&!!n?n:o(t),getV7HiddenInputValueFromSections:Jo,getV6InputValueFromSections:er,getActiveDateManager:(e,t)=>({date:t.value,referenceDate:t.referenceValue,getSections:n=>n,getNewValuesFromNewActiveDate:n=>({value:n,referenceValue:n==null||!e.isValid(n)?t.referenceValue:n})}),parseValueStr:(e,t,n)=>n(e.trim(),t)},lr=["localeText"],Pt=m.createContext(null),wn=function(t){const{localeText:n}=t,o=te(t,lr),{utils:r,localeText:s}=m.useContext(Pt)??{utils:void 0,localeText:void 0},i=fe({props:o,name:"MuiLocalizationProvider"}),{children:a,dateAdapter:l,dateFormats:c,dateLibInstance:u,adapterLocale:f,localeText:g}=i,S=m.useMemo(()=>d({},g,s,n),[g,s,n]),p=m.useMemo(()=>{if(!l)return r||null;const v=new l({locale:f,formats:c,instance:u});if(!v.isMUIAdapter)throw new Error(["MUI X: The date adapter should be imported from `@mui/x-date-pickers` or `@mui/x-date-pickers-pro`, not from `@date-io`","For example, `import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'` instead of `import AdapterDayjs from '@date-io/dayjs'`","More information on the installation documentation: https://mui.com/x/react-date-pickers/getting-started/#installation"].join(`
 `));return v},[l,f,c,u,r]),x=m.useMemo(()=>p?{minDate:p.date("1900-01-01T00:00:00.000"),maxDate:p.date("2099-12-31T00:00:00.000")}:null,[p]),y=m.useMemo(()=>({utils:p,defaultDates:x,localeText:S}),[x,p,S]);return b.jsx(Pt.Provider,{value:y,children:a})},cr=e=>({components:{MuiLocalizationProvider:{defaultProps:{localeText:d({},e)}}}}),vn={previousMonth:"Previous month",nextMonth:"Next month",openPreviousView:"Open previous view",openNextView:"Open next view",calendarViewSwitchingButtonAriaLabel:e=>e==="year"?"year view is open, switch to calendar view":"calendar view is open, switch to year view",start:"Start",end:"End",startDate:"Start date",startTime:"Start time",endDate:"End date",endTime:"End time",cancelButtonLabel:"Cancel",clearButtonLabel:"Clear",okButtonLabel:"OK",todayButtonLabel:"Today",datePickerToolbarTitle:"Select date",dateTimePickerToolbarTitle:"Select date & time",timePickerToolbarTitle:"Select time",dateRangePickerToolbarTitle:"Select date range",clockLabelText:(e,t,n)=>`Select ${e}. ${t===null?"No time selected":`Selected time is ${n.format(t,"fullTime")}`}`,hoursClockNumberText:e=>`${e} hours`,minutesClockNumberText:e=>`${e} minutes`,secondsClockNumberText:e=>`${e} seconds`,selectViewText:e=>`Select ${e}`,calendarWeekNumberHeaderLabel:"Week number",calendarWeekNumberHeaderText:"#",calendarWeekNumberAriaLabelText:e=>`Week ${e}`,calendarWeekNumberText:e=>`${e}`,openDatePickerDialogue:(e,t)=>e!==null&&t.isValid(e)?`Choose date, selected date is ${t.format(e,"fullDate")}`:"Choose date",openTimePickerDialogue:(e,t)=>e!==null&&t.isValid(e)?`Choose time, selected time is ${t.format(e,"fullTime")}`:"Choose time",fieldClearLabel:"Clear value",timeTableLabel:"pick time",dateTableLabel:"pick date",fieldYearPlaceholder:e=>"Y".repeat(e.digitAmount),fieldMonthPlaceholder:e=>e.contentType==="letter"?"MMMM":"MM",fieldDayPlaceholder:()=>"DD",fieldWeekDayPlaceholder:e=>e.contentType==="letter"?"EEEE":"EE",fieldHoursPlaceholder:()=>"hh",fieldMinutesPlaceholder:()=>"mm",fieldSecondsPlaceholder:()=>"ss",fieldMeridiemPlaceholder:()=>"aa",year:"Year",month:"Month",day:"Day",weekDay:"Week day",hours:"Hours",minutes:"Minutes",seconds:"Seconds",meridiem:"Meridiem",empty:"Empty"},ur=vn;cr(vn);const Le=()=>{const e=m.useContext(Pt);if(e===null)throw new Error(["MUI X: Can not find the date and time pickers localization context.","It looks like you forgot to wrap your component in LocalizationProvider.","This can also happen if you are bundling multiple versions of the `@mui/x-date-pickers` package"].join(`
 `));if(e.utils===null)throw new Error(["MUI X: Can not find the date and time pickers adapter from its localization context.","It looks like you forgot to pass a `dateAdapter` to your LocalizationProvider."].join(`

package/dist/assets/{useOdysseyDateFields-DPSkeXJj.js → useOdysseyDateFields-_3ZdpiPL.js}

@@ -1,4 +1,4 @@
-import{K as ot,u as sr,h as ir,b as ar,Z as or,$ as lr,N as ur}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as D}from"./index-NdkWRN8K.js";import{M as pt}from"./Button-BEA5U6Tg.js";import{j as ge}from"./jsx-runtime-CnH95YSl.js";import{L as cr}from"./useMobilePicker-DZhX9dEQ.js";import{M as dr}from"./Autocomplete-Cpi_kUVA.js";import{g as fr,C as hr}from"./inputUtils-Dbi8XkA6.js";import{M as mr}from"./Calendar-_GPHtaRa.js";import{a as yr,M as gr}from"./ArrowRight-ChWYjNny.js";/*!
+import{K as ot,u as sr,h as ir,b as ar,Z as or,$ as lr,N as ur}from"./OdysseyThemeProvider-uYQ_l8PJ.js";import{r as D}from"./index-NdkWRN8K.js";import{M as pt}from"./Button-NJfX6YsF.js";import{j as ge}from"./jsx-runtime-CnH95YSl.js";import{L as cr}from"./useMobilePicker-DEUQ7oE6.js";import{M as dr}from"./Autocomplete-CWMUllEE.js";import{g as fr,C as hr}from"./inputUtils-Dbi8XkA6.js";import{M as mr}from"./Calendar-Cnn3LZfc.js";import{a as yr,M as gr}from"./ArrowRight-D4RDomjP.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.")
  *

package/dist/assets/{useScrollIndication-mYI-g6xa.js → useScrollIndication-DEbEqkqk.js}

@@ -1,4 +1,4 @@
-import{K as w,u as N}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as p}from"./index-NdkWRN8K.js";/*!
+import{K as w,u as N}from"./OdysseyThemeProvider-uYQ_l8PJ.js";import{r as p}from"./index-NdkWRN8K.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.")
  *

package/dist/assets/{useSlot-CvpE2t6D.js → useSlot-bWb1W-uo.js}

@@ -1 +1 @@
-import{_ as s,b as n}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as h,m as v,a as j}from"./resolveComponentProps-DXQ8X87i.js";import{u as k}from"./useIsFocusVisible-DH0qxT5e.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=h(O[o],p),P=v(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(b=>{delete w[b]}),[i,w]}export{z as u};
+import{_ as s,b as n}from"./OdysseyThemeProvider-uYQ_l8PJ.js";import{r as h,m as v,a as j}from"./resolveComponentProps-zX2d3UUb.js";import{u as k}from"./useIsFocusVisible-DH0qxT5e.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=h(O[o],p),P=v(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(b=>{delete w[b]}),[i,w]}export{z as u};

package/dist/assets/{FullScreenOverlay-BTMDlJhE.js → useStoryArgOrLocalState-CRQAGSTX.js}

@@ -1,4 +1,4 @@
-import{r as t}from"./index-NdkWRN8K.js";import{u as l,M as s}from"./OdysseyProvider-qIn9QVYS.js";import{j as a}from"./jsx-runtime-CnH95YSl.js";/*!
+/*!
  * Copyright (c) 2025-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,4 +8,4 @@ import{r as t}from"./index-NdkWRN8K.js";import{u as l,M as s}from"./OdysseyProvi
  * 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 m=({children:e})=>{const{overlayEmotionRootElement:o,overlayShadowRootElement:r}=l();return a.jsx(s,{emotionRootElement:o,hasScopedCssBaseline:!1,hasWrapperElement:!1,shadowRootElement:r,children:e})},n=t.memo(m);n.displayName="FullScreenOverlay";export{n as M};
+ */const{useArgs:g,useState:d}=__STORYBOOK_MODULE_PREVIEW_API__;function y(u){const{args:c,context:a,argKey:e,defaultValue:s,defaultStoryName:l="Default"}=u,n=a.viewMode==="docs",r=a.name===l,[{[e]:S},V]=g(),[_,f]=d(c[e]??s),t=n&&!r;return{value:t?_:S??s,setValue:o=>{t?f(o):V({[e]:o})},useLocalState:t}}export{y as u};

package/dist/assets/{useThemeProps-DwvbKxez.js → useThemeProps-4A-zY4M2.js}

@@ -1 +1 @@
-import{af as t,F as p}from"./OdysseyThemeProvider-Bh0Bu-2o.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 c({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,c as u};
+import{af as t,F as p}from"./OdysseyThemeProvider-uYQ_l8PJ.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 c({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,c as u};

package/dist/assets/useThemeProps-DOJ_m4Vc.js

@@ -0,0 +1 @@
+import{X as m,Y as o}from"./OdysseyThemeProvider-uYQ_l8PJ.js";import{u as s}from"./useThemeProps-4A-zY4M2.js";function a({props:e,name:r}){return s({props:e,name:r,defaultTheme:m,themeId:o})}export{a as u};

package/dist/assets/{useUniqueId-Bsgqe1tm.js → useUniqueId-DUzAQ6pl.js}

@@ -1,4 +1,4 @@
-import{r as o}from"./index-NdkWRN8K.js";import{c as t}from"./createUniqueId-ByTaVY63.js";/*!
+import{r as o}from"./index-NdkWRN8K.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/{utils-kUZVaD1e.js → utils-uddq32f3.js}

@@ -1 +1 @@
-import{e as x}from"./index-NdkWRN8K.js";import{F as C,Y as D,X as O,_ as k}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{_ as y}from"./inheritsLoose-CJ6Ie9dp.js";import{R as v}from"./index-B5xazMy1.js";import{T as N}from"./TransitionGroupContext-DAL84N7p.js";function P(){const a=C(O);return a[D]||a}const S={disabled:!1};var R=function(u){return u.scrollTop},m="unmounted",p="exited",f="entering",h="entered",T="exiting",l=function(a){y(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&&R(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 G=a=>a.scrollTop;function X(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,R as f,X as g,G as r,P as u};
+import{e as x}from"./index-NdkWRN8K.js";import{F as C,Y as D,X as O,_ as k}from"./OdysseyThemeProvider-uYQ_l8PJ.js";import{_ as y}from"./inheritsLoose-6wpAF9yl.js";import{R as v}from"./index-B5xazMy1.js";import{T as N}from"./TransitionGroupContext-DAL84N7p.js";function P(){const a=C(O);return a[D]||a}const S={disabled:!1};var R=function(u){return u.scrollTop},m="unmounted",p="exited",f="entering",h="entered",T="exiting",l=function(a){y(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&&R(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 G=a=>a.scrollTop;function X(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,R as f,X as g,G as r,P as u};

package/dist/cjs/Banner.cjs

@@ -32,10 +32,11 @@ const Banner = ({
   linkText,
   linkUrl,
   onClose,
+  onLinkClick,
   role,
   severity,
-  text,
   testId,
+  text,
   translate
 }) => {
   const {
@@ -53,8 +54,9 @@ const Banner = ({
     }), (0, _jsxRuntime.jsx)(_AlertTitle2.default, {
       translate: translate,
       children: text
-    }), linkUrl && (0, _jsxRuntime.jsx)(_Link.Link, {
-      href: linkUrl,
+    }), linkText && (0, _jsxRuntime.jsx)(_Link.Link, {
+      href: linkUrl ?? "#",
+      onClick: onLinkClick,
       rel: linkRel,
       target: linkTarget,
       translate: translate,

package/dist/cjs/Banner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.cjs","names":["_react","require","_i18n","_Link","_ScreenReaderText","_jsxRuntime","_interopRequireDefault","e","__esModule","default","bannerRoleValues","exports","bannerSeverityValues","Banner","linkRel","linkTarget","linkText","linkUrl","onClose","role","severity","text","testId","translate","t","useTranslation","jsxs","_Alert2","variant","children","jsx","ScreenReaderText","_AlertTitle2","Link","href","rel","target","MemoizedBanner","memo","displayName"],"sources":["../../src/Banner.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 { Alert, AlertColor, AlertProps, AlertTitle } from \"@mui/material\";\nimport { memo } from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { Link, LinkProps } from \"./Link.js\";\nimport { ScreenReaderText } from \"./ScreenReaderText.js\";\n\nexport const bannerRoleValues = [\"status\", \"alert\"] as const;\nexport const bannerSeverityValues: AlertColor[] = [\n  \"success\",\n  \"info\",\n  \"warning\",\n  \"error\",\n];\n\nexport type BannerProps = {\n  /**\n   * The function that's fired when the user clicks the close button. If undefined,\n   * the close button will not be shown.\n   */\n  onClose?: AlertProps[\"onClose\"];\n  /**\n   * Sets the ARIA role of the alert\n   * (\"status\" for something that dynamically updates, \"alert\" for errors, null for something\n   * unchanging)\n   */\n  role?: (typeof bannerRoleValues)[number];\n  /**\n   * Determine the color and icon of the alert\n   */\n  severity: (typeof bannerSeverityValues)[number];\n  /**\n   * The text content of the alert\n   */\n  text: string;\n} & Pick<HtmlProps, \"testId\" | \"translate\"> &\n  (\n    | {\n        linkRel?: LinkProps[\"rel\"];\n        linkTarget?: LinkProps[\"target\"];\n        linkText: string;\n        /**\n         * If defined, the Banner will include a link to the URL\n         */\n        linkUrl: LinkProps[\"href\"];\n      }\n    | {\n        linkRel?: never;\n        linkTarget?: never;\n        linkText?: never;\n        linkUrl?: never;\n      }\n  );\n\nconst Banner = ({\n  linkRel,\n  linkTarget,\n  linkText,\n  linkUrl,\n  onClose,\n  role,\n  severity,\n  text,\n  testId,\n  translate,\n}: BannerProps) => {\n  const { t } = useTranslation();\n\n  return (\n    <Alert\n      data-se={testId}\n      onClose={onClose}\n      role={role}\n      severity={severity}\n      variant=\"banner\"\n    >\n      <ScreenReaderText translate={translate}>\n        {t(`severity.${severity}`)}\n      </ScreenReaderText>\n      <AlertTitle translate={translate}>{text}</AlertTitle>\n      {linkUrl && (\n        <Link\n          href={linkUrl}\n          rel={linkRel}\n          target={linkTarget}\n          translate={translate}\n          variant=\"monochrome\"\n        >\n          {linkText}\n        </Link>\n      )}\n    </Alert>\n  );\n};\n\nconst MemoizedBanner = memo(Banner);\nMemoizedBanner.displayName = \"Banner\";\n\nexport { MemoizedBanner as Banner };\n"],"mappings":";;;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAAyD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAK,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAnBzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAWO,MAAMG,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAU;AACrD,MAAME,oBAAkC,GAAAD,OAAA,CAAAC,oBAAA,GAAG,CAChD,SAAS,EACT,MAAM,EACN,SAAS,EACT,OAAO,CACR;AAyCD,MAAMC,MAAM,GAAGA,CAAC;EACdC,OAAO;EACPC,UAAU;EACVC,QAAQ;EACRC,OAAO;EACPC,OAAO;EACPC,IAAI;EACJC,QAAQ;EACRC,IAAI;EACJC,MAAM;EACNC;AACW,CAAC,KAAK;EACjB,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,oBAAc,EAAC,CAAC;EAE9B,OACE,IAAApB,WAAA,CAAAqB,IAAA,EAAAC,OAAA,CAAAlB,OAAA;IACE,WAASa,MAAO;IAChBJ,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXC,QAAQ,EAAEA,QAAS;IACnBQ,OAAO,EAAC,QAAQ;IAAAC,QAAA,GAEhB,IAAAxB,WAAA,CAAAyB,GAAA,EAAC1B,iBAAA,CAAA2B,gBAAgB;MAACR,SAAS,EAAEA,SAAU;MAAAM,QAAA,EACpCL,CAAC,CAAC,YAAYJ,QAAQ,EAAE;IAAC,CACV,CAAC,EACnB,IAAAf,WAAA,CAAAyB,GAAA,EAAAE,YAAA,CAAAvB,OAAA;MAAYc,SAAS,EAAEA,SAAU;MAAAM,QAAA,EAAER;IAAI,CAAa,CAAC,EACpDJ,OAAO,IACN,IAAAZ,WAAA,CAAAyB,GAAA,EAAC3B,KAAA,CAAA8B,IAAI;MACHC,IAAI,EAAEjB,OAAQ;MACdkB,GAAG,EAAErB,OAAQ;MACbsB,MAAM,EAAErB,UAAW;MACnBQ,SAAS,EAAEA,SAAU;MACrBK,OAAO,EAAC,YAAY;MAAAC,QAAA,EAEnBb;IAAQ,CACL,CACP;EAAA,CACI,CAAC;AAEZ,CAAC;AAED,MAAMqB,cAAc,GAAA1B,OAAA,CAAAE,MAAA,GAAG,IAAAyB,WAAI,EAACzB,MAAM,CAAC;AACnCwB,cAAc,CAACE,WAAW,GAAG,QAAQ","ignoreList":[]}
+{"version":3,"file":"Banner.cjs","names":["_react","require","_i18n","_Link","_ScreenReaderText","_jsxRuntime","_interopRequireDefault","e","__esModule","default","bannerRoleValues","exports","bannerSeverityValues","Banner","linkRel","linkTarget","linkText","linkUrl","onClose","onLinkClick","role","severity","testId","text","translate","t","useTranslation","jsxs","_Alert2","variant","children","jsx","ScreenReaderText","_AlertTitle2","Link","href","onClick","rel","target","MemoizedBanner","memo","displayName"],"sources":["../../src/Banner.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 { Alert, AlertColor, AlertProps, AlertTitle } from \"@mui/material\";\nimport { memo } from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { Link, LinkProps } from \"./Link.js\";\nimport { ScreenReaderText } from \"./ScreenReaderText.js\";\n\nexport const bannerRoleValues = [\"status\", \"alert\"] as const;\nexport const bannerSeverityValues: AlertColor[] = [\n  \"success\",\n  \"info\",\n  \"warning\",\n  \"error\",\n];\n\nexport type BannerProps = {\n  /**\n   * The function that's fired when the user clicks the close button. If undefined,\n   * the close button will not be shown.\n   */\n  onClose?: AlertProps[\"onClose\"];\n  /**\n   * Sets the ARIA role of the alert\n   * (\"status\" for something that dynamically updates, \"alert\" for errors, null for something\n   * unchanging)\n   */\n  role?: (typeof bannerRoleValues)[number];\n  /**\n   * Determine the color and icon of the alert\n   */\n  severity: (typeof bannerSeverityValues)[number];\n  /**\n   * The text content of the alert\n   */\n  text: string;\n} & Pick<HtmlProps, \"testId\" | \"translate\"> &\n  // if linkText is provided, either linkUrl or onLinkClick must be provided\n  (| {\n        linkRel?: LinkProps[\"rel\"];\n        linkTarget?: LinkProps[\"target\"];\n        linkText: string;\n        linkUrl: LinkProps[\"href\"];\n        onLinkClick?: never;\n      }\n    | {\n        linkRel?: never;\n        linkTarget?: never;\n        linkText: string;\n        linkUrl?: never;\n        onLinkClick: LinkProps[\"onClick\"];\n      }\n    | {\n        linkRel?: never;\n        linkTarget?: never;\n        linkText?: never;\n        linkUrl?: never;\n        onLinkClick?: never;\n      }\n  );\n\nconst Banner = ({\n  linkRel,\n  linkTarget,\n  linkText,\n  linkUrl,\n  onClose,\n  onLinkClick,\n  role,\n  severity,\n  testId,\n  text,\n  translate,\n}: BannerProps) => {\n  const { t } = useTranslation();\n\n  return (\n    <Alert\n      data-se={testId}\n      onClose={onClose}\n      role={role}\n      severity={severity}\n      variant=\"banner\"\n    >\n      <ScreenReaderText translate={translate}>\n        {t(`severity.${severity}`)}\n      </ScreenReaderText>\n      <AlertTitle translate={translate}>{text}</AlertTitle>\n      {linkText && (\n        <Link\n          href={linkUrl ?? \"#\"}\n          onClick={onLinkClick}\n          rel={linkRel}\n          target={linkTarget}\n          translate={translate}\n          variant=\"monochrome\"\n        >\n          {linkText}\n        </Link>\n      )}\n    </Alert>\n  );\n};\n\nconst MemoizedBanner = memo(Banner);\nMemoizedBanner.displayName = \"Banner\";\n\nexport { MemoizedBanner as Banner };\n"],"mappings":";;;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAAyD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAK,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAnBzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAWO,MAAMG,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAU;AACrD,MAAME,oBAAkC,GAAAD,OAAA,CAAAC,oBAAA,GAAG,CAChD,SAAS,EACT,MAAM,EACN,SAAS,EACT,OAAO,CACR;AA+CD,MAAMC,MAAM,GAAGA,CAAC;EACdC,OAAO;EACPC,UAAU;EACVC,QAAQ;EACRC,OAAO;EACPC,OAAO;EACPC,WAAW;EACXC,IAAI;EACJC,QAAQ;EACRC,MAAM;EACNC,IAAI;EACJC;AACW,CAAC,KAAK;EACjB,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,oBAAc,EAAC,CAAC;EAE9B,OACE,IAAArB,WAAA,CAAAsB,IAAA,EAAAC,OAAA,CAAAnB,OAAA;IACE,WAASa,MAAO;IAChBJ,OAAO,EAAEA,OAAQ;IACjBE,IAAI,EAAEA,IAAK;IACXC,QAAQ,EAAEA,QAAS;IACnBQ,OAAO,EAAC,QAAQ;IAAAC,QAAA,GAEhB,IAAAzB,WAAA,CAAA0B,GAAA,EAAC3B,iBAAA,CAAA4B,gBAAgB;MAACR,SAAS,EAAEA,SAAU;MAAAM,QAAA,EACpCL,CAAC,CAAC,YAAYJ,QAAQ,EAAE;IAAC,CACV,CAAC,EACnB,IAAAhB,WAAA,CAAA0B,GAAA,EAAAE,YAAA,CAAAxB,OAAA;MAAYe,SAAS,EAAEA,SAAU;MAAAM,QAAA,EAAEP;IAAI,CAAa,CAAC,EACpDP,QAAQ,IACP,IAAAX,WAAA,CAAA0B,GAAA,EAAC5B,KAAA,CAAA+B,IAAI;MACHC,IAAI,EAAElB,OAAO,IAAI,GAAI;MACrBmB,OAAO,EAAEjB,WAAY;MACrBkB,GAAG,EAAEvB,OAAQ;MACbwB,MAAM,EAAEvB,UAAW;MACnBS,SAAS,EAAEA,SAAU;MACrBK,OAAO,EAAC,YAAY;MAAAC,QAAA,EAEnBd;IAAQ,CACL,CACP;EAAA,CACI,CAAC;AAEZ,CAAC;AAED,MAAMuB,cAAc,GAAA5B,OAAA,CAAAE,MAAA,GAAG,IAAA2B,WAAI,EAAC3B,MAAM,CAAC;AACnC0B,cAAc,CAACE,WAAW,GAAG,QAAQ","ignoreList":[]}

package/dist/cjs/Callout.cjs

@@ -45,6 +45,7 @@ const Callout = ({
   linkTarget,
   linkText,
   linkUrl,
+  onLinkClick,
   role,
   severity,
   testId,
@@ -76,9 +77,10 @@ const Callout = ({
         children: children
       }), text && (0, _jsxRuntime.jsx)(_Typography.Paragraph, {
         children: text
-      }), linkUrl && (0, _jsxRuntime.jsx)(_Box2.default, {
+      }), linkText && (0, _jsxRuntime.jsx)(_Box2.default, {
         children: (0, _jsxRuntime.jsx)(_Link.Link, {
-          href: linkUrl,
+          href: linkUrl ?? "#",
+          onClick: onLinkClick,
           rel: linkRel,
           target: linkTarget,
           variant: "monochrome",

package/dist/cjs/Callout.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Callout.cjs","names":["_styled","_interopRequireDefault","require","_react","_i18n","_Link","_OdysseyDesignTokensContext","_Typography","_useUniqueId","_jsxRuntime","e","__esModule","default","calloutRoleValues","exports","calloutSeverityValues","ContentContainer","styled","shouldForwardProp","prop","odysseyDesignTokens","marginBlockStart","Spacing4","Callout","children","linkRel","linkTarget","linkText","linkUrl","role","severity","testId","text","title","translate","t","useTranslation","useOdysseyDesignTokens","titleId","useUniqueId","jsxs","_Alert2","variant","jsx","_AlertTitle2","id","_Box2","component","Paragraph","Link","href","rel","target","MemoizedCallout","memo","displayName"],"sources":["../../src/Callout.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 styled from \"@emotion/styled\";\nimport { Alert, AlertTitle, Box } from \"@mui/material\";\nimport { memo, ReactNode } from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { Link, LinkProps } from \"./Link.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { Paragraph } from \"./Typography.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\n\nexport const calloutRoleValues = [\"status\", \"alert\"] as const;\nexport const calloutSeverityValues = [\n  \"success\",\n  \"info\",\n  \"warning\",\n  \"error\",\n] as const;\n\nexport type CalloutProps = {\n  /**\n   * Used to optionally pass a text list to the component\n   */\n  children?: ReactNode;\n  /**\n   * Sets the ARIA role of the Callout\n   * (\"status\" for something that dynamically updates, \"alert\" for errors, null for something\n   * unchanging)\n   */\n  role?: (typeof calloutRoleValues)[number];\n  /**\n   * Determine the color and icon of the Callout\n   */\n  severity: (typeof calloutSeverityValues)[number];\n  /**\n   * The text content of the Callout\n   */\n  text?: string;\n  /**\n   * The title of the Callout\n   */\n  title?: string;\n} & (\n  | {\n      children?: never;\n      text: string;\n    }\n  | {\n      children: ReactNode;\n      text?: never;\n    }\n) &\n  (\n    | {\n        linkRel?: LinkProps[\"rel\"];\n        linkTarget?: LinkProps[\"target\"];\n        linkText: string;\n        /**\n         * If defined, the Callout will include a link to the URL\n         */\n        linkUrl: LinkProps[\"href\"];\n      }\n    | {\n        linkRel?: never;\n        linkTarget?: never;\n        linkText?: never;\n        linkUrl?: never;\n      }\n  ) &\n  Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst ContentContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  \"& > * + *\": {\n    marginBlockStart: odysseyDesignTokens.Spacing4,\n  },\n}));\n\nconst Callout = ({\n  children,\n  linkRel,\n  linkTarget,\n  linkText,\n  linkUrl,\n  role,\n  severity,\n  testId,\n  text,\n  title,\n  translate,\n}: CalloutProps) => {\n  const { t } = useTranslation();\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const titleId = useUniqueId();\n\n  return (\n    <Alert\n      aria-label={t(`severity.${severity}`)}\n      aria-labelledby={titleId}\n      data-se={testId}\n      role={role}\n      severity={severity}\n      variant=\"callout\"\n    >\n      {title && (\n        <AlertTitle aria-hidden id={titleId} translate={translate}>\n          {title}\n        </AlertTitle>\n      )}\n\n      <ContentContainer odysseyDesignTokens={odysseyDesignTokens}>\n        {children && <Box component=\"div\">{children}</Box>}\n        {text && <Paragraph>{text}</Paragraph>}\n        {linkUrl && (\n          <Box>\n            <Link\n              href={linkUrl}\n              rel={linkRel}\n              target={linkTarget}\n              variant=\"monochrome\"\n            >\n              {linkText}\n            </Link>\n          </Box>\n        )}\n      </ContentContainer>\n    </Alert>\n  );\n};\n\nconst MemoizedCallout = memo(Callout);\nMemoizedCallout.displayName = \"Callout\";\n\nexport { MemoizedCallout as Callout };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Callout.cjs","names":["_styled","_interopRequireDefault","require","_react","_i18n","_Link","_OdysseyDesignTokensContext","_Typography","_useUniqueId","_jsxRuntime","e","__esModule","default","calloutRoleValues","exports","calloutSeverityValues","ContentContainer","styled","shouldForwardProp","prop","odysseyDesignTokens","marginBlockStart","Spacing4","Callout","children","linkRel","linkTarget","linkText","linkUrl","onLinkClick","role","severity","testId","text","title","translate","t","useTranslation","useOdysseyDesignTokens","titleId","useUniqueId","jsxs","_Alert2","variant","jsx","_AlertTitle2","id","_Box2","component","Paragraph","Link","href","onClick","rel","target","MemoizedCallout","memo","displayName"],"sources":["../../src/Callout.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 styled from \"@emotion/styled\";\nimport { Alert, AlertTitle, Box } from \"@mui/material\";\nimport { memo, ReactNode } from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { Link, LinkProps } from \"./Link.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { Paragraph } from \"./Typography.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\n\nexport const calloutRoleValues = [\"status\", \"alert\"] as const;\nexport const calloutSeverityValues = [\n  \"success\",\n  \"info\",\n  \"warning\",\n  \"error\",\n] as const;\n\nexport type CalloutProps = {\n  /**\n   * Used to optionally pass a text list to the component\n   */\n  children?: ReactNode;\n  /**\n   * Sets the ARIA role of the Callout\n   * (\"status\" for something that dynamically updates, \"alert\" for errors, null for something\n   * unchanging)\n   */\n  role?: (typeof calloutRoleValues)[number];\n  /**\n   * Determine the color and icon of the Callout\n   */\n  severity: (typeof calloutSeverityValues)[number];\n  /**\n   * The text content of the Callout\n   */\n  text?: string;\n  /**\n   * The title of the Callout\n   */\n  title?: string;\n} & (\n  | {\n      children?: never;\n      text: string;\n    }\n  | {\n      children: ReactNode;\n      text?: never;\n    }\n) &\n  // if linkText is provided, either linkUrl or onLinkClick must be provided\n  (| {\n        linkRel?: LinkProps[\"rel\"];\n        linkTarget?: LinkProps[\"target\"];\n        linkText: string;\n        linkUrl: LinkProps[\"href\"];\n        onLinkClick?: never;\n      }\n    | {\n        linkRel?: never;\n        linkTarget?: never;\n        linkText: string;\n        linkUrl?: never;\n        onLinkClick: LinkProps[\"onClick\"];\n      }\n    | {\n        linkRel?: never;\n        linkTarget?: never;\n        linkText?: never;\n        linkUrl?: never;\n        onLinkClick?: never;\n      }\n  ) &\n  Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst ContentContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  \"& > * + *\": {\n    marginBlockStart: odysseyDesignTokens.Spacing4,\n  },\n}));\n\nconst Callout = ({\n  children,\n  linkRel,\n  linkTarget,\n  linkText,\n  linkUrl,\n  onLinkClick,\n  role,\n  severity,\n  testId,\n  text,\n  title,\n  translate,\n}: CalloutProps) => {\n  const { t } = useTranslation();\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const titleId = useUniqueId();\n\n  return (\n    <Alert\n      aria-label={t(`severity.${severity}`)}\n      aria-labelledby={titleId}\n      data-se={testId}\n      role={role}\n      severity={severity}\n      variant=\"callout\"\n    >\n      {title && (\n        <AlertTitle aria-hidden id={titleId} translate={translate}>\n          {title}\n        </AlertTitle>\n      )}\n\n      <ContentContainer odysseyDesignTokens={odysseyDesignTokens}>\n        {children && <Box component=\"div\">{children}</Box>}\n        {text && <Paragraph>{text}</Paragraph>}\n        {linkText && (\n          <Box>\n            <Link\n              href={linkUrl ?? \"#\"}\n              onClick={onLinkClick}\n              rel={linkRel}\n              target={linkTarget}\n              variant=\"monochrome\"\n            >\n              {linkText}\n            </Link>\n          </Box>\n        )}\n      </ContentContainer>\n    </Alert>\n  );\n};\n\nconst MemoizedCallout = memo(Callout);\nMemoizedCallout.displayName = \"Callout\";\n\nexport { MemoizedCallout as Callout };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/ConditionalWrapper.cjs

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConditionalWrapper = void 0;
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+/*!
+ * Copyright (c) 2025-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 ConditionalWrapper = ({
+  isWrapped,
+  Wrapper,
+  children
+}) => isWrapped ? Wrapper(children) : (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+  children: children
+});
+const MemoizedConditionalWrapper = exports.ConditionalWrapper = (0, _react.memo)(ConditionalWrapper);
+MemoizedConditionalWrapper.displayName = "ConditionalWrapper";
+//# sourceMappingURL=ConditionalWrapper.cjs.map

package/dist/cjs/ConditionalWrapper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionalWrapper.cjs","names":["_react","require","_jsxRuntime","ConditionalWrapper","isWrapped","Wrapper","children","jsx","Fragment","MemoizedConditionalWrapper","exports","memo","displayName"],"sources":["../../src/ConditionalWrapper.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 { memo, ReactNode } from \"react\";\n\nexport type ConditionalWrapperProps = {\n  children: ReactNode;\n  isWrapped: boolean;\n  Wrapper: (children: ReactNode) => ReactNode;\n};\n\nconst ConditionalWrapper = ({\n  isWrapped,\n  Wrapper,\n  children,\n}: ConditionalWrapperProps) =>\n  isWrapped ? Wrapper(children) : <>{children}</>;\n\nconst MemoizedConditionalWrapper = memo(ConditionalWrapper);\nMemoizedConditionalWrapper.displayName = \"ConditionalWrapper\";\n\nexport { MemoizedConditionalWrapper as ConditionalWrapper };\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAAwC,IAAAC,WAAA,GAAAD,OAAA;AAZxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAUA,MAAME,kBAAkB,GAAGA,CAAC;EAC1BC,SAAS;EACTC,OAAO;EACPC;AACuB,CAAC,KACxBF,SAAS,GAAGC,OAAO,CAACC,QAAQ,CAAC,GAAG,IAAAJ,WAAA,CAAAK,GAAA,EAAAL,WAAA,CAAAM,QAAA;EAAAF,QAAA,EAAGA;AAAQ,CAAG,CAAC;AAEjD,MAAMG,0BAA0B,GAAAC,OAAA,CAAAP,kBAAA,GAAG,IAAAQ,WAAI,EAACR,kBAAkB,CAAC;AAC3DM,0BAA0B,CAACG,WAAW,GAAG,oBAAoB","ignoreList":[]}

package/dist/cjs/Dialog.cjs

@@ -73,6 +73,7 @@ const Dialog = ({
   const actionButtons = [tertiaryCallToActionComponent || callToActionLastComponent, secondaryCallToActionComponent || callToActionSecondComponent, primaryCallToActionComponent || callToActionFirstComponent].filter(Boolean);
   const handleCloseButtonClick = (0, _react.useCallback)(event => onClose(event, "closeButtonClick"), [onClose]);
   return (0, _jsxRuntime.jsx)(_FullScreenOverlay.FullScreenOverlay, {
+    overlayType: "dialog",
     children: (0, _jsxRuntime.jsxs)(_Dialog2.default, {
       "aria-labelledby": dialogLabelId,
       "data-se": testId,

package/dist/cjs/Dialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.cjs","names":["_react","require","_Button","_FullScreenOverlay","_i18n","_index","_useUniqueId","_jsxRuntime","_interopRequireDefault","e","__esModule","default","Dialog","primaryCallToActionComponent","secondaryCallToActionComponent","tertiaryCallToActionComponent","callToActionFirstComponent","callToActionSecondComponent","callToActionLastComponent","children","isOpen","onClose","testId","title","translate","t","useTranslation","isContentScrollable","setIsContentScrollable","useState","dialogContentRef","useRef","dialogTitleId","useUniqueId","dialogLabelId","useEffect","frameId","handleContentScroll","dialogContentElement","current","cancelAnimationFrame","scrollHeight","clientHeight","requestAnimationFrame","content","jsx","_DialogContentText2","actionButtons","filter","Boolean","handleCloseButtonClick","useCallback","event","FullScreenOverlay","jsxs","_Dialog2","open","_DialogTitle2","id","Button","ariaLabel","onClick","size","startIcon","CloseIcon","variant","_DialogContent2","tabIndex","dividers","ref","length","_DialogActions2","map","actionButton","index","cloneElement","key","MemoizedDialog","exports","memo","displayName"],"sources":["../../src/Dialog.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 {\n  Dialog as MuiDialog,\n  DialogActions as MuiDialogActions,\n  DialogContent as MuiDialogContent,\n  DialogContentText as MuiDialogContentText,\n  DialogProps as MuiDialogProps,\n  DialogTitle as MuiDialogTitle,\n} from \"@mui/material\";\nimport {\n  cloneElement,\n  memo,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Button, ButtonProps } from \"./Buttons/Button.js\";\nimport { FullScreenOverlay } from \"./FullScreenOverlay.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { CloseIcon } from \"./icons.generated/index.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\n\ntype MuiOnCloseEvent = Parameters<Required<MuiDialogProps>[\"onClose\"]>[0];\ntype MuiOnCloseReason = Parameters<Required<MuiDialogProps>[\"onClose\"]>[1];\nexport type DialogOnCloseReason = MuiOnCloseReason | \"closeButtonClick\";\n\nexport type DialogProps = {\n  /**\n   * @deprecated `aria-label` for close button comes from translation file\n   */\n  ariaLabel?: string;\n\n  /**\n   * @deprecated Will be removed in a future Odyssey version. Use `primaryCallToActionComponent` instead.\n   */\n  callToActionFirstComponent?: ReactElement<typeof Button>;\n  /**\n   * @deprecated Will be removed in a future Odyssey version. Use `tertiaryCallToActionComponent` instead.\n   */\n  callToActionLastComponent?: ReactElement<typeof Button>;\n  /**\n   * @deprecated Will be removed in a future Odyssey version. Use `secondaryCallToActionComponent` instead.\n   */\n  callToActionSecondComponent?: ReactElement<typeof Button>;\n  /**\n   * The content of the Dialog. May be a `string` or any other `ReactNode` or array of `ReactNode`s.\n   */\n  children: ReactNode;\n  /**\n   * When set to `true`, the Dialog will be visible.\n   */\n  isOpen: boolean;\n  /**\n   * Callback that controls what happens when the Dialog is dismissed.\n   */\n  onClose: (event: MuiOnCloseEvent, reason: DialogOnCloseReason) => void;\n  /**\n   * An optional Button object to be situated in the Dialog footer as the primary call to action.\n   */\n  primaryCallToActionComponent?: ReactElement<typeof Button>;\n\n  /**\n   * An optional Button object to be situated in the Dialog footer as the secondary call to action, alongside the `primaryCallToActionComponent`.\n   */\n  secondaryCallToActionComponent?: ReactElement<typeof Button>;\n\n  /**\n   * An optional Button object to be situated in the Dialog footer as the tertiary call to action, alongside the other `callToAction` components.\n   */\n  tertiaryCallToActionComponent?: ReactElement<typeof Button>;\n\n  /**\n   * The title of the Dialog.\n   */\n  title: string;\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst Dialog = ({\n  primaryCallToActionComponent,\n  secondaryCallToActionComponent,\n  tertiaryCallToActionComponent,\n  callToActionFirstComponent,\n  callToActionSecondComponent,\n  callToActionLastComponent,\n  children,\n  isOpen,\n  onClose,\n  testId,\n  title,\n  translate,\n}: DialogProps) => {\n  const { t } = useTranslation();\n  const [isContentScrollable, setIsContentScrollable] = useState(false);\n  const dialogContentRef = useRef<HTMLDivElement>(null);\n  const dialogTitleId = useUniqueId();\n  const dialogLabelId = useUniqueId();\n\n  useEffect(() => {\n    let frameId: number;\n\n    const handleContentScroll = () => {\n      const dialogContentElement = dialogContentRef.current;\n      if (dialogContentElement) {\n        cancelAnimationFrame(frameId);\n        setIsContentScrollable(\n          dialogContentElement.scrollHeight > dialogContentElement.clientHeight,\n        );\n      }\n      frameId = requestAnimationFrame(handleContentScroll);\n    };\n\n    if (isOpen) {\n      frameId = requestAnimationFrame(handleContentScroll);\n    }\n\n    return () => {\n      cancelAnimationFrame(frameId);\n    };\n  }, [isOpen]);\n\n  const content =\n    typeof children === \"string\" ? (\n      <MuiDialogContentText>{children}</MuiDialogContentText>\n    ) : (\n      children\n    );\n\n  // Prioritize new action button format (|| used as a fallback)\n  const actionButtons = [\n    tertiaryCallToActionComponent || callToActionLastComponent,\n    secondaryCallToActionComponent || callToActionSecondComponent,\n    primaryCallToActionComponent || callToActionFirstComponent,\n  ].filter(Boolean);\n\n  const handleCloseButtonClick = useCallback<\n    NonNullable<ButtonProps[\"onClick\"]>\n  >((event) => onClose(event, \"closeButtonClick\"), [onClose]);\n\n  return (\n    <FullScreenOverlay>\n      <MuiDialog\n        aria-labelledby={dialogLabelId}\n        data-se={testId}\n        onClose={onClose}\n        open={isOpen}\n      >\n        <MuiDialogTitle\n          id={dialogTitleId} // We need to explicitly unset `id` for MUI to automatically set it based on the `aria-labelledby` prop passed to `MuiDialog`\n          translate={translate}\n        >\n          <span id={dialogLabelId}>{title}</span>\n          <Button\n            ariaLabel={t(\"close.text\")}\n            onClick={handleCloseButtonClick}\n            size=\"small\"\n            startIcon={<CloseIcon />}\n            variant=\"floating\"\n          />\n        </MuiDialogTitle>\n\n        <MuiDialogContent\n          {...(isContentScrollable && {\n            // Sets tabIndex on content element if scrollable so content is easier to navigate with the keyboard\n            tabIndex: 0,\n          })}\n          dividers={isContentScrollable}\n          ref={dialogContentRef}\n        >\n          {content}\n        </MuiDialogContent>\n\n        {actionButtons.length > 0 && (\n          <MuiDialogActions>\n            {actionButtons.map((actionButton, index) =>\n              actionButton ? cloneElement(actionButton, { key: index }) : null,\n            )}\n          </MuiDialogActions>\n        )}\n      </MuiDialog>\n    </FullScreenOverlay>\n  );\n};\n\nconst MemoizedDialog = memo(Dialog);\nMemoizedDialog.displayName = \"Dialog\";\n\nexport { MemoizedDialog as Dialog };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Dialog.cjs","names":["_react","require","_Button","_FullScreenOverlay","_i18n","_index","_useUniqueId","_jsxRuntime","_interopRequireDefault","e","__esModule","default","Dialog","primaryCallToActionComponent","secondaryCallToActionComponent","tertiaryCallToActionComponent","callToActionFirstComponent","callToActionSecondComponent","callToActionLastComponent","children","isOpen","onClose","testId","title","translate","t","useTranslation","isContentScrollable","setIsContentScrollable","useState","dialogContentRef","useRef","dialogTitleId","useUniqueId","dialogLabelId","useEffect","frameId","handleContentScroll","dialogContentElement","current","cancelAnimationFrame","scrollHeight","clientHeight","requestAnimationFrame","content","jsx","_DialogContentText2","actionButtons","filter","Boolean","handleCloseButtonClick","useCallback","event","FullScreenOverlay","overlayType","jsxs","_Dialog2","open","_DialogTitle2","id","Button","ariaLabel","onClick","size","startIcon","CloseIcon","variant","_DialogContent2","tabIndex","dividers","ref","length","_DialogActions2","map","actionButton","index","cloneElement","key","MemoizedDialog","exports","memo","displayName"],"sources":["../../src/Dialog.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 {\n  Dialog as MuiDialog,\n  DialogActions as MuiDialogActions,\n  DialogContent as MuiDialogContent,\n  DialogContentText as MuiDialogContentText,\n  DialogProps as MuiDialogProps,\n  DialogTitle as MuiDialogTitle,\n} from \"@mui/material\";\nimport {\n  cloneElement,\n  memo,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Button, ButtonProps } from \"./Buttons/Button.js\";\nimport { FullScreenOverlay } from \"./FullScreenOverlay.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { CloseIcon } from \"./icons.generated/index.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\n\ntype MuiOnCloseEvent = Parameters<Required<MuiDialogProps>[\"onClose\"]>[0];\ntype MuiOnCloseReason = Parameters<Required<MuiDialogProps>[\"onClose\"]>[1];\nexport type DialogOnCloseReason = MuiOnCloseReason | \"closeButtonClick\";\n\nexport type DialogProps = {\n  /**\n   * @deprecated `aria-label` for close button comes from translation file\n   */\n  ariaLabel?: string;\n\n  /**\n   * @deprecated Will be removed in a future Odyssey version. Use `primaryCallToActionComponent` instead.\n   */\n  callToActionFirstComponent?: ReactElement<typeof Button>;\n  /**\n   * @deprecated Will be removed in a future Odyssey version. Use `tertiaryCallToActionComponent` instead.\n   */\n  callToActionLastComponent?: ReactElement<typeof Button>;\n  /**\n   * @deprecated Will be removed in a future Odyssey version. Use `secondaryCallToActionComponent` instead.\n   */\n  callToActionSecondComponent?: ReactElement<typeof Button>;\n  /**\n   * The content of the Dialog. May be a `string` or any other `ReactNode` or array of `ReactNode`s.\n   */\n  children: ReactNode;\n  /**\n   * When set to `true`, the Dialog will be visible.\n   */\n  isOpen: boolean;\n  /**\n   * Callback that controls what happens when the Dialog is dismissed.\n   */\n  onClose: (event: MuiOnCloseEvent, reason: DialogOnCloseReason) => void;\n  /**\n   * An optional Button object to be situated in the Dialog footer as the primary call to action.\n   */\n  primaryCallToActionComponent?: ReactElement<typeof Button>;\n\n  /**\n   * An optional Button object to be situated in the Dialog footer as the secondary call to action, alongside the `primaryCallToActionComponent`.\n   */\n  secondaryCallToActionComponent?: ReactElement<typeof Button>;\n\n  /**\n   * An optional Button object to be situated in the Dialog footer as the tertiary call to action, alongside the other `callToAction` components.\n   */\n  tertiaryCallToActionComponent?: ReactElement<typeof Button>;\n\n  /**\n   * The title of the Dialog.\n   */\n  title: string;\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst Dialog = ({\n  primaryCallToActionComponent,\n  secondaryCallToActionComponent,\n  tertiaryCallToActionComponent,\n  callToActionFirstComponent,\n  callToActionSecondComponent,\n  callToActionLastComponent,\n  children,\n  isOpen,\n  onClose,\n  testId,\n  title,\n  translate,\n}: DialogProps) => {\n  const { t } = useTranslation();\n  const [isContentScrollable, setIsContentScrollable] = useState(false);\n  const dialogContentRef = useRef<HTMLDivElement>(null);\n  const dialogTitleId = useUniqueId();\n  const dialogLabelId = useUniqueId();\n\n  useEffect(() => {\n    let frameId: number;\n\n    const handleContentScroll = () => {\n      const dialogContentElement = dialogContentRef.current;\n      if (dialogContentElement) {\n        cancelAnimationFrame(frameId);\n        setIsContentScrollable(\n          dialogContentElement.scrollHeight > dialogContentElement.clientHeight,\n        );\n      }\n      frameId = requestAnimationFrame(handleContentScroll);\n    };\n\n    if (isOpen) {\n      frameId = requestAnimationFrame(handleContentScroll);\n    }\n\n    return () => {\n      cancelAnimationFrame(frameId);\n    };\n  }, [isOpen]);\n\n  const content =\n    typeof children === \"string\" ? (\n      <MuiDialogContentText>{children}</MuiDialogContentText>\n    ) : (\n      children\n    );\n\n  // Prioritize new action button format (|| used as a fallback)\n  const actionButtons = [\n    tertiaryCallToActionComponent || callToActionLastComponent,\n    secondaryCallToActionComponent || callToActionSecondComponent,\n    primaryCallToActionComponent || callToActionFirstComponent,\n  ].filter(Boolean);\n\n  const handleCloseButtonClick = useCallback<\n    NonNullable<ButtonProps[\"onClick\"]>\n  >((event) => onClose(event, \"closeButtonClick\"), [onClose]);\n\n  return (\n    <FullScreenOverlay overlayType=\"dialog\">\n      <MuiDialog\n        aria-labelledby={dialogLabelId}\n        data-se={testId}\n        onClose={onClose}\n        open={isOpen}\n      >\n        <MuiDialogTitle\n          id={dialogTitleId} // We need to explicitly unset `id` for MUI to automatically set it based on the `aria-labelledby` prop passed to `MuiDialog`\n          translate={translate}\n        >\n          <span id={dialogLabelId}>{title}</span>\n          <Button\n            ariaLabel={t(\"close.text\")}\n            onClick={handleCloseButtonClick}\n            size=\"small\"\n            startIcon={<CloseIcon />}\n            variant=\"floating\"\n          />\n        </MuiDialogTitle>\n\n        <MuiDialogContent\n          {...(isContentScrollable && {\n            // Sets tabIndex on content element if scrollable so content is easier to navigate with the keyboard\n            tabIndex: 0,\n          })}\n          dividers={isContentScrollable}\n          ref={dialogContentRef}\n        >\n          {content}\n        </MuiDialogContent>\n\n        {actionButtons.length > 0 && (\n          <MuiDialogActions>\n            {actionButtons.map((actionButton, index) =>\n              actionButton ? cloneElement(actionButton, { key: index }) : null,\n            )}\n          </MuiDialogActions>\n        )}\n      </MuiDialog>\n    </FullScreenOverlay>\n  );\n};\n\nconst MemoizedDialog = memo(Dialog);\nMemoizedDialog.displayName = \"Dialog\";\n\nexport { MemoizedDialog as Dialog };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Drawer.cjs

@@ -187,6 +187,7 @@ const Drawer = ({
     })
   }), [anchorDirection, ariaLabel, children, dividersVisible, handleCloseButtonClick, hasFooter, isContentScrollable, isOpen, odysseyDesignTokens, onClose, primaryCallToActionComponent, secondaryCallToActionComponent, tertiaryCallToActionComponent, testId, title, translate, variant]);
   return variant === "temporary" ? (0, _jsxRuntime.jsx)(_FullScreenOverlay.FullScreenOverlay, {
+    overlayType: "drawer",
     children: muiDrawerComponent
   }) : muiDrawerComponent;
 };

package/dist/cjs/Drawer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.cjs","names":["_styled","_interopRequireDefault","require","_react","_Button","_FullScreenOverlay","_i18n","_index","_OdysseyDesignTokensContext","_Typography","_jsxRuntime","e","__esModule","default","variantValues","exports","DrawerHeader","styled","shouldForwardProp","prop","odysseyDesignTokens","Spacing4","Spacing5","HueNeutral900","HueNeutralWhite","hasDividers","HueNeutral200","DrawerContentWrapper","display","gridTemplateAreas","gridTemplateRows","overflow","DrawerContent","DrawerFooter","Drawer","ariaLabel","children","hasDividersProp","isOpen","onClose","primaryCallToActionComponent","secondaryCallToActionComponent","showDividers","tertiaryCallToActionComponent","testId","title","translate","variant","isContentScrollable","setIsContentScrollable","useState","drawerContentRef","useRef","useOdysseyDesignTokens","i18n","useTranslation","anchorDirection","dir","useEffect","frameId","handleContentScroll","drawerContentElement","current","cancelAnimationFrame","scrollHeight","clientHeight","requestAnimationFrame","dividersVisible","useMemo","hasFooter","handleCloseButtonClick","useCallback","event","muiDrawerComponent","jsx","_Drawer2","anchor","open","sx","transition","jsxs","Heading5","Button","onClick","size","startIcon","CloseIcon","tabIndex","ref","FullScreenOverlay","MemoizedDrawer","memo","displayName"],"sources":["../../src/Drawer.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-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 styled from \"@emotion/styled\";\nimport {\n  Drawer as MuiDrawer,\n  DrawerProps as MuiDrawerProps,\n} from \"@mui/material\";\nimport {\n  memo,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Button, ButtonProps } from \"./Buttons/Button.js\";\nimport { FullScreenOverlay } from \"./FullScreenOverlay.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { CloseIcon } from \"./icons.generated/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { Heading5 } from \"./Typography.js\";\n\ntype MuiOnCloseEvent = Parameters<Required<MuiDrawerProps>[\"onClose\"]>[0];\ntype MuiOnCloseReason = Parameters<Required<MuiDrawerProps>[\"onClose\"]>[1];\nexport type DrawerOnCloseReason = MuiOnCloseReason | \"closeButtonClick\";\n\nexport const variantValues = [\"temporary\", \"persistent\"] as const;\n\nexport type DrawerProps = {\n  /**\n   * The content of the Drawer. May be a `string` or any other `ReactNode` or array of `ReactNode`s.\n   */\n  children?: ReactNode;\n  /**\n   * When set to `true`, the Drawer will be visible.\n   */\n  isOpen?: boolean;\n  /**\n   * Callback that controls what happens when the Drawer is dismissed\n   */\n  onClose: (event: MuiOnCloseEvent, reason: DrawerOnCloseReason) => void;\n  /**\n   * An optional Button object to be situated in the Drawerfooter. Should almost always be of variant `primary`.\n   */\n  primaryCallToActionComponent?: ReactElement<typeof Button>;\n  /**\n   * An optional Button object to be situated in the Drawer footer, alongside the `callToActionPrimaryComponent`.\n   */\n  secondaryCallToActionComponent?: ReactElement<typeof Button>;\n  /**\n   * An optional Button object to be situated in the Drawer footer, alongside the other two `callToAction` components.\n   */\n  tertiaryCallToActionComponent?: ReactElement<typeof Button>;\n  /**\n   * The title of the Drawer\n   */\n  title?: string;\n  /**\n   * Type of Drawer\n   */\n  variant?: (typeof variantValues)[number];\n} & Pick<HtmlProps, \"ariaLabel\" | \"testId\" | \"translate\"> &\n  (\n    | {\n        /**\n         * Shows divider lines separating header, content, and footer (if using action buttons).\n         */\n        hasDividers?: never;\n        /**\n         * @deprecated use `hasDividers` instead.\n         *\n         * Shows divider lines separating header, content, and footer (if using action buttons).\n         */\n        showDividers: boolean;\n      }\n    | {\n        /**\n         * Shows divider lines separating header, content, and footer (if using action buttons).\n         */\n        hasDividers: boolean;\n        /**\n         * @deprecated use `hasDividers` instead.\n         *\n         * Shows divider lines separating header, content, and footer (if using action buttons).\n         */\n        showDividers?: never;\n      }\n  );\n\ntype DrawerStyleProps = {\n  hasDividers: boolean;\n  odysseyDesignTokens: DesignTokens;\n};\n\nconst DrawerHeader = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"hasDividers\",\n})<DrawerStyleProps>`\n  grid-area: header;\n  position: sticky;\n  top: 0;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin: 0;\n  padding: ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing4}\n    ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing5};\n  color: ${({ odysseyDesignTokens }) => odysseyDesignTokens.HueNeutral900};\n  background-color: ${({ odysseyDesignTokens }) =>\n    odysseyDesignTokens.HueNeutralWhite};\n  border-bottom: ${({ hasDividers, odysseyDesignTokens }) =>\n    hasDividers ? `1px solid ${odysseyDesignTokens.HueNeutral200}` : \"none\"};\n`;\n\nconst DrawerContentWrapper = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>({\n  display: \"grid\",\n  gridTemplateAreas: `\n    \"header\"\n    \"content\"\n    \"footer\"\n  `,\n  gridTemplateRows: \"auto 1fr auto\",\n  overflow: \"hidden\",\n});\n\nconst DrawerContent = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"hasDividers\",\n})<DrawerStyleProps>`\n  grid-area: content;\n  overflow-y: auto;\n  padding: ${({ hasDividers, odysseyDesignTokens }) =>\n    hasDividers\n      ? `${odysseyDesignTokens.Spacing5}`\n      : `0 ${odysseyDesignTokens.Spacing5}`};\n`;\n\nconst DrawerFooter = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"hasDividers\",\n})<DrawerStyleProps>`\n  grid-area: footer;\n  position: sticky;\n  bottom: 0;\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  align-content: center;\n  padding: ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing4};\n  border-top: ${({ hasDividers, odysseyDesignTokens }) =>\n    hasDividers ? `1px solid ${odysseyDesignTokens.HueNeutral200}` : \"none\"};\n  background-color: ${({ odysseyDesignTokens }) =>\n    odysseyDesignTokens.HueNeutralWhite};\n`;\n\nconst Drawer = ({\n  ariaLabel,\n  children,\n  hasDividers: hasDividersProp = false,\n  isOpen,\n  onClose,\n  primaryCallToActionComponent,\n  secondaryCallToActionComponent,\n  showDividers = false,\n  tertiaryCallToActionComponent,\n  testId,\n  title,\n  translate,\n  variant = \"temporary\",\n}: DrawerProps) => {\n  const [isContentScrollable, setIsContentScrollable] = useState(false);\n  const drawerContentRef = useRef<HTMLDivElement>(null);\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const hasDividers = hasDividersProp || showDividers;\n\n  //If RTL is set in the theme, align the drawer on the left side of the screen, uses right by default.\n  const { i18n } = useTranslation();\n  const anchorDirection = i18n.dir() === \"rtl\" ? \"left\" : \"right\";\n\n  useEffect(() => {\n    let frameId: number;\n\n    const handleContentScroll = () => {\n      const drawerContentElement = drawerContentRef.current;\n      if (drawerContentElement) {\n        cancelAnimationFrame(frameId);\n        setIsContentScrollable(\n          drawerContentElement.scrollHeight > drawerContentElement.clientHeight,\n        );\n      }\n      frameId = requestAnimationFrame(handleContentScroll);\n    };\n\n    if (isOpen) {\n      frameId = requestAnimationFrame(handleContentScroll);\n    }\n\n    return () => {\n      cancelAnimationFrame(frameId);\n    };\n  }, [isOpen]);\n\n  const dividersVisible = useMemo(() => {\n    return hasDividers || isContentScrollable;\n  }, [hasDividers, isContentScrollable]);\n\n  const hasFooter = useMemo(\n    () =>\n      primaryCallToActionComponent ||\n      secondaryCallToActionComponent ||\n      tertiaryCallToActionComponent,\n    [\n      primaryCallToActionComponent,\n      secondaryCallToActionComponent,\n      tertiaryCallToActionComponent,\n    ],\n  );\n\n  const handleCloseButtonClick = useCallback<\n    NonNullable<ButtonProps[\"onClick\"]>\n  >((event) => onClose(event, \"closeButtonClick\"), [onClose]);\n\n  const muiDrawerComponent = useMemo(\n    () => (\n      <MuiDrawer\n        anchor={anchorDirection}\n        data-se={testId}\n        onClose={onClose}\n        open={isOpen}\n        sx={{\n          //Overrides default MUI inline style\n          ...(variant === \"persistent\" && {\n            \"& .MuiDrawer-paper\": {\n              transition: \"none\",\n            },\n          }),\n        }}\n        variant={variant}\n      >\n        <DrawerContentWrapper odysseyDesignTokens={odysseyDesignTokens}>\n          <DrawerHeader\n            hasDividers={dividersVisible}\n            odysseyDesignTokens={odysseyDesignTokens}\n            translate={translate}\n          >\n            <Heading5>{title}</Heading5>\n            <Button\n              ariaLabel={ariaLabel}\n              onClick={handleCloseButtonClick}\n              size=\"small\"\n              startIcon={<CloseIcon />}\n              variant=\"floating\"\n            />\n          </DrawerHeader>\n          <DrawerContent\n            {...(isContentScrollable && {\n              //Sets tabIndex on content element if scrollable so content is easier to navigate with the keyboard\n              tabIndex: 0,\n            })}\n            hasDividers={dividersVisible}\n            odysseyDesignTokens={odysseyDesignTokens}\n            ref={drawerContentRef}\n          >\n            {children}\n          </DrawerContent>\n          {hasFooter && (\n            <DrawerFooter\n              hasDividers={dividersVisible}\n              odysseyDesignTokens={odysseyDesignTokens}\n            >\n              {tertiaryCallToActionComponent}\n              {secondaryCallToActionComponent}\n              {primaryCallToActionComponent}\n            </DrawerFooter>\n          )}\n        </DrawerContentWrapper>\n      </MuiDrawer>\n    ),\n    [\n      anchorDirection,\n      ariaLabel,\n      children,\n      dividersVisible,\n      handleCloseButtonClick,\n      hasFooter,\n      isContentScrollable,\n      isOpen,\n      odysseyDesignTokens,\n      onClose,\n      primaryCallToActionComponent,\n      secondaryCallToActionComponent,\n      tertiaryCallToActionComponent,\n      testId,\n      title,\n      translate,\n      variant,\n    ],\n  );\n\n  return variant === \"temporary\" ? (\n    <FullScreenOverlay>{muiDrawerComponent}</FullScreenOverlay>\n  ) : (\n    muiDrawerComponent\n  );\n};\n\nconst MemoizedDrawer = memo(Drawer);\nMemoizedDrawer.displayName = \"Drawer\";\n\nexport { MemoizedDrawer as Drawer };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Drawer.cjs","names":["_styled","_interopRequireDefault","require","_react","_Button","_FullScreenOverlay","_i18n","_index","_OdysseyDesignTokensContext","_Typography","_jsxRuntime","e","__esModule","default","variantValues","exports","DrawerHeader","styled","shouldForwardProp","prop","odysseyDesignTokens","Spacing4","Spacing5","HueNeutral900","HueNeutralWhite","hasDividers","HueNeutral200","DrawerContentWrapper","display","gridTemplateAreas","gridTemplateRows","overflow","DrawerContent","DrawerFooter","Drawer","ariaLabel","children","hasDividersProp","isOpen","onClose","primaryCallToActionComponent","secondaryCallToActionComponent","showDividers","tertiaryCallToActionComponent","testId","title","translate","variant","isContentScrollable","setIsContentScrollable","useState","drawerContentRef","useRef","useOdysseyDesignTokens","i18n","useTranslation","anchorDirection","dir","useEffect","frameId","handleContentScroll","drawerContentElement","current","cancelAnimationFrame","scrollHeight","clientHeight","requestAnimationFrame","dividersVisible","useMemo","hasFooter","handleCloseButtonClick","useCallback","event","muiDrawerComponent","jsx","_Drawer2","anchor","open","sx","transition","jsxs","Heading5","Button","onClick","size","startIcon","CloseIcon","tabIndex","ref","FullScreenOverlay","overlayType","MemoizedDrawer","memo","displayName"],"sources":["../../src/Drawer.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-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 styled from \"@emotion/styled\";\nimport {\n  Drawer as MuiDrawer,\n  DrawerProps as MuiDrawerProps,\n} from \"@mui/material\";\nimport {\n  memo,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { Button, ButtonProps } from \"./Buttons/Button.js\";\nimport { FullScreenOverlay } from \"./FullScreenOverlay.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { CloseIcon } from \"./icons.generated/index.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { Heading5 } from \"./Typography.js\";\n\ntype MuiOnCloseEvent = Parameters<Required<MuiDrawerProps>[\"onClose\"]>[0];\ntype MuiOnCloseReason = Parameters<Required<MuiDrawerProps>[\"onClose\"]>[1];\nexport type DrawerOnCloseReason = MuiOnCloseReason | \"closeButtonClick\";\n\nexport const variantValues = [\"temporary\", \"persistent\"] as const;\n\nexport type DrawerProps = {\n  /**\n   * The content of the Drawer. May be a `string` or any other `ReactNode` or array of `ReactNode`s.\n   */\n  children?: ReactNode;\n  /**\n   * When set to `true`, the Drawer will be visible.\n   */\n  isOpen?: boolean;\n  /**\n   * Callback that controls what happens when the Drawer is dismissed\n   */\n  onClose: (event: MuiOnCloseEvent, reason: DrawerOnCloseReason) => void;\n  /**\n   * An optional Button object to be situated in the Drawerfooter. Should almost always be of variant `primary`.\n   */\n  primaryCallToActionComponent?: ReactElement<typeof Button>;\n  /**\n   * An optional Button object to be situated in the Drawer footer, alongside the `callToActionPrimaryComponent`.\n   */\n  secondaryCallToActionComponent?: ReactElement<typeof Button>;\n  /**\n   * An optional Button object to be situated in the Drawer footer, alongside the other two `callToAction` components.\n   */\n  tertiaryCallToActionComponent?: ReactElement<typeof Button>;\n  /**\n   * The title of the Drawer\n   */\n  title?: string;\n  /**\n   * Type of Drawer\n   */\n  variant?: (typeof variantValues)[number];\n} & Pick<HtmlProps, \"ariaLabel\" | \"testId\" | \"translate\"> &\n  (\n    | {\n        /**\n         * Shows divider lines separating header, content, and footer (if using action buttons).\n         */\n        hasDividers?: never;\n        /**\n         * @deprecated use `hasDividers` instead.\n         *\n         * Shows divider lines separating header, content, and footer (if using action buttons).\n         */\n        showDividers: boolean;\n      }\n    | {\n        /**\n         * Shows divider lines separating header, content, and footer (if using action buttons).\n         */\n        hasDividers: boolean;\n        /**\n         * @deprecated use `hasDividers` instead.\n         *\n         * Shows divider lines separating header, content, and footer (if using action buttons).\n         */\n        showDividers?: never;\n      }\n  );\n\ntype DrawerStyleProps = {\n  hasDividers: boolean;\n  odysseyDesignTokens: DesignTokens;\n};\n\nconst DrawerHeader = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"hasDividers\",\n})<DrawerStyleProps>`\n  grid-area: header;\n  position: sticky;\n  top: 0;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin: 0;\n  padding: ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing4}\n    ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing5};\n  color: ${({ odysseyDesignTokens }) => odysseyDesignTokens.HueNeutral900};\n  background-color: ${({ odysseyDesignTokens }) =>\n    odysseyDesignTokens.HueNeutralWhite};\n  border-bottom: ${({ hasDividers, odysseyDesignTokens }) =>\n    hasDividers ? `1px solid ${odysseyDesignTokens.HueNeutral200}` : \"none\"};\n`;\n\nconst DrawerContentWrapper = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{\n  odysseyDesignTokens: DesignTokens;\n}>({\n  display: \"grid\",\n  gridTemplateAreas: `\n    \"header\"\n    \"content\"\n    \"footer\"\n  `,\n  gridTemplateRows: \"auto 1fr auto\",\n  overflow: \"hidden\",\n});\n\nconst DrawerContent = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"hasDividers\",\n})<DrawerStyleProps>`\n  grid-area: content;\n  overflow-y: auto;\n  padding: ${({ hasDividers, odysseyDesignTokens }) =>\n    hasDividers\n      ? `${odysseyDesignTokens.Spacing5}`\n      : `0 ${odysseyDesignTokens.Spacing5}`};\n`;\n\nconst DrawerFooter = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"odysseyDesignTokens\" && prop !== \"hasDividers\",\n})<DrawerStyleProps>`\n  grid-area: footer;\n  position: sticky;\n  bottom: 0;\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  align-content: center;\n  padding: ${({ odysseyDesignTokens }) => odysseyDesignTokens.Spacing4};\n  border-top: ${({ hasDividers, odysseyDesignTokens }) =>\n    hasDividers ? `1px solid ${odysseyDesignTokens.HueNeutral200}` : \"none\"};\n  background-color: ${({ odysseyDesignTokens }) =>\n    odysseyDesignTokens.HueNeutralWhite};\n`;\n\nconst Drawer = ({\n  ariaLabel,\n  children,\n  hasDividers: hasDividersProp = false,\n  isOpen,\n  onClose,\n  primaryCallToActionComponent,\n  secondaryCallToActionComponent,\n  showDividers = false,\n  tertiaryCallToActionComponent,\n  testId,\n  title,\n  translate,\n  variant = \"temporary\",\n}: DrawerProps) => {\n  const [isContentScrollable, setIsContentScrollable] = useState(false);\n  const drawerContentRef = useRef<HTMLDivElement>(null);\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n\n  const hasDividers = hasDividersProp || showDividers;\n\n  //If RTL is set in the theme, align the drawer on the left side of the screen, uses right by default.\n  const { i18n } = useTranslation();\n  const anchorDirection = i18n.dir() === \"rtl\" ? \"left\" : \"right\";\n\n  useEffect(() => {\n    let frameId: number;\n\n    const handleContentScroll = () => {\n      const drawerContentElement = drawerContentRef.current;\n      if (drawerContentElement) {\n        cancelAnimationFrame(frameId);\n        setIsContentScrollable(\n          drawerContentElement.scrollHeight > drawerContentElement.clientHeight,\n        );\n      }\n      frameId = requestAnimationFrame(handleContentScroll);\n    };\n\n    if (isOpen) {\n      frameId = requestAnimationFrame(handleContentScroll);\n    }\n\n    return () => {\n      cancelAnimationFrame(frameId);\n    };\n  }, [isOpen]);\n\n  const dividersVisible = useMemo(() => {\n    return hasDividers || isContentScrollable;\n  }, [hasDividers, isContentScrollable]);\n\n  const hasFooter = useMemo(\n    () =>\n      primaryCallToActionComponent ||\n      secondaryCallToActionComponent ||\n      tertiaryCallToActionComponent,\n    [\n      primaryCallToActionComponent,\n      secondaryCallToActionComponent,\n      tertiaryCallToActionComponent,\n    ],\n  );\n\n  const handleCloseButtonClick = useCallback<\n    NonNullable<ButtonProps[\"onClick\"]>\n  >((event) => onClose(event, \"closeButtonClick\"), [onClose]);\n\n  const muiDrawerComponent = useMemo(\n    () => (\n      <MuiDrawer\n        anchor={anchorDirection}\n        data-se={testId}\n        onClose={onClose}\n        open={isOpen}\n        sx={{\n          //Overrides default MUI inline style\n          ...(variant === \"persistent\" && {\n            \"& .MuiDrawer-paper\": {\n              transition: \"none\",\n            },\n          }),\n        }}\n        variant={variant}\n      >\n        <DrawerContentWrapper odysseyDesignTokens={odysseyDesignTokens}>\n          <DrawerHeader\n            hasDividers={dividersVisible}\n            odysseyDesignTokens={odysseyDesignTokens}\n            translate={translate}\n          >\n            <Heading5>{title}</Heading5>\n            <Button\n              ariaLabel={ariaLabel}\n              onClick={handleCloseButtonClick}\n              size=\"small\"\n              startIcon={<CloseIcon />}\n              variant=\"floating\"\n            />\n          </DrawerHeader>\n          <DrawerContent\n            {...(isContentScrollable && {\n              //Sets tabIndex on content element if scrollable so content is easier to navigate with the keyboard\n              tabIndex: 0,\n            })}\n            hasDividers={dividersVisible}\n            odysseyDesignTokens={odysseyDesignTokens}\n            ref={drawerContentRef}\n          >\n            {children}\n          </DrawerContent>\n          {hasFooter && (\n            <DrawerFooter\n              hasDividers={dividersVisible}\n              odysseyDesignTokens={odysseyDesignTokens}\n            >\n              {tertiaryCallToActionComponent}\n              {secondaryCallToActionComponent}\n              {primaryCallToActionComponent}\n            </DrawerFooter>\n          )}\n        </DrawerContentWrapper>\n      </MuiDrawer>\n    ),\n    [\n      anchorDirection,\n      ariaLabel,\n      children,\n      dividersVisible,\n      handleCloseButtonClick,\n      hasFooter,\n      isContentScrollable,\n      isOpen,\n      odysseyDesignTokens,\n      onClose,\n      primaryCallToActionComponent,\n      secondaryCallToActionComponent,\n      tertiaryCallToActionComponent,\n      testId,\n      title,\n      translate,\n      variant,\n    ],\n  );\n\n  return variant === \"temporary\" ? (\n    <FullScreenOverlay overlayType=\"drawer\">\n      {muiDrawerComponent}\n    </FullScreenOverlay>\n  ) : (\n    muiDrawerComponent\n  );\n};\n\nconst MemoizedDrawer = memo(Drawer);\nMemoizedDrawer.displayName = \"Drawer\";\n\nexport { MemoizedDrawer as Drawer };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/FullScreenOverlay.cjs

@@ -21,7 +21,8 @@ var _jsxRuntime = require("react/jsx-runtime");
  */
 
 const FullScreenOverlay = ({
-  children
+  children,
+  overlayType
 }) => {
   const {
     overlayEmotionRootElement,
@@ -30,7 +31,9 @@ const FullScreenOverlay = ({
   return (0, _jsxRuntime.jsx)(_OdysseyProvider.OdysseyProvider, {
     emotionRootElement: overlayEmotionRootElement,
     hasScopedCssBaseline: false,
+    hasTranslationProvider: false,
     hasWrapperElement: false,
+    overlayType: overlayType,
     shadowRootElement: overlayShadowRootElement,
     children: children
   });