@oracle/oraclejet-preact 17.0.7 → 17.0.8

package/cjs/ReadonlyTextFieldInput-fb7ffa5e.js

@@ -14,7 +14,7 @@ require('./FormFieldContext-8418dc68.js');
 var useFormFieldContext = require('./useFormFieldContext-20f419ef.js');
 var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
 var UNSAFE_TextField_themes_redwood_ReadonlyTextFieldInputTheme = require('./UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputTheme.js');
-var useTranslationBundle = require('./useTranslationBundle-7fcd8bd5.js');
+var useTranslationBundle = require('./useTranslationBundle-9da032d6.js');
 
 /**
  * Merge multiple ids into a space-separated list

package/cjs/RemovableNavigationListItem-6231df42.js

@@ -6,7 +6,7 @@ var BaseNavigationListItem = require('./BaseNavigationListItem-070d75bc.js');
 var Close = require('./Close-2adc0f0f.js');
 var hooks = require('preact/hooks');
 var useHover = require('./useHover-910b8e32.js');
-var useTranslationBundle = require('./useTranslationBundle-7fcd8bd5.js');
+var useTranslationBundle = require('./useTranslationBundle-9da032d6.js');
 var EmbeddedIconButton = require('./EmbeddedIconButton-cadadca0.js');
 
 function RemovableNavigationListItem({ itemKey, label, badge, metadata, severity }) {

package/cjs/RemovableTabBarItem-df8144f5.js

@@ -5,12 +5,12 @@ var jsxRuntime = require('preact/jsx-runtime');
 var hooks = require('preact/hooks');
 var useHover = require('./useHover-910b8e32.js');
 var Close = require('./Close-2adc0f0f.js');
-var Flex = require('./Flex-6529d995.js');
+var Flex = require('./Flex-fbba4ad6.js');
 var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
 var flexitem = require('./flexitem-fee13e26.js');
 var useTabBarContext = require('./useTabBarContext-2a6a796c.js');
 var TabBarItem = require('./TabBarItem-2b3039aa.js');
-var useTranslationBundle = require('./useTranslationBundle-7fcd8bd5.js');
+var useTranslationBundle = require('./useTranslationBundle-9da032d6.js');
 var EmbeddedIconButton = require('./EmbeddedIconButton-cadadca0.js');
 
 function RemovableTabBarItem({ itemKey, label, icon, badge, metadata, severity, 'aria-controls': ariaControls }) {

package/cjs/ReorderableTabBar-5743c66a.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-fcb0bb37.js');
+var LiveRegion = require('./LiveRegion-1315adeb.js');
 var TabBar = require('./TabBar-73bb6c97.js');
 var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
 var flexitem = require('./flexitem-fee13e26.js');
 var collectionUtils = require('./collectionUtils-1535080e.js');
-require('./LayerHost-a6007465.js');
+require('./LayerHost-46e4d858.js');
 require('preact/compat');
 var useReorderableItem = require('./useReorderableItem-02ed8243.js');
 var UNSAFE_ReorderableTabBar_themes_ReorderableTabBarItemStyles_css = require('./UNSAFE_ReorderableTabBar/themes/ReorderableTabBarItemStyles.css.js');

package/cjs/RevealToggleIcon-b5738e5e.js

@@ -4,7 +4,7 @@
 var jsxRuntime = require('preact/jsx-runtime');
 var ViewHide = require('./ViewHide-28d21a7a.js');
 var View = require('./View-02f558de.js');
-var useTranslationBundle = require('./useTranslationBundle-7fcd8bd5.js');
+var useTranslationBundle = require('./useTranslationBundle-9da032d6.js');
 var IconSwitchButton = require('./IconSwitchButton-094ace3a.js');
 
 /**

package/cjs/SectionalLegend-959d7977.js

@@ -3,16 +3,16 @@
 
 var jsxRuntime = require('preact/jsx-runtime');
 var hooks = require('preact/hooks');
-var useVisEvents = require('./useVisEvents-b000a96f.js');
+var useVisEvents = require('./useVisEvents-3d806e47.js');
 var mergeProps = require('./mergeProps-e3da7237.js');
 var layoutUtils = require('./layoutUtils-56b6111c.js');
 var useLegendContextMenu = require('./useLegendContextMenu-a10bd2fc.js');
 var useItemFocus = require('./useItemFocus-0c5fbee7.js');
-var Flex = require('./Flex-6529d995.js');
+var Flex = require('./Flex-fbba4ad6.js');
 var UNSAFE_Legend_themes_LegendStyles_css = require('./UNSAFE_Legend/themes/LegendStyles.css.js');
-var useCssVars = require('./useCssVars-839ce507.js');
+var useCssVars = require('./useCssVars-4f061513.js');
 var classNames = require('./classNames-c14c6ef3.js');
-var useTestId = require('./useTestId-71c3de70.js');
+var useTestId = require('./useTestId-8234ec1e.js');
 var useVisTouchResponse = require('./useVisTouchResponse-fb9c4e8f.js');
 var stringUtils = require('./stringUtils-4e4a6b2b.js');
 

package/cjs/{SectionedContent-5e956228.js → SectionedContent-0c0f96fb.js}

@@ -3,12 +3,12 @@
 
 var jsxRuntime = require('preact/jsx-runtime');
 var hooks = require('preact/hooks');
-var Dropdown = require('./Dropdown-7baf2926.js');
-var Flex = require('./Flex-6529d995.js');
+var Dropdown = require('./Dropdown-820dc3fe.js');
+var Flex = require('./Flex-fbba4ad6.js');
 var FocusTrap = require('./FocusTrap-0a03f5a2.js');
 var keyboardUtils = require('./keyboardUtils-f835e1ee.js');
-var useTestId = require('./useTestId-71c3de70.js');
-var View = require('./View-8f49d970.js');
+var useTestId = require('./useTestId-8234ec1e.js');
+var View = require('./View-011404a7.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-5e956228.js.map
+//# sourceMappingURL=SectionedContent-0c0f96fb.js.map

package/cjs/{SectionedContent-5e956228.js.map → SectionedContent-0c0f96fb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SectionedContent-5e956228.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-0c0f96fb.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-fcfb029a.js

@@ -9,7 +9,7 @@ var TextFieldInput = require('./TextFieldInput-4904c227.js');
 
 var ReadonlyTextFieldInput = require('./ReadonlyTextFieldInput-fb7ffa5e.js');
 var StyledTextField = require('./StyledTextField-351ea57e.js');
-var Flex = require('./Flex-6529d995.js');
+var Flex = require('./Flex-fbba4ad6.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-a6007465.js');
-var useTranslationBundle = require('./useTranslationBundle-7fcd8bd5.js');
+require('./LayerHost-46e4d858.js');
+var useTranslationBundle = require('./useTranslationBundle-9da032d6.js');
 
 var TabbableModeContext = require('./TabbableModeContext-e99d527e.js');
 
@@ -42,10 +42,10 @@ var TabbableModeContext = require('./TabbableModeContext-e99d527e.js');
 require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js');
 var InlineUserAssistance = require('./InlineUserAssistance-ad3fa8cc.js');
 var CompactUserAssistance = require('./CompactUserAssistance-f88519f9.js');
-require('./useTooltipControlled-a907e06c.js');
+require('./useTooltipControlled-706a3651.js');
 var preact = require('preact');
 
-require('./Popup-a793c4a2.js');
+require('./Popup-881aae20.js');
 
 
 require('./UNSAFE_Popup/themes/redwood/PopupVariants.css.js');
@@ -64,7 +64,7 @@ var Chip = require('./Chip-a24817e0.js');
 var IconButton = require('./IconButton-94f8ca5c.js');
 var CancelS = require('./CancelS-54815d5d.js');
 var useFocusWithin = require('./useFocusWithin-eb7f956a.js');
-var useUser = require('./useUser-c8e9a94a.js');
+var useUser = require('./useUser-a6d15333.js');
 var keyboardUtils = require('./keyboardUtils-f835e1ee.js');
 var classNames = require('./classNames-c14c6ef3.js');
 var dimensions = require('./dimensions-b48bf1ab.js');
@@ -75,8 +75,8 @@ var Close = require('./Close-2adc0f0f.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-fcb0bb37.js');
-var View = require('./View-8f49d970.js');
+var LiveRegion = require('./LiveRegion-1315adeb.js');
+var View = require('./View-011404a7.js');
 var UNSAFE_SelectMultiple_themes_MobileDropdownFooterStyles_css = require('./UNSAFE_SelectMultiple/themes/MobileDropdownFooterStyles.css.js');
 var Button = require('./Button-b5af1b23.js');
 var useEffectEvent = require('./useEffectEvent-9bf8acf6.js');

package/cjs/SelectSingle-40cb868a.js

@@ -9,7 +9,7 @@ var TextFieldInput = require('./TextFieldInput-4904c227.js');
 
 var ReadonlyTextFieldInput = require('./ReadonlyTextFieldInput-fb7ffa5e.js');
 var StyledTextField = require('./StyledTextField-351ea57e.js');
-require('./Flex-6529d995.js');
+require('./Flex-fbba4ad6.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-a6007465.js');
-var useTranslationBundle = require('./useTranslationBundle-7fcd8bd5.js');
+require('./LayerHost-46e4d858.js');
+var useTranslationBundle = require('./useTranslationBundle-9da032d6.js');
 
 var TabbableModeContext = require('./TabbableModeContext-e99d527e.js');
 
@@ -42,10 +42,10 @@ var TabbableModeContext = require('./TabbableModeContext-e99d527e.js');
 require('./UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js');
 var InlineUserAssistance = require('./InlineUserAssistance-ad3fa8cc.js');
 var CompactUserAssistance = require('./CompactUserAssistance-f88519f9.js');
-require('./useTooltipControlled-a907e06c.js');
+require('./useTooltipControlled-706a3651.js');
 var preact = require('preact');
 
-require('./Popup-a793c4a2.js');
+require('./Popup-881aae20.js');
 
 
 require('./UNSAFE_Popup/themes/redwood/PopupVariants.css.js');
@@ -62,8 +62,8 @@ var useFormFieldContext = require('./useFormFieldContext-20f419ef.js');
 
 require('./UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css.js');
 var TextField = require('./TextField-0f4e945f.js');
-var LiveRegion = require('./LiveRegion-fcb0bb37.js');
-var View = require('./View-8f49d970.js');
+var LiveRegion = require('./LiveRegion-1315adeb.js');
+var View = require('./View-011404a7.js');
 var useEffectEvent = require('./useEffectEvent-9bf8acf6.js');
 var mergeProps = require('./mergeProps-e3da7237.js');
 var keyboardUtils = require('./keyboardUtils-f835e1ee.js');

package/cjs/{SelectionCard-9a4f325f.js → SelectionCard-aa300118.js}

@@ -8,7 +8,7 @@ var padding = require('./padding-b9ee87ac.js');
 var colors = require('./colors-ac3041c6.js');
 var aria = require('./aria-889aedd0.js');
 var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
-var useTestId = require('./useTestId-71c3de70.js');
+var useTestId = require('./useTestId-8234ec1e.js');
 var UNSAFE_SelectionCard_themes_SelectionCardStyles_css = require('./UNSAFE_SelectionCard/themes/SelectionCardStyles.css.js');
 var useHover = require('./useHover-910b8e32.js');
 
@@ -37,4 +37,4 @@ const SelectionCard = ({ children, isSelected = false, testId, ...rest }) => {
 };
 
 exports.SelectionCard = SelectionCard;
-//# sourceMappingURL=SelectionCard-9a4f325f.js.map
+//# sourceMappingURL=SelectionCard-aa300118.js.map

package/cjs/{SelectionCard-9a4f325f.js.map → SelectionCard-aa300118.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SelectionCard-9a4f325f.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-aa300118.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-cc35dbb1.js

@@ -8,7 +8,7 @@ var UNSAFE_Selector_themes_SelectorStyles_css = require('./UNSAFE_Selector/theme
 var StyledCheckbox = require('./StyledCheckbox-7576d44a.js');
 var useActive = require('./useActive-b15c9e7e.js');
 var useFocus = require('./useFocus-1b288fb9.js');
-var useTestId = require('./useTestId-71c3de70.js');
+var useTestId = require('./useTestId-8234ec1e.js');
 var useHover = require('./useHover-910b8e32.js');
 
 /**

package/cjs/SelectorAll-d8d3cb7b.js

@@ -3,17 +3,17 @@
 
 var jsxRuntime = require('preact/jsx-runtime');
 var hooks = require('preact/hooks');
-var Flex = require('./Flex-6529d995.js');
+var Flex = require('./Flex-fbba4ad6.js');
 var usePress = require('./usePress-00deca01.js');
 var UNSAFE_Selector_themes_SelectorStyles_css = require('./UNSAFE_Selector/themes/SelectorStyles.css.js');
 var StyledCheckbox = require('./StyledCheckbox-7576d44a.js');
 var mergeProps = require('./mergeProps-e3da7237.js');
 var useActive = require('./useActive-b15c9e7e.js');
 var useFocus = require('./useFocus-1b288fb9.js');
-var useTestId = require('./useTestId-71c3de70.js');
-var useTooltip = require('./useTooltip-29b90247.js');
-require('./useTooltipControlled-a907e06c.js');
-var useTranslationBundle = require('./useTranslationBundle-7fcd8bd5.js');
+var useTestId = require('./useTestId-8234ec1e.js');
+var useTooltip = require('./useTooltip-468c1c92.js');
+require('./useTooltipControlled-706a3651.js');
+var useTranslationBundle = require('./useTranslationBundle-9da032d6.js');
 var useHover = require('./useHover-910b8e32.js');
 
 /**

package/cjs/{Sheet-c3a675fc.js → Sheet-a6267b5f.js}

@@ -3,8 +3,8 @@
 
 var jsxRuntime = require('preact/jsx-runtime');
 var hooks = require('preact/hooks');
-var Modal = require('./Modal-fd178291.js');
-var WindowOverlay = require('./WindowOverlay-bb51c0ee.js');
+var Modal = require('./Modal-52fa4530.js');
+var WindowOverlay = require('./WindowOverlay-d255542f.js');
 var tabbableUtils = require('./tabbableUtils-b49673af.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-c3a675fc.js.map
+//# sourceMappingURL=Sheet-a6267b5f.js.map

package/cjs/{Sheet-c3a675fc.js.map → Sheet-a6267b5f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Sheet-c3a675fc.js","sources":["../../src/UNSAFE_Sheet/useSheetSwipe.ts","../../src/UNSAFE_Sheet/Sheet.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 */\n\nimport { useRef, useCallback } from 'preact/hooks';\n\n/*\n  threshold: Minimal threshold required before recognizing\n  tolerance: A tolerance value which allows the user to move their finger about a length measured in pixels.\n  This allows the swipe gesture to be triggered more easily since a User might not move their finger\n  in a straight line.\n*/\ntype SwipeOptions = {\n  threshold?: number;\n  maximumTime?: number;\n  tolerance?: number;\n  isDisabled?: boolean;\n};\n\ntype SwipeInfo = {\n  direction: 'down';\n};\n\ntype SwipeState = {\n  pointerDownId: number | null;\n  startTime: number | null;\n  prevpageX: number;\n  prevpageY: number;\n  elementScrollTop: number;\n};\n/*This \"private\" hook will live until we end up stating a final decision on useSwipe hook.\nFor that hook to work, element that use it has to set touch-action:none;, since pointer events\nare canceled once a touch action is going to be handled by the browser. This works for most\nof the components that don't scroll. But if the component scroll, there is a need for the browser to \nhandle scroll which is imposible with a hook just using pointer events.\n\nUpdate 11/6/23:\nNishad's team is going to confirm if other comps that will use useSwipe need mouse interactions. If they need it,\nwe can either have a flag to use pointer or touch events or two separated hooks. If they don't need mouse interactions,\nwe could start using useSwipe with touch events instead.\n*/\nexport function useSheetSwipe(\n  onSwipe: (e: SwipeInfo) => void,\n  { threshold = 10, maximumTime = 300, tolerance = 50, isDisabled = false }: SwipeOptions = {\n    threshold: 10,\n    maximumTime: 300,\n    tolerance: 50,\n    isDisabled: false\n  }\n): { swipeProps: Record<string, any> } {\n  const ref = useRef<SwipeState>({\n    pointerDownId: 0,\n    startTime: null,\n    prevpageX: 0,\n    prevpageY: 0,\n    elementScrollTop: 0\n  });\n\n  const clearSwipe = useCallback(() => {\n    ref.current = {\n      pointerDownId: null,\n      startTime: 0,\n      prevpageX: 0,\n      prevpageY: 0,\n      elementScrollTop: 0\n    };\n  }, []);\n\n  const onTouchStart = useCallback(\n    (e: TouchEvent) => {\n      const touchobj = e.changedTouches[0];\n      if (!ref.current.pointerDownId) {\n        ref.current = {\n          pointerDownId: touchobj.identifier,\n          startTime: e.timeStamp,\n          prevpageX: touchobj.pageX,\n          prevpageY: touchobj.pageY,\n          elementScrollTop: (e.currentTarget as HTMLElement).scrollTop\n        };\n      } else {\n        clearSwipe();\n      }\n    },\n    [clearSwipe]\n  );\n\n  const onTouchEnd = useCallback(\n    (ev: TouchEvent) => {\n      const touchobj = ev.changedTouches[0];\n      if (touchobj.identifier === ref.current.pointerDownId) {\n        if (ref.current.startTime && ev.timeStamp - ref.current.startTime < maximumTime) {\n          if (\n            touchobj.pageY - ref.current.prevpageY > threshold &&\n            Math.abs(touchobj.pageX - ref.current.prevpageX) <= tolerance &&\n            ref.current.elementScrollTop === 0\n          ) {\n            onSwipe?.({ direction: 'down' });\n          }\n        }\n      }\n      // state would be reset to its original state whether swipe is completed or cancelled\n      clearSwipe();\n    },\n    [threshold, onSwipe, clearSwipe, maximumTime, tolerance]\n  );\n\n  const swipeProps = isDisabled\n    ? {}\n    : {\n        /** event handlers to spread on the target element. */\n        onTouchStart,\n        onTouchEnd,\n        ontouchcancel: clearSwipe\n      };\n\n  return {\n    swipeProps\n  };\n}\n","import { JSX } from 'preact';\nimport { useCallback, useEffect, useMemo, useRef } from 'preact/hooks';\n\nimport { Modal } from '../UNSAFE_Modal';\nimport { WindowOverlay } from '../UNSAFE_WindowOverlay';\n//Temporal import.\nimport { useSheetSwipe } from './useSheetSwipe';\nimport { focusWithin } from '../utils/PRIVATE_tabbableUtils';\n\nimport { sheetMenuStyles } from './themes/SheetStyles.css';\nimport { mergeRefs } from '#utils/PRIVATE_refUtils';\nimport { AnimationStates, useAnimationStatus } from '#hooks/PRIVATE_useAnimationStatus';\nimport { SLIDE_DOWN_XLARGE, SLIDE_UP_XLARGE, DURATION_LARGE } from '#utils/PRIVATE_animationUtils';\n\n/*\n  pointerDismissed: Swipedown and tapScrim\n  keyboardDismissed: \"Escape\" | \"Tab\"\n*/\nexport type CloseDetail = { reason: 'pointerDismissed' | 'keyboardDismissed' };\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\ntype SheetProps = IntrinsicProps & {\n  onClose?: (detail: CloseDetail) => void;\n  isOpen?: boolean;\n  initialFocus?: 'none' | 'firstFocusable';\n};\n\nconst animationStates: AnimationStates = {\n  opening: {\n    ...SLIDE_UP_XLARGE,\n    options: {\n      duration: DURATION_LARGE\n    }\n  },\n  closing: {\n    ...SLIDE_DOWN_XLARGE,\n    options: {\n      duration: DURATION_LARGE\n    }\n  }\n};\n\nexport const Sheet = ({ children, onClose, isOpen = false, initialFocus = 'none' }: SheetProps) => {\n  const sheetRef = useRef<HTMLDivElement>(null);\n\n  // Initial focus going to be set after animation once opening animation is added\n  useEffect(() => {\n    if (isOpen && initialFocus === 'firstFocusable') {\n      const sheetElement = sheetRef.current;\n      if (sheetElement) {\n        focusWithin(sheetElement);\n      }\n    }\n  }, [isOpen, initialFocus]);\n  const handlePointerDismissed = useCallback(() => {\n    onClose?.({ reason: 'pointerDismissed' });\n  }, [onClose]);\n\n  // TODO: Use useSwipe when it works on components that could scroll. Important to notice all components that have a\n  // sheet will use this comp and this comp is going to use useSwipe. So comps that have their own impl (menu right now),\n  // will stop having its own implementation\n  const { swipeProps } = useSheetSwipe(handlePointerDismissed);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.defaultPrevented) {\n        return;\n      }\n      switch (event.code) {\n        case 'Tab':\n        case 'Escape':\n          onClose?.({ reason: 'keyboardDismissed' });\n        default:\n          break;\n      }\n    },\n    [onClose]\n  );\n  const { setAnimationElementRef, status } = useAnimationStatus<HTMLElement>({\n    isOpen,\n    isAnimatedOnMount: false,\n    animationStates\n  });\n\n  useEffect(() => {\n    if (status === 'opening') {\n      if (initialFocus === 'firstFocusable') {\n        const dropdownElement = sheetRef.current;\n        if (dropdownElement) {\n          focusWithin(dropdownElement);\n        }\n      }\n    }\n  }, [status, initialFocus]);\n\n  const stableRef = useMemo(\n    () => mergeRefs(setAnimationElementRef, sheetRef),\n    [setAnimationElementRef]\n  );\n\n  const isMounted = status !== 'unmounted';\n\n  return (\n    <>\n      {isMounted ? (\n        <Modal isOpen={isMounted} onBackdropClick={handlePointerDismissed}>\n          <WindowOverlay placement=\"bottom\">\n            <div\n              {...swipeProps}\n              ref={stableRef}\n              class={sheetMenuStyles.sheetMenuContainerWrapper}\n              style={{ maxHeight: `calc(100vh - ${TOP_OFFSET}px)` }}\n              onKeyDown={handleKeyDown}>\n              {children}\n            </div>\n          </WindowOverlay>\n        </Modal>\n      ) : null}\n    </>\n  );\n};\n\nconst TOP_OFFSET = 96;\n"],"names":["useRef","useCallback","SLIDE_UP_XLARGE","DURATION_LARGE","SLIDE_DOWN_XLARGE","useEffect","focusWithin","useAnimationStatus","useMemo","mergeRefs","_jsx","_Fragment","Modal","WindowOverlay","sheetMenuStyles"],"mappings":"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"}
+{"version":3,"file":"Sheet-a6267b5f.js","sources":["../../src/UNSAFE_Sheet/useSheetSwipe.ts","../../src/UNSAFE_Sheet/Sheet.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 */\n\nimport { useRef, useCallback } from 'preact/hooks';\n\n/*\n  threshold: Minimal threshold required before recognizing\n  tolerance: A tolerance value which allows the user to move their finger about a length measured in pixels.\n  This allows the swipe gesture to be triggered more easily since a User might not move their finger\n  in a straight line.\n*/\ntype SwipeOptions = {\n  threshold?: number;\n  maximumTime?: number;\n  tolerance?: number;\n  isDisabled?: boolean;\n};\n\ntype SwipeInfo = {\n  direction: 'down';\n};\n\ntype SwipeState = {\n  pointerDownId: number | null;\n  startTime: number | null;\n  prevpageX: number;\n  prevpageY: number;\n  elementScrollTop: number;\n};\n/*This \"private\" hook will live until we end up stating a final decision on useSwipe hook.\nFor that hook to work, element that use it has to set touch-action:none;, since pointer events\nare canceled once a touch action is going to be handled by the browser. This works for most\nof the components that don't scroll. But if the component scroll, there is a need for the browser to \nhandle scroll which is imposible with a hook just using pointer events.\n\nUpdate 11/6/23:\nNishad's team is going to confirm if other comps that will use useSwipe need mouse interactions. If they need it,\nwe can either have a flag to use pointer or touch events or two separated hooks. If they don't need mouse interactions,\nwe could start using useSwipe with touch events instead.\n*/\nexport function useSheetSwipe(\n  onSwipe: (e: SwipeInfo) => void,\n  { threshold = 10, maximumTime = 300, tolerance = 50, isDisabled = false }: SwipeOptions = {\n    threshold: 10,\n    maximumTime: 300,\n    tolerance: 50,\n    isDisabled: false\n  }\n): { swipeProps: Record<string, any> } {\n  const ref = useRef<SwipeState>({\n    pointerDownId: 0,\n    startTime: null,\n    prevpageX: 0,\n    prevpageY: 0,\n    elementScrollTop: 0\n  });\n\n  const clearSwipe = useCallback(() => {\n    ref.current = {\n      pointerDownId: null,\n      startTime: 0,\n      prevpageX: 0,\n      prevpageY: 0,\n      elementScrollTop: 0\n    };\n  }, []);\n\n  const onTouchStart = useCallback(\n    (e: TouchEvent) => {\n      const touchobj = e.changedTouches[0];\n      if (!ref.current.pointerDownId) {\n        ref.current = {\n          pointerDownId: touchobj.identifier,\n          startTime: e.timeStamp,\n          prevpageX: touchobj.pageX,\n          prevpageY: touchobj.pageY,\n          elementScrollTop: (e.currentTarget as HTMLElement).scrollTop\n        };\n      } else {\n        clearSwipe();\n      }\n    },\n    [clearSwipe]\n  );\n\n  const onTouchEnd = useCallback(\n    (ev: TouchEvent) => {\n      const touchobj = ev.changedTouches[0];\n      if (touchobj.identifier === ref.current.pointerDownId) {\n        if (ref.current.startTime && ev.timeStamp - ref.current.startTime < maximumTime) {\n          if (\n            touchobj.pageY - ref.current.prevpageY > threshold &&\n            Math.abs(touchobj.pageX - ref.current.prevpageX) <= tolerance &&\n            ref.current.elementScrollTop === 0\n          ) {\n            onSwipe?.({ direction: 'down' });\n          }\n        }\n      }\n      // state would be reset to its original state whether swipe is completed or cancelled\n      clearSwipe();\n    },\n    [threshold, onSwipe, clearSwipe, maximumTime, tolerance]\n  );\n\n  const swipeProps = isDisabled\n    ? {}\n    : {\n        /** event handlers to spread on the target element. */\n        onTouchStart,\n        onTouchEnd,\n        ontouchcancel: clearSwipe\n      };\n\n  return {\n    swipeProps\n  };\n}\n","import { JSX } from 'preact';\nimport { useCallback, useEffect, useMemo, useRef } from 'preact/hooks';\n\nimport { Modal } from '../UNSAFE_Modal';\nimport { WindowOverlay } from '../UNSAFE_WindowOverlay';\n//Temporal import.\nimport { useSheetSwipe } from './useSheetSwipe';\nimport { focusWithin } from '../utils/PRIVATE_tabbableUtils';\n\nimport { sheetMenuStyles } from './themes/SheetStyles.css';\nimport { mergeRefs } from '#utils/PRIVATE_refUtils';\nimport { AnimationStates, useAnimationStatus } from '#hooks/PRIVATE_useAnimationStatus';\nimport { SLIDE_DOWN_XLARGE, SLIDE_UP_XLARGE, DURATION_LARGE } from '#utils/PRIVATE_animationUtils';\n\n/*\n  pointerDismissed: Swipedown and tapScrim\n  keyboardDismissed: \"Escape\" | \"Tab\"\n*/\nexport type CloseDetail = { reason: 'pointerDismissed' | 'keyboardDismissed' };\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\ntype SheetProps = IntrinsicProps & {\n  onClose?: (detail: CloseDetail) => void;\n  isOpen?: boolean;\n  initialFocus?: 'none' | 'firstFocusable';\n};\n\nconst animationStates: AnimationStates = {\n  opening: {\n    ...SLIDE_UP_XLARGE,\n    options: {\n      duration: DURATION_LARGE\n    }\n  },\n  closing: {\n    ...SLIDE_DOWN_XLARGE,\n    options: {\n      duration: DURATION_LARGE\n    }\n  }\n};\n\nexport const Sheet = ({ children, onClose, isOpen = false, initialFocus = 'none' }: SheetProps) => {\n  const sheetRef = useRef<HTMLDivElement>(null);\n\n  // Initial focus going to be set after animation once opening animation is added\n  useEffect(() => {\n    if (isOpen && initialFocus === 'firstFocusable') {\n      const sheetElement = sheetRef.current;\n      if (sheetElement) {\n        focusWithin(sheetElement);\n      }\n    }\n  }, [isOpen, initialFocus]);\n  const handlePointerDismissed = useCallback(() => {\n    onClose?.({ reason: 'pointerDismissed' });\n  }, [onClose]);\n\n  // TODO: Use useSwipe when it works on components that could scroll. Important to notice all components that have a\n  // sheet will use this comp and this comp is going to use useSwipe. So comps that have their own impl (menu right now),\n  // will stop having its own implementation\n  const { swipeProps } = useSheetSwipe(handlePointerDismissed);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.defaultPrevented) {\n        return;\n      }\n      switch (event.code) {\n        case 'Tab':\n        case 'Escape':\n          onClose?.({ reason: 'keyboardDismissed' });\n        default:\n          break;\n      }\n    },\n    [onClose]\n  );\n  const { setAnimationElementRef, status } = useAnimationStatus<HTMLElement>({\n    isOpen,\n    isAnimatedOnMount: false,\n    animationStates\n  });\n\n  useEffect(() => {\n    if (status === 'opening') {\n      if (initialFocus === 'firstFocusable') {\n        const dropdownElement = sheetRef.current;\n        if (dropdownElement) {\n          focusWithin(dropdownElement);\n        }\n      }\n    }\n  }, [status, initialFocus]);\n\n  const stableRef = useMemo(\n    () => mergeRefs(setAnimationElementRef, sheetRef),\n    [setAnimationElementRef]\n  );\n\n  const isMounted = status !== 'unmounted';\n\n  return (\n    <>\n      {isMounted ? (\n        <Modal isOpen={isMounted} onBackdropClick={handlePointerDismissed}>\n          <WindowOverlay placement=\"bottom\">\n            <div\n              {...swipeProps}\n              ref={stableRef}\n              class={sheetMenuStyles.sheetMenuContainerWrapper}\n              style={{ maxHeight: `calc(100vh - ${TOP_OFFSET}px)` }}\n              onKeyDown={handleKeyDown}>\n              {children}\n            </div>\n          </WindowOverlay>\n        </Modal>\n      ) : null}\n    </>\n  );\n};\n\nconst TOP_OFFSET = 96;\n"],"names":["useRef","useCallback","SLIDE_UP_XLARGE","DURATION_LARGE","SLIDE_DOWN_XLARGE","useEffect","focusWithin","useAnimationStatus","useMemo","mergeRefs","_jsx","_Fragment","Modal","WindowOverlay","sheetMenuStyles"],"mappings":"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"}

package/cjs/SplitMenuButton-336bb8d6.js

@@ -4,11 +4,11 @@
 var jsxRuntime = require('preact/jsx-runtime');
 var ButtonLabelLayout = require('./ButtonLabelLayout-3399b9e1.js');
 var ChevronDown = require('./ChevronDown-ec558844.js');
-var Menu = require('./Menu-afcc3db8.js');
+var Menu = require('./Menu-7f8ca235.js');
 require('./MenuItem-9a73694f.js');
 var hooks = require('preact/hooks');
 require('preact');
-require('./useTooltipControlled-a907e06c.js');
+require('./useTooltipControlled-706a3651.js');
 
 require('./SelectMenuGroupContext-bbb4f7e0.js');
 var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
@@ -18,7 +18,7 @@ require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
 
 require('./UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css.js');
 var compat = require('preact/compat');
-require('./LayerHost-a6007465.js');
+require('./LayerHost-46e4d858.js');
 var Text = require('./Text-aaacb6a0.js');
 var BaseButton = require('./BaseButton-ff6f39f2.js');
 var TabbableModeContext = require('./TabbableModeContext-e99d527e.js');

package/cjs/StyledTextField-351ea57e.js

@@ -6,7 +6,7 @@ var UNSAFE_Label_themes_redwood_LabelTheme = require('./UNSAFE_Label/themes/redw
 var LabelValueLayout = require('./LabelValueLayout-24937fa5.js');
 var UNSAFE_Skeleton_themes_redwood_SkeletonTheme = require('./UNSAFE_Skeleton/themes/redwood/SkeletonTheme.js');
 var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
-var useTestId = require('./useTestId-71c3de70.js');
+var useTestId = require('./useTestId-8234ec1e.js');
 var classNames = require('./classNames-c14c6ef3.js');
 var LayoutStyles_css = require('./LayoutStyles.css-8af668b9.js');
 var compat = require('preact/compat');
@@ -14,10 +14,10 @@ require('./FormContext-9452bd30.js');
 var useFormContext = require('./useFormContext-4c3091dc.js');
 require('./FormFieldContext-8418dc68.js');
 var useFormFieldContext = require('./useFormFieldContext-20f419ef.js');
-var Flex = require('./Flex-6529d995.js');
+var Flex = require('./Flex-fbba4ad6.js');
 require('./InputGroupContext-05f2a46f.js');
 var useInputGroupContext = require('./useInputGroupContext-4c10bd57.js');
-var useUser = require('./useUser-c8e9a94a.js');
+var useUser = require('./useUser-a6d15333.js');
 var UNSAFE_TextField_themes_redwood_TextFieldTheme = require('./UNSAFE_TextField/themes/redwood/TextFieldTheme.js');
 var UNSAFE_TextField_themes_redwood_ReadonlyTextFieldTheme = require('./UNSAFE_TextField/themes/redwood/ReadonlyTextFieldTheme.js');
 var UNSAFE_TextField_themes_redwood_FormLayoutTheme = require('./UNSAFE_TextField/themes/redwood/FormLayoutTheme.js');

package/cjs/Submenu-b7daab71.js

@@ -6,7 +6,7 @@ var compat = require('preact/compat');
 var DirectionalExpandArrowIcon = require('./DirectionalExpandArrowIcon-adf981f6.js');
 var useId = require('./useId-6c0eeb27.js');
 var MenuItem = require('./MenuItem-9a73694f.js');
-var Menu = require('./Menu-afcc3db8.js');
+var Menu = require('./Menu-7f8ca235.js');
 var hooks = require('preact/hooks');
 var DirectionalCollapseArrowIcon = require('./DirectionalCollapseArrowIcon-d2b24ac3.js');
 

package/cjs/TabBar-73bb6c97.js

@@ -3,10 +3,10 @@
 
 var jsxRuntime = require('preact/jsx-runtime');
 var hooks = require('preact/hooks');
-require('./LayerHost-a6007465.js');
+require('./LayerHost-46e4d858.js');
 var compat = require('preact/compat');
 require('./UNSAFE_Text/themes/TextStyles.css.js');
-require('./Flex-6529d995.js');
+require('./Flex-fbba4ad6.js');
 var useTabBarContext = require('./useTabBarContext-2a6a796c.js');
 require('./flexitem-fee13e26.js');
 require('./dimensions-b48bf1ab.js');
@@ -17,18 +17,18 @@ require('./logger-2b636482.js');
 require('./UNSAFE_TabBarCommon/themes/redwood/TabBarItemVariants.css.js');
 require('./ConveyorBeltContext-bfe84b44.js');
 require('preact');
-require('./useTooltipControlled-a907e06c.js');
+require('./useTooltipControlled-706a3651.js');
 
-require('./Floating-9e569e63.js');
+require('./Floating-1280c2ce.js');
 
 require('./keyboardUtils-f835e1ee.js');
 require('./tabbableUtils-b49673af.js');
 
-require('./Sheet-c3a675fc.js');
+require('./Sheet-a6267b5f.js');
 
 var TabBarLayout = require('./TabBarLayout-c2efbeb3.js');
 var UNSAFE_TabBar_themes_TabBarStyles_css = require('./UNSAFE_TabBar/themes/TabBarStyles.css.js');
-var useTabBar = require('./useTabBar-8bd94c1b.js');
+var useTabBar = require('./useTabBar-35edcdb1.js');
 
 /**
  * A tab bar allows navigation between different content sections.

package/cjs/TabBarItem-2b3039aa.js

@@ -5,9 +5,9 @@ var jsxRuntime = require('preact/jsx-runtime');
 var hooks = require('preact/hooks');
 var classNames = require('./classNames-c14c6ef3.js');
 var usePress = require('./usePress-00deca01.js');
-var useUser = require('./useUser-c8e9a94a.js');
+var useUser = require('./useUser-a6d15333.js');
 var Text = require('./Text-aaacb6a0.js');
-var Flex = require('./Flex-6529d995.js');
+var Flex = require('./Flex-fbba4ad6.js');
 var useTabBarContext = require('./useTabBarContext-2a6a796c.js');
 var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
 var flexitem = require('./flexitem-fee13e26.js');
@@ -21,7 +21,7 @@ var ErrorS = require('./ErrorS-bfe081e3.js');
 var InformationS = require('./InformationS-5bf32f4c.js');
 var SuccessS = require('./SuccessS-862e9e4b.js');
 var mergeProps = require('./mergeProps-e3da7237.js');
-var useTooltipControlled = require('./useTooltipControlled-a907e06c.js');
+var useTooltipControlled = require('./useTooltipControlled-706a3651.js');
 var UNSAFE_TabBarCommon_themes_TabBarItemContract_css = require('./UNSAFE_TabBarCommon/themes/TabBarItemContract.css.js');
 var Badge = require('./Badge-0e522f12.js');
 

package/cjs/TabBarLayout-c2efbeb3.js

@@ -2,7 +2,7 @@
 'use strict';
 
 var jsxRuntime = require('preact/jsx-runtime');
-var Flex = require('./Flex-6529d995.js');
+var Flex = require('./Flex-fbba4ad6.js');
 var useTabBarContext = require('./useTabBarContext-2a6a796c.js');
 
 /**

package/cjs/TabBarMixed-426fcaf1.js

@@ -4,9 +4,9 @@
 var jsxRuntime = require('preact/jsx-runtime');
 var hooks = require('preact/hooks');
 var compat = require('preact/compat');
-require('./LayerHost-a6007465.js');
+require('./LayerHost-46e4d858.js');
 require('./UNSAFE_Text/themes/TextStyles.css.js');
-require('./Flex-6529d995.js');
+require('./Flex-fbba4ad6.js');
 var useTabBarContext = require('./useTabBarContext-2a6a796c.js');
 require('./flexitem-fee13e26.js');
 require('./dimensions-b48bf1ab.js');
@@ -17,17 +17,17 @@ require('./logger-2b636482.js');
 require('./UNSAFE_TabBarCommon/themes/redwood/TabBarItemVariants.css.js');
 require('./ConveyorBeltContext-bfe84b44.js');
 require('preact');
-require('./useTooltipControlled-a907e06c.js');
+require('./useTooltipControlled-706a3651.js');
 
-require('./Floating-9e569e63.js');
+require('./Floating-1280c2ce.js');
 
 require('./keyboardUtils-f835e1ee.js');
 require('./tabbableUtils-b49673af.js');
 
-require('./Sheet-c3a675fc.js');
+require('./Sheet-a6267b5f.js');
 
 var UNSAFE_TabBarMixed_themes_TabBarMixedStyles_css = require('./UNSAFE_TabBarMixed/themes/TabBarMixedStyles.css.js');
-var useTabBar = require('./useTabBar-8bd94c1b.js');
+var useTabBar = require('./useTabBar-35edcdb1.js');
 
 /**
  * A thin wrapper around useTabBar hook

package/cjs/{TabBarMixedSeparator-e949e3c9.js → TabBarMixedSeparator-6388ccda.js}

@@ -2,7 +2,7 @@
 'use strict';
 
 var jsxRuntime = require('preact/jsx-runtime');
-var View = require('./View-8f49d970.js');
+var View = require('./View-011404a7.js');
 var UNSAFE_TabBarMixed_themes_TabBarMixedSeparator_css = require('./UNSAFE_TabBarMixed/themes/TabBarMixedSeparator.css.js');
 
 /**
@@ -18,4 +18,4 @@ function TabBarMixedSeparator(props) {
 }
 
 exports.TabBarMixedSeparator = TabBarMixedSeparator;
-//# sourceMappingURL=TabBarMixedSeparator-e949e3c9.js.map
+//# sourceMappingURL=TabBarMixedSeparator-6388ccda.js.map

package/cjs/{TabBarMixedSeparator-e949e3c9.js.map → TabBarMixedSeparator-6388ccda.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TabBarMixedSeparator-e949e3c9.js","sources":["../../src/UNSAFE_TabBarMixed/TabBarMixedSeparator.tsx"],"sourcesContent":["import { View } from '../UNSAFE_View';\nimport { styles } from './themes/TabBarMixedSeparator.css';\n\nimport type { Size } from '../utils/UNSAFE_size';\n\ntype TabBarMixedSeparatorProps = {\n  /**\n   * Padding around the visual Separator line.\n   */\n  padding?: Size;\n};\n\n/**\n * TabBarMixedSeparator is a component that renders a visual separator (displayed\n * as a vertical line) between collections of tabs within TabBarMixed.\n *\n * @param {TabBarMixedSeparatorProps} props Component props for TabBarMixedSeparator.\n * @returns {JSX.Element} Component element for TabBarMixedSeparator.\n */\nexport function TabBarMixedSeparator(props: TabBarMixedSeparatorProps) {\n  const { padding = 0 } = props;\n\n  return (\n    <View padding={[0, padding, 0, padding]}>\n      <div class={styles.separator} role=\"presentation\" />\n    </View>\n  );\n}\n"],"names":["_jsx","View","styles"],"mappings":";;;;;;;AAYA;;;;;;AAMG;AACG,SAAU,oBAAoB,CAAC,KAAgC,EAAA;AACnE,IAAA,MAAM,EAAE,OAAO,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC;AAE9B,IAAA,QACEA,cAAA,CAACC,SAAI,EAAA,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,CAAC,EAAA,QAAA,EACrCD,cAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAEE,yDAAM,CAAC,SAAS,EAAE,IAAI,EAAC,cAAc,EAAG,CAAA,EAAA,CAC/C,EACP;AACJ;;;;"}
+{"version":3,"file":"TabBarMixedSeparator-6388ccda.js","sources":["../../src/UNSAFE_TabBarMixed/TabBarMixedSeparator.tsx"],"sourcesContent":["import { View } from '../UNSAFE_View';\nimport { styles } from './themes/TabBarMixedSeparator.css';\n\nimport type { Size } from '../utils/UNSAFE_size';\n\ntype TabBarMixedSeparatorProps = {\n  /**\n   * Padding around the visual Separator line.\n   */\n  padding?: Size;\n};\n\n/**\n * TabBarMixedSeparator is a component that renders a visual separator (displayed\n * as a vertical line) between collections of tabs within TabBarMixed.\n *\n * @param {TabBarMixedSeparatorProps} props Component props for TabBarMixedSeparator.\n * @returns {JSX.Element} Component element for TabBarMixedSeparator.\n */\nexport function TabBarMixedSeparator(props: TabBarMixedSeparatorProps) {\n  const { padding = 0 } = props;\n\n  return (\n    <View padding={[0, padding, 0, padding]}>\n      <div class={styles.separator} role=\"presentation\" />\n    </View>\n  );\n}\n"],"names":["_jsx","View","styles"],"mappings":";;;;;;;AAYA;;;;;;AAMG;AACG,SAAU,oBAAoB,CAAC,KAAgC,EAAA;AACnE,IAAA,MAAM,EAAE,OAAO,GAAG,CAAC,EAAE,GAAG,KAAK,CAAC;AAE9B,IAAA,QACEA,cAAA,CAACC,SAAI,EAAA,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,CAAC,EAAA,QAAA,EACrCD,cAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAEE,yDAAM,CAAC,SAAS,EAAE,IAAI,EAAC,cAAc,EAAG,CAAA,EAAA,CAC/C,EACP;AACJ;;;;"}