@oracle/oraclejet-preact 17.1.1 → 17.1.2

package/amd/UNSAFE_CardFlexView.js

@@ -1,2 +1,2 @@
-define(['exports', './CardFlexView-14fada63', 'preact/jsx-runtime', 'preact/hooks', './useResizeObserver-c63865cc', './BaseCardView-c5624c8a', 'preact', 'preact/compat', './mergeProps-bcfa6a92', './keys-cc1cb01d', './collectionUtils-6740111c', './clientHints-030d25aa', './useCurrentKey-1d869ff4', './useUser-85c781ea', './LayerHost-e95c5f30', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './useCollectionFocusRing-64636529', './useTabbableModeSet-b4c18d1a', './useSelection-e2791513', './textSelectionUtils-06c7855d', 'css!./DragAndDropStyles.styles.css', './useReorderableContext-652356ad', 'css!./ReorderableItemStyles.styles.css', './Selector-039f7481', './UNSAFE_Selector/themes/SelectorStyles.css', 'css!./SelectorStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', './StyledCheckbox-9006dc18', './Check-118637e2', './Icon-2d805acb', './size-a75b3f13', './utils-5077c092', './colorUtils-7c069766', './_curry1-df649359', './useTooltip-6a5fedfa', './useTooltipControlled-fb57eb02', './useId-c9578d26', './useHover-7964884c', './useToggle-a29f97af', './useFocus-4194fc59', './useTouch-37489bb5', './useAnimation-5bd3adfc', './useComponentTheme-5aa41a8f', './logger-0f873e29', './useTestId-3a316499', './useThemeInterpolations-b1d98ea4', './useColorScheme-10dc88de', './useScale-37d42c9d', './theme-a8f3d819', './Theme-d945adae', './mergeInterpolations-9ede4cf7', './classNames-08d99695', './mergeDeepWithKey-aaab9019', './_curry3-83878f86', './_curry2-86c52b86', './_isObject-42bafc94', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './tooltipUtils-3b34c2bc', './EnvironmentProvider-8f6fc388', './LayerManager-76fcfb58', './Floating-a658b79c', './useFloating-8726c4bb', './positionUtils-3193ab54', './refUtils-d354a169', './useOutsideClick-5c2a47be', './arrayUtils-6ee96a35', './Layer-276d62e8', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './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-dynamic.esm-eceadd82', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './CheckboxOff-2e2d6e45', './CheckboxOn-0637fb05', './CheckboxMixed-9fd0c5ca', './HiddenAccessible-037ef42d', 'css!./HiddenAccessibleStyles.styles.css', './UNSAFE_Checkbox/themes/CheckboxIconContract.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconTheme', './UNSAFE_Checkbox/themes/CheckboxIconStyles.css', 'css!./CheckboxIconStyles.styles.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxIconVariants.css', 'css!./CheckboxIconVariants.styles.css', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', 'css!./StyledCheckbox.styles.css', './useCollectionInteractionContext-173bc431', './useActive-7bb6fdc1', './LoadMoreCollection-83413a59', './Collection-46cfa244', './useViewportIntersect-b2d47a4b', './PRIVATE_BaseCardView/themes/BaseCardViewStyles.css', 'css!./BaseCardViewStyles.styles.css', './tabbableUtils-3f80fcf5', './head-9cb1a3da', './_arity-5a5f5f71', './_isArray-32602db6', './_isString-d0ada3cb', './FocusTrap-eb7cc3d2', './FocusTracker-23469a5b', './PRIVATE_FocusTracker/themes/FocusTrackerStyles.css', 'css!./FocusTrackerStyles.styles.css', './useReorderableItem-7fd4d629', './useTranslationBundle-516b1b83', './dndUtils-9d9ccdc5', './hooks/PRIVATE_useReorderable/themes/ReorderableItemStyles.css', './Grid-160f4885', './grid-767b4587', './boxalignment-905057dc', 'css!./boxalignment.styles.css', './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-84d30764', 'css!./GridStyles.styles.css', './Flex-56ecdf4c', './dimensions-60420dbb', './flexbox-8521f6aa', 'css!./flexbox.styles.css', './flexitem-5db48325', 'css!./flexitem.styles.css', 'css!./FlexStyles.styles.css', './PRIVATE_BaseCardView/themes/BaseCardViewContract.css', './Skeleton-5839404b', './borders-e15a6927', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', 'module'], (function(e,s,t,o,c,a,l,d,r,n,i,b,h,m,S,y,u,C,F,f,k,T,x,_,A,U,p,E,w,g,I,N,V,B,R,v,P,L,M,O,H,j,D,z,G,K,W,q,J,Q,X,Y,Z,$,ee,se,te,oe,ce,ae,le,de,re,ne,ie,be,he,me,Se,ye,ue,Ce,Fe,fe,ke,Te,xe,_e,Ae,Ue,pe,Ee,we,ge,Ie,Ne,Ve,Be,Re,ve,Pe,Le,Me,Oe,He,je,De,ze,Ge,Ke,We,qe,Je,Qe,Xe,Ye,Ze,$e,es,ss,ts,os,cs,as,ls,ds,rs,ns,is,bs,hs,ms,Ss,ys,us,Cs,Fs,fs,ks,Ts,xs,_s,As,Us,ps,Es,ws,gs,Is,Ns,Vs,Bs,Rs,vs,Ps){"use strict";e.CardFlexView=s.CardFlexView,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './CardFlexView-9688d264', 'preact/jsx-runtime', 'preact/hooks', './useResizeObserver-c63865cc', './BaseCardView-a11e4dec', 'preact', 'preact/compat', './mergeProps-bcfa6a92', './keys-cc1cb01d', './collectionUtils-6740111c', './clientHints-030d25aa', './useCurrentKey-1d869ff4', './useUser-85c781ea', './LayerHost-e95c5f30', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './useCollectionFocusRing-64636529', './useTabbableModeSet-b4c18d1a', './useSelection-e2791513', './textSelectionUtils-06c7855d', 'css!./DragAndDropStyles.styles.css', './useReorderableContext-652356ad', 'css!./ReorderableItemStyles.styles.css', './Selector-039f7481', './UNSAFE_Selector/themes/SelectorStyles.css', 'css!./SelectorStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', './StyledCheckbox-9006dc18', './Check-118637e2', './Icon-2d805acb', './size-a75b3f13', './utils-5077c092', './colorUtils-7c069766', './_curry1-df649359', './useTooltip-6a5fedfa', './useTooltipControlled-fb57eb02', './useId-c9578d26', './useHover-7964884c', './useToggle-a29f97af', './useFocus-4194fc59', './useTouch-37489bb5', './useAnimation-5bd3adfc', './useComponentTheme-5aa41a8f', './logger-0f873e29', './useTestId-3a316499', './useThemeInterpolations-b1d98ea4', './useColorScheme-10dc88de', './useScale-37d42c9d', './theme-a8f3d819', './Theme-d945adae', './mergeInterpolations-9ede4cf7', './classNames-08d99695', './mergeDeepWithKey-aaab9019', './_curry3-83878f86', './_curry2-86c52b86', './_isObject-42bafc94', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './tooltipUtils-3b34c2bc', './EnvironmentProvider-8f6fc388', './LayerManager-76fcfb58', './Floating-a658b79c', './useFloating-8726c4bb', './positionUtils-3193ab54', './refUtils-d354a169', './useOutsideClick-5c2a47be', './arrayUtils-6ee96a35', './Layer-276d62e8', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './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-dynamic.esm-eceadd82', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './CheckboxOff-2e2d6e45', './CheckboxOn-0637fb05', './CheckboxMixed-9fd0c5ca', './HiddenAccessible-037ef42d', 'css!./HiddenAccessibleStyles.styles.css', './UNSAFE_Checkbox/themes/CheckboxIconContract.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconTheme', './UNSAFE_Checkbox/themes/CheckboxIconStyles.css', 'css!./CheckboxIconStyles.styles.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxIconVariants.css', 'css!./CheckboxIconVariants.styles.css', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', 'css!./StyledCheckbox.styles.css', './useCollectionInteractionContext-173bc431', './useActive-7bb6fdc1', './LoadMoreCollection-a6adbc3f', './useViewportIntersect-b2d47a4b', './Collection-46cfa244', './PRIVATE_BaseCardView/themes/BaseCardViewStyles.css', 'css!./BaseCardViewStyles.styles.css', './tabbableUtils-3f80fcf5', './head-9cb1a3da', './_arity-5a5f5f71', './_isArray-32602db6', './_isString-d0ada3cb', './FocusTrap-eb7cc3d2', './FocusTracker-23469a5b', './PRIVATE_FocusTracker/themes/FocusTrackerStyles.css', 'css!./FocusTrackerStyles.styles.css', './useReorderableItem-7fd4d629', './useTranslationBundle-516b1b83', './dndUtils-9d9ccdc5', './hooks/PRIVATE_useReorderable/themes/ReorderableItemStyles.css', './Grid-160f4885', './grid-767b4587', './boxalignment-905057dc', 'css!./boxalignment.styles.css', './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-84d30764', 'css!./GridStyles.styles.css', './Flex-56ecdf4c', './dimensions-60420dbb', './flexbox-8521f6aa', 'css!./flexbox.styles.css', './flexitem-5db48325', 'css!./flexitem.styles.css', 'css!./FlexStyles.styles.css', './PRIVATE_BaseCardView/themes/BaseCardViewContract.css', './Skeleton-5839404b', './borders-e15a6927', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', 'module'], (function(e,s,t,o,c,a,l,d,r,n,i,b,h,m,S,y,u,C,F,f,k,T,x,_,A,U,p,E,w,g,I,N,V,B,R,v,P,L,M,O,H,j,D,z,G,K,W,q,J,Q,X,Y,Z,$,ee,se,te,oe,ce,ae,le,de,re,ne,ie,be,he,me,Se,ye,ue,Ce,Fe,fe,ke,Te,xe,_e,Ae,Ue,pe,Ee,we,ge,Ie,Ne,Ve,Be,Re,ve,Pe,Le,Me,Oe,He,je,De,ze,Ge,Ke,We,qe,Je,Qe,Xe,Ye,Ze,$e,es,ss,ts,os,cs,as,ls,ds,rs,ns,is,bs,hs,ms,Ss,ys,us,Cs,Fs,fs,ks,Ts,xs,_s,As,Us,ps,Es,ws,gs,Is,Ns,Vs,Bs,Rs,vs,Ps){"use strict";e.CardFlexView=s.CardFlexView,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_CardFlexView.js.map

package/amd/UNSAFE_CardGridView.js

@@ -1,2 +1,2 @@
-define(['exports', './CardGridView-00ba53a9', 'preact/jsx-runtime', 'preact/hooks', './BaseCardView-c5624c8a', 'preact', 'preact/compat', './mergeProps-bcfa6a92', './keys-cc1cb01d', './collectionUtils-6740111c', './clientHints-030d25aa', './useCurrentKey-1d869ff4', './useUser-85c781ea', './LayerHost-e95c5f30', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './useCollectionFocusRing-64636529', './useTabbableModeSet-b4c18d1a', './useSelection-e2791513', './textSelectionUtils-06c7855d', 'css!./DragAndDropStyles.styles.css', './useReorderableContext-652356ad', 'css!./ReorderableItemStyles.styles.css', './Selector-039f7481', './UNSAFE_Selector/themes/SelectorStyles.css', 'css!./SelectorStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', './StyledCheckbox-9006dc18', './Check-118637e2', './Icon-2d805acb', './size-a75b3f13', './utils-5077c092', './colorUtils-7c069766', './_curry1-df649359', './useTooltip-6a5fedfa', './useTooltipControlled-fb57eb02', './useId-c9578d26', './useHover-7964884c', './useToggle-a29f97af', './useFocus-4194fc59', './useTouch-37489bb5', './useAnimation-5bd3adfc', './useComponentTheme-5aa41a8f', './logger-0f873e29', './useTestId-3a316499', './useThemeInterpolations-b1d98ea4', './useColorScheme-10dc88de', './useScale-37d42c9d', './theme-a8f3d819', './Theme-d945adae', './mergeInterpolations-9ede4cf7', './classNames-08d99695', './mergeDeepWithKey-aaab9019', './_curry3-83878f86', './_curry2-86c52b86', './_isObject-42bafc94', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './tooltipUtils-3b34c2bc', './EnvironmentProvider-8f6fc388', './LayerManager-76fcfb58', './Floating-a658b79c', './useFloating-8726c4bb', './positionUtils-3193ab54', './refUtils-d354a169', './useOutsideClick-5c2a47be', './arrayUtils-6ee96a35', './Layer-276d62e8', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './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-dynamic.esm-eceadd82', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './CheckboxOff-2e2d6e45', './CheckboxOn-0637fb05', './CheckboxMixed-9fd0c5ca', './HiddenAccessible-037ef42d', 'css!./HiddenAccessibleStyles.styles.css', './UNSAFE_Checkbox/themes/CheckboxIconContract.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconTheme', './UNSAFE_Checkbox/themes/CheckboxIconStyles.css', 'css!./CheckboxIconStyles.styles.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxIconVariants.css', 'css!./CheckboxIconVariants.styles.css', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', 'css!./StyledCheckbox.styles.css', './useCollectionInteractionContext-173bc431', './useActive-7bb6fdc1', './LoadMoreCollection-83413a59', './Collection-46cfa244', './useViewportIntersect-b2d47a4b', './PRIVATE_BaseCardView/themes/BaseCardViewStyles.css', 'css!./BaseCardViewStyles.styles.css', './tabbableUtils-3f80fcf5', './head-9cb1a3da', './_arity-5a5f5f71', './_isArray-32602db6', './_isString-d0ada3cb', './useResizeObserver-c63865cc', './FocusTrap-eb7cc3d2', './FocusTracker-23469a5b', './PRIVATE_FocusTracker/themes/FocusTrackerStyles.css', 'css!./FocusTrackerStyles.styles.css', './useReorderableItem-7fd4d629', './useTranslationBundle-516b1b83', './dndUtils-9d9ccdc5', './hooks/PRIVATE_useReorderable/themes/ReorderableItemStyles.css', './Grid-160f4885', './grid-767b4587', './boxalignment-905057dc', 'css!./boxalignment.styles.css', './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-84d30764', 'css!./GridStyles.styles.css', './Flex-56ecdf4c', './dimensions-60420dbb', './flexbox-8521f6aa', 'css!./flexbox.styles.css', './flexitem-5db48325', 'css!./flexitem.styles.css', 'css!./FlexStyles.styles.css', './PRIVATE_BaseCardView/themes/BaseCardViewContract.css', './Skeleton-5839404b', './borders-e15a6927', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', 'module'], (function(e,s,t,o,c,a,l,d,r,n,i,b,h,m,S,y,u,C,F,f,k,T,x,_,A,U,p,E,w,g,I,N,V,B,R,v,P,L,M,O,G,H,j,D,z,K,W,q,J,Q,X,Y,Z,$,ee,se,te,oe,ce,ae,le,de,re,ne,ie,be,he,me,Se,ye,ue,Ce,Fe,fe,ke,Te,xe,_e,Ae,Ue,pe,Ee,we,ge,Ie,Ne,Ve,Be,Re,ve,Pe,Le,Me,Oe,Ge,He,je,De,ze,Ke,We,qe,Je,Qe,Xe,Ye,Ze,$e,es,ss,ts,os,cs,as,ls,ds,rs,ns,is,bs,hs,ms,Ss,ys,us,Cs,Fs,fs,ks,Ts,xs,_s,As,Us,ps,Es,ws,gs,Is,Ns,Vs,Bs,Rs,vs,Ps){"use strict";e.CardGridView=s.CardGridView,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './CardGridView-b7f4f205', 'preact/jsx-runtime', 'preact/hooks', './BaseCardView-a11e4dec', 'preact', 'preact/compat', './mergeProps-bcfa6a92', './keys-cc1cb01d', './collectionUtils-6740111c', './clientHints-030d25aa', './useCurrentKey-1d869ff4', './useUser-85c781ea', './LayerHost-e95c5f30', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './useCollectionFocusRing-64636529', './useTabbableModeSet-b4c18d1a', './useSelection-e2791513', './textSelectionUtils-06c7855d', 'css!./DragAndDropStyles.styles.css', './useReorderableContext-652356ad', 'css!./ReorderableItemStyles.styles.css', './Selector-039f7481', './UNSAFE_Selector/themes/SelectorStyles.css', 'css!./SelectorStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', './StyledCheckbox-9006dc18', './Check-118637e2', './Icon-2d805acb', './size-a75b3f13', './utils-5077c092', './colorUtils-7c069766', './_curry1-df649359', './useTooltip-6a5fedfa', './useTooltipControlled-fb57eb02', './useId-c9578d26', './useHover-7964884c', './useToggle-a29f97af', './useFocus-4194fc59', './useTouch-37489bb5', './useAnimation-5bd3adfc', './useComponentTheme-5aa41a8f', './logger-0f873e29', './useTestId-3a316499', './useThemeInterpolations-b1d98ea4', './useColorScheme-10dc88de', './useScale-37d42c9d', './theme-a8f3d819', './Theme-d945adae', './mergeInterpolations-9ede4cf7', './classNames-08d99695', './mergeDeepWithKey-aaab9019', './_curry3-83878f86', './_curry2-86c52b86', './_isObject-42bafc94', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', 'css!./TooltipContentStyles.styles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './tooltipUtils-3b34c2bc', './EnvironmentProvider-8f6fc388', './LayerManager-76fcfb58', './Floating-a658b79c', './useFloating-8726c4bb', './positionUtils-3193ab54', './refUtils-d354a169', './useOutsideClick-5c2a47be', './arrayUtils-6ee96a35', './Layer-276d62e8', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './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-dynamic.esm-eceadd82', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './CheckboxOff-2e2d6e45', './CheckboxOn-0637fb05', './CheckboxMixed-9fd0c5ca', './HiddenAccessible-037ef42d', 'css!./HiddenAccessibleStyles.styles.css', './UNSAFE_Checkbox/themes/CheckboxIconContract.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconTheme', './UNSAFE_Checkbox/themes/CheckboxIconStyles.css', 'css!./CheckboxIconStyles.styles.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxIconVariants.css', 'css!./CheckboxIconVariants.styles.css', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', 'css!./StyledCheckbox.styles.css', './useCollectionInteractionContext-173bc431', './useActive-7bb6fdc1', './LoadMoreCollection-a6adbc3f', './useViewportIntersect-b2d47a4b', './Collection-46cfa244', './PRIVATE_BaseCardView/themes/BaseCardViewStyles.css', 'css!./BaseCardViewStyles.styles.css', './tabbableUtils-3f80fcf5', './head-9cb1a3da', './_arity-5a5f5f71', './_isArray-32602db6', './_isString-d0ada3cb', './useResizeObserver-c63865cc', './FocusTrap-eb7cc3d2', './FocusTracker-23469a5b', './PRIVATE_FocusTracker/themes/FocusTrackerStyles.css', 'css!./FocusTrackerStyles.styles.css', './useReorderableItem-7fd4d629', './useTranslationBundle-516b1b83', './dndUtils-9d9ccdc5', './hooks/PRIVATE_useReorderable/themes/ReorderableItemStyles.css', './Grid-160f4885', './grid-767b4587', './boxalignment-905057dc', 'css!./boxalignment.styles.css', './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-84d30764', 'css!./GridStyles.styles.css', './Flex-56ecdf4c', './dimensions-60420dbb', './flexbox-8521f6aa', 'css!./flexbox.styles.css', './flexitem-5db48325', 'css!./flexitem.styles.css', 'css!./FlexStyles.styles.css', './PRIVATE_BaseCardView/themes/BaseCardViewContract.css', './Skeleton-5839404b', './borders-e15a6927', './UNSAFE_Skeleton/themes/redwood/SkeletonTheme', './UNSAFE_Skeleton/themes/SkeletonStyles.css', 'css!./SkeletonStyles.styles.css', './UNSAFE_Skeleton/themes/redwood/SkeletonBaseTheme.css', 'module', './UNSAFE_Skeleton/themes/redwood/SkeletonVariants.css', 'module'], (function(e,s,t,o,c,a,l,d,r,n,i,b,h,m,S,y,u,C,f,F,k,T,x,_,A,U,p,E,w,g,I,N,V,B,R,v,P,L,M,O,G,H,j,D,z,K,W,q,J,Q,X,Y,Z,$,ee,se,te,oe,ce,ae,le,de,re,ne,ie,be,he,me,Se,ye,ue,Ce,fe,Fe,ke,Te,xe,_e,Ae,Ue,pe,Ee,we,ge,Ie,Ne,Ve,Be,Re,ve,Pe,Le,Me,Oe,Ge,He,je,De,ze,Ke,We,qe,Je,Qe,Xe,Ye,Ze,$e,es,ss,ts,os,cs,as,ls,ds,rs,ns,is,bs,hs,ms,Ss,ys,us,Cs,fs,Fs,ks,Ts,xs,_s,As,Us,ps,Es,ws,gs,Is,Ns,Vs,Bs,Rs,vs,Ps){"use strict";e.CardGridView=s.CardGridView,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_CardGridView.js.map

package/amd/UNSAFE_CheckboxItem.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './CheckboxControl-74a7fead', './CheckboxSetContext-2e486ea8', 'preact', 'preact/compat', './CheckboxRadioContext-6a0fead0', './HiddenAccessible-037ef42d', 'css!./HiddenAccessibleStyles.styles.css', './useComponentTheme-5aa41a8f', './logger-0f873e29', './useFocus-4194fc59', './useToggle-a29f97af', './classNames-08d99695', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useId-c9578d26', './useTranslationBundle-516b1b83', './LayerHost-e95c5f30', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', './Flex-56ecdf4c', './useTestId-3a316499', './boxalignment-905057dc', './size-a75b3f13', './utils-5077c092', './colorUtils-7c069766', './_curry1-df649359', './arrayUtils-6ee96a35', 'css!./boxalignment.styles.css', './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-84d30764', './dimensions-60420dbb', './flexbox-8521f6aa', 'css!./flexbox.styles.css', './flexitem-5db48325', 'css!./flexitem.styles.css', './mergeInterpolations-9ede4cf7', './mergeDeepWithKey-aaab9019', './_curry3-83878f86', './_curry2-86c52b86', './_isObject-42bafc94', 'css!./FlexStyles.styles.css', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles.css', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './tooltipUtils-3b34c2bc', './EnvironmentProvider-8f6fc388', './LayerManager-76fcfb58', './Floating-a658b79c', './useFloating-8726c4bb', './useUser-85c781ea', './positionUtils-3193ab54', './refUtils-d354a169', './useOutsideClick-5c2a47be', './Layer-276d62e8', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './useThemeInterpolations-b1d98ea4', './useColorScheme-10dc88de', './useScale-37d42c9d', './theme-a8f3d819', './Theme-d945adae', './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-dynamic.esm-eceadd82', './UNSAFE_Floating/themes/FloatingContract.css', 'css!./IconStyle.styles.css', './IconButton-81c8463f', './BaseButton-51e50f77', './usePress-a9ed1488', './useHover-7964884c', './useActive-7bb6fdc1', './clientHints-030d25aa', './mergeProps-bcfa6a92', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './UNSAFE_BaseButton/themes/BaseButtonStyles.css', 'css!./BaseButtonStyles.styles.css', './UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css', 'module', './ButtonLabelLayout-dd200d60', './Text-e132dec0', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './useButtonLabelLayoutTheme-3237026f', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme', './UNSAFE_ButtonLabelLayout/themes/ButtonLabelLayoutStyles.css', 'css!./ButtonLabelLayoutStyles.styles.css', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css', 'module', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css', 'css!./ButtonLabelLayoutVariants.styles.css', './useTooltip-6a5fedfa', './useTooltipControlled-fb57eb02', './useTouch-37489bb5', './useAnimation-5bd3adfc', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', './buttonUtils-97878e90', './id-c70ab33c', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './getLocale-ae79e654', './stringUtils-0ae982c2', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './InputGroupContext-372087af', './Popup-956e6d7d', './tabbableUtils-3f80fcf5', './head-9cb1a3da', './_arity-5a5f5f71', './_isArray-32602db6', './_isString-d0ada3cb', './FocusTrap-eb7cc3d2', './FocusTracker-23469a5b', './PRIVATE_FocusTracker/themes/FocusTrackerStyles.css', 'css!./FocusTrackerStyles.styles.css', './Modal-36acfc12', './UNSAFE_Modal/themes/ModalStyles.css', 'css!./ModalStyles.styles.css', './WindowOverlay-a2d80d55', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './usePopupAnimation-916ff96d', './useAnimationStatus-88b9de0a', './popupAnimationUtils-d188eeb3', './UNSAFE_Popup/themes/PopupContract.css', './UNSAFE_Popup/themes/redwood/PopupTheme', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'css!./PopupStyles.styles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./SeparatorStyles.styles.css', './useFocusWithin-5a504fca', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './IconUserAssistance-2f809060', './Help-1f146b64', './Icon-2d805acb', './UNSAFE_Icon/themes/IconStyle.css', './InlineHelp-a169f974', './InlineHelpSource-85961e81', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', './StyledCheckbox-9006dc18', './Check-118637e2', './CheckboxOff-2e2d6e45', './CheckboxOn-0637fb05', './CheckboxMixed-9fd0c5ca', './UNSAFE_Checkbox/themes/CheckboxIconContract.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconTheme', './UNSAFE_Checkbox/themes/CheckboxIconStyles.css', 'css!./CheckboxIconStyles.styles.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxIconVariants.css', 'css!./CheckboxIconVariants.styles.css', 'css!./StyledCheckbox.styles.css', './useCollectionInteractionContext-173bc431', './UNSAFE_Checkbox/themes/redwood/CheckboxTheme', './UNSAFE_Checkbox/themes/CheckboxStyles.css', 'css!./CheckboxStyles.styles.css', './UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css', 'css!./CheckboxVariants.styles.css', './LayoutStyles.css-d1dfed48', 'css!./LayoutStyles.styles.css'], (function(e,s,t,o,a,c,n,l,d,r,i,h,m,y,u,b,S,F,U,p,C,A,x,T,_,B,E,N,f,w,k,g,L,v,I,M,O,V,P,W,H,R,j,D,z,G,K,q,J,Q,X,Y,Z,$,ee,se,te,oe,ae,ce,ne,le,de,re,ie,he,me,ye,ue,be,Se,Fe,Ue,pe,Ce,Ae,xe,Te,_e,Be,Ee,Ne,fe,we,ke,ge,Le,ve,Ie,Me,Oe,Ve,Pe,We,He,Re,je,De,ze,Ge,Ke,qe,Je,Qe,Xe,Ye,Ze,$e,es,ss,ts,os,as,cs,ns,ls,ds,rs,is,hs,ms,ys,us,bs,Ss,Fs,Us,ps,Cs,As,xs,Ts,_s,Bs,Es,Ns,fs,ws,ks,gs,Ls,vs,Is,Ms,Os,Vs,Ps,Ws,Hs,Rs,js,Ds,zs,Gs,Ks,qs,Js,Qs,Xs,Ys,Zs,$s,et,st,tt,ot,at,ct,nt,lt,dt,rt,it,ht,mt,yt,ut,bt,St,Ft,Ut,pt,Ct,At,xt,Tt,_t,Bt,Et,Nt,ft,wt,kt,gt,Lt,vt,It){"use strict";e.CheckboxItem=({children:e,value:o,assistiveText:c,helpSourceLink:r,helpSourceText:i})=>{const{isReadonly:h,isDisabled:m}=a.useFormContext(),{isDisabled:y,isReadonly:u}=n.useFormFieldContext(),{name:b,onCommit:S,value:F}=d.useCheckboxSetContext(),U=F?.has(o),p=y??m,C=u??h,A=t.useCallback((e=>{const{key:s}=e;if(void 0!==s&&" "!==s)return;const t=new Set(F);t.has(o)?t.delete(o):t.add(o),S?.({previousValue:F,value:t.size>0?t:void 0})}),[F,S,o]);return s.jsx(l.CheckboxControl,{name:b,value:o,...C||p?{}:{onChange:A,onKeyUp:A},assistiveText:c,helpSourceLink:r,helpSourceText:i,isChecked:U,isDisabled:p,isReadonly:C,children:e})},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './CheckboxSet-e523552e', './CheckboxControl-74a7fead', 'preact', 'preact/compat', './useFormFieldContextProps-4e36b4c3', 'css!./CheckboxSetStyles.styles.css', './useId-c9578d26', './CheckboxRadioField-005a110c', './useCollectionFocusRing-64636529', './collectionUtils-6740111c', './keys-cc1cb01d', './clientHints-030d25aa', './useTranslationBundle-516b1b83', './LayerHost-e95c5f30', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './Flex-56ecdf4c', './useTestId-3a316499', './classNames-08d99695', './boxalignment-905057dc', './size-a75b3f13', './utils-5077c092', './colorUtils-7c069766', './_curry1-df649359', './arrayUtils-6ee96a35', 'css!./boxalignment.styles.css', './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-84d30764', './dimensions-60420dbb', './flexbox-8521f6aa', 'css!./flexbox.styles.css', './flexitem-5db48325', 'css!./flexitem.styles.css', './mergeInterpolations-9ede4cf7', './mergeDeepWithKey-aaab9019', './_curry3-83878f86', './_curry2-86c52b86', './_isObject-42bafc94', 'css!./FlexStyles.styles.css', './Label-a4172af7', './useComponentTheme-5aa41a8f', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles.css', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './tooltipUtils-3b34c2bc', './EnvironmentProvider-8f6fc388', './LayerManager-76fcfb58', './Floating-a658b79c', './useFloating-8726c4bb', './useUser-85c781ea', './positionUtils-3193ab54', './refUtils-d354a169', './useOutsideClick-5c2a47be', './Layer-276d62e8', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './useThemeInterpolations-b1d98ea4', './useColorScheme-10dc88de', './useScale-37d42c9d', './theme-a8f3d819', './Theme-d945adae', './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-dynamic.esm-eceadd82', './UNSAFE_Floating/themes/FloatingContract.css', 'css!./IconStyle.styles.css', './IconButton-81c8463f', './BaseButton-51e50f77', './usePress-a9ed1488', './useHover-7964884c', './useToggle-a29f97af', './useActive-7bb6fdc1', './useTabbableMode-dc440317', './mergeProps-bcfa6a92', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './UNSAFE_BaseButton/themes/BaseButtonStyles.css', 'css!./BaseButtonStyles.styles.css', './UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css', 'module', './ButtonLabelLayout-dd200d60', './Text-e132dec0', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './useButtonLabelLayoutTheme-3237026f', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme', './UNSAFE_ButtonLabelLayout/themes/ButtonLabelLayoutStyles.css', 'css!./ButtonLabelLayoutStyles.styles.css', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css', 'module', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css', 'css!./ButtonLabelLayoutVariants.styles.css', './useTooltip-6a5fedfa', './useTooltipControlled-fb57eb02', './useFocus-4194fc59', './useTouch-37489bb5', './useAnimation-5bd3adfc', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', './buttonUtils-97878e90', './id-c70ab33c', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './getLocale-ae79e654', './stringUtils-0ae982c2', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './InputGroupContext-372087af', './Popup-956e6d7d', './tabbableUtils-3f80fcf5', './head-9cb1a3da', './_arity-5a5f5f71', './_isArray-32602db6', './_isString-d0ada3cb', './FocusTrap-eb7cc3d2', './FocusTracker-23469a5b', './PRIVATE_FocusTracker/themes/FocusTrackerStyles.css', 'css!./FocusTrackerStyles.styles.css', './Modal-36acfc12', './UNSAFE_Modal/themes/ModalStyles.css', 'css!./ModalStyles.styles.css', './WindowOverlay-a2d80d55', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './usePopupAnimation-916ff96d', './useAnimationStatus-88b9de0a', './popupAnimationUtils-d188eeb3', './UNSAFE_Popup/themes/PopupContract.css', './UNSAFE_Popup/themes/redwood/PopupTheme', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'css!./PopupStyles.styles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./SeparatorStyles.styles.css', './CompactLabelAssistance-7db2fde2', './CompactHelpSource-be790e15', './Help-1f146b64', './Icon-2d805acb', './UNSAFE_Icon/themes/IconStyle.css', './useFocusWithin-5a504fca', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_Label/themes/LabelStyles.css', 'css!./LabelStyles.styles.css', './UNSAFE_Label/themes/redwood/LabelBaseTheme.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', 'css!./TextFieldVariants.styles.css', './InlineHelp-a169f974', './InlineHelpSource-85961e81', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', './InlineUserAssistance-2a480664', './ComponentMessageContainer-3b691959', './MessagesManager-d6d43884', './SuccessS-24207c46', './ErrorS-74b01a4a', './InformationS-7e3e4fd2', './WarningS-a479033b', './PRIVATE_Message/themes/MessageStyles.css', './soundUtils-f6535f03', './useMessagesContext-1395a997', './Transition-04efcc49', './HiddenAccessible-037ef42d', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', './useInputGroupContext-e6e19f4f', './useMessageSeverity-1d69e1ae', 'css!./CheckboxRadioFieldStyles.styles.css', './LabelValueLayout-194e64d9', 'css!./LabelValueLayoutStyles.styles.css', './UNSAFE_RadioItem/themes/redwood/RadioTheme', './UNSAFE_RadioItem/themes/RadioStyles.css', 'css!./RadioStyles.styles.css', './UNSAFE_RadioItem/themes/redwood/RadioBaseTheme.css', 'module', './UNSAFE_RadioItem/themes/redwood/RadioVariants.css', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_TextField/themes/FormLayoutStyles.css', './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxTheme', './UNSAFE_Checkbox/themes/CheckboxStyles.css', 'css!./CheckboxStyles.styles.css', './UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css', 'css!./CheckboxVariants.styles.css', './CheckboxRadioContext-6a0fead0', './LayoutStyles.css-d1dfed48', 'css!./LayoutStyles.styles.css', './IconUserAssistance-2f809060', './StyledCheckbox-9006dc18', './Check-118637e2', './CheckboxOff-2e2d6e45', './CheckboxOn-0637fb05', './CheckboxMixed-9fd0c5ca', './UNSAFE_Checkbox/themes/CheckboxIconContract.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconTheme', './UNSAFE_Checkbox/themes/CheckboxIconStyles.css', 'css!./CheckboxIconStyles.styles.css', './UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxIconVariants.css', 'css!./CheckboxIconVariants.styles.css', 'css!./StyledCheckbox.styles.css', './useCollectionInteractionContext-173bc431'], (function(e,s,t,o,a,c,l,n,d,r,i,m,h,y,S,u,F,b,U,A,T,x,C,p,_,E,N,w,B,f,k,L,g,M,I,v,V,R,P,O,W,H,j,D,G,z,K,q,J,Q,X,Y,Z,$,ee,se,te,oe,ae,ce,le,ne,de,re,ie,me,he,ye,Se,ue,Fe,be,Ue,Ae,Te,xe,Ce,pe,_e,Ee,Ne,we,Be,fe,ke,Le,ge,Me,Ie,ve,Ve,Re,Pe,Oe,We,He,je,De,Ge,ze,Ke,qe,Je,Qe,Xe,Ye,Ze,$e,es,ss,ts,os,as,cs,ls,ns,ds,rs,is,ms,hs,ys,Ss,us,Fs,bs,Us,As,Ts,xs,Cs,ps,_s,Es,Ns,ws,Bs,fs,ks,Ls,gs,Ms,Is,vs,Vs,Rs,Ps,Os,Ws,Hs,js,Ds,Gs,zs,Ks,qs,Js,Qs,Xs,Ys,Zs,$s,et,st,tt,ot,at,ct,lt,nt,dt,rt,it,mt,ht,yt,St,ut,Ft,bt,Ut,At,Tt,xt,Ct,pt,_t,Et,Nt,wt,Bt,ft,kt,Lt,gt,Mt,It,vt,Vt,Rt,Pt,Ot,Wt,Ht,jt,Dt,Gt,zt,Kt,qt,Jt,Qt,Xt,Yt,Zt,$t,eo,so,to,oo,ao,co,lo,no,ro,io,mo,ho,yo,So,uo,Fo,bo,Uo,Ao,To,xo,Co,po,_o,Eo,No,wo,Bo,fo,ko,Lo){"use strict";e.CheckboxItem=({children:e,value:o,assistiveText:c,helpSourceLink:r,helpSourceText:i})=>{const{isReadonly:m,isDisabled:h}=a.useFormContext(),{isDisabled:y,isReadonly:S}=l.useFormFieldContext(),{name:u,onCommit:F,value:b}=n.useCheckboxSetContext(),U=b?.has(o),A=y??h,T=S??m,x=t.useCallback((e=>{const{key:s}=e;if(void 0!==s&&" "!==s)return;const t=new Set(b);t.has(o)?t.delete(o):t.add(o),F?.({previousValue:b,value:t.size>0?t:void 0})}),[b,F,o]);return s.jsx(d.CheckboxControl,{name:u,value:o,...T||A?{}:{onChange:x,onKeyUp:x},assistiveText:c,helpSourceLink:r,helpSourceText:i,isChecked:U,isDisabled:A,isReadonly:T,children:e})},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_CheckboxItem.js.map

package/amd/UNSAFE_CheckboxItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_CheckboxItem.js","sources":["../../src/UNSAFE_CheckboxItem/CheckboxItem.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\n\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useCheckboxSetContext } from '../UNSAFE_CheckboxSet';\n\nimport { CheckboxControl } from '../PRIVATE_CheckboxControl/CheckboxControl';\nimport { InlineUserAssistance } from '#UNSAFE_UserAssistance';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * Text that describes the checkbox item value.\n   */\n  children: string;\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the `helpSourceLink`.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Value of the checkbox item.\n   */\n  value: string | number;\n};\n\n/**\n * CheckboxItem is a child component of CheckboxSet. It contains the checkbox, label, and assistive text.\n */\nconst CheckboxItem = ({\n  children,\n  value,\n  assistiveText,\n  helpSourceLink,\n  helpSourceText\n}: Props) => {\n  const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext();\n  const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext();\n  const { name, onCommit, value: groupValue } = useCheckboxSetContext();\n\n  const isChecked = groupValue?.has(value);\n  const isDisabled = isFieldDisabled ?? isFormDisabled;\n  const isReadonly = isFieldReadonly ?? isFormReadonly;\n\n  const onChangeHandler = useCallback(\n    (e: Event) => {\n      // return early on keyup if key isn't spacebar\n      const { key } = e as KeyboardEvent;\n      if (key !== undefined && key !== ' ') {\n        return;\n      }\n\n      // create a new set from the previous and add or remove the changed value\n      const newGroupValue = new Set(groupValue);\n      newGroupValue.has(value) ? newGroupValue.delete(value) : newGroupValue.add(value);\n\n      onCommit?.({\n        previousValue: groupValue,\n        value: newGroupValue.size > 0 ? newGroupValue : undefined\n      });\n    },\n    [groupValue, onCommit, value]\n  );\n\n  return (\n    <CheckboxControl\n      name={name}\n      value={value}\n      {...(!isReadonly && !isDisabled\n        ? { onChange: onChangeHandler, onKeyUp: onChangeHandler }\n        : {})}\n      assistiveText={assistiveText}\n      helpSourceLink={helpSourceLink}\n      helpSourceText={helpSourceText}\n      isChecked={isChecked}\n      isDisabled={isDisabled}\n      isReadonly={isReadonly}>\n      {children}\n    </CheckboxControl>\n  );\n};\n\nexport { CheckboxItem };\n"],"names":["children","value","assistiveText","helpSourceLink","helpSourceText","isReadonly","isFormReadonly","isDisabled","isFormDisabled","useFormContext","isFieldDisabled","isFieldReadonly","useFormFieldContext","name","onCommit","groupValue","useCheckboxSetContext","isChecked","has","onChangeHandler","useCallback","e","key","undefined","newGroupValue","Set","delete","add","previousValue","size","_jsx","jsx","CheckboxControl","onChange","onKeyUp"],"mappings":"ypPA6CqB,EACnBA,WACAC,QACAC,gBACAC,iBACAC,qBAEA,MAAQC,WAAYC,EAAgBC,WAAYC,GAAmBC,EAAAA,kBAC3DF,WAAYG,EAAiBL,WAAYM,GAAoBC,EAAAA,uBAC/DC,KAAEA,EAAIC,SAAEA,EAAUb,MAAOc,GAAeC,EAAAA,wBAExCC,EAAYF,GAAYG,IAAIjB,GAC5BM,EAAaG,GAAmBF,EAChCH,EAAaM,GAAmBL,EAEhCa,EAAkBC,eACrBC,IAEC,MAAMC,IAAEA,GAAQD,EAChB,QAAYE,IAARD,GAA6B,MAARA,EACvB,OAIF,MAAME,EAAgB,IAAIC,IAAIV,GAC9BS,EAAcN,IAAIjB,GAASuB,EAAcE,OAAOzB,GAASuB,EAAcG,IAAI1B,GAE3Ea,IAAW,CACTc,cAAeb,EACfd,MAAOuB,EAAcK,KAAO,EAAIL,OAAgBD,GAChD,GAEJ,CAACR,EAAYD,EAAUb,IAGzB,OACE6B,EAACC,IAAAC,kBACC,CAAAnB,KAAMA,EACNZ,MAAOA,KACDI,GAAeE,EAEjB,CAAE,EADF,CAAE0B,SAAUd,EAAiBe,QAASf,GAE1CjB,cAAeA,EACfC,eAAgBA,EAChBC,eAAgBA,EAChBa,UAAWA,EACXV,WAAYA,EACZF,WAAYA,EAAUL,SACrBA,GAEH"}
+{"version":3,"file":"UNSAFE_CheckboxItem.js","sources":["../../src/UNSAFE_CheckboxItem/CheckboxItem.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\n\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useCheckboxSetContext } from '../UNSAFE_CheckboxSet';\n\nimport { CheckboxControl } from '../PRIVATE_CheckboxControl/CheckboxControl';\nimport { InlineUserAssistance } from '#UNSAFE_UserAssistance';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * Text that describes the checkbox item value.\n   */\n  children: string;\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the `helpSourceLink`.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Value of the checkbox item.\n   */\n  value: string | number;\n};\n\n/**\n * CheckboxItem is a child component of CheckboxSet. It contains the checkbox, label, and assistive text.\n */\nconst CheckboxItem = ({\n  children,\n  value,\n  assistiveText,\n  helpSourceLink,\n  helpSourceText\n}: Props) => {\n  const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext();\n  const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext();\n  const { name, onCommit, value: groupValue } = useCheckboxSetContext();\n\n  const isChecked = groupValue?.has(value);\n  const isDisabled = isFieldDisabled ?? isFormDisabled;\n  const isReadonly = isFieldReadonly ?? isFormReadonly;\n\n  const onChangeHandler = useCallback(\n    (e: Event) => {\n      // return early on keyup if key isn't spacebar\n      const { key } = e as KeyboardEvent;\n      if (key !== undefined && key !== ' ') {\n        return;\n      }\n\n      // create a new set from the previous and add or remove the changed value\n      const newGroupValue = new Set(groupValue);\n      newGroupValue.has(value) ? newGroupValue.delete(value) : newGroupValue.add(value);\n\n      onCommit?.({\n        previousValue: groupValue,\n        value: newGroupValue.size > 0 ? newGroupValue : undefined\n      });\n    },\n    [groupValue, onCommit, value]\n  );\n\n  return (\n    <CheckboxControl\n      name={name}\n      value={value}\n      {...(!isReadonly && !isDisabled\n        ? { onChange: onChangeHandler, onKeyUp: onChangeHandler }\n        : {})}\n      assistiveText={assistiveText}\n      helpSourceLink={helpSourceLink}\n      helpSourceText={helpSourceText}\n      isChecked={isChecked}\n      isDisabled={isDisabled}\n      isReadonly={isReadonly}>\n      {children}\n    </CheckboxControl>\n  );\n};\n\nexport { CheckboxItem };\n"],"names":["children","value","assistiveText","helpSourceLink","helpSourceText","isReadonly","isFormReadonly","isDisabled","isFormDisabled","useFormContext","isFieldDisabled","isFieldReadonly","useFormFieldContext","name","onCommit","groupValue","useCheckboxSetContext","isChecked","has","onChangeHandler","useCallback","e","key","undefined","newGroupValue","Set","delete","add","previousValue","size","_jsx","jsx","CheckboxControl","onChange","onKeyUp"],"mappings":"oxTA6CqB,EACnBA,WACAC,QACAC,gBACAC,iBACAC,qBAEA,MAAQC,WAAYC,EAAgBC,WAAYC,GAAmBC,EAAAA,kBAC3DF,WAAYG,EAAiBL,WAAYM,GAAoBC,EAAAA,uBAC/DC,KAAEA,EAAIC,SAAEA,EAAUb,MAAOc,GAAeC,EAAAA,wBAExCC,EAAYF,GAAYG,IAAIjB,GAC5BM,EAAaG,GAAmBF,EAChCH,EAAaM,GAAmBL,EAEhCa,EAAkBC,eACrBC,IAEC,MAAMC,IAAEA,GAAQD,EAChB,QAAYE,IAARD,GAA6B,MAARA,EACvB,OAIF,MAAME,EAAgB,IAAIC,IAAIV,GAC9BS,EAAcN,IAAIjB,GAASuB,EAAcE,OAAOzB,GAASuB,EAAcG,IAAI1B,GAE3Ea,IAAW,CACTc,cAAeb,EACfd,MAAOuB,EAAcK,KAAO,EAAIL,OAAgBD,GAChD,GAEJ,CAACR,EAAYD,EAAUb,IAGzB,OACE6B,EAACC,IAAAC,kBACC,CAAAnB,KAAMA,EACNZ,MAAOA,KACDI,GAAeE,EAEjB,CAAE,EADF,CAAE0B,SAAUd,EAAiBe,QAASf,GAE1CjB,cAAeA,EACfC,eAAgBA,EAChBC,eAAgBA,EAChBa,UAAWA,EACXV,WAAYA,EACZF,WAAYA,EAAUL,SACrBA,GAEH"}

package/amd/UNSAFE_CheckboxSet.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', 'preact/compat', './CheckboxSetContext-2e486ea8', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContextProps-4e36b4c3', 'css!./CheckboxSetStyles.styles.css', './useId-c9578d26', './CheckboxRadioField-005a110c', './useCollectionFocusRing-64636529', './collectionUtils-6740111c', './keys-cc1cb01d', './clientHints-030d25aa', './useTranslationBundle-516b1b83', './LayerHost-e95c5f30', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './Flex-56ecdf4c', './useTestId-3a316499', './classNames-08d99695', './boxalignment-905057dc', './size-a75b3f13', './utils-5077c092', './colorUtils-7c069766', './_curry1-df649359', './arrayUtils-6ee96a35', 'css!./boxalignment.styles.css', './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-84d30764', './dimensions-60420dbb', './flexbox-8521f6aa', 'css!./flexbox.styles.css', './flexitem-5db48325', 'css!./flexitem.styles.css', './mergeInterpolations-9ede4cf7', './mergeDeepWithKey-aaab9019', './_curry3-83878f86', './_curry2-86c52b86', './_isObject-42bafc94', 'css!./FlexStyles.styles.css', './Label-a4172af7', './useFormFieldContext-8196183c', './useComponentTheme-5aa41a8f', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles.css', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './tooltipUtils-3b34c2bc', './EnvironmentProvider-8f6fc388', './LayerManager-76fcfb58', './Floating-a658b79c', './useFloating-8726c4bb', './useUser-85c781ea', './positionUtils-3193ab54', './refUtils-d354a169', './useOutsideClick-5c2a47be', './Layer-276d62e8', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './useThemeInterpolations-b1d98ea4', './useColorScheme-10dc88de', './useScale-37d42c9d', './theme-a8f3d819', './Theme-d945adae', './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-dynamic.esm-eceadd82', './UNSAFE_Floating/themes/FloatingContract.css', 'css!./IconStyle.styles.css', './IconButton-81c8463f', './BaseButton-51e50f77', './usePress-a9ed1488', './useHover-7964884c', './useToggle-a29f97af', './useActive-7bb6fdc1', './useTabbableMode-dc440317', './mergeProps-bcfa6a92', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './UNSAFE_BaseButton/themes/BaseButtonStyles.css', 'css!./BaseButtonStyles.styles.css', './UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css', 'module', './ButtonLabelLayout-dd200d60', './Text-e132dec0', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './useButtonLabelLayoutTheme-3237026f', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme', './UNSAFE_ButtonLabelLayout/themes/ButtonLabelLayoutStyles.css', 'css!./ButtonLabelLayoutStyles.styles.css', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css', 'module', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css', 'css!./ButtonLabelLayoutVariants.styles.css', './useTooltip-6a5fedfa', './useTooltipControlled-fb57eb02', './useFocus-4194fc59', './useTouch-37489bb5', './useAnimation-5bd3adfc', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', './buttonUtils-97878e90', './id-c70ab33c', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './getLocale-ae79e654', './stringUtils-0ae982c2', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './InputGroupContext-372087af', './Popup-956e6d7d', './tabbableUtils-3f80fcf5', './head-9cb1a3da', './_arity-5a5f5f71', './_isArray-32602db6', './_isString-d0ada3cb', './FocusTrap-eb7cc3d2', './FocusTracker-23469a5b', './PRIVATE_FocusTracker/themes/FocusTrackerStyles.css', 'css!./FocusTrackerStyles.styles.css', './Modal-36acfc12', './UNSAFE_Modal/themes/ModalStyles.css', 'css!./ModalStyles.styles.css', './WindowOverlay-a2d80d55', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './usePopupAnimation-916ff96d', './useAnimationStatus-88b9de0a', './popupAnimationUtils-d188eeb3', './UNSAFE_Popup/themes/PopupContract.css', './UNSAFE_Popup/themes/redwood/PopupTheme', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'css!./PopupStyles.styles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./SeparatorStyles.styles.css', './CompactLabelAssistance-7db2fde2', './CompactHelpSource-be790e15', './Help-1f146b64', './Icon-2d805acb', './UNSAFE_Icon/themes/IconStyle.css', './useFocusWithin-5a504fca', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_Label/themes/LabelStyles.css', 'css!./LabelStyles.styles.css', './UNSAFE_Label/themes/redwood/LabelBaseTheme.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', 'css!./TextFieldVariants.styles.css', './InlineHelp-a169f974', './InlineHelpSource-85961e81', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', './InlineUserAssistance-2a480664', './ComponentMessageContainer-3b691959', './MessagesManager-d6d43884', './SuccessS-24207c46', './ErrorS-74b01a4a', './InformationS-7e3e4fd2', './WarningS-a479033b', './PRIVATE_Message/themes/MessageStyles.css', './soundUtils-f6535f03', './useMessagesContext-1395a997', './Transition-04efcc49', './HiddenAccessible-037ef42d', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', './useInputGroupContext-e6e19f4f', './useMessageSeverity-1d69e1ae', 'css!./CheckboxRadioFieldStyles.styles.css', './LabelValueLayout-194e64d9', 'css!./LabelValueLayoutStyles.styles.css', './UNSAFE_RadioItem/themes/redwood/RadioTheme', './UNSAFE_RadioItem/themes/RadioStyles.css', 'css!./RadioStyles.styles.css', './UNSAFE_RadioItem/themes/redwood/RadioBaseTheme.css', 'module', './UNSAFE_RadioItem/themes/redwood/RadioVariants.css', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_TextField/themes/FormLayoutStyles.css', './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxTheme', './UNSAFE_Checkbox/themes/CheckboxStyles.css', 'css!./CheckboxStyles.styles.css', './UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css', 'css!./CheckboxVariants.styles.css', './CheckboxRadioContext-6a0fead0', './LayoutStyles.css-d1dfed48', 'css!./LayoutStyles.styles.css'], (function(e,s,t,o,a,l,d,c,n,i,r,m,h,y,u,S,F,b,p,A,T,U,x,_,C,E,N,B,w,g,f,L,k,M,v,R,I,V,P,W,O,H,j,D,G,q,z,K,J,Q,X,Y,Z,$,ee,se,te,oe,ae,le,de,ce,ne,ie,re,me,he,ye,ue,Se,Fe,be,pe,Ae,Te,Ue,xe,_e,Ce,Ee,Ne,Be,we,ge,fe,Le,ke,Me,ve,Re,Ie,Ve,Pe,We,Oe,He,je,De,Ge,qe,ze,Ke,Je,Qe,Xe,Ye,Ze,$e,es,ss,ts,os,as,ls,ds,cs,ns,is,rs,ms,hs,ys,us,Ss,Fs,bs,ps,As,Ts,Us,xs,_s,Cs,Es,Ns,Bs,ws,gs,fs,Ls,ks,Ms,vs,Rs,Is,Vs,Ps,Ws,Os,Hs,js,Ds,Gs,qs,zs,Ks,Js,Qs,Xs,Ys,Zs,$s,et,st,tt,ot,at,lt,dt,ct,nt,it,rt,mt,ht,yt,ut,St,Ft,bt,pt,At,Tt,Ut,xt,_t,Ct,Et,Nt,Bt,wt,gt,ft,Lt,kt,Mt,vt,Rt,It,Vt,Pt,Wt,Ot,Ht,jt,Dt,Gt,qt,zt,Kt,Jt,Qt,Xt,Yt,Zt,$t,eo,so,to,oo,ao,lo,co,no,io,ro,mo,ho,yo,uo){"use strict";var So="CheckboxSetStyles_styles_ul__68p6630";const Fo=a.forwardRef((({"aria-describedby":e,assistiveText:a,columnSpan:d,direction:r="column",helpSourceLink:y,helpSourceText:u,isDisabled:S,isReadonly:F,isRequired:b=!1,label:p,labelEdge:A,labelStartWidth:T,messages:U,onCommit:x,userAssistanceDensity:_,value:C,children:E,testId:N},B)=>{const w=void 0!==C&&C.size>0,g=m.useId(),{isDisabled:f,isReadonly:L,labelEdge:k,labelStartWidth:M,userAssistanceDensity:v}=c.useFormContext(),R=S??f,I=F??L,V=A??k,P=T??M,W=_??v,O=i.useFormFieldContextProps({hasValue:w,isDisabled:R,isReadonly:I}),H=o.useMemo((()=>({name:g,value:C,onCommit:x})),[g,x,C]),j=t.toChildArray(E).filter(Boolean).map((e=>s.jsx("li",{children:e})));return s.jsx(n.FormFieldContext.Provider,{value:O,children:s.jsx(h.CheckboxRadioField,{"aria-describedby":e,assistiveText:a,baseId:g,columnSpan:d,direction:r,helpSourceLink:y,helpSourceText:u,isDisabled:R,isReadonly:I,isRequired:b,label:p,labelEdge:V,labelStartWidth:P,parentComponentVariant:"checkboxSet",messages:U,userAssistanceDensity:W,hasValue:w,role:"group",testId:N,ref:B,children:s.jsx(l.CheckboxSetContext.Provider,{value:H,children:s.jsx("ul",{className:So,children:j})})})})}));e.CheckboxSetContext=l.CheckboxSetContext,e.useCheckboxSetContext=l.useCheckboxSetContext,e.CheckboxSet=Fo,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './CheckboxSet-e523552e', 'preact/jsx-runtime', 'preact', 'preact/hooks', 'preact/compat', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContextProps-4e36b4c3', 'css!./CheckboxSetStyles.styles.css', './useId-c9578d26', './CheckboxRadioField-005a110c', './useCollectionFocusRing-64636529', './collectionUtils-6740111c', './keys-cc1cb01d', './clientHints-030d25aa', './useTranslationBundle-516b1b83', './LayerHost-e95c5f30', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './Flex-56ecdf4c', './useTestId-3a316499', './classNames-08d99695', './boxalignment-905057dc', './size-a75b3f13', './utils-5077c092', './colorUtils-7c069766', './_curry1-df649359', './arrayUtils-6ee96a35', 'css!./boxalignment.styles.css', './vanilla-extract-sprinkles-createRuntimeSprinkles.esm-84d30764', './dimensions-60420dbb', './flexbox-8521f6aa', 'css!./flexbox.styles.css', './flexitem-5db48325', 'css!./flexitem.styles.css', './mergeInterpolations-9ede4cf7', './mergeDeepWithKey-aaab9019', './_curry3-83878f86', './_curry2-86c52b86', './_isObject-42bafc94', 'css!./FlexStyles.styles.css', './Label-a4172af7', './useFormFieldContext-8196183c', './useComponentTheme-5aa41a8f', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './vanilla-extract-recipes-createRuntimeFn.esm-d881c69a', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'css!./MessageBannerVariants.styles.css', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', 'css!./TooltipContentVariants.styles.css', './tooltipUtils-3b34c2bc', './EnvironmentProvider-8f6fc388', './LayerManager-76fcfb58', './Floating-a658b79c', './useFloating-8726c4bb', './useUser-85c781ea', './positionUtils-3193ab54', './refUtils-d354a169', './useOutsideClick-5c2a47be', './Layer-276d62e8', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './useThemeInterpolations-b1d98ea4', './useColorScheme-10dc88de', './useScale-37d42c9d', './theme-a8f3d819', './Theme-d945adae', './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-dynamic.esm-eceadd82', './UNSAFE_Floating/themes/FloatingContract.css', 'css!./IconStyle.styles.css', './IconButton-81c8463f', './BaseButton-51e50f77', './usePress-a9ed1488', './useHover-7964884c', './useToggle-a29f97af', './useActive-7bb6fdc1', './useTabbableMode-dc440317', './mergeProps-bcfa6a92', './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme', './UNSAFE_BaseButton/themes/BaseButtonStyles.css', 'css!./BaseButtonStyles.styles.css', './UNSAFE_BaseButton/themes/redwood/BaseButtonVariants.css', 'module', './ButtonLabelLayout-dd200d60', './Text-e132dec0', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './useButtonLabelLayoutTheme-3237026f', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme', './UNSAFE_ButtonLabelLayout/themes/ButtonLabelLayoutStyles.css', 'css!./ButtonLabelLayoutStyles.styles.css', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.css', 'module', './UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css', 'css!./ButtonLabelLayoutVariants.styles.css', './useTooltip-6a5fedfa', './useTooltipControlled-fb57eb02', './useFocus-4194fc59', './useTouch-37489bb5', './useAnimation-5bd3adfc', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme', './hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.css', './buttonUtils-97878e90', './id-c70ab33c', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-2e19d8de', './getLocale-ae79e654', './stringUtils-0ae982c2', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './InputGroupContext-372087af', './Popup-956e6d7d', './tabbableUtils-3f80fcf5', './head-9cb1a3da', './_arity-5a5f5f71', './_isArray-32602db6', './_isString-d0ada3cb', './FocusTrap-eb7cc3d2', './FocusTracker-23469a5b', './PRIVATE_FocusTracker/themes/FocusTrackerStyles.css', 'css!./FocusTrackerStyles.styles.css', './Modal-36acfc12', './UNSAFE_Modal/themes/ModalStyles.css', 'css!./ModalStyles.styles.css', './WindowOverlay-a2d80d55', './UNSAFE_WindowOverlay/themes/WindowOverlayStyles.css', 'css!./WindowOverlayStyles.styles.css', './UNSAFE_WindowOverlay/themes/WindowOverlayContract.css', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayTheme', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayBaseTheme.css', 'module', './UNSAFE_WindowOverlay/themes/redwood/WindowOverlayVariants.css', './usePopupAnimation-916ff96d', './useAnimationStatus-88b9de0a', './popupAnimationUtils-d188eeb3', './UNSAFE_Popup/themes/PopupContract.css', './UNSAFE_Popup/themes/redwood/PopupTheme', './UNSAFE_Popup/themes/redwood/PopupBaseTheme.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', 'css!./PopupStyles.styles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./SeparatorStyles.styles.css', './CompactLabelAssistance-7db2fde2', './CompactHelpSource-be790e15', './Help-1f146b64', './Icon-2d805acb', './UNSAFE_Icon/themes/IconStyle.css', './useFocusWithin-5a504fca', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_Label/themes/LabelStyles.css', 'css!./LabelStyles.styles.css', './UNSAFE_Label/themes/redwood/LabelBaseTheme.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', './UNSAFE_TextField/themes/redwood/TextFieldBaseTheme.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', 'css!./TextFieldVariants.styles.css', './InlineHelp-a169f974', './InlineHelpSource-85961e81', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.css', './InlineUserAssistance-2a480664', './ComponentMessageContainer-3b691959', './MessagesManager-d6d43884', './SuccessS-24207c46', './ErrorS-74b01a4a', './InformationS-7e3e4fd2', './WarningS-a479033b', './PRIVATE_Message/themes/MessageStyles.css', './soundUtils-f6535f03', './useMessagesContext-1395a997', './Transition-04efcc49', './HiddenAccessible-037ef42d', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.css', './useInputGroupContext-e6e19f4f', './useMessageSeverity-1d69e1ae', 'css!./CheckboxRadioFieldStyles.styles.css', './LabelValueLayout-194e64d9', 'css!./LabelValueLayoutStyles.styles.css', './UNSAFE_RadioItem/themes/redwood/RadioTheme', './UNSAFE_RadioItem/themes/RadioStyles.css', 'css!./RadioStyles.styles.css', './UNSAFE_RadioItem/themes/redwood/RadioBaseTheme.css', 'module', './UNSAFE_RadioItem/themes/redwood/RadioVariants.css', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_TextField/themes/FormLayoutStyles.css', './UNSAFE_TextField/themes/redwood/FormLayoutBaseTheme.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxTheme', './UNSAFE_Checkbox/themes/CheckboxStyles.css', 'css!./CheckboxStyles.styles.css', './UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.css', 'module', './UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css', 'css!./CheckboxVariants.styles.css', './CheckboxRadioContext-6a0fead0', './LayoutStyles.css-d1dfed48', 'css!./LayoutStyles.styles.css'], (function(e,s,t,o,a,l,c,d,n,r,i,m,h,y,S,u,F,b,U,A,T,p,_,E,x,N,C,B,w,f,g,L,k,M,v,I,V,P,R,O,W,H,j,G,z,D,K,q,J,Q,X,Y,Z,$,ee,se,te,oe,ae,le,ce,de,ne,re,ie,me,he,ye,Se,ue,Fe,be,Ue,Ae,Te,pe,_e,Ee,xe,Ne,Ce,Be,we,fe,ge,Le,ke,Me,ve,Ie,Ve,Pe,Re,Oe,We,He,je,Ge,ze,De,Ke,qe,Je,Qe,Xe,Ye,Ze,$e,es,ss,ts,os,as,ls,cs,ds,ns,rs,is,ms,hs,ys,Ss,us,Fs,bs,Us,As,Ts,ps,_s,Es,xs,Ns,Cs,Bs,ws,fs,gs,Ls,ks,Ms,vs,Is,Vs,Ps,Rs,Os,Ws,Hs,js,Gs,zs,Ds,Ks,qs,Js,Qs,Xs,Ys,Zs,$s,et,st,tt,ot,at,lt,ct,dt,nt,rt,it,mt,ht,yt,St,ut,Ft,bt,Ut,At,Tt,pt,_t,Et,xt,Nt,Ct,Bt,wt,ft,gt,Lt,kt,Mt,vt,It,Vt,Pt,Rt,Ot,Wt,Ht,jt,Gt,zt,Dt,Kt,qt,Jt,Qt,Xt,Yt,Zt,$t,eo,so,to,oo,ao,lo,co,no,ro,io,mo,ho,yo,So){"use strict";e.CheckboxSet=s.CheckboxSet,e.CheckboxSetContext=s.CheckboxSetContext,e.useCheckboxSetContext=s.useCheckboxSetContext,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_CheckboxSet.js.map

package/amd/UNSAFE_CheckboxSet.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_CheckboxSet.js","sources":["../../src/UNSAFE_CheckboxSet/CheckboxSet.tsx"],"sourcesContent":["import { ComponentChildren, ComponentProps, Ref, toChildArray } from 'preact';\nimport { useMemo } from 'preact/hooks';\nimport { forwardRef } from 'preact/compat';\n\nimport { CheckboxSetContext } from './CheckboxSetContext';\nimport { CheckboxRadioField } from '#PRIVATE_CheckboxRadioField';\nimport { InlineUserAssistance, UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useFormFieldContextProps } from '#hooks/UNSAFE_useFormFieldContextProps';\nimport { FlexboxProps } from '#utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '#utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { styles } from './CheckboxSetStyles.css';\nimport { AriaAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: AriaAttributesSignalExcluded['aria-describedby'];\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * set of CheckboxItems\n   */\n  children: ComponentChildren;\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\n  /**\n   * layout direction of the children elements\n   */\n  direction?: FlexboxProps['direction'];\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies whether the checkbox set requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Specifies if the checkbox set is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies if the checkbox set is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Label text for the group of checkbox items.\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'none' | 'top' | 'start' | 'inside';\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  /**\n   * Callback invoked each time the user changes selected option.\n   */\n  onCommit: (detail: ValueUpdateDetail<Set<string | number>>) => void;\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'compact'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n  /**\n   * Value of the selected checkbox option.\n   */\n  value?: Set<string | number>;\n} & TestIdProps;\n/**\n * A CheckboxSet set allows the user to select one or more options from a set.\n */\nexport const CheckboxSet = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      columnSpan,\n      direction = 'column',\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      onCommit,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      children,\n      testId\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const hasValue = value !== undefined ? value.size > 0 : false;\n    const baseId = useId();\n\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const formFieldContext = useFormFieldContextProps({\n      hasValue,\n      isDisabled,\n      isReadonly\n    });\n\n    const checkboxSetContext = useMemo(\n      () => ({\n        name: baseId,\n        value,\n        onCommit\n      }),\n      [baseId, onCommit, value]\n    );\n\n    // wrap each CheckboxItem in an <li> tag and the entire set with <ul>\n    const childrenArray = toChildArray(children).filter(Boolean);\n    const wrappedChildren = childrenArray.map((item) => <li>{item}</li>);\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <CheckboxRadioField\n          aria-describedby={ariaDescribedBy}\n          assistiveText={assistiveText}\n          baseId={baseId}\n          columnSpan={columnSpan}\n          direction={direction}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          isDisabled={isDisabled}\n          isReadonly={isReadonly}\n          isRequired={isRequired}\n          label={label}\n          labelEdge={labelEdge}\n          labelStartWidth={labelStartWidth}\n          parentComponentVariant=\"checkboxSet\"\n          messages={messages}\n          userAssistanceDensity={userAssistanceDensity}\n          hasValue={hasValue}\n          role=\"group\"\n          testId={testId}\n          ref={ref}>\n          <CheckboxSetContext.Provider value={checkboxSetContext}>\n            <ul className={styles.ul}>{wrappedChildren}</ul>\n          </CheckboxSetContext.Provider>\n        </CheckboxRadioField>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["CheckboxSet","forwardRef","ariaDescribedBy","assistiveText","columnSpan","direction","helpSourceLink","helpSourceText","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","label","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","messages","onCommit","userAssistanceDensity","propUserAssistanceDensity","value","children","testId","ref","hasValue","undefined","size","baseId","useId","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formUserAssistanceDensity","useFormContext","formFieldContext","useFormFieldContextProps","checkboxSetContext","useMemo","name","wrappedChildren","toChildArray","filter","Boolean","map","item","_jsx","FormFieldContext","Provider","CheckboxRadioField","parentComponentVariant","role","jsx","CheckboxSetContext","className","styles"],"mappings":"smSAuGO,MAAMA,GAAcC,EAAUA,YACnC,EAEI,mBAAoBC,EACpBC,gBACAC,aACAC,YAAY,SACZC,iBACAC,iBACAC,WAAYC,EACZC,WAAYC,EACZC,cAAa,EACbC,QACAC,UAAWC,EACXC,gBAAiBC,EACjBC,WACAC,WACAC,sBAAuBC,EACvBC,QACAC,WACAC,UAEFC,KAEA,MAAMC,OAAqBC,IAAVL,GAAsBA,EAAMM,KAAO,EAC9CC,EAASC,EAAAA,SAGbtB,WAAYuB,EACZrB,WAAYsB,EACZlB,UAAWmB,EACXjB,gBAAiBkB,EACjBd,sBAAuBe,GACrBC,EAAcA,iBAGZ5B,EAAaC,GAAkBsB,EAC/BrB,EAAaC,GAAkBqB,EAC/BlB,EAAYC,GAAiBkB,EAC7BjB,EAAkBC,GAAuBiB,EACzCd,EAAwBC,GAA6Bc,EAErDE,EAAmBC,EAAAA,yBAAyB,CAChDZ,WACAlB,aACAE,eAGI6B,EAAqBC,EAAAA,SACzB,KAAO,CACLC,KAAMZ,EACNP,QACAH,cAEF,CAACU,EAAQV,EAAUG,IAKfoB,EADgBC,EAAAA,aAAapB,GAAUqB,OAAOC,SACdC,KAAKC,GAASC,MAAA,KAAA,CAAAzB,SAAKwB,MAEzD,OACEC,EAAAA,IAACC,EAAAA,iBAAiBC,UAAS5B,MAAOe,EAAgBd,SAChDyB,EAAAA,IAACG,EAAAA,uCACmBjD,EAClBC,cAAeA,EACf0B,OAAQA,EACRzB,WAAYA,EACZC,UAAWA,EACXC,eAAgBA,EAChBC,eAAgBA,EAChBC,WAAYA,EACZE,WAAYA,EACZE,WAAYA,EACZC,MAAOA,EACPC,UAAWA,EACXE,gBAAiBA,EACjBoC,uBAAuB,cACvBlC,SAAUA,EACVE,sBAAuBA,EACvBM,SAAUA,EACV2B,KAAK,QACL7B,OAAQA,EACRC,IAAKA,EACLF,SAAAyB,EAAAM,IAACC,EAAkBA,mBAACL,SAAQ,CAAC5B,MAAOiB,EAAkBhB,SACpDyB,EAAAA,UAAIQ,UAAWC,GAASlC,SAAGmB,SAIjC"}
+{"version":3,"file":"UNSAFE_CheckboxSet.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/amd/UNSAFE_DrawerLayout.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './positionUtils-3193ab54', './Floating-a658b79c', './Layer-276d62e8', 'preact/compat', './LayerHost-e95c5f30', './tabbableUtils-3f80fcf5', './clientHints-030d25aa', './useAnimation-5bd3adfc', './useUser-85c781ea', './useTestId-3a316499', './useBreakpointValues-3a067093', './useResizeObserver-c63865cc', './useComponentTheme-5aa41a8f', './classNames-08d99695', './UNSAFE_DrawerLayout/themes/redwood/DrawerLayoutTheme', './useFloating-8726c4bb', './refUtils-d354a169', './useOutsideClick-5c2a47be', './arrayUtils-6ee96a35', './utils-5077c092', './Common/themes/themeContract.css', './colorUtils-7c069766', './_curry1-df649359', './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-d881c69a', './vanilla-extract-dynamic.esm-eceadd82', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './useThemeInterpolations-b1d98ea4', './useColorScheme-10dc88de', './useScale-37d42c9d', './theme-a8f3d819', './Theme-d945adae', './mergeInterpolations-9ede4cf7', './mergeDeepWithKey-aaab9019', './_curry3-83878f86', './_curry2-86c52b86', './_isObject-42bafc94', './Common/themes/redwood/theme', 'preact', './head-9cb1a3da', './_arity-5a5f5f71', './_isArray-32602db6', './_isString-d0ada3cb', './useBreakpoints-52d11a72', './logger-0f873e29', './UNSAFE_DrawerLayout/themes/DrawerLayoutStyles.css', 'css!./DrawerLayoutStyles.styles.css', './UNSAFE_DrawerLayout/themes/redwood/DrawerLayoutBaseTheme.css', 'module', './UNSAFE_DrawerLayout/themes/redwood/DrawerLayoutVariants.css'], (function(e,t,s,r,a,n,o,c,i,u,l,d,m,h,f,w,y,p,b,g,v,S,D,F,x,A,L,C,_,k,E,R,N,O,U,T,B,H,j,z,W,X,Y,I,V,M,$,K,P,q,G,J,Q,Z,ee,te,se,re,ae,ne){"use strict";e.DrawerLayout=({children:e,startDrawer:o,endDrawer:c,bottomDrawer:b,isStartOpen:g=!1,isEndOpen:v=!1,isBottomOpen:S=!1,startDisplay:D,endDisplay:F,bottomDisplay:x,onClose:A,onTransitionEnd:L,testId:C})=>{const _="0px",k=250,E="start",R="end",N="bottom",O="initial",U="opening",T="closing",B="unmounted",H="full-overlay",j="overlay",z="reflow",W="hidden",[X,Y]=s.useState(g?O:B),[I,V]=s.useState(v?O:B),[M,$]=s.useState(S?O:B),[K,P]=s.useState(W),[q,G]=s.useState(W),[J,Q]=s.useState(W),[Z,ee]=s.useState(),[te,se]=s.useState(),[re,ae]=s.useState(),ne=h.useBreakpointValues({sm:H,md:j,lg:z}),[oe,ce]=s.useState(ne),[ie,ue]=s.useState(ne);s.useEffect((()=>{ce(ne)}),[ne]);const le=s.useRef(null),de=s.useRef(null),me=s.useRef(null),he=s.useRef(null),fe=s.useRef(null),we=e=>e?Math.round(e.offsetHeight):0,ye=s.useCallback((e=>`${we(e)}px`),[]),pe=s.useCallback((e=>e?Math.round(e.getBoundingClientRect().width):0),[]),be=s.useCallback((e=>`${pe(e)}px`),[pe]),{direction:ge}=d.useUser(),ve="ltr"===ge,Se=s.useCallback((e=>r.normalizePosition(e,ge)),[ge]),De=(e,t)=>`${"right"===Se(e)?"":"-"}${be(t.current)}`,Fe=e=>ye(e.current),xe=e=>[E,R].indexOf(e)>-1,Ae=e=>e===N,Le=e=>[U,T].indexOf(e)>-1,Ce=e=>{switch(e){case E:return Le(X);case R:return Le(I);case N:return Le(M)}},_e=e=>{switch(e){case E:return g;case R:return v;case N:return S}},ke=(e,t)=>{switch(e){case E:return P(t);case R:return G(t);case N:return Q(t)}},Ee=e=>{switch(e){case E:return me;case R:return he;case N:return fe}},Re=e=>{switch(e){case E:return X;case R:return I;case N:return M}},Ne=(e,t)=>{switch(e){case E:Y(t);break;case R:V(t);break;case N:$(t)}},Oe=e=>{const t=(e=>{switch(e){case E:return D;case R:return F;case N:return x}})(e);return t||(xe(e)?oe:ie)},Ue=(e,t)=>{const s=Ae(e);return Oe(e)===z?s?{opening:()=>({from:{maxHeight:_,overflowX:"hidden"},to:{maxHeight:ye(t.current),overflowX:"hidden"},options:{duration:k}}),closing:()=>({from:{maxHeight:ye(t.current)},to:{maxHeight:_,overflowX:"hidden"},options:{duration:k}})}:{opening:()=>({from:{maxWidth:_,overflowY:"hidden"},to:{maxWidth:be(t.current),overflowY:"hidden"},options:{duration:k}}),closing:()=>({from:{maxWidth:be(t.current)},to:{maxWidth:_,overflowY:"hidden"},options:{duration:k}})}:s?{opening:()=>({from:{translateY:Fe(t)},to:{translateY:_},options:{duration:k}}),closing:()=>({from:{translateY:_},to:{translateY:Fe(t)},options:{duration:k}})}:{opening:()=>({from:{translateX:De(e,t)},to:{translateX:_},options:{duration:k}}),closing:()=>({from:{translateX:_},to:{translateX:De(e,t)},options:{duration:k}})}};function Te(e,t){const s=_e(e),r=Re(e);return l.useAnimation(r,{animationStates:Ue(e,t),isAnimatedOnMount:!0,onAnimationEnd:()=>{r===U?(Ne(e,"open"),(e=>{const t=Ee(e),s=i.getAutofocusFocusables(t.current);s.length>0?i.focusOn(s[0]):i.focusWithin(t.current)})(e),(e=>{Ee(e).current.removeAttribute("style")})(e),L?.({placement:e,value:!0})):s||((e=>{switch(e){case E:Be(null);break;case R:He(null);break;case N:je(null)}})(e),ke(e,W),Ne(e,B),L?.({placement:e,value:!1}))}}).nodeRef}const Be=Te(E,me),He=Te(R,he),je=Te(N,fe),ze=m.useTestId(C);function We(e){const t=_e(e),r=Re(e);s.useEffect((()=>{if(r!==B||t)if(r===B&&t)Ne(e,O);else{if(r===O&&t){const t=Ee(e),s=(e=>{switch(e){case E:return Be;case R:return He;case N:return je}})(e);return s(t.current),void Ne(e,U)}r===U&&t?ke(e,"visible"):t||Ne(e,T)}}),[t,r,e])}We(E),We(R),We(N);const Xe=e=>{Ve(E,e)},Ye=e=>{Ve(R,e)},Ie=e=>{Ve(N,e)},Ve=(e,t)=>{"Escape"===t.code&&Pe(e)&&A?.({placement:e,reason:"escapeKey"})},{classes:Me,styles:$e}=w.useComponentTheme(p.DrawerLayoutRedwoodTheme),Ke=e=>e===W?$e.visibilityHidden:$e.visibilityVisible,Pe=e=>[H,j].indexOf(Oe(e))>-1,qe=e=>Oe(e)===H,Ge=e=>{const t=(e=>{switch(e){case E:return K;case R:return q;case N:return J}})(e),s=[Ke(t)];Pe(e)?(s.push($e.overlayDrawer),xe(e)&&!qe(e)&&s.push($e.overlaySideDrawerNonFullWidth)):s.push($e.reflowDrawer),Ce(e)&&s.push($e.animatedDrawer);return s.push((e=>{switch(e){case E:return Pe(E)?ve?$e.overlayDrawerLeft:$e.overlayDrawerRight:ve?$e.reflowDrawerLeft:$e.reflowDrawerRight;case R:return Pe(R)?ve?$e.overlayDrawerRight:$e.overlayDrawerLeft:ve?$e.reflowDrawerRight:$e.reflowDrawerLeft;case N:return Pe(N)?$e.overlayDrawerBottom:$e.reflowDrawerBottom}})(e)),y.classNames(s)},Je=e=>{switch(e){case E:return o;case R:return c;case N:return b}},Qe=e=>{switch(e){case E:return Xe;case R:return Ye;case N:return Ie}},Ze=e=>t.jsx("div",{ref:Ee(e),className:Ge(e),tabIndex:Pe(e)?-1:void 0,onKeyDown:Qe(e),children:Je(e)}),et=u.getClientHints(),tt=s.useCallback((()=>"ios"===et.platform?document.documentElement.clientHeight:window.innerHeight),[et.platform]),st=s.useCallback((()=>{tt()>=600?ie!=z&&ue(z):ie!=j&&ue(j)}),[ie,tt]);s.useEffect((()=>{const e=new ResizeObserver((()=>{st()}));return e.observe(document.body),()=>{e.unobserve(document.body)}}),[st]);const rt=e=>{const t=(e=>Ee(e).current)(e);return t?xe(e)?-pe(t):-we(t):0},at=e=>{switch(e){case E:return Z;case R:return te;case N:return re}},nt=s.useCallback((e=>{const t=ye(de.current),s=Ee(e).current;s&&_e(e)&&Pe(e)&&(s.style.height=t)}),[ye,_e,Pe]),ot=s.useCallback((()=>{const e=fe.current;if(e&&_e(N)&&Pe(N)){const t=be(de.current);e.style.width=t}}),[be,_e,Pe]),ct=e=>{xe(e)&&(nt(e),(e=>{const t=Ee(e).current;if(t&&_e(e)){const s=t.style;qe(e)?s.width=be(le.current):s.removeProperty("width")}})(e)),Ae(e)&&ot()},it=s.useCallback((()=>{nt(E),nt(R),ot()}),[nt,ot]);f.useResizeObserver(le,it);const ut=e=>{const t=rt(e);switch(e){case E:ee(t);break;case R:se(t);break;case N:ae(t)}};f.useResizeObserver(me,(()=>{ut(E)}));f.useResizeObserver(he,(()=>{ut(R)}));f.useResizeObserver(fe,(()=>{ut(N)}));const lt=e=>Re(e)!==B?(e=>{const s={mainAxis:!1,crossAxis:!1},r={mainAxis:!1,crossAxis:!1};return Pe(e)?(ct(e),at(e)||ut(e),t.jsx("div",{children:t.jsx(n.Layer,{children:t.jsx(a.Floating,{anchorRef:e===N?de:le,placement:e,class:Ce(e)?$e.floating:"",offsetValue:at(e),flipOptions:r,shiftOptions:s,children:Ze(e)})})})):Ze(e)})(e):null;return t.jsxs("div",{ref:le,className:Me,...ze,children:[lt(E),t.jsxs("div",{ref:de,className:$e.centerSection,children:[t.jsx("div",{className:$e.mainContent,children:e}),lt(N)]}),lt(R)]})},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './positionUtils-3193ab54', './Floating-a658b79c', './Layer-276d62e8', 'preact/compat', './LayerHost-e95c5f30', './tabbableUtils-3f80fcf5', './clientHints-030d25aa', './useAnimation-5bd3adfc', './useUser-85c781ea', './useTestId-3a316499', './useBreakpointValues-3a067093', './useResizeObserver-c63865cc', './useComponentTheme-5aa41a8f', './classNames-08d99695', './UNSAFE_DrawerLayout/themes/redwood/DrawerLayoutTheme', './useFloating-8726c4bb', './refUtils-d354a169', './useOutsideClick-5c2a47be', './arrayUtils-6ee96a35', './utils-5077c092', './Common/themes/themeContract.css', './colorUtils-7c069766', './_curry1-df649359', './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-d881c69a', './vanilla-extract-dynamic.esm-eceadd82', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer/themes/LayerStyles.css', 'css!./LayerStyles.styles.css', './useThemeInterpolations-b1d98ea4', './useColorScheme-10dc88de', './useScale-37d42c9d', './theme-a8f3d819', './Theme-d945adae', './mergeInterpolations-9ede4cf7', './mergeDeepWithKey-aaab9019', './_curry3-83878f86', './_curry2-86c52b86', './_isObject-42bafc94', './Common/themes/redwood/theme', 'preact', './head-9cb1a3da', './_arity-5a5f5f71', './_isArray-32602db6', './_isString-d0ada3cb', './useBreakpoints-52d11a72', './logger-0f873e29', './UNSAFE_DrawerLayout/themes/DrawerLayoutStyles.css', 'css!./DrawerLayoutStyles.styles.css', './UNSAFE_DrawerLayout/themes/redwood/DrawerLayoutBaseTheme.css', 'module', './UNSAFE_DrawerLayout/themes/redwood/DrawerLayoutVariants.css'], (function(e,t,s,r,a,n,o,c,i,u,l,d,m,h,f,w,y,p,b,g,v,S,D,F,x,A,L,C,_,k,E,R,N,O,U,T,B,H,j,z,W,X,Y,I,V,M,$,K,P,q,G,J,Q,Z,ee,te,se,re,ae,ne){"use strict";e.DrawerLayout=({children:e,startDrawer:o,endDrawer:c,bottomDrawer:b,isStartOpen:g=!1,isEndOpen:v=!1,isBottomOpen:S=!1,startDisplay:D,endDisplay:F,bottomDisplay:x,onClose:A,onTransitionEnd:L,testId:C})=>{const _="0px",k=250,E="start",R="end",N="bottom",O="initial",U="opening",T="closing",B="unmounted",H="full-overlay",j="overlay",z="reflow",W="hidden",[X,Y]=s.useState(g?O:B),[I,V]=s.useState(v?O:B),[M,$]=s.useState(S?O:B),[K,P]=s.useState(W),[q,G]=s.useState(W),[J,Q]=s.useState(W),[Z,ee]=s.useState(),[te,se]=s.useState(),[re,ae]=s.useState(),ne=h.useBreakpointValues({sm:H,md:j,lg:z}),[oe,ce]=s.useState(ne),[ie,ue]=s.useState(ne);s.useEffect((()=>{ce(ne)}),[ne]);const le=s.useRef(null),de=s.useRef(null),me=s.useRef(null),he=s.useRef(null),fe=s.useRef(null),we=e=>e?Math.round(e.offsetHeight):0,ye=s.useCallback((e=>`${we(e)}px`),[]),pe=s.useCallback((e=>e?Math.round(e.getBoundingClientRect().width):0),[]),be=s.useCallback((e=>`${pe(e)}px`),[pe]),{direction:ge}=d.useUser(),ve="ltr"===ge,Se=s.useCallback((e=>r.normalizePosition(e,ge)),[ge]),De=(e,t)=>`${"right"===Se(e)?"":"-"}${be(t.current)}`,Fe=e=>ye(e.current),xe=e=>[E,R].indexOf(e)>-1,Ae=e=>e===N,Le=e=>[U,T].indexOf(e)>-1,Ce=e=>{switch(e){case E:return Le(X);case R:return Le(I);case N:return Le(M)}},_e=e=>{switch(e){case E:return g;case R:return v;case N:return S}},ke=(e,t)=>{switch(e){case E:return P(t);case R:return G(t);case N:return Q(t)}},Ee=e=>{switch(e){case E:return me;case R:return he;case N:return fe}},Re=e=>{switch(e){case E:return X;case R:return I;case N:return M}},Ne=(e,t)=>{switch(e){case E:Y(t);break;case R:V(t);break;case N:$(t)}},Oe=e=>{const t=(e=>{switch(e){case E:return D;case R:return F;case N:return x}})(e);return t||(xe(e)?oe:ie)},Ue=(e,t)=>{const s=Ae(e);return Oe(e)===z?s?{opening:()=>({from:{maxHeight:_,overflowX:"hidden"},to:{maxHeight:ye(t.current),overflowX:"hidden"},options:{duration:k}}),closing:()=>({from:{maxHeight:ye(t.current)},to:{maxHeight:_,overflowX:"hidden"},options:{duration:k}})}:{opening:()=>({from:{maxWidth:_,overflowY:"hidden"},to:{maxWidth:be(t.current),overflowY:"hidden"},options:{duration:k}}),closing:()=>({from:{maxWidth:be(t.current)},to:{maxWidth:_,overflowY:"hidden"},options:{duration:k}})}:s?{opening:()=>({from:{translateY:Fe(t)},to:{translateY:_},options:{duration:k}}),closing:()=>({from:{translateY:_},to:{translateY:Fe(t)},options:{duration:k}})}:{opening:()=>({from:{translateX:De(e,t)},to:{translateX:_},options:{duration:k}}),closing:()=>({from:{translateX:_},to:{translateX:De(e,t)},options:{duration:k}})}};function Te(e,t){const s=_e(e),r=Re(e);return l.useAnimation(r,{animationStates:Ue(e,t),isAnimatedOnMount:!0,onAnimationEnd:()=>{r===U?(Pe(e)&&(e=>{const t=Ee(e),s=i.getAutofocusFocusables(t.current);s.length>0?i.focusOn(s[0]):i.focusWithin(t.current)})(e),(e=>{Ee(e).current.removeAttribute("style")})(e),Ne(e,"open"),L?.({placement:e,value:!0})):s||((e=>{switch(e){case E:Be(null);break;case R:He(null);break;case N:je(null)}})(e),ke(e,W),Ne(e,B),L?.({placement:e,value:!1}))}}).nodeRef}const Be=Te(E,me),He=Te(R,he),je=Te(N,fe),ze=m.useTestId(C);function We(e){const t=_e(e),r=Re(e);s.useEffect((()=>{if(r!==B||t)if(r===B&&t)Ne(e,O);else{if(r===O&&t){const t=Ee(e),s=(e=>{switch(e){case E:return Be;case R:return He;case N:return je}})(e);return s(t.current),void Ne(e,U)}r===U&&t?ke(e,"visible"):t||Ne(e,T)}}),[t,r,e])}We(E),We(R),We(N);const Xe=e=>{Ve(E,e)},Ye=e=>{Ve(R,e)},Ie=e=>{Ve(N,e)},Ve=(e,t)=>{"Escape"===t.code&&Pe(e)&&A?.({placement:e,reason:"escapeKey"})},{classes:Me,styles:$e}=w.useComponentTheme(p.DrawerLayoutRedwoodTheme),Ke=e=>e===W?$e.visibilityHidden:$e.visibilityVisible,Pe=e=>[H,j].indexOf(Oe(e))>-1,qe=e=>Oe(e)===H,Ge=e=>{const t=(e=>{switch(e){case E:return K;case R:return q;case N:return J}})(e),s=[Ke(t)];Pe(e)?(s.push($e.overlayDrawer),xe(e)&&!qe(e)&&s.push($e.overlaySideDrawerNonFullWidth)):s.push($e.reflowDrawer),Ce(e)&&s.push($e.animatedDrawer);return s.push((e=>{switch(e){case E:return Pe(E)?ve?$e.overlayDrawerLeft:$e.overlayDrawerRight:ve?$e.reflowDrawerLeft:$e.reflowDrawerRight;case R:return Pe(R)?ve?$e.overlayDrawerRight:$e.overlayDrawerLeft:ve?$e.reflowDrawerRight:$e.reflowDrawerLeft;case N:return Pe(N)?$e.overlayDrawerBottom:$e.reflowDrawerBottom}})(e)),y.classNames(s)},Je=e=>{switch(e){case E:return o;case R:return c;case N:return b}},Qe=e=>{switch(e){case E:return Xe;case R:return Ye;case N:return Ie}},Ze=e=>t.jsx("div",{ref:Ee(e),className:Ge(e),tabIndex:Pe(e)?-1:void 0,onKeyDown:Qe(e),children:Je(e)}),et=u.getClientHints(),tt=s.useCallback((()=>"ios"===et.platform?document.documentElement.clientHeight:window.innerHeight),[et.platform]),st=s.useCallback((()=>{tt()>=600?ie!=z&&ue(z):ie!=j&&ue(j)}),[ie,tt]);s.useEffect((()=>{const e=new ResizeObserver((()=>{st()}));return e.observe(document.body),()=>{e.unobserve(document.body)}}),[st]);const rt=e=>{const t=(e=>Ee(e).current)(e);return t?xe(e)?-pe(t):-we(t):0},at=e=>{switch(e){case E:return Z;case R:return te;case N:return re}},nt=s.useCallback((e=>{const t=ye(de.current),s=Ee(e).current;s&&_e(e)&&Pe(e)&&(s.style.height=t)}),[ye,_e,Pe]),ot=s.useCallback((()=>{const e=fe.current;if(e&&_e(N)&&Pe(N)){const t=be(de.current);e.style.width=t}}),[be,_e,Pe]),ct=e=>{xe(e)&&(nt(e),(e=>{const t=Ee(e).current;if(t&&_e(e)){const s=t.style;qe(e)?s.width=be(le.current):s.removeProperty("width")}})(e)),Ae(e)&&ot()},it=s.useCallback((()=>{nt(E),nt(R),ot()}),[nt,ot]);f.useResizeObserver(le,it);const ut=e=>{const t=rt(e);switch(e){case E:ee(t);break;case R:se(t);break;case N:ae(t)}};f.useResizeObserver(me,(()=>{ut(E)}));f.useResizeObserver(he,(()=>{ut(R)}));f.useResizeObserver(fe,(()=>{ut(N)}));const lt=e=>Re(e)!==B?(e=>{const s={mainAxis:!1,crossAxis:!1},r={mainAxis:!1,crossAxis:!1};return Pe(e)?(ct(e),at(e)||ut(e),t.jsx("div",{children:t.jsx(n.Layer,{children:t.jsx(a.Floating,{anchorRef:e===N?de:le,placement:e,class:Ce(e)?$e.floating:"",offsetValue:at(e),flipOptions:r,shiftOptions:s,children:Ze(e)})})})):Ze(e)})(e):null;return t.jsxs("div",{ref:le,className:Me,...ze,children:[lt(E),t.jsxs("div",{ref:de,className:$e.centerSection,children:[t.jsx("div",{className:$e.mainContent,children:e}),lt(N)]}),lt(R)]})},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_DrawerLayout.js.map

package/amd/UNSAFE_DrawerLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_DrawerLayout.js","sources":["../../src/UNSAFE_DrawerLayout/DrawerLayout.tsx"],"sourcesContent":["import { JSX, ComponentChildren, RefObject } from 'preact';\nimport { useState, useRef, useEffect, useCallback } from 'preact/hooks';\nimport { normalizePosition } from '../utils/PRIVATE_floatingUtils';\nimport { Floating, ShiftOptions, RtlSide } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { getAutofocusFocusables, focusOn, focusWithin } from '../utils/PRIVATE_tabbableUtils';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\n\n// Hooks\nimport { useAnimation } from '../hooks/UNSAFE_useAnimation';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useBreakpointValues } from '../hooks/UNSAFE_useBreakpointValues';\nimport { useResizeObserver } from '../hooks/UNSAFE_useResizeObserver';\n\n// Style imports\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { DrawerLayoutStyles } from './themes/DrawerLayoutStyles.css';\nimport { DrawerLayoutRedwoodTheme } from './themes/redwood/DrawerLayoutTheme';\n\n// Types\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\ntype Placement = 'start' | 'end' | 'bottom';\ntype Status = 'unmounted' | 'initial' | 'opening' | 'open' | 'closing';\n\ntype OnCloseDetail = {\n  placement: Placement;\n  reason: 'escapeKey';\n};\ntype OnTransitionEndDetail = {\n  placement: Placement;\n  value: boolean;\n};\ntype DisplayMode = 'overlay' | 'reflow';\ntype ResolvedDisplayMode = 'full-overlay' | 'overlay' | 'reflow';\ntype Visibility = 'hidden' | 'visible';\n\ntype Props = IntrinsicProps & {\n  /**\n   * The content node to be shown within the Start Drawer\n   */\n  startDrawer?: ComponentChildren;\n  /**\n   * The content node to be shown within the End Drawer\n   */\n  endDrawer?: ComponentChildren;\n  /**\n   * The content node to be shown within the Bottom Drawer\n   */\n  bottomDrawer?: ComponentChildren;\n  /**\n   * Specifies whether Start drawer is open.\n   */\n  isStartOpen?: boolean;\n  /**\n   * Specifies the display mode of the Start drawer.\n   *\n   * Supported values are:\n   * <p><code>overlay</code>, <code>reflow</code></p>\n   * Default is <code>undefined</code>.\n   */\n  startDisplay?: DisplayMode;\n  /**\n   * Specifies whether End drawer is open.\n   */\n  isEndOpen?: boolean;\n  /**\n   * Specifies the display mode of the End drawer.\n   *\n   * Supported values are:\n   * <p><code>overlay</code>, <code>reflow</code></p>\n   * Default is <code>undefined</code>.\n   */\n  endDisplay?: DisplayMode;\n  /**\n   * Specifies whether Bottom drawer is open.\n   */\n  isBottomOpen?: boolean;\n  /**\n   * Specifies the display mode of the Bottom drawer.\n   *\n   * Supported values are:\n   * <p><code>overlay</code>, <code>reflow</code></p>\n   * Default is <code>undefined</code>.\n   */\n  bottomDisplay?: DisplayMode;\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   *\n   * Supported detail values are:\n   * <p><code>placement: start | end | bottom</code></p>\n   * <p><code>reason: escapeKey</code></p>\n   */\n  onClose?: (detail: OnCloseDetail) => void;\n  /**\n   * Specifies callback triggered after the animation ends.\n   *\n   * Supported detail values are:\n   * <p><code>placement: start | end | bottom</code></p>\n   * <p><code>value: boolean</code></p>\n   */\n  onTransitionEnd?: (detail: OnTransitionEndDetail) => void;\n} & TestIdProps;\n\n/**\n * A drawer layout adds expandable side contents (drawers) alongside some primary content.\n *\n * These drawers automatically swap 'reflow' and 'overlay' display mode based on width of the page and can be placed at the 'start', 'end' or 'bottom' edge.\n */\nexport const DrawerLayout = ({\n  children,\n  startDrawer,\n  endDrawer,\n  bottomDrawer,\n  isStartOpen = false,\n  isEndOpen = false,\n  isBottomOpen = false,\n  startDisplay,\n  endDisplay,\n  bottomDisplay,\n  onClose,\n  onTransitionEnd,\n  testId // ...props\n}: Props) => {\n  // Constants\n  const zeroPx = '0px';\n  const duration = 250;\n  const verticalBreakpoint = 600;\n  const stringStart = 'start';\n  const stringEnd = 'end';\n  const stringBottom = 'bottom';\n  const stringInitial = 'initial';\n  const stringOpening = 'opening';\n  const stringOpen = 'open';\n  const stringClosing = 'closing';\n  const stringUnmounted = 'unmounted';\n  const stringFullOverlay = 'full-overlay';\n  const stringOverlay = 'overlay';\n  const stringReflow = 'reflow';\n  const stringHidden = 'hidden';\n  const stringVisible = 'visible';\n\n  // Initialize states\n  const [startDrawerStatus, setStartDrawerStatus] = useState<Status>(\n    isStartOpen ? stringInitial : stringUnmounted\n  );\n  const [endDrawerStatus, setEndDrawerStatus] = useState<Status>(\n    isEndOpen ? stringInitial : stringUnmounted\n  );\n  const [bottomDrawerStatus, setBottomDrawerStatus] = useState<Status>(\n    isBottomOpen ? stringInitial : stringUnmounted\n  );\n  const [startVisibility, setStartVisibility] = useState<Visibility>(stringHidden);\n  const [endVisibility, setEndVisibility] = useState<Visibility>(stringHidden);\n  const [bottomVisibility, setBottomVisibility] = useState<Visibility>(stringHidden);\n\n  const [startOffset, setStartOffset] = useState<number>();\n  const [endOffset, setEndOffset] = useState<number>();\n  const [bottomOffset, setBottomOffset] = useState<number>();\n\n  // Breakpoints:\n  // sm: 0-600px (full-overlay)\n  // md: 600-1024px (overlay)\n  // lg: >1024px (reflow)\n  const displayMode: ResolvedDisplayMode = useBreakpointValues({\n    sm: stringFullOverlay,\n    md: stringOverlay,\n    lg: stringReflow\n  });\n  const [viewportDisplayModeHorizontal, setViewportDisplayModeHorizontal] =\n    useState<ResolvedDisplayMode>(displayMode);\n  const [viewportDisplayModeVertical, setViewportDisplayModeVertical] =\n    useState<ResolvedDisplayMode>(displayMode);\n  useEffect(() => {\n    // Size breakpoint crossed\n    setViewportDisplayModeHorizontal(displayMode);\n  }, [displayMode]);\n\n  // Refs\n  const rootRef = useRef<HTMLDivElement>(null);\n  const centerRef = useRef<HTMLDivElement>(null);\n  const startDrawerRef = useRef<HTMLDivElement>(null);\n  const endDrawerRef = useRef<HTMLDivElement>(null);\n  const bottomDrawerRef = useRef<HTMLDivElement>(null);\n\n  const getElementHeight = (element: HTMLDivElement): number => {\n    return element ? Math.round(element.offsetHeight) : 0;\n  };\n\n  const getElementHeightPx = useCallback((element: HTMLDivElement) => {\n    return `${getElementHeight(element)}px`;\n  }, []);\n\n  const getElementWidth = useCallback((element: HTMLDivElement): number => {\n    return element ? Math.round(element.getBoundingClientRect().width) : 0;\n  }, []);\n\n  const getElementWidthPx = useCallback(\n    (element: HTMLDivElement): string => {\n      return `${getElementWidth(element)}px`;\n    },\n    [getElementWidth]\n  );\n\n  // Normalizing position\n  const { direction } = useUser();\n  const isLtr = direction === 'ltr';\n\n  const getNormalizedPlacement = useCallback(\n    (placement: Placement): RtlSide => {\n      return normalizePosition(placement, direction);\n    },\n    [direction]\n  );\n\n  const getTranslateX = (placement: Placement, ref: any): string => {\n    return `${getNormalizedPlacement(placement) === 'right' ? '' : '-'}${getElementWidthPx(\n      ref.current as HTMLDivElement\n    )}`;\n  };\n\n  const getTranslateY = (ref: any): string => {\n    return getElementHeightPx(ref.current as HTMLDivElement);\n  };\n\n  const isSidePlacement = (placement: Placement): boolean => {\n    return [stringStart, stringEnd].indexOf(placement) > -1;\n  };\n\n  const isBottomPlacement = (placement: Placement): boolean => {\n    return placement === stringBottom;\n  };\n\n  const isAnimationPending = (status: Status): boolean => {\n    return [stringOpening, stringClosing].indexOf(status) > -1;\n  };\n\n  const isDrawerAnimationPending = (placement: Placement): boolean => {\n    switch (placement) {\n      case stringStart:\n        return isAnimationPending(startDrawerStatus);\n      case stringEnd:\n        return isAnimationPending(endDrawerStatus);\n      case stringBottom:\n        return isAnimationPending(bottomDrawerStatus);\n    }\n  };\n\n  const isDrawerOpen = (placement: Placement): boolean => {\n    switch (placement) {\n      case stringStart:\n        return isStartOpen;\n      case stringEnd:\n        return isEndOpen;\n      case stringBottom:\n        return isBottomOpen;\n    }\n  };\n\n  const getDrawerVisibility = (placement: Placement): Visibility => {\n    switch (placement) {\n      case stringStart:\n        return startVisibility;\n      case stringEnd:\n        return endVisibility;\n      case stringBottom:\n        return bottomVisibility;\n    }\n  };\n\n  const setDrawerVisibility = (placement: Placement, visibility: Visibility): void => {\n    switch (placement) {\n      case stringStart:\n        return setStartVisibility(visibility);\n      case stringEnd:\n        return setEndVisibility(visibility);\n      case stringBottom:\n        return setBottomVisibility(visibility);\n    }\n  };\n\n  const getDrawerRef = (placement: Placement) => {\n    switch (placement) {\n      case stringStart:\n        return startDrawerRef;\n      case stringEnd:\n        return endDrawerRef;\n      case stringBottom:\n        return bottomDrawerRef;\n    }\n  };\n\n  const getDrawerEl = (placement: Placement) => {\n    return getDrawerRef(placement).current;\n  };\n\n  const getAnimatedNodeRef = (placement: Placement) => {\n    switch (placement) {\n      case stringStart:\n        return startAnimatedNodeRef;\n      case stringEnd:\n        return endAnimatedNodeRef;\n      case stringBottom:\n        return bottomAnimatedNodeRef;\n    }\n  };\n\n  const getDrawerStatus = (placement: Placement) => {\n    switch (placement) {\n      case stringStart:\n        return startDrawerStatus;\n      case stringEnd:\n        return endDrawerStatus;\n      case stringBottom:\n        return bottomDrawerStatus;\n    }\n  };\n\n  const setDrawerStatus = (placement: Placement, status: Status): void => {\n    switch (placement) {\n      case stringStart:\n        setStartDrawerStatus(status);\n        break;\n      case stringEnd:\n        setEndDrawerStatus(status);\n        break;\n      case stringBottom:\n        setBottomDrawerStatus(status);\n        break;\n    }\n  };\n\n  const resetAnimatedNodeRef = (placement: Placement): void => {\n    switch (placement) {\n      case stringStart:\n        startAnimatedNodeRef(null);\n        break;\n      case stringEnd:\n        endAnimatedNodeRef(null);\n        break;\n      case stringBottom:\n        bottomAnimatedNodeRef(null);\n        break;\n    }\n  };\n\n  const getDrawerDisplayProp = (placement: Placement) => {\n    switch (placement) {\n      case stringStart:\n        return startDisplay;\n      case stringEnd:\n        return endDisplay;\n      case stringBottom:\n        return bottomDisplay;\n    }\n  };\n\n  const getDrawerDisplayMode = (placement: Placement): ResolvedDisplayMode => {\n    const displayProp = getDrawerDisplayProp(placement);\n    if (displayProp) {\n      return displayProp;\n    } else {\n      if (isSidePlacement(placement)) {\n        return viewportDisplayModeHorizontal;\n      }\n      return viewportDisplayModeVertical;\n    }\n  };\n\n  // Animation config\n  const getAnimationStates = (placement: Placement, ref: RefObject<HTMLElement>): any => {\n    const bottomPlacement: boolean = isBottomPlacement(placement);\n    if (getDrawerDisplayMode(placement) === stringReflow) {\n      // Reflow display mode\n      // Effect: Expand/Collapse\n      if (bottomPlacement) {\n        return {\n          opening: () => {\n            return {\n              from: {\n                maxHeight: zeroPx,\n                overflowX: 'hidden'\n              },\n              to: {\n                maxHeight: getElementHeightPx(ref.current as HTMLDivElement),\n                overflowX: 'hidden'\n              },\n              options: {\n                duration: duration\n              }\n            };\n          },\n          closing: () => {\n            return {\n              from: {\n                maxHeight: getElementHeightPx(ref.current as HTMLDivElement)\n              },\n              to: {\n                maxHeight: zeroPx,\n                overflowX: 'hidden'\n              },\n              options: {\n                duration: duration\n              }\n            };\n          }\n        };\n      } else {\n        return {\n          opening: () => {\n            return {\n              from: {\n                maxWidth: zeroPx,\n                overflowY: 'hidden'\n              },\n              to: {\n                maxWidth: getElementWidthPx(ref.current as HTMLDivElement),\n                overflowY: 'hidden'\n              },\n              options: {\n                duration: duration\n              }\n            };\n          },\n          closing: () => {\n            return {\n              from: {\n                maxWidth: getElementWidthPx(ref.current as HTMLDivElement)\n              },\n              to: {\n                maxWidth: zeroPx,\n                overflowY: 'hidden'\n              },\n              options: {\n                duration: duration\n              }\n            };\n          }\n        };\n      }\n    } else {\n      // FullOverlay or Overlay display mode\n      // Effect: Slidein/Slideout\n      if (bottomPlacement) {\n        return {\n          opening: () => {\n            return {\n              from: {\n                translateY: getTranslateY(ref)\n              },\n              to: {\n                translateY: zeroPx\n              },\n              options: {\n                duration: duration\n              }\n            };\n          },\n          closing: () => {\n            return {\n              from: {\n                translateY: zeroPx\n              },\n              to: {\n                translateY: getTranslateY(ref)\n              },\n              options: {\n                duration: duration\n              }\n            };\n          }\n        };\n      } else {\n        return {\n          opening: () => {\n            return {\n              from: {\n                translateX: getTranslateX(placement, ref)\n              },\n              to: {\n                translateX: zeroPx\n              },\n              options: {\n                duration: duration\n              }\n            };\n          },\n          closing: () => {\n            return {\n              from: {\n                translateX: zeroPx\n              },\n              to: {\n                translateX: getTranslateX(placement, ref)\n              },\n              options: {\n                duration: duration\n              }\n            };\n          }\n        };\n      }\n    }\n  };\n\n  const removeAnimationInlineStyles = (placement: Placement): void => {\n    // Remove style attributes left on the element by the Animation util\n    const drawerRef: RefObject<any> = getDrawerRef(placement);\n    drawerRef.current.removeAttribute('style');\n  };\n\n  const handleFocus = (placement: Placement) => {\n    // Set focus to the first match:\n    const drawerRef: RefObject<any> = getDrawerRef(placement);\n\n    // 1. First element inside the drawer matching [autofocus]\n    const autofocusItems: HTMLElement[] = getAutofocusFocusables(drawerRef.current);\n    if (autofocusItems.length > 0) {\n      focusOn(autofocusItems[0]);\n      return;\n    }\n    // 2. Tabbable element inside the content element\n    // 3. The drawer itself\n    focusWithin(drawerRef.current);\n  };\n\n  // Custom hook to be shared for each side\n  // It can't be a function as a hook can only be called within a custom hook\n  function useNodeRef(placement: Placement, ref: RefObject<HTMLElement>) {\n    const isOpen: boolean = isDrawerOpen(placement);\n    const status = getDrawerStatus(placement);\n    return useAnimation<Status, HTMLDivElement>(status, {\n      animationStates: getAnimationStates(placement, ref),\n      isAnimatedOnMount: true,\n      onAnimationEnd: () => {\n        if (status === stringOpening) {\n          setDrawerStatus(placement, stringOpen);\n          handleFocus(placement);\n          // Remove animation's inline style\n          removeAnimationInlineStyles(placement);\n          onTransitionEnd?.({\n            placement: placement,\n            value: true\n          });\n        } else if (!isOpen) {\n          resetAnimatedNodeRef(placement);\n          setDrawerVisibility(placement, stringHidden);\n          setDrawerStatus(placement, stringUnmounted);\n          onTransitionEnd?.({\n            placement: placement,\n            value: false\n          });\n        }\n      }\n    }).nodeRef;\n  }\n\n  // Drawer refs\n  const startAnimatedNodeRef = useNodeRef(stringStart, startDrawerRef);\n  const endAnimatedNodeRef = useNodeRef(stringEnd, endDrawerRef);\n  const bottomAnimatedNodeRef = useNodeRef(stringBottom, bottomDrawerRef);\n\n  //testId support\n  const testIdProps = useTestId(testId);\n\n  // Custom hook to be shared for each side\n  // It can't be a function as a hook can only be called within a custom hook\n  function useDrawerStatus(placement: Placement): void {\n    const isOpen = isDrawerOpen(placement);\n    const drawerStatus = getDrawerStatus(placement);\n    useEffect(() => {\n      // Ignore initial render\n      // 1. Ignore status update on initial render\n      if (drawerStatus === stringUnmounted && !isOpen) {\n        return;\n      }\n\n      // 2. Unmounted\n      // 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 (drawerStatus === stringUnmounted && isOpen) {\n        setDrawerStatus(placement, stringInitial);\n        return;\n      }\n\n      // 3. Initial\n      // 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 (drawerStatus === stringInitial && isOpen) {\n        const drawerRef = getDrawerRef(placement);\n        const animatedNodeRef = getAnimatedNodeRef(placement);\n        animatedNodeRef(drawerRef.current);\n        setDrawerStatus(placement, stringOpening);\n        return;\n      }\n\n      // 4. Opening\n      // Unhide component. It becomes visible.\n      if (drawerStatus === stringOpening && isOpen) {\n        setDrawerVisibility(placement, stringVisible);\n        return;\n      }\n\n      // 5. Open\n      // Status 'open' is set in 'onAnimationEnd' handler\n\n      // 6. Closing\n      if (!isOpen) {\n        setDrawerStatus(placement, stringClosing);\n      }\n    }, [isOpen, drawerStatus, placement]);\n  }\n\n  // Drawers' status handler±\n  useDrawerStatus(stringStart);\n  useDrawerStatus(stringEnd);\n  useDrawerStatus(stringBottom);\n\n  // Keydown handlers\n  const handleKeyDownStart = (event: Event): void => {\n    handleKeyDown(stringStart, event);\n  };\n  const handleKeyDownEnd = (event: Event): void => {\n    handleKeyDown(stringEnd, event);\n  };\n  const handleKeyDownBottom = (event: Event): void => {\n    handleKeyDown(stringBottom, event);\n  };\n\n  const handleKeyDown = (placement: Placement, event: any): void => {\n    if (event.code === 'Escape') {\n      // Handle only in overlay mode\n      if (isOverlay(placement)) {\n        onClose?.({\n          placement,\n          reason: 'escapeKey'\n        });\n      }\n    }\n  };\n\n  // Styles\n  const { classes, styles } = useComponentTheme<never, DrawerLayoutStyles>(\n    DrawerLayoutRedwoodTheme\n  );\n\n  const getVisibilityClass = (visibility: Visibility) => {\n    return visibility === stringHidden ? styles.visibilityHidden : styles.visibilityVisible;\n  };\n\n  const isOverlay = (placement: Placement) => {\n    return [stringFullOverlay, stringOverlay].indexOf(getDrawerDisplayMode(placement)) > -1;\n  };\n\n  const isFullOverlay = (placement: Placement): boolean => {\n    return getDrawerDisplayMode(placement) === stringFullOverlay;\n  };\n\n  const getDrawerClassNames = (placement: Placement): string => {\n    // Visibility style is always added\n    const visibility: Visibility = getDrawerVisibility(placement);\n    const classNamesArr: string[] = [getVisibilityClass(visibility)];\n\n    // Styles for overlay vs. full-overlay vs. reflow\n    if (isOverlay(placement)) {\n      classNamesArr.push(styles.overlayDrawer);\n      if (isSidePlacement(placement) && !isFullOverlay(placement)) {\n        classNamesArr.push(styles.overlaySideDrawerNonFullWidth);\n      }\n    } else {\n      classNamesArr.push(styles.reflowDrawer);\n    }\n\n    // Styles for animation\n    if (isDrawerAnimationPending(placement)) {\n      classNamesArr.push(styles.animatedDrawer);\n    }\n\n    const getPlacementSpecificStyles = (placement: Placement): string => {\n      switch (placement) {\n        case stringStart:\n          if (isOverlay(stringStart)) {\n            return isLtr ? styles.overlayDrawerLeft : styles.overlayDrawerRight;\n          } else {\n            return isLtr ? styles.reflowDrawerLeft : styles.reflowDrawerRight;\n          }\n        case stringEnd:\n          if (isOverlay(stringEnd)) {\n            return isLtr ? styles.overlayDrawerRight : styles.overlayDrawerLeft;\n          } else {\n            return isLtr ? styles.reflowDrawerRight : styles.reflowDrawerLeft;\n          }\n        case stringBottom:\n          return isOverlay(stringBottom) ? styles.overlayDrawerBottom : styles.reflowDrawerBottom;\n      }\n    };\n    // Placement specific styles\n    classNamesArr.push(getPlacementSpecificStyles(placement));\n\n    return classNames(classNamesArr);\n  };\n\n  const getDrawerProp = (placement: Placement) => {\n    switch (placement) {\n      case stringStart:\n        return startDrawer;\n      case stringEnd:\n        return endDrawer;\n      case stringBottom:\n        return bottomDrawer;\n    }\n  };\n\n  const getKeyDownHandler = (placement: Placement) => {\n    switch (placement) {\n      case stringStart:\n        return handleKeyDownStart;\n      case stringEnd:\n        return handleKeyDownEnd;\n      case stringBottom:\n        return handleKeyDownBottom;\n    }\n  };\n\n  // Single drawer template\n  const renderDrawer = (placement: Placement) => {\n    return (\n      <div\n        ref={getDrawerRef(placement)}\n        className={getDrawerClassNames(placement)}\n        tabIndex={isOverlay(placement) ? -1 : undefined}\n        onKeyDown={getKeyDownHandler(placement)}>\n        {getDrawerProp(placement)}\n      </div>\n    );\n  };\n\n  const clientHints = getClientHints();\n\n  const getViewportHeight = useCallback((): number => {\n    if (clientHints.platform === 'ios') {\n      // On ios window.innerHeight is not recommended way of measuring the viewport\n      return document.documentElement.clientHeight;\n    }\n    return window.innerHeight;\n  }, [clientHints.platform]);\n\n  const handleVerticalResize = useCallback(() => {\n    const viewportHeight = getViewportHeight();\n    if (viewportHeight >= verticalBreakpoint) {\n      if (viewportDisplayModeVertical != stringReflow) {\n        setViewportDisplayModeVertical(stringReflow);\n      }\n    } else {\n      if (viewportDisplayModeVertical != stringOverlay) {\n        setViewportDisplayModeVertical(stringOverlay);\n      }\n    }\n  }, [viewportDisplayModeVertical, getViewportHeight]);\n\n  // Window resize listener\n  // useBreakpoint hook is designed for horizontal breakpoints only\n  // This listener is used for 600px (overlay vs. reflow) breakpoint\n  // used for bottom drawer\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver(() => {\n      handleVerticalResize();\n    });\n    resizeObserver.observe(document.body);\n    // Deregister resize observer when Drawer layout unmounts\n    return () => {\n      resizeObserver.unobserve(document.body);\n    };\n  }, [handleVerticalResize]);\n\n  const getOffset = (placement: Placement): number => {\n    const drawerEl = getDrawerEl(placement);\n    if (drawerEl) {\n      return isSidePlacement(placement) ? -getElementWidth(drawerEl) : -getElementHeight(drawerEl);\n    }\n    return 0;\n  };\n\n  const getOffsetState = (placement: Placement) => {\n    switch (placement) {\n      case stringStart:\n        return startOffset;\n      case stringEnd:\n        return endOffset;\n      case stringBottom:\n        return bottomOffset;\n    }\n  };\n\n  const setSideOverlayDrawerFullHeight = useCallback(\n    (placement: Placement) => {\n      // By default PopupElements have no predefined height.\n      // In 'overlay' mode drawers should be\n      // of the same height as their parent <oj-drawer-layout>\n      const centerSectionHeight = getElementHeightPx(centerRef.current as HTMLDivElement);\n\n      const drawerEl = getDrawerRef(placement).current;\n      if (drawerEl && isDrawerOpen(placement) && isOverlay(placement)) {\n        drawerEl.style.height = centerSectionHeight;\n      }\n    },\n    [getElementHeightPx, isDrawerOpen, isOverlay]\n  );\n\n  const handleSideDrawerFullWidth = (placement: Placement) => {\n    const drawerEl = getDrawerRef(placement).current;\n    if (drawerEl) {\n      if (isDrawerOpen(placement)) {\n        const drawerInlineStyle = drawerEl.style;\n        if (isFullOverlay(placement)) {\n          drawerInlineStyle.width = getElementWidthPx(rootRef.current as HTMLDivElement);\n        } else {\n          drawerInlineStyle.removeProperty('width');\n        }\n      }\n    }\n  };\n\n  const setBottomOverlayDrawerWidth = useCallback(() => {\n    const bottomDrawerElement = bottomDrawerRef.current;\n    if (bottomDrawerElement && isDrawerOpen(stringBottom) && isOverlay(stringBottom)) {\n      const centerSectionWidth = getElementWidthPx(centerRef.current as HTMLDivElement);\n      bottomDrawerElement.style.width = centerSectionWidth;\n    }\n  }, [getElementWidthPx, isDrawerOpen, isOverlay]);\n\n  const setDrawerSize = (placement: Placement) => {\n    if (isSidePlacement(placement)) {\n      setSideOverlayDrawerFullHeight(placement);\n      handleSideDrawerFullWidth(placement);\n    }\n    if (isBottomPlacement(placement)) {\n      setBottomOverlayDrawerWidth();\n    }\n  };\n\n  const handleDrawerLayoutResize = useCallback(() => {\n    // If the DrawerLayout (page content) changes size,\n    // adjust OVERLAY side drawers (start/end) height to fit the drawer\n    // Note that these two functions checks that 'overlay' condition is fulfilled\n    setSideOverlayDrawerFullHeight(stringStart);\n    setSideOverlayDrawerFullHeight(stringEnd);\n    setBottomOverlayDrawerWidth();\n  }, [setSideOverlayDrawerFullHeight, setBottomOverlayDrawerWidth]);\n  // DrawerLayout resize observer\n  useResizeObserver(rootRef, handleDrawerLayoutResize);\n\n  const setOffsetState = (placement: Placement) => {\n    const offset = getOffset(placement);\n    switch (placement) {\n      case stringStart:\n        setStartOffset(offset);\n        break;\n      case stringEnd:\n        setEndOffset(offset);\n        break;\n      case stringBottom:\n        setBottomOffset(offset);\n        break;\n    }\n  };\n\n  // Start drawer resize observer\n  const handleStartDrawerResize = () => {\n    setOffsetState(stringStart);\n  };\n  useResizeObserver(startDrawerRef, handleStartDrawerResize);\n\n  // End drawer resize observer\n  const handleEndDrawerResize = () => {\n    setOffsetState(stringEnd);\n  };\n  useResizeObserver(endDrawerRef, handleEndDrawerResize);\n\n  // Bottom drawer resize observer\n  const handleBottomDrawerResize = () => {\n    setOffsetState(stringBottom);\n  };\n  useResizeObserver(bottomDrawerRef, handleBottomDrawerResize);\n\n  const getReflowOrOverlayDrawer = (placement: Placement) => {\n    const shiftOptions: ShiftOptions = {\n      mainAxis: false,\n      crossAxis: false\n    };\n\n    const flipOptions = {\n      mainAxis: false,\n      crossAxis: false\n    };\n\n    // Reflow vs. overlay drawer\n    if (isOverlay(placement)) {\n      setDrawerSize(placement);\n\n      // Initial offset\n      if (!getOffsetState(placement)) {\n        setOffsetState(placement);\n      }\n\n      return (\n        // Reconciliation issue. Reparented node must\n        // be a single child of a <div>\n        <div>\n          <Layer>\n            <Floating\n              anchorRef={placement === stringBottom ? centerRef : rootRef}\n              placement={placement}\n              class={isDrawerAnimationPending(placement) ? styles.floating : ''}\n              offsetValue={getOffsetState(placement)}\n              flipOptions={flipOptions}\n              shiftOptions={shiftOptions}>\n              {renderDrawer(placement)}\n            </Floating>\n          </Layer>\n        </div>\n      );\n    } else {\n      return renderDrawer(placement);\n    }\n  };\n\n  // Render drawer conditionally\n  const getDrawer = (placement: Placement): any => {\n    const isMounted = getDrawerStatus(placement) !== stringUnmounted;\n    return isMounted ? getReflowOrOverlayDrawer(placement) : null;\n  };\n\n  return (\n    <div ref={rootRef} className={classes} {...testIdProps}>\n      {/*Start drawer*/}\n      {getDrawer(stringStart)}\n      {/*Center section*/}\n      <div ref={centerRef} className={styles.centerSection}>\n        <div className={styles.mainContent}>\n          {/*<main content*/}\n          {children}\n        </div>\n        {/*Bottom drawer*/}\n        {getDrawer(stringBottom)}\n      </div>\n      {/*End drawer*/}\n      {getDrawer(stringEnd)}\n    </div>\n  );\n};\n"],"names":["children","startDrawer","endDrawer","bottomDrawer","isStartOpen","isEndOpen","isBottomOpen","startDisplay","endDisplay","bottomDisplay","onClose","onTransitionEnd","testId","zeroPx","duration","stringStart","stringEnd","stringBottom","stringInitial","stringOpening","stringClosing","stringUnmounted","stringFullOverlay","stringOverlay","stringReflow","stringHidden","startDrawerStatus","setStartDrawerStatus","useState","endDrawerStatus","setEndDrawerStatus","bottomDrawerStatus","setBottomDrawerStatus","startVisibility","setStartVisibility","endVisibility","setEndVisibility","bottomVisibility","setBottomVisibility","startOffset","setStartOffset","endOffset","setEndOffset","bottomOffset","setBottomOffset","displayMode","useBreakpointValues","sm","md","lg","viewportDisplayModeHorizontal","setViewportDisplayModeHorizontal","viewportDisplayModeVertical","setViewportDisplayModeVertical","useEffect","rootRef","useRef","centerRef","startDrawerRef","endDrawerRef","bottomDrawerRef","getElementHeight","element","Math","round","offsetHeight","getElementHeightPx","useCallback","getElementWidth","getBoundingClientRect","width","getElementWidthPx","direction","useUser","isLtr","getNormalizedPlacement","placement","normalizePosition","getTranslateX","ref","current","getTranslateY","isSidePlacement","indexOf","isBottomPlacement","isAnimationPending","status","isDrawerAnimationPending","isDrawerOpen","setDrawerVisibility","visibility","getDrawerRef","getDrawerStatus","setDrawerStatus","getDrawerDisplayMode","displayProp","getDrawerDisplayProp","getAnimationStates","bottomPlacement","opening","from","maxHeight","overflowX","to","options","closing","maxWidth","overflowY","translateY","translateX","useNodeRef","isOpen","useAnimation","animationStates","isAnimatedOnMount","onAnimationEnd","drawerRef","autofocusItems","getAutofocusFocusables","length","focusOn","focusWithin","handleFocus","removeAttribute","removeAnimationInlineStyles","value","startAnimatedNodeRef","endAnimatedNodeRef","bottomAnimatedNodeRef","resetAnimatedNodeRef","nodeRef","testIdProps","useTestId","useDrawerStatus","drawerStatus","animatedNodeRef","getAnimatedNodeRef","handleKeyDownStart","event","handleKeyDown","handleKeyDownEnd","handleKeyDownBottom","code","isOverlay","reason","classes","styles","useComponentTheme","DrawerLayoutRedwoodTheme","getVisibilityClass","visibilityHidden","visibilityVisible","isFullOverlay","getDrawerClassNames","getDrawerVisibility","classNamesArr","push","overlayDrawer","overlaySideDrawerNonFullWidth","reflowDrawer","animatedDrawer","overlayDrawerLeft","overlayDrawerRight","reflowDrawerLeft","reflowDrawerRight","overlayDrawerBottom","reflowDrawerBottom","getPlacementSpecificStyles","classNames","getDrawerProp","getKeyDownHandler","renderDrawer","_jsx","className","tabIndex","undefined","onKeyDown","clientHints","getClientHints","getViewportHeight","platform","document","documentElement","clientHeight","window","innerHeight","handleVerticalResize","resizeObserver","ResizeObserver","observe","body","unobserve","getOffset","drawerEl","getDrawerEl","getOffsetState","setSideOverlayDrawerFullHeight","centerSectionHeight","style","height","setBottomOverlayDrawerWidth","bottomDrawerElement","centerSectionWidth","setDrawerSize","drawerInlineStyle","removeProperty","handleSideDrawerFullWidth","handleDrawerLayoutResize","useResizeObserver","setOffsetState","offset","getDrawer","shiftOptions","mainAxis","crossAxis","flipOptions","jsx","Layer","Floating","anchorRef","class","floating","offsetValue","getReflowOrOverlayDrawer","_jsxs","jsxs","centerSection","mainContent"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_DrawerLayout.js","sources":["../../src/UNSAFE_DrawerLayout/DrawerLayout.tsx"],"sourcesContent":["import { JSX, ComponentChildren, RefObject } from 'preact';\nimport { useState, useRef, useEffect, useCallback } from 'preact/hooks';\nimport { normalizePosition } from '../utils/PRIVATE_floatingUtils';\nimport { Floating, ShiftOptions, RtlSide } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { getAutofocusFocusables, focusOn, focusWithin } from '../utils/PRIVATE_tabbableUtils';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\n\n// Hooks\nimport { useAnimation } from '../hooks/UNSAFE_useAnimation';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useBreakpointValues } from '../hooks/UNSAFE_useBreakpointValues';\nimport { useResizeObserver } from '../hooks/UNSAFE_useResizeObserver';\n\n// Style imports\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { DrawerLayoutStyles } from './themes/DrawerLayoutStyles.css';\nimport { DrawerLayoutRedwoodTheme } from './themes/redwood/DrawerLayoutTheme';\n\n// Types\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\ntype Placement = 'start' | 'end' | 'bottom';\ntype Status = 'unmounted' | 'initial' | 'opening' | 'open' | 'closing';\n\ntype OnCloseDetail = {\n  placement: Placement;\n  reason: 'escapeKey';\n};\ntype OnTransitionEndDetail = {\n  placement: Placement;\n  value: boolean;\n};\ntype DisplayMode = 'overlay' | 'reflow';\ntype ResolvedDisplayMode = 'full-overlay' | 'overlay' | 'reflow';\ntype Visibility = 'hidden' | 'visible';\n\ntype Props = IntrinsicProps & {\n  /**\n   * The content node to be shown within the Start Drawer\n   */\n  startDrawer?: ComponentChildren;\n  /**\n   * The content node to be shown within the End Drawer\n   */\n  endDrawer?: ComponentChildren;\n  /**\n   * The content node to be shown within the Bottom Drawer\n   */\n  bottomDrawer?: ComponentChildren;\n  /**\n   * Specifies whether Start drawer is open.\n   */\n  isStartOpen?: boolean;\n  /**\n   * Specifies the display mode of the Start drawer.\n   *\n   * Supported values are:\n   * <p><code>overlay</code>, <code>reflow</code></p>\n   * Default is <code>undefined</code>.\n   */\n  startDisplay?: DisplayMode;\n  /**\n   * Specifies whether End drawer is open.\n   */\n  isEndOpen?: boolean;\n  /**\n   * Specifies the display mode of the End drawer.\n   *\n   * Supported values are:\n   * <p><code>overlay</code>, <code>reflow</code></p>\n   * Default is <code>undefined</code>.\n   */\n  endDisplay?: DisplayMode;\n  /**\n   * Specifies whether Bottom drawer is open.\n   */\n  isBottomOpen?: boolean;\n  /**\n   * Specifies the display mode of the Bottom drawer.\n   *\n   * Supported values are:\n   * <p><code>overlay</code>, <code>reflow</code></p>\n   * Default is <code>undefined</code>.\n   */\n  bottomDisplay?: DisplayMode;\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   *\n   * Supported detail values are:\n   * <p><code>placement: start | end | bottom</code></p>\n   * <p><code>reason: escapeKey</code></p>\n   */\n  onClose?: (detail: OnCloseDetail) => void;\n  /**\n   * Specifies callback triggered after the animation ends.\n   *\n   * Supported detail values are:\n   * <p><code>placement: start | end | bottom</code></p>\n   * <p><code>value: boolean</code></p>\n   */\n  onTransitionEnd?: (detail: OnTransitionEndDetail) => void;\n} & TestIdProps;\n\n/**\n * A drawer layout adds expandable side contents (drawers) alongside some primary content.\n *\n * These drawers automatically swap 'reflow' and 'overlay' display mode based on width of the page and can be placed at the 'start', 'end' or 'bottom' edge.\n */\nexport const DrawerLayout = ({\n  children,\n  startDrawer,\n  endDrawer,\n  bottomDrawer,\n  isStartOpen = false,\n  isEndOpen = false,\n  isBottomOpen = false,\n  startDisplay,\n  endDisplay,\n  bottomDisplay,\n  onClose,\n  onTransitionEnd,\n  testId // ...props\n}: Props) => {\n  // Constants\n  const zeroPx = '0px';\n  const duration = 250;\n  const verticalBreakpoint = 600;\n  const stringStart = 'start';\n  const stringEnd = 'end';\n  const stringBottom = 'bottom';\n  const stringInitial = 'initial';\n  const stringOpening = 'opening';\n  const stringOpen = 'open';\n  const stringClosing = 'closing';\n  const stringUnmounted = 'unmounted';\n  const stringFullOverlay = 'full-overlay';\n  const stringOverlay = 'overlay';\n  const stringReflow = 'reflow';\n  const stringHidden = 'hidden';\n  const stringVisible = 'visible';\n\n  // Initialize states\n  const [startDrawerStatus, setStartDrawerStatus] = useState<Status>(\n    isStartOpen ? stringInitial : stringUnmounted\n  );\n  const [endDrawerStatus, setEndDrawerStatus] = useState<Status>(\n    isEndOpen ? stringInitial : stringUnmounted\n  );\n  const [bottomDrawerStatus, setBottomDrawerStatus] = useState<Status>(\n    isBottomOpen ? stringInitial : stringUnmounted\n  );\n  const [startVisibility, setStartVisibility] = useState<Visibility>(stringHidden);\n  const [endVisibility, setEndVisibility] = useState<Visibility>(stringHidden);\n  const [bottomVisibility, setBottomVisibility] = useState<Visibility>(stringHidden);\n\n  const [startOffset, setStartOffset] = useState<number>();\n  const [endOffset, setEndOffset] = useState<number>();\n  const [bottomOffset, setBottomOffset] = useState<number>();\n\n  // Breakpoints:\n  // sm: 0-600px (full-overlay)\n  // md: 600-1024px (overlay)\n  // lg: >1024px (reflow)\n  const displayMode: ResolvedDisplayMode = useBreakpointValues({\n    sm: stringFullOverlay,\n    md: stringOverlay,\n    lg: stringReflow\n  });\n  const [viewportDisplayModeHorizontal, setViewportDisplayModeHorizontal] =\n    useState<ResolvedDisplayMode>(displayMode);\n  const [viewportDisplayModeVertical, setViewportDisplayModeVertical] =\n    useState<ResolvedDisplayMode>(displayMode);\n  useEffect(() => {\n    // Size breakpoint crossed\n    setViewportDisplayModeHorizontal(displayMode);\n  }, [displayMode]);\n\n  // Refs\n  const rootRef = useRef<HTMLDivElement>(null);\n  const centerRef = useRef<HTMLDivElement>(null);\n  const startDrawerRef = useRef<HTMLDivElement>(null);\n  const endDrawerRef = useRef<HTMLDivElement>(null);\n  const bottomDrawerRef = useRef<HTMLDivElement>(null);\n\n  const getElementHeight = (element: HTMLDivElement): number => {\n    return element ? Math.round(element.offsetHeight) : 0;\n  };\n\n  const getElementHeightPx = useCallback((element: HTMLDivElement) => {\n    return `${getElementHeight(element)}px`;\n  }, []);\n\n  const getElementWidth = useCallback((element: HTMLDivElement): number => {\n    return element ? Math.round(element.getBoundingClientRect().width) : 0;\n  }, []);\n\n  const getElementWidthPx = useCallback(\n    (element: HTMLDivElement): string => {\n      return `${getElementWidth(element)}px`;\n    },\n    [getElementWidth]\n  );\n\n  // Normalizing position\n  const { direction } = useUser();\n  const isLtr = direction === 'ltr';\n\n  const getNormalizedPlacement = useCallback(\n    (placement: Placement): RtlSide => {\n      return normalizePosition(placement, direction);\n    },\n    [direction]\n  );\n\n  const getTranslateX = (placement: Placement, ref: any): string => {\n    return `${getNormalizedPlacement(placement) === 'right' ? '' : '-'}${getElementWidthPx(\n      ref.current as HTMLDivElement\n    )}`;\n  };\n\n  const getTranslateY = (ref: any): string => {\n    return getElementHeightPx(ref.current as HTMLDivElement);\n  };\n\n  const isSidePlacement = (placement: Placement): boolean => {\n    return [stringStart, stringEnd].indexOf(placement) > -1;\n  };\n\n  const isBottomPlacement = (placement: Placement): boolean => {\n    return placement === stringBottom;\n  };\n\n  const isAnimationPending = (status: Status): boolean => {\n    return [stringOpening, stringClosing].indexOf(status) > -1;\n  };\n\n  const isDrawerAnimationPending = (placement: Placement): boolean => {\n    switch (placement) {\n      case stringStart:\n        return isAnimationPending(startDrawerStatus);\n      case stringEnd:\n        return isAnimationPending(endDrawerStatus);\n      case stringBottom:\n        return isAnimationPending(bottomDrawerStatus);\n    }\n  };\n\n  const isDrawerOpen = (placement: Placement): boolean => {\n    switch (placement) {\n      case stringStart:\n        return isStartOpen;\n      case stringEnd:\n        return isEndOpen;\n      case stringBottom:\n        return isBottomOpen;\n    }\n  };\n\n  const getDrawerVisibility = (placement: Placement): Visibility => {\n    switch (placement) {\n      case stringStart:\n        return startVisibility;\n      case stringEnd:\n        return endVisibility;\n      case stringBottom:\n        return bottomVisibility;\n    }\n  };\n\n  const setDrawerVisibility = (placement: Placement, visibility: Visibility): void => {\n    switch (placement) {\n      case stringStart:\n        return setStartVisibility(visibility);\n      case stringEnd:\n        return setEndVisibility(visibility);\n      case stringBottom:\n        return setBottomVisibility(visibility);\n    }\n  };\n\n  const getDrawerRef = (placement: Placement) => {\n    switch (placement) {\n      case stringStart:\n        return startDrawerRef;\n      case stringEnd:\n        return endDrawerRef;\n      case stringBottom:\n        return bottomDrawerRef;\n    }\n  };\n\n  const getDrawerEl = (placement: Placement) => {\n    return getDrawerRef(placement).current;\n  };\n\n  const getAnimatedNodeRef = (placement: Placement) => {\n    switch (placement) {\n      case stringStart:\n        return startAnimatedNodeRef;\n      case stringEnd:\n        return endAnimatedNodeRef;\n      case stringBottom:\n        return bottomAnimatedNodeRef;\n    }\n  };\n\n  const getDrawerStatus = (placement: Placement) => {\n    switch (placement) {\n      case stringStart:\n        return startDrawerStatus;\n      case stringEnd:\n        return endDrawerStatus;\n      case stringBottom:\n        return bottomDrawerStatus;\n    }\n  };\n\n  const setDrawerStatus = (placement: Placement, status: Status): void => {\n    switch (placement) {\n      case stringStart:\n        setStartDrawerStatus(status);\n        break;\n      case stringEnd:\n        setEndDrawerStatus(status);\n        break;\n      case stringBottom:\n        setBottomDrawerStatus(status);\n        break;\n    }\n  };\n\n  const resetAnimatedNodeRef = (placement: Placement): void => {\n    switch (placement) {\n      case stringStart:\n        startAnimatedNodeRef(null);\n        break;\n      case stringEnd:\n        endAnimatedNodeRef(null);\n        break;\n      case stringBottom:\n        bottomAnimatedNodeRef(null);\n        break;\n    }\n  };\n\n  const getDrawerDisplayProp = (placement: Placement) => {\n    switch (placement) {\n      case stringStart:\n        return startDisplay;\n      case stringEnd:\n        return endDisplay;\n      case stringBottom:\n        return bottomDisplay;\n    }\n  };\n\n  const getDrawerDisplayMode = (placement: Placement): ResolvedDisplayMode => {\n    const displayProp = getDrawerDisplayProp(placement);\n    if (displayProp) {\n      return displayProp;\n    } else {\n      if (isSidePlacement(placement)) {\n        return viewportDisplayModeHorizontal;\n      }\n      return viewportDisplayModeVertical;\n    }\n  };\n\n  // Animation config\n  const getAnimationStates = (placement: Placement, ref: RefObject<HTMLElement>): any => {\n    const bottomPlacement: boolean = isBottomPlacement(placement);\n    if (getDrawerDisplayMode(placement) === stringReflow) {\n      // Reflow display mode\n      // Effect: Expand/Collapse\n      if (bottomPlacement) {\n        return {\n          opening: () => {\n            return {\n              from: {\n                maxHeight: zeroPx,\n                overflowX: 'hidden'\n              },\n              to: {\n                maxHeight: getElementHeightPx(ref.current as HTMLDivElement),\n                overflowX: 'hidden'\n              },\n              options: {\n                duration: duration\n              }\n            };\n          },\n          closing: () => {\n            return {\n              from: {\n                maxHeight: getElementHeightPx(ref.current as HTMLDivElement)\n              },\n              to: {\n                maxHeight: zeroPx,\n                overflowX: 'hidden'\n              },\n              options: {\n                duration: duration\n              }\n            };\n          }\n        };\n      } else {\n        return {\n          opening: () => {\n            return {\n              from: {\n                maxWidth: zeroPx,\n                overflowY: 'hidden'\n              },\n              to: {\n                maxWidth: getElementWidthPx(ref.current as HTMLDivElement),\n                overflowY: 'hidden'\n              },\n              options: {\n                duration: duration\n              }\n            };\n          },\n          closing: () => {\n            return {\n              from: {\n                maxWidth: getElementWidthPx(ref.current as HTMLDivElement)\n              },\n              to: {\n                maxWidth: zeroPx,\n                overflowY: 'hidden'\n              },\n              options: {\n                duration: duration\n              }\n            };\n          }\n        };\n      }\n    } else {\n      // FullOverlay or Overlay display mode\n      // Effect: Slidein/Slideout\n      if (bottomPlacement) {\n        return {\n          opening: () => {\n            return {\n              from: {\n                translateY: getTranslateY(ref)\n              },\n              to: {\n                translateY: zeroPx\n              },\n              options: {\n                duration: duration\n              }\n            };\n          },\n          closing: () => {\n            return {\n              from: {\n                translateY: zeroPx\n              },\n              to: {\n                translateY: getTranslateY(ref)\n              },\n              options: {\n                duration: duration\n              }\n            };\n          }\n        };\n      } else {\n        return {\n          opening: () => {\n            return {\n              from: {\n                translateX: getTranslateX(placement, ref)\n              },\n              to: {\n                translateX: zeroPx\n              },\n              options: {\n                duration: duration\n              }\n            };\n          },\n          closing: () => {\n            return {\n              from: {\n                translateX: zeroPx\n              },\n              to: {\n                translateX: getTranslateX(placement, ref)\n              },\n              options: {\n                duration: duration\n              }\n            };\n          }\n        };\n      }\n    }\n  };\n\n  const removeAnimationInlineStyles = (placement: Placement): void => {\n    // Remove style attributes left on the element by the Animation util\n    const drawerRef: RefObject<any> = getDrawerRef(placement);\n    drawerRef.current.removeAttribute('style');\n  };\n\n  const handleFocus = (placement: Placement) => {\n    // Set focus to the first match:\n    const drawerRef: RefObject<any> = getDrawerRef(placement);\n\n    // 1. First element inside the drawer matching [autofocus]\n    const autofocusItems: HTMLElement[] = getAutofocusFocusables(drawerRef.current);\n    if (autofocusItems.length > 0) {\n      focusOn(autofocusItems[0]);\n      return;\n    }\n    // 2. Tabbable element inside the content element\n    // 3. The drawer itself\n    focusWithin(drawerRef.current);\n  };\n\n  // Custom hook to be shared for each side\n  // It can't be a function as a hook can only be called within a custom hook\n  function useNodeRef(placement: Placement, ref: RefObject<HTMLElement>) {\n    const isOpen: boolean = isDrawerOpen(placement);\n    const status = getDrawerStatus(placement);\n    return useAnimation<Status, HTMLDivElement>(status, {\n      animationStates: getAnimationStates(placement, ref),\n      isAnimatedOnMount: true,\n      onAnimationEnd: () => {\n        if (status === stringOpening) {\n          if (isOverlay(placement)) {\n            handleFocus(placement);\n          }\n          // Remove animation's inline style\n          removeAnimationInlineStyles(placement);\n          setDrawerStatus(placement, stringOpen);\n          onTransitionEnd?.({\n            placement: placement,\n            value: true\n          });\n        } else if (!isOpen) {\n          resetAnimatedNodeRef(placement);\n          setDrawerVisibility(placement, stringHidden);\n          setDrawerStatus(placement, stringUnmounted);\n          onTransitionEnd?.({\n            placement: placement,\n            value: false\n          });\n        }\n      }\n    }).nodeRef;\n  }\n\n  // Drawer refs\n  const startAnimatedNodeRef = useNodeRef(stringStart, startDrawerRef);\n  const endAnimatedNodeRef = useNodeRef(stringEnd, endDrawerRef);\n  const bottomAnimatedNodeRef = useNodeRef(stringBottom, bottomDrawerRef);\n\n  //testId support\n  const testIdProps = useTestId(testId);\n\n  // Custom hook to be shared for each side\n  // It can't be a function as a hook can only be called within a custom hook\n  function useDrawerStatus(placement: Placement): void {\n    const isOpen = isDrawerOpen(placement);\n    const drawerStatus = getDrawerStatus(placement);\n    useEffect(() => {\n      // Ignore initial render\n      // 1. Ignore status update on initial render\n      if (drawerStatus === stringUnmounted && !isOpen) {\n        return;\n      }\n\n      // 2. Unmounted\n      // 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 (drawerStatus === stringUnmounted && isOpen) {\n        setDrawerStatus(placement, stringInitial);\n        return;\n      }\n\n      // 3. Initial\n      // 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 (drawerStatus === stringInitial && isOpen) {\n        const drawerRef = getDrawerRef(placement);\n        const animatedNodeRef = getAnimatedNodeRef(placement);\n        animatedNodeRef(drawerRef.current);\n        setDrawerStatus(placement, stringOpening);\n        return;\n      }\n\n      // 4. Opening\n      // Unhide component. It becomes visible.\n      if (drawerStatus === stringOpening && isOpen) {\n        setDrawerVisibility(placement, stringVisible);\n        return;\n      }\n\n      // 5. Open\n      // Status 'open' is set in 'onAnimationEnd' handler\n\n      // 6. Closing\n      if (!isOpen) {\n        setDrawerStatus(placement, stringClosing);\n      }\n    }, [isOpen, drawerStatus, placement]);\n  }\n\n  // Drawers' status handler±\n  useDrawerStatus(stringStart);\n  useDrawerStatus(stringEnd);\n  useDrawerStatus(stringBottom);\n\n  // Keydown handlers\n  const handleKeyDownStart = (event: Event): void => {\n    handleKeyDown(stringStart, event);\n  };\n  const handleKeyDownEnd = (event: Event): void => {\n    handleKeyDown(stringEnd, event);\n  };\n  const handleKeyDownBottom = (event: Event): void => {\n    handleKeyDown(stringBottom, event);\n  };\n\n  const handleKeyDown = (placement: Placement, event: any): void => {\n    if (event.code === 'Escape') {\n      // Handle only in overlay mode\n      if (isOverlay(placement)) {\n        onClose?.({\n          placement,\n          reason: 'escapeKey'\n        });\n      }\n    }\n  };\n\n  // Styles\n  const { classes, styles } = useComponentTheme<never, DrawerLayoutStyles>(\n    DrawerLayoutRedwoodTheme\n  );\n\n  const getVisibilityClass = (visibility: Visibility) => {\n    return visibility === stringHidden ? styles.visibilityHidden : styles.visibilityVisible;\n  };\n\n  const isOverlay = (placement: Placement) => {\n    return [stringFullOverlay, stringOverlay].indexOf(getDrawerDisplayMode(placement)) > -1;\n  };\n\n  const isFullOverlay = (placement: Placement): boolean => {\n    return getDrawerDisplayMode(placement) === stringFullOverlay;\n  };\n\n  const getDrawerClassNames = (placement: Placement): string => {\n    // Visibility style is always added\n    const visibility: Visibility = getDrawerVisibility(placement);\n    const classNamesArr: string[] = [getVisibilityClass(visibility)];\n\n    // Styles for overlay vs. full-overlay vs. reflow\n    if (isOverlay(placement)) {\n      classNamesArr.push(styles.overlayDrawer);\n      if (isSidePlacement(placement) && !isFullOverlay(placement)) {\n        classNamesArr.push(styles.overlaySideDrawerNonFullWidth);\n      }\n    } else {\n      classNamesArr.push(styles.reflowDrawer);\n    }\n\n    // Styles for animation\n    if (isDrawerAnimationPending(placement)) {\n      classNamesArr.push(styles.animatedDrawer);\n    }\n\n    const getPlacementSpecificStyles = (placement: Placement): string => {\n      switch (placement) {\n        case stringStart:\n          if (isOverlay(stringStart)) {\n            return isLtr ? styles.overlayDrawerLeft : styles.overlayDrawerRight;\n          } else {\n            return isLtr ? styles.reflowDrawerLeft : styles.reflowDrawerRight;\n          }\n        case stringEnd:\n          if (isOverlay(stringEnd)) {\n            return isLtr ? styles.overlayDrawerRight : styles.overlayDrawerLeft;\n          } else {\n            return isLtr ? styles.reflowDrawerRight : styles.reflowDrawerLeft;\n          }\n        case stringBottom:\n          return isOverlay(stringBottom) ? styles.overlayDrawerBottom : styles.reflowDrawerBottom;\n      }\n    };\n    // Placement specific styles\n    classNamesArr.push(getPlacementSpecificStyles(placement));\n\n    return classNames(classNamesArr);\n  };\n\n  const getDrawerProp = (placement: Placement) => {\n    switch (placement) {\n      case stringStart:\n        return startDrawer;\n      case stringEnd:\n        return endDrawer;\n      case stringBottom:\n        return bottomDrawer;\n    }\n  };\n\n  const getKeyDownHandler = (placement: Placement) => {\n    switch (placement) {\n      case stringStart:\n        return handleKeyDownStart;\n      case stringEnd:\n        return handleKeyDownEnd;\n      case stringBottom:\n        return handleKeyDownBottom;\n    }\n  };\n\n  // Single drawer template\n  const renderDrawer = (placement: Placement) => {\n    return (\n      <div\n        ref={getDrawerRef(placement)}\n        className={getDrawerClassNames(placement)}\n        tabIndex={isOverlay(placement) ? -1 : undefined}\n        onKeyDown={getKeyDownHandler(placement)}>\n        {getDrawerProp(placement)}\n      </div>\n    );\n  };\n\n  const clientHints = getClientHints();\n\n  const getViewportHeight = useCallback((): number => {\n    if (clientHints.platform === 'ios') {\n      // On ios window.innerHeight is not recommended way of measuring the viewport\n      return document.documentElement.clientHeight;\n    }\n    return window.innerHeight;\n  }, [clientHints.platform]);\n\n  const handleVerticalResize = useCallback(() => {\n    const viewportHeight = getViewportHeight();\n    if (viewportHeight >= verticalBreakpoint) {\n      if (viewportDisplayModeVertical != stringReflow) {\n        setViewportDisplayModeVertical(stringReflow);\n      }\n    } else {\n      if (viewportDisplayModeVertical != stringOverlay) {\n        setViewportDisplayModeVertical(stringOverlay);\n      }\n    }\n  }, [viewportDisplayModeVertical, getViewportHeight]);\n\n  // Window resize listener\n  // useBreakpoint hook is designed for horizontal breakpoints only\n  // This listener is used for 600px (overlay vs. reflow) breakpoint\n  // used for bottom drawer\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver(() => {\n      handleVerticalResize();\n    });\n    resizeObserver.observe(document.body);\n    // Deregister resize observer when Drawer layout unmounts\n    return () => {\n      resizeObserver.unobserve(document.body);\n    };\n  }, [handleVerticalResize]);\n\n  const getOffset = (placement: Placement): number => {\n    const drawerEl = getDrawerEl(placement);\n    if (drawerEl) {\n      return isSidePlacement(placement) ? -getElementWidth(drawerEl) : -getElementHeight(drawerEl);\n    }\n    return 0;\n  };\n\n  const getOffsetState = (placement: Placement) => {\n    switch (placement) {\n      case stringStart:\n        return startOffset;\n      case stringEnd:\n        return endOffset;\n      case stringBottom:\n        return bottomOffset;\n    }\n  };\n\n  const setSideOverlayDrawerFullHeight = useCallback(\n    (placement: Placement) => {\n      // By default PopupElements have no predefined height.\n      // In 'overlay' mode drawers should be\n      // of the same height as their parent <oj-drawer-layout>\n      const centerSectionHeight = getElementHeightPx(centerRef.current as HTMLDivElement);\n\n      const drawerEl = getDrawerRef(placement).current;\n      if (drawerEl && isDrawerOpen(placement) && isOverlay(placement)) {\n        drawerEl.style.height = centerSectionHeight;\n      }\n    },\n    [getElementHeightPx, isDrawerOpen, isOverlay]\n  );\n\n  const handleSideDrawerFullWidth = (placement: Placement) => {\n    const drawerEl = getDrawerRef(placement).current;\n    if (drawerEl) {\n      if (isDrawerOpen(placement)) {\n        const drawerInlineStyle = drawerEl.style;\n        if (isFullOverlay(placement)) {\n          drawerInlineStyle.width = getElementWidthPx(rootRef.current as HTMLDivElement);\n        } else {\n          drawerInlineStyle.removeProperty('width');\n        }\n      }\n    }\n  };\n\n  const setBottomOverlayDrawerWidth = useCallback(() => {\n    const bottomDrawerElement = bottomDrawerRef.current;\n    if (bottomDrawerElement && isDrawerOpen(stringBottom) && isOverlay(stringBottom)) {\n      const centerSectionWidth = getElementWidthPx(centerRef.current as HTMLDivElement);\n      bottomDrawerElement.style.width = centerSectionWidth;\n    }\n  }, [getElementWidthPx, isDrawerOpen, isOverlay]);\n\n  const setDrawerSize = (placement: Placement) => {\n    if (isSidePlacement(placement)) {\n      setSideOverlayDrawerFullHeight(placement);\n      handleSideDrawerFullWidth(placement);\n    }\n    if (isBottomPlacement(placement)) {\n      setBottomOverlayDrawerWidth();\n    }\n  };\n\n  const handleDrawerLayoutResize = useCallback(() => {\n    // If the DrawerLayout (page content) changes size,\n    // adjust OVERLAY side drawers (start/end) height to fit the drawer\n    // Note that these two functions checks that 'overlay' condition is fulfilled\n    setSideOverlayDrawerFullHeight(stringStart);\n    setSideOverlayDrawerFullHeight(stringEnd);\n    setBottomOverlayDrawerWidth();\n  }, [setSideOverlayDrawerFullHeight, setBottomOverlayDrawerWidth]);\n  // DrawerLayout resize observer\n  useResizeObserver(rootRef, handleDrawerLayoutResize);\n\n  const setOffsetState = (placement: Placement) => {\n    const offset = getOffset(placement);\n    switch (placement) {\n      case stringStart:\n        setStartOffset(offset);\n        break;\n      case stringEnd:\n        setEndOffset(offset);\n        break;\n      case stringBottom:\n        setBottomOffset(offset);\n        break;\n    }\n  };\n\n  // Start drawer resize observer\n  const handleStartDrawerResize = () => {\n    setOffsetState(stringStart);\n  };\n  useResizeObserver(startDrawerRef, handleStartDrawerResize);\n\n  // End drawer resize observer\n  const handleEndDrawerResize = () => {\n    setOffsetState(stringEnd);\n  };\n  useResizeObserver(endDrawerRef, handleEndDrawerResize);\n\n  // Bottom drawer resize observer\n  const handleBottomDrawerResize = () => {\n    setOffsetState(stringBottom);\n  };\n  useResizeObserver(bottomDrawerRef, handleBottomDrawerResize);\n\n  const getReflowOrOverlayDrawer = (placement: Placement) => {\n    const shiftOptions: ShiftOptions = {\n      mainAxis: false,\n      crossAxis: false\n    };\n\n    const flipOptions = {\n      mainAxis: false,\n      crossAxis: false\n    };\n\n    // Reflow vs. overlay drawer\n    if (isOverlay(placement)) {\n      setDrawerSize(placement);\n\n      // Initial offset\n      if (!getOffsetState(placement)) {\n        setOffsetState(placement);\n      }\n\n      return (\n        // Reconciliation issue. Reparented node must\n        // be a single child of a <div>\n        <div>\n          <Layer>\n            <Floating\n              anchorRef={placement === stringBottom ? centerRef : rootRef}\n              placement={placement}\n              class={isDrawerAnimationPending(placement) ? styles.floating : ''}\n              offsetValue={getOffsetState(placement)}\n              flipOptions={flipOptions}\n              shiftOptions={shiftOptions}>\n              {renderDrawer(placement)}\n            </Floating>\n          </Layer>\n        </div>\n      );\n    } else {\n      return renderDrawer(placement);\n    }\n  };\n\n  // Render drawer conditionally\n  const getDrawer = (placement: Placement): any => {\n    const isMounted = getDrawerStatus(placement) !== stringUnmounted;\n    return isMounted ? getReflowOrOverlayDrawer(placement) : null;\n  };\n\n  return (\n    <div ref={rootRef} className={classes} {...testIdProps}>\n      {/*Start drawer*/}\n      {getDrawer(stringStart)}\n      {/*Center section*/}\n      <div ref={centerRef} className={styles.centerSection}>\n        <div className={styles.mainContent}>\n          {/*<main content*/}\n          {children}\n        </div>\n        {/*Bottom drawer*/}\n        {getDrawer(stringBottom)}\n      </div>\n      {/*End drawer*/}\n      {getDrawer(stringEnd)}\n    </div>\n  );\n};\n"],"names":["children","startDrawer","endDrawer","bottomDrawer","isStartOpen","isEndOpen","isBottomOpen","startDisplay","endDisplay","bottomDisplay","onClose","onTransitionEnd","testId","zeroPx","duration","stringStart","stringEnd","stringBottom","stringInitial","stringOpening","stringClosing","stringUnmounted","stringFullOverlay","stringOverlay","stringReflow","stringHidden","startDrawerStatus","setStartDrawerStatus","useState","endDrawerStatus","setEndDrawerStatus","bottomDrawerStatus","setBottomDrawerStatus","startVisibility","setStartVisibility","endVisibility","setEndVisibility","bottomVisibility","setBottomVisibility","startOffset","setStartOffset","endOffset","setEndOffset","bottomOffset","setBottomOffset","displayMode","useBreakpointValues","sm","md","lg","viewportDisplayModeHorizontal","setViewportDisplayModeHorizontal","viewportDisplayModeVertical","setViewportDisplayModeVertical","useEffect","rootRef","useRef","centerRef","startDrawerRef","endDrawerRef","bottomDrawerRef","getElementHeight","element","Math","round","offsetHeight","getElementHeightPx","useCallback","getElementWidth","getBoundingClientRect","width","getElementWidthPx","direction","useUser","isLtr","getNormalizedPlacement","placement","normalizePosition","getTranslateX","ref","current","getTranslateY","isSidePlacement","indexOf","isBottomPlacement","isAnimationPending","status","isDrawerAnimationPending","isDrawerOpen","setDrawerVisibility","visibility","getDrawerRef","getDrawerStatus","setDrawerStatus","getDrawerDisplayMode","displayProp","getDrawerDisplayProp","getAnimationStates","bottomPlacement","opening","from","maxHeight","overflowX","to","options","closing","maxWidth","overflowY","translateY","translateX","useNodeRef","isOpen","useAnimation","animationStates","isAnimatedOnMount","onAnimationEnd","isOverlay","drawerRef","autofocusItems","getAutofocusFocusables","length","focusOn","focusWithin","handleFocus","removeAttribute","removeAnimationInlineStyles","value","startAnimatedNodeRef","endAnimatedNodeRef","bottomAnimatedNodeRef","resetAnimatedNodeRef","nodeRef","testIdProps","useTestId","useDrawerStatus","drawerStatus","animatedNodeRef","getAnimatedNodeRef","handleKeyDownStart","event","handleKeyDown","handleKeyDownEnd","handleKeyDownBottom","code","reason","classes","styles","useComponentTheme","DrawerLayoutRedwoodTheme","getVisibilityClass","visibilityHidden","visibilityVisible","isFullOverlay","getDrawerClassNames","getDrawerVisibility","classNamesArr","push","overlayDrawer","overlaySideDrawerNonFullWidth","reflowDrawer","animatedDrawer","overlayDrawerLeft","overlayDrawerRight","reflowDrawerLeft","reflowDrawerRight","overlayDrawerBottom","reflowDrawerBottom","getPlacementSpecificStyles","classNames","getDrawerProp","getKeyDownHandler","renderDrawer","_jsx","className","tabIndex","undefined","onKeyDown","clientHints","getClientHints","getViewportHeight","platform","document","documentElement","clientHeight","window","innerHeight","handleVerticalResize","resizeObserver","ResizeObserver","observe","body","unobserve","getOffset","drawerEl","getDrawerEl","getOffsetState","setSideOverlayDrawerFullHeight","centerSectionHeight","style","height","setBottomOverlayDrawerWidth","bottomDrawerElement","centerSectionWidth","setDrawerSize","drawerInlineStyle","removeProperty","handleSideDrawerFullWidth","handleDrawerLayoutResize","useResizeObserver","setOffsetState","offset","getDrawer","shiftOptions","mainAxis","crossAxis","flipOptions","jsx","Layer","Floating","anchorRef","class","floating","offsetValue","getReflowOrOverlayDrawer","_jsxs","jsxs","centerSection","mainContent"],"mappings":"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"}