@oracle/oraclejet-preact 15.0.13 → 15.0.15

package/amd/UNSAFE_DrawerPopup.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './UNSAFE_Layer', './UNSAFE_Modal', './UNSAFE_FocusTrap', './utils/PRIVATE_tabbableUtils', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_clientHints', './hooks/UNSAFE_useOutsideClick', './hooks/UNSAFE_useAnimation', './hooks/UNSAFE_useUser', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_interpolations/colors', './utils/UNSAFE_mergeInterpolations', './UNSAFE_DrawerPopup/themes/redwood/DrawerPopupTheme', './useAnimation-103e527d', './clientHints-0d755236', './FocusTrap-14115cb3', './Modal-fb4a0bfe', 'preact/compat', './index-e12e679d', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './useThemeInterpolations-fb2dc27f', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './UNSAFE_Theme', './utils-ac6bf383', './utils/UNSAFE_classNames', './classNames-2ae809ea', './_curry1-12d8a4c2', './_curry3-46de190a', './_curry2-d7eb25cd', './_has-72ed1986', './useModal-06ee7def', './UNSAFE_Modal/themes/ModalStyles.css', 'css!./ModalStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-91efbe77', 'module', './_arity-23a64394', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_logger', './UNSAFE_DrawerPopup/themes/redwood/DrawerPopupBaseTheme.css', 'module', './UNSAFE_DrawerPopup/themes/DrawerPopupStyles.css', 'css!./DrawerPopupStyles.styles.css', './UNSAFE_DrawerPopup/themes/redwood/DrawerPopupVariants.css', 'css!./DrawerPopupVariants.styles.css'], (function(e,t,o,s,n,r,a,i,l,u,c,d,m,p,h,f,b,y,E,S,A,_,F,w,U,g,v,N,P,D,C,k,T,x,M,R,O,I,j,H,V,L,X,Y,z,B,W,$,K,q,G,J,Q){"use strict";const Z="0px",ee=250;e.DrawerPopup=({children:e,isOpen:n=!1,autoFocusRef:r,placement:l="start",modality:c="modal",onClose:A,onTransitionEnd:_,"aria-label":F,"aria-labelledby":w,"aria-describedby":U,...g})=>{const[v,N]=o.useState(n?"initial":"unmounted"),[P,D]=o.useState("hidden"),[C,k]=o.useState(!n),[T,x]=o.useState("overlay"),M=o.useRef(null),R=o.useRef(null),O="bottom"===l,I={opening:()=>O?{from:{translateY:V()},to:{translateY:Z},options:{duration:ee}}:{from:{translateX:H()},to:{translateX:Z},options:{duration:ee}},closing:()=>O?{from:{translateY:Z},to:{translateY:V()},options:{duration:ee}}:{from:{translateX:Z},to:{translateX:H()},options:{duration:ee}}},{direction:j}=d.useUser(),H=()=>{return`${"right"===i.normalizePosition(l,j)?"":"-"}${e=M.current,Math.round(e.getBoundingClientRect().width)}px`;var e},V=()=>{return`${e=M.current,Math.round(e.offsetHeight)}px`;var e},{nodeRef:L}=b.useAnimation(v,{animationStates:I,isAnimatedOnMount:!0,onAnimationEnd:o.useCallback((()=>{"opening"===v?_?.(!0):n||(L(null),D("hidden"),N("unmounted"),_?.(!1))}),[v,n])});o.useEffect((()=>{if("unmounted"!==v||n){if("unmounted"!==v||!n)return"initial"===v&&n?(L(M.current),k(!1),void N("opening")):void("opening"===v&&n?D("visible"):n||(k(!0),N("closing")));N("initial")}}),[n,v]),o.useEffect((()=>{if("opening"===v){const e=a.getActiveElement();R.current=e===document.body?document.body:e,R.current?.addEventListener("keydown",X)}if("closing"===v)return()=>{R.current?.removeEventListener("keydown",X)}}),[v]);const X=e=>{R.current===a.getActiveElement()&&"F6"===e.code&&(e.preventDefault(),e.stopPropagation(),a.focusWithin(M.current))},Y=o.useCallback((e=>{const t=R.current;switch(e.code){case"Escape":A?.({reason:"escapeKey"});break;case"F6":e.preventDefault(),e.stopPropagation(),t&&a.focusOn(t)}}),[A]),z=o.useCallback((()=>{A?.({reason:"outsideClick"})}),[A]);u.useOutsideClick({isDisabled:C,ref:M,handler:z});const B=()=>{const e=$();"overlay"===T&&e<600&&x("fullOverlay"),"fullOverlay"===T&&e>600&&x("overlay")},W=y.getClientHints(),$=()=>"ios"===W.platform?document.documentElement.clientWidth:window.innerWidth;o.useEffect((()=>{if(M.current){const e=new ResizeObserver((()=>{B()}));return e.observe(document.body),()=>{e.unobserve(document.body)}}}),[B]);const{classes:K}=m.useComponentTheme(f.DrawerPopupRedwoodTheme,{placement:O?l:"rtl"===j?"start"===l?"right":"left":"start"===l?"left":"right",visibility:P,displayModeHorizontal:T}),q=[...Object.values(p.colorInterpolations)],G=h.mergeInterpolations(q),{...J}=G(g),Q=()=>t.jsx("div",{ref:M,className:K,style:J,tabIndex:-1,role:"dialog",onKeyDown:Y,"aria-label":F,"aria-labeledby":w,"aria-describedby":U,children:t.jsx(E.FocusTrap,{autoFocusRef:r,children:e})}),te="unmounted"!==v;return te?"modal"===c?t.jsx(S.Modal,{isOpen:te,children:Q()}):t.jsx(s.Layer,{children:Q()}):null},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './UNSAFE_Layer', './UNSAFE_Modal', './UNSAFE_FocusTrap', './utils/PRIVATE_tabbableUtils', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_clientHints', './hooks/UNSAFE_useOutsideClick', './hooks/UNSAFE_useAnimation', './hooks/UNSAFE_useUser', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_interpolations/colors', './utils/UNSAFE_mergeInterpolations', './UNSAFE_DrawerPopup/themes/redwood/DrawerPopupTheme', './useAnimation-c2fbd94a', './clientHints-44591878', './FocusTrap-415da5f3', './Modal-4770cdd5', 'preact/compat', './index-6c4e8ae0', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './useThemeInterpolations-aadd8313', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './UNSAFE_Theme', './utils-8c10b518', './utils/UNSAFE_classNames', './classNames-e60cc88e', './_curry1-68b0cf28', './_curry3-76b87f8e', './_curry2-e9df055f', './_has-658ea1d3', './useModal-523482cc', './UNSAFE_Modal/themes/ModalStyles.css', 'css!./ModalStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-0f97c90f', 'module', './_arity-13a2bc13', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_logger', './UNSAFE_DrawerPopup/themes/redwood/DrawerPopupBaseTheme.css', 'module', './UNSAFE_DrawerPopup/themes/DrawerPopupStyles.css', 'css!./DrawerPopupStyles.styles.css', './UNSAFE_DrawerPopup/themes/redwood/DrawerPopupVariants.css', 'css!./DrawerPopupVariants.styles2.css'], (function(e,t,o,s,n,r,a,i,l,u,c,d,m,p,h,f,y,b,E,S,A,_,F,w,U,g,v,N,P,D,C,k,T,x,M,R,O,I,j,H,V,L,X,Y,z,B,W,$,K,q,G,J,Q){"use strict";const Z="0px",ee=250;e.DrawerPopup=({children:e,isOpen:n=!1,autoFocusRef:r,placement:l="start",modality:c="modal",onClose:A,onTransitionEnd:_,"aria-label":F,"aria-labelledby":w,"aria-describedby":U,...g})=>{const[v,N]=o.useState(n?"initial":"unmounted"),[P,D]=o.useState("hidden"),[C,k]=o.useState(!n),[T,x]=o.useState("overlay"),M=o.useRef(null),R=o.useRef(null),O="bottom"===l,I={opening:()=>O?{from:{translateY:V()},to:{translateY:Z},options:{duration:ee}}:{from:{translateX:H()},to:{translateX:Z},options:{duration:ee}},closing:()=>O?{from:{translateY:Z},to:{translateY:V()},options:{duration:ee}}:{from:{translateX:Z},to:{translateX:H()},options:{duration:ee}}},{direction:j}=d.useUser(),H=()=>{return`${"right"===i.normalizePosition(l,j)?"":"-"}${e=M.current,Math.round(e.getBoundingClientRect().width)}px`;var e},V=()=>{return`${e=M.current,Math.round(e.offsetHeight)}px`;var e},{nodeRef:L}=y.useAnimation(v,{animationStates:I,isAnimatedOnMount:!0,onAnimationEnd:o.useCallback((()=>{"opening"===v?_?.(!0):n||(L(null),D("hidden"),N("unmounted"),_?.(!1))}),[v,n])});o.useEffect((()=>{if("unmounted"!==v||n){if("unmounted"!==v||!n)return"initial"===v&&n?(L(M.current),k(!1),void N("opening")):void("opening"===v&&n?D("visible"):n||(k(!0),N("closing")));N("initial")}}),[n,v]),o.useEffect((()=>{if("opening"===v){const e=a.getActiveElement();R.current=e===document.body?document.body:e,R.current?.addEventListener("keydown",X)}if("closing"===v)return()=>{R.current?.removeEventListener("keydown",X)}}),[v]);const X=e=>{R.current===a.getActiveElement()&&"F6"===e.code&&(e.preventDefault(),e.stopPropagation(),a.focusWithin(M.current))},Y=o.useCallback((e=>{const t=R.current;switch(e.code){case"Escape":A?.({reason:"escapeKey"});break;case"F6":e.preventDefault(),e.stopPropagation(),t&&a.focusOn(t)}}),[A]),z=o.useCallback((()=>{A?.({reason:"outsideClick"})}),[A]);u.useOutsideClick({isDisabled:C,ref:M,handler:z});const B=()=>{const e=$();"overlay"===T&&e<600&&x("fullOverlay"),"fullOverlay"===T&&e>600&&x("overlay")},W=b.getClientHints(),$=()=>"ios"===W.platform?document.documentElement.clientWidth:window.innerWidth;o.useEffect((()=>{if(M.current){const e=new ResizeObserver((()=>{B()}));return e.observe(document.body),()=>{e.unobserve(document.body)}}}),[B]);const{classes:K}=m.useComponentTheme(f.DrawerPopupRedwoodTheme,{placement:O?l:"rtl"===j?"start"===l?"right":"left":"start"===l?"left":"right",visibility:P,displayModeHorizontal:T}),q=[...Object.values(p.colorInterpolations)],G=h.mergeInterpolations(q),{...J}=G(g),Q=()=>t.jsx("div",{ref:M,className:K,style:J,tabIndex:-1,role:"dialog",onKeyDown:Y,"aria-label":F,"aria-labeledby":w,"aria-describedby":U,children:t.jsx(E.FocusTrap,{autoFocusRef:r,children:e})}),te="unmounted"!==v;return te?"modal"===c?t.jsx(S.Modal,{isOpen:te,children:Q()}):t.jsx(s.Layer,{children:Q()}):null},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_DrawerPopup.js.map

package/amd/UNSAFE_DrawerPopup.js.map

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

package/amd/UNSAFE_Environment.js

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

package/amd/UNSAFE_ExpandableList.css

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

package/amd/UNSAFE_ExpandableList.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', 'preact/compat', 'css!./UNSAFE_ExpandableList.css', './utils/UNSAFE_classNames', './hooks/UNSAFE_useId', './hooks/UNSAFE_useTranslationBundle', './utils/UNSAFE_keys', './UNSAFE_Button', './UNSAFE_HiddenAccessible', './PRIVATE_ThemedIcons/ExpandIcon', './PRIVATE_ThemedIcons/CollapseIcon', './PRIVATE_List', './UNSAFE_LiveRegion', './hooks/UNSAFE_useUser', './utils/PRIVATE_collectionUtils', './List-8311be79', './HiddenAccessible-790dc695', './classNames-2ae809ea', './Button-75436b16', './index-540b3bd5', './index-e12e679d', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './UNSAFE_BaseButton', './BaseButton-d9df1851', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-ac6bf383', './_curry1-12d8a4c2', './utils/UNSAFE_mergeInterpolations', './_curry3-46de190a', './_curry2-d7eb25cd', './_has-72ed1986', './utils/PRIVATE_clientHints', './clientHints-0d755236', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-69dfc955', './UNSAFE_Text', './Text-c4aa2975', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-91efbe77', './UNSAFE_Icon', './Icon-bd23cf70', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-589b39b6', './index-95d915df', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-4c51fd39', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-fb2dc27f', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-103e527d', './hooks/UNSAFE_useThemeInterpolations', './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', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './hoc/PRIVATE_withDirectionIcon', './hooks/UNSAFE_useViewportIntersect', './hooks/UNSAFE_useInteractionStyle', './utils/UNSAFE_interpolations/flexitem', './flexitem-dab4db50', './keys-d771635a', './PRIVATE_List/themes/ListStyles.css', 'css!./ListStyles.styles.css', './UNSAFE_GroupedList/themes/redwood/GroupedListTheme', './UNSAFE_GroupedList/themes/GroupedListStyles.css', 'css!./GroupedListStyles.styles.css', './UNSAFE_GroupedList/themes/redwood/GroupedListBaseTheme.css', 'module', './SkeletonContainer-53c9958d', './UNSAFE_Flex', './Flex-1ffbde86', './utils/UNSAFE_interpolations/boxalignment', './utils/UNSAFE_interpolations/flexbox', './flexbox-fe6e1c28', './UNSAFE_Skeleton', './Skeleton-23d2ff11', './utils/UNSAFE_interpolations/borders', './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', './PRIVATE_LoadMoreCollection', './LoadMoreCollection-81f6eb8d', './PRIVATE_Collection', './Collection-f3e78795', './PRIVATE_VirtualizedCollection', './VirtualizedCollection-398578f4', './UNSAFE_FocusTrap', './FocusTrap-14115cb3', './utils/PRIVATE_tabbableUtils', './_arity-23a64394', './hooks/PRIVATE_useSelection', './hooks/PRIVATE_useCurrentKey', './hooks/PRIVATE_useCollectionFocusRing', './hooks/PRIVATE_useTabbableModeSet', './hooks/PRIVATE_useItemAction', './UNSAFE_Selector', './PRIVATE_ThemedIcons/CheckboxOffIcon', './PRIVATE_Icons/CheckboxOff', './PRIVATE_ThemedIcons/CheckboxOnIcon', './PRIVATE_Icons/CheckboxOn', './PRIVATE_ThemedIcons/CheckboxMixedIcon', './PRIVATE_Icons/CheckboxMixed', './UNSAFE_Selector/themes/SelectorStyles.css', 'css!./SelectorStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconTheme', './UNSAFE_Radio/themes/RadioIconStyles.css', 'css!./RadioIconStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioIconVariants.css', 'css!./RadioIconVariants.styles2.css', './hooks/PRIVATE_useCollectionGestureContext'], (function(e,s,o,t,n,i,l,a,c,d,r,u,h,S,A,m,_,E,F,p,T,U,y,N,k,x,I,g,b,C,R,f,V,L,w,P,v,B,j,K,G,D,z,H,M,O,q,J,Q,W,X,Y,Z,$,ee,se,oe,te,ne,ie,le,ae,ce,de,re,ue,he,Se,Ae,me,_e,Ee,Fe,pe,Te,Ue,ye,Ne,ke,xe,Ie,ge,be,Ce,Re,fe,Ve,Le,we,Pe,ve,Be,je,Ke,Ge,De,ze,He,Me,Oe,qe,Je,Qe,We,Xe,Ye,Ze,$e,es,ss,os,ts,ns,is,ls,as,cs,ds,rs,us,hs,Ss,As,ms,_s,Es,Fs,ps,Ts,Us,ys,Ns,ks,xs,Is,gs,bs,Cs,Rs,fs,Vs,Ls,ws,Ps,vs,Bs,js,Ks,Gs,Ds,zs,Hs,Ms){"use strict";const Os=e=>{"Enter"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||e.preventDefault()},qs=(e,s,o,t,n)=>{const i=t(s);if(n&&i){const s=d.containsKey(o,i);(e&&s||!e&&!s)&&n({value:i})}},Js=(e,s,o)=>{const t=s(e.target);o&&t&&(o({value:t}),"click"===e.type&&e.stopPropagation())};const Qs={all:!1,keys:new Set},Ws=n.memo((e=>{const o=T.classNames(["_1v62zgx","oj-listview-expander"]);return s.jsx("span",{class:o,role:"presentation",children:s.jsx(U.Button,{onAction:()=>{e.onToggle({value:e.itemKey})},variant:"ghost",startIcon:e.expanded?s.jsx(y.SvgChevronDown,{size:"6x"}):s.jsx(S.CollapseIcon,{size:"6x"})})})}),((e,s)=>e.itemKey===s.itemKey&&e.expanded===s.expanded&&e.onToggle===s.onToggle));e.ExpandableList=function({children:e,currentKey:n,data:i,onSelectionChange:l,onToggle:r,...u}){const[h,S]=t.useState(""),T=c.useTranslationBundle("@oracle/oraclejet-preact"),U=function(e,s,o){const{direction:n}=_.useUser(),i="rtl"===n,l=t.useCallback((s=>{Js(s,e,o)}),[e,o]),a=t.useCallback((t=>{if("Enter"===t.key||" "===t.key)Js(t,e,o);else if("ArrowLeft"===t.key||"ArrowRight"===t.key){const n="ArrowLeft"===t.key&&!i;qs(n,t.target,s,e,o),t.preventDefault(),t.stopPropagation()}}),[e,o]);return o?{onClick:l,onKeyDown:Os,onKeyUp:a}:{}}((e=>"treegrid"===e.getAttribute("role")?void 0===n?null:n:E.keyExtractor(e,A.GROUP_SELECTOR)),null==i?Qs:i.expanded,r?t.useCallback((e=>{if(r(e),i){const s=d.containsKey(i?.expanded,e.value);S(s?T.expandableList_groupCollapse():T.expandableList_groupExpand()),setTimeout((()=>{S("")}),1e3)}}),[r,i]):void 0),y=a.useId(),N=t.useMemo((()=>y),[]),k=t.useCallback((e=>{if(l&&i){const s=A.excludeGroup(i,e.value);d.isSameKey(s,e.value)?l(e):s.keys&&s.keys.size>0&&l({...e,value:s})}}),[l,i]);return s.jsxs(o.Fragment,{children:[s.jsx(F.List,{isVirtualized:!1,currentKey:n,data:i,role:"treegrid",loadingIndicator:s.jsx(A.GroupLoadingIndicator,{}),onSelectionChange:k,customItemRenderer:o=>{const t=o.listItemContext.metadata.key,n=i&&r?{expanded:d.containsKey(i.expanded,t),onToggle:r}:void 0,l=((e,o)=>{const t=void 0!==o?()=>s.jsx(Ws,{itemKey:e.metadata.key,expanded:o.expanded,onToggle:o.onToggle}):void 0;return{...e,parentKey:e.metadata.parentKey,leaf:e.metadata.isLeaf??!0,depth:e.metadata.treeDepth??1,expander:t}})(o.listItemContext,n);return l.leaf?o.defaultListItem(l,{itemDepth:l.depth+1}):s.jsx(A.ListGroupHeader,{ariaDescribedBy:N,itemKey:l.metadata.key,itemIndex:l.index,itemDepth:l.depth,isFocused:o.isFocused,isFocusRingVisible:o.isFocusRingVisible,isActive:o.isActive,isGridlineVisible:!1,isExpandable:!0,expandedKeys:null==i?Qs:i.expanded,onToggle:r,children:e(l)},l.metadata.key)},eventHandlers:U,...u,children:s=>e(s)}),r&&s.jsxs(o.Fragment,{children:[s.jsx(m.LiveRegion,{children:h}),s.jsx("span",{id:N,children:s.jsx(p.HiddenAccessible,{children:T.expandableList_expandCollapseInstructionText()})})]})]})},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', 'preact/compat', 'css!./UNSAFE_ExpandableList.css', './utils/UNSAFE_classNames', './hooks/UNSAFE_useId', './hooks/UNSAFE_useTranslationBundle', './utils/UNSAFE_keys', './UNSAFE_Button', './UNSAFE_HiddenAccessible', './PRIVATE_ThemedIcons/ExpandIcon', './PRIVATE_ThemedIcons/CollapseIcon', './PRIVATE_List', './UNSAFE_LiveRegion', './hooks/UNSAFE_useUser', './utils/PRIVATE_collectionUtils', './List-6e47d99f', './HiddenAccessible-bae24dac', './classNames-e60cc88e', './Button-2aa7cf1e', './index-07ee1ee0', './index-6c4e8ae0', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './UNSAFE_BaseButton', './BaseButton-67395228', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-8c10b518', './_curry1-68b0cf28', './utils/UNSAFE_mergeInterpolations', './_curry3-76b87f8e', './_curry2-e9df055f', './_has-658ea1d3', './utils/PRIVATE_clientHints', './clientHints-44591878', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-344081df', './UNSAFE_Text', './Text-cf5ce408', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-0f97c90f', './UNSAFE_Icon', './Icon-b9d6e0d8', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-4a4f829a', './index-0e42ee05', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-ddec2fc0', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-aadd8313', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-c2fbd94a', './hooks/UNSAFE_useThemeInterpolations', './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', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './hoc/PRIVATE_withDirectionIcon', './hooks/UNSAFE_useViewportIntersect', './hooks/UNSAFE_useInteractionStyle', './utils/UNSAFE_interpolations/flexitem', './flexitem-b78956a6', './keys-7b07331a', './PRIVATE_List/themes/ListStyles.css', 'css!./ListStyles.styles.css', './UNSAFE_GroupedList/themes/redwood/GroupedListTheme', './UNSAFE_GroupedList/themes/GroupedListStyles.css', 'css!./GroupedListStyles.styles.css', './UNSAFE_GroupedList/themes/redwood/GroupedListBaseTheme.css', 'module', './SkeletonContainer-aed22d7f', './UNSAFE_Flex', './Flex-47d4c40c', './utils/UNSAFE_interpolations/boxalignment', './utils/UNSAFE_interpolations/flexbox', './flexbox-3cfe2632', './UNSAFE_Skeleton', './Skeleton-746fc40e', './utils/UNSAFE_interpolations/borders', './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', './PRIVATE_LoadMoreCollection', './LoadMoreCollection-b916ef0b', './PRIVATE_Collection', './Collection-d246c43e', './PRIVATE_VirtualizedCollection', './VirtualizedCollection-67ccea54', './UNSAFE_FocusTrap', './FocusTrap-415da5f3', './utils/PRIVATE_tabbableUtils', './_arity-13a2bc13', './hooks/PRIVATE_useSelection', './hooks/PRIVATE_useCurrentKey', './hooks/PRIVATE_useCollectionFocusRing', './hooks/PRIVATE_useTabbableModeSet', './hooks/PRIVATE_useItemAction', './UNSAFE_Selector', './PRIVATE_ThemedIcons/CheckboxOffIcon', './PRIVATE_Icons/CheckboxOff', './PRIVATE_ThemedIcons/CheckboxOnIcon', './PRIVATE_Icons/CheckboxOn', './PRIVATE_ThemedIcons/CheckboxMixedIcon', './PRIVATE_Icons/CheckboxMixed', './UNSAFE_Selector/themes/SelectorStyles.css', 'css!./SelectorStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconTheme', './UNSAFE_Radio/themes/RadioIconStyles.css', 'css!./RadioIconStyles.styles.css', './UNSAFE_Radio/themes/redwood/RadioIconBaseTheme.css', 'module', './UNSAFE_Radio/themes/redwood/RadioIconVariants.css', 'css!./RadioIconVariants.styles.css', './hooks/PRIVATE_useCollectionGestureContext'], (function(e,s,o,t,n,i,l,a,c,d,r,u,h,S,A,m,_,E,F,p,T,U,y,N,k,x,I,g,b,f,C,R,V,L,w,P,v,B,j,K,G,z,D,H,M,O,q,J,Q,W,X,Y,Z,$,ee,se,oe,te,ne,ie,le,ae,ce,de,re,ue,he,Se,Ae,me,_e,Ee,Fe,pe,Te,Ue,ye,Ne,ke,xe,Ie,ge,be,fe,Ce,Re,Ve,Le,we,Pe,ve,Be,je,Ke,Ge,ze,De,He,Me,Oe,qe,Je,Qe,We,Xe,Ye,Ze,$e,es,ss,os,ts,ns,is,ls,as,cs,ds,rs,us,hs,Ss,As,ms,_s,Es,Fs,ps,Ts,Us,ys,Ns,ks,xs,Is,gs,bs,fs,Cs,Rs,Vs,Ls,ws,Ps,vs,Bs,js,Ks,Gs,zs,Ds,Hs,Ms){"use strict";const Os=e=>{"Enter"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||e.preventDefault()},qs=(e,s,o,t,n)=>{const i=t(s);if(n&&i){const s=d.containsKey(o,i);(e&&s||!e&&!s)&&n({value:i})}},Js=(e,s,o)=>{const t=s(e.target);o&&t&&(o({value:t}),"click"===e.type&&e.stopPropagation())};const Qs={all:!1,keys:new Set},Ws=n.memo((e=>{const o=T.classNames(["sdazzf","oj-listview-expander"]);return s.jsx("span",{class:o,role:"presentation",children:s.jsx(U.Button,{onAction:()=>{e.onToggle({value:e.itemKey})},variant:"ghost",startIcon:e.expanded?s.jsx(y.SvgChevronDown,{size:"6x"}):s.jsx(S.CollapseIcon,{size:"6x"})})})}),((e,s)=>e.itemKey===s.itemKey&&e.expanded===s.expanded&&e.onToggle===s.onToggle));e.ExpandableList=function({children:e,currentKey:n,data:i,onSelectionChange:l,onToggle:r,...u}){const[h,S]=t.useState(""),T=c.useTranslationBundle("@oracle/oraclejet-preact"),U=function(e,s,o){const{direction:n}=_.useUser(),i="rtl"===n,l=t.useCallback((s=>{Js(s,e,o)}),[e,o]),a=t.useCallback((t=>{if("Enter"===t.key||" "===t.key)Js(t,e,o);else if("ArrowLeft"===t.key||"ArrowRight"===t.key){const n="ArrowLeft"===t.key&&!i;qs(n,t.target,s,e,o),t.preventDefault(),t.stopPropagation()}}),[e,o]);return o?{onClick:l,onKeyDown:Os,onKeyUp:a}:{}}((e=>"treegrid"===e.getAttribute("role")?void 0===n?null:n:E.keyExtractor(e,A.GROUP_SELECTOR)),null==i?Qs:i.expanded,r?t.useCallback((e=>{if(r(e),i){const s=d.containsKey(i?.expanded,e.value);S(s?T.expandableList_groupCollapse():T.expandableList_groupExpand()),setTimeout((()=>{S("")}),1e3)}}),[r,i]):void 0),y=a.useId(),N=t.useMemo((()=>y),[]),k=t.useCallback((e=>{if(l&&i){const s=A.excludeGroup(i,e.value);d.isSameKey(s,e.value)?l(e):s.keys&&s.keys.size>0&&l({...e,value:s})}}),[l,i]);return s.jsxs(o.Fragment,{children:[s.jsx(F.List,{isVirtualized:!1,currentKey:n,data:i,role:"treegrid",loadingIndicator:s.jsx(A.GroupLoadingIndicator,{}),onSelectionChange:k,customItemRenderer:o=>{const t=o.listItemContext.metadata.key,n=i&&r?{expanded:d.containsKey(i.expanded,t),onToggle:r}:void 0,l=((e,o)=>{const t=void 0!==o?()=>s.jsx(Ws,{itemKey:e.metadata.key,expanded:o.expanded,onToggle:o.onToggle}):void 0;return{...e,parentKey:e.metadata.parentKey,leaf:e.metadata.isLeaf??!0,depth:e.metadata.treeDepth??1,expander:t}})(o.listItemContext,n);return l.leaf?o.defaultListItem(l,{itemDepth:l.depth+1}):s.jsx(A.ListGroupHeader,{ariaDescribedBy:N,itemKey:l.metadata.key,itemIndex:l.index,itemDepth:l.depth,isFocused:o.isFocused,isFocusRingVisible:o.isFocusRingVisible,isActive:o.isActive,isGridlineVisible:!1,isExpandable:!0,expandedKeys:null==i?Qs:i.expanded,onToggle:r,children:e(l)},l.metadata.key)},eventHandlers:U,...u,children:s=>e(s)}),r&&s.jsxs(o.Fragment,{children:[s.jsx(m.LiveRegion,{children:h}),s.jsx("span",{id:N,children:s.jsx(p.HiddenAccessible,{children:T.expandableList_expandCollapseInstructionText()})})]})]})},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_ExpandableList.js.map

package/amd/UNSAFE_ExpandableList.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_ExpandableList.js","sources":["../../src/UNSAFE_ExpandableList/useExpandCollapse.ts","../../src/UNSAFE_ExpandableList/ExpandableList.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useCallback } from 'preact/hooks';\nimport { ToggleDetail } from '../UNSAFE_Collection';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { containsKey, Keys } from '../utils/UNSAFE_keys';\n\n/**\n * A hook that handles mouse and keyboard gesture that toggles the expanded state.\n * @param keyExtractor\n * @param expanded\n * @param onToggle\n * @returns\n */\nexport function useExpandCollapse<K>(\n  keyExtractor: (element: HTMLElement) => K | null,\n  expanded: Keys<K>,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) {\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  const onClick = useCallback(\n    (event: MouseEvent) => {\n      handleToggle(event, keyExtractor, onToggle);\n    },\n    [keyExtractor, onToggle]\n  );\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Enter' || event.key === ' ') {\n        handleToggle(event, keyExtractor, onToggle);\n      } else if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n        const isLeftArrow = event.key === 'ArrowLeft' && !isRtl;\n        handleArrowKey(isLeftArrow, event.target as HTMLElement, expanded, keyExtractor, onToggle);\n        // arrow key might cause it to scroll horizontally\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [keyExtractor, onToggle]\n  );\n\n  return onToggle ? { onClick, onKeyDown, onKeyUp } : {};\n}\n\n// prevent default (propagation) for keyDown to prevent scrolling the container\nconst onKeyDown = (event: KeyboardEvent) => {\n  if (event.key === 'Enter' || event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n    event.preventDefault();\n  }\n};\n\nconst handleArrowKey = <K>(\n  isLeftArrow: boolean,\n  target: HTMLElement,\n  expanded: Keys<K>,\n  keyExtractor: (element: HTMLElement) => K | null,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(target);\n  if (onToggle && itemKey) {\n    const contains = containsKey(expanded, itemKey);\n    if ((isLeftArrow && contains) || (!isLeftArrow && !contains)) {\n      onToggle({ value: itemKey });\n    }\n  }\n};\n\nconst handleToggle = <K>(\n  event: Event,\n  keyExtractor: (element: HTMLElement) => K | null,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(event.target as HTMLElement);\n  if (onToggle && itemKey) {\n    onToggle({ value: itemKey });\n    if (event.type === 'click') {\n      event.stopPropagation();\n    }\n  }\n};\n","import { ComponentChildren, Fragment } from 'preact';\nimport { useState, useMemo, useCallback } from 'preact/hooks';\nimport { memo } from 'preact/compat';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport {\n  HierarchicalItemContext,\n  ListItemContext,\n  SelectionDetail,\n  ToggleDetail,\n  FlattenedDataState\n} from '../UNSAFE_Collection';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { Keys, containsKey, isSameKey } from '../utils/UNSAFE_keys';\nimport { Button } from '../UNSAFE_Button';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { ExpandIcon } from '../PRIVATE_ThemedIcons/ExpandIcon';\nimport { CollapseIcon } from '../PRIVATE_ThemedIcons/CollapseIcon';\nimport {\n  List,\n  ListGroupHeader,\n  GROUP_SELECTOR,\n  excludeGroup,\n  GroupLoadingIndicator\n} from '../PRIVATE_List';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { CustomRendererContext, PublicListProps } from '../UNSAFE_ListView/List.types';\nimport { useExpandCollapse } from './useExpandCollapse';\nimport { keyExtractor } from '../utils/PRIVATE_collectionUtils';\n\n// these are the props that are different from ListView\ntype SpecificTypes<K, D> = {\n  /**\n   * A function to render an item or a group header.\n   */\n  children: (context: HierarchicalItemContext<K, D>) => ComponentChildren;\n  /**\n   * A FlattenedDataState object that provides information including data and metadata to this ExpandableList.\n   * If the value is null, then ExpandableList will show loading indicator until a FlattenedDataState is set.\n   */\n  data: FlattenedDataState<K, D> | null;\n  /**\n   * A function to handle when user performs a gesture that toggles the expansion state of a group header\n   */\n  onToggle?: (detail: ToggleDetail<K>) => void;\n};\n\n/**\n * Props for the ExpandableList Component, which consist of all props from ListView\n * except some which have different signatures.\n */\ntype ExpandableListProps<K, D> = Omit<PublicListProps<K, D>, 'children' | 'data'> &\n  SpecificTypes<K, D>;\n\n/**\n * An ExpandableList shows a two-level group of items where each group header can be expand or collapse.\n */\nexport function ExpandableList<K extends string | number, D>({\n  children,\n  currentKey,\n  data,\n  onSelectionChange,\n  onToggle,\n  ...props\n}: ExpandableListProps<K, D>) {\n  const [statusText, setStatusText] = useState('');\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const expandCollapseProps = useExpandCollapse(\n    (element: HTMLElement) => {\n      if (element.getAttribute('role') === 'treegrid') {\n        return currentKey === undefined ? null : currentKey;\n      }\n      return keyExtractor(element, GROUP_SELECTOR) as K;\n    },\n    data == null ? (emptyKeys as Keys<K>) : data.expanded,\n    onToggle\n      ? useCallback(\n          (detail: ToggleDetail<K>) => {\n            onToggle(detail);\n            if (data) {\n              const previouslyExpanded = containsKey(data?.expanded, detail.value);\n              setStatusText(\n                previouslyExpanded\n                  ? translations.expandableList_groupCollapse()\n                  : translations.expandableList_groupExpand()\n              );\n              // we need to clear the live region text otherwise screenreader\n              // won't read again if the content did not change the next time\n              setTimeout(() => {\n                setStatusText('');\n              }, 1000);\n            }\n          },\n          [onToggle, data]\n        )\n      : undefined\n  );\n\n  const descId = useId();\n  const stableDescId = useMemo(() => {\n    // this should never change after mounted\n    return descId;\n  }, []);\n\n  const createHierarchicalContext = <K, D>(\n    context: ListItemContext<K, D>,\n    options?: { expanded: boolean; onToggle: (detail: ToggleDetail<K>) => void }\n  ) => {\n    const expanderRenderer =\n      options !== undefined\n        ? () => (\n            <Expander\n              itemKey={context.metadata.key}\n              expanded={options.expanded}\n              onToggle={options.onToggle}\n            />\n          )\n        : undefined;\n\n    return {\n      ...context,\n      parentKey: context.metadata.parentKey,\n      leaf: context.metadata.isLeaf ?? true,\n      depth: context.metadata.treeDepth ?? 1,\n      expander: expanderRenderer\n    };\n  };\n\n  const handleSelectionChange = useCallback(\n    (detail: SelectionDetail<K>) => {\n      if (onSelectionChange && data) {\n        const keys = excludeGroup(data, detail.value);\n        if (isSameKey(keys, detail.value)) {\n          onSelectionChange(detail);\n        } else if (keys.keys && keys.keys.size > 0) {\n          onSelectionChange({ ...detail, value: keys });\n        }\n      }\n    },\n    [onSelectionChange, data]\n  );\n\n  const customItemRenderer = (context: CustomRendererContext<K, D>) => {\n    const itemKey = context.listItemContext.metadata.key;\n    const options =\n      data && onToggle ? { expanded: containsKey(data.expanded, itemKey), onToggle } : undefined;\n    const itemContext = createHierarchicalContext(context.listItemContext, options);\n    if (itemContext.leaf) {\n      return context.defaultListItem(itemContext, { itemDepth: itemContext.depth + 1 });\n    } else {\n      return (\n        <ListGroupHeader\n          key={itemContext.metadata.key}\n          ariaDescribedBy={stableDescId}\n          itemKey={itemContext.metadata.key}\n          itemIndex={itemContext.index}\n          itemDepth={itemContext.depth}\n          isFocused={context.isFocused}\n          isFocusRingVisible={context.isFocusRingVisible}\n          isActive={context.isActive}\n          isGridlineVisible={false}\n          isExpandable={true}\n          expandedKeys={data == null ? (emptyKeys as Keys<K>) : data.expanded}\n          onToggle={onToggle}>\n          {children(itemContext)}\n        </ListGroupHeader>\n      );\n    }\n  };\n\n  return (\n    <Fragment>\n      <List\n        isVirtualized={false}\n        currentKey={currentKey}\n        data={data}\n        role=\"treegrid\"\n        loadingIndicator={<GroupLoadingIndicator />}\n        onSelectionChange={handleSelectionChange}\n        customItemRenderer={customItemRenderer}\n        eventHandlers={expandCollapseProps}\n        {...props}>\n        {(context: ListItemContext<K, D>) => {\n          return children(context as HierarchicalItemContext<K, D>);\n        }}\n      </List>\n      {onToggle && (\n        <Fragment>\n          <LiveRegion>{statusText}</LiveRegion>\n          <span id={stableDescId}>\n            <HiddenAccessible>\n              {translations.expandableList_expandCollapseInstructionText()}\n            </HiddenAccessible>\n          </span>\n        </Fragment>\n      )}\n    </Fragment>\n  );\n}\n\nconst emptyKeys = { all: false, keys: new Set() };\n\nconst Expander = memo(\n  <K,>(props: { itemKey: K; expanded: boolean; onToggle: (detail: ToggleDetail<K>) => void }) => {\n    const styles = {\n      base: cssProps`${{\n        margin: '0 calc(1.25 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x))'\n      }}`\n    };\n\n    const classes = classNames([styles.base, 'oj-listview-expander']);\n\n    const actionHandler = () => {\n      props.onToggle({ value: props.itemKey });\n    };\n\n    return (\n      <span class={classes} role=\"presentation\">\n        <Button\n          onAction={actionHandler}\n          variant=\"ghost\"\n          startIcon={props.expanded ? <ExpandIcon size=\"6x\" /> : <CollapseIcon size=\"6x\" />}\n        />\n      </span>\n    );\n  },\n  (prev: any, next: any) => {\n    return (\n      prev.itemKey === next.itemKey &&\n      prev.expanded === next.expanded &&\n      prev.onToggle === next.onToggle\n    );\n  }\n);\n"],"names":["onKeyDown","event","key","preventDefault","handleArrowKey","isLeftArrow","target","expanded","keyExtractor","onToggle","itemKey","contains","containsKey","value","handleToggle","type","stopPropagation","emptyKeys","all","keys","Set","Expander","memo","props","classes","classNames","prev","next","children","currentKey","data","onSelectionChange","translations","useTranslationBundle","expandCollapseProps","direction","useUser","isRtl","onClick","useCallback","onKeyUp","useExpandCollapse","element","GROUP_SELECTOR","detail","previouslyExpanded","setStatusText","expandableList_groupCollapse","expandableList_groupExpand","descId","useId","stableDescId","useMemo","handleSelectionChange","context","createHierarchicalContext","options","expanderRenderer","undefined","_jsx","metadata","parentKey","leaf","isLeaf","depth","treeDepth","expander","defaultListItem","itemContext","itemDepth","ListGroupHeader","ariaDescribedBy","itemIndex","index","isFocused","isFocusRingVisible","isActive","isGridlineVisible","isExpandable","expandedKeys","_jsxs","jsxs","Fragment","jsx","LiveRegion","statusText","id","HiddenAccessible","expandableList_expandCollapseInstructionText"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_ExpandableList.js","sources":["../../src/UNSAFE_ExpandableList/useExpandCollapse.ts","../../src/UNSAFE_ExpandableList/ExpandableList.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useCallback } from 'preact/hooks';\nimport { ToggleDetail } from '../UNSAFE_Collection';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { containsKey, Keys } from '../utils/UNSAFE_keys';\n\n/**\n * A hook that handles mouse and keyboard gesture that toggles the expanded state.\n * @param keyExtractor\n * @param expanded\n * @param onToggle\n * @returns\n */\nexport function useExpandCollapse<K>(\n  keyExtractor: (element: HTMLElement) => K | null,\n  expanded: Keys<K>,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) {\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  const onClick = useCallback(\n    (event: MouseEvent) => {\n      handleToggle(event, keyExtractor, onToggle);\n    },\n    [keyExtractor, onToggle]\n  );\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Enter' || event.key === ' ') {\n        handleToggle(event, keyExtractor, onToggle);\n      } else if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n        const isLeftArrow = event.key === 'ArrowLeft' && !isRtl;\n        handleArrowKey(isLeftArrow, event.target as HTMLElement, expanded, keyExtractor, onToggle);\n        // arrow key might cause it to scroll horizontally\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [keyExtractor, onToggle]\n  );\n\n  return onToggle ? { onClick, onKeyDown, onKeyUp } : {};\n}\n\n// prevent default (propagation) for keyDown to prevent scrolling the container\nconst onKeyDown = (event: KeyboardEvent) => {\n  if (event.key === 'Enter' || event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n    event.preventDefault();\n  }\n};\n\nconst handleArrowKey = <K>(\n  isLeftArrow: boolean,\n  target: HTMLElement,\n  expanded: Keys<K>,\n  keyExtractor: (element: HTMLElement) => K | null,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(target);\n  if (onToggle && itemKey) {\n    const contains = containsKey(expanded, itemKey);\n    if ((isLeftArrow && contains) || (!isLeftArrow && !contains)) {\n      onToggle({ value: itemKey });\n    }\n  }\n};\n\nconst handleToggle = <K>(\n  event: Event,\n  keyExtractor: (element: HTMLElement) => K | null,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(event.target as HTMLElement);\n  if (onToggle && itemKey) {\n    onToggle({ value: itemKey });\n    if (event.type === 'click') {\n      event.stopPropagation();\n    }\n  }\n};\n","import { ComponentChildren, Fragment } from 'preact';\nimport { useState, useMemo, useCallback } from 'preact/hooks';\nimport { memo } from 'preact/compat';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport {\n  HierarchicalItemContext,\n  ListItemContext,\n  SelectionDetail,\n  ToggleDetail,\n  FlattenedDataState\n} from '../UNSAFE_Collection';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { Keys, containsKey, isSameKey } from '../utils/UNSAFE_keys';\nimport { Button } from '../UNSAFE_Button';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { ExpandIcon } from '../PRIVATE_ThemedIcons/ExpandIcon';\nimport { CollapseIcon } from '../PRIVATE_ThemedIcons/CollapseIcon';\nimport {\n  List,\n  ListGroupHeader,\n  GROUP_SELECTOR,\n  excludeGroup,\n  GroupLoadingIndicator\n} from '../PRIVATE_List';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { CustomRendererContext, PublicListProps } from '../UNSAFE_ListView/List.types';\nimport { useExpandCollapse } from './useExpandCollapse';\nimport { keyExtractor } from '../utils/PRIVATE_collectionUtils';\n\n// these are the props that are different from ListView\ntype SpecificTypes<K, D> = {\n  /**\n   * A function to render an item or a group header.\n   */\n  children: (context: HierarchicalItemContext<K, D>) => ComponentChildren;\n  /**\n   * A FlattenedDataState object that provides information including data and metadata to this ExpandableList.\n   * If the value is null, then ExpandableList will show loading indicator until a FlattenedDataState is set.\n   */\n  data: FlattenedDataState<K, D> | null;\n  /**\n   * A function to handle when user performs a gesture that toggles the expansion state of a group header\n   */\n  onToggle?: (detail: ToggleDetail<K>) => void;\n};\n\n/**\n * Props for the ExpandableList Component, which consist of all props from ListView\n * except some which have different signatures.\n */\ntype ExpandableListProps<K, D> = Omit<PublicListProps<K, D>, 'children' | 'data'> &\n  SpecificTypes<K, D>;\n\n/**\n * An ExpandableList shows a two-level group of items where each group header can be expand or collapse.\n */\nexport function ExpandableList<K extends string | number, D>({\n  children,\n  currentKey,\n  data,\n  onSelectionChange,\n  onToggle,\n  ...props\n}: ExpandableListProps<K, D>) {\n  const [statusText, setStatusText] = useState('');\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const expandCollapseProps = useExpandCollapse(\n    (element: HTMLElement) => {\n      if (element.getAttribute('role') === 'treegrid') {\n        return currentKey === undefined ? null : currentKey;\n      }\n      return keyExtractor(element, GROUP_SELECTOR) as K;\n    },\n    data == null ? (emptyKeys as Keys<K>) : data.expanded,\n    onToggle\n      ? useCallback(\n          (detail: ToggleDetail<K>) => {\n            onToggle(detail);\n            if (data) {\n              const previouslyExpanded = containsKey(data?.expanded, detail.value);\n              setStatusText(\n                previouslyExpanded\n                  ? translations.expandableList_groupCollapse()\n                  : translations.expandableList_groupExpand()\n              );\n              // we need to clear the live region text otherwise screenreader\n              // won't read again if the content did not change the next time\n              setTimeout(() => {\n                setStatusText('');\n              }, 1000);\n            }\n          },\n          [onToggle, data]\n        )\n      : undefined\n  );\n\n  const descId = useId();\n  const stableDescId = useMemo(() => {\n    // this should never change after mounted\n    return descId;\n  }, []);\n\n  const createHierarchicalContext = <K, D>(\n    context: ListItemContext<K, D>,\n    options?: { expanded: boolean; onToggle: (detail: ToggleDetail<K>) => void }\n  ) => {\n    const expanderRenderer =\n      options !== undefined\n        ? () => (\n            <Expander\n              itemKey={context.metadata.key}\n              expanded={options.expanded}\n              onToggle={options.onToggle}\n            />\n          )\n        : undefined;\n\n    return {\n      ...context,\n      parentKey: context.metadata.parentKey,\n      leaf: context.metadata.isLeaf ?? true,\n      depth: context.metadata.treeDepth ?? 1,\n      expander: expanderRenderer\n    };\n  };\n\n  const handleSelectionChange = useCallback(\n    (detail: SelectionDetail<K>) => {\n      if (onSelectionChange && data) {\n        const keys = excludeGroup(data, detail.value);\n        if (isSameKey(keys, detail.value)) {\n          onSelectionChange(detail);\n        } else if (keys.keys && keys.keys.size > 0) {\n          onSelectionChange({ ...detail, value: keys });\n        }\n      }\n    },\n    [onSelectionChange, data]\n  );\n\n  const customItemRenderer = (context: CustomRendererContext<K, D>) => {\n    const itemKey = context.listItemContext.metadata.key;\n    const options =\n      data && onToggle ? { expanded: containsKey(data.expanded, itemKey), onToggle } : undefined;\n    const itemContext = createHierarchicalContext(context.listItemContext, options);\n    if (itemContext.leaf) {\n      return context.defaultListItem(itemContext, { itemDepth: itemContext.depth + 1 });\n    } else {\n      return (\n        <ListGroupHeader\n          key={itemContext.metadata.key}\n          ariaDescribedBy={stableDescId}\n          itemKey={itemContext.metadata.key}\n          itemIndex={itemContext.index}\n          itemDepth={itemContext.depth}\n          isFocused={context.isFocused}\n          isFocusRingVisible={context.isFocusRingVisible}\n          isActive={context.isActive}\n          isGridlineVisible={false}\n          isExpandable={true}\n          expandedKeys={data == null ? (emptyKeys as Keys<K>) : data.expanded}\n          onToggle={onToggle}>\n          {children(itemContext)}\n        </ListGroupHeader>\n      );\n    }\n  };\n\n  return (\n    <Fragment>\n      <List\n        isVirtualized={false}\n        currentKey={currentKey}\n        data={data}\n        role=\"treegrid\"\n        loadingIndicator={<GroupLoadingIndicator />}\n        onSelectionChange={handleSelectionChange}\n        customItemRenderer={customItemRenderer}\n        eventHandlers={expandCollapseProps}\n        {...props}>\n        {(context: ListItemContext<K, D>) => {\n          return children(context as HierarchicalItemContext<K, D>);\n        }}\n      </List>\n      {onToggle && (\n        <Fragment>\n          <LiveRegion>{statusText}</LiveRegion>\n          <span id={stableDescId}>\n            <HiddenAccessible>\n              {translations.expandableList_expandCollapseInstructionText()}\n            </HiddenAccessible>\n          </span>\n        </Fragment>\n      )}\n    </Fragment>\n  );\n}\n\nconst emptyKeys = { all: false, keys: new Set() };\n\nconst Expander = memo(\n  <K,>(props: { itemKey: K; expanded: boolean; onToggle: (detail: ToggleDetail<K>) => void }) => {\n    const styles = {\n      base: cssProps`${{\n        margin: '0 calc(1.25 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x))'\n      }}`\n    };\n\n    const classes = classNames([styles.base, 'oj-listview-expander']);\n\n    const actionHandler = () => {\n      props.onToggle({ value: props.itemKey });\n    };\n\n    return (\n      <span class={classes} role=\"presentation\">\n        <Button\n          onAction={actionHandler}\n          variant=\"ghost\"\n          startIcon={props.expanded ? <ExpandIcon size=\"6x\" /> : <CollapseIcon size=\"6x\" />}\n        />\n      </span>\n    );\n  },\n  (prev: any, next: any) => {\n    return (\n      prev.itemKey === next.itemKey &&\n      prev.expanded === next.expanded &&\n      prev.onToggle === next.onToggle\n    );\n  }\n);\n"],"names":["onKeyDown","event","key","preventDefault","handleArrowKey","isLeftArrow","target","expanded","keyExtractor","onToggle","itemKey","contains","containsKey","value","handleToggle","type","stopPropagation","emptyKeys","all","keys","Set","Expander","memo","props","classes","classNames","prev","next","children","currentKey","data","onSelectionChange","translations","useTranslationBundle","expandCollapseProps","direction","useUser","isRtl","onClick","useCallback","onKeyUp","useExpandCollapse","element","GROUP_SELECTOR","detail","previouslyExpanded","setStatusText","expandableList_groupCollapse","expandableList_groupExpand","descId","useId","stableDescId","useMemo","handleSelectionChange","context","createHierarchicalContext","options","expanderRenderer","undefined","_jsx","metadata","parentKey","leaf","isLeaf","depth","treeDepth","expander","defaultListItem","itemContext","itemDepth","ListGroupHeader","ariaDescribedBy","itemIndex","index","isFocused","isFocusRingVisible","isActive","isGridlineVisible","isExpandable","expandedKeys","_jsxs","jsxs","Fragment","jsx","LiveRegion","statusText","id","HiddenAccessible","expandableList_expandCollapseInstructionText"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"FilePickerTheme.js","sources":["../../../../../src/UNSAFE_FilePicker/themes/redwood/FilePickerTheme.ts"],"sourcesContent":["import { styles, variants } from '../FilePickerStyles.css';\nimport { FilePickerTheme } from '../FilePickerStyles.css';\nimport { baseTheme } from './FilePickerBaseTheme.css';\nimport { multiVariantStyles } from './FilePickerVariants.css';\n\n/*******************\n * Component Theme\n *******************/\n\nconst FilePickerRedwoodTheme: FilePickerTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants,\n  styles\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { FilePickerRedwoodTheme };\n"],"names":["FilePickerRedwoodTheme","baseTheme","multiVariantStyles","variants","styles"],"mappings":"oUASA,MAAMA,EAA0C,WAC9CC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA,gBACRC,EAAMA"}
+{"version":3,"file":"FilePickerTheme.js","sources":["../../../../../src/UNSAFE_FilePicker/themes/redwood/FilePickerTheme.ts"],"sourcesContent":["import { styles, variants } from '../FilePickerStyles.css';\nimport { FilePickerTheme } from '../FilePickerStyles.css';\nimport { baseTheme } from './FilePickerBaseTheme.css';\nimport { multiVariantStyles } from './FilePickerVariants.css';\n\n/*******************\n * Component Theme\n *******************/\n\nconst FilePickerRedwoodTheme: FilePickerTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants,\n  styles\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { FilePickerRedwoodTheme };\n"],"names":["FilePickerRedwoodTheme","baseTheme","multiVariantStyles","variants","styles"],"mappings":"mUASA,MAAMA,EAA0C,WAC9CC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA,gBACRC,EAAMA"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"FilePickerTheme.js","sources":["../../../../../src/UNSAFE_FilePicker/themes/stable/FilePickerTheme.ts"],"sourcesContent":["import { styles, variants } from '../FilePickerStyles.css';\nimport { FilePickerTheme } from '../FilePickerStyles.css';\nimport { baseTheme } from './FilePickerBaseTheme.css';\nimport { multiVariantStyles } from './FilePickerVariants.css';\n\n/*******************\n * Component Theme\n *******************/\n\nconst FilePickerStableTheme: FilePickerTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants,\n  styles\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { FilePickerStableTheme };\n"],"names":["FilePickerStableTheme","baseTheme","multiVariantStyles","variants","styles"],"mappings":"mUASA,MAAMA,EAAyC,WAC7CC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA,gBACRC,EAAMA"}
+{"version":3,"file":"FilePickerTheme.js","sources":["../../../../../src/UNSAFE_FilePicker/themes/stable/FilePickerTheme.ts"],"sourcesContent":["import { styles, variants } from '../FilePickerStyles.css';\nimport { FilePickerTheme } from '../FilePickerStyles.css';\nimport { baseTheme } from './FilePickerBaseTheme.css';\nimport { multiVariantStyles } from './FilePickerVariants.css';\n\n/*******************\n * Component Theme\n *******************/\n\nconst FilePickerStableTheme: FilePickerTheme = {\n  baseTheme,\n  multiVariantStyles,\n  variants,\n  styles\n};\n\n/*******************\n * Exports\n *******************/\n\nexport { FilePickerStableTheme };\n"],"names":["FilePickerStableTheme","baseTheme","multiVariantStyles","variants","styles"],"mappings":"oUASA,MAAMA,EAAyC,WAC7CC,EAASA,6BACTC,EAAkBA,4BAClBC,EAAQA,gBACRC,EAAMA"}

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

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

package/amd/UNSAFE_FilePicker.js

@@ -1,2 +1,2 @@
-define(['exports', './FilePicker-d7994df5', 'preact/jsx-runtime', './utils/UNSAFE_mergeProps', './utils/UNSAFE_classNames', './classNames-2ae809ea', './hooks/UNSAFE_useTranslationBundle', 'preact/hooks', './index-e12e679d', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/compat', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-ac6bf383', './utils/UNSAFE_stringUtils', './stringUtils-cb143ff2', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './_curry1-12d8a4c2', './_curry2-d7eb25cd', './UNSAFE_FilePicker/themes/redwood/FilePickerTheme', './UNSAFE_FilePicker/themes/FilePickerStyles.css', 'css!./FilePickerStyles.styles.css', './UNSAFE_FilePicker/themes/redwood/FilePickerBaseTheme.css', 'module', './UNSAFE_FilePicker/themes/redwood/FilePickerVariants.css', 'css!./FilePickerVariants.styles2.css', './vanilla-extract-recipes-createRuntimeFn.esm-91efbe77', './utils/UNSAFE_filePickerUtils', './utils/PRIVATE_clientHints', './clientHints-0d755236', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useTabbableMode', './hooks/UNSAFE_useInteractionStyle', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive'], (function(e,s,i,t,o,r,c,l,F,m,a,n,k,u,_,h,d,S,U,A,N,E,P,p,f,y,T,b,g,C,w,v,x,B,H,V,j,I,M,R,z){"use strict";e.FilePicker=s.FilePicker,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './FilePicker-9ab902da', 'preact/jsx-runtime', './utils/UNSAFE_mergeProps', './utils/UNSAFE_classNames', './classNames-e60cc88e', './hooks/UNSAFE_useTranslationBundle', 'preact/hooks', './index-6c4e8ae0', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/compat', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-8c10b518', './utils/UNSAFE_stringUtils', './stringUtils-7b2298b0', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './_curry1-68b0cf28', './_curry2-e9df055f', './UNSAFE_FilePicker/themes/redwood/FilePickerTheme', './UNSAFE_FilePicker/themes/FilePickerStyles.css', 'css!./FilePickerStyles.styles.css', './UNSAFE_FilePicker/themes/redwood/FilePickerBaseTheme.css', 'module', './UNSAFE_FilePicker/themes/redwood/FilePickerVariants.css', 'css!./FilePickerVariants.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-0f97c90f', './utils/UNSAFE_filePickerUtils', './utils/PRIVATE_clientHints', './clientHints-44591878', './hooks/UNSAFE_usePress', './hooks/UNSAFE_useTabbableMode', './hooks/UNSAFE_useInteractionStyle', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive'], (function(e,s,i,t,o,c,r,l,F,m,a,n,k,u,_,h,S,U,A,N,E,P,d,p,b,f,y,T,g,C,w,v,x,B,H,V,j,I,M,R,z){"use strict";e.FilePicker=s.FilePicker,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_FilePicker.js.map

package/amd/UNSAFE_Flex.css

@@ -1,2 +1,2 @@
-._1sp4vyi{display:flex;}
-._1yz85pq > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._13pssi1{display:flex;}
+.ubuqvx > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}

package/amd/UNSAFE_Flex.js

@@ -1,2 +1,2 @@
-define(['exports', './Flex-1ffbde86', 'preact/jsx-runtime', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-ac6bf383', './Common/themes/themeContract.css', './_curry1-12d8a4c2', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_classNames', './classNames-2ae809ea', './_curry3-46de190a', './_curry2-d7eb25cd', './_has-72ed1986', 'css!./UNSAFE_Flex.css', './utils/UNSAFE_interpolations/boxalignment', './keys-d771635a', './utils/UNSAFE_interpolations/flexbox', './flexbox-fe6e1c28', './utils/UNSAFE_interpolations/flexitem', './flexitem-dab4db50'], (function(e,t,s,i,l,a,r,n,o,u,c,m,_,d,x,F,f,N,S,U,b,A,E){"use strict";e.Flex=t.Flex,e.marginZeroStyles=t.marginZeroStyles,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './Flex-47d4c40c', 'preact/jsx-runtime', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-8c10b518', './Common/themes/themeContract.css', './_curry1-68b0cf28', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_classNames', './classNames-e60cc88e', './_curry3-76b87f8e', './_curry2-e9df055f', './_has-658ea1d3', 'css!./UNSAFE_Flex.css', './utils/UNSAFE_interpolations/boxalignment', './keys-7b07331a', './utils/UNSAFE_interpolations/flexbox', './flexbox-3cfe2632', './utils/UNSAFE_interpolations/flexitem', './flexitem-b78956a6'], (function(e,t,s,i,l,r,n,a,o,c,u,m,_,f,x,F,N,S,U,b,A,E,p){"use strict";e.Flex=t.Flex,e.marginZeroStyles=t.marginZeroStyles,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Flex.js.map

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

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

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

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

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

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

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

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

package/amd/UNSAFE_Floating.js

@@ -1,2 +1,2 @@
-define(['exports', './Floating-589b39b6', 'preact/jsx-runtime', 'preact/hooks', 'preact/compat', './index-95d915df', './hooks/UNSAFE_useUser', './index-e12e679d', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './_curry1-12d8a4c2', './_curry2-d7eb25cd', './utils/UNSAFE_classNames', './classNames-2ae809ea', './utils-ac6bf383', './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-91efbe77', './vanilla-extract-dynamic.esm-4c51fd39', './UNSAFE_Floating/themes/FloatingContract.css'], (function(e,t,s,o,a,i,l,n,m,c,r,F,d,g,h,u,_,U,A,E,N,S,f,p,y,C,b,x,T,k,w,v,P){"use strict";e.Floating=t.Floating,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './Floating-4a4f829a', 'preact/jsx-runtime', 'preact/hooks', 'preact/compat', './index-0e42ee05', './hooks/UNSAFE_useUser', './index-6c4e8ae0', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './_curry1-68b0cf28', './_curry2-e9df055f', './utils/UNSAFE_classNames', './classNames-e60cc88e', './utils-8c10b518', './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-0f97c90f', './vanilla-extract-dynamic.esm-ddec2fc0', './UNSAFE_Floating/themes/FloatingContract.css'], (function(e,t,s,o,a,i,l,n,c,m,r,F,d,g,h,u,_,U,A,E,N,S,f,p,y,C,x,T,k,w,b,v,P){"use strict";e.Floating=t.Floating,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Floating.js.map

package/amd/UNSAFE_FocusTrap.css

@@ -1,3 +1,3 @@
-._1dkhx0x > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+.zhle69 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
 
-._1joo7x8{height:0px;left:0;position:fixed;top:0;width:1px;}
+.ytz18e{height:0px;left:0;position:fixed;top:0;width:1px;}

package/amd/UNSAFE_FocusTrap.js

@@ -1,2 +1,2 @@
-define(['exports', './FocusTrap-14115cb3', 'preact/jsx-runtime', 'preact', 'preact/compat', './utils/UNSAFE_classNames', './classNames-2ae809ea', 'css!./UNSAFE_FocusTrap.css', './utils/PRIVATE_tabbableUtils', './_curry1-12d8a4c2', './_curry2-d7eb25cd', './_arity-23a64394', './_curry3-46de190a'], (function(a,e,r,c,s,t,u,i,l,p,o,_,d){"use strict";a.FocusTrap=e.FocusTrap,Object.defineProperty(a,"__esModule",{value:!0})}));
+define(['exports', './FocusTrap-415da5f3', 'preact/jsx-runtime', 'preact', 'preact/compat', './utils/UNSAFE_classNames', './classNames-e60cc88e', 'css!./UNSAFE_FocusTrap.css', './utils/PRIVATE_tabbableUtils', './_curry1-68b0cf28', './_curry2-e9df055f', './_arity-13a2bc13', './_curry3-76b87f8e'], (function(e,a,c,r,s,t,u,i,l,p,f,o,_){"use strict";e.FocusTrap=a.FocusTrap,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_FocusTrap.js.map

package/amd/UNSAFE_Grid.css

@@ -1 +1 @@
-.r2n9xb{display:grid;}
+.allmlo{display:grid;}

package/amd/UNSAFE_Grid.js

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'css!./UNSAFE_Grid.css', './utils/UNSAFE_interpolations/grid', './utils/UNSAFE_interpolations/boxalignment', './utils/UNSAFE_mergeInterpolations', './keys-d771635a', './_curry1-12d8a4c2', './_has-72ed1986', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-ac6bf383', './Common/themes/themeContract.css', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_classNames', './classNames-2ae809ea', './_curry3-46de190a', './_curry2-d7eb25cd'], (function(e,s,t,i,r,n,a,l,o,c,u,d,_,m,p,N,b,A){"use strict";const U=[...Object.values(i.gridInterpolations),...Object.values(r.boxAlignmentInterpolations)],y=n.mergeInterpolations(U);e.Grid=({children:e,...t})=>{const{class:i,...r}=y(t),n={...r};return s.jsx("div",{class:`r2n9xb ${i}`,style:n,children:e})},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', 'css!./UNSAFE_Grid.css', './utils/UNSAFE_interpolations/grid', './utils/UNSAFE_interpolations/boxalignment', './utils/UNSAFE_mergeInterpolations', './keys-7b07331a', './_curry1-68b0cf28', './_has-658ea1d3', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-8c10b518', './Common/themes/themeContract.css', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_classNames', './classNames-e60cc88e', './_curry3-76b87f8e', './_curry2-e9df055f'], (function(e,s,t,i,l,r,n,a,o,c,u,m,_,d,b,p,N,A){"use strict";const U=[...Object.values(i.gridInterpolations),...Object.values(l.boxAlignmentInterpolations)],f=r.mergeInterpolations(U);e.Grid=({children:e,...t})=>{const{class:i,...l}=f(t),r={...l};return s.jsx("div",{class:`allmlo ${i}`,style:r,children:e})},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Grid.js.map

package/amd/UNSAFE_GroupedList/themes/GroupedListStyles.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../GroupedListStyles.styles.css', '../../vanilla-extract-recipes-createRuntimeFn.esm-91efbe77'], (function(e,t,s){"use strict";var a=s.createRuntimeFn({defaultClassName:"",variantClassNames:{},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=a,e.styles={stuckHeader:"GroupedListStyles_stuckHeader__1svo25f0"},e.variants={},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../GroupedListStyles.styles.css', '../../vanilla-extract-recipes-createRuntimeFn.esm-0f97c90f'], (function(e,t,s){"use strict";var a=s.createRuntimeFn({defaultClassName:"",variantClassNames:{},defaultVariants:{},compoundVariants:[]});e.multiVariantStyles=a,e.styles={stuckHeader:"GroupedListStyles_stuckHeader__1svo25f0"},e.variants={},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=GroupedListStyles.css.js.map

package/amd/UNSAFE_GroupedList/themes/redwood/GroupedListTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../GroupedListStyles.css', './GroupedListBaseTheme.css', 'css!./../../../GroupedListStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-91efbe77', 'module'], (function(e,s,t,i,a,r){"use strict";const l={baseTheme:t.baseTheme,multiVariantStyles:s.multiVariantStyles,variants:s.variants,styles:s.styles};e.GroupedListRedwoodTheme=l,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../GroupedListStyles.css', './GroupedListBaseTheme.css', 'css!./../../../GroupedListStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-0f97c90f', 'module'], (function(e,s,t,i,a,r){"use strict";const l={baseTheme:t.baseTheme,multiVariantStyles:s.multiVariantStyles,variants:s.variants,styles:s.styles};e.GroupedListRedwoodTheme=l,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=GroupedListTheme.js.map

package/amd/UNSAFE_GroupedList/themes/stable/GroupedListTheme.js

@@ -1,2 +1,2 @@
-define(['exports', '../GroupedListStyles.css', './GroupedListBaseTheme.css', 'css!./../../../GroupedListStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-91efbe77', 'module'], (function(e,s,t,a,i,r){"use strict";const l={baseTheme:t.baseTheme,multiVariantStyles:s.multiVariantStyles,variants:s.variants,styles:s.styles};e.GroupedListStableTheme=l,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../GroupedListStyles.css', './GroupedListBaseTheme.css', 'css!./../../../GroupedListStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-0f97c90f', 'module'], (function(e,s,t,a,i,r){"use strict";const l={baseTheme:t.baseTheme,multiVariantStyles:s.multiVariantStyles,variants:s.variants,styles:s.styles};e.GroupedListStableTheme=l,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=GroupedListTheme.js.map

package/amd/UNSAFE_Heading/themes/HeadingStyles.css.js

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../HeadingStyles.styles.css', '../../vanilla-extract-recipes-createRuntimeFn.esm-91efbe77'], (function(e,i,t){"use strict";var n=t.createRuntimeFn({defaultClassName:"HeadingStyles_base__1fxnri60",variantClassNames:{size:{xs:"HeadingStyles_multiVariantStyles_size_xs__1fxnri61",sm:"HeadingStyles_multiVariantStyles_size_sm__1fxnri62",md:"HeadingStyles_multiVariantStyles_size_md__1fxnri63",lg:"HeadingStyles_multiVariantStyles_size_lg__1fxnri64",xl:"HeadingStyles_multiVariantStyles_size_xl__1fxnri65","2xl":"HeadingStyles_multiVariantStyles_size_2xl__1fxnri66",inherit:"HeadingStyles_multiVariantStyles_size_inherit__1fxnri67"}},defaultVariants:{size:"2xl"},compoundVariants:[]});e.multiVariantStyles=n,e.styles={base:"HeadingStyles_base__1fxnri60"},e.variants={size:{xs:{fontSize:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-xs-font-size)",fontWeight:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-xs-font-weight)",lineHeight:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-xs-line-height)"},sm:{fontSize:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-sm-font-size)",fontWeight:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-sm-font-weight)",lineHeight:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-sm-line-height)"},md:{fontSize:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-md-font-size)",fontWeight:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-md-font-weight)",lineHeight:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-md-line-height)"},lg:{fontSize:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-lg-font-size)",fontWeight:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-lg-font-weight)",lineHeight:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-lg-line-height)"},xl:{fontSize:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-xl-font-size)",fontWeight:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-xl-font-weight)",lineHeight:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-xl-line-height)"},"2xl":{fontSize:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-2xl-font-size)",fontWeight:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-2xl-font-weight)",lineHeight:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-2xl-line-height)"},inherit:{fontSize:"inherit",fontWeight:"inherit",lineHeight:"inherit"}}},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../HeadingStyles.styles.css', '../../vanilla-extract-recipes-createRuntimeFn.esm-0f97c90f'], (function(e,i,t){"use strict";var n=t.createRuntimeFn({defaultClassName:"HeadingStyles_base__1fxnri60",variantClassNames:{size:{xs:"HeadingStyles_multiVariantStyles_size_xs__1fxnri61",sm:"HeadingStyles_multiVariantStyles_size_sm__1fxnri62",md:"HeadingStyles_multiVariantStyles_size_md__1fxnri63",lg:"HeadingStyles_multiVariantStyles_size_lg__1fxnri64",xl:"HeadingStyles_multiVariantStyles_size_xl__1fxnri65","2xl":"HeadingStyles_multiVariantStyles_size_2xl__1fxnri66",inherit:"HeadingStyles_multiVariantStyles_size_inherit__1fxnri67"}},defaultVariants:{size:"2xl"},compoundVariants:[]});e.multiVariantStyles=n,e.styles={base:"HeadingStyles_base__1fxnri60"},e.variants={size:{xs:{fontSize:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-xs-font-size)",fontWeight:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-xs-font-weight)",lineHeight:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-xs-line-height)"},sm:{fontSize:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-sm-font-size)",fontWeight:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-sm-font-weight)",lineHeight:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-sm-line-height)"},md:{fontSize:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-md-font-size)",fontWeight:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-md-font-weight)",lineHeight:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-md-line-height)"},lg:{fontSize:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-lg-font-size)",fontWeight:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-lg-font-weight)",lineHeight:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-lg-line-height)"},xl:{fontSize:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-xl-font-size)",fontWeight:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-xl-font-weight)",lineHeight:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-xl-line-height)"},"2xl":{fontSize:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-2xl-font-size)",fontWeight:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-2xl-font-weight)",lineHeight:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-heading-2xl-line-height)"},inherit:{fontSize:"inherit",fontWeight:"inherit",lineHeight:"inherit"}}},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=HeadingStyles.css.js.map

package/amd/UNSAFE_Heading.js

@@ -1,2 +1,2 @@
-define(['exports', './Heading-fb20662e', 'preact/jsx-runtime', './utils/UNSAFE_arrayUtils', './UNSAFE_Heading/themes/HeadingStyles.css', 'css!./HeadingStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-91efbe77'], (function(e,s,i,t,n,a,d){"use strict";e.Heading=s.Heading,e.headingElementTypes=s.headingElementTypes,e.sizeOptions=s.sizeOptions,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './Heading-10cb6fb0', 'preact/jsx-runtime', './utils/UNSAFE_arrayUtils', './UNSAFE_Heading/themes/HeadingStyles.css', 'css!./HeadingStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-0f97c90f'], (function(e,s,i,t,n,a,c){"use strict";e.Heading=s.Heading,e.headingElementTypes=s.headingElementTypes,e.sizeOptions=s.sizeOptions,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Heading.js.map

package/amd/UNSAFE_HiddenAccessible.css

@@ -1 +1 @@
-._86kxg9{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow-x:hidden;overflow-y:hidden;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;width:1px;position:absolute;}
+.iben9c{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow-x:hidden;overflow-y:hidden;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;width:1px;position:absolute;}

package/amd/UNSAFE_HiddenAccessible.js

@@ -1,2 +1,2 @@
-define(['exports', './HiddenAccessible-790dc695', 'preact/jsx-runtime', 'css!./UNSAFE_HiddenAccessible.css'], (function(e,i,c,s){"use strict";e.HiddenAccessible=i.HiddenAccessible,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './HiddenAccessible-bae24dac', 'preact/jsx-runtime', 'css!./UNSAFE_HiddenAccessible.css'], (function(e,i,c,s){"use strict";e.HiddenAccessible=i.HiddenAccessible,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_HiddenAccessible.js.map

package/amd/UNSAFE_HighlightText.css

@@ -1 +1 @@
-._1ql32bn{font-weight:700;}
+._1ipzwja{font-weight:700;}

package/amd/UNSAFE_HighlightText.js

@@ -1,2 +1,2 @@
-define(['exports', './HighlightText-5fa9791c', 'preact/jsx-runtime', 'preact', 'css!./UNSAFE_HighlightText.css'], (function(e,t,i,r,a){"use strict";e.HighlightText=t.HighlightText,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './HighlightText-47a95e3b', 'preact/jsx-runtime', 'preact', 'css!./UNSAFE_HighlightText.css'], (function(e,t,i,r,a){"use strict";e.HighlightText=t.HighlightText,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_HighlightText.js.map

package/amd/UNSAFE_Icon.js

@@ -1,2 +1,2 @@
-define(['exports', './Icon-bd23cf70', 'preact/jsx-runtime', 'preact', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-ac6bf383', './Common/themes/themeContract.css', './hooks/UNSAFE_useTooltip', 'preact/hooks', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-589b39b6', 'preact/compat', './index-95d915df', './hooks/UNSAFE_useUser', './index-e12e679d', './Common', './Common/themes', './Common/themes/redwood/theme', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './_curry1-12d8a4c2', './_curry2-d7eb25cd', './utils/UNSAFE_classNames', './classNames-2ae809ea', './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-91efbe77', './vanilla-extract-dynamic.esm-4c51fd39', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-fb2dc27f', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './utils/UNSAFE_mergeInterpolations', './_curry3-46de190a', './_has-72ed1986', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './utils/UNSAFE_mergeProps', './hooks/UNSAFE_useAnimation', './useAnimation-103e527d', './hooks/UNSAFE_useThemeInterpolations', './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', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css'], (function(e,o,s,t,l,n,i,a,c,F,h,m,r,S,_,u,A,U,d,E,N,p,T,g,k,y,C,f,I,w,b,x,V,v,B,P,R,j,O,z,H,L,M,q,D,G,J,K,Q,W,X,Y,Z,$,ee,oe,se,te,le,ne,ie,ae,ce,Fe){"use strict";e.Icon=o.Icon,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './Icon-b9d6e0d8', 'preact/jsx-runtime', 'preact', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-8c10b518', './Common/themes/themeContract.css', './hooks/UNSAFE_useTooltip', 'preact/hooks', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-4a4f829a', 'preact/compat', './index-0e42ee05', './hooks/UNSAFE_useUser', './index-6c4e8ae0', './Common', './Common/themes', './Common/themes/redwood/theme', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './utils/UNSAFE_arrayUtils', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './_curry1-68b0cf28', './_curry2-e9df055f', './utils/UNSAFE_classNames', './classNames-e60cc88e', './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-0f97c90f', './vanilla-extract-dynamic.esm-ddec2fc0', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-aadd8313', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './utils/UNSAFE_mergeInterpolations', './_curry3-76b87f8e', './_has-658ea1d3', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './utils/UNSAFE_mergeProps', './hooks/UNSAFE_useAnimation', './useAnimation-c2fbd94a', './hooks/UNSAFE_useThemeInterpolations', './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', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css'], (function(e,o,s,t,l,n,i,a,c,F,h,m,r,S,_,u,A,U,E,N,d,p,T,g,k,y,C,f,I,w,b,x,V,v,B,P,R,j,O,z,H,L,M,q,D,G,J,K,Q,W,X,Y,Z,$,ee,oe,se,te,le,ne,ie,ae,ce,Fe){"use strict";e.Icon=o.Icon,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Icon.js.map

package/amd/UNSAFE_IconButton.js

@@ -1,2 +1,2 @@
-define(['exports', './IconButton-fab89d34', 'preact/jsx-runtime', 'preact', './UNSAFE_BaseButton', './BaseButton-d9df1851', './hooks/UNSAFE_usePress', 'preact/hooks', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './utils/UNSAFE_classNames', './classNames-2ae809ea', 'preact/compat', 'module', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-ac6bf383', './Common/themes/themeContract.css', './_curry1-12d8a4c2', './utils/UNSAFE_mergeInterpolations', './_curry3-46de190a', './_curry2-d7eb25cd', './_has-72ed1986', './utils/PRIVATE_clientHints', './clientHints-0d755236', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-69dfc955', './UNSAFE_Text', './Text-c4aa2975', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-91efbe77', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-589b39b6', './index-95d915df', './hooks/UNSAFE_useUser', './index-e12e679d', './Common', './Common/themes', './Common/themes/redwood/theme', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-4c51fd39', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-fb2dc27f', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-103e527d', './hooks/UNSAFE_useThemeInterpolations', './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'], (function(e,s,o,t,n,i,l,a,F,u,c,h,m,r,_,S,A,U,E,d,N,T,p,k,g,y,C,f,B,b,x,I,w,P,V,v,R,H,L,j,M,O,z,q,D,G,J,K,Q,W,X,Y,Z,$,ee,se,oe,te,ne,ie,le,ae,Fe,ue,ce,he,me,re,_e,Se,Ae,Ue,Ee,de,Ne,Te,pe){"use strict";e.IconButton=s.IconButton,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './IconButton-2a614b4c', 'preact/jsx-runtime', 'preact', './UNSAFE_BaseButton', './BaseButton-67395228', './hooks/UNSAFE_usePress', 'preact/hooks', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './utils/UNSAFE_classNames', './classNames-e60cc88e', 'preact/compat', 'module', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-8c10b518', './Common/themes/themeContract.css', './_curry1-68b0cf28', './utils/UNSAFE_mergeInterpolations', './_curry3-76b87f8e', './_curry2-e9df055f', './_has-658ea1d3', './utils/PRIVATE_clientHints', './clientHints-44591878', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-344081df', './UNSAFE_Text', './Text-cf5ce408', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-0f97c90f', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-4a4f829a', './index-0e42ee05', './hooks/UNSAFE_useUser', './index-6c4e8ae0', './Common', './Common/themes', './Common/themes/redwood/theme', './utils/PRIVATE_floatingUtils', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './UNSAFE_Floating/themes/redwood/FloatingTheme', './UNSAFE_Floating/themes/FloatingStyles.css', 'css!./FloatingStyles.styles.css', './UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css', 'module', './UNSAFE_Floating/themes/redwood/FloatingVariants.css', './vanilla-extract-dynamic.esm-ddec2fc0', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-aadd8313', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-c2fbd94a', './hooks/UNSAFE_useThemeInterpolations', './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'], (function(e,s,o,t,n,i,l,a,F,c,u,h,m,r,_,S,A,U,E,N,d,T,p,k,g,y,f,C,B,x,I,b,w,P,V,v,R,H,L,j,M,O,z,q,D,G,J,K,Q,W,X,Y,Z,$,ee,se,oe,te,ne,ie,le,ae,Fe,ce,ue,he,me,re,_e,Se,Ae,Ue,Ee,Ne,de,Te,pe){"use strict";e.IconButton=s.IconButton,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_IconButton.js.map