@oracle/oraclejet-preact 19.0.0 → 19.0.1

package/cjs/useTranslationBundle-18b7bf8b.js

@@ -0,0 +1,31 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var hooks = require('preact/hooks');
+var LayerHost = require('./LayerHost-aee0e070.js');
+require('preact/jsx-runtime');
+require('preact/compat');
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+/**
+ * useTranslationBundle is a hook to get a translation bundle from the EnvironmentProvider
+ * @param bundleId
+ * @returns a translation bundle of type T
+ */
+function useTranslationBundle(bundleId) {
+    const translations = hooks.useContext(LayerHost.EnvironmentContext).translations;
+    const bundle = translations?.[bundleId];
+    if (!bundle) {
+        throw new Error(`Translation bundle ${bundleId} is not loaded.`);
+    }
+    return bundle;
+}
+
+exports.useTranslationBundle = useTranslationBundle;
+//# sourceMappingURL=useTranslationBundle-18b7bf8b.js.map

package/cjs/useTranslationBundle-18b7bf8b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTranslationBundle-18b7bf8b.js","sources":["../../src/hooks/UNSAFE_useTranslationBundle/useTranslationBundle.ts"],"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 { useContext } from 'preact/hooks';\nimport { EnvironmentContext } from '../../UNSAFE_Environment';\nimport type { TranslationBundle } from '../../UNSAFE_Environment';\n\n/**\n * useTranslationBundle is a hook to get a translation bundle from the EnvironmentProvider\n * @param bundleId\n * @returns a translation bundle of type T\n */\nexport function useTranslationBundle<T extends TranslationBundle>(bundleId: string) {\n  const translations = useContext(EnvironmentContext).translations;\n  const bundle = translations?.[bundleId];\n  if (!bundle) {\n    throw new Error(`Translation bundle ${bundleId} is not loaded.`);\n  }\n  return bundle as T;\n}\n"],"names":["useContext","EnvironmentContext"],"mappings":";;;;;;;;AAAA;;;;;;AAMG;AAKH;;;;AAIG;AACG,SAAU,oBAAoB,CAA8B,QAAgB,EAAA;IAChF,MAAM,YAAY,GAAGA,gBAAU,CAACC,4BAAkB,CAAC,CAAC,YAAY,CAAC;AACjE,IAAA,MAAM,MAAM,GAAG,YAAY,GAAG,QAAQ,CAAC,CAAC;IACxC,IAAI,CAAC,MAAM,EAAE;AACX,QAAA,MAAM,IAAI,KAAK,CAAC,sBAAsB,QAAQ,CAAA,eAAA,CAAiB,CAAC,CAAC;KAClE;AACD,IAAA,OAAO,MAAW,CAAC;AACrB;;;;"}

package/cjs/useUser-f900ddf1.js

@@ -0,0 +1,21 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var hooks = require('preact/hooks');
+var LayerHost = require('./LayerHost-aee0e070.js');
+require('preact/jsx-runtime');
+require('preact/compat');
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+function useUser() {
+    return hooks.useContext(LayerHost.EnvironmentContext).user;
+}
+
+exports.useUser = useUser;
+//# sourceMappingURL=useUser-f900ddf1.js.map

package/cjs/useUser-f900ddf1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUser-f900ddf1.js","sources":["../../src/hooks/UNSAFE_useUser/useUser.ts"],"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 { useContext } from 'preact/hooks';\nimport { EnvironmentContext } from '../../UNSAFE_Environment';\n\nexport function useUser() {\n  return useContext(EnvironmentContext).user;\n}\n"],"names":["useContext","EnvironmentContext"],"mappings":";;;;;;;;AAAA;;;;;;AAMG;SAIa,OAAO,GAAA;AACrB,IAAA,OAAOA,gBAAU,CAACC,4BAAkB,CAAC,CAAC,IAAI,CAAC;AAC7C;;;;"}

package/cjs/useVisDragModeControls-56c2f3c3.js

@@ -6,7 +6,7 @@ var hooks = require('preact/hooks');
 var Button = require('./Button-51364b4d.js');
 var Move = require('./Move-7e3d4692.js');
 var hooks_PRIVATE_useVisDragModeControls_themes_useVisDragModeControls_css = require('./hooks/PRIVATE_useVisDragModeControls/themes/useVisDragModeControls.css.js');
-var useTranslationBundle = require('./useTranslationBundle-24c593f4.js');
+var useTranslationBundle = require('./useTranslationBundle-18b7bf8b.js');
 var ZoomAlt = require('./ZoomAlt-fc9f2cd5.js');
 var ButtonSetSingle = require('./ButtonSetSingle-885ce1b6.js');
 var ButtonSetItem = require('./ButtonSetItem-7c81cf63.js');

package/cjs/useVisEvents-9b21e260.js

@@ -0,0 +1,155 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var hooks = require('preact/hooks');
+var useUser = require('./useUser-f900ddf1.js');
+var layoutUtils = require('./layoutUtils-e52005dc.js');
+var eventsUtils = require('./eventsUtils-d34f8647.js');
+var useVisHover = require('./useVisHover-ad36112d.js');
+var mergeProps = require('./mergeProps-e3da7237.js');
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * Licensed under The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+function useVisEvent(touchResponse, isInteractive, isItemActionable, getKeyUpHandler, getDetailFromInfo, getPrevItemInfo, getNextItemInfo, onItemAction, onItemHover, onItemFocus, isEqualItem, getItemInfo, initItemInfo, isHideShow) {
+    const activeIdRef = hooks.useRef();
+    const [focusedItemInfo, setfocusedItemInfo] = hooks.useState(initItemInfo);
+    const [hoveredItemInfo, sethoveredItemInfo] = hooks.useState();
+    const onHover = (event) => {
+        const itemInfo = getItemInfo(event.target);
+        if (!isEqualItem(itemInfo, hoveredItemInfo)) {
+            sethoveredItemInfo(itemInfo && { ...itemInfo, isCurrent: true });
+            activeIdRef.current = layoutUtils.getRandomId();
+            if (isInteractive) {
+                focusedItemInfo ? setfocusedItemInfo({ ...focusedItemInfo, isCurrent: false }) : '';
+                onItemHover?.(getDetailFromInfo(itemInfo));
+            }
+        }
+    };
+    const onHoverLeave = () => {
+        sethoveredItemInfo(undefined);
+        activeIdRef.current = undefined;
+        if (isInteractive) {
+            onItemHover?.(getDetailFromInfo());
+        }
+    };
+    const hoverHandlers = useVisHover.useVisHover(onHover, undefined, onHoverLeave, touchResponse);
+    const { direction } = useUser.useUser();
+    const isRtl = direction === 'rtl';
+    if (!isInteractive) {
+        return {
+            isInteractive: false,
+            focusedItemInfo,
+            hoveredItemInfo,
+            // include relevant hover handlers for datatip
+            eventsProps: hoverHandlers
+        };
+    }
+    const updatefocusedItemInfo = (itemInfo) => {
+        onItemFocus?.(getDetailFromInfo(itemInfo));
+        activeIdRef.current = layoutUtils.getRandomId();
+        setfocusedItemInfo(itemInfo);
+    };
+    const handleKeyboardInput = (item) => {
+        if (!isEqualItem(item, focusedItemInfo)) {
+            item.isCurrent = true;
+            item.isFocusVisible = true;
+            if (hoveredItemInfo) {
+                sethoveredItemInfo({ ...hoveredItemInfo, isCurrent: false });
+            }
+            updatefocusedItemInfo(item);
+        }
+    };
+    const triggerOnAction = () => {
+        const detail = getDetailFromInfo(focusedItemInfo);
+        if (detail && detail.data && isItemActionable(focusedItemInfo)) {
+            onItemAction?.(detail);
+            activeIdRef.current = layoutUtils.getRandomId();
+        }
+    };
+    const onPointerUp = (event) => {
+        const itemInfo = getItemInfo(event.target);
+        if (itemInfo != null && isItemActionable(itemInfo)) {
+            setfocusedItemInfo(itemInfo);
+            const detail = getDetailFromInfo(itemInfo);
+            if (detail && isItemActionable(itemInfo)) {
+                onItemAction?.(detail);
+                activeIdRef.current = layoutUtils.getRandomId();
+            }
+        }
+    };
+    const onKeyDown = (event) => {
+        const key = event.key;
+        switch (key) {
+            case 'Tab':
+                return;
+            case 'ArrowDown': {
+                const nextItemInfo = getNextItemInfo(focusedItemInfo);
+                handleKeyboardInput(nextItemInfo);
+                eventsUtils.cancelEvent(event);
+                break;
+            }
+            case 'ArrowUp': {
+                const nextItemInfo = getPrevItemInfo(focusedItemInfo);
+                handleKeyboardInput(nextItemInfo);
+                eventsUtils.cancelEvent(event);
+                break;
+            }
+            case 'ArrowRight': {
+                const nextItemInfo = isRtl
+                    ? getPrevItemInfo(focusedItemInfo)
+                    : getNextItemInfo(focusedItemInfo);
+                handleKeyboardInput(nextItemInfo);
+                eventsUtils.cancelEvent(event);
+                break;
+            }
+            case 'ArrowLeft': {
+                const nextItemInfo = isRtl
+                    ? getNextItemInfo(focusedItemInfo)
+                    : getPrevItemInfo(focusedItemInfo);
+                handleKeyboardInput(nextItemInfo);
+                eventsUtils.cancelEvent(event);
+                break;
+            }
+        }
+    };
+    const onKeyUp = getKeyUpHandler(triggerOnAction, updatefocusedItemInfo, focusedItemInfo, isHideShow);
+    const onContextMenuDismissed = (gesture) => {
+        if (gesture === 'keyboard') {
+            updatefocusedItemInfo({
+                ...focusedItemInfo,
+                isCurrent: true,
+                isFocusVisible: true
+            });
+        }
+    };
+    const onBlur = () => {
+        const itemInfo = { ...focusedItemInfo, isCurrent: false, isFocusVisible: false };
+        if (hoveredItemInfo != null || focusedItemInfo.isCurrent) {
+            onItemFocus?.(getDetailFromInfo(undefined));
+        }
+        setfocusedItemInfo(itemInfo);
+    };
+    return {
+        isInteractive: true,
+        focusedItemInfo,
+        hoveredItemInfo,
+        activeId: activeIdRef.current,
+        triggerOnAction,
+        updatefocusedItemInfo,
+        onContextMenuDismissed,
+        eventsProps: mergeProps.mergeProps(hoverHandlers, {
+            onPointerUp,
+            onKeyUp,
+            onKeyDown,
+            onBlur
+        })
+    };
+}
+
+exports.useVisEvent = useVisEvent;
+//# sourceMappingURL=useVisEvents-9b21e260.js.map

package/cjs/useVisEvents-9b21e260.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVisEvents-9b21e260.js","sources":["../../src/hooks/PRIVATE_useVisEvents/useVisEvents.ts"],"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, useState } from 'preact/hooks';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport type { gestureTypes } from '#hooks/PRIVATE_useVisContextMenu';\nimport { getRandomId } from '#utils/PRIVATE_visLayoutUtils/layoutUtils';\nimport { cancelEvent } from '#utils/UNSAFE_visUtils/eventsUtils';\nimport { useVisHover } from '#hooks/PRIVATE_useVisHover';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\n\ntype ItemInfo = { isCurrent?: boolean; isFocusVisible?: boolean };\n\ntype EventDetail<D> = { data?: D };\n\nexport function useVisEvent<\n  I extends ItemInfo,\n  J extends EventDetail<D>,\n  L extends EventDetail<D>,\n  D\n>(\n  touchResponse: 'touchStart' | 'touchHold',\n  isInteractive: boolean,\n  isItemActionable: (itemInfo: I) => boolean,\n  getKeyUpHandler: (\n    triggerOnAction: () => void,\n    updatefocusedItemInfo: (itemInfo: I) => void,\n    focusedItemInfo: I,\n    isHideShow?: boolean\n  ) => (event: KeyboardEvent) => void,\n  getDetailFromInfo: (info?: I) => J | L,\n  getPrevItemInfo: (info: I) => I,\n  getNextItemInfo: (info: I) => I,\n  onItemAction: ((detail: J) => void) | undefined,\n  onItemHover: ((detail: L) => void) | undefined,\n  onItemFocus: ((detail: L) => void) | undefined,\n  isEqualItem: (item1?: I, item2?: I) => boolean,\n  getItemInfo: (element: HTMLElement) => I | undefined,\n  initItemInfo: I,\n  isHideShow?: boolean\n) {\n  const activeIdRef = useRef<string>();\n\n  const [focusedItemInfo, setfocusedItemInfo] = useState<I>(initItemInfo);\n  const [hoveredItemInfo, sethoveredItemInfo] = useState<I>();\n\n  const onHover = (event: PointerEvent) => {\n    const itemInfo = getItemInfo(event.target as HTMLElement);\n    if (!isEqualItem(itemInfo, hoveredItemInfo)) {\n      sethoveredItemInfo(itemInfo && { ...itemInfo, isCurrent: true });\n      activeIdRef.current = getRandomId();\n      if (isInteractive) {\n        focusedItemInfo ? setfocusedItemInfo({ ...focusedItemInfo, isCurrent: false }) : '';\n        onItemHover?.(getDetailFromInfo(itemInfo) as L);\n      }\n    }\n  };\n\n  const onHoverLeave = () => {\n    sethoveredItemInfo(undefined);\n    activeIdRef.current = undefined;\n    if (isInteractive) {\n      onItemHover?.(getDetailFromInfo() as L);\n    }\n  };\n\n  const hoverHandlers = useVisHover(onHover, undefined, onHoverLeave, touchResponse);\n\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  if (!isInteractive) {\n    return {\n      isInteractive: false,\n      focusedItemInfo,\n      hoveredItemInfo,\n      // include relevant hover handlers for datatip\n      eventsProps: hoverHandlers\n    };\n  }\n\n  const updatefocusedItemInfo = (itemInfo: I) => {\n    onItemFocus?.(getDetailFromInfo(itemInfo) as L);\n    activeIdRef.current = getRandomId();\n    setfocusedItemInfo(itemInfo);\n  };\n\n  const handleKeyboardInput = (item: I) => {\n    if (!isEqualItem(item, focusedItemInfo)) {\n      item.isCurrent = true;\n      item.isFocusVisible = true;\n      if (hoveredItemInfo) {\n        sethoveredItemInfo({ ...hoveredItemInfo, isCurrent: false });\n      }\n      updatefocusedItemInfo(item);\n    }\n  };\n\n  const triggerOnAction = () => {\n    const detail = getDetailFromInfo(focusedItemInfo) as J;\n    if (detail && detail.data && isItemActionable(focusedItemInfo)) {\n      onItemAction?.(detail);\n      activeIdRef.current = getRandomId();\n    }\n  };\n\n  const onPointerUp = (event: PointerEvent) => {\n    const itemInfo = getItemInfo(event.target as HTMLElement);\n    if (itemInfo != null && isItemActionable(itemInfo)) {\n      setfocusedItemInfo(itemInfo);\n      const detail = getDetailFromInfo(itemInfo);\n      if (detail && isItemActionable(itemInfo)) {\n        onItemAction?.(detail as J);\n        activeIdRef.current = getRandomId();\n      }\n    }\n  };\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    const key = event.key;\n    switch (key) {\n      case 'Tab':\n        return;\n      case 'ArrowDown': {\n        const nextItemInfo = getNextItemInfo(focusedItemInfo);\n        handleKeyboardInput(nextItemInfo);\n        cancelEvent(event);\n        break;\n      }\n      case 'ArrowUp': {\n        const nextItemInfo = getPrevItemInfo(focusedItemInfo);\n        handleKeyboardInput(nextItemInfo);\n        cancelEvent(event);\n        break;\n      }\n      case 'ArrowRight': {\n        const nextItemInfo = isRtl\n          ? getPrevItemInfo(focusedItemInfo)\n          : getNextItemInfo(focusedItemInfo);\n        handleKeyboardInput(nextItemInfo);\n        cancelEvent(event);\n        break;\n      }\n      case 'ArrowLeft': {\n        const nextItemInfo = isRtl\n          ? getNextItemInfo(focusedItemInfo)\n          : getPrevItemInfo(focusedItemInfo);\n        handleKeyboardInput(nextItemInfo);\n        cancelEvent(event);\n        break;\n      }\n    }\n  };\n\n  const onKeyUp = getKeyUpHandler(\n    triggerOnAction,\n    updatefocusedItemInfo,\n    focusedItemInfo,\n    isHideShow\n  );\n\n  const onContextMenuDismissed = (gesture: gestureTypes) => {\n    if (gesture === 'keyboard') {\n      updatefocusedItemInfo({\n        ...focusedItemInfo,\n        isCurrent: true,\n        isFocusVisible: true\n      });\n    }\n  };\n\n  const onBlur = () => {\n    const itemInfo = { ...focusedItemInfo, isCurrent: false, isFocusVisible: false } as I;\n    if (hoveredItemInfo != null || focusedItemInfo.isCurrent) {\n      onItemFocus?.(getDetailFromInfo(undefined) as L);\n    }\n    setfocusedItemInfo(itemInfo);\n  };\n\n  return {\n    isInteractive: true,\n    focusedItemInfo,\n    hoveredItemInfo,\n    activeId: activeIdRef.current,\n    triggerOnAction,\n    updatefocusedItemInfo,\n    onContextMenuDismissed,\n    eventsProps: mergeProps(hoverHandlers, {\n      onPointerUp,\n      onKeyUp,\n      onKeyDown,\n      onBlur\n    })\n  };\n}\n"],"names":["useRef","useState","getRandomId","useVisHover","useUser","cancelEvent","mergeProps"],"mappings":"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"}

package/cjs/utils/PRIVATE_tooltipUtils.js

@@ -3,31 +3,31 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tooltipUtils = require('../tooltipUtils-842e04c7.js');
+var tooltipUtils = require('../tooltipUtils-ae48fed6.js');
 require('preact/jsx-runtime');
-require('../LayerHost-f1a1533f.js');
-require('preact');
+require('../LayerHost-aee0e070.js');
 require('../index-15e13649.js');
+require('preact');
 require('preact/compat');
 require('../UNSAFE_Layer/themes/LayerHostStyles.css.js');
 
-require('../EnvironmentProvider-5a401f32.js');
+require('../EnvironmentProvider-8696a5b8.js');
 require('preact/hooks');
-require('../LayerManager-2a80307c.js');
-require('../Floating-a360e16a.js');
-require('../useFloating-768519ce.js');
-require('../useUser-081e5bd5.js');
+require('../LayerManager-fc4df14f.js');
+require('../Floating-5a704a27.js');
+require('../useFloating-13101293.js');
+require('../useUser-f900ddf1.js');
 require('../positionUtils-a780137e.js');
 require('../refUtils-a9872e75.js');
-require('../useOutsideClick-0ad85b65.js');
+require('../useOutsideClick-c3802f86.js');
 require('../arrayUtils-7d8dcfc3.js');
-require('../Layer-c8668ea4.js');
+require('../Layer-28b1afce.js');
 require('../classNames-c14c6ef3.js');
 require('../UNSAFE_Layer/themes/LayerStyles.css.js');
 
-require('../useThemeInterpolations-b29f0f7d.js');
-require('../useColorScheme-a379cdb9.js');
-require('../useScale-349360cd.js');
+require('../useThemeInterpolations-4faece98.js');
+require('../useColorScheme-23e4aab4.js');
+require('../useScale-adc62f41.js');
 require('../theme-dfd6a9fe.js');
 require('../Theme-f06687af.js');
 require('../mergeInterpolations-6727b536.js');
@@ -36,7 +36,7 @@ require('../_curry3-18677bca.js');
 require('../_curry1-e8f0d7ea.js');
 require('../_curry2-c15d89cd.js');
 require('../_isObject-28636267.js');
-require('../useDensity-a1ed72b0.js');
+require('../useDensity-022a8f80.js');
 require('../unsafeDomAccess-c3a492f0.js');
 require('../useModal-0739a528.js');
 require('../useComponentTheme-082fc8e4.js');

package/cjs/utils/PRIVATE_visTestUtils.js

@@ -6,18 +6,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('preact/jsx-runtime');
 var preact = require('@testing-library/preact');
 var matchTranslationBundle = require('../matchTranslationBundle-99625a42.js');
-require('../LayerHost-f1a1533f.js');
-var EnvironmentProvider = require('../EnvironmentProvider-5a401f32.js');
+require('../LayerHost-aee0e070.js');
+var EnvironmentProvider = require('../EnvironmentProvider-8696a5b8.js');
 var TabbableModeContext = require('../TabbableModeContext-e99d527e.js');
 require('preact/hooks');
 var chai = require('chai');
 var userEvent = require('@testing-library/user-event');
-require('preact');
 require('../index-15e13649.js');
+require('preact');
 require('preact/compat');
 require('../UNSAFE_Layer/themes/LayerHostStyles.css.js');
 
-require('../LayerManager-2a80307c.js');
+require('../LayerManager-fc4df14f.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/utils/UNSAFE_popupUtils.js

@@ -3,22 +3,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var popupUtils = require('../popupUtils-96acfe58.js');
-require('../Layer-c8668ea4.js');
+var popupUtils = require('../popupUtils-488fe8f7.js');
+require('../Layer-28b1afce.js');
 require('preact/jsx-runtime');
 require('preact/compat');
-require('../LayerHost-f1a1533f.js');
-require('preact');
+require('../LayerHost-aee0e070.js');
 require('../index-15e13649.js');
+require('preact');
 require('../UNSAFE_Layer/themes/LayerHostStyles.css.js');
 
 require('../classNames-c14c6ef3.js');
 require('../UNSAFE_Layer/themes/LayerStyles.css.js');
 
-require('../useThemeInterpolations-b29f0f7d.js');
+require('../useThemeInterpolations-4faece98.js');
 require('preact/hooks');
-require('../useColorScheme-a379cdb9.js');
-require('../useScale-349360cd.js');
+require('../useColorScheme-23e4aab4.js');
+require('../useScale-adc62f41.js');
 require('../theme-dfd6a9fe.js');
 require('../Theme-f06687af.js');
 require('../mergeInterpolations-6727b536.js');
@@ -27,7 +27,7 @@ require('../_curry3-18677bca.js');
 require('../_curry1-e8f0d7ea.js');
 require('../_curry2-c15d89cd.js');
 require('../_isObject-28636267.js');
-require('../useDensity-a1ed72b0.js');
+require('../useDensity-022a8f80.js');
 require('../unsafeDomAccess-c3a492f0.js');
 
 

package/cjs/withDirectionIcon-edb93142.js

@@ -0,0 +1,16 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var useUser = require('./useUser-f900ddf1.js');
+
+// Returns a component that renders one of the given icon components based on reading direction
+const withDirectionIcon = (LtrIcon, RtlIcon) => {
+    return (props) => {
+        const { direction } = useUser.useUser();
+        return direction === 'ltr' ? jsxRuntime.jsx(LtrIcon, { ...props }) : jsxRuntime.jsx(RtlIcon, { ...props });
+    };
+};
+
+exports.withDirectionIcon = withDirectionIcon;
+//# sourceMappingURL=withDirectionIcon-edb93142.js.map

package/cjs/withDirectionIcon-edb93142.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withDirectionIcon-edb93142.js","sources":["../../src/hoc/PRIVATE_withDirectionIcon/withDirectionIcon.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps } from 'preact';\nimport { Icon } from '#UNSAFE_Icon/Icon';\nimport { useUser } from '#hooks/UNSAFE_useUser';\n\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\n// Returns a component that renders one of the given icon components based on reading direction\nexport const withDirectionIcon = (LtrIcon: typeof Icon, RtlIcon: typeof Icon) => {\n  return (props: Props) => {\n    const { direction } = useUser();\n    return direction === 'ltr' ? <LtrIcon {...props} /> : <RtlIcon {...props} />;\n  };\n};\n"],"names":["useUser","_jsx"],"mappings":";;;;;;AAaA;MACa,iBAAiB,GAAG,CAAC,OAAoB,EAAE,OAAoB,KAAI;IAC9E,OAAO,CAAC,KAAY,KAAI;AACtB,QAAA,MAAM,EAAE,SAAS,EAAE,GAAGA,eAAO,EAAE,CAAC;AAChC,QAAA,OAAO,SAAS,KAAK,KAAK,GAAGC,eAAC,OAAO,EAAA,EAAA,GAAK,KAAK,EAAI,CAAA,GAAGA,cAAA,CAAC,OAAO,EAAK,EAAA,GAAA,KAAK,GAAI,CAAC;AAC/E,KAAC,CAAC;AACJ;;;;"}

package/cjs/withThemeProps-59cfaa3e.js

@@ -4,8 +4,8 @@
 var jsxRuntime = require('preact/jsx-runtime');
 var preact = require('preact');
 var compat = require('preact/compat');
-require('./LayerHost-f1a1533f.js');
-var EnvironmentProvider = require('./EnvironmentProvider-5a401f32.js');
+require('./LayerHost-aee0e070.js');
+var EnvironmentProvider = require('./EnvironmentProvider-8696a5b8.js');
 var Theme = require('./Theme-f06687af.js');
 
 /**

package/es/BaseButton-c2fbaa6d.js

@@ -0,0 +1,83 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsx } from 'preact/jsx-runtime';
+import { forwardRef } from 'preact/compat';
+import { u as useHover } from './useHover-85077adb.js';
+import { u as useActive } from './useActive-fb6d4d52.js';
+import { u as useColorScheme } from './useColorScheme-96cce6a1.js';
+import { c as classNames } from './classNames-4e12b00d.js';
+import { d as dimensionInterpolations } from './dimensions-ddde0eee.js';
+import { m as mergeInterpolations } from './mergeInterpolations-30cd9a69.js';
+import { g as getClientHints } from './clientHints-a42b510c.js';
+import { m as mergeProps } from './mergeProps-88ea8306.js';
+import { BaseButtonRedwoodTheme } from './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js';
+import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
+import { B as BareButton } from './BareButton-0954f33d.js';
+import { p as processGlobals } from './buttonUtils-55fb1df7.js';
+
+const interpolations = [...Object.values(dimensionInterpolations)];
+const styleInterpolations = mergeInterpolations(interpolations);
+const clientHints = getClientHints();
+// :active only works on IOS devices if a touch handler exists
+const iosProps = clientHints.platform === 'ios' ? { ontouchstart: function () { } } : {};
+const isHybrid = getClientHints().hoverSupport === 'events';
+const BaseButton = forwardRef(({ variant, isReadOnly = false, isDisabled = false, isRepeat = false, isClick, size, onAction, elementDetails = { type: 'button', buttonType: 'button' }, styling = ['default'], edge = 'none', testId, ...props }, ref) => {
+    const isStyled = (name) => {
+        return styling.indexOf(name) > -1;
+    };
+    const { globalEventProps, ariaProps } = processGlobals(props);
+    const { hoverProps, isHover } = useHover({ isDisabled: !isHybrid });
+    const { activeProps, isActive } = useActive({ isDisabled: isReadOnly });
+    const { class: cls, ...styles } = styleInterpolations({
+        ...props,
+        ...globalEventProps
+    });
+    const ElementType = elementDetails.type;
+    const isSpan = ElementType == 'span';
+    const colorScheme = useColorScheme();
+    const { variantClasses } = useComponentTheme(BaseButtonRedwoodTheme, {
+        size,
+        variant,
+        unstyled: isStyled('unstyled') ? 'isUnstyled' : 'notUnstyled',
+        embedded: isStyled('embedded') ? 'isEmbedded' : 'notEmbedded',
+        container: isStyled('container') ? 'isContainer' : 'notContainer',
+        noBorderRadiusStart: isStyled('noBorderRadiusStart')
+            ? 'isNoBorderRadiusStart'
+            : 'notNoBorderRadiusStart',
+        noBorderRadiusEnd: isStyled('noBorderRadiusEnd')
+            ? 'isNoBorderRadiusEnd'
+            : 'notNoBorderRadiusEnd',
+        noBorderStart: isStyled('noBorderStart') ? 'isNoBorderStart' : 'notNoBorderStart',
+        noBorderEnd: isStyled('noBorderEnd') ? 'isNoBorderEnd' : 'notNoBorderEnd',
+        activeStyle: isStyled('active') ? 'isActiveStyle' : 'notActiveStyle',
+        selectedStyle: isStyled('selected') ? 'isSelectedStyle' : 'notSelectedStyle',
+        buttonSetItem: isStyled('buttonSetItem') ? 'isButtonSetItem' : 'notButtonSetItem',
+        trailingItem: isStyled('trailingItem') ? 'isTrailingItem' : 'notTrailingItem',
+        fill: isStyled('fill') ? 'isFill' : 'notFill',
+        min: isStyled('min') ? 'isMin' : 'notMin',
+        disabled: isDisabled ? 'isDisabled' : 'notDisabled',
+        edge,
+        hybrid: isHybrid ? 'isHybrid' : 'notHybrid',
+        active: isActive ? 'isActive' : 'notActive',
+        hover: isHover ? 'isHover' : 'notHover',
+        span: isSpan ? 'isSpan' : 'notSpan',
+        widthEqual: isStyled('widthEqual') ? 'isWidthEqual' : 'notWidthEqual',
+        widthAuto: isStyled('widthAuto') ? 'isWidthAuto' : 'notWidthAuto',
+        hiddenLabel: isStyled('hiddenLabel') ? 'isHidden' : 'notHidden',
+        noHoverActive: isStyled('noHoverActive') ? 'isNoHoverActive' : 'notNoHoverActive',
+        newStackingContext: isStyled('newStackingContext')
+            ? 'isNewStackingContext'
+            : 'notNewStackingContext',
+        colorScheme
+    });
+    const legacyGlobals = {
+        autofocus: props.autofocus,
+        title: props.title
+    };
+    const mergedProps = mergeProps(iosProps, ariaProps, hoverProps, isStyled('container') ? {} : activeProps, globalEventProps, legacyGlobals);
+    const wrapperClasses = classNames([cls, variantClasses]);
+    return (jsx(BareButton, { ref: ref, isDisabled: isDisabled || isReadOnly, isClick: isClick, classNames: wrapperClasses, style: styles, testId: testId, onAction: onAction, autofocus: props['autofocus'], elementDetails: elementDetails, isRepeat: isRepeat, ...ariaProps, ...mergedProps, children: props.children }));
+});
+BaseButton.displayName = 'BaseButton';
+
+export { BaseButton as B };
+//# sourceMappingURL=BaseButton-c2fbaa6d.js.map

package/es/BaseButton-c2fbaa6d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton-c2fbaa6d.js","sources":["../../src/UNSAFE_BaseButton/BaseButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Vers.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, Ref } from 'preact';\nimport { forwardRef, ElementRef } from 'preact/compat';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { useColorScheme } from '../hooks/UNSAFE_useColorScheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { BaseButtonVariantOptions } from './themes/BaseButtonStyles.css';\nimport { BaseButtonRedwoodTheme } from './themes/redwood/BaseButtonTheme';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { BareButton } from '#/UNSAFE_BareButton';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { processGlobals } from '../utils/UNSAFE_buttonUtils';\nimport type { ButtonIntrinsicProps, ButtonIntrinsicAriaProps } from '../utils/UNSAFE_buttonUtils';\n\nexport type ActionDetail = {\n  reason: 'pointer' | 'keyboard';\n};\n\ntype BaseButtonElementDetails =\n  | {\n      type: 'button';\n      buttonType?: 'button' | 'submit';\n      isFocusable?: never;\n      isLabel?: never;\n      isSwitch?: boolean;\n    }\n  | {\n      type: 'a';\n      buttonType?: never;\n      href: string;\n      target?: string;\n      rel?: string;\n      isFocusable?: never;\n      isLabel?: never;\n      isSwitch?: never;\n    }\n  | {\n      type: 'span';\n      buttonType?: never;\n      isFocusable?: boolean;\n      isLabel?: boolean;\n      isSwitch?: boolean;\n    };\n\nexport type StylingOptions =\n  | 'default'\n  | 'min'\n  | 'embedded'\n  | 'container'\n  | 'unstyled'\n  | 'fill'\n  | 'noBorderRadiusEnd'\n  | 'noBorderRadiusStart'\n  | 'noBorderEnd'\n  | 'noBorderStart'\n  | 'active'\n  | 'selected'\n  | 'buttonSetItem'\n  | 'trailingItem'\n  | 'widthEqual'\n  | 'hiddenLabel'\n  | 'noHoverActive'\n  | 'widthAuto'\n  | 'newStackingContext';\n\nexport type Props = ButtonIntrinsicProps &\n  ButtonIntrinsicAriaProps &\n  DimensionProps &\n  TestIdProps & {\n    /**\n     *The default slot is the button's text label. The oj-c-base-button element accepts plain text or DOM nodes as children for the default slot.\"\n     */\n    children?: ComponentChildren;\n\n    /**\n     * Specifies that the button be read-only.\n     */\n    isReadOnly?: boolean;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies if repeated events are dispatched for key or pointer held down\n     */\n    isRepeat?: boolean;\n\n    /**\n     * Specifies if Button should use only a click handler, not keyup/down, ptr up/down\n     */\n    isClick?: boolean;\n\n    /**\n     *\n     * Indicates in what states the button has chrome (background and border).\n     *     \"ghost\": \"Ghost buttons are the least prominent variation.  Ghost buttons are\n     * useful for performing low-priority tasks, such as manipulating the UI.\",\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     *     \"danger\"': \"A Danger button alerts the user to a dangerous situation.\"\n     */\n    variant?: 'ghost' | 'borderless' | 'outlined' | 'solid' | 'callToAction' | 'danger';\n\n    /**\n     * The size indicates how large the button is rendered: 'xs', \"sm\", \"md\" (default), \"lg\".\n     */\n    size?: 'xs' | 'sm' | 'md' | 'lg';\n\n    /**\n     * Edge can be used to specify that the button is intended to go at the bottom of\n     * a region, stretching from left to right: \"bottom\" or \"none\" (default).\n     */\n    edge?: 'none' | 'bottom';\n\n    /**\n     * Styling can be used for customizing buttons by removing label padding (\"min\") or\n     * removing all styling (\"unstyled\").\n     */\n    styling?: StylingOptions[];\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: (details: ActionDetail) => void;\n\n    /**\n     * Indicate element type and associated details\n     */\n    elementDetails?: BaseButtonElementDetails;\n  };\n\ntype ButtonHandle = ElementRef<typeof BareButton>;\n\nconst interpolations = [...Object.values(dimensionInterpolations)];\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nconst clientHints = getClientHints();\n// :active only works on IOS devices if a touch handler exists\nconst iosProps = clientHints.platform === 'ios' ? { ontouchstart: function () {} } : {};\nconst isHybrid = getClientHints().hoverSupport === 'events';\n\nexport const BaseButton = forwardRef(\n  (\n    {\n      variant,\n      isReadOnly = false,\n      isDisabled = false,\n      isRepeat = false,\n      isClick,\n      size,\n      onAction,\n      elementDetails = { type: 'button', buttonType: 'button' },\n      styling = ['default'],\n      edge = 'none',\n      testId,\n      ...props\n    }: Props,\n    ref: Ref<ButtonHandle>\n  ) => {\n    const isStyled = (name: StylingOptions) => {\n      return styling.indexOf(name) > -1;\n    };\n    const { globalEventProps, ariaProps } = processGlobals(props);\n    const { hoverProps, isHover } = useHover({ isDisabled: !isHybrid });\n    const { activeProps, isActive } = useActive({ isDisabled: isReadOnly });\n    const { class: cls, ...styles } = styleInterpolations({\n      ...props,\n      ...globalEventProps\n    });\n\n    const ElementType = elementDetails.type;\n    const isSpan = ElementType == 'span';\n    const colorScheme = useColorScheme();\n\n    const { variantClasses } = useComponentTheme<BaseButtonVariantOptions>(BaseButtonRedwoodTheme, {\n      size,\n      variant,\n      unstyled: isStyled('unstyled') ? 'isUnstyled' : 'notUnstyled',\n      embedded: isStyled('embedded') ? 'isEmbedded' : 'notEmbedded',\n      container: isStyled('container') ? 'isContainer' : 'notContainer',\n      noBorderRadiusStart: isStyled('noBorderRadiusStart')\n        ? 'isNoBorderRadiusStart'\n        : 'notNoBorderRadiusStart',\n      noBorderRadiusEnd: isStyled('noBorderRadiusEnd')\n        ? 'isNoBorderRadiusEnd'\n        : 'notNoBorderRadiusEnd',\n      noBorderStart: isStyled('noBorderStart') ? 'isNoBorderStart' : 'notNoBorderStart',\n      noBorderEnd: isStyled('noBorderEnd') ? 'isNoBorderEnd' : 'notNoBorderEnd',\n      activeStyle: isStyled('active') ? 'isActiveStyle' : 'notActiveStyle',\n      selectedStyle: isStyled('selected') ? 'isSelectedStyle' : 'notSelectedStyle',\n      buttonSetItem: isStyled('buttonSetItem') ? 'isButtonSetItem' : 'notButtonSetItem',\n      trailingItem: isStyled('trailingItem') ? 'isTrailingItem' : 'notTrailingItem',\n      fill: isStyled('fill') ? 'isFill' : 'notFill',\n      min: isStyled('min') ? 'isMin' : 'notMin',\n      disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n      edge,\n      hybrid: isHybrid ? 'isHybrid' : 'notHybrid',\n      active: isActive ? 'isActive' : 'notActive',\n      hover: isHover ? 'isHover' : 'notHover',\n      span: isSpan ? 'isSpan' : 'notSpan',\n      widthEqual: isStyled('widthEqual') ? 'isWidthEqual' : 'notWidthEqual',\n      widthAuto: isStyled('widthAuto') ? 'isWidthAuto' : 'notWidthAuto',\n      hiddenLabel: isStyled('hiddenLabel') ? 'isHidden' : 'notHidden',\n      noHoverActive: isStyled('noHoverActive') ? 'isNoHoverActive' : 'notNoHoverActive',\n      newStackingContext: isStyled('newStackingContext')\n        ? 'isNewStackingContext'\n        : 'notNewStackingContext',\n      colorScheme\n    });\n\n    const legacyGlobals = {\n      autofocus: props.autofocus,\n      title: props.title\n    };\n\n    const mergedProps = mergeProps(\n      iosProps,\n      ariaProps,\n      hoverProps,\n      isStyled('container') ? {} : activeProps,\n      globalEventProps,\n      legacyGlobals\n    );\n\n    const wrapperClasses = classNames([cls, variantClasses]);\n\n    return (\n      <BareButton\n        ref={ref}\n        isDisabled={isDisabled || isReadOnly}\n        isClick={isClick}\n        classNames={wrapperClasses}\n        style={styles}\n        testId={testId}\n        onAction={onAction}\n        autofocus={props['autofocus']}\n        elementDetails={elementDetails}\n        isRepeat={isRepeat}\n        {...ariaProps}\n        {...mergedProps}>\n        {props.children}\n      </BareButton>\n    );\n  }\n);\n\nBaseButton.displayName = 'BaseButton';\n"],"names":["_jsx"],"mappings":"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"}

package/es/BaseCardView-8bf692bc.js

@@ -8,8 +8,8 @@ import { i as isKeyDefined, c as containsKey } from './keys-49c92dbb.js';
 import { I as ITEM_SELECTOR, e as compareListItemContext, h as dragToScroll, i as handleSelectionRange, k as keyExtractor, f as findElementByKey, j as getViewportConfig, l as getPrevNextKeyByCount } from './collectionUtils-893f2808.js';
 import { R as ReorderableContext } from './ReorderableContext-0daeea89.js';
 import { a as useNavigation } from './useNavigation-cd59ca08.js';
-import './LayerHost-a54158ef.js';
-import { u as useSelection } from './useSelection-5a661630.js';
+import './LayerHost-12489cef.js';
+import { u as useSelection } from './useSelection-c405739d.js';
 import './DragAndDropStyles.styles.css';
 import './ReorderableItemStyles.styles.css';
 import { S as Selector } from './Selector-1ceeaf0a.js';
@@ -25,11 +25,11 @@ import { u as useAnimation } from './useAnimation-a5eb7604.js';
 import { u as useResizeObserver } from './useResizeObserver-13641643.js';
 import { T as TabbableModeContext } from './TabbableModeContext-7d8ad946.js';
 import { F as FocusTrap } from './FocusTrap-9f37aa41.js';
-import { u as useUser } from './useUser-2decb9ed.js';
-import { a as useReorderableItem, u as useReorderable } from './useReorderableItem-5dc7f226.js';
+import { u as useUser } from './useUser-df8ae011.js';
+import { a as useReorderableItem, u as useReorderable } from './useReorderableItem-26d8f85b.js';
 import { u as useReorderableContext } from './useReorderableContext-79b1c941.js';
-import { G as Grid } from './Grid-caf06064.js';
-import { F as Flex } from './Flex-97b023db.js';
+import { G as Grid } from './Grid-5d56c8aa.js';
+import { F as Flex } from './Flex-5befe411.js';
 import { cardViewVars } from './PRIVATE_BaseCardView/themes/BaseCardViewContract.css.js';
 import { S as Skeleton } from './Skeleton-a06f4f74.js';
 import './PRIVATE_BaseCardView/themes/redwood/BaseCardViewBaseTheme.styles.css';

package/es/BaseRichSelection-253b1661.js

@@ -8,7 +8,7 @@ import 'preact/hooks';
 import { u as useFormFieldContextProps } from './useFormFieldContextProps-31bbc12f.js';
 import { toChildArray } from 'preact';
 import { u as useCollectionFocusRing } from './useCollectionFocusRing-71cdd52c.js';
-import { u as useTranslationBundle } from './useTranslationBundle-38db1e3c.js';
+import { u as useTranslationBundle } from './useTranslationBundle-25469f1c.js';
 import { L as Label } from './Label-5c64c52d.js';
 import { I as InlineHelp } from './InlineHelp-8293a502.js';
 import './logger-c92f309c.js';
@@ -17,16 +17,16 @@ import './UserAssistanceStyles.styles.css';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js';
 import { I as InlineUserAssistanceContainer, a as InlineUserAssistance } from './InlineUserAssistance-f57a9043.js';
-import './Flex-97b023db.js';
+import './Flex-5befe411.js';
 import './MessageBannerStyles.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js';
-import { u as useTestId } from './useTestId-7f8e69e7.js';
-import './LayerHost-a54158ef.js';
+import { u as useTestId } from './useTestId-e5d44ab1.js';
+import './LayerHost-12489cef.js';
 import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-a4b02dcc.js';
+import './tooltipUtils-466c63c4.js';
 import './IconStyle.styles.css';
 import './IconButton-c91faa06.js';
 import './MessageStyles.styles.css';
@@ -37,7 +37,7 @@ import { H as HiddenAccessible } from './HiddenAccessible-61197e7c.js';
 import './ComponentMessageStyles.styles.css';
 import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.styles.css';
 import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js';
-import './Popup-8962c960.js';
+import './Popup-0f026f03.js';
 import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
 import './LabelStyles.styles.css';
 import './UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css';
@@ -47,14 +47,14 @@ import './UNSAFE_Popup/themes/redwood/PopupVariants.css.js';
 import { u as useCheckboxRadioField, t as topUAContainerStyles } from './CheckboxRadioFieldStyles.css-23f5791b.js';
 import { C as CheckboxRadioContext } from './CheckboxRadioContext-fe425383.js';
 import { l as layoutSpanStyles } from './LayoutStyles.css-6b02421a.js';
-import { G as Grid } from './Grid-caf06064.js';
+import { G as Grid } from './Grid-5d56c8aa.js';
 import { m as mergeRefs } from './refUtils-76275c69.js';
 import { u as useContainerBreakpoints } from './useContainerBreakpoints-2c61e063.js';
 import { u as useRichSelectionContext, R as RichSelectionStartContext, a as RichSelectionContext } from './RichSelectionStartContext-3fc472e0.js';
-import { V as View } from './View-cebbf701.js';
+import { V as View } from './View-ef109be6.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { u as useFormFieldContext } from './useFormFieldContext-daf7a676.js';
-import { l as labelSlotStyles, a as labelInnerStyles, S as StyledLabelValueLayout } from './StyledLabelValueLayout-24b10baa.js';
+import { l as labelSlotStyles, a as labelInnerStyles, S as StyledLabelValueLayout } from './StyledLabelValueLayout-32bdf9d1.js';
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
 import { RadioRedwoodTheme } from './UNSAFE_RadioItem/themes/redwood/RadioTheme.js';
 import { LabelRedwoodTheme } from './UNSAFE_Label/themes/redwood/LabelTheme.js';

package/es/BaseSwatchView-96d72c6c.js

@@ -8,7 +8,7 @@ import { T as TabbableModeContext } from './TabbableModeContext-7d8ad946.js';
 import { u as useTabbableMode } from './useTabbableMode-a2fdbb06.js';
 import { i as isKeyDefined } from './keys-49c92dbb.js';
 import { e as compareListItemContext, f as findElementByKey, j as getViewportConfig, k as keyExtractor, I as ITEM_SELECTOR, l as getPrevNextKeyByCount, b as getFirstVisibleKey } from './collectionUtils-893f2808.js';
-import { u as useCurrentKey } from './useCurrentKey-5a845f38.js';
+import { u as useCurrentKey } from './useCurrentKey-7c652655.js';
 import { u as useCollectionFocusRing } from './useCollectionFocusRing-71cdd52c.js';
 import { u as useTabbableModeSet } from './useTabbableModeSet-274065a0.js';
 import { u as useSwatchSelection } from './useSwatchSelection-9395722d.js';
@@ -20,7 +20,7 @@ import { a as allTabbableElements } from './tabbableUtils-ce19b388.js';
 import { u as useId } from './useId-03dbfdf0.js';
 import { u as useResizeObserver } from './useResizeObserver-13641643.js';
 import { F as FocusTrap } from './FocusTrap-9f37aa41.js';
-import { F as Flex } from './Flex-97b023db.js';
+import { F as Flex } from './Flex-5befe411.js';
 
 /**
  * The internal component used to render a single item in SwatchView.