@oracle/oraclejet-preact 17.1.1 → 17.1.3

package/cjs/ReadonlyTextFieldVariants.styles.css

@@ -1,4 +1,4 @@
-.ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_isInsideNonReadonlyForm__a11ehs0 {
+.ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_isInsideNonReadonlyForm__ck0nxo0 {
   border-width: var(--borderWidth__w6gg1y1);
   border-color: var(--borderColorDisabled__w6gg1yd);
   background-color: transparent;
@@ -6,72 +6,72 @@
   min-width: 1em;
   flex: 1;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_notInsideNonReadonlyForm__a11ehs1 {
+.ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_notInsideNonReadonlyForm__ck0nxo1 {
   border-width: 0;
   background-color: transparent;
   height: auto;
   vertical-align: top;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_textarea_isTextArea__a11ehs4 {
+.ReadonlyTextFieldVariants_multiVariantStyles_textarea_isTextArea__ck0nxo4 {
   height: auto;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_resize_horizontal__a11ehsc {
+.ReadonlyTextFieldVariants_multiVariantStyles_resize_horizontal__ck0nxoc {
   resize: horizontal;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_resize_vertical__a11ehsd {
+.ReadonlyTextFieldVariants_multiVariantStyles_resize_vertical__ck0nxod {
   resize: vertical;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_resize_both__a11ehse {
+.ReadonlyTextFieldVariants_multiVariantStyles_resize_both__ck0nxoe {
   resize: both;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_resize_none__a11ehsf {
+.ReadonlyTextFieldVariants_multiVariantStyles_resize_none__ck0nxof {
   max-width: 100%;
   overflow: visible;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_0__a11ehsg {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_0__ck0nxog {
   padding-top: 0;
   padding-bottom: 0;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_1__a11ehsh {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_1__ck0nxoh {
   min-height: var(--insideEdgeHeight__w6gg1yh);
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_2__a11ehsi {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_2__ck0nxoi {
   height: auto;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_3__a11ehsj {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_3__ck0nxoj {
   min-height: calc(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size));
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_4__a11ehsk {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_4__ck0nxok {
   min-height: calc(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size));
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_5__a11ehsl {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_5__ck0nxol {
   min-height: calc((var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) + var(--insideEdgeLineHeight__kn3t7f6)) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size));
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_6__a11ehsm {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_6__ck0nxom {
   min-height: calc((var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) + var(--insideEdgeLineHeight__kn3t7f6)) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size));
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_7__a11ehsn {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_7__ck0nxon {
   min-height: var(--height__w6gg1yg);
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_8__a11ehso {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_8__ck0nxoo {
   min-height: var(--height__w6gg1yg);
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_9__a11ehsp {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_9__ck0nxop {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_10__a11ehsq {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_10__ck0nxoq {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   margin-left: -1px;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_11__a11ehsr {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_11__ck0nxor {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   margin-left: -1px;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_12__a11ehss {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_12__ck0nxos {
   min-height: var(--insideEdgeHeight__w6gg1yh);
 }

package/cjs/ReadonlyTextFieldVariants.styles2.css

@@ -1,4 +1,4 @@
-.ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_isInsideNonReadonlyForm__ck0nxo0 {
+.ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_isInsideNonReadonlyForm__a11ehs0 {
   border-width: var(--borderWidth__w6gg1y1);
   border-color: var(--borderColorDisabled__w6gg1yd);
   background-color: transparent;
@@ -6,72 +6,72 @@
   min-width: 1em;
   flex: 1;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_notInsideNonReadonlyForm__ck0nxo1 {
+.ReadonlyTextFieldVariants_multiVariantStyles_insideNonReadonlyForm_notInsideNonReadonlyForm__a11ehs1 {
   border-width: 0;
   background-color: transparent;
   height: auto;
   vertical-align: top;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_textarea_isTextArea__ck0nxo4 {
+.ReadonlyTextFieldVariants_multiVariantStyles_textarea_isTextArea__a11ehs4 {
   height: auto;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_resize_horizontal__ck0nxoc {
+.ReadonlyTextFieldVariants_multiVariantStyles_resize_horizontal__a11ehsc {
   resize: horizontal;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_resize_vertical__ck0nxod {
+.ReadonlyTextFieldVariants_multiVariantStyles_resize_vertical__a11ehsd {
   resize: vertical;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_resize_both__ck0nxoe {
+.ReadonlyTextFieldVariants_multiVariantStyles_resize_both__a11ehse {
   resize: both;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_resize_none__ck0nxof {
+.ReadonlyTextFieldVariants_multiVariantStyles_resize_none__a11ehsf {
   max-width: 100%;
   overflow: visible;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_0__ck0nxog {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_0__a11ehsg {
   padding-top: 0;
   padding-bottom: 0;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_1__ck0nxoh {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_1__a11ehsh {
   min-height: var(--insideEdgeHeight__w6gg1yh);
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_2__ck0nxoi {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_2__a11ehsi {
   height: auto;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_3__ck0nxoj {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_3__a11ehsj {
   min-height: calc(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size));
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_4__ck0nxok {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_4__a11ehsk {
   min-height: calc(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size));
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_5__ck0nxol {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_5__a11ehsl {
   min-height: calc((var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) + var(--insideEdgeLineHeight__kn3t7f6)) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size));
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_6__ck0nxom {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_6__a11ehsm {
   min-height: calc((var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) + var(--insideEdgeLineHeight__kn3t7f6)) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size));
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_7__ck0nxon {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_7__a11ehsn {
   min-height: var(--height__w6gg1yg);
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_8__ck0nxoo {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_8__a11ehso {
   min-height: var(--height__w6gg1yg);
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_9__ck0nxop {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_9__a11ehsp {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_10__ck0nxoq {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_10__a11ehsq {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   margin-left: -1px;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_11__ck0nxor {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_11__a11ehsr {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   margin-left: -1px;
 }
-.ReadonlyTextFieldVariants_multiVariantStyles_compound_12__ck0nxos {
+.ReadonlyTextFieldVariants_multiVariantStyles_compound_12__a11ehss {
   min-height: var(--insideEdgeHeight__w6gg1yh);
 }

package/cjs/RemovableNavigationListItem-727e53e8.js

@@ -6,7 +6,7 @@ var BaseNavigationListItem = require('./BaseNavigationListItem-4b28f14e.js');
 var Close = require('./Close-031ab06e.js');
 var hooks = require('preact/hooks');
 var useHover = require('./useHover-c099039f.js');
-var useTranslationBundle = require('./useTranslationBundle-51f4c22c.js');
+var useTranslationBundle = require('./useTranslationBundle-6b0281a9.js');
 var EmbeddedIconButton = require('./EmbeddedIconButton-66cfd9e2.js');
 
 function RemovableNavigationListItem({ itemKey, label, badge, metadata, severity }) {

package/cjs/RemovableTabBarItem-da075122.js

@@ -5,12 +5,12 @@ var jsxRuntime = require('preact/jsx-runtime');
 var hooks = require('preact/hooks');
 var useHover = require('./useHover-c099039f.js');
 var Close = require('./Close-031ab06e.js');
-var Flex = require('./Flex-e7a85bef.js');
+var Flex = require('./Flex-ce16a2fa.js');
 var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
 var flexitem = require('./flexitem-fee13e26.js');
 var useTabBarContext = require('./useTabBarContext-2a6a796c.js');
 var TabBarItem = require('./TabBarItem-5a7d5d03.js');
-var useTranslationBundle = require('./useTranslationBundle-51f4c22c.js');
+var useTranslationBundle = require('./useTranslationBundle-6b0281a9.js');
 var EmbeddedIconButton = require('./EmbeddedIconButton-66cfd9e2.js');
 
 function RemovableTabBarItem({ itemKey, label, icon, badge, metadata, severity, 'aria-controls': ariaControls }) {

package/cjs/ReorderableTabBar-ded69f11.js

@@ -5,12 +5,12 @@ var jsxRuntime = require('preact/jsx-runtime');
 var preact = require('preact');
 var hooks = require('preact/hooks');
 var HiddenAccessible = require('./HiddenAccessible-087eb49a.js');
-var LiveRegion = require('./LiveRegion-567427c5.js');
+var LiveRegion = require('./LiveRegion-3bc583c6.js');
 var TabBar = require('./TabBar-c13ce35f.js');
 var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
 var flexitem = require('./flexitem-fee13e26.js');
 var collectionUtils = require('./collectionUtils-1535080e.js');
-require('./LayerHost-a8c7f182.js');
+require('./LayerHost-7182bfaf.js');
 require('preact/compat');
 var useReorderableItem = require('./useReorderableItem-bd9f073e.js');
 var useReorderableContext = require('./useReorderableContext-514fa59f.js');

package/cjs/RevealToggleIcon-02ef5d24.js

@@ -4,7 +4,7 @@
 var jsxRuntime = require('preact/jsx-runtime');
 var ViewHide = require('./ViewHide-f1e1ee45.js');
 var View = require('./View-fc0904ad.js');
-var useTranslationBundle = require('./useTranslationBundle-51f4c22c.js');
+var useTranslationBundle = require('./useTranslationBundle-6b0281a9.js');
 var IconSwitchButton = require('./IconSwitchButton-7ff785b5.js');
 
 /**

package/cjs/SectionalLegend-fba43a68.js

@@ -3,16 +3,16 @@
 
 var jsxRuntime = require('preact/jsx-runtime');
 var hooks = require('preact/hooks');
-var useVisEvents = require('./useVisEvents-fe2344c8.js');
+var useVisEvents = require('./useVisEvents-63ddac11.js');
 var mergeProps = require('./mergeProps-e3da7237.js');
 var layoutUtils = require('./layoutUtils-56b6111c.js');
 var useLegendContextMenu = require('./useLegendContextMenu-44b38b7d.js');
 var useItemFocus = require('./useItemFocus-0c5fbee7.js');
-var Flex = require('./Flex-e7a85bef.js');
+var Flex = require('./Flex-ce16a2fa.js');
 var UNSAFE_Legend_themes_LegendStyles_css = require('./UNSAFE_Legend/themes/LegendStyles.css.js');
-var useCssVars = require('./useCssVars-bd95e715.js');
+var useCssVars = require('./useCssVars-9bea15a9.js');
 var classNames = require('./classNames-c14c6ef3.js');
-var useTestId = require('./useTestId-5e6af45d.js');
+var useTestId = require('./useTestId-e267a39d.js');
 var useVisTouchResponse = require('./useVisTouchResponse-fb9c4e8f.js');
 var stringUtils = require('./stringUtils-4e4a6b2b.js');
 

package/cjs/{SectionedContent-855ddd57.js → SectionedContent-97955b41.js}

@@ -3,12 +3,12 @@
 
 var jsxRuntime = require('preact/jsx-runtime');
 var hooks = require('preact/hooks');
-var Dropdown = require('./Dropdown-4554e9f9.js');
-var Flex = require('./Flex-e7a85bef.js');
+var Dropdown = require('./Dropdown-62cd15ca.js');
+var Flex = require('./Flex-ce16a2fa.js');
 var FocusTrap = require('./FocusTrap-ccc17432.js');
 var keyboardUtils = require('./keyboardUtils-f835e1ee.js');
-var useTestId = require('./useTestId-5e6af45d.js');
-var View = require('./View-5930179e.js');
+var useTestId = require('./useTestId-e267a39d.js');
+var View = require('./View-145a402d.js');
 
 const DEFAULT_PLACEMENT = 'bottom-start';
 /**
@@ -64,4 +64,4 @@ const SectionedContent = ({ 'aria-label': ariaLabel, contentRef: propRef, gap, f
 
 exports.SectionedContent = SectionedContent;
 exports.StickyPositioningDropdown = StickyPositioningDropdown;
-//# sourceMappingURL=SectionedContent-855ddd57.js.map
+//# sourceMappingURL=SectionedContent-97955b41.js.map

package/cjs/{SectionedContent-855ddd57.js.map → SectionedContent-97955b41.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SectionedContent-855ddd57.js","sources":["../../src/PRIVATE_FormControls/StickyPositioningDropdown.tsx","../../src/PRIVATE_FormControls/SectionedContent.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 */\n\nimport { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { useState } from 'preact/hooks';\nimport { Dropdown } from '#UNSAFE_Dropdown';\nimport { PositionData } from '../UNSAFE_Floating';\n\ntype DropdownProps = ComponentProps<typeof Dropdown>;\ntype Props = Pick<\n  DropdownProps,\n  | 'anchorRef'\n  | 'children'\n  | 'flipOptions'\n  | 'id'\n  | 'initialFocus'\n  | 'isOpen'\n  | 'minWidth'\n  | 'offset'\n  | 'onClose'\n  | 'onPosition'\n  | 'sizeOptions'\n>;\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\n\n/**\n * StickyPositioningDropdown is used to display content which supports conditional rendering,\n * or other cases where the size of the content can change and cause the dropdown to rerender\n * in a different placement. This component ensures the repositioning happens only once,\n * until there is a collision, instead of allowing the dropdown to keep trying to\n * move back to its default position on every render.\n */\nconst StickyPositioningDropdown = ({ children, isOpen, onPosition, ...rest }: Props) => {\n  const [placement, setPlacement] = useState<DropdownProps['placement']>(DEFAULT_PLACEMENT);\n  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n\n  if (prevIsOpen !== isOpen) {\n    setPrevIsOpen(isOpen);\n\n    // reset the placement to the default when the dropdown closes, not opens, so that it doesn't\n    // initially open in the previous position and then move to the default position on the\n    // rerender after the state is updated\n    if (!isOpen) {\n      setPlacement(DEFAULT_PLACEMENT);\n    }\n  }\n  const handlePosition = useCallback(\n    (positionData: PositionData) => {\n      // update the placement so that the dropdown stays where it is until there is a collision,\n      // i.e. it no longer fits, instead of letting it try to move back to the default position\n      // on every render\n      setPlacement(positionData.placement);\n\n      // call the callback that was passed in through props\n      onPosition?.(positionData);\n    },\n    [onPosition, setPlacement]\n  );\n\n  return (\n    <Dropdown isOpen={isOpen} onPosition={handlePosition} placement={placement} {...rest}>\n      {children}\n    </Dropdown>\n  );\n};\n\nexport { StickyPositioningDropdown };\n","/**\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 */\n\nimport { ComponentChildren, ComponentProps, RefObject } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport {\n  AriaAttributesSignalExcluded,\n  HTMLAttributesSignalExcluded\n} from '#utils/UNSAFE_attributeUtils';\nimport { Flex } from '#UNSAFE_Flex';\nimport { FocusTrap } from '#UNSAFE_FocusTrap';\nimport { KEYS } from '#utils/PRIVATE_keyboardUtils';\nimport { PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { View } from '#UNSAFE_View';\n\ntype FlexProps = ComponentProps<typeof Flex>;\n\ntype Props = TestIdProps & {\n  /**\n   * An accessible label that describes the content.\n   */\n  'aria-label'?: AriaAttributesSignalExcluded['aria-label'];\n\n  /**\n   * A ref to the content container.\n   */\n  contentRef?: RefObject<HTMLDivElement>;\n\n  /**\n   * Child content in the footer section.\n   */\n  footer?: ComponentChildren;\n\n  /**\n   * The spacing between the sections.\n   */\n  gap?: FlexProps['gap'];\n\n  /**\n   * True if the tab key should cycle focus within the content.\n   * @default false\n   */\n  hasFocusTrap?: boolean;\n\n  /**\n   * Child content in the header section.\n   */\n  header?: ComponentChildren;\n\n  /**\n   * Child content in the main section.\n   */\n  main?: ComponentChildren;\n\n  /**\n   * The padding between the footer or bottom edge and the main content.\n   * @default '4x'\n   */\n  paddingBlockEnd?: PaddingProps['paddingBlockEnd'];\n\n  /**\n   * The padding between the header or top edge and the main content.\n   * @default '4x'\n   */\n  paddingBlockStart?: PaddingProps['paddingBlockStart'];\n\n  /**\n   * The padding between the right edge and the main content.\n   * @default '4x'\n   */\n  paddingInlineEnd?: PaddingProps['paddingInlineEnd'];\n\n  /**\n   * The padding between the left edge and the main content.\n   * @default '4x'\n   */\n  paddingInlineStart?: PaddingProps['paddingInlineStart'];\n\n  /**\n   * The aria role applied to the content container. For example, if the \"launcher\" element\n   * includes aria-haspopup=\"dialog\", then the associated content should have role \"dialog\"\n   * and an aria-label that describes it. If the launcher element has role \"combobox\", then\n   * it controls an element with a role such as listbox or grid.\n   */\n  role?: HTMLAttributesSignalExcluded['role'];\n};\n\n/**\n * The SectionedContent component has slots for header, main, and footer content.\n * It is meant to be used in a floating or modal type container and includes\n * conditional support for focus trapping, so that you can tab between components\n * and sections while the container remains open.\n */\nexport const SectionedContent = ({\n  'aria-label': ariaLabel,\n  contentRef: propRef,\n  gap,\n  footer,\n  hasFocusTrap = false,\n  header,\n  main,\n  paddingBlockEnd = '4x',\n  paddingBlockStart = '4x',\n  paddingInlineEnd = '4x',\n  paddingInlineStart = '4x',\n  role,\n  testId\n}: Props) => {\n  const testIdProps = useTestId(testId);\n\n  const cRef = useRef<HTMLDivElement>(null);\n  const contentRef = propRef ?? cRef;\n\n  const handleKeyDown = useCallback((event: KeyboardEvent) => {\n    if (event.code === KEYS.TAB) {\n      event.stopPropagation();\n    }\n  }, []);\n\n  const sections = (\n    <Flex direction=\"column\" gap={gap}>\n      {header}\n      <View\n        paddingBlockEnd={paddingBlockEnd}\n        paddingBlockStart={paddingBlockStart}\n        paddingInlineEnd={paddingInlineEnd}\n        paddingInlineStart={paddingInlineStart}>\n        {main}\n      </View>\n      {footer}\n    </Flex>\n  );\n\n  // Use a FocusTrap around the content if hasFocusTrap is true.\n  const childContent = hasFocusTrap ? (\n    <FocusTrap restoreFocusRef={false}>{sections}</FocusTrap>\n  ) : (\n    { sections }\n  );\n\n  return (\n    <div\n      aria-label={ariaLabel}\n      onKeyDown={hasFocusTrap ? handleKeyDown : undefined}\n      ref={contentRef}\n      role={role}\n      {...testIdProps}>\n      {childContent}\n    </div>\n  );\n};\n"],"names":["useState","useCallback","_jsx","Dropdown","useTestId","useRef","KEYS","_jsxs","Flex","View","FocusTrap"],"mappings":";;;;;;;;;;;;AA8BA,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAEzC;;;;;;AAMG;AACH,MAAM,yBAAyB,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,EAAS,KAAI;IACrF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAGA,cAAQ,CAA6B,iBAAiB,CAAC,CAAC;IAC1F,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAC,MAAM,CAAC,CAAC;AAErD,IAAA,IAAI,UAAU,KAAK,MAAM,EAAE;QACzB,aAAa,CAAC,MAAM,CAAC,CAAC;;;;QAKtB,IAAI,CAAC,MAAM,EAAE;YACX,YAAY,CAAC,iBAAiB,CAAC,CAAC;SACjC;KACF;AACD,IAAA,MAAM,cAAc,GAAGC,iBAAW,CAChC,CAAC,YAA0B,KAAI;;;;AAI7B,QAAA,YAAY,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;;AAGrC,QAAA,UAAU,GAAG,YAAY,CAAC,CAAC;AAC7B,KAAC,EACD,CAAC,UAAU,EAAE,YAAY,CAAC,CAC3B,CAAC;IAEF,QACEC,eAACC,iBAAQ,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAA,GAAM,IAAI,EACjF,QAAA,EAAA,QAAQ,EACA,CAAA,EACX;AACJ;;ACsBA;;;;;AAKG;MACU,gBAAgB,GAAG,CAAC,EAC/B,YAAY,EAAE,SAAS,EACvB,UAAU,EAAE,OAAO,EACnB,GAAG,EACH,MAAM,EACN,YAAY,GAAG,KAAK,EACpB,MAAM,EACN,IAAI,EACJ,eAAe,GAAG,IAAI,EACtB,iBAAiB,GAAG,IAAI,EACxB,gBAAgB,GAAG,IAAI,EACvB,kBAAkB,GAAG,IAAI,EACzB,IAAI,EACJ,MAAM,EACA,KAAI;AACV,IAAA,MAAM,WAAW,GAAGC,mBAAS,CAAC,MAAM,CAAC,CAAC;AAEtC,IAAA,MAAM,IAAI,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAC;AAC1C,IAAA,MAAM,UAAU,GAAG,OAAO,IAAI,IAAI,CAAC;AAEnC,IAAA,MAAM,aAAa,GAAGJ,iBAAW,CAAC,CAAC,KAAoB,KAAI;QACzD,IAAI,KAAK,CAAC,IAAI,KAAKK,kBAAI,CAAC,GAAG,EAAE;YAC3B,KAAK,CAAC,eAAe,EAAE,CAAC;SACzB;KACF,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,QAAQ,IACZC,gBAACC,SAAI,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,EAAA,QAAA,EAAA,CAC9B,MAAM,EACPN,cAAA,CAACO,SAAI,EACH,EAAA,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,YACrC,IAAI,EAAA,CACA,EACN,MAAM,CAAA,EAAA,CACF,CACR,CAAC;;IAGF,MAAM,YAAY,GAAG,YAAY,IAC/BP,cAAA,CAACQ,mBAAS,EAAA,EAAC,eAAe,EAAE,KAAK,EAAG,QAAA,EAAA,QAAQ,EAAa,CAAA,KAEzD,EAAE,QAAQ,EAAE,CACb,CAAC;AAEF,IAAA,QACER,cAAA,CAAA,KAAA,EAAA,EAAA,YAAA,EACc,SAAS,EACrB,SAAS,EAAE,YAAY,GAAG,aAAa,GAAG,SAAS,EACnD,GAAG,EAAE,UAAU,EACf,IAAI,EAAE,IAAI,EAAA,GACN,WAAW,EAAA,QAAA,EACd,YAAY,EAAA,CACT,EACN;AACJ;;;;;"}
+{"version":3,"file":"SectionedContent-97955b41.js","sources":["../../src/PRIVATE_FormControls/StickyPositioningDropdown.tsx","../../src/PRIVATE_FormControls/SectionedContent.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 */\n\nimport { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { useState } from 'preact/hooks';\nimport { Dropdown } from '#UNSAFE_Dropdown';\nimport { PositionData } from '../UNSAFE_Floating';\n\ntype DropdownProps = ComponentProps<typeof Dropdown>;\ntype Props = Pick<\n  DropdownProps,\n  | 'anchorRef'\n  | 'children'\n  | 'flipOptions'\n  | 'id'\n  | 'initialFocus'\n  | 'isOpen'\n  | 'minWidth'\n  | 'offset'\n  | 'onClose'\n  | 'onPosition'\n  | 'sizeOptions'\n>;\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\n\n/**\n * StickyPositioningDropdown is used to display content which supports conditional rendering,\n * or other cases where the size of the content can change and cause the dropdown to rerender\n * in a different placement. This component ensures the repositioning happens only once,\n * until there is a collision, instead of allowing the dropdown to keep trying to\n * move back to its default position on every render.\n */\nconst StickyPositioningDropdown = ({ children, isOpen, onPosition, ...rest }: Props) => {\n  const [placement, setPlacement] = useState<DropdownProps['placement']>(DEFAULT_PLACEMENT);\n  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n\n  if (prevIsOpen !== isOpen) {\n    setPrevIsOpen(isOpen);\n\n    // reset the placement to the default when the dropdown closes, not opens, so that it doesn't\n    // initially open in the previous position and then move to the default position on the\n    // rerender after the state is updated\n    if (!isOpen) {\n      setPlacement(DEFAULT_PLACEMENT);\n    }\n  }\n  const handlePosition = useCallback(\n    (positionData: PositionData) => {\n      // update the placement so that the dropdown stays where it is until there is a collision,\n      // i.e. it no longer fits, instead of letting it try to move back to the default position\n      // on every render\n      setPlacement(positionData.placement);\n\n      // call the callback that was passed in through props\n      onPosition?.(positionData);\n    },\n    [onPosition, setPlacement]\n  );\n\n  return (\n    <Dropdown isOpen={isOpen} onPosition={handlePosition} placement={placement} {...rest}>\n      {children}\n    </Dropdown>\n  );\n};\n\nexport { StickyPositioningDropdown };\n","/**\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 */\n\nimport { ComponentChildren, ComponentProps, RefObject } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport {\n  AriaAttributesSignalExcluded,\n  HTMLAttributesSignalExcluded\n} from '#utils/UNSAFE_attributeUtils';\nimport { Flex } from '#UNSAFE_Flex';\nimport { FocusTrap } from '#UNSAFE_FocusTrap';\nimport { KEYS } from '#utils/PRIVATE_keyboardUtils';\nimport { PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { View } from '#UNSAFE_View';\n\ntype FlexProps = ComponentProps<typeof Flex>;\n\ntype Props = TestIdProps & {\n  /**\n   * An accessible label that describes the content.\n   */\n  'aria-label'?: AriaAttributesSignalExcluded['aria-label'];\n\n  /**\n   * A ref to the content container.\n   */\n  contentRef?: RefObject<HTMLDivElement>;\n\n  /**\n   * Child content in the footer section.\n   */\n  footer?: ComponentChildren;\n\n  /**\n   * The spacing between the sections.\n   */\n  gap?: FlexProps['gap'];\n\n  /**\n   * True if the tab key should cycle focus within the content.\n   * @default false\n   */\n  hasFocusTrap?: boolean;\n\n  /**\n   * Child content in the header section.\n   */\n  header?: ComponentChildren;\n\n  /**\n   * Child content in the main section.\n   */\n  main?: ComponentChildren;\n\n  /**\n   * The padding between the footer or bottom edge and the main content.\n   * @default '4x'\n   */\n  paddingBlockEnd?: PaddingProps['paddingBlockEnd'];\n\n  /**\n   * The padding between the header or top edge and the main content.\n   * @default '4x'\n   */\n  paddingBlockStart?: PaddingProps['paddingBlockStart'];\n\n  /**\n   * The padding between the right edge and the main content.\n   * @default '4x'\n   */\n  paddingInlineEnd?: PaddingProps['paddingInlineEnd'];\n\n  /**\n   * The padding between the left edge and the main content.\n   * @default '4x'\n   */\n  paddingInlineStart?: PaddingProps['paddingInlineStart'];\n\n  /**\n   * The aria role applied to the content container. For example, if the \"launcher\" element\n   * includes aria-haspopup=\"dialog\", then the associated content should have role \"dialog\"\n   * and an aria-label that describes it. If the launcher element has role \"combobox\", then\n   * it controls an element with a role such as listbox or grid.\n   */\n  role?: HTMLAttributesSignalExcluded['role'];\n};\n\n/**\n * The SectionedContent component has slots for header, main, and footer content.\n * It is meant to be used in a floating or modal type container and includes\n * conditional support for focus trapping, so that you can tab between components\n * and sections while the container remains open.\n */\nexport const SectionedContent = ({\n  'aria-label': ariaLabel,\n  contentRef: propRef,\n  gap,\n  footer,\n  hasFocusTrap = false,\n  header,\n  main,\n  paddingBlockEnd = '4x',\n  paddingBlockStart = '4x',\n  paddingInlineEnd = '4x',\n  paddingInlineStart = '4x',\n  role,\n  testId\n}: Props) => {\n  const testIdProps = useTestId(testId);\n\n  const cRef = useRef<HTMLDivElement>(null);\n  const contentRef = propRef ?? cRef;\n\n  const handleKeyDown = useCallback((event: KeyboardEvent) => {\n    if (event.code === KEYS.TAB) {\n      event.stopPropagation();\n    }\n  }, []);\n\n  const sections = (\n    <Flex direction=\"column\" gap={gap}>\n      {header}\n      <View\n        paddingBlockEnd={paddingBlockEnd}\n        paddingBlockStart={paddingBlockStart}\n        paddingInlineEnd={paddingInlineEnd}\n        paddingInlineStart={paddingInlineStart}>\n        {main}\n      </View>\n      {footer}\n    </Flex>\n  );\n\n  // Use a FocusTrap around the content if hasFocusTrap is true.\n  const childContent = hasFocusTrap ? (\n    <FocusTrap restoreFocusRef={false}>{sections}</FocusTrap>\n  ) : (\n    { sections }\n  );\n\n  return (\n    <div\n      aria-label={ariaLabel}\n      onKeyDown={hasFocusTrap ? handleKeyDown : undefined}\n      ref={contentRef}\n      role={role}\n      {...testIdProps}>\n      {childContent}\n    </div>\n  );\n};\n"],"names":["useState","useCallback","_jsx","Dropdown","useTestId","useRef","KEYS","_jsxs","Flex","View","FocusTrap"],"mappings":";;;;;;;;;;;;AA8BA,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAEzC;;;;;;AAMG;AACH,MAAM,yBAAyB,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,EAAS,KAAI;IACrF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAGA,cAAQ,CAA6B,iBAAiB,CAAC,CAAC;IAC1F,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAC,MAAM,CAAC,CAAC;AAErD,IAAA,IAAI,UAAU,KAAK,MAAM,EAAE;QACzB,aAAa,CAAC,MAAM,CAAC,CAAC;;;;QAKtB,IAAI,CAAC,MAAM,EAAE;YACX,YAAY,CAAC,iBAAiB,CAAC,CAAC;SACjC;KACF;AACD,IAAA,MAAM,cAAc,GAAGC,iBAAW,CAChC,CAAC,YAA0B,KAAI;;;;AAI7B,QAAA,YAAY,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;;AAGrC,QAAA,UAAU,GAAG,YAAY,CAAC,CAAC;AAC7B,KAAC,EACD,CAAC,UAAU,EAAE,YAAY,CAAC,CAC3B,CAAC;IAEF,QACEC,eAACC,iBAAQ,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAA,GAAM,IAAI,EACjF,QAAA,EAAA,QAAQ,EACA,CAAA,EACX;AACJ;;ACsBA;;;;;AAKG;MACU,gBAAgB,GAAG,CAAC,EAC/B,YAAY,EAAE,SAAS,EACvB,UAAU,EAAE,OAAO,EACnB,GAAG,EACH,MAAM,EACN,YAAY,GAAG,KAAK,EACpB,MAAM,EACN,IAAI,EACJ,eAAe,GAAG,IAAI,EACtB,iBAAiB,GAAG,IAAI,EACxB,gBAAgB,GAAG,IAAI,EACvB,kBAAkB,GAAG,IAAI,EACzB,IAAI,EACJ,MAAM,EACA,KAAI;AACV,IAAA,MAAM,WAAW,GAAGC,mBAAS,CAAC,MAAM,CAAC,CAAC;AAEtC,IAAA,MAAM,IAAI,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAC;AAC1C,IAAA,MAAM,UAAU,GAAG,OAAO,IAAI,IAAI,CAAC;AAEnC,IAAA,MAAM,aAAa,GAAGJ,iBAAW,CAAC,CAAC,KAAoB,KAAI;QACzD,IAAI,KAAK,CAAC,IAAI,KAAKK,kBAAI,CAAC,GAAG,EAAE;YAC3B,KAAK,CAAC,eAAe,EAAE,CAAC;SACzB;KACF,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,QAAQ,IACZC,gBAACC,SAAI,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,EAAA,QAAA,EAAA,CAC9B,MAAM,EACPN,cAAA,CAACO,SAAI,EACH,EAAA,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,YACrC,IAAI,EAAA,CACA,EACN,MAAM,CAAA,EAAA,CACF,CACR,CAAC;;IAGF,MAAM,YAAY,GAAG,YAAY,IAC/BP,cAAA,CAACQ,mBAAS,EAAA,EAAC,eAAe,EAAE,KAAK,EAAG,QAAA,EAAA,QAAQ,EAAa,CAAA,KAEzD,EAAE,QAAQ,EAAE,CACb,CAAC;AAEF,IAAA,QACER,cAAA,CAAA,KAAA,EAAA,EAAA,YAAA,EACc,SAAS,EACrB,SAAS,EAAE,YAAY,GAAG,aAAa,GAAG,SAAS,EACnD,GAAG,EAAE,UAAU,EACf,IAAI,EAAE,IAAI,EAAA,GACN,WAAW,EAAA,QAAA,EACd,YAAY,EAAA,CACT,EACN;AACJ;;;;;"}

package/cjs/SelectMultiple-2d4eba14.js

@@ -9,7 +9,7 @@ var TextFieldInput = require('./TextFieldInput-a2e8dd01.js');
 
 var ReadonlyTextFieldInput = require('./ReadonlyTextFieldInput-af4ddced.js');
 var StyledTextField = require('./StyledTextField-c9e9ba81.js');
-var Flex = require('./Flex-e7a85bef.js');
+var Flex = require('./Flex-ce16a2fa.js');
 require('./FormContext-9452bd30.js');
 var useFormContext = require('./useFormContext-4c3091dc.js');
 var FormFieldContext = require('./FormFieldContext-8418dc68.js');
@@ -33,8 +33,8 @@ require('./UNSAFE_TextField/themes/FormLayoutStyles.css.js');
 
 require('./UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css.js');
 require('./InputGroupContext-05f2a46f.js');
-require('./LayerHost-a8c7f182.js');
-var useTranslationBundle = require('./useTranslationBundle-51f4c22c.js');
+require('./LayerHost-7182bfaf.js');
+var useTranslationBundle = require('./useTranslationBundle-6b0281a9.js');
 
 var TabbableModeContext = require('./TabbableModeContext-e99d527e.js');
 
@@ -45,10 +45,10 @@ var CompactUserAssistance = require('./CompactUserAssistance-62055a51.js');
 
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-80224e2c.js');
+require('./tooltipUtils-7857f698.js');
 var preact = require('preact');
 
-require('./Popup-5bf59d47.js');
+require('./Popup-cc742f4a.js');
 
 
 require('./UNSAFE_Popup/themes/redwood/PopupVariants.css.js');
@@ -67,7 +67,7 @@ var Chip = require('./Chip-c49b21a5.js');
 var IconButton = require('./IconButton-e120d23e.js');
 var CancelS = require('./CancelS-57836959.js');
 var useFocusWithin = require('./useFocusWithin-eb7f956a.js');
-var useUser = require('./useUser-a4bfc560.js');
+var useUser = require('./useUser-8aaad5a7.js');
 var keyboardUtils = require('./keyboardUtils-f835e1ee.js');
 var classNames = require('./classNames-c14c6ef3.js');
 var dimensions = require('./dimensions-10159104.js');
@@ -78,8 +78,8 @@ var Close = require('./Close-031ab06e.js');
 var useId = require('./useId-6c0eeb27.js');
 var UNSAFE_SelectMultiple_themes_TextTagStyles_css = require('./UNSAFE_SelectMultiple/themes/TextTagStyles.css.js');
 var UNSAFE_SelectMultiple_themes_TextTagListStyles_css = require('./UNSAFE_SelectMultiple/themes/TextTagListStyles.css.js');
-var LiveRegion = require('./LiveRegion-567427c5.js');
-var View = require('./View-5930179e.js');
+var LiveRegion = require('./LiveRegion-3bc583c6.js');
+var View = require('./View-145a402d.js');
 var UNSAFE_SelectMultiple_themes_MobileDropdownFooterStyles_css = require('./UNSAFE_SelectMultiple/themes/MobileDropdownFooterStyles.css.js');
 var Button = require('./Button-dd078b55.js');
 var useEffectEvent = require('./useEffectEvent-9bf8acf6.js');

package/cjs/SelectSingle-731c2ecd.js

@@ -9,7 +9,7 @@ var TextFieldInput = require('./TextFieldInput-a2e8dd01.js');
 
 var ReadonlyTextFieldInput = require('./ReadonlyTextFieldInput-af4ddced.js');
 var StyledTextField = require('./StyledTextField-c9e9ba81.js');
-require('./Flex-e7a85bef.js');
+require('./Flex-ce16a2fa.js');
 require('./FormContext-9452bd30.js');
 var useFormContext = require('./useFormContext-4c3091dc.js');
 var FormFieldContext = require('./FormFieldContext-8418dc68.js');
@@ -33,8 +33,8 @@ require('./UNSAFE_TextField/themes/FormLayoutStyles.css.js');
 
 require('./UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css.js');
 require('./InputGroupContext-05f2a46f.js');
-require('./LayerHost-a8c7f182.js');
-var useTranslationBundle = require('./useTranslationBundle-51f4c22c.js');
+require('./LayerHost-7182bfaf.js');
+var useTranslationBundle = require('./useTranslationBundle-6b0281a9.js');
 
 var TabbableModeContext = require('./TabbableModeContext-e99d527e.js');
 
@@ -45,10 +45,10 @@ var CompactUserAssistance = require('./CompactUserAssistance-62055a51.js');
 
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-80224e2c.js');
+require('./tooltipUtils-7857f698.js');
 var preact = require('preact');
 
-require('./Popup-5bf59d47.js');
+require('./Popup-cc742f4a.js');
 
 
 require('./UNSAFE_Popup/themes/redwood/PopupVariants.css.js');
@@ -65,8 +65,8 @@ var useFormFieldContext = require('./useFormFieldContext-20f419ef.js');
 
 require('./UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css.js');
 var TextField = require('./TextField-bb91aeef.js');
-var LiveRegion = require('./LiveRegion-567427c5.js');
-var View = require('./View-5930179e.js');
+var LiveRegion = require('./LiveRegion-3bc583c6.js');
+var View = require('./View-145a402d.js');
 var useEffectEvent = require('./useEffectEvent-9bf8acf6.js');
 var keyboardUtils = require('./keyboardUtils-f835e1ee.js');
 var mergeProps = require('./mergeProps-e3da7237.js');

package/cjs/{SelectionCard-f26fdc87.js → SelectionCard-45a56f1b.js}

@@ -8,7 +8,7 @@ var padding = require('./padding-3698be6b.js');
 var colors = require('./colors-2bfecc93.js');
 var aria = require('./aria-889aedd0.js');
 var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
-var useTestId = require('./useTestId-5e6af45d.js');
+var useTestId = require('./useTestId-e267a39d.js');
 var UNSAFE_SelectionCard_themes_SelectionCardStyles_css = require('./UNSAFE_SelectionCard/themes/SelectionCardStyles.css.js');
 var useHover = require('./useHover-c099039f.js');
 
@@ -37,4 +37,4 @@ const SelectionCard = ({ children, isSelected = false, testId, ...rest }) => {
 };
 
 exports.SelectionCard = SelectionCard;
-//# sourceMappingURL=SelectionCard-f26fdc87.js.map
+//# sourceMappingURL=SelectionCard-45a56f1b.js.map

package/cjs/{SelectionCard-f26fdc87.js.map → SelectionCard-45a56f1b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SelectionCard-f26fdc87.js","sources":["../../src/UNSAFE_SelectionCard/SelectionCard.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 { classNames } from '../utils/UNSAFE_classNames';\nimport { DimensionProps, dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport { PaddingProps, paddingInterpolations } from '../utils/UNSAFE_interpolations/padding';\nimport { ColorProps, colorInterpolations } from '../utils/UNSAFE_interpolations/colors';\nimport { AriaProps, ariaInterpolations } from '../utils/UNSAFE_interpolations/aria';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport {\n  baseStyle,\n  hoverStyle,\n  selectedStyle,\n  selectedHoverStyle\n} from './themes/SelectionCardStyles.css';\nimport { useHover } from '../hooks/UNSAFE_useHover';\n\ntype StyleProps = DimensionProps & PaddingProps & ColorProps & AriaProps;\n\ntype Props = StyleProps &\n  TestIdProps & {\n    children?: ComponentChildren;\n\n    /**\n     * This flag marks this card as selected within a collection.\n     */\n    isSelected?: boolean;\n  };\n\nconst interpolations = [\n  ...Object.values(dimensionInterpolations),\n  ...Object.values(colorInterpolations),\n  ...Object.values(ariaInterpolations),\n  ...Object.values(paddingInterpolations)\n];\n\nconst mergedInterpolations = mergeInterpolations<Props>(interpolations);\n\n/**\n * A selection card is a container element that is a part of a collection of elements, and renders a group of related information in a styled rectangular area.\n * Width, height, and backgroundColor are set through props.\n */\nexport const SelectionCard = ({ children, isSelected = false, testId, ...rest }: Props) => {\n  const { hoverProps, isHover } = useHover();\n\n  const { class: mergedClasses, ...mergedStyles } = mergedInterpolations(rest);\n  const selectionStyles = classNames([\n    baseStyle,\n    mergedClasses,\n    isHover && hoverStyle,\n    isSelected && (isHover ? selectedHoverStyle : selectedStyle)\n  ]);\n  const testIdProps = useTestId(testId);\n  return (\n    <div\n      role=\"region\"\n      {...hoverProps}\n      class={selectionStyles}\n      style={mergedStyles}\n      {...testIdProps}>\n      {children}\n    </div>\n  );\n};\n"],"names":["dimensionInterpolations","colorInterpolations","ariaInterpolations","paddingInterpolations","mergeInterpolations","useHover","classNames","baseStyle","hoverStyle","selectedHoverStyle","selectedStyle","useTestId","_jsx"],"mappings":";;;;;;;;;;;;;;AAmCA,MAAM,cAAc,GAAG;AACrB,IAAA,GAAG,MAAM,CAAC,MAAM,CAACA,kCAAuB,CAAC;AACzC,IAAA,GAAG,MAAM,CAAC,MAAM,CAACC,0BAAmB,CAAC;AACrC,IAAA,GAAG,MAAM,CAAC,MAAM,CAACC,uBAAkB,CAAC;AACpC,IAAA,GAAG,MAAM,CAAC,MAAM,CAACC,6BAAqB,CAAC;CACxC,CAAC;AAEF,MAAM,oBAAoB,GAAGC,uCAAmB,CAAQ,cAAc,CAAC,CAAC;AAExE;;;AAGG;AACU,MAAA,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAU,GAAG,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAAS,KAAI;IACxF,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAGC,iBAAQ,EAAE,CAAC;AAE3C,IAAA,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,YAAY,EAAE,GAAG,oBAAoB,CAAC,IAAI,CAAC,CAAC;IAC7E,MAAM,eAAe,GAAGC,qBAAU,CAAC;QACjCC,6DAAS;QACT,aAAa;AACb,QAAA,OAAO,IAAIC,8DAAU;QACrB,UAAU,KAAK,OAAO,GAAGC,sEAAkB,GAAGC,iEAAa,CAAC;AAC7D,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,WAAW,GAAGC,mBAAS,CAAC,MAAM,CAAC,CAAC;IACtC,QACEC,wBACE,IAAI,EAAC,QAAQ,EACT,GAAA,UAAU,EACd,KAAK,EAAE,eAAe,EACtB,KAAK,EAAE,YAAY,EAAA,GACf,WAAW,EACd,QAAA,EAAA,QAAQ,EACL,CAAA,EACN;AACJ;;;;"}
+{"version":3,"file":"SelectionCard-45a56f1b.js","sources":["../../src/UNSAFE_SelectionCard/SelectionCard.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 { classNames } from '../utils/UNSAFE_classNames';\nimport { DimensionProps, dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport { PaddingProps, paddingInterpolations } from '../utils/UNSAFE_interpolations/padding';\nimport { ColorProps, colorInterpolations } from '../utils/UNSAFE_interpolations/colors';\nimport { AriaProps, ariaInterpolations } from '../utils/UNSAFE_interpolations/aria';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport {\n  baseStyle,\n  hoverStyle,\n  selectedStyle,\n  selectedHoverStyle\n} from './themes/SelectionCardStyles.css';\nimport { useHover } from '../hooks/UNSAFE_useHover';\n\ntype StyleProps = DimensionProps & PaddingProps & ColorProps & AriaProps;\n\ntype Props = StyleProps &\n  TestIdProps & {\n    children?: ComponentChildren;\n\n    /**\n     * This flag marks this card as selected within a collection.\n     */\n    isSelected?: boolean;\n  };\n\nconst interpolations = [\n  ...Object.values(dimensionInterpolations),\n  ...Object.values(colorInterpolations),\n  ...Object.values(ariaInterpolations),\n  ...Object.values(paddingInterpolations)\n];\n\nconst mergedInterpolations = mergeInterpolations<Props>(interpolations);\n\n/**\n * A selection card is a container element that is a part of a collection of elements, and renders a group of related information in a styled rectangular area.\n * Width, height, and backgroundColor are set through props.\n */\nexport const SelectionCard = ({ children, isSelected = false, testId, ...rest }: Props) => {\n  const { hoverProps, isHover } = useHover();\n\n  const { class: mergedClasses, ...mergedStyles } = mergedInterpolations(rest);\n  const selectionStyles = classNames([\n    baseStyle,\n    mergedClasses,\n    isHover && hoverStyle,\n    isSelected && (isHover ? selectedHoverStyle : selectedStyle)\n  ]);\n  const testIdProps = useTestId(testId);\n  return (\n    <div\n      role=\"region\"\n      {...hoverProps}\n      class={selectionStyles}\n      style={mergedStyles}\n      {...testIdProps}>\n      {children}\n    </div>\n  );\n};\n"],"names":["dimensionInterpolations","colorInterpolations","ariaInterpolations","paddingInterpolations","mergeInterpolations","useHover","classNames","baseStyle","hoverStyle","selectedHoverStyle","selectedStyle","useTestId","_jsx"],"mappings":";;;;;;;;;;;;;;AAmCA,MAAM,cAAc,GAAG;AACrB,IAAA,GAAG,MAAM,CAAC,MAAM,CAACA,kCAAuB,CAAC;AACzC,IAAA,GAAG,MAAM,CAAC,MAAM,CAACC,0BAAmB,CAAC;AACrC,IAAA,GAAG,MAAM,CAAC,MAAM,CAACC,uBAAkB,CAAC;AACpC,IAAA,GAAG,MAAM,CAAC,MAAM,CAACC,6BAAqB,CAAC;CACxC,CAAC;AAEF,MAAM,oBAAoB,GAAGC,uCAAmB,CAAQ,cAAc,CAAC,CAAC;AAExE;;;AAGG;AACU,MAAA,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAU,GAAG,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAAS,KAAI;IACxF,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAGC,iBAAQ,EAAE,CAAC;AAE3C,IAAA,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,YAAY,EAAE,GAAG,oBAAoB,CAAC,IAAI,CAAC,CAAC;IAC7E,MAAM,eAAe,GAAGC,qBAAU,CAAC;QACjCC,6DAAS;QACT,aAAa;AACb,QAAA,OAAO,IAAIC,8DAAU;QACrB,UAAU,KAAK,OAAO,GAAGC,sEAAkB,GAAGC,iEAAa,CAAC;AAC7D,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,WAAW,GAAGC,mBAAS,CAAC,MAAM,CAAC,CAAC;IACtC,QACEC,wBACE,IAAI,EAAC,QAAQ,EACT,GAAA,UAAU,EACd,KAAK,EAAE,eAAe,EACtB,KAAK,EAAE,YAAY,EAAA,GACf,WAAW,EACd,QAAA,EAAA,QAAQ,EACL,CAAA,EACN;AACJ;;;;"}

package/cjs/Selector-66230e31.js

@@ -8,7 +8,7 @@ var UNSAFE_Selector_themes_SelectorStyles_css = require('./UNSAFE_Selector/theme
 var StyledCheckbox = require('./StyledCheckbox-946168c3.js');
 var useActive = require('./useActive-bd587abe.js');
 var useFocus = require('./useFocus-1b288fb9.js');
-var useTestId = require('./useTestId-5e6af45d.js');
+var useTestId = require('./useTestId-e267a39d.js');
 var useHover = require('./useHover-c099039f.js');
 
 /**

package/cjs/{SelectorAll-f391f675.js → SelectorAll-f2d03afc.js}

@@ -3,24 +3,24 @@
 
 var jsxRuntime = require('preact/jsx-runtime');
 var hooks = require('preact/hooks');
-var Flex = require('./Flex-e7a85bef.js');
+var Flex = require('./Flex-ce16a2fa.js');
 var usePress = require('./usePress-00deca01.js');
 var UNSAFE_Selector_themes_SelectorStyles_css = require('./UNSAFE_Selector/themes/SelectorStyles.css.js');
 var StyledCheckbox = require('./StyledCheckbox-946168c3.js');
 var mergeProps = require('./mergeProps-e3da7237.js');
 var useActive = require('./useActive-bd587abe.js');
 var useFocus = require('./useFocus-1b288fb9.js');
-var useTestId = require('./useTestId-5e6af45d.js');
-var useTooltip = require('./useTooltip-f27c5cd0.js');
+var useTestId = require('./useTestId-e267a39d.js');
+var useTooltip = require('./useTooltip-e96e07ae.js');
 var useHover = require('./useHover-c099039f.js');
 require('./logger-2b636482.js');
-require('./LayerHost-a8c7f182.js');
+require('./LayerHost-7182bfaf.js');
 require('preact/compat');
 
 
 require('./hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js');
-require('./tooltipUtils-80224e2c.js');
-var useTranslationBundle = require('./useTranslationBundle-51f4c22c.js');
+require('./tooltipUtils-7857f698.js');
+var useTranslationBundle = require('./useTranslationBundle-6b0281a9.js');
 
 /**
  * The SelectorAll component renders checkboxes for select all case.
@@ -68,4 +68,4 @@ const handleKeyboardEvent = (event) => {
 };
 
 exports.SelectorAll = SelectorAll;
-//# sourceMappingURL=SelectorAll-f391f675.js.map
+//# sourceMappingURL=SelectorAll-f2d03afc.js.map

package/cjs/{SelectorAll-f391f675.js.map → SelectorAll-f2d03afc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SelectorAll-f391f675.js","sources":["../../src/UNSAFE_SelectorAll/SelectorAll.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 { useRef } from 'preact/hooks';\nimport { SelectionDetail } from '../UNSAFE_Collection';\nimport { Flex } from '../UNSAFE_Flex';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { styles } from '../UNSAFE_Selector/themes/SelectorStyles.css';\nimport { StyledCheckbox } from '../PRIVATE_StyledCheckbox';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { useFocus } from '../hooks/UNSAFE_useFocus';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { useHover } from '../hooks/UNSAFE_useHover/useHover';\n\n/**\n * Props for the SelectorAll Component\n */\nexport type Props<K> = {\n  /**\n   * The selected state of the select all selector\n   */\n  selected: 'none' | 'all' | 'partial' | 'partial-all';\n  /**\n   * Callback function to invoke when the selected keys has changed when\n   * the checkbox is toggled.\n   */\n  onChange?: (detail: SelectionDetail<K>) => void;\n  /**\n   * aria-label for this selectorAll\n   */\n  'aria-label'?: string;\n  /**\n   * One or more ids (separated by spaces) of elements that label the selected item. This will be used for the aria-labelledby of the DOM element.\n   */\n  'aria-labelledby'?: string;\n  /**\n   * Specifies whether tooltip should be shown on the SelectorAll checkbox\n   */\n  showTooltip?: 'enabled' | 'disabled';\n};\n\n/**\n * The SelectorAll component renders checkboxes for select all case.\n */\nexport function SelectorAll<K>({\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  selected,\n  onChange,\n  showTooltip = 'disabled',\n  testId\n}: Props<K> & TestIdProps) {\n  const pressHandler = (event: Event) => {\n    if (selected == 'none' || selected == 'partial') {\n      onChange?.({ value: { all: true, deletedKeys: new Set() }, target: event.target });\n    } else {\n      onChange?.({ value: { all: false, keys: new Set() }, target: event.target });\n    }\n  };\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const { isActive, activeProps } = useActive();\n  const { isFocus, focusProps } = useFocus();\n  const { pressProps } = usePress(pressHandler);\n\n  const { isHover, hoverProps } = useHover();\n  const isChecked =\n    selected === 'partial' || selected === 'partial-all'\n      ? 'partial'\n      : selected === 'all'\n      ? 'checked'\n      : 'unchecked';\n  const testIdProps = useTestId(testId);\n\n  const onClick = () => {\n    // ensure the checkbox is focused after click\n    inputRef.current?.focus();\n  };\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const tooltipLabel =\n    selected === 'none' || selected === 'partial'\n      ? translations.selectorAll_selectAll()\n      : translations.selectorAll_deselectAll();\n\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: tooltipLabel,\n    isDisabled: showTooltip === 'disabled' ? true : false\n  });\n\n  const ariaLabelText = !ariaLabel && !ariaLabelledby ? tooltipLabel : undefined;\n\n  return (\n    <div\n      class={styles.container}\n      {...mergeProps({ onClick }, pressProps, tooltipProps)}\n      {...testIdProps}>\n      <div class={styles.base} {...activeProps} {...hoverProps}>\n        <Flex align=\"center\" justify=\"center\">\n          <StyledCheckbox\n            ref={inputRef}\n            isHover={isHover}\n            isChecked={isChecked}\n            isActive={isActive}\n            isFocusRingShown={isFocus}\n            aria-label={ariaLabel ? ariaLabel : ariaLabelText}\n            aria-labelledby={ariaLabelledby}\n            onKeyDown={handleKeyboardEvent}\n            onKeyUp={handleKeyboardEvent}\n            {...focusProps}\n          />\n          {tooltipContent}\n        </Flex>\n      </div>\n    </div>\n  );\n}\n\nconst handleKeyboardEvent = (event: KeyboardEvent) => {\n  if (event.key == 'Enter') {\n    // prevent active styles applied to checkbox\n    event.stopPropagation();\n  }\n};\n"],"names":["useRef","useActive","useFocus","usePress","useHover","useTestId","useTranslationBundle","useTooltip","_jsx","styles","mergeProps","_jsxs","Flex","StyledCheckbox"],"mappings":"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"}
+{"version":3,"file":"SelectorAll-f2d03afc.js","sources":["../../src/UNSAFE_SelectorAll/SelectorAll.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 { useRef } from 'preact/hooks';\nimport { SelectionDetail } from '../UNSAFE_Collection';\nimport { Flex } from '../UNSAFE_Flex';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { styles } from '../UNSAFE_Selector/themes/SelectorStyles.css';\nimport { StyledCheckbox } from '../PRIVATE_StyledCheckbox';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { useFocus } from '../hooks/UNSAFE_useFocus';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { useHover } from '../hooks/UNSAFE_useHover/useHover';\n\n/**\n * Props for the SelectorAll Component\n */\nexport type Props<K> = {\n  /**\n   * The selected state of the select all selector\n   */\n  selected: 'none' | 'all' | 'partial' | 'partial-all';\n  /**\n   * Callback function to invoke when the selected keys has changed when\n   * the checkbox is toggled.\n   */\n  onChange?: (detail: SelectionDetail<K>) => void;\n  /**\n   * aria-label for this selectorAll\n   */\n  'aria-label'?: string;\n  /**\n   * One or more ids (separated by spaces) of elements that label the selected item. This will be used for the aria-labelledby of the DOM element.\n   */\n  'aria-labelledby'?: string;\n  /**\n   * Specifies whether tooltip should be shown on the SelectorAll checkbox\n   */\n  showTooltip?: 'enabled' | 'disabled';\n};\n\n/**\n * The SelectorAll component renders checkboxes for select all case.\n */\nexport function SelectorAll<K>({\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  selected,\n  onChange,\n  showTooltip = 'disabled',\n  testId\n}: Props<K> & TestIdProps) {\n  const pressHandler = (event: Event) => {\n    if (selected == 'none' || selected == 'partial') {\n      onChange?.({ value: { all: true, deletedKeys: new Set() }, target: event.target });\n    } else {\n      onChange?.({ value: { all: false, keys: new Set() }, target: event.target });\n    }\n  };\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const { isActive, activeProps } = useActive();\n  const { isFocus, focusProps } = useFocus();\n  const { pressProps } = usePress(pressHandler);\n\n  const { isHover, hoverProps } = useHover();\n  const isChecked =\n    selected === 'partial' || selected === 'partial-all'\n      ? 'partial'\n      : selected === 'all'\n      ? 'checked'\n      : 'unchecked';\n  const testIdProps = useTestId(testId);\n\n  const onClick = () => {\n    // ensure the checkbox is focused after click\n    inputRef.current?.focus();\n  };\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const tooltipLabel =\n    selected === 'none' || selected === 'partial'\n      ? translations.selectorAll_selectAll()\n      : translations.selectorAll_deselectAll();\n\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: tooltipLabel,\n    isDisabled: showTooltip === 'disabled' ? true : false\n  });\n\n  const ariaLabelText = !ariaLabel && !ariaLabelledby ? tooltipLabel : undefined;\n\n  return (\n    <div\n      class={styles.container}\n      {...mergeProps({ onClick }, pressProps, tooltipProps)}\n      {...testIdProps}>\n      <div class={styles.base} {...activeProps} {...hoverProps}>\n        <Flex align=\"center\" justify=\"center\">\n          <StyledCheckbox\n            ref={inputRef}\n            isHover={isHover}\n            isChecked={isChecked}\n            isActive={isActive}\n            isFocusRingShown={isFocus}\n            aria-label={ariaLabel ? ariaLabel : ariaLabelText}\n            aria-labelledby={ariaLabelledby}\n            onKeyDown={handleKeyboardEvent}\n            onKeyUp={handleKeyboardEvent}\n            {...focusProps}\n          />\n          {tooltipContent}\n        </Flex>\n      </div>\n    </div>\n  );\n}\n\nconst handleKeyboardEvent = (event: KeyboardEvent) => {\n  if (event.key == 'Enter') {\n    // prevent active styles applied to checkbox\n    event.stopPropagation();\n  }\n};\n"],"names":["useRef","useActive","useFocus","usePress","useHover","useTestId","useTranslationBundle","useTooltip","_jsx","styles","mergeProps","_jsxs","Flex","StyledCheckbox"],"mappings":"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"}

package/cjs/{Sheet-d9371321.js → Sheet-1650f94c.js}

@@ -3,8 +3,8 @@
 
 var jsxRuntime = require('preact/jsx-runtime');
 var hooks = require('preact/hooks');
-var Modal = require('./Modal-1c5c46ca.js');
-var WindowOverlay = require('./WindowOverlay-06408f56.js');
+var Modal = require('./Modal-3a5d6576.js');
+var WindowOverlay = require('./WindowOverlay-de3bd373.js');
 var tabbableUtils = require('./tabbableUtils-ce167710.js');
 var UNSAFE_Sheet_themes_SheetStyles_css = require('./UNSAFE_Sheet/themes/SheetStyles.css.js');
 var refUtils = require('./refUtils-915b985d.js');
@@ -158,4 +158,4 @@ const TOP_OFFSET = 96;
 
 exports.Sheet = Sheet;
 exports.useSheetSwipe = useSheetSwipe;
-//# sourceMappingURL=Sheet-d9371321.js.map
+//# sourceMappingURL=Sheet-1650f94c.js.map