@oracle/oraclejet-preact 15.0.1 → 15.0.2

package/amd/UNSAFE_ComponentMessage/themes/stable/ComponentMessageVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-0002efa3'], (function(e,s,t){"use strict";var n=t.createRuntimeFn({defaultClassName:"ComponentMessageStyles_componentMessageBase__12i4io40",variantClassNames:{severity:{error:"ComponentMessageStyles_variants_severity_error__12i4io42",warning:"ComponentMessageStyles_variants_severity_warning__12i4io43",confirmation:"ComponentMessageStyles_variants_severity_confirmation__12i4io44",info:"ComponentMessageStyles_variants_severity_info__12i4io45",none:""}},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=n,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-6f6e2b8d'], (function(e,s,t){"use strict";var n=t.createRuntimeFn({defaultClassName:"ComponentMessageStyles_componentMessageBase__12i4io40",variantClassNames:{severity:{error:"ComponentMessageStyles_variants_severity_error__12i4io42",warning:"ComponentMessageStyles_variants_severity_warning__12i4io43",confirmation:"ComponentMessageStyles_variants_severity_confirmation__12i4io44",info:"ComponentMessageStyles_variants_severity_info__12i4io45",none:""}},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=n,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=ComponentMessageVariants.css.js.map

package/amd/UNSAFE_ComponentMessage.js

@@ -1,2 +1,2 @@
-define(['exports', './ComponentMessage-b623933c', './ComponentMessageContainer-a0e0e75f', 'preact/jsx-runtime', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './_curry1-8e80b9e8', './_curry2-6182e485', './hooks/UNSAFE_useTranslationBundle', 'preact/hooks', './index-972353b7', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/compat', './PRIVATE_Message', './UNSAFE_Flex', './Flex-602aedd6', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-c3d71872', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_classNames', './classNames-a38faa50', './_curry3-dfa9e462', './_has-d086a175', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-069dcca6', './utils/UNSAFE_interpolations/flexbox', './flexbox-de7617fc', './utils/UNSAFE_interpolations/flexitem', './flexitem-8a1a84c5', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'module', './MessageCloseButton-e8599ba5', './UNSAFE_IconButton', './IconButton-36dd487c', './UNSAFE_BaseButton', './BaseButton-4b9940bc', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './utils/PRIVATE_clientHints', './clientHints-097c8e85', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_mergeProps', './ButtonLayout-364c0a37', './UNSAFE_Text', './Text-33a18d63', './UNSAFE_Text/themes/TextStyles.css', 'module', './vanilla-extract-recipes-createRuntimeFn.esm-0002efa3', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-894861f8', './index-1a7108e6', './hooks/UNSAFE_useUser', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-964c2211', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-0b9b289d', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-5e7d76a4', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'module', './PRIVATE_ThemedIcons/CloseIcon', './UNSAFE_Icon', './Icon-6c7cf55e', './UNSAFE_Icon/themes/IconStyle.css', 'module', './MessageDetail-8f44a2fd', './MessageFormattingUtils-f67b2ba7', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-609a2a82', './Message.types-33f4e0af', './MessageStartIcon-f45a75e4', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-c60f1c4a', './MessageTimestamp-787ef5e3', './MessageUtils-3f27e5e8', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'module', './MessagesManager-0fa3c653', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext', './UNSAFE_HiddenAccessible', './HiddenAccessible-73f4ec25', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', 'css!./ComponentMessageStyles.styles.css', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css'], (function(e,s,o,t,n,a,i,l,m,c,r,F,S,_,A,h,E,g,U,d,u,N,T,p,M,C,y,I,f,B,k,x,b,V,w,P,R,v,H,L,j,O,z,D,G,W,q,J,K,Q,X,Y,Z,$,ee,se,oe,te,ne,ae,ie,le,me,ce,re,Fe,Se,_e,Ae,he,Ee,ge,Ue,de,ue,Ne,Te,pe,Me,Ce,ye,Ie,fe,Be,ke,xe,be,Ve,we,Pe,Re,ve,He,Le,je,Oe,ze,De,Ge,We,qe,Je,Ke,Qe,Xe,Ye,Ze,$e,es,ss,os,ts,ns,as,is,ls,ms,cs,rs,Fs,Ss,_s,As,hs,Es,gs,Us,ds,us,Ns,Ts){"use strict";e.ComponentMessage=s.ComponentMessage,e.ComponentMessageContainer=o.ComponentMessageContainer,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './ComponentMessage-fb099f4f', './ComponentMessageContainer-1ff8855c', 'preact/jsx-runtime', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './_curry1-5cea534a', './_curry2-c02a6898', './hooks/UNSAFE_useTranslationBundle', 'preact/hooks', './index-7d808afa', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/compat', './PRIVATE_Message', './UNSAFE_Flex', './Flex-0a2755ad', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-3096e431', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_classNames', './classNames-c6cc4719', './_curry3-f55dd1d6', './_has-de06828b', 'module', './utils/UNSAFE_interpolations/boxalignment', './keys-72d42d0f', './utils/UNSAFE_interpolations/flexbox', './flexbox-03b175aa', './utils/UNSAFE_interpolations/flexitem', './flexitem-f4d8540e', './utils/PRIVATE_timer', './PRIVATE_Message/themes/MessageStyles.css', 'module', './MessageCloseButton-80b9e135', './UNSAFE_IconButton', './IconButton-8a163411', './UNSAFE_BaseButton', './BaseButton-ff511180', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './utils/PRIVATE_clientHints', './clientHints-fbfc14a7', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-78784b76', './UNSAFE_Text', './Text-4733b962', './UNSAFE_Text/themes/TextStyles.css', 'module', './vanilla-extract-recipes-createRuntimeFn.esm-6f6e2b8d', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-851238a6', './index-0f1e12db', './hooks/UNSAFE_useUser', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-a9754e48', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-710109a5', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-36a9a58b', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'module', './PRIVATE_ThemedIcons/CloseIcon', './UNSAFE_Icon', './Icon-f27746d9', './UNSAFE_Icon/themes/IconStyle.css', 'module', './MessageDetail-ed317948', './MessageFormattingUtils-1561035a', './utils/UNSAFE_getLocale', './utils/UNSAFE_stringUtils', './stringUtils-96bfcb78', './Message.types-f79bf67b', './MessageStartIcon-0eacd752', './PRIVATE_ThemedIcons/MessageConfirmationIcon', './PRIVATE_ThemedIcons/MessageErrorIcon', './PRIVATE_ThemedIcons/MessageInfoIcon', './PRIVATE_ThemedIcons/MessageWarningIcon', './MessageSummary-1a256c77', './MessageTimestamp-bb896a80', './MessageUtils-400d4d6a', './utils/UNSAFE_soundUtils', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './UNSAFE_MessageBanner/themes/MessageBannerStyles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'module', './MessagesManager-9c22a890', './PRIVATE_TransitionGroup', './hooks/UNSAFE_useMessagesContext', './UNSAFE_HiddenAccessible', './HiddenAccessible-035096e4', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', 'css!./ComponentMessageStyles.styles.css', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css'], (function(e,s,o,t,n,a,i,l,m,r,c,F,S,_,A,h,E,g,U,d,u,N,T,p,M,C,y,I,f,B,k,b,x,V,w,P,R,v,H,L,j,O,z,D,G,W,q,J,K,Q,X,Y,Z,$,ee,se,oe,te,ne,ae,ie,le,me,re,ce,Fe,Se,_e,Ae,he,Ee,ge,Ue,de,ue,Ne,Te,pe,Me,Ce,ye,Ie,fe,Be,ke,be,xe,Ve,we,Pe,Re,ve,He,Le,je,Oe,ze,De,Ge,We,qe,Je,Ke,Qe,Xe,Ye,Ze,$e,es,ss,os,ts,ns,as,is,ls,ms,rs,cs,Fs,Ss,_s,As,hs,Es,gs,Us,ds,us,Ns,Ts,ps){"use strict";e.ComponentMessage=s.ComponentMessage,e.ComponentMessageContainer=o.ComponentMessageContainer,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_ComponentMessage.js.map

package/amd/UNSAFE_Dialog/themes/redwood/DialogTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../DialogStyles.css', './DialogBaseTheme.css', './DialogVariants.css', 'module', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-0002efa3'], (function(e,s,a,t,i,l,n){"use strict";const o={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.DialogRedwoodTheme=o,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../DialogStyles.css', './DialogBaseTheme.css', './DialogVariants.css', 'module', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-6f6e2b8d'], (function(e,s,t,a,i,l,n){"use strict";const o={baseTheme:t.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:s.variants,styles:s.styles};e.DialogRedwoodTheme=o,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=DialogTheme.js.map

package/amd/UNSAFE_Dialog/themes/redwood/DialogVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-0002efa3'], (function(e,a,t){"use strict";var s=t.createRuntimeFn({defaultClassName:"DialogStyles_baseStyle__54385j0",variantClassNames:{},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=s,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-6f6e2b8d'], (function(e,a,t){"use strict";var s=t.createRuntimeFn({defaultClassName:"DialogStyles_baseStyle__54385j0",variantClassNames:{},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=s,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=DialogVariants.css.js.map

package/amd/UNSAFE_Dialog/themes/stable/DialogTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../DialogStyles.css', './DialogBaseTheme.css', './DialogVariants.css', 'module', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-0002efa3'], (function(e,s,a,t,l,i,n){"use strict";const c={baseTheme:a.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.DialogStableTheme=c,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../DialogStyles.css', './DialogBaseTheme.css', './DialogVariants.css', 'module', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-6f6e2b8d'], (function(e,s,t,a,l,i,n){"use strict";const c={baseTheme:t.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:s.variants,styles:s.styles};e.DialogStableTheme=c,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=DialogTheme.js.map

package/amd/UNSAFE_Dialog/themes/stable/DialogVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-0002efa3'], (function(e,a,t){"use strict";var s=t.createRuntimeFn({defaultClassName:"DialogStyles_baseStyle__54385j0",variantClassNames:{},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=s,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-6f6e2b8d'], (function(e,a,t){"use strict";var s=t.createRuntimeFn({defaultClassName:"DialogStyles_baseStyle__54385j0",variantClassNames:{},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=s,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=DialogVariants.css.js.map

package/amd/UNSAFE_Dialog.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'preact/compat', './hooks/UNSAFE_useAnimation', './hooks/UNSAFE_useComponentTheme', './UNSAFE_Layer', './UNSAFE_Modal', './UNSAFE_FocusTrap', './UNSAFE_WindowOverlay', './hooks/UNSAFE_useId', './UNSAFE_Dialog/themes/redwood/DialogTheme', './useAnimation-5e7d76a4', './FocusTrap-e64dfc3e', './Modal-80c38b89', './utils/UNSAFE_logger', './_curry1-8e80b9e8', './_curry2-6182e485', './index-972353b7', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './useThemeInterpolations-0b9b289d', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './UNSAFE_Theme', './utils-c3d71872', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_classNames', './classNames-a38faa50', './_curry3-dfa9e462', './_has-d086a175', 'module', './utils/PRIVATE_tabbableUtils', './_arity-0f1e8642', './vanilla-extract-dynamic.esm-964c2211', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'module', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './hooks/UNSAFE_useUser', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-0002efa3', './UNSAFE_Dialog/themes/DialogStyles.css', 'css!./DialogStyles.styles.css', './UNSAFE_Dialog/themes/redwood/DialogBaseTheme.css', 'module', './UNSAFE_Dialog/themes/redwood/DialogVariants.css', './useModal-9b428c34', './UNSAFE_Modal/themes/ModalStyles.css', 'module'], (function(e,o,s,a,l,t,i,n,r,d,c,m,y,h,u,S,N,_,p,F,g,A,E,f,w,U,b,v,O,D,T,x,j,W,C,B,M,R,k,I,K,L,X,Y,V,P,H,q,z,G,J,Q,Z,$,ee,oe){"use strict";const se=({header:e,id:s})=>{const{styles:a}=t.useComponentTheme(m.DialogRedwoodTheme),l="string"==typeof e?o.jsx("h1",{id:s,className:a.dialogTitleStyle,children:e}):e;return o.jsx("div",{"aria-labelledby":s,className:a.dialogHeaderStyle,children:l})},ae=a.forwardRef((({children:e,header:s,footer:a,labelId:l,role:i,ariaLabelledBy:n,ariaDescribedBy:r,onKeyDown:d},c)=>{const{classes:y,styles:h}=t.useComponentTheme(m.DialogRedwoodTheme);return o.jsx("div",{ref:c,className:y,style:{opacity:0},onKeyDown:d,role:i,"aria-labelledby":n,"aria-describedby":r,children:o.jsxs("div",{className:h.dialogContainerStyle,children:[o.jsx(se,{id:l,header:s}),o.jsx("div",{className:h.dialogContentStyle,children:o.jsx("div",{className:h.dialogBodyStyle,children:e})}),o.jsx("div",{className:h.dialogFooterStyle,children:a})]})})})),le={opening:{from:{scaleX:0,scaleY:0,transformOrigin:"center",opacity:0},to:{scaleX:1,scaleY:1,opacity:1},options:{duration:200}},closing:{from:{scaleX:1,scaleY:1,transformOrigin:"center",opacity:1},to:{scaleX:0,scaleY:0,opacity:0},options:{duration:200}}};e.Dialog=({autoFocusRef:e,children:a,isOpen:l,header:t="",footer:n,modality:r="modal",placement:m="center",offset:S=0,onClose:N,onTransitionEnd:_,role:p="dialog","aria-labelledby":F,"aria-describedby":g})=>{const[A,E]=s.useState(l?"opening":"unmounted"),f=c.useId(),w=F||f;s.useEffect((()=>{("unmounted"!==A||l)&&E(l?"opening":"closing")}),[l,A]);const{nodeRef:U}=y.useAnimation(A,{animationStates:le,isAnimatedOnMount:!0,onAnimationEnd:({animationState:e})=>{"closing"===e?(E("unmounted"),_?.(!1)):_?.(!0)}}),b=e=>{if("Escape"===e.code)N?.({reason:"escapeKey"})},v=()=>o.jsx(d.WindowOverlay,{placement:m,offset:S,children:o.jsx(h.FocusTrap,{autoFocusRef:e,children:o.jsx(ae,{ref:U,labelId:w,header:t,footer:n,role:p,ariaLabelledBy:w,ariaDescribedBy:g,onKeyDown:b,children:a})})});return"modal"===r?o.jsx(u.Modal,{isOpen:"unmounted"!==A,children:v()}):"unmounted"!==A?o.jsx(i.Layer,{children:v()}):null},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'preact/compat', './hooks/UNSAFE_useAnimation', './hooks/UNSAFE_useComponentTheme', './UNSAFE_Layer', './UNSAFE_Modal', './UNSAFE_FocusTrap', './UNSAFE_WindowOverlay', './hooks/UNSAFE_useId', './UNSAFE_Dialog/themes/redwood/DialogTheme', './useAnimation-36a9a58b', './FocusTrap-33bb474d', './Modal-6566ca5b', './utils/UNSAFE_logger', './_curry1-5cea534a', './_curry2-c02a6898', './index-7d808afa', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './useThemeInterpolations-710109a5', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './UNSAFE_Theme', './utils-3096e431', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_classNames', './classNames-c6cc4719', './_curry3-f55dd1d6', './_has-de06828b', 'module', './utils/PRIVATE_tabbableUtils', './_arity-d203ca27', './vanilla-extract-dynamic.esm-a9754e48', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'module', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './hooks/UNSAFE_useUser', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-6f6e2b8d', './UNSAFE_Dialog/themes/DialogStyles.css', 'css!./DialogStyles.styles.css', './UNSAFE_Dialog/themes/redwood/DialogBaseTheme.css', 'module', './UNSAFE_Dialog/themes/redwood/DialogVariants.css', './useModal-d279b8b3', './UNSAFE_Modal/themes/ModalStyles.css', 'module'], (function(e,o,s,a,l,t,i,n,r,d,c,m,y,h,u,S,N,_,p,F,g,A,E,w,U,b,f,v,O,D,T,x,j,W,C,B,M,R,k,I,K,L,X,Y,V,P,H,q,z,G,J,Q,Z,$,ee,oe){"use strict";const se=({header:e,id:s})=>{const{styles:a}=t.useComponentTheme(m.DialogRedwoodTheme),l="string"==typeof e?o.jsx("h1",{id:s,className:a.dialogTitleStyle,children:e}):e;return o.jsx("div",{"aria-labelledby":s,className:a.dialogHeaderStyle,children:l})},ae=a.forwardRef((({children:e,header:s,footer:a,labelId:l,role:i,ariaLabelledBy:n,ariaDescribedBy:r,onKeyDown:d},c)=>{const{classes:y,styles:h}=t.useComponentTheme(m.DialogRedwoodTheme);return o.jsx("div",{ref:c,className:y,style:{opacity:0},onKeyDown:d,role:i,"aria-labelledby":n,"aria-describedby":r,children:o.jsxs("div",{className:h.dialogContainerStyle,children:[o.jsx(se,{id:l,header:s}),o.jsx("div",{className:h.dialogContentStyle,children:o.jsx("div",{className:h.dialogBodyStyle,children:e})}),o.jsx("div",{className:h.dialogFooterStyle,children:a})]})})})),le={opening:{from:{scaleX:0,scaleY:0,transformOrigin:"center",opacity:0},to:{scaleX:1,scaleY:1,opacity:1},options:{duration:200}},closing:{from:{scaleX:1,scaleY:1,transformOrigin:"center",opacity:1},to:{scaleX:0,scaleY:0,opacity:0},options:{duration:200}}};e.Dialog=({autoFocusRef:e,children:a,isOpen:l,header:t="",footer:n,modality:r="modal",placement:m="center",offset:S=0,onClose:N,onTransitionEnd:_,role:p="dialog","aria-labelledby":F,"aria-describedby":g})=>{const[A,E]=s.useState(l?"opening":"unmounted"),w=c.useId(),U=F||w;s.useEffect((()=>{("unmounted"!==A||l)&&E(l?"opening":"closing")}),[l,A]);const{nodeRef:b}=y.useAnimation(A,{animationStates:le,isAnimatedOnMount:!0,onAnimationEnd:({animationState:e})=>{"closing"===e?(E("unmounted"),_?.(!1)):_?.(!0)}}),f=e=>{if("Escape"===e.code)N?.({reason:"escapeKey"})},v=()=>o.jsx(d.WindowOverlay,{placement:m,offset:S,children:o.jsx(h.FocusTrap,{autoFocusRef:e,children:o.jsx(ae,{ref:b,labelId:U,header:t,footer:n,role:p,ariaLabelledBy:U,ariaDescribedBy:g,onKeyDown:f,children:a})})});return"modal"===r?o.jsx(u.Modal,{isOpen:"unmounted"!==A,children:v()}):"unmounted"!==A?o.jsx(i.Layer,{children:v()}):null},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Dialog.js.map

package/amd/UNSAFE_Divider/themes/DividerStyles.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'module', '../../vanilla-extract-recipes-createRuntimeFn.esm-0002efa3'], (function(e,i,t){"use strict";var a=t.createRuntimeFn({defaultClassName:"DividerStyles_dividerBase__1joid0h0",variantClassNames:{orientation:{horizontal:"DividerStyles_multiVariantStyles_orientation_horizontal__1joid0h1"}},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=a,e.styles={dividerBase:"DividerStyles_dividerBase__1joid0h0"},e.variants={orientation:{horizontal:{borderWidth:"1px 0 0 0"}}},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'module', '../../vanilla-extract-recipes-createRuntimeFn.esm-6f6e2b8d'], (function(e,i,t){"use strict";var a=t.createRuntimeFn({defaultClassName:"DividerStyles_dividerBase__1joid0h0",variantClassNames:{orientation:{horizontal:"DividerStyles_multiVariantStyles_orientation_horizontal__1joid0h1"}},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=a,e.styles={dividerBase:"DividerStyles_dividerBase__1joid0h0"},e.variants={orientation:{horizontal:{borderWidth:"1px 0 0 0"}}},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=DividerStyles.css.js.map

package/amd/UNSAFE_Divider.js

@@ -1,2 +1,2 @@
-define(['exports', './Divider-605e37cf', 'preact/jsx-runtime', './utils/UNSAFE_classNames', './classNames-a38faa50', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-0002efa3'], (function(e,s,i,t,r,a,c,l){"use strict";e.Divider=s.Divider,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './Divider-9dbc0f92', 'preact/jsx-runtime', './utils/UNSAFE_classNames', './classNames-c6cc4719', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-6f6e2b8d'], (function(e,s,i,t,c,r,d,a){"use strict";e.Divider=s.Divider,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Divider.js.map

package/amd/UNSAFE_DrawerPopup/themes/redwood/DrawerPopupTheme.js

@@ -1,2 +1,2 @@
-define(['exports', './DrawerPopupBaseTheme.css', '../DrawerPopupStyles.css', './DrawerPopupVariants.css', 'module', 'module', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-0002efa3'], (function(e,s,a,r,t,p,i,n){"use strict";const o={baseTheme:s.baseTheme,multiVariantStyles:r.multiVariantStyles,variants:a.variants};e.DrawerPopupRedwoodTheme=o,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './DrawerPopupBaseTheme.css', '../DrawerPopupStyles.css', './DrawerPopupVariants.css', 'module', 'module', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-6f6e2b8d'], (function(e,s,a,r,t,p,i,n){"use strict";const o={baseTheme:s.baseTheme,multiVariantStyles:r.multiVariantStyles,variants:a.variants};e.DrawerPopupRedwoodTheme=o,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=DrawerPopupTheme.js.map

package/amd/UNSAFE_DrawerPopup/themes/redwood/DrawerPopupTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerPopupTheme.js","sources":["../../../../../src/UNSAFE_DrawerPopup/themes/redwood/DrawerPopupTheme.ts"],"sourcesContent":["import { baseTheme } from './DrawerPopupBaseTheme.css';\nimport { variants, DrawerPopupTheme } from '../DrawerPopupStyles.css';\nimport { multiVariantStyles } from './DrawerPopupVariants.css';\n\n/*******************\n * Component Theme\n *******************/\n\nconst DrawerPopupRedwoodTheme: DrawerPopupTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { DrawerPopupRedwoodTheme };\n"],"names":["DrawerPopupRedwoodTheme","baseTheme","multiVariantStyles","variants"],"mappings":"0UAQA,MAAMA,EAA4C,WAChDC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA"}
+{"version":3,"file":"DrawerPopupTheme.js","sources":["../../../../../src/UNSAFE_DrawerPopup/themes/redwood/DrawerPopupTheme.ts"],"sourcesContent":["import { baseTheme } from './DrawerPopupBaseTheme.css';\nimport { variants, DrawerPopupTheme } from '../DrawerPopupStyles.css';\nimport { multiVariantStyles } from './DrawerPopupVariants.css';\n\n/*******************\n * Component Theme\n *******************/\n\nconst DrawerPopupRedwoodTheme: DrawerPopupTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { DrawerPopupRedwoodTheme };\n"],"names":["DrawerPopupRedwoodTheme","baseTheme","multiVariantStyles","variants"],"mappings":"yUAQA,MAAMA,EAA4C,WAChDC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA"}

package/amd/UNSAFE_DrawerPopup/themes/redwood/DrawerPopupVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'module', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-0002efa3'], (function(a,e,t,r){"use strict";var i=r.createRuntimeFn({defaultClassName:"DrawerPopupStyles_baseStyle__rsgy7b0",variantClassNames:{placement:{left:"DrawerPopupVariants_multiVariantStyles_placement_left__ajbar40",right:"DrawerPopupVariants_multiVariantStyles_placement_right__ajbar41",bottom:"DrawerPopupVariants_multiVariantStyles_placement_bottom__ajbar42"},visibility:{visible:"DrawerPopupStyles_visibilityVisible__rsgy7b2",hidden:"DrawerPopupStyles_visibilityHidden__rsgy7b1"},displayModeHorizontal:{overlay:"",fullOverlay:"DrawerPopupVariants_multiVariantStyles_displayModeHorizontal_fullOverlay__ajbar46"}},defaultVariants:{},compoundVariants:[]});a.multiVariantStyles=i,Object.defineProperty(a,"__esModule",{value:!0})}));
+define(['exports', 'module', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-6f6e2b8d'], (function(a,e,t,r){"use strict";var i=r.createRuntimeFn({defaultClassName:"DrawerPopupStyles_baseStyle__rsgy7b0",variantClassNames:{placement:{left:"DrawerPopupVariants_multiVariantStyles_placement_left__ajbar40",right:"DrawerPopupVariants_multiVariantStyles_placement_right__ajbar41",bottom:"DrawerPopupVariants_multiVariantStyles_placement_bottom__ajbar42"},visibility:{visible:"DrawerPopupStyles_visibilityVisible__rsgy7b2",hidden:"DrawerPopupStyles_visibilityHidden__rsgy7b1"},displayModeHorizontal:{overlay:"",fullOverlay:"DrawerPopupVariants_multiVariantStyles_displayModeHorizontal_fullOverlay__ajbar46"}},defaultVariants:{},compoundVariants:[]});a.multiVariantStyles=i,Object.defineProperty(a,"__esModule",{value:!0})}));
 //# sourceMappingURL=DrawerPopupVariants.css.js.map

package/amd/UNSAFE_DrawerPopup/themes/stable/DrawerPopupTheme.js

@@ -1,2 +1,2 @@
-define(['exports', './DrawerPopupBaseTheme.css', '../DrawerPopupStyles.css', './DrawerPopupVariants.css', 'module', 'module', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-0002efa3'], (function(e,s,a,r,t,p,i,l){"use strict";const n={baseTheme:s.baseTheme,multiVariantStyles:r.multiVariantStyles,variants:a.variants};e.DrawerPopupStableTheme=n,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './DrawerPopupBaseTheme.css', '../DrawerPopupStyles.css', './DrawerPopupVariants.css', 'module', 'module', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-6f6e2b8d'], (function(e,s,a,r,t,p,i,l){"use strict";const n={baseTheme:s.baseTheme,multiVariantStyles:r.multiVariantStyles,variants:a.variants};e.DrawerPopupStableTheme=n,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=DrawerPopupTheme.js.map

package/amd/UNSAFE_DrawerPopup/themes/stable/DrawerPopupTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerPopupTheme.js","sources":["../../../../../src/UNSAFE_DrawerPopup/themes/stable/DrawerPopupTheme.ts"],"sourcesContent":["import { baseTheme } from './DrawerPopupBaseTheme.css';\nimport { variants, DrawerPopupTheme } from '../DrawerPopupStyles.css';\nimport { multiVariantStyles } from './DrawerPopupVariants.css';\n\n/*******************\n * Component Theme\n *******************/\n\nconst DrawerPopupStableTheme: DrawerPopupTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { DrawerPopupStableTheme };\n"],"names":["DrawerPopupStableTheme","baseTheme","multiVariantStyles","variants"],"mappings":"yUAQA,MAAMA,EAA2C,WAC/CC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA"}
+{"version":3,"file":"DrawerPopupTheme.js","sources":["../../../../../src/UNSAFE_DrawerPopup/themes/stable/DrawerPopupTheme.ts"],"sourcesContent":["import { baseTheme } from './DrawerPopupBaseTheme.css';\nimport { variants, DrawerPopupTheme } from '../DrawerPopupStyles.css';\nimport { multiVariantStyles } from './DrawerPopupVariants.css';\n\n/*******************\n * Component Theme\n *******************/\n\nconst DrawerPopupStableTheme: DrawerPopupTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { DrawerPopupStableTheme };\n"],"names":["DrawerPopupStableTheme","baseTheme","multiVariantStyles","variants"],"mappings":"0UAQA,MAAMA,EAA2C,WAC/CC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA"}

package/amd/UNSAFE_DrawerPopup/themes/stable/DrawerPopupVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'module', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-0002efa3'], (function(e,a,t,i){"use strict";var r=i.createRuntimeFn({defaultClassName:"DrawerPopupStyles_baseStyle__rsgy7b0",variantClassNames:{placement:{left:"DrawerPopupVariants_multiVariantStyles_placement_left__idav9r0",right:"DrawerPopupVariants_multiVariantStyles_placement_right__idav9r1",bottom:"DrawerPopupVariants_multiVariantStyles_placement_bottom__idav9r2"},visibility:{visible:"DrawerPopupStyles_visibilityVisible__rsgy7b2",hidden:"DrawerPopupStyles_visibilityHidden__rsgy7b1"},displayModeHorizontal:{overlay:"",fullOverlay:"DrawerPopupVariants_multiVariantStyles_displayModeHorizontal_fullOverlay__idav9r6"}},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=r,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'module', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-6f6e2b8d'], (function(e,a,t,i){"use strict";var r=i.createRuntimeFn({defaultClassName:"DrawerPopupStyles_baseStyle__rsgy7b0",variantClassNames:{placement:{left:"DrawerPopupVariants_multiVariantStyles_placement_left__idav9r0",right:"DrawerPopupVariants_multiVariantStyles_placement_right__idav9r1",bottom:"DrawerPopupVariants_multiVariantStyles_placement_bottom__idav9r2"},visibility:{visible:"DrawerPopupStyles_visibilityVisible__rsgy7b2",hidden:"DrawerPopupStyles_visibilityHidden__rsgy7b1"},displayModeHorizontal:{overlay:"",fullOverlay:"DrawerPopupVariants_multiVariantStyles_displayModeHorizontal_fullOverlay__idav9r6"}},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=r,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=DrawerPopupVariants.css.js.map

package/amd/UNSAFE_DrawerPopup.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './UNSAFE_Layer', './UNSAFE_Modal', './UNSAFE_FocusTrap', './utils/PRIVATE_tabbableUtils', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_clientHints', './hooks/UNSAFE_useOutsideClick', './hooks/UNSAFE_useAnimation', './hooks/UNSAFE_useUser', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_interpolations/colors', './utils/UNSAFE_mergeInterpolations', './UNSAFE_DrawerPopup/themes/redwood/DrawerPopupTheme', './useAnimation-5e7d76a4', './clientHints-097c8e85', './FocusTrap-e64dfc3e', './Modal-80c38b89', 'preact/compat', './index-972353b7', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './useThemeInterpolations-0b9b289d', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './UNSAFE_Theme', './utils-c3d71872', './utils/UNSAFE_classNames', './classNames-a38faa50', './_curry1-8e80b9e8', './_curry3-dfa9e462', './_curry2-6182e485', './_has-d086a175', './useModal-9b428c34', './UNSAFE_Modal/themes/ModalStyles.css', 'module', './vanilla-extract-recipes-createRuntimeFn.esm-0002efa3', 'module', './_arity-0f1e8642', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_logger', './UNSAFE_DrawerPopup/themes/redwood/DrawerPopupBaseTheme.css', 'module', './UNSAFE_DrawerPopup/themes/DrawerPopupStyles.css', 'css!./DrawerPopupStyles.styles.css', './UNSAFE_DrawerPopup/themes/redwood/DrawerPopupVariants.css', 'css!./DrawerPopupVariants.styles2.css'], (function(e,t,o,s,n,r,a,i,l,u,c,d,m,p,h,f,b,y,E,S,A,_,F,w,U,g,v,N,P,D,C,k,T,x,M,R,O,I,j,H,V,L,X,Y,z,B,W,$,K,q,G,J,Q){"use strict";const Z="0px",ee=250;e.DrawerPopup=({children:e,isOpen:n=!1,autoFocusRef:r,placement:l="start",modality:c="modal",onClose:A,onTransitionEnd:_,"aria-label":F,"aria-labelledby":w,"aria-describedby":U,...g})=>{const[v,N]=o.useState(n?"initial":"unmounted"),[P,D]=o.useState("hidden"),[C,k]=o.useState(!n),[T,x]=o.useState("overlay"),M=o.useRef(null),R=o.useRef(null),O="bottom"===l,I={opening:()=>O?{from:{translateY:V()},to:{translateY:Z},options:{duration:ee}}:{from:{translateX:H()},to:{translateX:Z},options:{duration:ee}},closing:()=>O?{from:{translateY:Z},to:{translateY:V()},options:{duration:ee}}:{from:{translateX:Z},to:{translateX:H()},options:{duration:ee}}},{direction:j}=d.useUser(),H=()=>{return`${"right"===i.normalizePosition(l,j)?"":"-"}${e=M.current,Math.round(e.getBoundingClientRect().width)}px`;var e},V=()=>{return`${e=M.current,Math.round(e.offsetHeight)}px`;var e},{nodeRef:L}=b.useAnimation(v,{animationStates:I,isAnimatedOnMount:!0,onAnimationEnd:o.useCallback((()=>{"opening"===v?_?.(!0):n||(L(null),D("hidden"),N("unmounted"),_?.(!1))}),[v,n])});o.useEffect((()=>{if("unmounted"!==v||n){if("unmounted"!==v||!n)return"initial"===v&&n?(L(M.current),k(!1),void N("opening")):void("opening"===v&&n?D("visible"):n||(k(!0),N("closing")));N("initial")}}),[n,v]),o.useEffect((()=>{if("opening"===v){const e=a.getActiveElement();R.current=e===document.body?document.body:e,R.current?.addEventListener("keydown",X)}if("closing"===v)return()=>{R.current?.removeEventListener("keydown",X)}}),[v]);const X=e=>{R.current===a.getActiveElement()&&"F6"===e.code&&(e.preventDefault(),e.stopPropagation(),a.focusWithin(M.current))},Y=o.useCallback((e=>{const t=R.current;switch(e.code){case"Escape":A?.({reason:"escapeKey"});break;case"F6":e.preventDefault(),e.stopPropagation(),t&&a.focusOn(t)}}),[A]),z=o.useCallback((()=>{A?.({reason:"outsideClick"})}),[A]);u.useOutsideClick({isDisabled:C,ref:M,handler:z});const B=()=>{const e=$();"overlay"===T&&e<600&&x("fullOverlay"),"fullOverlay"===T&&e>600&&x("overlay")},W=y.getClientHints(),$=()=>"ios"===W.platform?document.documentElement.clientWidth:window.innerWidth;o.useEffect((()=>{if(M.current){const e=new ResizeObserver((()=>{B()}));return e.observe(document.body),()=>{e.unobserve(document.body)}}}),[B]);const{classes:K}=m.useComponentTheme(f.DrawerPopupRedwoodTheme,{placement:O?l:"rtl"===j?"start"===l?"right":"left":"start"===l?"left":"right",visibility:P,displayModeHorizontal:T}),q=[...Object.values(p.colorInterpolations)],G=h.mergeInterpolations(q),{...J}=G(g),Q=()=>t.jsx("div",{ref:M,className:K,style:J,tabIndex:-1,role:"dialog",onKeyDown:Y,"aria-label":F,"aria-labeledby":w,"aria-describedby":U,children:t.jsx(E.FocusTrap,{autoFocusRef:r,children:e})}),te="unmounted"!==v;return te?"modal"===c?t.jsx(S.Modal,{isOpen:te,children:Q()}):t.jsx(s.Layer,{children:Q()}):null},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './UNSAFE_Layer', './UNSAFE_Modal', './UNSAFE_FocusTrap', './utils/PRIVATE_tabbableUtils', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_clientHints', './hooks/UNSAFE_useOutsideClick', './hooks/UNSAFE_useAnimation', './hooks/UNSAFE_useUser', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_interpolations/colors', './utils/UNSAFE_mergeInterpolations', './UNSAFE_DrawerPopup/themes/redwood/DrawerPopupTheme', './useAnimation-36a9a58b', './clientHints-fbfc14a7', './FocusTrap-33bb474d', './Modal-6566ca5b', 'preact/compat', './index-7d808afa', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './useThemeInterpolations-710109a5', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './UNSAFE_Theme', './utils-3096e431', './utils/UNSAFE_classNames', './classNames-c6cc4719', './_curry1-5cea534a', './_curry3-f55dd1d6', './_curry2-c02a6898', './_has-de06828b', './useModal-d279b8b3', './UNSAFE_Modal/themes/ModalStyles.css', 'module', './vanilla-extract-recipes-createRuntimeFn.esm-6f6e2b8d', 'module', './_arity-d203ca27', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_logger', './UNSAFE_DrawerPopup/themes/redwood/DrawerPopupBaseTheme.css', 'module', './UNSAFE_DrawerPopup/themes/DrawerPopupStyles.css', 'css!./DrawerPopupStyles.styles.css', './UNSAFE_DrawerPopup/themes/redwood/DrawerPopupVariants.css', 'css!./DrawerPopupVariants.styles.css'], (function(e,t,o,s,n,r,a,i,l,u,c,d,m,p,h,f,b,y,E,S,A,_,F,w,U,g,v,N,P,D,C,k,T,x,M,R,O,I,j,H,V,L,X,Y,z,B,W,$,K,q,G,J,Q){"use strict";const Z="0px",ee=250;e.DrawerPopup=({children:e,isOpen:n=!1,autoFocusRef:r,placement:l="start",modality:c="modal",onClose:A,onTransitionEnd:_,"aria-label":F,"aria-labelledby":w,"aria-describedby":U,...g})=>{const[v,N]=o.useState(n?"initial":"unmounted"),[P,D]=o.useState("hidden"),[C,k]=o.useState(!n),[T,x]=o.useState("overlay"),M=o.useRef(null),R=o.useRef(null),O="bottom"===l,I={opening:()=>O?{from:{translateY:V()},to:{translateY:Z},options:{duration:ee}}:{from:{translateX:H()},to:{translateX:Z},options:{duration:ee}},closing:()=>O?{from:{translateY:Z},to:{translateY:V()},options:{duration:ee}}:{from:{translateX:Z},to:{translateX:H()},options:{duration:ee}}},{direction:j}=d.useUser(),H=()=>{return`${"right"===i.normalizePosition(l,j)?"":"-"}${e=M.current,Math.round(e.getBoundingClientRect().width)}px`;var e},V=()=>{return`${e=M.current,Math.round(e.offsetHeight)}px`;var e},{nodeRef:L}=b.useAnimation(v,{animationStates:I,isAnimatedOnMount:!0,onAnimationEnd:o.useCallback((()=>{"opening"===v?_?.(!0):n||(L(null),D("hidden"),N("unmounted"),_?.(!1))}),[v,n])});o.useEffect((()=>{if("unmounted"!==v||n){if("unmounted"!==v||!n)return"initial"===v&&n?(L(M.current),k(!1),void N("opening")):void("opening"===v&&n?D("visible"):n||(k(!0),N("closing")));N("initial")}}),[n,v]),o.useEffect((()=>{if("opening"===v){const e=a.getActiveElement();R.current=e===document.body?document.body:e,R.current?.addEventListener("keydown",X)}if("closing"===v)return()=>{R.current?.removeEventListener("keydown",X)}}),[v]);const X=e=>{R.current===a.getActiveElement()&&"F6"===e.code&&(e.preventDefault(),e.stopPropagation(),a.focusWithin(M.current))},Y=o.useCallback((e=>{const t=R.current;switch(e.code){case"Escape":A?.({reason:"escapeKey"});break;case"F6":e.preventDefault(),e.stopPropagation(),t&&a.focusOn(t)}}),[A]),z=o.useCallback((()=>{A?.({reason:"outsideClick"})}),[A]);u.useOutsideClick({isDisabled:C,ref:M,handler:z});const B=()=>{const e=$();"overlay"===T&&e<600&&x("fullOverlay"),"fullOverlay"===T&&e>600&&x("overlay")},W=y.getClientHints(),$=()=>"ios"===W.platform?document.documentElement.clientWidth:window.innerWidth;o.useEffect((()=>{if(M.current){const e=new ResizeObserver((()=>{B()}));return e.observe(document.body),()=>{e.unobserve(document.body)}}}),[B]);const{classes:K}=m.useComponentTheme(f.DrawerPopupRedwoodTheme,{placement:O?l:"rtl"===j?"start"===l?"right":"left":"start"===l?"left":"right",visibility:P,displayModeHorizontal:T}),q=[...Object.values(p.colorInterpolations)],G=h.mergeInterpolations(q),{...J}=G(g),Q=()=>t.jsx("div",{ref:M,className:K,style:J,tabIndex:-1,role:"dialog",onKeyDown:Y,"aria-label":F,"aria-labeledby":w,"aria-describedby":U,children:t.jsx(E.FocusTrap,{autoFocusRef:r,children:e})}),te="unmounted"!==v;return te?"modal"===c?t.jsx(S.Modal,{isOpen:te,children:Q()}):t.jsx(s.Layer,{children:Q()}):null},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_DrawerPopup.js.map

package/amd/UNSAFE_DrawerPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_DrawerPopup.js","sources":["../../src/UNSAFE_DrawerPopup/DrawerPopup.tsx"],"sourcesContent":["import { JSX, RefObject } from 'preact';\nimport { useState, useRef, useEffect, useCallback } from 'preact/hooks';\nimport { Layer } from '../UNSAFE_Layer';\nimport { Modal } from '../UNSAFE_Modal';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { focusOn, focusWithin, getActiveElement } from '../utils/PRIVATE_tabbableUtils';\nimport { normalizePosition } from '../utils/PRIVATE_floatingUtils';\nimport { RtlSide } from '../UNSAFE_Floating';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\n\n// Hooks\nimport { useOutsideClick } from '../hooks/UNSAFE_useOutsideClick';\nimport { useAnimation } from '../hooks/UNSAFE_useAnimation';\nimport { useUser } from '../hooks/UNSAFE_useUser';\n\n// Style imports\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { DrawerPopupVariantOptions } from './themes/DrawerPopupStyles.css';\nimport { colorInterpolations, ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { DrawerPopupRedwoodTheme } from './themes/redwood/DrawerPopupTheme';\n\n// Types\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\ntype Placement = 'start' | 'end' | 'bottom';\ntype NormalizedPlacement = 'left' | 'right' | 'bottom';\ntype Status = 'unmounted' | 'initial' | 'opening' | 'closing';\ntype VisibilityStatus = 'hidden' | 'visible';\ntype DisplayModeHorizontal = 'overlay' | 'fullOverlay';\ntype OnCloseDetail = {\n  reason: 'outsideClick' | 'escapeKey';\n};\n\ntype Props = IntrinsicProps &\n  Pick<ColorProps, 'backgroundColor'> & {\n    /**\n     * Specifies whether the Drawer is open.\n     */\n    isOpen: boolean;\n    /**\n     * Specifies at what edge the Drawer opens.\n     * Supported values are:\n     * <p><code>start</code>, <code>end</code>, <code>bottom</code></p>\n     * Default is <code>start</code>.\n     */\n    placement?: Placement;\n    /**\n     * Specifies modality of the Darwer.\n     * Supported values are:\n     * <p><code>modal</code>, <code>modeless</code></p>\n     * Default is <code>modal</code>.\n     */\n    modality?: 'modal' | 'modeless';\n    /**\n     * Specifies callback triggered when a user tries to close a Drawer through UI interaction.\n     * The parent should listen to this event and close the Drawer. If the parent fails to remove\n     * the Popup, then no change will be done in the UI by the component.\n     * Supported detail values are:\n     * <p><code>outsideClick</code>, <code>escapeKey</code></p>\n     */\n    onClose?: (detail: OnCloseDetail) => void;\n    /**\n     * Specifies callback triggered after the animation ends.\n     */\n    onTransitionEnd?: (value: boolean) => void;\n    /**\n     * Optional ref for an element to focus on when component mounts.\n     */\n    autoFocusRef?: RefObject<HTMLElement>;\n    /**\n     * Specifies guidance for screen readers.\n     */\n    'aria-label'?: string;\n    /**\n     * Specifies ID of an element used for guidance for screen readers.\n     */\n    'aria-labelledby'?: string;\n    /**\n     * Specifies ID of an element (or space separated IDs of multiple elements) that\n     * describes the Drawer.\n     */\n    'aria-describedby'?: string;\n  };\n\n// Constants\nconst displayModefullWidthThreshold = 600;\nconst zero = '0px';\nconst duration = 250;\n\nconst getElementHeight = (element: HTMLDivElement): number => {\n  return Math.round(element.offsetHeight);\n};\n\nconst getElementWidth = (element: HTMLDivElement): number => {\n  return Math.round(element.getBoundingClientRect().width);\n};\n\n/**\n * A drawer popup adds a single slide-in side content alongside some primary content to an application window.\n *\n * This drawer always overlays the page and can be placed at the 'start', 'end' or 'bottom' edge.\n */\nexport const DrawerPopup = ({\n  children,\n  isOpen = false,\n  autoFocusRef,\n  placement = 'start',\n  modality = 'modal',\n  onClose,\n  onTransitionEnd,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-describedby': ariaDescribedBy,\n  ...props\n}: Props) => {\n  // Initialize states\n  const [status, setStatus] = useState<Status>(isOpen ? 'initial' : 'unmounted');\n  const [visibility, setVisibility] = useState<VisibilityStatus>('hidden');\n  const [isOutsideClickDisabled, setIsOutsideClickDisabled] = useState<boolean>(!isOpen);\n  const [displayModeHorizontal, setDisplayModeHorizontal] =\n    useState<DisplayModeHorizontal>('overlay');\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const launcherRef = useRef<HTMLElement | null>(null);\n\n  const isBottomPlacement = placement === 'bottom';\n\n  // Animation config\n  const animationStates = {\n    opening: () => {\n      if (isBottomPlacement) {\n        return {\n          from: {\n            translateY: getTranslateY()\n          },\n          to: {\n            translateY: zero\n          },\n          options: {\n            duration: duration\n          }\n        };\n      } else {\n        return {\n          from: {\n            translateX: getTranslateX()\n          },\n          to: {\n            translateX: zero\n          },\n          options: {\n            duration: duration\n          }\n        };\n      }\n    },\n    closing: () => {\n      if (isBottomPlacement) {\n        return {\n          from: {\n            translateY: zero\n          },\n          to: {\n            translateY: getTranslateY()\n          },\n          options: {\n            duration: duration\n          }\n        };\n      } else {\n        return {\n          from: {\n            translateX: zero\n          },\n          to: {\n            translateX: getTranslateX()\n          },\n          options: {\n            duration: duration\n          }\n        };\n      }\n    }\n  };\n\n  // Normalizing position\n  const { direction } = useUser();\n  const getNormalizedPlacement = (): RtlSide => {\n    return normalizePosition(placement, direction);\n  };\n\n  const getTranslateX = (): string => {\n    return `${getNormalizedPlacement() === 'right' ? '' : '-'}${getElementWidth(\n      rootRef.current as HTMLDivElement\n    )}px`;\n  };\n\n  const getTranslateY = (): string => {\n    return `${getElementHeight(rootRef.current as HTMLDivElement)}px`;\n  };\n\n  // Animation\n  const { nodeRef } = useAnimation<Status, HTMLDivElement>(status, {\n    animationStates,\n    isAnimatedOnMount: true,\n    onAnimationEnd: useCallback(() => {\n      if (status === 'opening') {\n        onTransitionEnd?.(true);\n      } else if (!isOpen) {\n        nodeRef(null);\n        setVisibility('hidden');\n        setStatus('unmounted');\n        onTransitionEnd?.(false);\n      }\n    }, [status, isOpen])\n  });\n\n  useEffect(() => {\n    // 1. Ignore status update on initial render\n    if (status === 'unmounted' && !isOpen) {\n      return;\n    }\n\n    // 2. Mount visually hidden component\n    // Component gets mounted, but will be visually hidden to avoid flickering\n    // Flickering happens because it gets rendered before animation hook repositions\n    // it in next render cycle\n    if (status === 'unmounted' && isOpen) {\n      setStatus('initial');\n      return;\n    }\n\n    // 3. Setup animation\n    // Component has been mounted.\n    // We will kick out animation as node is already present in DOM.\n    // To avoid flickering, we still keep it visually hidden until the next render cycle.\n    if (status === 'initial' && isOpen) {\n      nodeRef(rootRef.current);\n      setIsOutsideClickDisabled(false);\n      setStatus('opening');\n      return;\n    }\n\n    // 3. Unhide component. It becomes visible.\n    if (status === 'opening' && isOpen) {\n      setVisibility('visible');\n      return;\n    }\n\n    // 4. Closing\n    if (!isOpen) {\n      setIsOutsideClickDisabled(true);\n      setStatus('closing');\n    }\n  }, [isOpen, status]);\n\n  // Launcher handler\n  useEffect(() => {\n    if (status === 'opening') {\n      // Remember launcher\n      const activeElement = getActiveElement();\n      launcherRef.current = activeElement === document.body ? document.body : activeElement;\n\n      // Register F6 key handler to enter the Popup\n      launcherRef.current?.addEventListener('keydown', launcherKeyDownCallback);\n    }\n    if (status === 'closing') {\n      return () => {\n        // Deregister F6 key handler\n        launcherRef.current?.removeEventListener('keydown', launcherKeyDownCallback);\n      };\n    }\n    return;\n  }, [status]);\n\n  const launcherKeyDownCallback = (event: KeyboardEvent): void => {\n    // Moves focus from launcher (must have focus) back to the Drawer\n    if (launcherRef.current === getActiveElement() && event.code === 'F6') {\n      // Prevent default F6 handlers.\n      // F6 is a standard Chrome address bar shortcut on Windows.\n      event.preventDefault();\n      event.stopPropagation();\n\n      // Focus on first tabbable in a container or container itself if there is none\n      focusWithin(rootRef.current as HTMLElement);\n    }\n  };\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      const launcherEl = launcherRef.current;\n      switch (event.code) {\n        case 'Escape': {\n          onClose?.({ reason: 'escapeKey' });\n          break;\n        }\n        case 'F6':\n          // Prevent default F6 handlers.\n          // F6 is a standard Chrome address bar shortcut on Windows.\n          event.preventDefault();\n          event.stopPropagation();\n          // Focus launcher\n          if (launcherEl) {\n            focusOn(launcherEl);\n          }\n          break;\n      }\n    },\n    [onClose]\n  );\n\n  // OutsideClick handler\n  const handleOutsideClick = useCallback(() => {\n    // Trigger onClose event with outside click detail\n    onClose?.({ reason: 'outsideClick' });\n  }, [onClose]);\n\n  useOutsideClick({\n    isDisabled: isOutsideClickDisabled,\n    ref: rootRef,\n    handler: handleOutsideClick\n  });\n\n  // Drawer placement\n  const getDrawerPlacement = (): NormalizedPlacement => {\n    if (isBottomPlacement) {\n      return placement;\n    } else {\n      if (direction === 'rtl') {\n        return placement === 'start' ? 'right' : 'left';\n      } else {\n        return placement === 'start' ? 'left' : 'right';\n      }\n    }\n  };\n\n  // Window resize handler\n  // Handles display mode: Overlay <> Full overlay (full width side drawers)\n  const handleResize = () => {\n    const viewportWidth = getViewportWidth();\n    if (displayModeHorizontal === 'overlay' && viewportWidth < displayModefullWidthThreshold) {\n      setDisplayModeHorizontal('fullOverlay');\n    }\n    if (displayModeHorizontal === 'fullOverlay' && viewportWidth > displayModefullWidthThreshold) {\n      setDisplayModeHorizontal('overlay');\n    }\n  };\n\n  const clientHints = getClientHints();\n  const getViewportWidth = (): number => {\n    if (clientHints.platform === 'ios') {\n      // On ios window.innerWidth is not recommended way of measuring the viewport\n      return document.documentElement.clientWidth;\n    }\n    return window.innerWidth;\n  };\n\n  useEffect(() => {\n    const root = rootRef.current;\n    if (root) {\n      const resizeObserver = new ResizeObserver(() => {\n        handleResize();\n      });\n      resizeObserver.observe(document.body);\n      return () => {\n        resizeObserver.unobserve(document.body);\n      };\n    }\n    return undefined;\n  }, [handleResize]);\n\n  // Styles\n  const { classes } = useComponentTheme<DrawerPopupVariantOptions>(DrawerPopupRedwoodTheme, {\n    placement: getDrawerPlacement(),\n    visibility,\n    displayModeHorizontal\n  });\n\n  const interpolations = [...Object.values(colorInterpolations)];\n  const styleInterpolations = mergeInterpolations<ColorProps>(interpolations);\n  const { ...styles } = styleInterpolations(props);\n\n  const renderDrawer = () => {\n    return (\n      <div\n        ref={rootRef}\n        className={classes}\n        style={styles}\n        tabIndex={-1}\n        role=\"dialog\"\n        onKeyDown={handleKeyDown}\n        aria-label={ariaLabel}\n        aria-labeledby={ariaLabelledBy}\n        aria-describedby={ariaDescribedBy}>\n        <FocusTrap autoFocusRef={autoFocusRef}>{children}</FocusTrap>\n      </div>\n    );\n  };\n\n  const isMounted = status !== 'unmounted';\n  if (isMounted) {\n    // Modal vs. modelss upper wrapper\n    if (modality === 'modal') {\n      return <Modal isOpen={isMounted}>{renderDrawer()}</Modal>;\n    } else {\n      return <Layer>{renderDrawer()}</Layer>;\n    }\n  }\n\n  return null;\n};\n"],"names":["zero","duration","children","isOpen","autoFocusRef","placement","modality","onClose","onTransitionEnd","ariaLabel","ariaLabelledBy","ariaDescribedBy","props","status","setStatus","useState","visibility","setVisibility","isOutsideClickDisabled","setIsOutsideClickDisabled","displayModeHorizontal","setDisplayModeHorizontal","rootRef","useRef","launcherRef","isBottomPlacement","animationStates","opening","from","translateY","getTranslateY","to","options","translateX","getTranslateX","closing","direction","useUser","normalizePosition","element","current","Math","round","getBoundingClientRect","width","offsetHeight","nodeRef","useAnimation","isAnimatedOnMount","onAnimationEnd","useCallback","useEffect","activeElement","getActiveElement","document","body","addEventListener","launcherKeyDownCallback","removeEventListener","event","code","preventDefault","stopPropagation","focusWithin","handleKeyDown","launcherEl","reason","focusOn","handleOutsideClick","useOutsideClick","isDisabled","ref","handler","handleResize","viewportWidth","getViewportWidth","clientHints","getClientHints","platform","documentElement","clientWidth","window","innerWidth","resizeObserver","ResizeObserver","observe","unobserve","classes","useComponentTheme","DrawerPopupRedwoodTheme","interpolations","Object","values","colorInterpolations","styleInterpolations","mergeInterpolations","styles","renderDrawer","_jsx","className","style","tabIndex","role","onKeyDown","FocusTrap","isMounted","jsx","Modal","Layer"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_DrawerPopup.js","sources":["../../src/UNSAFE_DrawerPopup/DrawerPopup.tsx"],"sourcesContent":["import { JSX, RefObject } from 'preact';\nimport { useState, useRef, useEffect, useCallback } from 'preact/hooks';\nimport { Layer } from '../UNSAFE_Layer';\nimport { Modal } from '../UNSAFE_Modal';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { focusOn, focusWithin, getActiveElement } from '../utils/PRIVATE_tabbableUtils';\nimport { normalizePosition } from '../utils/PRIVATE_floatingUtils';\nimport { RtlSide } from '../UNSAFE_Floating';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\n\n// Hooks\nimport { useOutsideClick } from '../hooks/UNSAFE_useOutsideClick';\nimport { useAnimation } from '../hooks/UNSAFE_useAnimation';\nimport { useUser } from '../hooks/UNSAFE_useUser';\n\n// Style imports\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { DrawerPopupVariantOptions } from './themes/DrawerPopupStyles.css';\nimport { colorInterpolations, ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { DrawerPopupRedwoodTheme } from './themes/redwood/DrawerPopupTheme';\n\n// Types\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\ntype Placement = 'start' | 'end' | 'bottom';\ntype NormalizedPlacement = 'left' | 'right' | 'bottom';\ntype Status = 'unmounted' | 'initial' | 'opening' | 'closing';\ntype VisibilityStatus = 'hidden' | 'visible';\ntype DisplayModeHorizontal = 'overlay' | 'fullOverlay';\ntype OnCloseDetail = {\n  reason: 'outsideClick' | 'escapeKey';\n};\n\ntype Props = IntrinsicProps &\n  Pick<ColorProps, 'backgroundColor'> & {\n    /**\n     * Specifies whether the Drawer is open.\n     */\n    isOpen: boolean;\n    /**\n     * Specifies at what edge the Drawer opens.\n     * Supported values are:\n     * <p><code>start</code>, <code>end</code>, <code>bottom</code></p>\n     * Default is <code>start</code>.\n     */\n    placement?: Placement;\n    /**\n     * Specifies modality of the Darwer.\n     * Supported values are:\n     * <p><code>modal</code>, <code>modeless</code></p>\n     * Default is <code>modal</code>.\n     */\n    modality?: 'modal' | 'modeless';\n    /**\n     * Specifies callback triggered when a user tries to close a Drawer through UI interaction.\n     * The parent should listen to this event and close the Drawer. If the parent fails to remove\n     * the Popup, then no change will be done in the UI by the component.\n     * Supported detail values are:\n     * <p><code>outsideClick</code>, <code>escapeKey</code></p>\n     */\n    onClose?: (detail: OnCloseDetail) => void;\n    /**\n     * Specifies callback triggered after the animation ends.\n     */\n    onTransitionEnd?: (value: boolean) => void;\n    /**\n     * Optional ref for an element to focus on when component mounts.\n     */\n    autoFocusRef?: RefObject<HTMLElement>;\n    /**\n     * Specifies guidance for screen readers.\n     */\n    'aria-label'?: string;\n    /**\n     * Specifies ID of an element used for guidance for screen readers.\n     */\n    'aria-labelledby'?: string;\n    /**\n     * Specifies ID of an element (or space separated IDs of multiple elements) that\n     * describes the Drawer.\n     */\n    'aria-describedby'?: string;\n  };\n\n// Constants\nconst displayModefullWidthThreshold = 600;\nconst zero = '0px';\nconst duration = 250;\n\nconst getElementHeight = (element: HTMLDivElement): number => {\n  return Math.round(element.offsetHeight);\n};\n\nconst getElementWidth = (element: HTMLDivElement): number => {\n  return Math.round(element.getBoundingClientRect().width);\n};\n\n/**\n * A drawer popup adds a single slide-in side content alongside some primary content to an application window.\n *\n * This drawer always overlays the page and can be placed at the 'start', 'end' or 'bottom' edge.\n */\nexport const DrawerPopup = ({\n  children,\n  isOpen = false,\n  autoFocusRef,\n  placement = 'start',\n  modality = 'modal',\n  onClose,\n  onTransitionEnd,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-describedby': ariaDescribedBy,\n  ...props\n}: Props) => {\n  // Initialize states\n  const [status, setStatus] = useState<Status>(isOpen ? 'initial' : 'unmounted');\n  const [visibility, setVisibility] = useState<VisibilityStatus>('hidden');\n  const [isOutsideClickDisabled, setIsOutsideClickDisabled] = useState<boolean>(!isOpen);\n  const [displayModeHorizontal, setDisplayModeHorizontal] =\n    useState<DisplayModeHorizontal>('overlay');\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const launcherRef = useRef<HTMLElement | null>(null);\n\n  const isBottomPlacement = placement === 'bottom';\n\n  // Animation config\n  const animationStates = {\n    opening: () => {\n      if (isBottomPlacement) {\n        return {\n          from: {\n            translateY: getTranslateY()\n          },\n          to: {\n            translateY: zero\n          },\n          options: {\n            duration: duration\n          }\n        };\n      } else {\n        return {\n          from: {\n            translateX: getTranslateX()\n          },\n          to: {\n            translateX: zero\n          },\n          options: {\n            duration: duration\n          }\n        };\n      }\n    },\n    closing: () => {\n      if (isBottomPlacement) {\n        return {\n          from: {\n            translateY: zero\n          },\n          to: {\n            translateY: getTranslateY()\n          },\n          options: {\n            duration: duration\n          }\n        };\n      } else {\n        return {\n          from: {\n            translateX: zero\n          },\n          to: {\n            translateX: getTranslateX()\n          },\n          options: {\n            duration: duration\n          }\n        };\n      }\n    }\n  };\n\n  // Normalizing position\n  const { direction } = useUser();\n  const getNormalizedPlacement = (): RtlSide => {\n    return normalizePosition(placement, direction);\n  };\n\n  const getTranslateX = (): string => {\n    return `${getNormalizedPlacement() === 'right' ? '' : '-'}${getElementWidth(\n      rootRef.current as HTMLDivElement\n    )}px`;\n  };\n\n  const getTranslateY = (): string => {\n    return `${getElementHeight(rootRef.current as HTMLDivElement)}px`;\n  };\n\n  // Animation\n  const { nodeRef } = useAnimation<Status, HTMLDivElement>(status, {\n    animationStates,\n    isAnimatedOnMount: true,\n    onAnimationEnd: useCallback(() => {\n      if (status === 'opening') {\n        onTransitionEnd?.(true);\n      } else if (!isOpen) {\n        nodeRef(null);\n        setVisibility('hidden');\n        setStatus('unmounted');\n        onTransitionEnd?.(false);\n      }\n    }, [status, isOpen])\n  });\n\n  useEffect(() => {\n    // 1. Ignore status update on initial render\n    if (status === 'unmounted' && !isOpen) {\n      return;\n    }\n\n    // 2. Mount visually hidden component\n    // Component gets mounted, but will be visually hidden to avoid flickering\n    // Flickering happens because it gets rendered before animation hook repositions\n    // it in next render cycle\n    if (status === 'unmounted' && isOpen) {\n      setStatus('initial');\n      return;\n    }\n\n    // 3. Setup animation\n    // Component has been mounted.\n    // We will kick out animation as node is already present in DOM.\n    // To avoid flickering, we still keep it visually hidden until the next render cycle.\n    if (status === 'initial' && isOpen) {\n      nodeRef(rootRef.current);\n      setIsOutsideClickDisabled(false);\n      setStatus('opening');\n      return;\n    }\n\n    // 3. Unhide component. It becomes visible.\n    if (status === 'opening' && isOpen) {\n      setVisibility('visible');\n      return;\n    }\n\n    // 4. Closing\n    if (!isOpen) {\n      setIsOutsideClickDisabled(true);\n      setStatus('closing');\n    }\n  }, [isOpen, status]);\n\n  // Launcher handler\n  useEffect(() => {\n    if (status === 'opening') {\n      // Remember launcher\n      const activeElement = getActiveElement();\n      launcherRef.current = activeElement === document.body ? document.body : activeElement;\n\n      // Register F6 key handler to enter the Popup\n      launcherRef.current?.addEventListener('keydown', launcherKeyDownCallback);\n    }\n    if (status === 'closing') {\n      return () => {\n        // Deregister F6 key handler\n        launcherRef.current?.removeEventListener('keydown', launcherKeyDownCallback);\n      };\n    }\n    return;\n  }, [status]);\n\n  const launcherKeyDownCallback = (event: KeyboardEvent): void => {\n    // Moves focus from launcher (must have focus) back to the Drawer\n    if (launcherRef.current === getActiveElement() && event.code === 'F6') {\n      // Prevent default F6 handlers.\n      // F6 is a standard Chrome address bar shortcut on Windows.\n      event.preventDefault();\n      event.stopPropagation();\n\n      // Focus on first tabbable in a container or container itself if there is none\n      focusWithin(rootRef.current as HTMLElement);\n    }\n  };\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      const launcherEl = launcherRef.current;\n      switch (event.code) {\n        case 'Escape': {\n          onClose?.({ reason: 'escapeKey' });\n          break;\n        }\n        case 'F6':\n          // Prevent default F6 handlers.\n          // F6 is a standard Chrome address bar shortcut on Windows.\n          event.preventDefault();\n          event.stopPropagation();\n          // Focus launcher\n          if (launcherEl) {\n            focusOn(launcherEl);\n          }\n          break;\n      }\n    },\n    [onClose]\n  );\n\n  // OutsideClick handler\n  const handleOutsideClick = useCallback(() => {\n    // Trigger onClose event with outside click detail\n    onClose?.({ reason: 'outsideClick' });\n  }, [onClose]);\n\n  useOutsideClick({\n    isDisabled: isOutsideClickDisabled,\n    ref: rootRef,\n    handler: handleOutsideClick\n  });\n\n  // Drawer placement\n  const getDrawerPlacement = (): NormalizedPlacement => {\n    if (isBottomPlacement) {\n      return placement;\n    } else {\n      if (direction === 'rtl') {\n        return placement === 'start' ? 'right' : 'left';\n      } else {\n        return placement === 'start' ? 'left' : 'right';\n      }\n    }\n  };\n\n  // Window resize handler\n  // Handles display mode: Overlay <> Full overlay (full width side drawers)\n  const handleResize = () => {\n    const viewportWidth = getViewportWidth();\n    if (displayModeHorizontal === 'overlay' && viewportWidth < displayModefullWidthThreshold) {\n      setDisplayModeHorizontal('fullOverlay');\n    }\n    if (displayModeHorizontal === 'fullOverlay' && viewportWidth > displayModefullWidthThreshold) {\n      setDisplayModeHorizontal('overlay');\n    }\n  };\n\n  const clientHints = getClientHints();\n  const getViewportWidth = (): number => {\n    if (clientHints.platform === 'ios') {\n      // On ios window.innerWidth is not recommended way of measuring the viewport\n      return document.documentElement.clientWidth;\n    }\n    return window.innerWidth;\n  };\n\n  useEffect(() => {\n    const root = rootRef.current;\n    if (root) {\n      const resizeObserver = new ResizeObserver(() => {\n        handleResize();\n      });\n      resizeObserver.observe(document.body);\n      return () => {\n        resizeObserver.unobserve(document.body);\n      };\n    }\n    return undefined;\n  }, [handleResize]);\n\n  // Styles\n  const { classes } = useComponentTheme<DrawerPopupVariantOptions>(DrawerPopupRedwoodTheme, {\n    placement: getDrawerPlacement(),\n    visibility,\n    displayModeHorizontal\n  });\n\n  const interpolations = [...Object.values(colorInterpolations)];\n  const styleInterpolations = mergeInterpolations<ColorProps>(interpolations);\n  const { ...styles } = styleInterpolations(props);\n\n  const renderDrawer = () => {\n    return (\n      <div\n        ref={rootRef}\n        className={classes}\n        style={styles}\n        tabIndex={-1}\n        role=\"dialog\"\n        onKeyDown={handleKeyDown}\n        aria-label={ariaLabel}\n        aria-labeledby={ariaLabelledBy}\n        aria-describedby={ariaDescribedBy}>\n        <FocusTrap autoFocusRef={autoFocusRef}>{children}</FocusTrap>\n      </div>\n    );\n  };\n\n  const isMounted = status !== 'unmounted';\n  if (isMounted) {\n    // Modal vs. modelss upper wrapper\n    if (modality === 'modal') {\n      return <Modal isOpen={isMounted}>{renderDrawer()}</Modal>;\n    } else {\n      return <Layer>{renderDrawer()}</Layer>;\n    }\n  }\n\n  return null;\n};\n"],"names":["zero","duration","children","isOpen","autoFocusRef","placement","modality","onClose","onTransitionEnd","ariaLabel","ariaLabelledBy","ariaDescribedBy","props","status","setStatus","useState","visibility","setVisibility","isOutsideClickDisabled","setIsOutsideClickDisabled","displayModeHorizontal","setDisplayModeHorizontal","rootRef","useRef","launcherRef","isBottomPlacement","animationStates","opening","from","translateY","getTranslateY","to","options","translateX","getTranslateX","closing","direction","useUser","normalizePosition","element","current","Math","round","getBoundingClientRect","width","offsetHeight","nodeRef","useAnimation","isAnimatedOnMount","onAnimationEnd","useCallback","useEffect","activeElement","getActiveElement","document","body","addEventListener","launcherKeyDownCallback","removeEventListener","event","code","preventDefault","stopPropagation","focusWithin","handleKeyDown","launcherEl","reason","focusOn","handleOutsideClick","useOutsideClick","isDisabled","ref","handler","handleResize","viewportWidth","getViewportWidth","clientHints","getClientHints","platform","documentElement","clientWidth","window","innerWidth","resizeObserver","ResizeObserver","observe","unobserve","classes","useComponentTheme","DrawerPopupRedwoodTheme","interpolations","Object","values","colorInterpolations","styleInterpolations","mergeInterpolations","styles","renderDrawer","_jsx","className","style","tabIndex","role","onKeyDown","FocusTrap","isMounted","jsx","Modal","Layer"],"mappings":"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"}

package/amd/UNSAFE_Environment.js

@@ -1,2 +1,2 @@
-define(['exports', './index-972353b7', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/jsx-runtime', 'preact/hooks', 'preact/compat'], (function(e,o,n,t,r,m,i,s,v,c){"use strict";e.EnvironmentContext=o.EnvironmentContext,e.EnvironmentProvider=o.EnvironmentProvider,e.RootEnvironmentProvider=o.RootEnvironmentProvider,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './index-7d808afa', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/jsx-runtime', 'preact/hooks', 'preact/compat'], (function(e,o,n,t,r,m,i,d,s,v){"use strict";e.EnvironmentContext=o.EnvironmentContext,e.EnvironmentProvider=o.EnvironmentProvider,e.RootEnvironmentProvider=o.RootEnvironmentProvider,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Environment.js.map

package/amd/UNSAFE_ExpandableList.css

@@ -1 +1 @@
-._271k93{margin:0 calc(1.25 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x));}
+._1jiai8u{margin:0 calc(1.25 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x));}

package/amd/UNSAFE_ExpandableList.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', 'preact/compat', 'css!./UNSAFE_ExpandableList.css', './utils/UNSAFE_classNames', './hooks/UNSAFE_useId', './hooks/UNSAFE_useTranslationBundle', './utils/UNSAFE_keys', './UNSAFE_Button', './UNSAFE_HiddenAccessible', './PRIVATE_ThemedIcons/ExpandIcon', './PRIVATE_ThemedIcons/CollapseIcon', './PRIVATE_List', './UNSAFE_LiveRegion', './hooks/UNSAFE_useUser', './utils/PRIVATE_collectionUtils', './List-25770507', './HiddenAccessible-73f4ec25', './classNames-a38faa50', './Button-2006f984', './index-fff5aa4c', './index-972353b7', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './UNSAFE_BaseButton', './BaseButton-4b9940bc', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-c3d71872', './_curry1-8e80b9e8', './utils/UNSAFE_mergeInterpolations', './_curry3-dfa9e462', './_curry2-6182e485', './_has-d086a175', './utils/PRIVATE_clientHints', './clientHints-097c8e85', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_mergeProps', './ButtonLayout-364c0a37', './UNSAFE_Text', './Text-33a18d63', './UNSAFE_Text/themes/TextStyles.css', 'module', './vanilla-extract-recipes-createRuntimeFn.esm-0002efa3', './UNSAFE_Icon', './Icon-6c7cf55e', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-894861f8', './index-1a7108e6', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-964c2211', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-0b9b289d', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-5e7d76a4', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'module', './UNSAFE_Icon/themes/IconStyle.css', 'module', './hoc/PRIVATE_withDirectionIcon', './hooks/UNSAFE_useViewportIntersect', './hooks/UNSAFE_useInteractionStyle', './utils/UNSAFE_interpolations/flexitem', './flexitem-8a1a84c5', './keys-069dcca6', './PRIVATE_List/themes/ListStyles.css', 'module', './UNSAFE_GroupedList/themes/redwood/GroupedListTheme', './UNSAFE_GroupedList/themes/GroupedListStyles.css', 'module', './UNSAFE_GroupedList/themes/redwood/GroupedListBaseTheme.css', 'module', './SkeletonContainer-fa0d5f60', './UNSAFE_Flex', './Flex-602aedd6', './utils/UNSAFE_interpolations/boxalignment', './utils/UNSAFE_interpolations/flexbox', './flexbox-de7617fc', './UNSAFE_Skeleton', './Skeleton-8b282c23', './utils/UNSAFE_interpolations/borders', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', './PRIVATE_LoadMoreCollection', './LoadMoreCollection-8847185c', './PRIVATE_Collection', './Collection-c6aaadf3', './PRIVATE_VirtualizedCollection', './VirtualizedCollection-063dc7b6', './UNSAFE_FocusTrap', './FocusTrap-e64dfc3e', './utils/PRIVATE_tabbableUtils', './_arity-0f1e8642', './hooks/PRIVATE_useSelection', './hooks/PRIVATE_useCurrentKey', './hooks/PRIVATE_useCollectionFocusRing', './hooks/PRIVATE_useTabbableModeSet', './hooks/PRIVATE_useItemAction', './UNSAFE_Selector', './PRIVATE_ThemedIcons/CheckboxOffIcon', './PRIVATE_Icons/CheckboxOff', './PRIVATE_ThemedIcons/CheckboxOnIcon', './PRIVATE_Icons/CheckboxOn', './PRIVATE_ThemedIcons/CheckboxMixedIcon', './PRIVATE_Icons/CheckboxMixed', './UNSAFE_Selector/themes/SelectorStyles.css', 'module', './UNSAFE_Radio/themes/redwood/RadioIconTheme', './UNSAFE_Radio/themes/RadioIconStyles.css', 'module', './UNSAFE_Radio/themes/redwood/RadioIconBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioIconVariants.css', 'module', './hooks/PRIVATE_useCollectionGestureContext'], (function(e,s,o,t,n,i,l,a,c,d,r,u,h,S,m,A,_,E,F,p,T,U,y,k,N,x,I,g,C,R,b,f,V,L,w,P,v,B,j,K,G,D,H,M,O,z,q,J,Q,W,X,Y,Z,$,ee,se,oe,te,ne,ie,le,ae,ce,de,re,ue,he,Se,me,Ae,_e,Ee,Fe,pe,Te,Ue,ye,ke,Ne,xe,Ie,ge,Ce,Re,be,fe,Ve,Le,we,Pe,ve,Be,je,Ke,Ge,De,He,Me,Oe,ze,qe,Je,Qe,We,Xe,Ye,Ze,$e,es,ss,os,ts,ns,is,ls,as,cs,ds,rs,us,hs,Ss,ms,As,_s,Es,Fs,ps,Ts,Us,ys,ks,Ns,xs,Is,gs,Cs,Rs,bs,fs,Vs,Ls,ws,Ps,vs,Bs,js,Ks,Gs,Ds,Hs,Ms){"use strict";const Os=e=>{"Enter"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||e.preventDefault()},zs=(e,s,o,t,n)=>{const i=t(s);if(n&&i){const s=d.containsKey(o,i);(e&&s||!e&&!s)&&n({value:i})}},qs=(e,s,o)=>{const t=s(e.target);o&&t&&(o({value:t}),"click"===e.type&&e.stopPropagation())};const Js={all:!1,keys:new Set},Qs=n.memo((e=>{const o=T.classNames(["_271k93","oj-listview-expander"]);return s.jsx("span",{class:o,role:"presentation",children:s.jsx(U.Button,{onAction:()=>{e.onToggle({value:e.itemKey})},variant:"ghost",startIcon:e.expanded?s.jsx(y.SvgChevronDown,{size:"6x"}):s.jsx(S.CollapseIcon,{size:"6x"})})})}),((e,s)=>e.itemKey===s.itemKey&&e.expanded===s.expanded&&e.onToggle===s.onToggle));e.ExpandableList=function({children:e,currentKey:n,data:i,onSelectionChange:l,onToggle:r,...u}){const[h,S]=t.useState(""),T=c.useTranslationBundle("@oracle/oraclejet-preact"),U=function(e,s,o){const{direction:n}=_.useUser(),i="rtl"===n,l=t.useCallback((s=>{qs(s,e,o)}),[e,o]),a=t.useCallback((t=>{if("Enter"===t.key||" "===t.key)qs(t,e,o);else if("ArrowLeft"===t.key||"ArrowRight"===t.key){const n="ArrowLeft"===t.key&&!i;zs(n,t.target,s,e,o),t.preventDefault(),t.stopPropagation()}}),[e,o]);return o?{onClick:l,onKeyDown:Os,onKeyUp:a}:{}}((e=>"treegrid"===e.getAttribute("role")?void 0===n?null:n:E.keyExtractor(e,m.GROUP_SELECTOR)),null==i?Js:i.expanded,r?t.useCallback((e=>{if(r(e),i){const s=d.containsKey(i?.expanded,e.value);S(s?T.expandableList_groupCollapse():T.expandableList_groupExpand()),setTimeout((()=>{S("")}),1e3)}}),[r,i]):void 0),y=a.useId(),k=t.useMemo((()=>y),[]),N=t.useCallback((e=>{if(l&&i){const s=m.excludeGroup(i,e.value);d.isSameKey(s,e.value)?l(e):s.keys&&s.keys.size>0&&l({...e,value:s})}}),[l,i]);return s.jsxs(o.Fragment,{children:[s.jsx(F.List,{isVirtualized:!1,currentKey:n,data:i,role:"treegrid",loadingIndicator:s.jsx(m.GroupLoadingIndicator,{}),onSelectionChange:N,customItemRenderer:o=>{const t=o.listItemContext.metadata.key,n=i&&r?{expanded:d.containsKey(i.expanded,t),onToggle:r}:void 0,l=((e,o)=>{const t=void 0!==o?()=>s.jsx(Qs,{itemKey:e.metadata.key,expanded:o.expanded,onToggle:o.onToggle}):void 0;return{...e,parentKey:e.metadata.parentKey,leaf:e.metadata.isLeaf??!0,depth:e.metadata.treeDepth??1,expander:t}})(o.listItemContext,n);return l.leaf?o.defaultListItem(l,{itemDepth:l.depth+1}):s.jsx(m.ListGroupHeader,{ariaDescribedBy:k,itemKey:l.metadata.key,itemIndex:l.index,itemDepth:l.depth,isFocused:o.isFocused,isFocusRingVisible:o.isFocusRingVisible,isActive:o.isActive,isGridlineVisible:!1,isExpandable:!0,expandedKeys:null==i?Js:i.expanded,onToggle:r,children:e(l)},l.metadata.key)},eventHandlers:U,...u,children:s=>e(s)}),r&&s.jsxs(o.Fragment,{children:[s.jsx(A.LiveRegion,{children:h}),s.jsx("span",{id:k,children:s.jsx(p.HiddenAccessible,{children:T.expandableList_expandCollapseInstructionText()})})]})]})},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', 'preact/compat', 'css!./UNSAFE_ExpandableList.css', './utils/UNSAFE_classNames', './hooks/UNSAFE_useId', './hooks/UNSAFE_useTranslationBundle', './utils/UNSAFE_keys', './UNSAFE_Button', './UNSAFE_HiddenAccessible', './PRIVATE_ThemedIcons/ExpandIcon', './PRIVATE_ThemedIcons/CollapseIcon', './PRIVATE_List', './UNSAFE_LiveRegion', './hooks/UNSAFE_useUser', './utils/PRIVATE_collectionUtils', './List-46e8c21b', './HiddenAccessible-035096e4', './classNames-c6cc4719', './Button-48b83a13', './index-f84f6993', './index-7d808afa', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './UNSAFE_BaseButton', './BaseButton-ff511180', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-3096e431', './_curry1-5cea534a', './utils/UNSAFE_mergeInterpolations', './_curry3-f55dd1d6', './_curry2-c02a6898', './_has-de06828b', './utils/PRIVATE_clientHints', './clientHints-fbfc14a7', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-78784b76', './UNSAFE_Text', './Text-4733b962', './UNSAFE_Text/themes/TextStyles.css', 'module', './vanilla-extract-recipes-createRuntimeFn.esm-6f6e2b8d', './UNSAFE_Icon', './Icon-f27746d9', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-851238a6', './index-0f1e12db', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-a9754e48', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-710109a5', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-36a9a58b', './hooks/UNSAFE_useThemeInterpolations', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'module', './UNSAFE_Icon/themes/IconStyle.css', 'module', './hoc/PRIVATE_withDirectionIcon', './hooks/UNSAFE_useViewportIntersect', './hooks/UNSAFE_useInteractionStyle', './utils/UNSAFE_interpolations/flexitem', './flexitem-f4d8540e', './keys-72d42d0f', './PRIVATE_List/themes/ListStyles.css', 'module', './UNSAFE_GroupedList/themes/redwood/GroupedListTheme', './UNSAFE_GroupedList/themes/GroupedListStyles.css', 'module', './UNSAFE_GroupedList/themes/redwood/GroupedListBaseTheme.css', 'module', './SkeletonContainer-03fc1284', './UNSAFE_Flex', './Flex-0a2755ad', './utils/UNSAFE_interpolations/boxalignment', './utils/UNSAFE_interpolations/flexbox', './flexbox-03b175aa', './UNSAFE_Skeleton', './Skeleton-d603045f', './utils/UNSAFE_interpolations/borders', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', './PRIVATE_LoadMoreCollection', './LoadMoreCollection-8bbff451', './PRIVATE_Collection', './Collection-1d11beed', './PRIVATE_VirtualizedCollection', './VirtualizedCollection-8fd5cb99', './UNSAFE_FocusTrap', './FocusTrap-33bb474d', './utils/PRIVATE_tabbableUtils', './_arity-d203ca27', './hooks/PRIVATE_useSelection', './hooks/PRIVATE_useCurrentKey', './hooks/PRIVATE_useCollectionFocusRing', './hooks/PRIVATE_useTabbableModeSet', './hooks/PRIVATE_useItemAction', './UNSAFE_Selector', './PRIVATE_ThemedIcons/CheckboxOffIcon', './PRIVATE_Icons/CheckboxOff', './PRIVATE_ThemedIcons/CheckboxOnIcon', './PRIVATE_Icons/CheckboxOn', './PRIVATE_ThemedIcons/CheckboxMixedIcon', './PRIVATE_Icons/CheckboxMixed', './UNSAFE_Selector/themes/SelectorStyles.css', 'module', './UNSAFE_Radio/themes/redwood/RadioIconTheme', './UNSAFE_Radio/themes/RadioIconStyles.css', 'module', './UNSAFE_Radio/themes/redwood/RadioIconBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioIconVariants.css', 'module', './hooks/PRIVATE_useCollectionGestureContext'], (function(e,s,o,t,n,i,l,a,c,d,r,u,h,S,A,m,_,E,F,p,T,U,y,N,k,x,I,g,b,C,R,f,V,L,w,P,v,B,j,K,G,D,H,M,O,z,q,J,Q,W,X,Y,Z,$,ee,se,oe,te,ne,ie,le,ae,ce,de,re,ue,he,Se,Ae,me,_e,Ee,Fe,pe,Te,Ue,ye,Ne,ke,xe,Ie,ge,be,Ce,Re,fe,Ve,Le,we,Pe,ve,Be,je,Ke,Ge,De,He,Me,Oe,ze,qe,Je,Qe,We,Xe,Ye,Ze,$e,es,ss,os,ts,ns,is,ls,as,cs,ds,rs,us,hs,Ss,As,ms,_s,Es,Fs,ps,Ts,Us,ys,Ns,ks,xs,Is,gs,bs,Cs,Rs,fs,Vs,Ls,ws,Ps,vs,Bs,js,Ks,Gs,Ds,Hs,Ms,Os){"use strict";const zs=e=>{"Enter"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||e.preventDefault()},qs=(e,s,o,t,n)=>{const i=t(s);if(n&&i){const s=d.containsKey(o,i);(e&&s||!e&&!s)&&n({value:i})}},Js=(e,s,o)=>{const t=s(e.target);o&&t&&(o({value:t}),"click"===e.type&&e.stopPropagation())};const Qs={all:!1,keys:new Set},Ws=n.memo((e=>{const o=T.classNames(["_1jiai8u","oj-listview-expander"]);return s.jsx("span",{class:o,role:"presentation",children:s.jsx(U.Button,{onAction:()=>{e.onToggle({value:e.itemKey})},variant:"ghost",startIcon:e.expanded?s.jsx(y.SvgChevronDown,{size:"6x"}):s.jsx(S.CollapseIcon,{size:"6x"})})})}),((e,s)=>e.itemKey===s.itemKey&&e.expanded===s.expanded&&e.onToggle===s.onToggle));e.ExpandableList=function({children:e,currentKey:n,data:i,onSelectionChange:l,onToggle:r,...u}){const[h,S]=t.useState(""),T=c.useTranslationBundle("@oracle/oraclejet-preact"),U=function(e,s,o){const{direction:n}=_.useUser(),i="rtl"===n,l=t.useCallback((s=>{Js(s,e,o)}),[e,o]),a=t.useCallback((t=>{if("Enter"===t.key||" "===t.key)Js(t,e,o);else if("ArrowLeft"===t.key||"ArrowRight"===t.key){const n="ArrowLeft"===t.key&&!i;qs(n,t.target,s,e,o),t.preventDefault(),t.stopPropagation()}}),[e,o]);return o?{onClick:l,onKeyDown:zs,onKeyUp:a}:{}}((e=>"treegrid"===e.getAttribute("role")?void 0===n?null:n:E.keyExtractor(e,A.GROUP_SELECTOR)),null==i?Qs:i.expanded,r?t.useCallback((e=>{if(r(e),i){const s=d.containsKey(i?.expanded,e.value);S(s?T.expandableList_groupCollapse():T.expandableList_groupExpand()),setTimeout((()=>{S("")}),1e3)}}),[r,i]):void 0),y=a.useId(),N=t.useMemo((()=>y),[]),k=t.useCallback((e=>{if(l&&i){const s=A.excludeGroup(i,e.value);d.isSameKey(s,e.value)?l(e):s.keys&&s.keys.size>0&&l({...e,value:s})}}),[l,i]);return s.jsxs(o.Fragment,{children:[s.jsx(F.List,{isVirtualized:!1,currentKey:n,data:i,role:"treegrid",loadingIndicator:s.jsx(A.GroupLoadingIndicator,{}),onSelectionChange:k,customItemRenderer:o=>{const t=o.listItemContext.metadata.key,n=i&&r?{expanded:d.containsKey(i.expanded,t),onToggle:r}:void 0,l=((e,o)=>{const t=void 0!==o?()=>s.jsx(Ws,{itemKey:e.metadata.key,expanded:o.expanded,onToggle:o.onToggle}):void 0;return{...e,parentKey:e.metadata.parentKey,leaf:e.metadata.isLeaf??!0,depth:e.metadata.treeDepth??1,expander:t}})(o.listItemContext,n);return l.leaf?o.defaultListItem(l,{itemDepth:l.depth+1}):s.jsx(A.ListGroupHeader,{ariaDescribedBy:N,itemKey:l.metadata.key,itemIndex:l.index,itemDepth:l.depth,isFocused:o.isFocused,isFocusRingVisible:o.isFocusRingVisible,isActive:o.isActive,isGridlineVisible:!1,isExpandable:!0,expandedKeys:null==i?Qs:i.expanded,onToggle:r,children:e(l)},l.metadata.key)},eventHandlers:U,...u,children:s=>e(s)}),r&&s.jsxs(o.Fragment,{children:[s.jsx(m.LiveRegion,{children:h}),s.jsx("span",{id:N,children:s.jsx(p.HiddenAccessible,{children:T.expandableList_expandCollapseInstructionText()})})]})]})},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_ExpandableList.js.map

package/amd/UNSAFE_ExpandableList.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_ExpandableList.js","sources":["../../src/UNSAFE_ExpandableList/useExpandCollapse.ts","../../src/UNSAFE_ExpandableList/ExpandableList.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useCallback } from 'preact/hooks';\nimport { ToggleDetail } from '../UNSAFE_Collection';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { containsKey, Keys } from '../utils/UNSAFE_keys';\n\n/**\n * A hook that handles mouse and keyboard gesture that toggles the expanded state.\n * @param keyExtractor\n * @param expanded\n * @param onToggle\n * @returns\n */\nexport function useExpandCollapse<K>(\n  keyExtractor: (element: HTMLElement) => K | null,\n  expanded: Keys<K>,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) {\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  const onClick = useCallback(\n    (event: MouseEvent) => {\n      handleToggle(event, keyExtractor, onToggle);\n    },\n    [keyExtractor, onToggle]\n  );\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Enter' || event.key === ' ') {\n        handleToggle(event, keyExtractor, onToggle);\n      } else if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n        const isLeftArrow = event.key === 'ArrowLeft' && !isRtl;\n        handleArrowKey(isLeftArrow, event.target as HTMLElement, expanded, keyExtractor, onToggle);\n        // arrow key might cause it to scroll horizontally\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [keyExtractor, onToggle]\n  );\n\n  return onToggle ? { onClick, onKeyDown, onKeyUp } : {};\n}\n\n// prevent default (propagation) for keyDown to prevent scrolling the container\nconst onKeyDown = (event: KeyboardEvent) => {\n  if (event.key === 'Enter' || event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n    event.preventDefault();\n  }\n};\n\nconst handleArrowKey = <K>(\n  isLeftArrow: boolean,\n  target: HTMLElement,\n  expanded: Keys<K>,\n  keyExtractor: (element: HTMLElement) => K | null,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(target);\n  if (onToggle && itemKey) {\n    const contains = containsKey(expanded, itemKey);\n    if ((isLeftArrow && contains) || (!isLeftArrow && !contains)) {\n      onToggle({ value: itemKey });\n    }\n  }\n};\n\nconst handleToggle = <K>(\n  event: Event,\n  keyExtractor: (element: HTMLElement) => K | null,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(event.target as HTMLElement);\n  if (onToggle && itemKey) {\n    onToggle({ value: itemKey });\n    if (event.type === 'click') {\n      event.stopPropagation();\n    }\n  }\n};\n","import { ComponentChildren, Fragment } from 'preact';\nimport { useState, useMemo, useCallback } from 'preact/hooks';\nimport { memo } from 'preact/compat';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport {\n  HierarchicalItemContext,\n  ListItemContext,\n  SelectionDetail,\n  ToggleDetail,\n  FlattenedDataState\n} from '../UNSAFE_Collection';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { Keys, containsKey, isSameKey } from '../utils/UNSAFE_keys';\nimport { Button } from '../UNSAFE_Button';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { ExpandIcon } from '../PRIVATE_ThemedIcons/ExpandIcon';\nimport { CollapseIcon } from '../PRIVATE_ThemedIcons/CollapseIcon';\nimport {\n  List,\n  ListGroupHeader,\n  GROUP_SELECTOR,\n  excludeGroup,\n  GroupLoadingIndicator\n} from '../PRIVATE_List';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { CustomRendererContext, PublicListProps } from '../UNSAFE_ListView/List.types';\nimport { useExpandCollapse } from './useExpandCollapse';\nimport { keyExtractor } from '../utils/PRIVATE_collectionUtils';\n\n// these are the props that are different from ListView\ntype SpecificTypes<K, D> = {\n  /**\n   * A function to render an item or a group header.\n   */\n  children: (context: HierarchicalItemContext<K, D>) => ComponentChildren;\n  /**\n   * A FlattenedDataState object that provides information including data and metadata to this ExpandableList.\n   * If the value is null, then ExpandableList will show loading indicator until a FlattenedDataState is set.\n   */\n  data: FlattenedDataState<K, D> | null;\n  /**\n   * A function to handle when user performs a gesture that toggles the expansion state of a group header\n   */\n  onToggle?: (detail: ToggleDetail<K>) => void;\n};\n\n/**\n * Props for the ExpandableList Component, which consist of all props from ListView\n * except some which have different signatures.\n */\ntype ExpandableListProps<K, D> = Omit<PublicListProps<K, D>, 'children' | 'data'> &\n  SpecificTypes<K, D>;\n\n/**\n * An ExpandableList shows a two-level group of items where each group header can be expand or collapse.\n */\nexport function ExpandableList<K extends string | number, D>({\n  children,\n  currentKey,\n  data,\n  onSelectionChange,\n  onToggle,\n  ...props\n}: ExpandableListProps<K, D>) {\n  const [statusText, setStatusText] = useState('');\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const expandCollapseProps = useExpandCollapse(\n    (element: HTMLElement) => {\n      if (element.getAttribute('role') === 'treegrid') {\n        return currentKey === undefined ? null : currentKey;\n      }\n      return keyExtractor(element, GROUP_SELECTOR) as K;\n    },\n    data == null ? (emptyKeys as Keys<K>) : data.expanded,\n    onToggle\n      ? useCallback(\n          (detail: ToggleDetail<K>) => {\n            onToggle(detail);\n            if (data) {\n              const previouslyExpanded = containsKey(data?.expanded, detail.value);\n              setStatusText(\n                previouslyExpanded\n                  ? translations.expandableList_groupCollapse()\n                  : translations.expandableList_groupExpand()\n              );\n              // we need to clear the live region text otherwise screenreader\n              // won't read again if the content did not change the next time\n              setTimeout(() => {\n                setStatusText('');\n              }, 1000);\n            }\n          },\n          [onToggle, data]\n        )\n      : undefined\n  );\n\n  const descId = useId();\n  const stableDescId = useMemo(() => {\n    // this should never change after mounted\n    return descId;\n  }, []);\n\n  const createHierarchicalContext = <K, D>(\n    context: ListItemContext<K, D>,\n    options?: { expanded: boolean; onToggle: (detail: ToggleDetail<K>) => void }\n  ) => {\n    const expanderRenderer =\n      options !== undefined\n        ? () => (\n            <Expander\n              itemKey={context.metadata.key}\n              expanded={options.expanded}\n              onToggle={options.onToggle}\n            />\n          )\n        : undefined;\n\n    return {\n      ...context,\n      parentKey: context.metadata.parentKey,\n      leaf: context.metadata.isLeaf ?? true,\n      depth: context.metadata.treeDepth ?? 1,\n      expander: expanderRenderer\n    };\n  };\n\n  const handleSelectionChange = useCallback(\n    (detail: SelectionDetail<K>) => {\n      if (onSelectionChange && data) {\n        const keys = excludeGroup(data, detail.value);\n        if (isSameKey(keys, detail.value)) {\n          onSelectionChange(detail);\n        } else if (keys.keys && keys.keys.size > 0) {\n          onSelectionChange({ ...detail, value: keys });\n        }\n      }\n    },\n    [onSelectionChange, data]\n  );\n\n  const customItemRenderer = (context: CustomRendererContext<K, D>) => {\n    const itemKey = context.listItemContext.metadata.key;\n    const options =\n      data && onToggle ? { expanded: containsKey(data.expanded, itemKey), onToggle } : undefined;\n    const itemContext = createHierarchicalContext(context.listItemContext, options);\n    if (itemContext.leaf) {\n      return context.defaultListItem(itemContext, { itemDepth: itemContext.depth + 1 });\n    } else {\n      return (\n        <ListGroupHeader\n          key={itemContext.metadata.key}\n          ariaDescribedBy={stableDescId}\n          itemKey={itemContext.metadata.key}\n          itemIndex={itemContext.index}\n          itemDepth={itemContext.depth}\n          isFocused={context.isFocused}\n          isFocusRingVisible={context.isFocusRingVisible}\n          isActive={context.isActive}\n          isGridlineVisible={false}\n          isExpandable={true}\n          expandedKeys={data == null ? (emptyKeys as Keys<K>) : data.expanded}\n          onToggle={onToggle}>\n          {children(itemContext)}\n        </ListGroupHeader>\n      );\n    }\n  };\n\n  return (\n    <Fragment>\n      <List\n        isVirtualized={false}\n        currentKey={currentKey}\n        data={data}\n        role=\"treegrid\"\n        loadingIndicator={<GroupLoadingIndicator />}\n        onSelectionChange={handleSelectionChange}\n        customItemRenderer={customItemRenderer}\n        eventHandlers={expandCollapseProps}\n        {...props}>\n        {(context: ListItemContext<K, D>) => {\n          return children(context as HierarchicalItemContext<K, D>);\n        }}\n      </List>\n      {onToggle && (\n        <Fragment>\n          <LiveRegion>{statusText}</LiveRegion>\n          <span id={stableDescId}>\n            <HiddenAccessible>\n              {translations.expandableList_expandCollapseInstructionText()}\n            </HiddenAccessible>\n          </span>\n        </Fragment>\n      )}\n    </Fragment>\n  );\n}\n\nconst emptyKeys = { all: false, keys: new Set() };\n\nconst Expander = memo(\n  <K,>(props: { itemKey: K; expanded: boolean; onToggle: (detail: ToggleDetail<K>) => void }) => {\n    const styles = {\n      base: cssProps`${{\n        margin: '0 calc(1.25 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x))'\n      }}`\n    };\n\n    const classes = classNames([styles.base, 'oj-listview-expander']);\n\n    const actionHandler = () => {\n      props.onToggle({ value: props.itemKey });\n    };\n\n    return (\n      <span class={classes} role=\"presentation\">\n        <Button\n          onAction={actionHandler}\n          variant=\"ghost\"\n          startIcon={props.expanded ? <ExpandIcon size=\"6x\" /> : <CollapseIcon size=\"6x\" />}\n        />\n      </span>\n    );\n  },\n  (prev: any, next: any) => {\n    return (\n      prev.itemKey === next.itemKey &&\n      prev.expanded === next.expanded &&\n      prev.onToggle === next.onToggle\n    );\n  }\n);\n"],"names":["onKeyDown","event","key","preventDefault","handleArrowKey","isLeftArrow","target","expanded","keyExtractor","onToggle","itemKey","contains","containsKey","value","handleToggle","type","stopPropagation","emptyKeys","all","keys","Set","Expander","memo","props","classes","classNames","prev","next","children","currentKey","data","onSelectionChange","translations","useTranslationBundle","expandCollapseProps","direction","useUser","isRtl","onClick","useCallback","onKeyUp","useExpandCollapse","element","GROUP_SELECTOR","detail","previouslyExpanded","setStatusText","expandableList_groupCollapse","expandableList_groupExpand","descId","useId","stableDescId","useMemo","handleSelectionChange","context","createHierarchicalContext","options","expanderRenderer","undefined","_jsx","metadata","parentKey","leaf","isLeaf","depth","treeDepth","expander","defaultListItem","itemContext","itemDepth","ListGroupHeader","ariaDescribedBy","itemIndex","index","isFocused","isFocusRingVisible","isActive","isGridlineVisible","isExpandable","expandedKeys","_jsxs","jsxs","Fragment","jsx","LiveRegion","statusText","id","HiddenAccessible","expandableList_expandCollapseInstructionText"],"mappings":"yyKAqDA,MAAMA,GAAaC,IACC,UAAdA,EAAMC,KAAiC,cAAdD,EAAMC,KAAqC,eAAdD,EAAMC,KAC9DD,EAAME,gBACP,EAGGC,GAAiB,CACrBC,EACAC,EACAC,EACAC,EACAC,KAEA,MAAMC,EAAUF,EAAaF,GAC7B,GAAIG,GAAYC,EAAS,CACvB,MAAMC,EAAWC,EAAAA,YAAYL,EAAUG,IAClCL,GAAeM,IAAeN,IAAgBM,IACjDF,EAAS,CAAEI,MAAOH,GAErB,GAGGI,GAAe,CACnBb,EACAO,EACAC,KAEA,MAAMC,EAAUF,EAAaP,EAAMK,QAC/BG,GAAYC,IACdD,EAAS,CAAEI,MAAOH,IACC,UAAfT,EAAMc,MACRd,EAAMe,kBAET,ECqHH,MAAAC,GAAA,CAAAC,KAAA,EAAAC,KAAA,IAAAC,KAEAC,GAAAC,EAAAA,MAAAC,IAEI,MAMAC,EAAAC,EAAAA,WAAA,WAAA,kQAeF,CAAAC,EAAAC,IAEED,EAAAhB,UAAAiB,EAAAjB,SAEEgB,EAAAnB,WAAAoB,EAAApB,UACAmB,EAAAjB,WAAAkB,EAAAlB,4BA9KN,UAAAmB,SAAAA,EAAAC,WAAAA,EAAAC,KAAAA,EAAAC,kBAAAA,EAAAtB,SAAAA,KAAAc,8BASES,EAAAC,uBAAA,4BAEAC,WDlDA1B,EACAD,EACAE,GAEA,MAAM0B,UAAEA,GAAcC,EAAAA,UAChBC,EAAsB,QAAdF,EAERG,EAAUC,eACbtC,IACCa,GAAab,EAAOO,EAAcC,EAAS,GAE7C,CAACD,EAAcC,IAGX+B,EAAUD,eACbtC,IACC,GAAkB,UAAdA,EAAMC,KAAiC,MAAdD,EAAMC,IACjCY,GAAab,EAAOO,EAAcC,QAC7B,GAAkB,cAAdR,EAAMC,KAAqC,eAAdD,EAAMC,IAAsB,CAClE,MAAMG,EAA4B,cAAdJ,EAAMC,MAAwBmC,EAClDjC,GAAeC,EAAaJ,EAAMK,OAAuBC,EAAUC,EAAcC,GAEjFR,EAAME,iBACNF,EAAMe,iBACP,IAEH,CAACR,EAAcC,IAGjB,OAAOA,EAAW,CAAE6B,UAAStC,aAAWwC,WAAY,CAAA,CACtD,CCoBEC,EAAAC,yDAKIlC,EAAAA,aAAAkC,EAAAC,EAAAA,iBACF,MAAAb,EAAAb,GAAAa,EAAAvB,SAAAE,EAGE8B,EAAAA,aAAAK,IAGM,QAAAd,EAAA,CACE,MAAAe,EAAAjC,EAAAA,YAAAkB,GAAAvB,SAAAqC,EAAA/B,OACAiC,EAAAD,EAEIb,EAAAe,+BACAf,EAAAgB,2DAOL,IACH,CAAAvC,EAAAqB,YAMRmB,EAAAC,EAAAA,QACAC,EAAAC,EAAAA,SAAA,IAEEH,OA2BFI,EAAAd,EAAAA,aAAAK,mHASK,IACH,CAAAb,EAAAD,qMAIFwB,6GAtCAC,EAAAD,EAAAE,KAIE,MAAAC,OAAAC,IAAAF,EAEI,IAAAG,EAAAA,IAAAtC,GAAA,CAAAX,QAAA4C,EAAAM,SAAA1D,IAAAK,SAAAiD,EAAAjD,SAAAE,SAAA+C,EAAA/C,4BAUF6C,EACAO,UAAAP,EAAAM,SAAAC,UACAC,KAAAR,EAAAM,SAAAG,SAAA,EACAC,MAAAV,EAAAM,SAAAK,WAAA,EACAC,SAAAT,wCAwBAH,EAAAa,gBAAAC,EAAA,CAAAC,UAAAD,EAAAJ,MAAA,IAEAL,EAAAA,IAAAW,EAAAA,gBAAA,CAAAC,gBAAApB,EAAAzC,QAAA0D,EAAAR,SAAA1D,IAAAsE,UAAAJ,EAAAK,MAAAJ,UAAAD,EAAAJ,MAAAU,UAAApB,EAAAoB,UAAAC,mBAAArB,EAAAqB,mBAAAC,SAAAtB,EAAAsB,SAAAC,mBAAA,EAAAC,cAAA,EAAAC,aAAA,MAAAjD,EAAAb,GAAAa,EAAAvB,SAAAE,SAAAA,EAAAmB,SAAAA,EAAAwC,IAAAA,EAAAR,SAAA1D,IAiBD,mCAgBK0B,EAAA0B,KACF7C,GAAAuE,EAAAC,KAAAC,WAAA,CAAAtD,SAAA,CAAA+B,EAAAwB,IAAAC,aAAA,CAAAxD,SAAAyD,IAAA1B,EAAAwB,IAAA,OAAA,CAAAG,GAAAnC,EAAAvB,SAAA+B,EAAAwB,IAAAI,mBAAA,CAAA3D,SAAAI,EAAAwD,wDAcR"}
+{"version":3,"file":"UNSAFE_ExpandableList.js","sources":["../../src/UNSAFE_ExpandableList/useExpandCollapse.ts","../../src/UNSAFE_ExpandableList/ExpandableList.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useCallback } from 'preact/hooks';\nimport { ToggleDetail } from '../UNSAFE_Collection';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { containsKey, Keys } from '../utils/UNSAFE_keys';\n\n/**\n * A hook that handles mouse and keyboard gesture that toggles the expanded state.\n * @param keyExtractor\n * @param expanded\n * @param onToggle\n * @returns\n */\nexport function useExpandCollapse<K>(\n  keyExtractor: (element: HTMLElement) => K | null,\n  expanded: Keys<K>,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) {\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  const onClick = useCallback(\n    (event: MouseEvent) => {\n      handleToggle(event, keyExtractor, onToggle);\n    },\n    [keyExtractor, onToggle]\n  );\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Enter' || event.key === ' ') {\n        handleToggle(event, keyExtractor, onToggle);\n      } else if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n        const isLeftArrow = event.key === 'ArrowLeft' && !isRtl;\n        handleArrowKey(isLeftArrow, event.target as HTMLElement, expanded, keyExtractor, onToggle);\n        // arrow key might cause it to scroll horizontally\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [keyExtractor, onToggle]\n  );\n\n  return onToggle ? { onClick, onKeyDown, onKeyUp } : {};\n}\n\n// prevent default (propagation) for keyDown to prevent scrolling the container\nconst onKeyDown = (event: KeyboardEvent) => {\n  if (event.key === 'Enter' || event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n    event.preventDefault();\n  }\n};\n\nconst handleArrowKey = <K>(\n  isLeftArrow: boolean,\n  target: HTMLElement,\n  expanded: Keys<K>,\n  keyExtractor: (element: HTMLElement) => K | null,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(target);\n  if (onToggle && itemKey) {\n    const contains = containsKey(expanded, itemKey);\n    if ((isLeftArrow && contains) || (!isLeftArrow && !contains)) {\n      onToggle({ value: itemKey });\n    }\n  }\n};\n\nconst handleToggle = <K>(\n  event: Event,\n  keyExtractor: (element: HTMLElement) => K | null,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(event.target as HTMLElement);\n  if (onToggle && itemKey) {\n    onToggle({ value: itemKey });\n    if (event.type === 'click') {\n      event.stopPropagation();\n    }\n  }\n};\n","import { ComponentChildren, Fragment } from 'preact';\nimport { useState, useMemo, useCallback } from 'preact/hooks';\nimport { memo } from 'preact/compat';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport {\n  HierarchicalItemContext,\n  ListItemContext,\n  SelectionDetail,\n  ToggleDetail,\n  FlattenedDataState\n} from '../UNSAFE_Collection';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { Keys, containsKey, isSameKey } from '../utils/UNSAFE_keys';\nimport { Button } from '../UNSAFE_Button';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { ExpandIcon } from '../PRIVATE_ThemedIcons/ExpandIcon';\nimport { CollapseIcon } from '../PRIVATE_ThemedIcons/CollapseIcon';\nimport {\n  List,\n  ListGroupHeader,\n  GROUP_SELECTOR,\n  excludeGroup,\n  GroupLoadingIndicator\n} from '../PRIVATE_List';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { CustomRendererContext, PublicListProps } from '../UNSAFE_ListView/List.types';\nimport { useExpandCollapse } from './useExpandCollapse';\nimport { keyExtractor } from '../utils/PRIVATE_collectionUtils';\n\n// these are the props that are different from ListView\ntype SpecificTypes<K, D> = {\n  /**\n   * A function to render an item or a group header.\n   */\n  children: (context: HierarchicalItemContext<K, D>) => ComponentChildren;\n  /**\n   * A FlattenedDataState object that provides information including data and metadata to this ExpandableList.\n   * If the value is null, then ExpandableList will show loading indicator until a FlattenedDataState is set.\n   */\n  data: FlattenedDataState<K, D> | null;\n  /**\n   * A function to handle when user performs a gesture that toggles the expansion state of a group header\n   */\n  onToggle?: (detail: ToggleDetail<K>) => void;\n};\n\n/**\n * Props for the ExpandableList Component, which consist of all props from ListView\n * except some which have different signatures.\n */\ntype ExpandableListProps<K, D> = Omit<PublicListProps<K, D>, 'children' | 'data'> &\n  SpecificTypes<K, D>;\n\n/**\n * An ExpandableList shows a two-level group of items where each group header can be expand or collapse.\n */\nexport function ExpandableList<K extends string | number, D>({\n  children,\n  currentKey,\n  data,\n  onSelectionChange,\n  onToggle,\n  ...props\n}: ExpandableListProps<K, D>) {\n  const [statusText, setStatusText] = useState('');\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const expandCollapseProps = useExpandCollapse(\n    (element: HTMLElement) => {\n      if (element.getAttribute('role') === 'treegrid') {\n        return currentKey === undefined ? null : currentKey;\n      }\n      return keyExtractor(element, GROUP_SELECTOR) as K;\n    },\n    data == null ? (emptyKeys as Keys<K>) : data.expanded,\n    onToggle\n      ? useCallback(\n          (detail: ToggleDetail<K>) => {\n            onToggle(detail);\n            if (data) {\n              const previouslyExpanded = containsKey(data?.expanded, detail.value);\n              setStatusText(\n                previouslyExpanded\n                  ? translations.expandableList_groupCollapse()\n                  : translations.expandableList_groupExpand()\n              );\n              // we need to clear the live region text otherwise screenreader\n              // won't read again if the content did not change the next time\n              setTimeout(() => {\n                setStatusText('');\n              }, 1000);\n            }\n          },\n          [onToggle, data]\n        )\n      : undefined\n  );\n\n  const descId = useId();\n  const stableDescId = useMemo(() => {\n    // this should never change after mounted\n    return descId;\n  }, []);\n\n  const createHierarchicalContext = <K, D>(\n    context: ListItemContext<K, D>,\n    options?: { expanded: boolean; onToggle: (detail: ToggleDetail<K>) => void }\n  ) => {\n    const expanderRenderer =\n      options !== undefined\n        ? () => (\n            <Expander\n              itemKey={context.metadata.key}\n              expanded={options.expanded}\n              onToggle={options.onToggle}\n            />\n          )\n        : undefined;\n\n    return {\n      ...context,\n      parentKey: context.metadata.parentKey,\n      leaf: context.metadata.isLeaf ?? true,\n      depth: context.metadata.treeDepth ?? 1,\n      expander: expanderRenderer\n    };\n  };\n\n  const handleSelectionChange = useCallback(\n    (detail: SelectionDetail<K>) => {\n      if (onSelectionChange && data) {\n        const keys = excludeGroup(data, detail.value);\n        if (isSameKey(keys, detail.value)) {\n          onSelectionChange(detail);\n        } else if (keys.keys && keys.keys.size > 0) {\n          onSelectionChange({ ...detail, value: keys });\n        }\n      }\n    },\n    [onSelectionChange, data]\n  );\n\n  const customItemRenderer = (context: CustomRendererContext<K, D>) => {\n    const itemKey = context.listItemContext.metadata.key;\n    const options =\n      data && onToggle ? { expanded: containsKey(data.expanded, itemKey), onToggle } : undefined;\n    const itemContext = createHierarchicalContext(context.listItemContext, options);\n    if (itemContext.leaf) {\n      return context.defaultListItem(itemContext, { itemDepth: itemContext.depth + 1 });\n    } else {\n      return (\n        <ListGroupHeader\n          key={itemContext.metadata.key}\n          ariaDescribedBy={stableDescId}\n          itemKey={itemContext.metadata.key}\n          itemIndex={itemContext.index}\n          itemDepth={itemContext.depth}\n          isFocused={context.isFocused}\n          isFocusRingVisible={context.isFocusRingVisible}\n          isActive={context.isActive}\n          isGridlineVisible={false}\n          isExpandable={true}\n          expandedKeys={data == null ? (emptyKeys as Keys<K>) : data.expanded}\n          onToggle={onToggle}>\n          {children(itemContext)}\n        </ListGroupHeader>\n      );\n    }\n  };\n\n  return (\n    <Fragment>\n      <List\n        isVirtualized={false}\n        currentKey={currentKey}\n        data={data}\n        role=\"treegrid\"\n        loadingIndicator={<GroupLoadingIndicator />}\n        onSelectionChange={handleSelectionChange}\n        customItemRenderer={customItemRenderer}\n        eventHandlers={expandCollapseProps}\n        {...props}>\n        {(context: ListItemContext<K, D>) => {\n          return children(context as HierarchicalItemContext<K, D>);\n        }}\n      </List>\n      {onToggle && (\n        <Fragment>\n          <LiveRegion>{statusText}</LiveRegion>\n          <span id={stableDescId}>\n            <HiddenAccessible>\n              {translations.expandableList_expandCollapseInstructionText()}\n            </HiddenAccessible>\n          </span>\n        </Fragment>\n      )}\n    </Fragment>\n  );\n}\n\nconst emptyKeys = { all: false, keys: new Set() };\n\nconst Expander = memo(\n  <K,>(props: { itemKey: K; expanded: boolean; onToggle: (detail: ToggleDetail<K>) => void }) => {\n    const styles = {\n      base: cssProps`${{\n        margin: '0 calc(1.25 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x))'\n      }}`\n    };\n\n    const classes = classNames([styles.base, 'oj-listview-expander']);\n\n    const actionHandler = () => {\n      props.onToggle({ value: props.itemKey });\n    };\n\n    return (\n      <span class={classes} role=\"presentation\">\n        <Button\n          onAction={actionHandler}\n          variant=\"ghost\"\n          startIcon={props.expanded ? <ExpandIcon size=\"6x\" /> : <CollapseIcon size=\"6x\" />}\n        />\n      </span>\n    );\n  },\n  (prev: any, next: any) => {\n    return (\n      prev.itemKey === next.itemKey &&\n      prev.expanded === next.expanded &&\n      prev.onToggle === next.onToggle\n    );\n  }\n);\n"],"names":["onKeyDown","event","key","preventDefault","handleArrowKey","isLeftArrow","target","expanded","keyExtractor","onToggle","itemKey","contains","containsKey","value","handleToggle","type","stopPropagation","emptyKeys","all","keys","Set","Expander","memo","props","classes","classNames","prev","next","children","currentKey","data","onSelectionChange","translations","useTranslationBundle","expandCollapseProps","direction","useUser","isRtl","onClick","useCallback","onKeyUp","useExpandCollapse","element","GROUP_SELECTOR","detail","previouslyExpanded","setStatusText","expandableList_groupCollapse","expandableList_groupExpand","descId","useId","stableDescId","useMemo","handleSelectionChange","context","createHierarchicalContext","options","expanderRenderer","undefined","_jsx","metadata","parentKey","leaf","isLeaf","depth","treeDepth","expander","defaultListItem","itemContext","itemDepth","ListGroupHeader","ariaDescribedBy","itemIndex","index","isFocused","isFocusRingVisible","isActive","isGridlineVisible","isExpandable","expandedKeys","_jsxs","jsxs","Fragment","jsx","LiveRegion","statusText","id","HiddenAccessible","expandableList_expandCollapseInstructionText"],"mappings":"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"}

package/amd/UNSAFE_FilePicker/themes/redwood/FilePickerTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../FilePickerStyles.css', './FilePickerBaseTheme.css', './FilePickerVariants.css', 'module', 'module', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-0002efa3'], (function(e,s,i,t,a,l,c,r){"use strict";const n={baseTheme:i.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.FilePickerRedwoodTheme=n,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../FilePickerStyles.css', './FilePickerBaseTheme.css', './FilePickerVariants.css', 'module', 'module', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-6f6e2b8d'], (function(e,s,i,t,l,a,c,r){"use strict";const n={baseTheme:i.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.FilePickerRedwoodTheme=n,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=FilePickerTheme.js.map

package/amd/UNSAFE_FilePicker/themes/redwood/FilePickerVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'module', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-0002efa3'], (function(e,t,a,s){"use strict";var i=s.createRuntimeFn({defaultClassName:"FilePickerStyles_baseStyle__dogf2s4",variantClassNames:{disabledState:{isDisabled:"FilePickerVariants_multiVariantStyles_disabledState_isDisabled__1lw5ul40",notDisabled:"FilePickerVariants_multiVariantStyles_disabledState_notDisabled__1lw5ul41"},hoveredState:{isHover:"FilePickerStyles_outerNeedsEventsHoverStyle__dogf2s2",notHover:"FilePickerVariants_multiVariantStyles_hoveredState_notHover__1lw5ul43"},pseudoHoveredState:{isPseudoHover:"FilePickerVariants_multiVariantStyles_pseudoHoveredState_isPseudoHover__1lw5ul44",notPseudoHover:"FilePickerVariants_multiVariantStyles_pseudoHoveredState_notPseudoHover__1lw5ul45"}},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=i,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'module', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-6f6e2b8d'], (function(e,t,s,a){"use strict";var i=a.createRuntimeFn({defaultClassName:"FilePickerStyles_baseStyle__dogf2s4",variantClassNames:{disabledState:{isDisabled:"FilePickerVariants_multiVariantStyles_disabledState_isDisabled__1lw5ul40",notDisabled:"FilePickerVariants_multiVariantStyles_disabledState_notDisabled__1lw5ul41"},hoveredState:{isHover:"FilePickerStyles_outerNeedsEventsHoverStyle__dogf2s2",notHover:"FilePickerVariants_multiVariantStyles_hoveredState_notHover__1lw5ul43"},pseudoHoveredState:{isPseudoHover:"FilePickerVariants_multiVariantStyles_pseudoHoveredState_isPseudoHover__1lw5ul44",notPseudoHover:"FilePickerVariants_multiVariantStyles_pseudoHoveredState_notPseudoHover__1lw5ul45"}},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=i,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=FilePickerVariants.css.js.map

package/amd/UNSAFE_FilePicker/themes/stable/FilePickerTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../FilePickerStyles.css', './FilePickerBaseTheme.css', './FilePickerVariants.css', 'module', 'module', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-0002efa3'], (function(e,s,i,t,a,l,c,r){"use strict";const n={baseTheme:i.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.FilePickerStableTheme=n,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../FilePickerStyles.css', './FilePickerBaseTheme.css', './FilePickerVariants.css', 'module', 'module', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-6f6e2b8d'], (function(e,s,i,t,l,a,c,r){"use strict";const n={baseTheme:i.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.FilePickerStableTheme=n,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=FilePickerTheme.js.map

package/amd/UNSAFE_FilePicker/themes/stable/FilePickerVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'module', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-0002efa3'], (function(e,t,a,s){"use strict";var i=s.createRuntimeFn({defaultClassName:"FilePickerStyles_baseStyle__dogf2s4",variantClassNames:{disabledState:{isDisabled:"FilePickerVariants_multiVariantStyles_disabledState_isDisabled__ac40y0",notDisabled:"FilePickerVariants_multiVariantStyles_disabledState_notDisabled__ac40y1"},hoveredState:{isHover:"FilePickerStyles_outerNeedsEventsHoverStyle__dogf2s2",notHover:"FilePickerVariants_multiVariantStyles_hoveredState_notHover__ac40y3"},pseudoHoveredState:{isPseudoHover:"FilePickerVariants_multiVariantStyles_pseudoHoveredState_isPseudoHover__ac40y4",notPseudoHover:"FilePickerVariants_multiVariantStyles_pseudoHoveredState_notPseudoHover__ac40y5"}},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=i,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'module', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-6f6e2b8d'], (function(e,t,a,s){"use strict";var i=s.createRuntimeFn({defaultClassName:"FilePickerStyles_baseStyle__dogf2s4",variantClassNames:{disabledState:{isDisabled:"FilePickerVariants_multiVariantStyles_disabledState_isDisabled__ac40y0",notDisabled:"FilePickerVariants_multiVariantStyles_disabledState_notDisabled__ac40y1"},hoveredState:{isHover:"FilePickerStyles_outerNeedsEventsHoverStyle__dogf2s2",notHover:"FilePickerVariants_multiVariantStyles_hoveredState_notHover__ac40y3"},pseudoHoveredState:{isPseudoHover:"FilePickerVariants_multiVariantStyles_pseudoHoveredState_isPseudoHover__ac40y4",notPseudoHover:"FilePickerVariants_multiVariantStyles_pseudoHoveredState_notPseudoHover__ac40y5"}},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=i,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=FilePickerVariants.css.js.map

package/amd/UNSAFE_FilePicker.js

@@ -1,2 +1,2 @@
-define(['exports', './FilePicker-b133e7e2', 'preact/jsx-runtime', './utils/UNSAFE_mergeProps', './utils/UNSAFE_classNames', './classNames-a38faa50', './hooks/UNSAFE_useTranslationBundle', 'preact/hooks', './index-972353b7', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/compat', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-c3d71872', './utils/UNSAFE_stringUtils', './stringUtils-609a2a82', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './_curry1-8e80b9e8', './_curry2-6182e485', './UNSAFE_FilePicker/themes/redwood/FilePickerTheme', './UNSAFE_FilePicker/themes/FilePickerStyles.css', 'css!./FilePickerStyles.styles.css', './UNSAFE_FilePicker/themes/redwood/FilePickerBaseTheme.css', 'module', './UNSAFE_FilePicker/themes/redwood/FilePickerVariants.css', 'css!./FilePickerVariants.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-0002efa3', './utils/UNSAFE_filePickerUtils', './utils/PRIVATE_clientHints', './clientHints-097c8e85', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useTabbableMode', './hooks/UNSAFE_useInteractionStyle', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive'], (function(e,s,i,t,o,r,l,c,F,a,m,n,k,u,_,h,S,U,A,N,E,P,d,p,y,T,b,g,f,C,w,v,x,B,H,V,j,I,M,R,z){"use strict";e.FilePicker=s.FilePicker,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './FilePicker-4e2c8ea2', 'preact/jsx-runtime', './utils/UNSAFE_mergeProps', './utils/UNSAFE_classNames', './classNames-c6cc4719', './hooks/UNSAFE_useTranslationBundle', 'preact/hooks', './index-7d808afa', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/compat', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-3096e431', './utils/UNSAFE_stringUtils', './stringUtils-96bfcb78', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './_curry1-5cea534a', './_curry2-c02a6898', './UNSAFE_FilePicker/themes/redwood/FilePickerTheme', './UNSAFE_FilePicker/themes/FilePickerStyles.css', 'css!./FilePickerStyles.styles.css', './UNSAFE_FilePicker/themes/redwood/FilePickerBaseTheme.css', 'module', './UNSAFE_FilePicker/themes/redwood/FilePickerVariants.css', 'css!./FilePickerVariants.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-6f6e2b8d', './utils/UNSAFE_filePickerUtils', './utils/PRIVATE_clientHints', './clientHints-fbfc14a7', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useTabbableMode', './hooks/UNSAFE_useInteractionStyle', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive'], (function(e,s,i,t,c,o,r,l,F,a,m,n,k,u,_,h,S,U,A,N,E,P,d,p,f,y,T,b,g,C,w,v,x,B,H,V,j,I,M,R,z){"use strict";e.FilePicker=s.FilePicker,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_FilePicker.js.map

package/amd/UNSAFE_Flex.css

@@ -1,2 +1,2 @@
-._14rismn{display:flex;}
-.lbqgo3 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+.gjcrlq{display:flex;}
+._151xa8f > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}

package/amd/UNSAFE_Flex.js

@@ -1,2 +1,2 @@
-define(['exports', './Flex-602aedd6', 'preact/jsx-runtime', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-c3d71872', './Common/themes/themeContract.css', './_curry1-8e80b9e8', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_classNames', './classNames-a38faa50', './_curry3-dfa9e462', './_curry2-6182e485', './_has-d086a175', 'css!./UNSAFE_Flex.css', './utils/UNSAFE_interpolations/boxalignment', './keys-069dcca6', './utils/UNSAFE_interpolations/flexbox', './flexbox-de7617fc', './utils/UNSAFE_interpolations/flexitem', './flexitem-8a1a84c5'], (function(e,t,s,i,l,a,r,n,o,u,c,m,_,x,F,d,N,S,f,U,A,E,p){"use strict";e.Flex=t.Flex,e.marginZeroStyles=t.marginZeroStyles,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './Flex-0a2755ad', 'preact/jsx-runtime', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-3096e431', './Common/themes/themeContract.css', './_curry1-5cea534a', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_classNames', './classNames-c6cc4719', './_curry3-f55dd1d6', './_curry2-c02a6898', './_has-de06828b', 'css!./UNSAFE_Flex.css', './utils/UNSAFE_interpolations/boxalignment', './keys-72d42d0f', './utils/UNSAFE_interpolations/flexbox', './flexbox-03b175aa', './utils/UNSAFE_interpolations/flexitem', './flexitem-f4d8540e'], (function(e,t,s,i,l,a,r,n,o,u,c,m,_,d,x,F,N,S,f,U,A,E,p){"use strict";e.Flex=t.Flex,e.marginZeroStyles=t.marginZeroStyles,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Flex.js.map

package/amd/UNSAFE_Floating/themes/redwood/FloatingTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../FloatingStyles.css', './FloatingBaseTheme.css', './FloatingVariants.css', 'module', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-0002efa3'], (function(e,s,t,a,i,l,n){"use strict";const o={baseTheme:t.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:s.variants,styles:s.styles};e.FloatingRedwoodTheme=o,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../FloatingStyles.css', './FloatingBaseTheme.css', './FloatingVariants.css', 'module', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-6f6e2b8d'], (function(e,s,t,a,i,l,n){"use strict";const o={baseTheme:t.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:s.variants,styles:s.styles};e.FloatingRedwoodTheme=o,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=FloatingTheme.js.map

package/amd/UNSAFE_Floating/themes/redwood/FloatingVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-0002efa3'], (function(e,t,a){"use strict";var s=a.createRuntimeFn({defaultClassName:"FloatingStyles_baseStyle__1h7j7623",variantClassNames:{},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=s,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-6f6e2b8d'], (function(e,t,a){"use strict";var s=a.createRuntimeFn({defaultClassName:"FloatingStyles_baseStyle__1h7j7623",variantClassNames:{},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=s,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=FloatingVariants.css.js.map

package/amd/UNSAFE_Floating/themes/stable/FloatingTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../FloatingStyles.css', './FloatingBaseTheme.css', './FloatingVariants.css', 'module', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-0002efa3'], (function(e,s,t,a,l,i,n){"use strict";const c={baseTheme:t.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:s.variants,styles:s.styles};e.FloatingStableTheme=c,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../FloatingStyles.css', './FloatingBaseTheme.css', './FloatingVariants.css', 'module', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-6f6e2b8d'], (function(e,s,t,a,l,i,n){"use strict";const c={baseTheme:t.baseTheme,multiVariantStyles:a.multiVariantStyles,variants:s.variants,styles:s.styles};e.FloatingStableTheme=c,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=FloatingTheme.js.map

package/amd/UNSAFE_Floating/themes/stable/FloatingVariants.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-0002efa3'], (function(e,t,a){"use strict";var s=a.createRuntimeFn({defaultClassName:"FloatingStyles_baseStyle__1h7j7623",variantClassNames:{},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=s,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'module', '../../../vanilla-extract-recipes-createRuntimeFn.esm-6f6e2b8d'], (function(e,t,a){"use strict";var s=a.createRuntimeFn({defaultClassName:"FloatingStyles_baseStyle__1h7j7623",variantClassNames:{},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=s,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=FloatingVariants.css.js.map

package/amd/UNSAFE_Floating.js

@@ -1,2 +1,2 @@
-define(['exports', './Floating-894861f8', 'preact/jsx-runtime', 'preact/hooks', 'preact/compat', './index-1a7108e6', './hooks/UNSAFE_useUser', './index-972353b7', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './_curry1-8e80b9e8', './_curry2-6182e485', './utils/UNSAFE_classNames', './classNames-a38faa50', './utils-c3d71872', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-0002efa3', './vanilla-extract-dynamic.esm-964c2211', './UNSAFE_Floating/themes/FloatingContract.css'], (function(e,t,s,o,a,i,l,n,m,r,c,F,g,h,d,u,_,U,A,E,N,S,p,y,f,C,x,T,k,w,b,v,P){"use strict";e.Floating=t.Floating,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './Floating-851238a6', 'preact/jsx-runtime', 'preact/hooks', 'preact/compat', './index-0f1e12db', './hooks/UNSAFE_useUser', './index-7d808afa', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './_curry1-5cea534a', './_curry2-c02a6898', './utils/UNSAFE_classNames', './classNames-c6cc4719', './utils-3096e431', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-6f6e2b8d', './vanilla-extract-dynamic.esm-a9754e48', './UNSAFE_Floating/themes/FloatingContract.css'], (function(e,t,s,o,a,i,l,n,c,m,r,F,d,g,h,u,_,U,A,E,N,S,p,y,f,C,x,T,k,w,b,v,P){"use strict";e.Floating=t.Floating,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Floating.js.map

package/amd/UNSAFE_FocusTrap.css

@@ -1,3 +1,3 @@
-._10r8ah2 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._18bgmwd > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
 
-.wtda17{height:0px;left:0;position:fixed;top:0;width:1px;}
+._3tp9a5{height:0px;left:0;position:fixed;top:0;width:1px;}

package/amd/UNSAFE_FocusTrap.js

@@ -1,2 +1,2 @@
-define(['exports', './FocusTrap-e64dfc3e', 'preact/jsx-runtime', 'preact', 'preact/compat', './utils/UNSAFE_classNames', './classNames-a38faa50', 'css!./UNSAFE_FocusTrap.css', './utils/PRIVATE_tabbableUtils', './_curry1-8e80b9e8', './_curry2-6182e485', './_arity-0f1e8642', './_curry3-dfa9e462'], (function(e,a,r,s,c,t,u,i,l,p,o,_,f){"use strict";e.FocusTrap=a.FocusTrap,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './FocusTrap-33bb474d', 'preact/jsx-runtime', 'preact', 'preact/compat', './utils/UNSAFE_classNames', './classNames-c6cc4719', 'css!./UNSAFE_FocusTrap.css', './utils/PRIVATE_tabbableUtils', './_curry1-5cea534a', './_curry2-c02a6898', './_arity-d203ca27', './_curry3-f55dd1d6'], (function(a,c,e,r,s,t,u,i,l,p,d,o,_){"use strict";a.FocusTrap=c.FocusTrap,Object.defineProperty(a,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_FocusTrap.js.map

package/amd/UNSAFE_Grid.css

@@ -1 +1 @@
-._4o7k0u{display:grid;}
+.ebkdjj{display:grid;}