@oracle/oraclejet-preact 15.1.2 → 15.1.4

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-182af2cd', '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,d,s){"use strict";e.EnvironmentContext=o.EnvironmentContext,e.EnvironmentProvider=o.EnvironmentProvider,e.RootEnvironmentProvider=o.RootEnvironmentProvider,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './index-fcbf385a', '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 @@
-.o609kf{margin:0 calc(1.25 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x));}
+._5qe84t{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-498df645', './HiddenAccessible-15b5d5ef', './classNames-711dac8e', './Button-4e56bf33', './index-20059af9', './index-182af2cd', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './UNSAFE_BaseButton', './BaseButton-43499a3c', './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-7a8b0c59', './_curry1-ce36c4e7', './utils/UNSAFE_mergeInterpolations', './_curry3-4fb0ed44', './_curry2-d90c5517', './_has-580e26f1', './utils/PRIVATE_clientHints', './clientHints-ff5d5d13', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-3ff84cd1', './UNSAFE_Text', './Text-4cc07262', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-9d536a1b', './UNSAFE_Icon', './Icon-242ffb35', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-86f9017c', './index-f653d9ca', './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-acef6fab', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-48286702', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-95b1d0bd', './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.styles2.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './hoc/PRIVATE_withDirectionIcon', './hooks/UNSAFE_useViewportIntersect', './hooks/UNSAFE_useInteractionStyle', './utils/UNSAFE_interpolations/flexitem', './flexitem-391ab989', './keys-df123de6', './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-ef2d239d', './UNSAFE_Flex', './Flex-cd926f6b', './utils/UNSAFE_interpolations/boxalignment', './utils/UNSAFE_interpolations/flexbox', './flexbox-5d7254d1', './UNSAFE_Skeleton', './Skeleton-6e2d8eba', './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-0f3a3fa8', './PRIVATE_Collection', './Collection-c1cb73c1', './PRIVATE_VirtualizedCollection', './VirtualizedCollection-52339bba', './UNSAFE_FocusTrap', './FocusTrap-84b5ca93', './utils/PRIVATE_tabbableUtils', './_arity-cb8e3705', './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,k,N,x,I,g,b,f,C,R,V,L,w,P,v,B,j,K,G,D,H,M,O,z,q,J,Q,W,X,Y,Z,$,ee,se,oe,te,ne,ie,le,ae,ce,de,re,ue,he,Se,Ae,me,_e,Ee,Fe,pe,Te,Ue,ye,ke,Ne,xe,Ie,ge,be,fe,Ce,Re,Ve,Le,we,Pe,ve,Be,je,Ke,Ge,De,He,Me,Oe,ze,qe,Je,Qe,We,Xe,Ye,Ze,$e,es,ss,os,ts,ns,is,ls,as,cs,ds,rs,us,hs,Ss,As,ms,_s,Es,Fs,ps,Ts,Us,ys,ks,Ns,xs,Is,gs,bs,fs,Cs,Rs,Vs,Ls,ws,Ps,vs,Bs,js,Ks,Gs,Ds,Hs,Ms,Os){"use strict";const zs=e=>{"Enter"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||e.preventDefault()},qs=(e,s,o,t,n)=>{const i=t(s);if(n&&i){const s=d.containsKey(o,i);(e&&s||!e&&!s)&&n({value:i})}},Js=(e,s,o)=>{const t=s(e.target);o&&t&&(o({value:t}),"click"===e.type&&e.stopPropagation())};const Qs={all:!1,keys:new Set},Ws=n.memo((e=>{const o=T.classNames(["o609kf","oj-listview-expander"]);return s.jsx("span",{class:o,role:"presentation",children:s.jsx(U.Button,{onAction:()=>{e.onToggle({value:e.itemKey})},variant:"ghost",startIcon:e.expanded?s.jsx(y.SvgChevronDown,{size:"6x"}):s.jsx(S.CollapseIcon,{size:"6x"})})})}),((e,s)=>e.itemKey===s.itemKey&&e.expanded===s.expanded&&e.onToggle===s.onToggle));e.ExpandableList=function({children:e,currentKey:n,data:i,onSelectionChange:l,onToggle:r,...u}){const[h,S]=t.useState(""),T=c.useTranslationBundle("@oracle/oraclejet-preact"),U=function(e,s,o){const{direction:n}=_.useUser(),i="rtl"===n,l=t.useCallback((s=>{Js(s,e,o)}),[e,o]),a=t.useCallback((t=>{if("Enter"===t.key||" "===t.key)Js(t,e,o);else if("ArrowLeft"===t.key||"ArrowRight"===t.key){const n="ArrowLeft"===t.key&&!i;qs(n,t.target,s,e,o),t.preventDefault(),t.stopPropagation()}}),[e,o]);return o?{onClick:l,onKeyDown:zs,onKeyUp:a}:{}}((e=>"treegrid"===e.getAttribute("role")?void 0===n?null:n:E.keyExtractor(e,A.GROUP_SELECTOR)),null==i?Qs:i.expanded,r?t.useCallback((e=>{if(r(e),i){const s=d.containsKey(i?.expanded,e.value);S(s?T.expandableList_groupCollapse():T.expandableList_groupExpand()),setTimeout((()=>{S("")}),1e3)}}),[r,i]):void 0),y=a.useId(),k=t.useMemo((()=>y),[]),N=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:N,customItemRenderer:o=>{const t=o.listItemContext.metadata.key,n=i&&r?{expanded:d.containsKey(i.expanded,t),onToggle:r}:void 0,l=((e,o)=>{const t=void 0!==o?()=>s.jsx(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:k,itemKey:l.metadata.key,itemIndex:l.index,itemDepth:l.depth,isFocused:o.isFocused,isFocusRingVisible:o.isFocusRingVisible,isActive:o.isActive,isGridlineVisible:!1,isExpandable:!0,expandedKeys:null==i?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:k,children:s.jsx(p.HiddenAccessible,{children:T.expandableList_expandCollapseInstructionText()})})]})]})},Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', 'preact/compat', 'css!./UNSAFE_ExpandableList.css', './utils/UNSAFE_classNames', './hooks/UNSAFE_useId', './hooks/UNSAFE_useTranslationBundle', './utils/UNSAFE_keys', './UNSAFE_Button', './UNSAFE_HiddenAccessible', './PRIVATE_ThemedIcons/ExpandIcon', './PRIVATE_ThemedIcons/CollapseIcon', './PRIVATE_List', './UNSAFE_LiveRegion', './hooks/UNSAFE_useUser', './utils/PRIVATE_collectionUtils', './List-1be89c37', './HiddenAccessible-176fa1c8', './classNames-6767395f', './Button-8c99549b', './index-dfda1d33', './index-fcbf385a', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', './UNSAFE_BaseButton', './BaseButton-6624aede', './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-b3699512', './_curry1-e6d9d1a5', './utils/UNSAFE_mergeInterpolations', './_curry3-e07e0dfb', './_curry2-52d67333', './_has-38a83b27', './utils/PRIVATE_clientHints', './clientHints-7c609d6d', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-f0d694e3', './UNSAFE_Text', './Text-f6c939ec', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-e41f3afc', './UNSAFE_Icon', './Icon-f6263197', './hooks/UNSAFE_useTooltip', './UNSAFE_Floating', './Floating-eb348d77', './index-88e3273c', './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-9a92ef3d', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-d0f96d4d', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-346d4401', './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-5404a584', './keys-295e5fed', './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-f6f3bf14', './UNSAFE_Flex', './Flex-21c79608', './utils/UNSAFE_interpolations/boxalignment', './utils/UNSAFE_interpolations/flexbox', './flexbox-baa962bb', './UNSAFE_Skeleton', './Skeleton-2f11d677', './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-45f8e4e8', './PRIVATE_Collection', './Collection-9855686d', './PRIVATE_VirtualizedCollection', './VirtualizedCollection-b31c9eda', './UNSAFE_FocusTrap', './FocusTrap-99e3a240', './utils/PRIVATE_tabbableUtils', './_arity-f7a07b47', './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,f,C,R,V,L,w,P,v,B,j,K,G,D,H,M,O,z,q,J,Q,W,X,Y,Z,$,ee,se,oe,te,ne,ie,le,ae,ce,de,re,ue,he,Se,Ae,me,_e,Ee,Fe,pe,Te,Ue,ye,Ne,ke,xe,Ie,ge,be,fe,Ce,Re,Ve,Le,we,Pe,ve,Be,je,Ke,Ge,De,He,Me,Oe,ze,qe,Je,Qe,We,Xe,Ye,Ze,$e,es,ss,os,ts,ns,is,ls,as,cs,ds,rs,us,hs,Ss,As,ms,_s,Es,Fs,ps,Ts,Us,ys,Ns,ks,xs,Is,gs,bs,fs,Cs,Rs,Vs,Ls,ws,Ps,vs,Bs,js,Ks,Gs,Ds,Hs,Ms,Os){"use strict";const zs=e=>{"Enter"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||e.preventDefault()},qs=(e,s,o,t,n)=>{const i=t(s);if(n&&i){const s=d.containsKey(o,i);(e&&s||!e&&!s)&&n({value:i})}},Js=(e,s,o)=>{const t=s(e.target);o&&t&&(o({value:t}),"click"===e.type&&e.stopPropagation())};const Qs={all:!1,keys:new Set},Ws=n.memo((e=>{const o=T.classNames(["_5qe84t","oj-listview-expander"]);return s.jsx("span",{class:o,role:"presentation",children:s.jsx(U.Button,{onAction:()=>{e.onToggle({value:e.itemKey})},variant:"ghost",startIcon:e.expanded?s.jsx(y.SvgChevronDown,{size:"6x"}):s.jsx(S.CollapseIcon,{size:"6x"})})})}),((e,s)=>e.itemKey===s.itemKey&&e.expanded===s.expanded&&e.onToggle===s.onToggle));e.ExpandableList=function({children:e,currentKey:n,data:i,onSelectionChange:l,onToggle:r,...u}){const[h,S]=t.useState(""),T=c.useTranslationBundle("@oracle/oraclejet-preact"),U=function(e,s,o){const{direction:n}=_.useUser(),i="rtl"===n,l=t.useCallback((s=>{Js(s,e,o)}),[e,o]),a=t.useCallback((t=>{if("Enter"===t.key||" "===t.key)Js(t,e,o);else if("ArrowLeft"===t.key||"ArrowRight"===t.key){const n="ArrowLeft"===t.key&&!i;qs(n,t.target,s,e,o),t.preventDefault(),t.stopPropagation()}}),[e,o]);return o?{onClick:l,onKeyDown:zs,onKeyUp:a}:{}}((e=>"treegrid"===e.getAttribute("role")?void 0===n?null:n:E.keyExtractor(e,A.GROUP_SELECTOR)),null==i?Qs:i.expanded,r?t.useCallback((e=>{if(r(e),i){const s=d.containsKey(i?.expanded,e.value);S(s?T.expandableList_groupCollapse():T.expandableList_groupExpand()),setTimeout((()=>{S("")}),1e3)}}),[r,i]):void 0),y=a.useId(),N=t.useMemo((()=>y),[]),k=t.useCallback((e=>{if(l&&i){const s=A.excludeGroup(i,e.value);d.isSameKey(s,e.value)?l(e):s.keys&&s.keys.size>0&&l({...e,value:s})}}),[l,i]);return s.jsxs(o.Fragment,{children:[s.jsx(F.List,{isVirtualized:!1,currentKey:n,data:i,role:"treegrid",loadingIndicator:s.jsx(A.GroupLoadingIndicator,{}),onSelectionChange:k,customItemRenderer:o=>{const t=o.listItemContext.metadata.key,n=i&&r?{expanded:d.containsKey(i.expanded,t),onToggle:r}:void 0,l=((e,o)=>{const t=void 0!==o?()=>s.jsx(Ws,{itemKey:e.metadata.key,expanded:o.expanded,onToggle:o.onToggle}):void 0;return{...e,parentKey:e.metadata.parentKey,leaf:e.metadata.isLeaf??!0,depth:e.metadata.treeDepth??1,expander:t}})(o.listItemContext,n);return l.leaf?o.defaultListItem(l,{itemDepth:l.depth+1}):s.jsx(A.ListGroupHeader,{ariaDescribedBy:N,itemKey:l.metadata.key,itemIndex:l.index,itemDepth:l.depth,isFocused:o.isFocused,isFocusRingVisible:o.isFocusRingVisible,isActive:o.isActive,isGridlineVisible:!1,isExpandable:!0,expandedKeys:null==i?Qs:i.expanded,onToggle:r,children:e(l)},l.metadata.key)},eventHandlers:U,...u,children:s=>e(s)}),r&&s.jsxs(o.Fragment,{children:[s.jsx(m.LiveRegion,{children:h}),s.jsx("span",{id:N,children:s.jsx(p.HiddenAccessible,{children:T.expandableList_expandCollapseInstructionText()})})]})]})},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_ExpandableList.js.map

package/amd/UNSAFE_ExpandableList.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_ExpandableList.js","sources":["../../src/UNSAFE_ExpandableList/useExpandCollapse.ts","../../src/UNSAFE_ExpandableList/ExpandableList.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useCallback } from 'preact/hooks';\nimport { ToggleDetail } from '../UNSAFE_Collection';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { containsKey, Keys } from '../utils/UNSAFE_keys';\n\n/**\n * A hook that handles mouse and keyboard gesture that toggles the expanded state.\n * @param keyExtractor\n * @param expanded\n * @param onToggle\n * @returns\n */\nexport function useExpandCollapse<K>(\n  keyExtractor: (element: HTMLElement) => K | null,\n  expanded: Keys<K>,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) {\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  const onClick = useCallback(\n    (event: MouseEvent) => {\n      handleToggle(event, keyExtractor, onToggle);\n    },\n    [keyExtractor, onToggle]\n  );\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Enter' || event.key === ' ') {\n        handleToggle(event, keyExtractor, onToggle);\n      } else if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n        const isLeftArrow = event.key === 'ArrowLeft' && !isRtl;\n        handleArrowKey(isLeftArrow, event.target as HTMLElement, expanded, keyExtractor, onToggle);\n        // arrow key might cause it to scroll horizontally\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [keyExtractor, onToggle]\n  );\n\n  return onToggle ? { onClick, onKeyDown, onKeyUp } : {};\n}\n\n// prevent default (propagation) for keyDown to prevent scrolling the container\nconst onKeyDown = (event: KeyboardEvent) => {\n  if (event.key === 'Enter' || event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n    event.preventDefault();\n  }\n};\n\nconst handleArrowKey = <K>(\n  isLeftArrow: boolean,\n  target: HTMLElement,\n  expanded: Keys<K>,\n  keyExtractor: (element: HTMLElement) => K | null,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(target);\n  if (onToggle && itemKey) {\n    const contains = containsKey(expanded, itemKey);\n    if ((isLeftArrow && contains) || (!isLeftArrow && !contains)) {\n      onToggle({ value: itemKey });\n    }\n  }\n};\n\nconst handleToggle = <K>(\n  event: Event,\n  keyExtractor: (element: HTMLElement) => K | null,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(event.target as HTMLElement);\n  if (onToggle && itemKey) {\n    onToggle({ value: itemKey });\n    if (event.type === 'click') {\n      event.stopPropagation();\n    }\n  }\n};\n","import { ComponentChildren, Fragment } from 'preact';\nimport { useState, useMemo, useCallback } from 'preact/hooks';\nimport { memo } from 'preact/compat';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport {\n  HierarchicalItemContext,\n  ListItemContext,\n  SelectionDetail,\n  ToggleDetail,\n  FlattenedDataState\n} from '../UNSAFE_Collection';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { Keys, containsKey, isSameKey } from '../utils/UNSAFE_keys';\nimport { Button } from '../UNSAFE_Button';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { ExpandIcon } from '../PRIVATE_ThemedIcons/ExpandIcon';\nimport { CollapseIcon } from '../PRIVATE_ThemedIcons/CollapseIcon';\nimport {\n  List,\n  ListGroupHeader,\n  GROUP_SELECTOR,\n  excludeGroup,\n  GroupLoadingIndicator\n} from '../PRIVATE_List';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { CustomRendererContext, PublicListProps } from '../UNSAFE_ListView/List.types';\nimport { useExpandCollapse } from './useExpandCollapse';\nimport { keyExtractor } from '../utils/PRIVATE_collectionUtils';\n\n// these are the props that are different from ListView\ntype SpecificTypes<K, D> = {\n  /**\n   * A function to render an item or a group header.\n   */\n  children: (context: HierarchicalItemContext<K, D>) => ComponentChildren;\n  /**\n   * A FlattenedDataState object that provides information including data and metadata to this ExpandableList.\n   * If the value is null, then ExpandableList will show loading indicator until a FlattenedDataState is set.\n   */\n  data: FlattenedDataState<K, D> | null;\n  /**\n   * A function to handle when user performs a gesture that toggles the expansion state of a group header\n   */\n  onToggle?: (detail: ToggleDetail<K>) => void;\n};\n\n/**\n * Props for the ExpandableList Component, which consist of all props from ListView\n * except some which have different signatures.\n */\ntype ExpandableListProps<K, D> = Omit<PublicListProps<K, D>, 'children' | 'data'> &\n  SpecificTypes<K, D>;\n\n/**\n * An ExpandableList shows a two-level group of items where each group header can be expand or collapse.\n */\nexport function ExpandableList<K extends string | number, D>({\n  children,\n  currentKey,\n  data,\n  onSelectionChange,\n  onToggle,\n  ...props\n}: ExpandableListProps<K, D>) {\n  const [statusText, setStatusText] = useState('');\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const expandCollapseProps = useExpandCollapse(\n    (element: HTMLElement) => {\n      if (element.getAttribute('role') === 'treegrid') {\n        return currentKey === undefined ? null : currentKey;\n      }\n      return keyExtractor(element, GROUP_SELECTOR) as K;\n    },\n    data == null ? (emptyKeys as Keys<K>) : data.expanded,\n    onToggle\n      ? useCallback(\n          (detail: ToggleDetail<K>) => {\n            onToggle(detail);\n            if (data) {\n              const previouslyExpanded = containsKey(data?.expanded, detail.value);\n              setStatusText(\n                previouslyExpanded\n                  ? translations.expandableList_groupCollapse()\n                  : translations.expandableList_groupExpand()\n              );\n              // we need to clear the live region text otherwise screenreader\n              // won't read again if the content did not change the next time\n              setTimeout(() => {\n                setStatusText('');\n              }, 1000);\n            }\n          },\n          [onToggle, data]\n        )\n      : undefined\n  );\n\n  const descId = useId();\n  const stableDescId = useMemo(() => {\n    // this should never change after mounted\n    return descId;\n  }, []);\n\n  const createHierarchicalContext = <K, D>(\n    context: ListItemContext<K, D>,\n    options?: { expanded: boolean; onToggle: (detail: ToggleDetail<K>) => void }\n  ) => {\n    const expanderRenderer =\n      options !== undefined\n        ? () => (\n            <Expander\n              itemKey={context.metadata.key}\n              expanded={options.expanded}\n              onToggle={options.onToggle}\n            />\n          )\n        : undefined;\n\n    return {\n      ...context,\n      parentKey: context.metadata.parentKey,\n      leaf: context.metadata.isLeaf ?? true,\n      depth: context.metadata.treeDepth ?? 1,\n      expander: expanderRenderer\n    };\n  };\n\n  const handleSelectionChange = useCallback(\n    (detail: SelectionDetail<K>) => {\n      if (onSelectionChange && data) {\n        const keys = excludeGroup(data, detail.value);\n        if (isSameKey(keys, detail.value)) {\n          onSelectionChange(detail);\n        } else if (keys.keys && keys.keys.size > 0) {\n          onSelectionChange({ ...detail, value: keys });\n        }\n      }\n    },\n    [onSelectionChange, data]\n  );\n\n  const customItemRenderer = (context: CustomRendererContext<K, D>) => {\n    const itemKey = context.listItemContext.metadata.key;\n    const options =\n      data && onToggle ? { expanded: containsKey(data.expanded, itemKey), onToggle } : undefined;\n    const itemContext = createHierarchicalContext(context.listItemContext, options);\n    if (itemContext.leaf) {\n      return context.defaultListItem(itemContext, { itemDepth: itemContext.depth + 1 });\n    } else {\n      return (\n        <ListGroupHeader\n          key={itemContext.metadata.key}\n          ariaDescribedBy={stableDescId}\n          itemKey={itemContext.metadata.key}\n          itemIndex={itemContext.index}\n          itemDepth={itemContext.depth}\n          isFocused={context.isFocused}\n          isFocusRingVisible={context.isFocusRingVisible}\n          isActive={context.isActive}\n          isGridlineVisible={false}\n          isExpandable={true}\n          expandedKeys={data == null ? (emptyKeys as Keys<K>) : data.expanded}\n          onToggle={onToggle}>\n          {children(itemContext)}\n        </ListGroupHeader>\n      );\n    }\n  };\n\n  return (\n    <Fragment>\n      <List\n        isVirtualized={false}\n        currentKey={currentKey}\n        data={data}\n        role=\"treegrid\"\n        loadingIndicator={<GroupLoadingIndicator />}\n        onSelectionChange={handleSelectionChange}\n        customItemRenderer={customItemRenderer}\n        eventHandlers={expandCollapseProps}\n        {...props}>\n        {(context: ListItemContext<K, D>) => {\n          return children(context as HierarchicalItemContext<K, D>);\n        }}\n      </List>\n      {onToggle && (\n        <Fragment>\n          <LiveRegion>{statusText}</LiveRegion>\n          <span id={stableDescId}>\n            <HiddenAccessible>\n              {translations.expandableList_expandCollapseInstructionText()}\n            </HiddenAccessible>\n          </span>\n        </Fragment>\n      )}\n    </Fragment>\n  );\n}\n\nconst emptyKeys = { all: false, keys: new Set() };\n\nconst Expander = memo(\n  <K,>(props: { itemKey: K; expanded: boolean; onToggle: (detail: ToggleDetail<K>) => void }) => {\n    const styles = {\n      base: cssProps`${{\n        margin: '0 calc(1.25 * var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x))'\n      }}`\n    };\n\n    const classes = classNames([styles.base, 'oj-listview-expander']);\n\n    const actionHandler = () => {\n      props.onToggle({ value: props.itemKey });\n    };\n\n    return (\n      <span class={classes} role=\"presentation\">\n        <Button\n          onAction={actionHandler}\n          variant=\"ghost\"\n          startIcon={props.expanded ? <ExpandIcon size=\"6x\" /> : <CollapseIcon size=\"6x\" />}\n        />\n      </span>\n    );\n  },\n  (prev: any, next: any) => {\n    return (\n      prev.itemKey === next.itemKey &&\n      prev.expanded === next.expanded &&\n      prev.onToggle === next.onToggle\n    );\n  }\n);\n"],"names":["onKeyDown","event","key","preventDefault","handleArrowKey","isLeftArrow","target","expanded","keyExtractor","onToggle","itemKey","contains","containsKey","value","handleToggle","type","stopPropagation","emptyKeys","all","keys","Set","Expander","memo","props","classes","classNames","prev","next","children","currentKey","data","onSelectionChange","translations","useTranslationBundle","expandCollapseProps","direction","useUser","isRtl","onClick","useCallback","onKeyUp","useExpandCollapse","element","GROUP_SELECTOR","detail","previouslyExpanded","setStatusText","expandableList_groupCollapse","expandableList_groupExpand","descId","useId","stableDescId","useMemo","handleSelectionChange","context","createHierarchicalContext","options","expanderRenderer","undefined","_jsx","metadata","parentKey","leaf","isLeaf","depth","treeDepth","expander","defaultListItem","itemContext","itemDepth","ListGroupHeader","ariaDescribedBy","itemIndex","index","isFocused","isFocusRingVisible","isActive","isGridlineVisible","isExpandable","expandedKeys","_jsxs","jsxs","Fragment","jsx","LiveRegion","statusText","id","HiddenAccessible","expandableList_expandCollapseInstructionText"],"mappings":"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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.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-9d536a1b'], (function(e,s,i,t,a,l,c,r){"use strict";const n={baseTheme:i.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.FilePickerRedwoodTheme=n,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../FilePickerStyles.css', './FilePickerBaseTheme.css', './FilePickerVariants.css', 'css!./../../../FilePickerStyles.styles.css', 'module', 'css!./../../../FilePickerVariants.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-e41f3afc'], (function(e,s,i,t,a,l,c,r){"use strict";const n={baseTheme:i.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.FilePickerRedwoodTheme=n,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# 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":"mUASA,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":"oUASA,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.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-9d536a1b'], (function(e,s,t,a){"use strict";var i=a.createRuntimeFn({defaultClassName:"FilePickerStyles_baseStyle__dogf2s4",variantClassNames:{disabledState:{isDisabled:"FilePickerVariants_multiVariantStyles_disabledState_isDisabled__1lw5ul40"},hoveredState:{isHover:"FilePickerStyles_outerNeedsEventsHoverStyle__dogf2s2"},pseudoHoveredState:{isPseudoHover:"FilePickerVariants_multiVariantStyles_pseudoHoveredState_isPseudoHover__1lw5ul42"}},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-e41f3afc'], (function(e,s,t,a){"use strict";var i=a.createRuntimeFn({defaultClassName:"FilePickerStyles_baseStyle__dogf2s4",variantClassNames:{disabledState:{isDisabled:"FilePickerVariants_multiVariantStyles_disabledState_isDisabled__1lw5ul40"},hoveredState:{isHover:"FilePickerStyles_outerNeedsEventsHoverStyle__dogf2s2"},pseudoHoveredState:{isPseudoHover:"FilePickerVariants_multiVariantStyles_pseudoHoveredState_isPseudoHover__1lw5ul42"}},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.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-9d536a1b'], (function(e,s,i,t,a,l,c,r){"use strict";const n={baseTheme:i.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.FilePickerStableTheme=n,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../FilePickerStyles.css', './FilePickerBaseTheme.css', './FilePickerVariants.css', 'css!./../../../FilePickerStyles.styles.css', 'module', 'css!./../../../FilePickerVariants.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-e41f3afc'], (function(e,s,i,t,a,l,c,r){"use strict";const n={baseTheme:i.baseTheme,multiVariantStyles:t.multiVariantStyles,variants:s.variants,styles:s.styles};e.FilePickerStableTheme=n,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# 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":"oUASA,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":"mUASA,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.styles2.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-9d536a1b'], (function(e,s,t,a){"use strict";var i=a.createRuntimeFn({defaultClassName:"FilePickerStyles_baseStyle__dogf2s4",variantClassNames:{disabledState:{isDisabled:"FilePickerVariants_multiVariantStyles_disabledState_isDisabled__ac40y0"},hoveredState:{isHover:"FilePickerStyles_outerNeedsEventsHoverStyle__dogf2s2"},pseudoHoveredState:{isPseudoHover:"FilePickerVariants_multiVariantStyles_pseudoHoveredState_isPseudoHover__ac40y2"}},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-e41f3afc'], (function(e,s,t,a){"use strict";var i=a.createRuntimeFn({defaultClassName:"FilePickerStyles_baseStyle__dogf2s4",variantClassNames:{disabledState:{isDisabled:"FilePickerVariants_multiVariantStyles_disabledState_isDisabled__ac40y0"},hoveredState:{isHover:"FilePickerStyles_outerNeedsEventsHoverStyle__dogf2s2"},pseudoHoveredState:{isPseudoHover:"FilePickerVariants_multiVariantStyles_pseudoHoveredState_isPseudoHover__ac40y2"}},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-b5aad721', 'preact/jsx-runtime', './utils/UNSAFE_mergeProps', './utils/UNSAFE_classNames', './classNames-711dac8e', './hooks/UNSAFE_useTranslationBundle', 'preact/hooks', './index-182af2cd', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/compat', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-7a8b0c59', './utils/UNSAFE_stringUtils', './stringUtils-46147426', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './_curry1-ce36c4e7', './_curry2-d90c5517', './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-9d536a1b', './utils/UNSAFE_filePickerUtils', './utils/PRIVATE_clientHints', './clientHints-ff5d5d13', './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,a,m,n,k,u,_,h,d,S,U,A,N,E,P,p,y,T,b,f,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-1c206b14', 'preact/jsx-runtime', './utils/UNSAFE_mergeProps', './utils/UNSAFE_classNames', './classNames-6767395f', './hooks/UNSAFE_useTranslationBundle', 'preact/hooks', './index-fcbf385a', 'preact', './Common', './Common/themes', './Common/themes/redwood/theme', './Common/themes/themeContract.css', 'preact/compat', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-b3699512', './utils/UNSAFE_stringUtils', './stringUtils-21c493e8', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_logger', './_curry1-e6d9d1a5', './_curry2-52d67333', './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-e41f3afc', './utils/UNSAFE_filePickerUtils', './utils/PRIVATE_clientHints', './clientHints-7c609d6d', './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,S,U,A,N,d,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})}));
 //# sourceMappingURL=UNSAFE_FilePicker.js.map

package/amd/UNSAFE_Flex.css

@@ -1,2 +1,2 @@
-._1yl1w5m{display:flex;}
-.c6r810 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._13su0r9{display:flex;}
+.h7ehhr > *{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-cd926f6b', 'preact/jsx-runtime', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-7a8b0c59', './Common/themes/themeContract.css', './_curry1-ce36c4e7', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_classNames', './classNames-711dac8e', './_curry3-4fb0ed44', './_curry2-d90c5517', './_has-580e26f1', 'css!./UNSAFE_Flex.css', './utils/UNSAFE_interpolations/boxalignment', './keys-df123de6', './utils/UNSAFE_interpolations/flexbox', './flexbox-5d7254d1', './utils/UNSAFE_interpolations/flexitem', './flexitem-391ab989'], (function(e,t,s,i,l,r,n,a,o,c,u,m,_,d,x,F,f,N,S,U,A,E,b){"use strict";e.Flex=t.Flex,e.marginZeroStyles=t.marginZeroStyles,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './Flex-21c79608', 'preact/jsx-runtime', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-b3699512', './Common/themes/themeContract.css', './_curry1-e6d9d1a5', './utils/UNSAFE_mergeInterpolations', './utils/UNSAFE_classNames', './classNames-6767395f', './_curry3-e07e0dfb', './_curry2-52d67333', './_has-38a83b27', 'css!./UNSAFE_Flex.css', './utils/UNSAFE_interpolations/boxalignment', './keys-295e5fed', './utils/UNSAFE_interpolations/flexbox', './flexbox-baa962bb', './utils/UNSAFE_interpolations/flexitem', './flexitem-5404a584'], (function(e,t,s,i,l,r,a,n,o,u,m,_,c,x,F,N,S,b,f,U,d,A,E){"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-9d536a1b'], (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-e41f3afc'], (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-9d536a1b'], (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-e41f3afc'], (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-9d536a1b'], (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-e41f3afc'], (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-9d536a1b'], (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-e41f3afc'], (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-86f9017c', 'preact/jsx-runtime', 'preact/hooks', 'preact/compat', './index-f653d9ca', './hooks/UNSAFE_useUser', './index-182af2cd', '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-ce36c4e7', './_curry2-d90c5517', './utils/UNSAFE_classNames', './classNames-711dac8e', './utils-7a8b0c59', './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-9d536a1b', './vanilla-extract-dynamic.esm-acef6fab', './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})}));
+define(['exports', './Floating-eb348d77', 'preact/jsx-runtime', 'preact/hooks', 'preact/compat', './index-88e3273c', './hooks/UNSAFE_useUser', './index-fcbf385a', '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-e6d9d1a5', './_curry2-52d67333', './utils/UNSAFE_classNames', './classNames-6767395f', './utils-b3699512', './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-e41f3afc', './vanilla-extract-dynamic.esm-9a92ef3d', './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,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 @@
-._14asjhp > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+.jtlbt > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
 
-._72dli0{height:0px;left:0;position:fixed;top:0;width:1px;}
+._1eh8dnv{height:0px;left:0;position:fixed;top:0;width:1px;}

package/amd/UNSAFE_FocusTrap.js

@@ -1,2 +1,2 @@
-define(['exports', './FocusTrap-84b5ca93', 'preact/jsx-runtime', 'preact', 'preact/compat', './utils/UNSAFE_classNames', './classNames-711dac8e', 'css!./UNSAFE_FocusTrap.css', './utils/PRIVATE_tabbableUtils', './_curry1-ce36c4e7', './_curry2-d90c5517', './_arity-cb8e3705', './_curry3-4fb0ed44'], (function(e,c,a,r,s,t,u,i,l,p,o,_,b){"use strict";e.FocusTrap=c.FocusTrap,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './FocusTrap-99e3a240', 'preact/jsx-runtime', 'preact', 'preact/compat', './utils/UNSAFE_classNames', './classNames-6767395f', 'css!./UNSAFE_FocusTrap.css', './utils/PRIVATE_tabbableUtils', './_curry1-e6d9d1a5', './_curry2-52d67333', './_arity-f7a07b47', './_curry3-e07e0dfb'], (function(e,a,r,s,t,c,u,i,l,p,o,_,d){"use strict";e.FocusTrap=a.FocusTrap,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_FocusTrap.js.map

package/amd/UNSAFE_Grid.css

@@ -1 +1 @@
-.gvz42n{display:grid;}
+._1ghinu8{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-df123de6', './_curry1-ce36c4e7', './_has-580e26f1', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-7a8b0c59', './Common/themes/themeContract.css', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_classNames', './classNames-711dac8e', './_curry3-4fb0ed44', './_curry2-d90c5517'], (function(e,s,t,i,r,n,l,a,c,o,u,d,_,m,p,N,A,U){"use strict";const b=[...Object.values(i.gridInterpolations),...Object.values(r.boxAlignmentInterpolations)],g=n.mergeInterpolations(b);e.Grid=({children:e,...t})=>{const{class:i,...r}=g(t),n={...r};return s.jsx("div",{class:`gvz42n ${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-295e5fed', './_curry1-e6d9d1a5', './_has-38a83b27', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-b3699512', './Common/themes/themeContract.css', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_classNames', './classNames-6767395f', './_curry3-e07e0dfb', './_curry2-52d67333'], (function(e,s,t,i,r,n,l,a,o,c,u,d,_,m,p,N,b,A){"use strict";const U=[...Object.values(i.gridInterpolations),...Object.values(r.boxAlignmentInterpolations)],g=n.mergeInterpolations(U);e.Grid=({children:e,...t})=>{const{class:i,...r}=g(t),n={...r};return s.jsx("div",{class:`_1ghinu8 ${i}`,style:n,children:e})},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_Grid.js.map

package/amd/UNSAFE_Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Grid.js","sources":["../../src/UNSAFE_Grid/Grid.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { gridInterpolations } from '../utils/UNSAFE_interpolations/grid';\nimport type { GridProps } from '../utils/UNSAFE_interpolations/grid';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\ntype Props = GridProps &\n  BoxAlignmentProps & {\n    /**\n     * The children to put in the grid.\n     */\n    children?: ComponentChildren;\n  };\n\nconst baseStyles = cssProps`${{ display: 'grid' }}`;\n\nconst interpolations = [\n  ...Object.values(gridInterpolations),\n  ...Object.values(boxAlignmentInterpolations)\n];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\n/**\n * An implicit grid. Resize your browser to see how items reflow.\n */\nexport const Grid = ({ children, ...props }: Props) => {\n  const { class: cls, ...styles } = styleInterpolations(props);\n  const allStyles = { ...styles };\n  return (\n    <div class={`${baseStyles} ${cls}`} style={allStyles}>\n      {children}\n    </div>\n  );\n};\n"],"names":["interpolations","Object","values","gridInterpolations","boxAlignmentInterpolations","styleInterpolations","mergeInterpolations","Grid","children","props","class","cls","styles","allStyles","_jsx","style"],"mappings":"sfAuBA,MAEAA,EAAA,IACEC,OAAAC,OAAAC,EAAAA,uBACAF,OAAAC,OAAAE,EAAAA,6BAGFC,EAAAC,EAAAA,oBAAAN,UAKAO,EAAAC,cAAAC,MACE,MAAAC,MAAAC,KAAAC,GAAAP,EAAAI,GACAI,EAAA,IAAAD,GACA,OAAAE,EAAAA,IAAA,MAAA,CAAAJ,MAAA,UAAAC,IAAAI,MAAAF,EAAAL,SAAAA,GAAA"}
+{"version":3,"file":"UNSAFE_Grid.js","sources":["../../src/UNSAFE_Grid/Grid.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { gridInterpolations } from '../utils/UNSAFE_interpolations/grid';\nimport type { GridProps } from '../utils/UNSAFE_interpolations/grid';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\ntype Props = GridProps &\n  BoxAlignmentProps & {\n    /**\n     * The children to put in the grid.\n     */\n    children?: ComponentChildren;\n  };\n\nconst baseStyles = cssProps`${{ display: 'grid' }}`;\n\nconst interpolations = [\n  ...Object.values(gridInterpolations),\n  ...Object.values(boxAlignmentInterpolations)\n];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\n/**\n * An implicit grid. Resize your browser to see how items reflow.\n */\nexport const Grid = ({ children, ...props }: Props) => {\n  const { class: cls, ...styles } = styleInterpolations(props);\n  const allStyles = { ...styles };\n  return (\n    <div class={`${baseStyles} ${cls}`} style={allStyles}>\n      {children}\n    </div>\n  );\n};\n"],"names":["interpolations","Object","values","gridInterpolations","boxAlignmentInterpolations","styleInterpolations","mergeInterpolations","Grid","children","props","class","cls","styles","allStyles","_jsx","style"],"mappings":"sfAuBA,MAEAA,EAAA,IACEC,OAAAC,OAAAC,EAAAA,uBACAF,OAAAC,OAAAE,EAAAA,6BAGFC,EAAAC,EAAAA,oBAAAN,UAKAO,EAAAC,cAAAC,MACE,MAAAC,MAAAC,KAAAC,GAAAP,EAAAI,GACAI,EAAA,IAAAD,GACA,OAAAE,EAAAA,IAAA,MAAA,CAAAJ,MAAA,YAAAC,IAAAI,MAAAF,EAAAL,SAAAA,GAAA"}

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

@@ -1,2 +1,2 @@
-define(['exports', 'css!./../../GroupedListStyles.styles.css', '../../vanilla-extract-recipes-createRuntimeFn.esm-9d536a1b'], (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-e41f3afc'], (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-9d536a1b', '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.GroupedListRedwoodTheme=l,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', '../GroupedListStyles.css', './GroupedListBaseTheme.css', 'css!./../../../GroupedListStyles.styles.css', '../../../vanilla-extract-recipes-createRuntimeFn.esm-e41f3afc', '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.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-9d536a1b', '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-e41f3afc', '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-9d536a1b'], (function(i,e,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"},variant:{primary:"HeadingStyles_multiVariantStyles_variant_primary__1fxnri68",secondary:"HeadingStyles_multiVariantStyles_variant_secondary__1fxnri69",disabled:"HeadingStyles_multiVariantStyles_variant_disabled__1fxnri6a",inherit:"HeadingStyles_multiVariantStyles_variant_inherit__1fxnri6b"}},defaultVariants:{size:"2xl",variant:"primary"},compoundVariants:[]});i.multiVariantStyles=n,i.styles={base:"HeadingStyles_base__1fxnri60"},i.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"}},variant:{primary:{color:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary)"},secondary:{color:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary)"},disabled:{color:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled)"},inherit:{color:"inherit"}}},Object.defineProperty(i,"__esModule",{value:!0})}));
+define(['exports', 'css!./../../HeadingStyles.styles.css', '../../vanilla-extract-recipes-createRuntimeFn.esm-e41f3afc'], (function(i,e,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"},variant:{primary:"HeadingStyles_multiVariantStyles_variant_primary__1fxnri68",secondary:"HeadingStyles_multiVariantStyles_variant_secondary__1fxnri69",disabled:"HeadingStyles_multiVariantStyles_variant_disabled__1fxnri6a",inherit:"HeadingStyles_multiVariantStyles_variant_inherit__1fxnri6b"}},defaultVariants:{size:"2xl",variant:"primary"},compoundVariants:[]});i.multiVariantStyles=n,i.styles={base:"HeadingStyles_base__1fxnri60"},i.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"}},variant:{primary:{color:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-primary)"},secondary:{color:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary)"},disabled:{color:"var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-disabled)"},inherit:{color:"inherit"}}},Object.defineProperty(i,"__esModule",{value:!0})}));
 //# sourceMappingURL=HeadingStyles.css.js.map

package/amd/UNSAFE_Heading.js

@@ -1,2 +1,2 @@
-define(['exports', './Heading-4127bb8b', 'preact/jsx-runtime', './utils/UNSAFE_arrayUtils', './UNSAFE_Heading/themes/HeadingStyles.css', 'css!./HeadingStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-9d536a1b'], (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-45cec854', 'preact/jsx-runtime', './utils/UNSAFE_arrayUtils', './UNSAFE_Heading/themes/HeadingStyles.css', 'css!./HeadingStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-e41f3afc'], (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 @@
-.vfwet4{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;}
+.i40v2q{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-15b5d5ef', 'preact/jsx-runtime', 'css!./UNSAFE_HiddenAccessible.css'], (function(e,i,s,c){"use strict";e.HiddenAccessible=i.HiddenAccessible,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './HiddenAccessible-176fa1c8', '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 @@
-._1k6j1aj{font-weight:700;}
+._1maluxj{font-weight:700;}

package/amd/UNSAFE_HighlightText.js

@@ -1,2 +1,2 @@
-define(['exports', './HighlightText-2d04f9d7', 'preact/jsx-runtime', 'preact', 'css!./UNSAFE_HighlightText.css'], (function(e,t,i,r,g){"use strict";e.HighlightText=t.HighlightText,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './HighlightText-e3a24ff2', '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-242ffb35', 'preact/jsx-runtime', 'preact', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-7a8b0c59', './Common/themes/themeContract.css', './hooks/UNSAFE_useTooltip', 'preact/hooks', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-86f9017c', 'preact/compat', './index-f653d9ca', './hooks/UNSAFE_useUser', './index-182af2cd', './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-ce36c4e7', './_curry2-d90c5517', './utils/UNSAFE_classNames', './classNames-711dac8e', './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-9d536a1b', './vanilla-extract-dynamic.esm-acef6fab', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-48286702', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './utils/UNSAFE_mergeInterpolations', './_curry3-4fb0ed44', './_has-580e26f1', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './utils/UNSAFE_mergeProps', './hooks/UNSAFE_useAnimation', './useAnimation-95b1d0bd', './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.styles2.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})}));
+define(['exports', './Icon-f6263197', 'preact/jsx-runtime', 'preact', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-b3699512', './Common/themes/themeContract.css', './hooks/UNSAFE_useTooltip', 'preact/hooks', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-eb348d77', 'preact/compat', './index-88e3273c', './hooks/UNSAFE_useUser', './index-fcbf385a', './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-e6d9d1a5', './_curry2-52d67333', './utils/UNSAFE_classNames', './classNames-6767395f', './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-e41f3afc', './vanilla-extract-dynamic.esm-9a92ef3d', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-d0f96d4d', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './utils/UNSAFE_mergeInterpolations', './_curry3-e07e0dfb', './_has-38a83b27', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './utils/UNSAFE_mergeProps', './hooks/UNSAFE_useAnimation', './useAnimation-346d4401', './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,F,h,m,c,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,Fe,he){"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-9c80142c', 'preact/jsx-runtime', 'preact', './UNSAFE_BaseButton', './BaseButton-43499a3c', './hooks/UNSAFE_usePress', 'preact/hooks', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './utils/UNSAFE_classNames', './classNames-711dac8e', 'preact/compat', 'module', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-7a8b0c59', './Common/themes/themeContract.css', './_curry1-ce36c4e7', './utils/UNSAFE_mergeInterpolations', './_curry3-4fb0ed44', './_curry2-d90c5517', './_has-580e26f1', './utils/PRIVATE_clientHints', './clientHints-ff5d5d13', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-3ff84cd1', './UNSAFE_Text', './Text-4cc07262', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-9d536a1b', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-86f9017c', './index-f653d9ca', './hooks/UNSAFE_useUser', './index-182af2cd', './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-acef6fab', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-48286702', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-95b1d0bd', './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.styles2.css'], (function(e,s,o,t,n,i,l,a,c,F,u,h,m,r,_,S,A,U,E,N,d,T,p,k,g,y,f,C,B,x,b,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,ce,Fe,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})}));
+define(['exports', './IconButton-6cc25d3a', 'preact/jsx-runtime', 'preact', './UNSAFE_BaseButton', './BaseButton-6624aede', './hooks/UNSAFE_usePress', 'preact/hooks', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useActive', './utils/UNSAFE_classNames', './classNames-6767395f', 'preact/compat', 'module', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_arrayUtils', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-b3699512', './Common/themes/themeContract.css', './_curry1-e6d9d1a5', './utils/UNSAFE_mergeInterpolations', './_curry3-e07e0dfb', './_curry2-52d67333', './_has-38a83b27', './utils/PRIVATE_clientHints', './clientHints-7c609d6d', './hooks/UNSAFE_useTabbableMode', './utils/UNSAFE_mergeProps', './UNSAFE_ButtonLayout', './ButtonLayout-f0d694e3', './UNSAFE_Text', './Text-f6c939ec', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-e41f3afc', './hooks/UNSAFE_useTooltip', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-eb348d77', './index-88e3273c', './hooks/UNSAFE_useUser', './index-fcbf385a', './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-9a92ef3d', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-d0f96d4d', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './hooks/UNSAFE_useAnimation', './useAnimation-346d4401', './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,N,d,T,p,k,g,y,C,f,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,ue,ce,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

package/amd/UNSAFE_IconMenuButton.js

@@ -1,2 +1,2 @@
-define(['exports', './IconMenuButton-be98d180', 'preact/jsx-runtime', './UNSAFE_ButtonLayout', './ButtonLayout-3ff84cd1', 'module', './utils/UNSAFE_classNames', './classNames-711dac8e', './UNSAFE_Text', './Text-4cc07262', './utils/UNSAFE_mergeInterpolations', './_curry1-ce36c4e7', './_curry3-4fb0ed44', './_curry2-d90c5517', './_has-580e26f1', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-9d536a1b', './PRIVATE_ThemedIcons/ChevronDownIcon', './index-20059af9', './UNSAFE_Icon', './Icon-242ffb35', 'preact', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-7a8b0c59', './Common/themes/themeContract.css', './hooks/UNSAFE_useTooltip', 'preact/hooks', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-86f9017c', 'preact/compat', './index-f653d9ca', './hooks/UNSAFE_useUser', './index-182af2cd', './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', './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-acef6fab', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-48286702', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './utils/UNSAFE_mergeProps', './hooks/UNSAFE_useAnimation', './useAnimation-95b1d0bd', './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.styles2.css', './UNSAFE_Icon/themes/IconStyle.css', 'css!./IconStyle.styles.css', './UNSAFE_Menu', './Menu-94e30196', './MenuItem-9fdf5f2a', './hooks/UNSAFE_usePress', './utils/UNSAFE_interpolations/flexitem', './flexitem-391ab989', './keys-df123de6', './hooks/UNSAFE_useInteractionStyle', './utils/PRIVATE_clientHints', './clientHints-ff5d5d13', './hooks/UNSAFE_useActive', './UNSAFE_Menu/themes/redwood/MenuItemTheme', './UNSAFE_Menu/themes/MenuItemStyles.css', 'css!./MenuItemStyles.styles.css', './UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.css', 'module', './UNSAFE_Menu/themes/redwood/MenuItemVariants.css', 'css!./MenuItemVariants.styles.css', './UNSAFE_Menu/themes/MenuStyles.css', 'css!./MenuStyles.styles.css', './UNSAFE_Menu/themes/DropdownMenuStyles.css', 'css!./DropdownMenuStyles.styles.css', './useModal-129c8a8d', './UNSAFE_Menu/themes/SheetMenuStyles.css', 'css!./SheetMenuStyles.styles.css', './SelectMenuItem-5a199d9f', './PRIVATE_ThemedIcons/CheckIcon', './SelectMultipleMenuGroup-34b0b9d7', './SelectSingleMenuGroup-0e7e3c68', './MenuDivider-b18b901d', './UNSAFE_Divider', './Divider-98a40103', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './UNSAFE_Menu/themes/redwood/MenuDividerTheme', './UNSAFE_Menu/themes/MenuDividerStyles.css', 'css!./MenuDividerStyles.styles.css', './UNSAFE_Menu/themes/redwood/MenuDividerBaseTheme.css', 'module', './UNSAFE_Menu/themes/redwood/MenuDividerVariants.css', './Submenu-60a36f23', './PRIVATE_ThemedIcons/DirectionalExpandArrowIcon', './index-06a5ff1b', './hoc/PRIVATE_withDirectionIcon', './PRIVATE_ThemedIcons/DirectionalCollapseArrowIcon', './hooks/UNSAFE_useMenuAction', './UNSAFE_BaseButton', './BaseButton-43499a3c', './utils/UNSAFE_interpolations/dimensions', './hooks/UNSAFE_useTabbableMode'], (function(e,s,t,o,n,i,l,u,c,a,S,m,r,h,d,F,A,_,E,U,N,T,y,M,I,p,f,k,g,w,b,C,v,D,B,x,V,P,R,H,L,j,G,O,z,q,J,K,Q,W,X,Y,Z,$,ee,se,te,oe,ne,ie,le,ue,ce,ae,Se,me,re,he,de,Fe,Ae,_e,Ee,Ue,Ne,Te,ye,Me,Ie,pe,fe,ke,ge,we,be,Ce,ve,De,Be,xe,Ve,Pe,Re,He,Le,je,Ge,Oe,ze,qe,Je,Ke,Qe,We,Xe,Ye,Ze,$e,es,ss,ts,os,ns,is,ls,us,cs,as,Ss,ms,rs,hs,ds,Fs,As){"use strict";e.IconMenuButton=s.IconMenuButton,Object.defineProperty(e,"__esModule",{value:!0})}));
+define(['exports', './IconMenuButton-7eb32c60', 'preact/jsx-runtime', './UNSAFE_ButtonLayout', './ButtonLayout-f0d694e3', 'module', './utils/UNSAFE_classNames', './classNames-6767395f', './UNSAFE_Text', './Text-f6c939ec', './utils/UNSAFE_mergeInterpolations', './_curry1-e6d9d1a5', './_curry3-e07e0dfb', './_curry2-52d67333', './_has-38a83b27', './UNSAFE_Text/themes/TextStyles.css', 'css!./TextStyles.styles.css', './vanilla-extract-recipes-createRuntimeFn.esm-e41f3afc', './PRIVATE_ThemedIcons/ChevronDownIcon', './index-dfda1d33', './UNSAFE_Icon', './Icon-f6263197', 'preact', './utils/UNSAFE_size', './UNSAFE_Theme', './utils-b3699512', './Common/themes/themeContract.css', './hooks/UNSAFE_useTooltip', 'preact/hooks', './hooks/UNSAFE_useId', './UNSAFE_Floating', './Floating-eb348d77', 'preact/compat', './index-88e3273c', './hooks/UNSAFE_useUser', './index-fcbf385a', './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', './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-9a92ef3d', './UNSAFE_Floating/themes/FloatingContract.css', './UNSAFE_Layer', './useThemeInterpolations-d0f96d4d', './hooks/UNSAFE_useColorScheme', './hooks/UNSAFE_useScale', './utils/UNSAFE_interpolations/theme', './hooks/UNSAFE_useHover', './hooks/UNSAFE_useToggle', './hooks/UNSAFE_useFocus', './hooks/UNSAFE_useTouch', './utils/UNSAFE_mergeProps', './hooks/UNSAFE_useAnimation', './useAnimation-346d4401', './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', './UNSAFE_Menu', './Menu-a198fce0', './MenuItem-2c5123a7', './hooks/UNSAFE_usePress', './utils/UNSAFE_interpolations/flexitem', './flexitem-5404a584', './keys-295e5fed', './hooks/UNSAFE_useInteractionStyle', './utils/PRIVATE_clientHints', './clientHints-7c609d6d', './hooks/UNSAFE_useActive', './UNSAFE_Menu/themes/redwood/MenuItemTheme', './UNSAFE_Menu/themes/MenuItemStyles.css', 'css!./MenuItemStyles.styles.css', './UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.css', 'module', './UNSAFE_Menu/themes/redwood/MenuItemVariants.css', 'css!./MenuItemVariants.styles.css', './UNSAFE_Menu/themes/MenuStyles.css', 'css!./MenuStyles.styles.css', './UNSAFE_Menu/themes/DropdownMenuStyles.css', 'css!./DropdownMenuStyles.styles.css', './useModal-65449513', './UNSAFE_Menu/themes/SheetMenuStyles.css', 'css!./SheetMenuStyles.styles.css', './SelectMenuItem-f927b5ef', './PRIVATE_ThemedIcons/CheckIcon', './SelectMultipleMenuGroup-90c2b9cf', './SelectSingleMenuGroup-a9e8441e', './MenuDivider-b0f477e8', './UNSAFE_Divider', './Divider-8c884533', './UNSAFE_Divider/themes/DividerStyles.css', 'css!./DividerStyles.styles.css', './UNSAFE_Menu/themes/redwood/MenuDividerTheme', './UNSAFE_Menu/themes/MenuDividerStyles.css', 'css!./MenuDividerStyles.styles.css', './UNSAFE_Menu/themes/redwood/MenuDividerBaseTheme.css', 'module', './UNSAFE_Menu/themes/redwood/MenuDividerVariants.css', './Submenu-4b0f0e91', './PRIVATE_ThemedIcons/DirectionalExpandArrowIcon', './index-c23fabcc', './hoc/PRIVATE_withDirectionIcon', './PRIVATE_ThemedIcons/DirectionalCollapseArrowIcon', './hooks/UNSAFE_useMenuAction', './UNSAFE_BaseButton', './BaseButton-6624aede', './utils/UNSAFE_interpolations/dimensions', './hooks/UNSAFE_useTabbableMode'], (function(e,s,t,o,n,i,l,u,c,a,S,m,r,h,d,F,A,_,E,U,N,T,y,M,I,p,f,k,g,w,C,v,D,B,b,x,V,P,R,H,L,j,G,O,z,q,J,K,Q,W,X,Y,Z,$,ee,se,te,oe,ne,ie,le,ue,ce,ae,Se,me,re,he,de,Fe,Ae,_e,Ee,Ue,Ne,Te,ye,Me,Ie,pe,fe,ke,ge,we,Ce,ve,De,Be,be,xe,Ve,Pe,Re,He,Le,je,Ge,Oe,ze,qe,Je,Ke,Qe,We,Xe,Ye,Ze,$e,es,ss,ts,os,ns,is,ls,us,cs,as,Ss,ms,rs,hs,ds,Fs,As){"use strict";e.IconMenuButton=s.IconMenuButton,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=UNSAFE_IconMenuButton.js.map