@okta/odyssey-react-mui 1.53.0 → 1.54.0

package/dist/assets/{Modal-C5P7v6Gt.js → Modal-C2qslhip.js}

@@ -1 +1 @@
-import{M as ie,N as ae,b as le,_ as ce,a as x,c as G,d as q,f as de}from"./tableRowClasses-Bk1uFtwh.js";import{r as d,j as N}from"./iframe-CQjT1fxh.js";import{g as ge}from"./getScrollbarSize-Bqq2hMjQ.js";import{o as O}from"./ownerDocument-DW-IO8s5.js";import{o as V}from"./ownerWindow-HkKU3E4x.js";import{u as ue}from"./useIsFocusVisible-D1xCTBdT.js";import{u as te}from"./TransitionGroupContext-yBqGXZYI.js";import{c as oe}from"./createChainedFunction-BO_9K8Jh.js";import{e as xe}from"./resolveComponentProps-DGxe9oED.js";import{g as ve,u as ne,P as Ee}from"./Portal-DeJFqeW-.js";import{F as Re}from"./Fade-ZBabHGDm.js";function ke(e){return ie("MuiBackdrop",e)}ae("MuiBackdrop",["root","invisible"]);const Pe=["children","className","component","components","componentsProps","invisible","open","slotProps","slots","TransitionComponent","transitionDuration"],ye=e=>{const{classes:t,invisible:n}=e;return de({root:["root",n&&"invisible"]},ke,t)},Te=G("div",{name:"MuiBackdrop",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,n.invisible&&t.invisible]}})(({ownerState:e})=>x({position:"fixed",display:"flex",alignItems:"center",justifyContent:"center",right:0,bottom:0,top:0,left:0,backgroundColor:"rgba(0, 0, 0, 0.5)",WebkitTapHighlightColor:"transparent"},e.invisible&&{backgroundColor:"transparent"})),Se=d.forwardRef(function(t,n){var o,s,r;const i=le({props:t,name:"MuiBackdrop"}),{children:c,className:u,component:g="div",components:m={},componentsProps:b={},invisible:k=!1,open:v,slotProps:l={},slots:M={},TransitionComponent:C=Re,transitionDuration:I}=i,P=ce(i,Pe),a=x({},i,{component:g,invisible:k}),E=ye(a),h=(o=l.root)!=null?o:b.root;return N.jsx(C,x({in:v,timeout:I},P,{children:N.jsx(Te,x({"aria-hidden":!0},h,{as:(s=(r=M.root)!=null?r:m.Root)!=null?s:g,className:q(E.root,u,h==null?void 0:h.className),ownerState:x({},a,h==null?void 0:h.ownerState),classes:E,ref:n,children:c}))}))});function Ce(e){const t=O(e);return t.body===e?V(e).innerWidth>t.documentElement.clientWidth:e.scrollHeight>e.clientHeight}function U(e,t){t?e.setAttribute("aria-hidden","true"):e.removeAttribute("aria-hidden")}function re(e){return parseInt(V(e).getComputedStyle(e).paddingRight,10)||0}function Ie(e){const n=["TEMPLATE","SCRIPT","STYLE","LINK","MAP","META","NOSCRIPT","PICTURE","COL","COLGROUP","PARAM","SLOT","SOURCE","TRACK"].indexOf(e.tagName)!==-1,o=e.tagName==="INPUT"&&e.getAttribute("type")==="hidden";return n||o}function se(e,t,n,o,s){const r=[t,n,...o];[].forEach.call(e.children,i=>{const c=r.indexOf(i)===-1,u=!Ie(i);c&&u&&U(i,s)})}function Y(e,t){let n=-1;return e.some((o,s)=>t(o)?(n=s,!0):!1),n}function Ne(e,t){const n=[],o=e.container;if(!t.disableScrollLock){if(Ce(o)){const i=ge(O(o));n.push({value:o.style.paddingRight,property:"padding-right",el:o}),o.style.paddingRight=`${re(o)+i}px`;const c=O(o).querySelectorAll(".mui-fixed");[].forEach.call(c,u=>{n.push({value:u.style.paddingRight,property:"padding-right",el:u}),u.style.paddingRight=`${re(u)+i}px`})}let r;if(o.parentNode instanceof DocumentFragment)r=O(o).body;else{const i=o.parentElement,c=V(o);r=(i==null?void 0:i.nodeName)==="HTML"&&c.getComputedStyle(i).overflowY==="scroll"?i:o}n.push({value:r.style.overflow,property:"overflow",el:r},{value:r.style.overflowX,property:"overflow-x",el:r},{value:r.style.overflowY,property:"overflow-y",el:r}),r.style.overflow="hidden"}return()=>{n.forEach(({value:r,el:i,property:c})=>{r?i.style.setProperty(c,r):i.style.removeProperty(c)})}}function Me(e){const t=[];return[].forEach.call(e.children,n=>{n.getAttribute("aria-hidden")==="true"&&t.push(n)}),t}class we{constructor(){this.containers=void 0,this.modals=void 0,this.modals=[],this.containers=[]}add(t,n){let o=this.modals.indexOf(t);if(o!==-1)return o;o=this.modals.length,this.modals.push(t),t.modalRef&&U(t.modalRef,!1);const s=Me(n);se(n,t.mount,t.modalRef,s,!0);const r=Y(this.containers,i=>i.container===n);return r!==-1?(this.containers[r].modals.push(t),o):(this.containers.push({modals:[t],container:n,restore:null,hiddenSiblings:s}),o)}mount(t,n){const o=Y(this.containers,r=>r.modals.indexOf(t)!==-1),s=this.containers[o];s.restore||(s.restore=Ne(s,n))}remove(t,n=!0){const o=this.modals.indexOf(t);if(o===-1)return o;const s=Y(this.containers,i=>i.modals.indexOf(t)!==-1),r=this.containers[s];if(r.modals.splice(r.modals.indexOf(t),1),this.modals.splice(o,1),r.modals.length===0)r.restore&&r.restore(),t.modalRef&&U(t.modalRef,n),se(r.container,t.mount,t.modalRef,r.hiddenSiblings,!1),this.containers.splice(s,1);else{const i=r.modals[r.modals.length-1];i.modalRef&&U(i.modalRef,!1)}return o}isTopModal(t){return this.modals.length>0&&this.modals[this.modals.length-1]===t}}const Fe=["input","select","textarea","a[href]","button","[tabindex]","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])'].join(",");function Ae(e){const t=parseInt(e.getAttribute("tabindex")||"",10);return Number.isNaN(t)?e.contentEditable==="true"||(e.nodeName==="AUDIO"||e.nodeName==="VIDEO"||e.nodeName==="DETAILS")&&e.getAttribute("tabindex")===null?0:e.tabIndex:t}function Be(e){if(e.tagName!=="INPUT"||e.type!=="radio"||!e.name)return!1;const t=o=>e.ownerDocument.querySelector(`input[type="radio"]${o}`);let n=t(`[name="${e.name}"]:checked`);return n||(n=t(`[name="${e.name}"]`)),n!==e}function Oe(e){return!(e.disabled||e.tagName==="INPUT"&&e.type==="hidden"||Be(e))}function De(e){const t=[],n=[];return Array.from(e.querySelectorAll(Fe)).forEach((o,s)=>{const r=Ae(o);r===-1||!Oe(o)||(r===0?t.push(o):n.push({documentOrder:s,tabIndex:r,node:o}))}),n.sort((o,s)=>o.tabIndex===s.tabIndex?o.documentOrder-s.documentOrder:o.tabIndex-s.tabIndex).map(o=>o.node).concat(t)}function Le(){return!0}function He(e){const{children:t,disableAutoFocus:n=!1,disableEnforceFocus:o=!1,disableRestoreFocus:s=!1,getTabbable:r=De,isEnabled:i=Le,open:c}=e,u=d.useRef(!1),g=d.useRef(null),m=d.useRef(null),b=d.useRef(null),k=d.useRef(null),v=d.useRef(!1),l=d.useRef(null),M=ue(ve(t),l),C=d.useRef(null);d.useEffect(()=>{!c||!l.current||(v.current=!n)},[n,c]),d.useEffect(()=>{if(!c||!l.current)return;const a=O(l.current);return l.current.contains(a.activeElement)||(l.current.hasAttribute("tabIndex")||l.current.setAttribute("tabIndex","-1"),v.current&&l.current.focus()),()=>{s||(b.current&&b.current.focus&&(u.current=!0,b.current.focus()),b.current=null)}},[c]),d.useEffect(()=>{if(!c||!l.current)return;const a=O(l.current),E=R=>{C.current=R,!(o||!i()||R.key!=="Tab")&&a.activeElement===l.current&&R.shiftKey&&(u.current=!0,m.current&&m.current.focus())},h=()=>{const R=l.current;if(R===null)return;if(!a.hasFocus()||!i()||u.current){u.current=!1;return}if(R.contains(a.activeElement)||o&&a.activeElement!==g.current&&a.activeElement!==m.current)return;if(a.activeElement!==k.current)k.current=null;else if(k.current!==null)return;if(!v.current)return;let y=[];if((a.activeElement===g.current||a.activeElement===m.current)&&(y=r(l.current)),y.length>0){var A,T;const D=!!((A=C.current)!=null&&A.shiftKey&&((T=C.current)==null?void 0:T.key)==="Tab"),B=y[0],w=y[y.length-1];typeof B!="string"&&typeof w!="string"&&(D?w.focus():B.focus())}else R.focus()};a.addEventListener("focusin",h),a.addEventListener("keydown",E,!0);const F=setInterval(()=>{a.activeElement&&a.activeElement.tagName==="BODY"&&h()},50);return()=>{clearInterval(F),a.removeEventListener("focusin",h),a.removeEventListener("keydown",E,!0)}},[n,o,s,i,c,r]);const I=a=>{b.current===null&&(b.current=a.relatedTarget),v.current=!0,k.current=a.target;const E=t.props.onFocus;E&&E(a)},P=a=>{b.current===null&&(b.current=a.relatedTarget),v.current=!0};return N.jsxs(d.Fragment,{children:[N.jsx("div",{tabIndex:c?0:-1,onFocus:P,ref:g,"data-testid":"sentinelStart"}),d.cloneElement(t,{ref:M,onFocus:I}),N.jsx("div",{tabIndex:c?0:-1,onFocus:P,ref:m,"data-testid":"sentinelEnd"})]})}function je(e){return typeof e=="function"?e():e}function _e(e){return e?e.props.hasOwnProperty("in"):!1}const Ue=new we;function $e(e){const{container:t,disableEscapeKeyDown:n=!1,disableScrollLock:o=!1,manager:s=Ue,closeAfterTransition:r=!1,onTransitionEnter:i,onTransitionExited:c,children:u,onClose:g,open:m,rootRef:b}=e,k=d.useRef({}),v=d.useRef(null),l=d.useRef(null),M=ue(l,b),[C,I]=d.useState(!m),P=_e(u);let a=!0;(e["aria-hidden"]==="false"||e["aria-hidden"]===!1)&&(a=!1);const E=()=>O(v.current),h=()=>(k.current.modalRef=l.current,k.current.mount=v.current,k.current),F=()=>{s.mount(h(),{disableScrollLock:o}),l.current&&(l.current.scrollTop=0)},R=te(()=>{const p=je(t)||E().body;s.add(h(),p),l.current&&F()}),y=d.useCallback(()=>s.isTopModal(h()),[s]),A=te(p=>{v.current=p,p&&(m&&y()?F():l.current&&U(l.current,a))}),T=d.useCallback(()=>{s.remove(h(),a)},[a,s]);d.useEffect(()=>()=>{T()},[T]),d.useEffect(()=>{m?R():(!P||!r)&&T()},[m,T,P,r,R]);const D=p=>f=>{var S;(S=p.onKeyDown)==null||S.call(p,f),!(f.key!=="Escape"||f.which===229||!y())&&(n||(f.stopPropagation(),g&&g(f,"escapeKeyDown")))},B=p=>f=>{var S;(S=p.onClick)==null||S.call(p,f),f.target===f.currentTarget&&g&&g(f,"backdropClick")};return{getRootProps:(p={})=>{const f=xe(e);delete f.onTransitionEnter,delete f.onTransitionExited;const S=x({},f,p);return x({role:"presentation"},S,{onKeyDown:D(S),ref:M})},getBackdropProps:(p={})=>{const f=p;return x({"aria-hidden":!0},f,{onClick:B(f),open:m})},getTransitionProps:()=>{const p=()=>{I(!1),i&&i()},f=()=>{I(!0),c&&c(),r&&T()};return{onEnter:oe(p,u==null?void 0:u.props.onEnter),onExited:oe(f,u==null?void 0:u.props.onExited)}},rootRef:M,portalRef:A,isTopModal:y,exited:C,hasTransition:P}}function Ke(e){return ie("MuiModal",e)}ae("MuiModal",["root","hidden","backdrop"]);const We=["BackdropComponent","BackdropProps","classes","className","closeAfterTransition","children","container","component","components","componentsProps","disableAutoFocus","disableEnforceFocus","disableEscapeKeyDown","disablePortal","disableRestoreFocus","disableScrollLock","hideBackdrop","keepMounted","onBackdropClick","onClose","onTransitionEnter","onTransitionExited","open","slotProps","slots","theme"],ze=e=>{const{open:t,exited:n,classes:o}=e;return de({root:["root",!t&&n&&"hidden"],backdrop:["backdrop"]},Ke,o)},Ye=G("div",{name:"MuiModal",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,!n.open&&n.exited&&t.hidden]}})(({theme:e,ownerState:t})=>x({position:"fixed",zIndex:(e.vars||e).zIndex.modal,right:0,bottom:0,top:0,left:0},!t.open&&t.exited&&{visibility:"hidden"})),qe=G(Se,{name:"MuiModal",slot:"Backdrop",overridesResolver:(e,t)=>t.backdrop})({zIndex:-1}),st=d.forwardRef(function(t,n){var o,s,r,i,c,u;const g=le({name:"MuiModal",props:t}),{BackdropComponent:m=qe,BackdropProps:b,className:k,closeAfterTransition:v=!1,children:l,container:M,component:C,components:I={},componentsProps:P={},disableAutoFocus:a=!1,disableEnforceFocus:E=!1,disableEscapeKeyDown:h=!1,disablePortal:F=!1,disableRestoreFocus:R=!1,disableScrollLock:y=!1,hideBackdrop:A=!1,keepMounted:T=!1,onBackdropClick:D,open:B,slotProps:w,slots:j}=g,X=ce(g,We),p=x({},g,{closeAfterTransition:v,disableAutoFocus:a,disableEnforceFocus:E,disableEscapeKeyDown:h,disablePortal:F,disableRestoreFocus:R,disableScrollLock:y,hideBackdrop:A,keepMounted:T}),{getRootProps:f,getBackdropProps:S,getTransitionProps:fe,portalRef:pe,isTopModal:me,exited:J,hasTransition:Q}=$e(x({},p,{rootRef:n})),_=x({},p,{exited:J}),L=ze(_),$={};if(l.props.tabIndex===void 0&&($.tabIndex="-1"),Q){const{onEnter:H,onExited:K}=fe();$.onEnter=H,$.onExited=K}const Z=(o=(s=j==null?void 0:j.root)!=null?s:I.Root)!=null?o:Ye,ee=(r=(i=j==null?void 0:j.backdrop)!=null?i:I.Backdrop)!=null?r:m,W=(c=w==null?void 0:w.root)!=null?c:P.root,z=(u=w==null?void 0:w.backdrop)!=null?u:P.backdrop,be=ne({elementType:Z,externalSlotProps:W,externalForwardedProps:X,getSlotProps:f,additionalProps:{ref:n,as:C},ownerState:_,className:q(k,W==null?void 0:W.className,L==null?void 0:L.root,!_.open&&_.exited&&(L==null?void 0:L.hidden))}),he=ne({elementType:ee,externalSlotProps:z,additionalProps:b,getSlotProps:H=>S(x({},H,{onClick:K=>{D&&D(K),H!=null&&H.onClick&&H.onClick(K)}})),className:q(z==null?void 0:z.className,b==null?void 0:b.className,L==null?void 0:L.backdrop),ownerState:_});return!T&&!B&&(!Q||J)?null:N.jsx(Ee,{ref:pe,container:M,disablePortal:F,children:N.jsxs(Z,x({},be,{children:[!A&&m?N.jsx(ee,x({},he)):null,N.jsx(He,{disableEnforceFocus:E,disableAutoFocus:a,disableRestoreFocus:R,isEnabled:me,open:B,children:d.cloneElement(l,$)})]}))})});export{Se as B,He as F,st as M};
+import{M as ie,N as ae,b as le,_ as ce,a as x,c as G,d as q,f as de}from"./tableRowClasses-SdduqaRI.js";import{r as d,j as N}from"./iframe-DE4RuJrv.js";import{g as ge}from"./getScrollbarSize-Bqq2hMjQ.js";import{o as O}from"./ownerDocument-DW-IO8s5.js";import{o as V}from"./ownerWindow-HkKU3E4x.js";import{u as ue}from"./useIsFocusVisible-DEbTNWvz.js";import{u as te}from"./TransitionGroupContext-FeNnDXqj.js";import{c as oe}from"./createChainedFunction-BO_9K8Jh.js";import{e as xe}from"./resolveComponentProps-DH5wuSot.js";import{g as ve,u as ne,P as Ee}from"./Portal-Be1GH4ah.js";import{F as Re}from"./Fade-DrCoA42j.js";function ke(e){return ie("MuiBackdrop",e)}ae("MuiBackdrop",["root","invisible"]);const Pe=["children","className","component","components","componentsProps","invisible","open","slotProps","slots","TransitionComponent","transitionDuration"],ye=e=>{const{classes:t,invisible:n}=e;return de({root:["root",n&&"invisible"]},ke,t)},Te=G("div",{name:"MuiBackdrop",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,n.invisible&&t.invisible]}})(({ownerState:e})=>x({position:"fixed",display:"flex",alignItems:"center",justifyContent:"center",right:0,bottom:0,top:0,left:0,backgroundColor:"rgba(0, 0, 0, 0.5)",WebkitTapHighlightColor:"transparent"},e.invisible&&{backgroundColor:"transparent"})),Se=d.forwardRef(function(t,n){var o,s,r;const i=le({props:t,name:"MuiBackdrop"}),{children:c,className:u,component:g="div",components:m={},componentsProps:b={},invisible:k=!1,open:v,slotProps:l={},slots:M={},TransitionComponent:C=Re,transitionDuration:I}=i,P=ce(i,Pe),a=x({},i,{component:g,invisible:k}),E=ye(a),h=(o=l.root)!=null?o:b.root;return N.jsx(C,x({in:v,timeout:I},P,{children:N.jsx(Te,x({"aria-hidden":!0},h,{as:(s=(r=M.root)!=null?r:m.Root)!=null?s:g,className:q(E.root,u,h==null?void 0:h.className),ownerState:x({},a,h==null?void 0:h.ownerState),classes:E,ref:n,children:c}))}))});function Ce(e){const t=O(e);return t.body===e?V(e).innerWidth>t.documentElement.clientWidth:e.scrollHeight>e.clientHeight}function U(e,t){t?e.setAttribute("aria-hidden","true"):e.removeAttribute("aria-hidden")}function re(e){return parseInt(V(e).getComputedStyle(e).paddingRight,10)||0}function Ie(e){const n=["TEMPLATE","SCRIPT","STYLE","LINK","MAP","META","NOSCRIPT","PICTURE","COL","COLGROUP","PARAM","SLOT","SOURCE","TRACK"].indexOf(e.tagName)!==-1,o=e.tagName==="INPUT"&&e.getAttribute("type")==="hidden";return n||o}function se(e,t,n,o,s){const r=[t,n,...o];[].forEach.call(e.children,i=>{const c=r.indexOf(i)===-1,u=!Ie(i);c&&u&&U(i,s)})}function Y(e,t){let n=-1;return e.some((o,s)=>t(o)?(n=s,!0):!1),n}function Ne(e,t){const n=[],o=e.container;if(!t.disableScrollLock){if(Ce(o)){const i=ge(O(o));n.push({value:o.style.paddingRight,property:"padding-right",el:o}),o.style.paddingRight=`${re(o)+i}px`;const c=O(o).querySelectorAll(".mui-fixed");[].forEach.call(c,u=>{n.push({value:u.style.paddingRight,property:"padding-right",el:u}),u.style.paddingRight=`${re(u)+i}px`})}let r;if(o.parentNode instanceof DocumentFragment)r=O(o).body;else{const i=o.parentElement,c=V(o);r=(i==null?void 0:i.nodeName)==="HTML"&&c.getComputedStyle(i).overflowY==="scroll"?i:o}n.push({value:r.style.overflow,property:"overflow",el:r},{value:r.style.overflowX,property:"overflow-x",el:r},{value:r.style.overflowY,property:"overflow-y",el:r}),r.style.overflow="hidden"}return()=>{n.forEach(({value:r,el:i,property:c})=>{r?i.style.setProperty(c,r):i.style.removeProperty(c)})}}function Me(e){const t=[];return[].forEach.call(e.children,n=>{n.getAttribute("aria-hidden")==="true"&&t.push(n)}),t}class we{constructor(){this.containers=void 0,this.modals=void 0,this.modals=[],this.containers=[]}add(t,n){let o=this.modals.indexOf(t);if(o!==-1)return o;o=this.modals.length,this.modals.push(t),t.modalRef&&U(t.modalRef,!1);const s=Me(n);se(n,t.mount,t.modalRef,s,!0);const r=Y(this.containers,i=>i.container===n);return r!==-1?(this.containers[r].modals.push(t),o):(this.containers.push({modals:[t],container:n,restore:null,hiddenSiblings:s}),o)}mount(t,n){const o=Y(this.containers,r=>r.modals.indexOf(t)!==-1),s=this.containers[o];s.restore||(s.restore=Ne(s,n))}remove(t,n=!0){const o=this.modals.indexOf(t);if(o===-1)return o;const s=Y(this.containers,i=>i.modals.indexOf(t)!==-1),r=this.containers[s];if(r.modals.splice(r.modals.indexOf(t),1),this.modals.splice(o,1),r.modals.length===0)r.restore&&r.restore(),t.modalRef&&U(t.modalRef,n),se(r.container,t.mount,t.modalRef,r.hiddenSiblings,!1),this.containers.splice(s,1);else{const i=r.modals[r.modals.length-1];i.modalRef&&U(i.modalRef,!1)}return o}isTopModal(t){return this.modals.length>0&&this.modals[this.modals.length-1]===t}}const Fe=["input","select","textarea","a[href]","button","[tabindex]","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])'].join(",");function Ae(e){const t=parseInt(e.getAttribute("tabindex")||"",10);return Number.isNaN(t)?e.contentEditable==="true"||(e.nodeName==="AUDIO"||e.nodeName==="VIDEO"||e.nodeName==="DETAILS")&&e.getAttribute("tabindex")===null?0:e.tabIndex:t}function Be(e){if(e.tagName!=="INPUT"||e.type!=="radio"||!e.name)return!1;const t=o=>e.ownerDocument.querySelector(`input[type="radio"]${o}`);let n=t(`[name="${e.name}"]:checked`);return n||(n=t(`[name="${e.name}"]`)),n!==e}function Oe(e){return!(e.disabled||e.tagName==="INPUT"&&e.type==="hidden"||Be(e))}function De(e){const t=[],n=[];return Array.from(e.querySelectorAll(Fe)).forEach((o,s)=>{const r=Ae(o);r===-1||!Oe(o)||(r===0?t.push(o):n.push({documentOrder:s,tabIndex:r,node:o}))}),n.sort((o,s)=>o.tabIndex===s.tabIndex?o.documentOrder-s.documentOrder:o.tabIndex-s.tabIndex).map(o=>o.node).concat(t)}function Le(){return!0}function He(e){const{children:t,disableAutoFocus:n=!1,disableEnforceFocus:o=!1,disableRestoreFocus:s=!1,getTabbable:r=De,isEnabled:i=Le,open:c}=e,u=d.useRef(!1),g=d.useRef(null),m=d.useRef(null),b=d.useRef(null),k=d.useRef(null),v=d.useRef(!1),l=d.useRef(null),M=ue(ve(t),l),C=d.useRef(null);d.useEffect(()=>{!c||!l.current||(v.current=!n)},[n,c]),d.useEffect(()=>{if(!c||!l.current)return;const a=O(l.current);return l.current.contains(a.activeElement)||(l.current.hasAttribute("tabIndex")||l.current.setAttribute("tabIndex","-1"),v.current&&l.current.focus()),()=>{s||(b.current&&b.current.focus&&(u.current=!0,b.current.focus()),b.current=null)}},[c]),d.useEffect(()=>{if(!c||!l.current)return;const a=O(l.current),E=R=>{C.current=R,!(o||!i()||R.key!=="Tab")&&a.activeElement===l.current&&R.shiftKey&&(u.current=!0,m.current&&m.current.focus())},h=()=>{const R=l.current;if(R===null)return;if(!a.hasFocus()||!i()||u.current){u.current=!1;return}if(R.contains(a.activeElement)||o&&a.activeElement!==g.current&&a.activeElement!==m.current)return;if(a.activeElement!==k.current)k.current=null;else if(k.current!==null)return;if(!v.current)return;let y=[];if((a.activeElement===g.current||a.activeElement===m.current)&&(y=r(l.current)),y.length>0){var A,T;const D=!!((A=C.current)!=null&&A.shiftKey&&((T=C.current)==null?void 0:T.key)==="Tab"),B=y[0],w=y[y.length-1];typeof B!="string"&&typeof w!="string"&&(D?w.focus():B.focus())}else R.focus()};a.addEventListener("focusin",h),a.addEventListener("keydown",E,!0);const F=setInterval(()=>{a.activeElement&&a.activeElement.tagName==="BODY"&&h()},50);return()=>{clearInterval(F),a.removeEventListener("focusin",h),a.removeEventListener("keydown",E,!0)}},[n,o,s,i,c,r]);const I=a=>{b.current===null&&(b.current=a.relatedTarget),v.current=!0,k.current=a.target;const E=t.props.onFocus;E&&E(a)},P=a=>{b.current===null&&(b.current=a.relatedTarget),v.current=!0};return N.jsxs(d.Fragment,{children:[N.jsx("div",{tabIndex:c?0:-1,onFocus:P,ref:g,"data-testid":"sentinelStart"}),d.cloneElement(t,{ref:M,onFocus:I}),N.jsx("div",{tabIndex:c?0:-1,onFocus:P,ref:m,"data-testid":"sentinelEnd"})]})}function je(e){return typeof e=="function"?e():e}function _e(e){return e?e.props.hasOwnProperty("in"):!1}const Ue=new we;function $e(e){const{container:t,disableEscapeKeyDown:n=!1,disableScrollLock:o=!1,manager:s=Ue,closeAfterTransition:r=!1,onTransitionEnter:i,onTransitionExited:c,children:u,onClose:g,open:m,rootRef:b}=e,k=d.useRef({}),v=d.useRef(null),l=d.useRef(null),M=ue(l,b),[C,I]=d.useState(!m),P=_e(u);let a=!0;(e["aria-hidden"]==="false"||e["aria-hidden"]===!1)&&(a=!1);const E=()=>O(v.current),h=()=>(k.current.modalRef=l.current,k.current.mount=v.current,k.current),F=()=>{s.mount(h(),{disableScrollLock:o}),l.current&&(l.current.scrollTop=0)},R=te(()=>{const p=je(t)||E().body;s.add(h(),p),l.current&&F()}),y=d.useCallback(()=>s.isTopModal(h()),[s]),A=te(p=>{v.current=p,p&&(m&&y()?F():l.current&&U(l.current,a))}),T=d.useCallback(()=>{s.remove(h(),a)},[a,s]);d.useEffect(()=>()=>{T()},[T]),d.useEffect(()=>{m?R():(!P||!r)&&T()},[m,T,P,r,R]);const D=p=>f=>{var S;(S=p.onKeyDown)==null||S.call(p,f),!(f.key!=="Escape"||f.which===229||!y())&&(n||(f.stopPropagation(),g&&g(f,"escapeKeyDown")))},B=p=>f=>{var S;(S=p.onClick)==null||S.call(p,f),f.target===f.currentTarget&&g&&g(f,"backdropClick")};return{getRootProps:(p={})=>{const f=xe(e);delete f.onTransitionEnter,delete f.onTransitionExited;const S=x({},f,p);return x({role:"presentation"},S,{onKeyDown:D(S),ref:M})},getBackdropProps:(p={})=>{const f=p;return x({"aria-hidden":!0},f,{onClick:B(f),open:m})},getTransitionProps:()=>{const p=()=>{I(!1),i&&i()},f=()=>{I(!0),c&&c(),r&&T()};return{onEnter:oe(p,u==null?void 0:u.props.onEnter),onExited:oe(f,u==null?void 0:u.props.onExited)}},rootRef:M,portalRef:A,isTopModal:y,exited:C,hasTransition:P}}function Ke(e){return ie("MuiModal",e)}ae("MuiModal",["root","hidden","backdrop"]);const We=["BackdropComponent","BackdropProps","classes","className","closeAfterTransition","children","container","component","components","componentsProps","disableAutoFocus","disableEnforceFocus","disableEscapeKeyDown","disablePortal","disableRestoreFocus","disableScrollLock","hideBackdrop","keepMounted","onBackdropClick","onClose","onTransitionEnter","onTransitionExited","open","slotProps","slots","theme"],ze=e=>{const{open:t,exited:n,classes:o}=e;return de({root:["root",!t&&n&&"hidden"],backdrop:["backdrop"]},Ke,o)},Ye=G("div",{name:"MuiModal",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,!n.open&&n.exited&&t.hidden]}})(({theme:e,ownerState:t})=>x({position:"fixed",zIndex:(e.vars||e).zIndex.modal,right:0,bottom:0,top:0,left:0},!t.open&&t.exited&&{visibility:"hidden"})),qe=G(Se,{name:"MuiModal",slot:"Backdrop",overridesResolver:(e,t)=>t.backdrop})({zIndex:-1}),st=d.forwardRef(function(t,n){var o,s,r,i,c,u;const g=le({name:"MuiModal",props:t}),{BackdropComponent:m=qe,BackdropProps:b,className:k,closeAfterTransition:v=!1,children:l,container:M,component:C,components:I={},componentsProps:P={},disableAutoFocus:a=!1,disableEnforceFocus:E=!1,disableEscapeKeyDown:h=!1,disablePortal:F=!1,disableRestoreFocus:R=!1,disableScrollLock:y=!1,hideBackdrop:A=!1,keepMounted:T=!1,onBackdropClick:D,open:B,slotProps:w,slots:j}=g,X=ce(g,We),p=x({},g,{closeAfterTransition:v,disableAutoFocus:a,disableEnforceFocus:E,disableEscapeKeyDown:h,disablePortal:F,disableRestoreFocus:R,disableScrollLock:y,hideBackdrop:A,keepMounted:T}),{getRootProps:f,getBackdropProps:S,getTransitionProps:fe,portalRef:pe,isTopModal:me,exited:J,hasTransition:Q}=$e(x({},p,{rootRef:n})),_=x({},p,{exited:J}),L=ze(_),$={};if(l.props.tabIndex===void 0&&($.tabIndex="-1"),Q){const{onEnter:H,onExited:K}=fe();$.onEnter=H,$.onExited=K}const Z=(o=(s=j==null?void 0:j.root)!=null?s:I.Root)!=null?o:Ye,ee=(r=(i=j==null?void 0:j.backdrop)!=null?i:I.Backdrop)!=null?r:m,W=(c=w==null?void 0:w.root)!=null?c:P.root,z=(u=w==null?void 0:w.backdrop)!=null?u:P.backdrop,be=ne({elementType:Z,externalSlotProps:W,externalForwardedProps:X,getSlotProps:f,additionalProps:{ref:n,as:C},ownerState:_,className:q(k,W==null?void 0:W.className,L==null?void 0:L.root,!_.open&&_.exited&&(L==null?void 0:L.hidden))}),he=ne({elementType:ee,externalSlotProps:z,additionalProps:b,getSlotProps:H=>S(x({},H,{onClick:K=>{D&&D(K),H!=null&&H.onClick&&H.onClick(K)}})),className:q(z==null?void 0:z.className,b==null?void 0:b.className,L==null?void 0:L.backdrop),ownerState:_});return!T&&!B&&(!Q||J)?null:N.jsx(Ee,{ref:pe,container:M,disablePortal:F,children:N.jsxs(Z,x({},be,{children:[!A&&m?N.jsx(ee,x({},he)):null,N.jsx(He,{disableEnforceFocus:E,disableAutoFocus:a,disableRestoreFocus:R,isEnabled:me,open:B,children:d.cloneElement(l,$)})]}))})});export{Se as B,He as F,st as M};

package/dist/assets/{More-BAN0OFVF.js → More-C9jx0DT3.js}

@@ -1 +1 @@
-import{r as e,j as o}from"./iframe-CQjT1fxh.js";import{S as s}from"./tableRowClasses-Bk1uFtwh.js";const t=e.forwardRef((r,n)=>o.jsx(s,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M9 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm0 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-1 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z",fill:"currentColor",fillRule:"evenodd"})})})),l=e.memo(t);l.displayName="MoreIcon";export{l as M};
+import{r as e,j as o}from"./iframe-DE4RuJrv.js";import{S as s}from"./tableRowClasses-SdduqaRI.js";const t=e.forwardRef((r,n)=>o.jsx(s,{fill:"none",ref:n,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...r,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M9 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm0 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-1 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z",fill:"currentColor",fillRule:"evenodd"})})})),l=e.memo(t);l.displayName="MoreIcon";export{l as M};

package/dist/assets/{MuiPropsContext-D6i6qZME.js → MuiPropsContext-Bg_x6l7d.js}

@@ -1,4 +1,4 @@
-import{r as t}from"./iframe-CQjT1fxh.js";/*!
+import{r as t}from"./iframe-DE4RuJrv.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/{MuiPropsContext-Df02xyKB.js → MuiPropsContext-H20tOLmR.js}

@@ -1,4 +1,4 @@
-import{r as t}from"./iframe-CQjT1fxh.js";/*!
+import{r as t}from"./iframe-DE4RuJrv.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/{NativeSelect.stories-D2Ob7KE5.js → NativeSelect.stories-CtknOfaK.js}

@@ -1,4 +1,4 @@
-import{r,j as e}from"./iframe-CQjT1fxh.js";import{O as ke}from"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import{u as Oe}from"./useStoryArgOrLocalState-CRQAGSTX.js";import{f as n}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{M as Le}from"./Field-CqIOaZfg.js";import{g as Ee,u as je}from"./inputUtils-BBH9ADKa.js";import{S as De}from"./Select-DE0mojaE.js";import{M as Fe}from"./Link-Cg_KakDo.js";import"./preload-helper-Dp1pzeXC.js";import"./OdysseyThemeProvider-BA0_xP7N.js";import"./tableRowClasses-Bk1uFtwh.js";import"./WarningFilled-DOHs-JmZ.js";import"./index-C77ZwfYm.js";import"./OdysseyProvider-rboSNY26.js";import"./ScopedCssBaseline-BOa6kM98.js";import"./Box-B3rdnavX.js";import"./Box-CnVllI1S.js";import"./List-D0N4Xybp.js";import"./ListItem-BNz1zv6N.js";import"./FormHelperText-CVc1kPQJ.js";import"./FormLabel-CWWbs_c2.js";import"./useIsFocusVisible-D1xCTBdT.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-Rz8p08Xo.js";import"./TransitionGroupContext-yBqGXZYI.js";import"./ScreenReaderText-toqV93JE.js";import"./visuallyHidden-Dan1xhjv.js";import"./FieldHint-Cs73lQge.js";import"./Typography-CjpHjc10.js";import"./Typography-Jr4Brrb5.js";import"./useUniqueId-DG6rB8dI.js";import"./createUniqueId-BHjR7HQF.js";import"./Menu-DB2s3Jn0.js";import"./Portal-DeJFqeW-.js";import"./resolveComponentProps-DGxe9oED.js";import"./index-5Qx3hCfP.js";import"./Grow-DvH-Xu1P.js";import"./utils-D-QCjykO.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-C5P7v6Gt.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-ZBabHGDm.js";import"./Paper-vUVrw-QB.js";import"./MenuList-D3GSt85L.js";import"./useControlled-BUhC7uWK.js";import"./ArrowDropDown-BbLKA4fg.js";import"./createSvgIcon-CaWcxZng.js";import"./InputBase-BYnzr12H.js";import"./Link-thynTosX.js";import"./ExternalLink-3_gWbh_U.js";const Be=r.forwardRef(({ariaDescribedBy:o,autoCompleteType:t,defaultValue:i,errorMessage:u,errorMessageList:d,hasMultipleChoices:a,hint:m,HintLinkComponent:g,id:l,inputRef:L,isDisabled:be=!1,isFullWidth:Ce=!1,isMultiSelect:j,isOptional:Me=!1,label:Se,onBlur:D,onChange:f,onFocus:F,testId:B,translate:A,value:w,children:R},H)=>{const Ve=r.useRef(Ee({controlledValue:w,uncontrolledValue:i})),U=r.useRef(null);r.useImperativeHandle(L,()=>({focus:()=>{var p;(p=U.current)==null||p.focus()}}),[]);const W=je({defaultValue:i,value:w,controlState:Ve.current}),_=r.useCallback((p,E)=>{f==null||f(p,E)},[f]),G=r.useMemo(()=>a===void 0?j:a,[a,j]),xe=r.useCallback(({ariaDescribedBy:p,errorMessageElementId:E,labelElementId:Te})=>e.jsx(De,{...W,"aria-describedby":p,autoComplete:t,children:R,id:l,inputProps:{"aria-errormessage":E,"aria-labelledby":Te,"data-se":B},inputRef:U,multiple:G,name:l,native:!0,onBlur:D,onChange:_,onFocus:F,ref:H,translate:A}),[t,R,l,W,G,D,_,F,H,B,A]);return e.jsx(Le,{ariaDescribedBy:o,errorMessage:u,errorMessageList:d,fieldType:"single",hasVisibleLabel:!0,hint:m,HintLinkComponent:g,id:l,isDisabled:be,isFullWidth:Ce,isOptional:Me,label:Se,renderFieldComponent:xe})}),c=r.memo(Be);c.displayName="NativeSelect";const{fn:N}=__STORYBOOK_MODULE_TEST__,h=["Option A","Option B","Option C","Option D","Option E"],k=e.jsx(e.Fragment,{children:h.map(o=>e.jsx("option",{value:o,children:o},o))}),At={component:c,decorators:[ke],argTypes:{children:{control:!1,description:"The options or optgroup elements within the native select component",table:{category:"Visual",type:{summary:"ReactElement<'option'> | ReactElement<'optgroup'> | undefined"}}},defaultValue:{control:"text",description:"The default value of the native select component. Only applicable if `value` is not provided",table:{category:"Functional",type:{summary:"string | string[] | undefined"}}},errorMessage:n.errorMessage,errorMessageList:n.errorMessageList,hint:n.hint,HintLinkComponent:n.HintLinkComponent,id:n.id,isDisabled:n.isDisabled,isFullWidth:n.isFullWidth,hasMultipleChoices:{control:"boolean",description:"If `true`, the native select component allows multiple selections",table:{readonly:!0,category:"Visual",type:{summary:"boolean"},defaultValue:{summary:"false"}}},isOptional:n.isOptional,label:{control:"text",description:"The label text for the native select component",table:{category:"Visual",type:{summary:"string"}},type:{required:!0,name:"string"}},onBlur:{control:!1,description:"Callback fired when the native select component loses focus",table:{category:"Functional",type:{summary:"func"}}},onChange:{control:!1,description:"Callback fired when the value of the native select component changes",table:{category:"Functional",type:{summary:"func"}}},onFocus:{control:!1,description:"Callback fired when the native select component gains focus",table:{category:"Functional",type:{summary:"func"}}},value:{control:{type:"radio"},options:h,description:"If `value` is provided, you control the field externally and must handle updates with `onChange`.",table:{category:"Functional",type:{summary:"string | string[]"}}}},args:{hasMultipleChoices:!1,hint:"Hint text",id:"native-select",isDisabled:!1,isFullWidth:!1,isOptional:!1,label:"Label",onBlur:N(),onFocus:N(),value:"Option A"}},s={args:{hasMultipleChoices:!1},render:function(t,i){const{value:u,setValue:d}=Oe({args:t,context:i,argKey:"value",defaultValue:t.defaultValue??""}),a=m=>{const g=m.target;d(g.value)};return e.jsx(c,{...t,children:t.children??k,defaultValue:void 0,hasMultipleChoices:!1,onChange:a,value:u})}},Ae={args:{hasMultipleChoices:!0,value:[]},render:function(t,i){const{value:u,setValue:d}=Oe({args:t,context:i,argKey:"value",defaultValue:t.value??[]}),a=m=>{const g=m.target,l=Array.from(g.selectedOptions).map(L=>L.value);d(l)};return e.jsx(c,{...t,children:t.children??k,defaultValue:void 0,hasMultipleChoices:!0,onChange:a,value:u})}},v={...s,tags:["!autodocs"]},y={...s,args:{isDisabled:!0}},O={...s,args:{errorMessage:"Select an option."}},b={...s,args:{errorMessage:"Select an option.",errorMessageList:["Error A","Error B"]}},C={...s,args:{children:e.jsxs(e.Fragment,{children:[e.jsxs("optgroup",{label:"Group 1",children:[e.jsx("option",{value:"Option A",children:"Option A"}),e.jsx("option",{value:"Option B",children:"Option B"}),e.jsx("option",{value:"Option C",children:"Option C"})]}),e.jsxs("optgroup",{label:"Group 2",children:[e.jsx("option",{value:"Option D",children:"Option D"}),e.jsx("option",{value:"Option E",children:"Option E"})]})]}),value:"Option A"},argTypes:{children:{control:!1}}},M={...Ae,argTypes:{value:{control:{type:"check"},options:h}}},S={...s,args:{isOptional:!0}},V={...s,args:{HintLinkComponent:e.jsx(Fe,{href:"#link",children:"Learn more"})}},x={args:{defaultValue:"Option B",value:void 0},argTypes:{value:{control:!1},defaultValue:{control:{type:"radio"},options:h}},parameters:{docs:{description:{story:"When the component is uncontrolled, it manages its own value. Provide `defaultValue` and omit `value`/`onChange` to let the component handle state internally."}}},render:function(t){return e.jsx(c,{...t,children:k})}},T={args:{hasMultipleChoices:!0,defaultValue:["Option B","Option C"],value:void 0},argTypes:{value:{control:!1},defaultValue:{control:{type:"check"},options:h}},parameters:{docs:{description:{story:"When the component is uncontrolled, it manages its own value. Provide `defaultValue` and omit `value`/`onChange` to let the component handle state internally."}}},render:function(t){return e.jsx(c,{...t,children:k})}};var I,z,K;v.parameters={...v.parameters,docs:{...(I=v.parameters)==null?void 0:I.docs,source:{originalSource:`{
+import{r,j as e}from"./iframe-DE4RuJrv.js";import{O as ke}from"./OdysseyStorybookThemeDecorator-B7y7aS60.js";import{u as Oe}from"./useStoryArgOrLocalState-CRQAGSTX.js";import{f as n}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{M as Le}from"./Field-BYLEUHch.js";import{g as Ee,u as je}from"./inputUtils-DtvLbmm9.js";import{S as De}from"./Select-Cia8mIUa.js";import{M as Fe}from"./Link-DBfYgyqI.js";import"./preload-helper-Dp1pzeXC.js";import"./OdysseyThemeProvider-CCwl8LYd.js";import"./tableRowClasses-SdduqaRI.js";import"./WarningFilled-qIqi4h0v.js";import"./index-BAELNoi-.js";import"./OdysseyProvider-CVwRS5Sq.js";import"./ScopedCssBaseline-DLzkuFGv.js";import"./Box-GItunEmH.js";import"./Box-DcPUBV1N.js";import"./List-BSVKZ0wr.js";import"./ListItem-nLG-781o.js";import"./FormHelperText-C8Jvf7bP.js";import"./FormLabel-MF6CzxjN.js";import"./useIsFocusVisible-DEbTNWvz.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-CKEbMwnW.js";import"./TransitionGroupContext-FeNnDXqj.js";import"./ScreenReaderText-6hJD_NSR.js";import"./visuallyHidden-Dan1xhjv.js";import"./FieldHint-Cw2XBNxH.js";import"./Typography-B7LPQ65D.js";import"./Typography-CAaRogW8.js";import"./useUniqueId-ej4W3xOJ.js";import"./createUniqueId-BHjR7HQF.js";import"./Menu-CAnOJYGy.js";import"./Portal-Be1GH4ah.js";import"./resolveComponentProps-DH5wuSot.js";import"./index-DBPVAcBX.js";import"./Grow-BpzgBh-I.js";import"./utils-DAOaxsLc.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-C2qslhip.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-DrCoA42j.js";import"./Paper-Bv-8rqJG.js";import"./MenuList-De-H5WYL.js";import"./useControlled-0vpPKndq.js";import"./ArrowDropDown-C5eUsI_E.js";import"./createSvgIcon-DMOOI9wR.js";import"./InputBase-C9_GkGNE.js";import"./Link-BVJyfG5Z.js";import"./ExternalLink-BEu8BCu0.js";const Be=r.forwardRef(({ariaDescribedBy:o,autoCompleteType:t,defaultValue:i,errorMessage:u,errorMessageList:d,hasMultipleChoices:a,hint:m,HintLinkComponent:g,id:l,inputRef:L,isDisabled:be=!1,isFullWidth:Ce=!1,isMultiSelect:j,isOptional:Me=!1,label:Se,onBlur:D,onChange:f,onFocus:F,testId:B,translate:A,value:w,children:R},H)=>{const Ve=r.useRef(Ee({controlledValue:w,uncontrolledValue:i})),U=r.useRef(null);r.useImperativeHandle(L,()=>({focus:()=>{var p;(p=U.current)==null||p.focus()}}),[]);const W=je({defaultValue:i,value:w,controlState:Ve.current}),_=r.useCallback((p,E)=>{f==null||f(p,E)},[f]),G=r.useMemo(()=>a===void 0?j:a,[a,j]),xe=r.useCallback(({ariaDescribedBy:p,errorMessageElementId:E,labelElementId:Te})=>e.jsx(De,{...W,"aria-describedby":p,autoComplete:t,children:R,id:l,inputProps:{"aria-errormessage":E,"aria-labelledby":Te,"data-se":B},inputRef:U,multiple:G,name:l,native:!0,onBlur:D,onChange:_,onFocus:F,ref:H,translate:A}),[t,R,l,W,G,D,_,F,H,B,A]);return e.jsx(Le,{ariaDescribedBy:o,errorMessage:u,errorMessageList:d,fieldType:"single",hasVisibleLabel:!0,hint:m,HintLinkComponent:g,id:l,isDisabled:be,isFullWidth:Ce,isOptional:Me,label:Se,renderFieldComponent:xe})}),c=r.memo(Be);c.displayName="NativeSelect";const{fn:N}=__STORYBOOK_MODULE_TEST__,h=["Option A","Option B","Option C","Option D","Option E"],k=e.jsx(e.Fragment,{children:h.map(o=>e.jsx("option",{value:o,children:o},o))}),At={component:c,decorators:[ke],argTypes:{children:{control:!1,description:"The options or optgroup elements within the native select component",table:{category:"Visual",type:{summary:"ReactElement<'option'> | ReactElement<'optgroup'> | undefined"}}},defaultValue:{control:"text",description:"The default value of the native select component. Only applicable if `value` is not provided",table:{category:"Functional",type:{summary:"string | string[] | undefined"}}},errorMessage:n.errorMessage,errorMessageList:n.errorMessageList,hint:n.hint,HintLinkComponent:n.HintLinkComponent,id:n.id,isDisabled:n.isDisabled,isFullWidth:n.isFullWidth,hasMultipleChoices:{control:"boolean",description:"If `true`, the native select component allows multiple selections",table:{readonly:!0,category:"Visual",type:{summary:"boolean"},defaultValue:{summary:"false"}}},isOptional:n.isOptional,label:{control:"text",description:"The label text for the native select component",table:{category:"Visual",type:{summary:"string"}},type:{required:!0,name:"string"}},onBlur:{control:!1,description:"Callback fired when the native select component loses focus",table:{category:"Functional",type:{summary:"func"}}},onChange:{control:!1,description:"Callback fired when the value of the native select component changes",table:{category:"Functional",type:{summary:"func"}}},onFocus:{control:!1,description:"Callback fired when the native select component gains focus",table:{category:"Functional",type:{summary:"func"}}},value:{control:{type:"radio"},options:h,description:"If `value` is provided, you control the field externally and must handle updates with `onChange`.",table:{category:"Functional",type:{summary:"string | string[]"}}}},args:{hasMultipleChoices:!1,hint:"Hint text",id:"native-select",isDisabled:!1,isFullWidth:!1,isOptional:!1,label:"Label",onBlur:N(),onFocus:N(),value:"Option A"}},s={args:{hasMultipleChoices:!1},render:function(t,i){const{value:u,setValue:d}=Oe({args:t,context:i,argKey:"value",defaultValue:t.defaultValue??""}),a=m=>{const g=m.target;d(g.value)};return e.jsx(c,{...t,children:t.children??k,defaultValue:void 0,hasMultipleChoices:!1,onChange:a,value:u})}},Ae={args:{hasMultipleChoices:!0,value:[]},render:function(t,i){const{value:u,setValue:d}=Oe({args:t,context:i,argKey:"value",defaultValue:t.value??[]}),a=m=>{const g=m.target,l=Array.from(g.selectedOptions).map(L=>L.value);d(l)};return e.jsx(c,{...t,children:t.children??k,defaultValue:void 0,hasMultipleChoices:!0,onChange:a,value:u})}},v={...s,tags:["!autodocs"]},y={...s,args:{isDisabled:!0}},O={...s,args:{errorMessage:"Select an option."}},b={...s,args:{errorMessage:"Select an option.",errorMessageList:["Error A","Error B"]}},C={...s,args:{children:e.jsxs(e.Fragment,{children:[e.jsxs("optgroup",{label:"Group 1",children:[e.jsx("option",{value:"Option A",children:"Option A"}),e.jsx("option",{value:"Option B",children:"Option B"}),e.jsx("option",{value:"Option C",children:"Option C"})]}),e.jsxs("optgroup",{label:"Group 2",children:[e.jsx("option",{value:"Option D",children:"Option D"}),e.jsx("option",{value:"Option E",children:"Option E"})]})]}),value:"Option A"},argTypes:{children:{control:!1}}},M={...Ae,argTypes:{value:{control:{type:"check"},options:h}}},S={...s,args:{isOptional:!0}},V={...s,args:{HintLinkComponent:e.jsx(Fe,{href:"#link",children:"Learn more"})}},x={args:{defaultValue:"Option B",value:void 0},argTypes:{value:{control:!1},defaultValue:{control:{type:"radio"},options:h}},parameters:{docs:{description:{story:"When the component is uncontrolled, it manages its own value. Provide `defaultValue` and omit `value`/`onChange` to let the component handle state internally."}}},render:function(t){return e.jsx(c,{...t,children:k})}},T={args:{hasMultipleChoices:!0,defaultValue:["Option B","Option C"],value:void 0},argTypes:{value:{control:!1},defaultValue:{control:{type:"check"},options:h}},parameters:{docs:{description:{story:"When the component is uncontrolled, it manages its own value. Provide `defaultValue` and omit `value`/`onChange` to let the component handle state internally."}}},render:function(t){return e.jsx(c,{...t,children:k})}};var I,z,K;v.parameters={...v.parameters,docs:{...(I=v.parameters)==null?void 0:I.docs,source:{originalSource:`{
   ...singleTemplate,
   tags: ["!autodocs"]
 }`,...(K=(z=v.parameters)==null?void 0:z.docs)==null?void 0:K.source}}};var q,Y,J;y.parameters={...y.parameters,docs:{...(q=y.parameters)==null?void 0:q.docs,source:{originalSource:`{

package/dist/assets/{Notification-CqbysXIb.js → Notification-CZG5fzUR.js}

@@ -1 +1 @@
-import{r as e,j as o}from"./iframe-CQjT1fxh.js";import{S as t}from"./tableRowClasses-Bk1uFtwh.js";const n=e.forwardRef((i,r)=>o.jsx(t,{fill:"none",ref:r,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...i,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M8 .667c-2.97 0-5.313 2.37-5.576 5.266-.198 2.19-.529 4.171-1.06 5.868l-.272.866h3.639A3.303 3.303 0 0 0 8 15.333a3.303 3.303 0 0 0 3.269-2.666h3.639l-.272-.866c-.531-1.697-.862-3.679-1.06-5.868C13.313 3.038 10.97.667 8 .667Zm1.891 12H6.11A1.97 1.97 0 0 0 8 14a1.97 1.97 0 0 0 1.891-1.333ZM3.752 6.053C3.958 3.781 5.782 2 8 2c2.218 0 4.042 1.78 4.248 4.053.171 1.894.443 3.676.866 5.28H2.886c.423-1.604.695-3.386.866-5.28Z",fill:"currentColor",fillRule:"evenodd"})})})),c=e.memo(n);c.displayName="NotificationIcon";export{c as M};
+import{r as e,j as o}from"./iframe-DE4RuJrv.js";import{S as t}from"./tableRowClasses-SdduqaRI.js";const n=e.forwardRef((i,r)=>o.jsx(t,{fill:"none",ref:r,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...i,children:o.jsx(o.Fragment,{children:o.jsx("path",{clipRule:"evenodd",d:"M8 .667c-2.97 0-5.313 2.37-5.576 5.266-.198 2.19-.529 4.171-1.06 5.868l-.272.866h3.639A3.303 3.303 0 0 0 8 15.333a3.303 3.303 0 0 0 3.269-2.666h3.639l-.272-.866c-.531-1.697-.862-3.679-1.06-5.868C13.313 3.038 10.97.667 8 .667Zm1.891 12H6.11A1.97 1.97 0 0 0 8 14a1.97 1.97 0 0 0 1.891-1.333ZM3.752 6.053C3.958 3.781 5.782 2 8 2c2.218 0 4.042 1.78 4.248 4.053.171 1.894.443 3.676.866 5.28H2.886c.423-1.604.695-3.386.866-5.28Z",fill:"currentColor",fillRule:"evenodd"})})})),c=e.memo(n);c.displayName="NotificationIcon";export{c as M};