@oracle/oraclejet-preact 20.0.1 → 20.0.3

package/cjs/UNSAFE_TabBarMixed.js

@@ -33,6 +33,12 @@ require('./tooltipUtils-2bc15136.js');
 var HiddenAccessible = require('./HiddenAccessible-087eb49a.js');
 require('./BaseButton-d8f96bfa.js');
 require('./ButtonLabelLayout-c876923f.js');
+require('./NavigationList-d0d74565.js');
+require('./useNavigationListItem-b97e76d5.js');
+require('./UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js');
+
+require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js');
+
 require('./Floating-79cbe5ad.js');
 
 require('./keyboardUtils-b42fe7d5.js');
@@ -41,6 +47,8 @@ require('./CollectionInteractionContext-f84ff7a1.js');
 
 require('./Sheet-1d6e8cf8.js');
 
+require('./StyledCheckbox-9047ed7d.js');
+
 var clientUtils = require('./clientUtils-ef5e20ce.js');
 var UNSAFE_TabBarMixed_themes_TabBarMixedStyles_css = require('./UNSAFE_TabBarMixed/themes/TabBarMixedStyles.css.js');
 var useTabBar = require('./useTabBar-35b73d10.js');
@@ -49,7 +57,7 @@ var TabBarContextMenu = require('./TabBarContextMenu-d9bf65c2.js');
 var ConveyorBeltFocusContext = require('./ConveyorBeltFocusContext-0e08d043.js');
 var View = require('./View-ed116d78.js');
 var UNSAFE_TabBarMixed_themes_TabBarMixedSeparator_css = require('./UNSAFE_TabBarMixed/themes/TabBarMixedSeparator.css.js');
-var OverflowTabBarItem = require('./OverflowTabBarItem-4bbd5830.js');
+var OverflowTabBarItem = require('./OverflowTabBarItem-19ad4971.js');
 
 require('./index-0aa99b92.js');
 require('./UNSAFE_Layer/themes/LayerHostStyles.css.js');
@@ -116,8 +124,27 @@ require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutBaseTheme.cs
 
 require('./UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutVariants.css.js');
 
-require('./useFloating-c753a7f9.js');
+require('./UNSAFE_NavigationList/themes/NavigationListStyles.css.js');
+
+require('./collectionUtils-f1d3183f.js');
+require('./keys-25710458.js');
+require('./Selector-6550b8e0.js');
+require('./BaseSelector-2dc69917.js');
+require('./useFocus-1b288fb9.js');
+require('./PRIVATE_BaseSelector/themes/SelectorStyles.css.js');
+require('./useCollectionInteractionContext-6fc0200e.js');
+require('./useCollectionFocusRing-bed0aa16.js');
+require('./useCurrentKey-1b9e3382.js');
 require('./useUser-1295b5cb.js');
+require('./useContextMenuGesture-530ef8dd.js');
+require('./textSelectionUtils-57082239.js');
+require('./useTranslationBundle-12dd087d.js');
+require('./useInteractionStyle-c203a8a0.js');
+require('./UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js');
+require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.js');
+
+
+require('./useFloating-c753a7f9.js');
 require('./positionUtils-a780137e.js');
 require('./refUtils-a9872e75.js');
 require('./useOutsideClick-dbf3d604.js');
@@ -152,14 +179,6 @@ require('./UNSAFE_Sheet/themes/SheetStyles.css.js');
 require('./useAnimationStatus-8075dc19.js');
 require('./useAnimation-65c0e455.js');
 require('./animationUtils-54852d03.js');
-require('./useTranslationBundle-12dd087d.js');
-
-require('./collectionUtils-f1d3183f.js');
-require('./keys-25710458.js');
-require('./Selector-6550b8e0.js');
-require('./BaseSelector-2dc69917.js');
-require('./useFocus-1b288fb9.js');
-require('./StyledCheckbox-9047ed7d.js');
 require('./Check-1272bb86.js');
 require('./Icon-56789beb.js');
 require('./useTooltip-34accecc.js');
@@ -181,15 +200,9 @@ require('./UNSAFE_Checkbox/themes/redwood/CheckboxIconBaseTheme.css.js');
 require('./UNSAFE_Checkbox/themes/redwood/CheckboxIconVariants.css.js');
 
 
-require('./PRIVATE_BaseSelector/themes/SelectorStyles.css.js');
 
-require('./useCollectionInteractionContext-6fc0200e.js');
-require('./useCollectionFocusRing-bed0aa16.js');
-require('./useCurrentKey-1b9e3382.js');
 require('./useReorderableContext-92514102.js');
 require('./ReorderableContext-16396e17.js');
-require('./useContextMenuGesture-530ef8dd.js');
-require('./textSelectionUtils-57082239.js');
 
 require('./SelectMenuGroupContext-a349d259.js');
 require('./Dropdown-1ba432a8.js');
@@ -219,7 +232,6 @@ require('./UNSAFE_Menu/themes/redwood/MenuItemBaseTheme.css.js');
 
 require('./UNSAFE_Menu/themes/redwood/MenuItemVariants.css.js');
 
-require('./useInteractionStyle-c203a8a0.js');
 require('./Separator-85962472.js');
 require('./UNSAFE_Separator/themes/SeparatorStyles.css.js');
 
@@ -234,36 +246,27 @@ require('./equals-098f7781.js');
 
 require('./EmbeddedIconButton-cc159a01.js');
 require('./Close-d99c20a7.js');
-require('./UNSAFE_TabBarCommon/themes/redwood/TabBarItemTheme.js');
-require('./UNSAFE_TabBarCommon/themes/TabBarItemStyles.css.js');
-require('./UNSAFE_TabBarCommon/themes/redwood/TabBarItemBaseTheme.css.js');
+require('./NavigationListItem-b0b03089.js');
+require('./NavigationListLinkItem-317a5200.js');
 require('./Badge-0e522f12.js');
 require('./UNSAFE_Badge/themes/redwood/BadgeTheme.js');
 require('./UNSAFE_Badge/themes/BadgeStyles.css.js');
 require('./UNSAFE_Badge/themes/redwood/BadgeThemeBaseTheme.css.js');
+require('./WarningS-cdb0a7ad.js');
+require('./ErrorS-b027f7ad.js');
+require('./InformationS-b0bb102b.js');
+require('./SuccessS-b6757c64.js');
+require('./UNSAFE_TabBarCommon/themes/redwood/TabBarItemTheme.js');
+require('./UNSAFE_TabBarCommon/themes/TabBarItemStyles.css.js');
+require('./UNSAFE_TabBarCommon/themes/redwood/TabBarItemBaseTheme.css.js');
 require('./useConveyorBeltItem-6c1771e5.js');
 require('./useDetectTruncation-a5b9dd16.js');
 require('./truncationUtils-2d44b04b.js');
 require('./useResizeObserver-a9e97180.js');
 require('./useAddBusyState-d19ae1fa.js');
 require('./useBusyStateContext-362eee2a.js');
-require('./WarningS-cdb0a7ad.js');
-require('./ErrorS-b027f7ad.js');
-require('./InformationS-b0bb102b.js');
-require('./SuccessS-b6757c64.js');
-require('./NavigationListLinkItem-62c3912e.js');
-require('./UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js');
-require('./UNSAFE_NavigationList/themes/NavigationListItemStyles.css.js');
-
-require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemBaseTheme.css.js');
-
-require('./UNSAFE_NavigationList/themes/redwood/NavigationListItemVariants.css.js');
-
 require('./UNSAFE_TabBarCommon/themes/TabBarItemContract.css.js');
 require('./UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css.js');
-require('./NavigationListItem-cdfd0740.js');
-require('./UNSAFE_NavigationList/themes/NavigationListStyles.css.js');
-
 
 /**
  * A thin wrapper around useTabBar hook

package/cjs/UNSAFE_TabBarMixed.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_TabBarMixed.js","sources":["../../src/UNSAFE_TabBarMixed/useTabBarMixed.ts","../../src/UNSAFE_TabBarMixed/TabBarMixed.tsx","../../src/UNSAFE_TabBarMixed/TabBarMixedSeparator.tsx"],"sourcesContent":["import type { ComponentProps, ContextType, RefObject } from 'preact';\nimport type { TabBarContext, TabBarLayout } from '../UNSAFE_TabBarCommon';\nimport { TabBar } from '../UNSAFE_TabBar/TabBar';\nimport { useTabBar } from '../hooks/PRIVATE_useTabBar';\n\ntype TabBarContextValue = ContextType<typeof TabBarContext>;\n\nexport type useTabBarOptions = {\n  class?: string;\n  display?: TabBarContextValue['display'];\n  edge?: 'bottom' | 'top';\n  onRemove?: TabBarContextValue['onRemove'];\n  onSelect?: TabBarContextValue['onSelect'];\n  ref?: RefObject<HTMLDivElement>;\n  selection?: TabBarContextValue['selection'];\n  size?: TabBarContextValue['size'];\n  children?: ComponentProps<typeof TabBarLayout>['children'];\n  contextMenuConfig?: ComponentProps<typeof TabBar>['contextMenuConfig'];\n};\n\n/**\n * A thin wrapper around useTabBar hook\n */\nexport function useTabBarMixed(options: useTabBarOptions) {\n  return useTabBar(options);\n}\n","import type { ComponentChildren } from 'preact';\nimport { useMemo, useRef, useCallback, useState } from 'preact/hooks';\nimport { Ref } from 'preact';\nimport { forwardRef, useImperativeHandle } from 'preact/compat';\nimport { TabBarContext, TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\nimport { isMobile } from '#utils/UNSAFE_clientUtils';\nimport { styles } from './themes/TabBarMixedStyles.css';\nimport { useTabBarMixed as useTabBar } from './useTabBarMixed';\nimport { REMOVABLE_ITEM_ATTRIBUTE, getItemAttribute } from '../hooks/PRIVATE_useTabBar/useTabBar';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { TabBarContextMenu } from '../UNSAFE_TabBar/TabBarContextMenu';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps/mergeProps';\nimport { ConveyorBeltFocusContext } from '../UNSAFE_ConveyorBelt';\n\ntype UseTabBarOptions = Parameters<typeof useTabBar>[0];\n\n/**\n * Component props expected to be pased to **TabBarMixed**.\n *\n * @see {@link TabBarMixed}\n */\ntype TabBarMixedProps<K extends string | number> = {\n  /**\n   * Component children that will be rendered within the **TabBarMixed**\n   * root element.\n   *\n   * It is expected that **TabBarLayout** and **ConveyorBelt** elements are\n   * provided. The same **TabBarItem**, **RemovableTabBarItem**,\n   * and **OverflowTabBarItem** elements should also be used.\n   */\n  children?: ComponentChildren;\n  /**\n   * Callback fired when a tab item is removed.\n   */\n  onRemove?: UseTabBarOptions['onRemove'];\n  /**\n   * Callback fired when a tab item is selected.\n   */\n  onSelect?: UseTabBarOptions['onSelect'];\n  /**\n   * The item key of the selected tab item.\n   */\n  selection?: K;\n  /**\n   * The height of the the tab bar.\n   *\n   * @default \"md\"\n   */\n  size?: UseTabBarOptions['size'];\n  /**\n   * An aria-label which defines a string value that labels this TabBarMixed.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBarMixed accessible.\n   */\n  'aria-label'?: string;\n\n  /**\n   * An aria-labelledby which identifies the element(s) that labels this TabBarMixed.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBarMixed accessible.\n   */\n  'aria-labelledby'?: string;\n};\n\nexport type FocusableHandle = {\n  focus: () => void;\n  blur: () => void;\n};\n\n/**\n * A navigation component that enables horizontal navigation between distinct content with a mixture of static and dynamic tabs.\n *\n * @param {TabBarMixedProps} props TabBarMixed component props.\n * @returns {JSX.Element} TabBarMixed component element.\n */\nexport const TabBarMixed = forwardRef(\n  <K extends string | number>(\n    props: TabBarMixedProps<K>,\n    focusHandleRef?: Ref<FocusableHandle>\n  ) => {\n    const {\n      children,\n      onRemove,\n      onSelect,\n      selection,\n      size,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby\n    } = props;\n\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    const isMobileDevice = isMobile();\n    const defaultContextMenuConfig = useMemo<TabBarContextMenuConfig<string | number>>(() => {\n      return {\n        itemsRenderer: (context) => {\n          //Only if context is available, it is a mobile device and it is removable item, we will return remove context menu item\n          if (context) {\n            const isRemovableItem =\n              getItemAttribute(context.itemKey, rootRef.current!, REMOVABLE_ITEM_ATTRIBUTE) != null;\n            if (isRemovableItem && isMobileDevice) {\n              const defaultItems = context.defaultMenuItems;\n              return <>{defaultItems}</>;\n            }\n          }\n          return null;\n        }\n      };\n    }, []);\n\n    const {\n      rootProps,\n      tabBarContext,\n      menuProps,\n      contextMenuContext,\n      contextMenuDescription,\n      contextMenuDescriptionId,\n      accStatusInfo\n    } = useTabBar({\n      class: styles.tabBarBase,\n      edge: 'bottom',\n      onRemove,\n      onSelect,\n      ref: rootRef,\n      selection,\n      size,\n      children,\n      contextMenuConfig: defaultContextMenuConfig\n    });\n\n    const isContextMenuAvailable = defaultContextMenuConfig != null && isMobileDevice;\n    //Allows to call focus on rootRef without having to expose it\n    useImperativeHandle(focusHandleRef!, () => ({\n      focus: () => {\n        if (rootRef.current) {\n          rootRef.current.focus();\n        }\n      },\n      blur: () => {\n        if (rootRef.current) {\n          rootRef.current.blur();\n        }\n      }\n    }));\n\n    const [isSuppressOverflowFocus, setIsSuppressOverflowFocus] = useState(false);\n\n    const focusTabbarRoot = useCallback(() => {\n      rootRef.current?.focus();\n    }, []);\n\n    // Begin a short window where overflow div should not be focusable.\n    const beginTabPass = useCallback(() => {\n      setIsSuppressOverflowFocus(true);\n    }, []);\n\n    // End that window after focus moves away.\n    const endTabPass = useCallback(() => {\n      setIsSuppressOverflowFocus(false);\n    }, []);\n\n    const onKeyDown = useCallback(\n      (e: KeyboardEvent) => {\n        // We only want to suppress overflow focus when the user is tabbing.\n        if (e.key === 'Tab' && !e.shiftKey) {\n          // Tell conveyor to make its overflow non-focusable (tabIndex = -1)\n          beginTabPass?.();\n        }\n      },\n      [beginTabPass]\n    );\n\n    const onBlur = useCallback(() => {\n      // End that suppress overflow after focus moves away.\n      endTabPass?.();\n    }, [endTabPass]);\n\n    const focusContext = useMemo(\n      () => ({\n        focusTabbarRoot,\n        isSuppressOverflowFocus,\n        beginTabPass,\n        endTabPass\n      }),\n      [isSuppressOverflowFocus, focusTabbarRoot, beginTabPass, endTabPass]\n    );\n\n    const mergedRootProps = mergeProps(rootProps, { onKeyDown, onBlur });\n\n    return (\n      <ConveyorBeltFocusContext.Provider value={focusContext}>\n        <TabBarContext.Provider value={tabBarContext}>\n          <div aria-label={ariaLabel} aria-labelledby={ariaLabelledby} {...mergedRootProps}>\n            {children}\n          </div>\n        </TabBarContext.Provider>\n        {isContextMenuAvailable && contextMenuDescriptionId && contextMenuDescription && (\n          <span id={contextMenuDescriptionId}>\n            <HiddenAccessible>{contextMenuDescription}</HiddenAccessible>\n          </span>\n        )}\n        {isContextMenuAvailable && accStatusInfo && <LiveRegion>{accStatusInfo}</LiveRegion>}\n        {isContextMenuAvailable && (\n          <TabBarContextMenu\n            {...menuProps}\n            contextMenuConfig={defaultContextMenuConfig}\n            contextMenuContext={contextMenuContext!}\n          />\n        )}\n      </ConveyorBeltFocusContext.Provider>\n    );\n  }\n);\n","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":["useTabBar","forwardRef","useRef","isMobile","useMemo","getItemAttribute","REMOVABLE_ITEM_ATTRIBUTE","_jsx","_Fragment","styles","useImperativeHandle","useState","useCallback","mergeProps","_jsxs","ConveyorBeltFocusContext","TabBarContext","HiddenAccessible","LiveRegion","TabBarContextMenu","View"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_TabBarMixed.js","sources":["../../src/UNSAFE_TabBarMixed/useTabBarMixed.ts","../../src/UNSAFE_TabBarMixed/TabBarMixed.tsx","../../src/UNSAFE_TabBarMixed/TabBarMixedSeparator.tsx"],"sourcesContent":["import type { ComponentProps, ContextType, RefObject } from 'preact';\nimport type { TabBarContext, TabBarLayout } from '../UNSAFE_TabBarCommon';\nimport { TabBar } from '../UNSAFE_TabBar/TabBar';\nimport { useTabBar } from '../hooks/PRIVATE_useTabBar';\n\ntype TabBarContextValue = ContextType<typeof TabBarContext>;\n\nexport type useTabBarOptions = {\n  class?: string;\n  display?: TabBarContextValue['display'];\n  edge?: 'bottom' | 'top';\n  onRemove?: TabBarContextValue['onRemove'];\n  onSelect?: TabBarContextValue['onSelect'];\n  ref?: RefObject<HTMLDivElement>;\n  selection?: TabBarContextValue['selection'];\n  size?: TabBarContextValue['size'];\n  children?: ComponentProps<typeof TabBarLayout>['children'];\n  contextMenuConfig?: ComponentProps<typeof TabBar>['contextMenuConfig'];\n};\n\n/**\n * A thin wrapper around useTabBar hook\n */\nexport function useTabBarMixed(options: useTabBarOptions) {\n  return useTabBar(options);\n}\n","import type { ComponentChildren } from 'preact';\nimport { useMemo, useRef, useCallback, useState } from 'preact/hooks';\nimport { Ref } from 'preact';\nimport { forwardRef, useImperativeHandle } from 'preact/compat';\nimport { TabBarContext, TabBarContextMenuConfig } from '../UNSAFE_TabBarCommon';\nimport { isMobile } from '#utils/UNSAFE_clientUtils';\nimport { styles } from './themes/TabBarMixedStyles.css';\nimport { useTabBarMixed as useTabBar } from './useTabBarMixed';\nimport { REMOVABLE_ITEM_ATTRIBUTE, getItemAttribute } from '../hooks/PRIVATE_useTabBar/useTabBar';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { TabBarContextMenu } from '../UNSAFE_TabBar/TabBarContextMenu';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps/mergeProps';\nimport { ConveyorBeltFocusContext } from '../UNSAFE_ConveyorBelt';\n\ntype UseTabBarOptions = Parameters<typeof useTabBar>[0];\n\n/**\n * Component props expected to be pased to **TabBarMixed**.\n *\n * @see {@link TabBarMixed}\n */\ntype TabBarMixedProps<K extends string | number> = {\n  /**\n   * Component children that will be rendered within the **TabBarMixed**\n   * root element.\n   *\n   * It is expected that **TabBarLayout** and **ConveyorBelt** elements are\n   * provided. The same **TabBarItem**, **RemovableTabBarItem**,\n   * and **OverflowTabBarItem** elements should also be used.\n   */\n  children?: ComponentChildren;\n  /**\n   * Callback fired when a tab item is removed.\n   */\n  onRemove?: UseTabBarOptions['onRemove'];\n  /**\n   * Callback fired when a tab item is selected.\n   */\n  onSelect?: UseTabBarOptions['onSelect'];\n  /**\n   * The item key of the selected tab item.\n   */\n  selection?: K;\n  /**\n   * The height of the the tab bar.\n   *\n   * @default \"md\"\n   */\n  size?: UseTabBarOptions['size'];\n  /**\n   * An aria-label which defines a string value that labels this TabBarMixed.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBarMixed accessible.\n   */\n  'aria-label'?: string;\n\n  /**\n   * An aria-labelledby which identifies the element(s) that labels this TabBarMixed.\n   * Either aria-label or aria-labelledby should be specified in order to make TabBarMixed accessible.\n   */\n  'aria-labelledby'?: string;\n};\n\nexport type FocusableHandle = {\n  focus: () => void;\n  blur: () => void;\n};\n\n/**\n * A navigation component that enables horizontal navigation between distinct content with a mixture of static and dynamic tabs.\n *\n * @param {TabBarMixedProps} props TabBarMixed component props.\n * @returns {JSX.Element} TabBarMixed component element.\n */\nexport const TabBarMixed = forwardRef(\n  <K extends string | number>(\n    props: TabBarMixedProps<K>,\n    focusHandleRef?: Ref<FocusableHandle>\n  ) => {\n    const {\n      children,\n      onRemove,\n      onSelect,\n      selection,\n      size,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledby\n    } = props;\n\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    const isMobileDevice = isMobile();\n    const defaultContextMenuConfig = useMemo<TabBarContextMenuConfig<string | number>>(() => {\n      return {\n        itemsRenderer: (context) => {\n          //Only if context is available, it is a mobile device and it is removable item, we will return remove context menu item\n          if (context) {\n            const isRemovableItem =\n              getItemAttribute(context.itemKey, rootRef.current!, REMOVABLE_ITEM_ATTRIBUTE) != null;\n            if (isRemovableItem && isMobileDevice) {\n              const defaultItems = context.defaultMenuItems;\n              return <>{defaultItems}</>;\n            }\n          }\n          return null;\n        }\n      };\n    }, []);\n\n    const {\n      rootProps,\n      tabBarContext,\n      menuProps,\n      contextMenuContext,\n      contextMenuDescription,\n      contextMenuDescriptionId,\n      accStatusInfo\n    } = useTabBar({\n      class: styles.tabBarBase,\n      edge: 'bottom',\n      onRemove,\n      onSelect,\n      ref: rootRef,\n      selection,\n      size,\n      children,\n      contextMenuConfig: defaultContextMenuConfig\n    });\n\n    const isContextMenuAvailable = defaultContextMenuConfig != null && isMobileDevice;\n    //Allows to call focus on rootRef without having to expose it\n    useImperativeHandle(focusHandleRef!, () => ({\n      focus: () => {\n        if (rootRef.current) {\n          rootRef.current.focus();\n        }\n      },\n      blur: () => {\n        if (rootRef.current) {\n          rootRef.current.blur();\n        }\n      }\n    }));\n\n    const [isSuppressOverflowFocus, setIsSuppressOverflowFocus] = useState(false);\n\n    const focusTabbarRoot = useCallback(() => {\n      rootRef.current?.focus();\n    }, []);\n\n    // Begin a short window where overflow div should not be focusable.\n    const beginTabPass = useCallback(() => {\n      setIsSuppressOverflowFocus(true);\n    }, []);\n\n    // End that window after focus moves away.\n    const endTabPass = useCallback(() => {\n      setIsSuppressOverflowFocus(false);\n    }, []);\n\n    const onKeyDown = useCallback(\n      (e: KeyboardEvent) => {\n        // We only want to suppress overflow focus when the user is tabbing.\n        if (e.key === 'Tab' && !e.shiftKey) {\n          // Tell conveyor to make its overflow non-focusable (tabIndex = -1)\n          beginTabPass?.();\n        }\n      },\n      [beginTabPass]\n    );\n\n    const onBlur = useCallback(() => {\n      // End that suppress overflow after focus moves away.\n      endTabPass?.();\n    }, [endTabPass]);\n\n    const focusContext = useMemo(\n      () => ({\n        focusTabbarRoot,\n        isSuppressOverflowFocus,\n        beginTabPass,\n        endTabPass\n      }),\n      [isSuppressOverflowFocus, focusTabbarRoot, beginTabPass, endTabPass]\n    );\n\n    const mergedRootProps = mergeProps(rootProps, { onKeyDown, onBlur });\n\n    return (\n      <ConveyorBeltFocusContext.Provider value={focusContext}>\n        <TabBarContext.Provider value={tabBarContext}>\n          <div aria-label={ariaLabel} aria-labelledby={ariaLabelledby} {...mergedRootProps}>\n            {children}\n          </div>\n        </TabBarContext.Provider>\n        {isContextMenuAvailable && contextMenuDescriptionId && contextMenuDescription && (\n          <span id={contextMenuDescriptionId}>\n            <HiddenAccessible>{contextMenuDescription}</HiddenAccessible>\n          </span>\n        )}\n        {isContextMenuAvailable && accStatusInfo && <LiveRegion>{accStatusInfo}</LiveRegion>}\n        {isContextMenuAvailable && (\n          <TabBarContextMenu\n            {...menuProps}\n            contextMenuConfig={defaultContextMenuConfig}\n            contextMenuContext={contextMenuContext!}\n          />\n        )}\n      </ConveyorBeltFocusContext.Provider>\n    );\n  }\n);\n","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":["useTabBar","forwardRef","useRef","isMobile","useMemo","getItemAttribute","REMOVABLE_ITEM_ATTRIBUTE","_jsx","_Fragment","styles","useImperativeHandle","useState","useCallback","mergeProps","_jsxs","ConveyorBeltFocusContext","TabBarContext","HiddenAccessible","LiveRegion","TabBarContextMenu","View"],"mappings":"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"}

package/cjs/{useDisplayValue-60dbe1c3.js → useDisplayValue-4ace417c.js}

@@ -29,7 +29,7 @@ require('./UNSAFE_TextField/themes/TextFieldStyles.css.js');
 
 
 require('./UNSAFE_TextField/themes/redwood/TextFieldVariants.css.js');
-var useSelectCommon = require('./useSelectCommon-b0d7feb3.js');
+var useSelectCommon = require('./useSelectCommon-27afecfa.js');
 var LiveRegion = require('./LiveRegion-62ce9ac7.js');
 
 
@@ -79,4 +79,4 @@ function useDisplayValue(itemText, valueItem, componentName = 'SelectSingle') {
 exports.SelectSingleField = SelectSingleField;
 exports.SelectSingleFieldInput = SelectSingleFieldInput;
 exports.useDisplayValue = useDisplayValue;
-//# sourceMappingURL=useDisplayValue-60dbe1c3.js.map
+//# sourceMappingURL=useDisplayValue-4ace417c.js.map

package/cjs/{useDisplayValue-60dbe1c3.js.map → useDisplayValue-4ace417c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useDisplayValue-60dbe1c3.js","sources":["../../src/UNSAFE_SelectSingle/SelectSingleField.tsx","../../src/UNSAFE_SelectSingle/SelectSingleFieldInput.tsx","../../src/UNSAFE_SelectSingle/useDisplayValue.ts"],"sourcesContent":["import { DropdownArrow } from '#PRIVATE_SelectCommon';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { CancelS } from '#UNSAFE_RedwoodIcons/CancelS';\nimport { NavLeft } from '#UNSAFE_RedwoodIcons/NavLeft';\nimport { TextField } from '#UNSAFE_TextField';\nimport { useFormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { ComponentProps } from 'preact';\n\ntype PickedTextFieldProps = Pick<\n  ComponentProps<typeof TextField>,\n  | 'columnSpan'\n  | 'compactUserAssistance'\n  | 'contentVariant'\n  | 'endContent'\n  | 'hasZeroStartMargin'\n  | 'id'\n  | 'inlineUserAssistance'\n  | 'label'\n  | 'labelEdge'\n  | 'labelStartWidth'\n  | 'mainFieldRef'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onKeyDown'\n  | 'onMouseDown'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'resize'\n  | 'rootRef'\n  | 'startContent'\n  | 'statusVariant'\n  | 'styleVariant'\n  | 'testId'\n> & {\n  children: ComponentProps<typeof TextField>['mainContent'];\n};\n\ntype Props = PickedTextFieldProps & {\n  hasInsideLabel?: boolean;\n  isBackButtonShown?: boolean;\n  isClearButtonShown?: boolean;\n  isDropdownArrowShown?: boolean;\n  onBackButtonClick?: ComponentProps<typeof IconButton>['onAction'];\n  onClearButtonClick?: ComponentProps<typeof IconButton>['onAction'];\n  onDropdownArrowClick?: ComponentProps<typeof DropdownArrow>['onClick'];\n};\n\nexport function SelectSingleField({\n  children,\n  hasInsideLabel,\n  isBackButtonShown,\n  isClearButtonShown,\n  isDropdownArrowShown,\n  onBackButtonClick,\n  onClearButtonClick,\n  onDropdownArrowClick,\n  ...passThroughTextFieldProps\n}: Props) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const { isDisabled, isLoading } = useFormFieldContext();\n\n  const startContent = isBackButtonShown ? (\n    <IconButton\n      aria-label={translations.selectMultiple_back()}\n      size=\"xs\"\n      variant=\"ghost\"\n      onAction={onBackButtonClick}>\n      <NavLeft />\n    </IconButton>\n  ) : null;\n\n  const endContent = isLoading ? undefined : (\n    <>\n      {isClearButtonShown && (\n        <IconButton\n          aria-label={translations.formControl_clear()}\n          size=\"sm\"\n          variant=\"ghost\"\n          onAction={onClearButtonClick}>\n          <CancelS />\n        </IconButton>\n      )}\n      {isDropdownArrowShown && (\n        <DropdownArrow\n          isDisabled={isDisabled}\n          onClick={onDropdownArrowClick}\n          testId={`${passThroughTextFieldProps.testId}_dropdownarrow`}\n        />\n      )}\n    </>\n  );\n\n  return (\n    <TextField\n      startContent={startContent}\n      mainContent={children}\n      endContent={endContent}\n      {...passThroughTextFieldProps}\n    />\n  );\n}\n","import { LiveRegion } from '#UNSAFE_LiveRegion';\nimport { TextFieldInput } from '#UNSAFE_TextField';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { ComponentProps, Ref } from 'preact';\n\ntype PickedTextFieldInputProps = Pick<\n  ComponentProps<typeof TextFieldInput>,\n  | 'aria-controls'\n  | 'aria-describedby'\n  | 'aria-expanded'\n  | 'aria-invalid'\n  | 'aria-label'\n  | 'hasEmptyLabel'\n  | 'hasInsideLabel'\n  | 'id'\n  | 'isRequired'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onInput'\n  | 'onKeyDown'\n  | 'onKeyUp'\n  | 'placeholder'\n  | 'textAlign'\n  | 'variant'\n> & {\n  inputRef?: Ref<HTMLInputElement>;\n};\n\ntype Props = PickedTextFieldInputProps & {\n  displayValue: string;\n  isAddToListShown: boolean;\n  isAdvancedSearchShown: boolean;\n  isUserFiltering: boolean;\n  liveRegionText?: string;\n  userInput?: string;\n  virtualKeyboard?: 'auto' | 'email' | 'number' | 'search' | 'tel' | 'text' | 'url';\n};\n\nexport function SelectSingleFieldInput({\n  displayValue,\n  isAddToListShown,\n  isAdvancedSearchShown,\n  isUserFiltering,\n  liveRegionText,\n  userInput,\n  virtualKeyboard,\n  ...passThroughTextFieldInputProps\n}: Props) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const addToListAccText = translations.select_addToListAvailable();\n  const advancedSearchAccText = translations.select_moreSearchOptionsAvailable();\n  const combinedLiveRegionText = `${liveRegionText} ${isAddToListShown ? addToListAccText : ''} ${\n    isAdvancedSearchShown ? advancedSearchAccText : ''\n  }`;\n\n  return (\n    <>\n      <TextFieldInput\n        {...passThroughTextFieldInputProps}\n        hasEndContent={true}\n        aria-autocomplete=\"list\"\n        autoComplete=\"off\"\n        role=\"combobox\"\n        spellcheck={false}\n        type={virtualKeyboard === 'auto' ? 'search' : virtualKeyboard}\n        value={isUserFiltering ? userInput : displayValue}\n      />\n      <LiveRegion>{combinedLiveRegionText}</LiveRegion>\n    </>\n  );\n}\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 { useMemo } from 'preact/hooks';\n\nimport { renderItemText } from '#PRIVATE_SelectCommon';\nimport { Item } from '#utils/UNSAFE_dataProvider';\nimport { ItemTextType } from '#utils/UNSAFE_selectUtils';\n\nexport function useDisplayValue<K, D>(\n  itemText: ItemTextType<K, D>,\n  valueItem?: Item<K, D>,\n  componentName: 'SelectSingle' | 'InlineSelectSingle' = 'SelectSingle'\n): string {\n  // create the text displayed in the field from the selected value\n  const displayValue = useMemo(() => {\n    return valueItem === undefined ? '' : renderItemText(valueItem, itemText, componentName) ?? '';\n  }, [valueItem, itemText, componentName]);\n\n  return displayValue;\n}\n"],"names":["useTranslationBundle","useFormFieldContext","_jsx","IconButton","NavLeft","_jsxs","_Fragment","CancelS","DropdownArrow","TextField","TextFieldInput","LiveRegion","useMemo","renderItemText"],"mappings":"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"}
+{"version":3,"file":"useDisplayValue-4ace417c.js","sources":["../../src/UNSAFE_SelectSingle/SelectSingleField.tsx","../../src/UNSAFE_SelectSingle/SelectSingleFieldInput.tsx","../../src/UNSAFE_SelectSingle/useDisplayValue.ts"],"sourcesContent":["import { DropdownArrow } from '#PRIVATE_SelectCommon';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { CancelS } from '#UNSAFE_RedwoodIcons/CancelS';\nimport { NavLeft } from '#UNSAFE_RedwoodIcons/NavLeft';\nimport { TextField } from '#UNSAFE_TextField';\nimport { useFormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { ComponentProps } from 'preact';\n\ntype PickedTextFieldProps = Pick<\n  ComponentProps<typeof TextField>,\n  | 'columnSpan'\n  | 'compactUserAssistance'\n  | 'contentVariant'\n  | 'endContent'\n  | 'hasZeroStartMargin'\n  | 'id'\n  | 'inlineUserAssistance'\n  | 'label'\n  | 'labelEdge'\n  | 'labelStartWidth'\n  | 'mainFieldRef'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onKeyDown'\n  | 'onMouseDown'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'resize'\n  | 'rootRef'\n  | 'startContent'\n  | 'statusVariant'\n  | 'styleVariant'\n  | 'testId'\n> & {\n  children: ComponentProps<typeof TextField>['mainContent'];\n};\n\ntype Props = PickedTextFieldProps & {\n  hasInsideLabel?: boolean;\n  isBackButtonShown?: boolean;\n  isClearButtonShown?: boolean;\n  isDropdownArrowShown?: boolean;\n  onBackButtonClick?: ComponentProps<typeof IconButton>['onAction'];\n  onClearButtonClick?: ComponentProps<typeof IconButton>['onAction'];\n  onDropdownArrowClick?: ComponentProps<typeof DropdownArrow>['onClick'];\n};\n\nexport function SelectSingleField({\n  children,\n  hasInsideLabel,\n  isBackButtonShown,\n  isClearButtonShown,\n  isDropdownArrowShown,\n  onBackButtonClick,\n  onClearButtonClick,\n  onDropdownArrowClick,\n  ...passThroughTextFieldProps\n}: Props) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const { isDisabled, isLoading } = useFormFieldContext();\n\n  const startContent = isBackButtonShown ? (\n    <IconButton\n      aria-label={translations.selectMultiple_back()}\n      size=\"xs\"\n      variant=\"ghost\"\n      onAction={onBackButtonClick}>\n      <NavLeft />\n    </IconButton>\n  ) : null;\n\n  const endContent = isLoading ? undefined : (\n    <>\n      {isClearButtonShown && (\n        <IconButton\n          aria-label={translations.formControl_clear()}\n          size=\"sm\"\n          variant=\"ghost\"\n          onAction={onClearButtonClick}>\n          <CancelS />\n        </IconButton>\n      )}\n      {isDropdownArrowShown && (\n        <DropdownArrow\n          isDisabled={isDisabled}\n          onClick={onDropdownArrowClick}\n          testId={`${passThroughTextFieldProps.testId}_dropdownarrow`}\n        />\n      )}\n    </>\n  );\n\n  return (\n    <TextField\n      startContent={startContent}\n      mainContent={children}\n      endContent={endContent}\n      {...passThroughTextFieldProps}\n    />\n  );\n}\n","import { LiveRegion } from '#UNSAFE_LiveRegion';\nimport { TextFieldInput } from '#UNSAFE_TextField';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { ComponentProps, Ref } from 'preact';\n\ntype PickedTextFieldInputProps = Pick<\n  ComponentProps<typeof TextFieldInput>,\n  | 'aria-controls'\n  | 'aria-describedby'\n  | 'aria-expanded'\n  | 'aria-invalid'\n  | 'aria-label'\n  | 'hasEmptyLabel'\n  | 'hasInsideLabel'\n  | 'id'\n  | 'isRequired'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onInput'\n  | 'onKeyDown'\n  | 'onKeyUp'\n  | 'placeholder'\n  | 'textAlign'\n  | 'variant'\n> & {\n  inputRef?: Ref<HTMLInputElement>;\n};\n\ntype Props = PickedTextFieldInputProps & {\n  displayValue: string;\n  isAddToListShown: boolean;\n  isAdvancedSearchShown: boolean;\n  isUserFiltering: boolean;\n  liveRegionText?: string;\n  userInput?: string;\n  virtualKeyboard?: 'auto' | 'email' | 'number' | 'search' | 'tel' | 'text' | 'url';\n};\n\nexport function SelectSingleFieldInput({\n  displayValue,\n  isAddToListShown,\n  isAdvancedSearchShown,\n  isUserFiltering,\n  liveRegionText,\n  userInput,\n  virtualKeyboard,\n  ...passThroughTextFieldInputProps\n}: Props) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const addToListAccText = translations.select_addToListAvailable();\n  const advancedSearchAccText = translations.select_moreSearchOptionsAvailable();\n  const combinedLiveRegionText = `${liveRegionText} ${isAddToListShown ? addToListAccText : ''} ${\n    isAdvancedSearchShown ? advancedSearchAccText : ''\n  }`;\n\n  return (\n    <>\n      <TextFieldInput\n        {...passThroughTextFieldInputProps}\n        hasEndContent={true}\n        aria-autocomplete=\"list\"\n        autoComplete=\"off\"\n        role=\"combobox\"\n        spellcheck={false}\n        type={virtualKeyboard === 'auto' ? 'search' : virtualKeyboard}\n        value={isUserFiltering ? userInput : displayValue}\n      />\n      <LiveRegion>{combinedLiveRegionText}</LiveRegion>\n    </>\n  );\n}\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 { useMemo } from 'preact/hooks';\n\nimport { renderItemText } from '#PRIVATE_SelectCommon';\nimport { Item } from '#utils/UNSAFE_dataProvider';\nimport { ItemTextType } from '#utils/UNSAFE_selectUtils';\n\nexport function useDisplayValue<K, D>(\n  itemText: ItemTextType<K, D>,\n  valueItem?: Item<K, D>,\n  componentName: 'SelectSingle' | 'InlineSelectSingle' = 'SelectSingle'\n): string {\n  // create the text displayed in the field from the selected value\n  const displayValue = useMemo(() => {\n    return valueItem === undefined ? '' : renderItemText(valueItem, itemText, componentName) ?? '';\n  }, [valueItem, itemText, componentName]);\n\n  return displayValue;\n}\n"],"names":["useTranslationBundle","useFormFieldContext","_jsx","IconButton","NavLeft","_jsxs","_Fragment","CancelS","DropdownArrow","TextField","TextFieldInput","LiveRegion","useMemo","renderItemText"],"mappings":"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"}

package/cjs/useNavigationListItem-b97e76d5.js

@@ -0,0 +1,104 @@
+/* @oracle/oraclejet-preact: undefined */
+'use strict';
+
+var hooks = require('preact/hooks');
+var usePress = require('./usePress-886180e4.js');
+var mergeProps = require('./mergeProps-e3da7237.js');
+var classNames = require('./classNames-c14c6ef3.js');
+var useInteractionStyle = require('./useInteractionStyle-c203a8a0.js');
+var useComponentTheme = require('./useComponentTheme-082fc8e4.js');
+var preact = require('preact');
+var mergeInterpolations = require('./mergeInterpolations-6727b536.js');
+var flexitem = require('./flexitem-fee13e26.js');
+var UNSAFE_NavigationListCommon_themes_redwood_NavigationListItemTheme = require('./UNSAFE_NavigationListCommon/themes/redwood/NavigationListItemTheme.js');
+var useUser = require('./useUser-1295b5cb.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
+ */
+/**
+ * Context used to pass navlist information without having to pass it to navlist children props.
+ * We want to communicate information down to any interested navlist item children.
+ */
+const NavigationListContext = preact.createContext(null);
+
+/**
+ * @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
+ */
+/**
+ * Utility hook for consuming the NavigationListContext
+ *
+ * @returns The value of NavigationListContext provider
+ */
+function useNavigationListContext() {
+    return hooks.useContext(NavigationListContext);
+}
+
+const flexItemStyleInterpolations = mergeInterpolations.mergeInterpolations([
+    ...Object.values(flexitem.flexitemInterpolations)
+]);
+const { class: labelContainerFlexItemClasses, ...labelContainerFlexItemStyle } = flexItemStyleInterpolations({
+    alignSelf: 'center'
+});
+function useNavigationListItem({ itemKey }) {
+    const { onSelectionChange, selection, currentKey, showFocusRing, navigationListItemPrefix, edge, display } = useNavigationListContext();
+    //Selection and focus state
+    const isCurrent = currentKey === itemKey;
+    const isSelected = selection === itemKey;
+    const isIconOnly = display === 'icons' ? true : false;
+    const isEdgeEnd = edge === 'end' ? true : false;
+    //Styling
+    const { interactionProps, applyPseudoHoverStyle, applyHoverStyle, applyActiveStyle } = useInteractionStyle.useInteractionStyle();
+    const { direction } = useUser.useUser();
+    const isRtl = direction === 'rtl';
+    const { classes: listItemClasses, styles: { labelContainerClasses, navigationItemStackedBadge, navigationItemStackedBadgeRtl, startIconStacked } } = useComponentTheme.useComponentTheme(UNSAFE_NavigationListCommon_themes_redwood_NavigationListItemTheme.NavigationListItemRedwoodTheme, {
+        focusRing: showFocusRing ? 'isFocusRing' : 'notFocusRing',
+        current: isCurrent ? 'isCurrent' : 'notCurrtent',
+        selected: isSelected ? 'isSelected' : 'notSelected',
+        direction: isRtl ? 'isRtl' : 'notRtl',
+        hybridHover: applyHoverStyle ? 'isHybridHover' : 'notHybridHover',
+        pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',
+        active: applyActiveStyle ? 'isActive' : 'notActive',
+        edgeEnd: edge === 'end' ? 'isEnd' : 'notEnd',
+        iconOnly: isIconOnly ? 'isIconOnly' : 'notIconOnly'
+    });
+    const navigationItemIconOnlyClasses = classNames.classNames([startIconStacked]);
+    const navigationItemStackedBadgeClasses = classNames.classNames([
+        navigationItemStackedBadge,
+        direction === 'rtl' && navigationItemStackedBadgeRtl
+    ]);
+    //Item handlers
+    const handlePress = hooks.useCallback(() => {
+        onSelectionChange?.({ value: itemKey, reason: 'pointer' });
+    }, [itemKey, onSelectionChange]);
+    //Legacy navlist makes selection on keyDown, but since preact tabbar made selection after keyUp, will do the same
+    //for preact navlist
+    const { pressProps } = usePress.usePress(handlePress);
+    return {
+        itemId: navigationListItemPrefix + itemKey,
+        itemHandlers: mergeProps.mergeProps(interactionProps, pressProps /*,onFocusProps*/),
+        itemClasses: classNames.classNames([listItemClasses]),
+        isSelected,
+        labelContainerClasses: classNames.classNames([labelContainerClasses, labelContainerFlexItemClasses]),
+        labelContainerStyle: labelContainerFlexItemStyle,
+        isIconOnly,
+        isEdgeEnd,
+        stackedBadgeClasses: classNames.classNames([navigationItemStackedBadgeClasses]),
+        iconOnlyClasses: classNames.classNames([navigationItemIconOnlyClasses]),
+        isCurrent,
+        showFocusRing
+    };
+}
+
+exports.NavigationListContext = NavigationListContext;
+exports.useNavigationListContext = useNavigationListContext;
+exports.useNavigationListItem = useNavigationListItem;
+//# sourceMappingURL=useNavigationListItem-b97e76d5.js.map

package/cjs/useNavigationListItem-b97e76d5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNavigationListItem-b97e76d5.js","sources":["../../src/UNSAFE_NavigationListCommon/NavigationListContext.ts","../../src/UNSAFE_NavigationListCommon/useNavigationListContext.ts","../../src/UNSAFE_NavigationListCommon/useNavigationListItem.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 { createContext } from 'preact';\nimport { NavigationListProps } from './NavigationListProps';\n\ntype CurrentKeyDetail<K> = {\n  value: K;\n};\n\nexport type NavigationListContextProps<K extends string | number> = Pick<\n  NavigationListProps<K>,\n  'selection' | 'onSelectionChange' | 'onRemove' | 'edge' | 'display'\n> & {\n  currentKey?: K;\n  showFocusRing: boolean;\n  onCurrentKeyChange:\n    | (<K extends string | number>(detail: CurrentKeyDetail<K>) => void)\n    | undefined;\n  navigationListItemPrefix: string;\n};\n\n/**\n * Context used to pass navlist information without having to pass it to navlist children props.\n * We want to communicate information down to any interested navlist item children.\n */\n\nconst NavigationListContext = createContext<NavigationListContextProps<string | number>>(null!);\n\nexport { NavigationListContext };\n","/**\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 { useContext } from 'preact/hooks';\nimport { NavigationListContext } from './NavigationListContext';\n\n/**\n * Utility hook for consuming the NavigationListContext\n *\n * @returns The value of NavigationListContext provider\n */\nfunction useNavigationListContext() {\n  return useContext(NavigationListContext);\n}\n\nexport { useNavigationListContext };\n","import { useCallback } from 'preact/hooks';\n\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useNavigationListContext } from './useNavigationListContext';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport {\n  NavigationListItemStyles,\n  NavigationListItemVariantOptions\n} from '../UNSAFE_NavigationList/themes/NavigationListItemStyles.css';\nimport { NavigationListItemRedwoodTheme } from './themes/redwood/NavigationListItemTheme';\nimport { useUser } from '../hooks/UNSAFE_useUser';\n\nconst flexItemStyleInterpolations = mergeInterpolations<FlexitemProps>([\n  ...Object.values(flexitemInterpolations)\n]);\nconst { class: labelContainerFlexItemClasses, ...labelContainerFlexItemStyle } =\n  flexItemStyleInterpolations({\n    alignSelf: 'center'\n  });\n\nexport function useNavigationListItem<K extends string | number>({ itemKey }: { itemKey: K }) {\n  const {\n    onSelectionChange,\n    selection,\n    currentKey,\n    showFocusRing,\n    navigationListItemPrefix,\n    edge,\n    display\n  } = useNavigationListContext();\n\n  //Selection and focus state\n  const isCurrent = currentKey === itemKey;\n\n  const isSelected = selection === itemKey;\n\n  const isIconOnly = display === 'icons' ? true : false;\n  const isEdgeEnd = edge === 'end' ? true : false;\n\n  //Styling\n  const { interactionProps, applyPseudoHoverStyle, applyHoverStyle, applyActiveStyle } =\n    useInteractionStyle();\n\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  const {\n    classes: listItemClasses,\n    styles: {\n      labelContainerClasses,\n      navigationItemStackedBadge,\n      navigationItemStackedBadgeRtl,\n      startIconStacked\n    }\n  } = useComponentTheme<NavigationListItemVariantOptions, NavigationListItemStyles>(\n    NavigationListItemRedwoodTheme,\n    {\n      focusRing: showFocusRing ? 'isFocusRing' : 'notFocusRing',\n      current: isCurrent ? 'isCurrent' : 'notCurrtent',\n      selected: isSelected ? 'isSelected' : 'notSelected',\n      direction: isRtl ? 'isRtl' : 'notRtl',\n      hybridHover: applyHoverStyle ? 'isHybridHover' : 'notHybridHover',\n      pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',\n      active: applyActiveStyle ? 'isActive' : 'notActive',\n      edgeEnd: edge === 'end' ? 'isEnd' : 'notEnd',\n      iconOnly: isIconOnly ? 'isIconOnly' : 'notIconOnly'\n    }\n  );\n\n  const navigationItemIconOnlyClasses = classNames([startIconStacked]);\n\n  const navigationItemStackedBadgeClasses = classNames([\n    navigationItemStackedBadge,\n    direction === 'rtl' && navigationItemStackedBadgeRtl\n  ]);\n\n  //Item handlers\n  const handlePress = useCallback(() => {\n    onSelectionChange?.({ value: itemKey as K, reason: 'pointer' });\n  }, [itemKey, onSelectionChange]);\n\n  //Legacy navlist makes selection on keyDown, but since preact tabbar made selection after keyUp, will do the same\n  //for preact navlist\n  const { pressProps } = usePress(handlePress);\n\n  return {\n    itemId: navigationListItemPrefix + itemKey,\n    itemHandlers: mergeProps(interactionProps, pressProps /*,onFocusProps*/),\n    itemClasses: classNames([listItemClasses]),\n    isSelected,\n    labelContainerClasses: classNames([labelContainerClasses, labelContainerFlexItemClasses]),\n    labelContainerStyle: labelContainerFlexItemStyle,\n    isIconOnly,\n    isEdgeEnd,\n    stackedBadgeClasses: classNames([navigationItemStackedBadgeClasses]),\n    iconOnlyClasses: classNames([navigationItemIconOnlyClasses]),\n    isCurrent,\n    showFocusRing\n  };\n}\n"],"names":["createContext","useContext","mergeInterpolations","flexitemInterpolations","useInteractionStyle","useUser","useComponentTheme","NavigationListItemRedwoodTheme","classNames","useCallback","usePress","mergeProps"],"mappings":"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"}

package/cjs/{useSelectCommon-b0d7feb3.js → useSelectCommon-27afecfa.js}

@@ -37,8 +37,13 @@ function renderItemText(item, itemText, componentName) {
     // if item-text is a string and the data has the specified field, return it;
     // otherwise log an error
     if (typeof itemText === 'string') {
-        if (Object.prototype.hasOwnProperty.call(item.data, itemText)) {
-            const retData = item.data[itemText];
+        // JET-78134: in 26C rc0 preflight, line type is not editable in PRC
+        // Some JS applications incorrectly pass {} as valueItem/value-item instead of null
+        // or leaving it unset for the empty state. Older releases already handled that misconfiguration
+        // by logging this custom error; keep that behavior and avoid throwing when item.data is missing.
+        const itemData = item.data;
+        if (itemData != null && Object.prototype.hasOwnProperty.call(itemData, itemText)) {
+            const retData = itemData[itemText];
             return String(retData);
         }
         logger.error(`${componentName}: itemText specifies field that does not exist: ${itemText}`);
@@ -499,4 +504,4 @@ exports.preventDefaultForCurrentTarget = preventDefaultForCurrentTarget;
 exports.renderItemText = renderItemText;
 exports.useCollectionRenderer = useCollectionRenderer;
 exports.useSelectCommon = useSelectCommon;
-//# sourceMappingURL=useSelectCommon-b0d7feb3.js.map
+//# sourceMappingURL=useSelectCommon-27afecfa.js.map

package/cjs/useSelectCommon-27afecfa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectCommon-27afecfa.js","sources":["../../src/PRIVATE_SelectCommon/itemTextUtils.ts","../../src/PRIVATE_SelectCommon/DefaultList.tsx","../../src/PRIVATE_SelectCommon/eventUtils.ts","../../src/PRIVATE_SelectCommon/DropdownArrow.tsx","../../src/PRIVATE_SelectCommon/DropdownList.tsx","../../src/PRIVATE_SelectCommon/EmptyResults.tsx","../../src/PRIVATE_SelectCommon/selectUtils.ts","../../src/PRIVATE_SelectCommon/useCollectionRenderer.ts","../../src/PRIVATE_SelectCommon/useSelectCommon.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 */\n\nimport { Item } from '#utils/UNSAFE_dataProvider';\nimport { error } from '#utils/UNSAFE_logger';\nimport { ItemTextFunctionType, ItemTextType } from '#utils/UNSAFE_selectUtils';\n\nexport type ComponentName = 'InlineSelectSingle' | 'SelectSingle' | 'SelectMultiple';\n\nexport function renderItemText<K, D>(\n  item: Item<K, D>,\n  itemText: ItemTextType<K, D>,\n  componentName: ComponentName\n) {\n  // if item-text is a string and the data has the specified field, return it;\n  // otherwise log an error\n  if (typeof itemText === 'string') {\n    // JET-78134: in 26C rc0 preflight, line type is not editable in PRC\n    // Some JS applications incorrectly pass {} as valueItem/value-item instead of null\n    // or leaving it unset for the empty state. Older releases already handled that misconfiguration\n    // by logging this custom error; keep that behavior and avoid throwing when item.data is missing.\n    const itemData = item.data;\n    if (itemData != null && Object.prototype.hasOwnProperty.call(itemData, itemText)) {\n      const retData = itemData[itemText];\n      return String(retData);\n    }\n    error(`${componentName}: itemText specifies field that does not exist: ${itemText}`);\n    // return undefined if the field doesn't exist\n    return undefined;\n  }\n  // if item-text is a function, call it to create a display label\n  return (itemText as ItemTextFunctionType<K, D>)(item);\n}\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 type { ComponentChildren, ComponentProps } from 'preact';\n\nimport { List } from '#PRIVATE_List';\nimport type { DataState, ListItemRendererContext, Metadata } from '#UNSAFE_Collection';\nimport { Flex } from '#UNSAFE_Flex';\nimport { HighlightText } from '#UNSAFE_HighlightText';\nimport { ListItemText } from '#UNSAFE_ListItemLayout';\nimport type { Item } from '#utils/UNSAFE_dataProvider';\nimport type { Keys } from '#utils/UNSAFE_keys';\nimport type { ItemTextType } from '#utils/UNSAFE_selectUtils';\nimport { useCallback, useMemo } from 'preact/hooks';\nimport { type ComponentName, renderItemText } from './itemTextUtils';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n\ntype ListProps<K extends string | number, D> = ComponentProps<typeof List<K, D>>;\ntype PickedPropsFromList = Pick<\n  ComponentProps<typeof List>,\n  'aria-label' | 'currentItemVariant' | 'selectionMode'\n>;\n\n// pick the props from the ListItemContext instead of extending it directly so that we\n// don't automatically expose any new props that may be added to it\ntype PickedPropsFromListItemContext<K, D> = Pick<\n  ListItemRendererContext<K, D>,\n  'data' | 'index' | 'selector'\n>;\ntype ItemRendererSelectionDetail<K> = {\n  value: Set<K>;\n  target: EventTarget | null;\n};\ntype ItemRendererMetadata<K> = Pick<Metadata<K>, 'key' | 'suggestion'>;\ntype ItemRendererProps<K, D> = PickedPropsFromListItemContext<K, D> & {\n  metadata: ItemRendererMetadata<K>;\n  searchText?: string;\n  selectedKeys?: Set<K>;\n  onSelectionChange: (detail: ItemRendererSelectionDetail<K>) => void;\n};\n\ntype DefaultListCurrentKeyDetail<K> = { value: K };\ntype DefaultListItemActionDetail<K, D> = { context: Item<K, D> };\ntype DefaultListSelectionDetail<K> = { value: Set<K> };\n\ntype Props<K extends string | number, D extends Record<string, any>> = PickedPropsFromList & {\n  itemRenderer?: (itemRendererProps: ItemRendererProps<K, D>) => ComponentChildren;\n  itemText: ItemTextType<K, D>;\n  // props from List that we constrain or unconstrain\n  currentKey?: K;\n  data?: DataState<K, D> | null;\n  onCurrentKeyChange: (detail: DefaultListCurrentKeyDetail<K>) => void;\n  onItemAction?: (detail: DefaultListItemActionDetail<K, D>) => void;\n  onLoadRange?: ComponentProps<typeof List>['onLoadRange'];\n  onSelectionChange?: (detail: DefaultListSelectionDetail<K>) => void;\n  searchText?: string;\n  selectedKeys?: Set<K>;\n  // props for logging purposes\n  componentName: ComponentName;\n};\n\nconst noOp = () => {};\n\nexport function DefaultList<K extends string | number, D extends Record<string, any>>({\n  'aria-label': ariaLabel,\n  componentName,\n  currentItemVariant,\n  currentKey,\n  data,\n  itemRenderer,\n  itemText,\n  onCurrentKeyChange,\n  onItemAction,\n  onLoadRange = noOp,\n  onSelectionChange,\n  searchText,\n  selectedKeys,\n  selectionMode\n}: Props<K, D>) {\n  const listItemRenderer = useCallback(\n    (listItemContext: ListItemRendererContext<K, D>) => {\n      // specify the listItemContext props that we want to expose individually instead of\n      // spreading the whole object so that we don't automatically include any new props that\n      // may be added to it\n      const itemRendererProps: ItemRendererProps<K, D> = {\n        data: listItemContext.data,\n        index: listItemContext.index,\n        metadata: listItemContext.metadata,\n        selector: listItemContext.selector,\n        searchText,\n        selectedKeys,\n        onSelectionChange: ({ value }) => {\n          onSelectionChange?.({ value });\n        }\n      };\n      const itemContext = {\n        data: listItemContext.data,\n        key: listItemContext.metadata.key,\n        metadata: listItemContext.metadata\n      };\n      return itemRenderer ? (\n        itemRenderer(itemRendererProps)\n      ) : (\n        <Flex align=\"center\">\n          {listItemContext.selector && (\n            <div class={dropdownStyles.selectorWrapper}>{listItemContext.selector()}</div>\n          )}\n          <div\n            class={\n              selectionMode === 'single'\n                ? dropdownStyles.singleSelectItem\n                : dropdownStyles.multiSelectItem\n            }>\n            <ListItemText variant=\"primary\">\n              <HighlightText matchText={searchText}>\n                {renderItemText(itemContext, itemText, componentName) as string}\n              </HighlightText>\n            </ListItemText>\n          </div>\n        </Flex>\n      );\n    },\n    [\n      componentName,\n      itemRenderer,\n      itemText,\n      onSelectionChange,\n      searchText,\n      selectedKeys,\n      selectionMode\n    ]\n  );\n\n  const keys = useMemo(() => {\n    return { all: false, keys: selectedKeys ?? new Set<K>() };\n  }, [selectedKeys]) as Keys<K>;\n\n  const currentItemOverride = useMemo(\n    () => (currentKey !== undefined ? { rowKey: currentKey } : undefined),\n    [currentKey]\n  );\n  const handleItemAction = useCallback<NonNullable<ListProps<K, D>['onItemAction']>>(\n    ({ context: { data, metadata } }) => {\n      onItemAction?.({ context: { data, key: metadata.key, metadata } });\n    },\n    [onItemAction]\n  );\n  const handleSelectionChange = useCallback<NonNullable<ListProps<K, D>['onSelectionChange']>>(\n    ({ value }) => {\n      onSelectionChange?.({ value: new Set(value.keys?.values()) });\n    },\n    [onSelectionChange]\n  );\n\n  return (\n    <List<K, D>\n      aria-label={ariaLabel}\n      allowTabbableMode={false}\n      currentItemVariant={currentItemVariant}\n      currentItemOverride={currentItemOverride}\n      data={data ?? null}\n      onPersistCurrentItem={onCurrentKeyChange}\n      onItemAction={handleItemAction}\n      onLoadRange={onLoadRange}\n      onSelectionChange={handleSelectionChange}\n      role=\"listbox\"\n      selectedKeys={keys}\n      selectionMode={selectionMode}>\n      {(context: ListItemRendererContext<K, D>) => listItemRenderer(context)}\n    </List>\n  );\n}\n","export const isSimpleClick = (event: MouseEvent) => {\n  return event.button === 0 && !event.ctrlKey;\n};\n\nexport const preventDefault = (event: Event) => {\n  event.preventDefault();\n};\n\nexport const preventDefaultForCurrentTarget = (event: MouseEvent) => {\n  if (event.currentTarget === event.target) {\n    event.preventDefault();\n  }\n};\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 { useCallback } from 'preact/hooks';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { DropdownArrowIcon } from '../PRIVATE_ThemedIcons/DropdownArrowIcon';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { ButtonLabelLayoutRedwoodTheme } from '#UNSAFE_ButtonLabelLayout/themes/redwood/ButtonLabelLayoutTheme';\nimport type { ButtonLabelLayoutVariantOptions } from '#UNSAFE_ButtonLabelLayout/themes/ButtonLabelLayoutStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { BaseButtonRedwoodTheme } from '#UNSAFE_BaseButton/themes/redwood/BaseButtonTheme';\n\ntype Props = TestIdProps & {\n  isDisabled?: boolean;\n  onClick?: () => void;\n};\n\nconst noop = () => {};\n\nexport function DropdownArrow({ isDisabled = false, onClick, testId }: Props) {\n  const { classes } = useComponentTheme<ButtonLabelLayoutVariantOptions>(\n    ButtonLabelLayoutRedwoodTheme,\n    { size: 'sm' }\n  );\n  const { baseTheme } = useComponentTheme(BaseButtonRedwoodTheme);\n\n  const preventDefault = useCallback((event: Event) => {\n    event.preventDefault();\n  }, []);\n  const { pressProps } = usePress(onClick ?? noop, { isDisabled });\n\n  // TODO: JET-67410 replace this with a icon button\n  const styleClasses = classNames([\n    classes,\n    baseTheme,\n    dropdownStyles.arrow.base,\n    isDisabled ? dropdownStyles.arrow.disabled : dropdownStyles.arrow.enabled\n  ]);\n\n  const testIdProps = useTestId(testId);\n\n  return (\n    <span\n      aria-hidden=\"true\"\n      class={styleClasses}\n      tabIndex={-1}\n      onMouseDown={preventDefault}\n      {...testIdProps}\n      {...pressProps}>\n      <DropdownArrowIcon />\n    </span>\n  );\n}\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 type { ComponentChildren, ComponentProps, Ref } from 'preact';\n\nimport { CollectionInteractionContext } from '#hooks/UNSAFE_useCollectionInteractionContext';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { preventDefaultForCurrentTarget } from './eventUtils';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n\ntype Props = Pick<ComponentProps<'div'>, 'id' | 'onKeyDown'> & {\n  children?: ComponentChildren;\n  dropdownListRef?: Ref<HTMLDivElement>;\n  hasTopGap?: boolean;\n  hasBottomGap?: boolean;\n  isLoading?: boolean;\n};\n\nexport function DropdownList({\n  children,\n  id,\n  dropdownListRef,\n  hasTopGap = true,\n  hasBottomGap = true,\n  isLoading = false,\n  onKeyDown\n}: Props) {\n  const styleClasses = classNames([\n    dropdownStyles.list.base,\n    hasTopGap && dropdownStyles.list.topGap,\n    hasBottomGap && dropdownStyles.list.bottomGap,\n    isLoading && dropdownStyles.list.loading\n  ]);\n  return (\n    <CollectionInteractionContext.Provider value={'embedded'}>\n      <div\n        ref={dropdownListRef}\n        class={styleClasses}\n        id={id}\n        onMouseDown={preventDefaultForCurrentTarget}\n        onKeyDown={onKeyDown}>\n        {children}\n      </div>\n    </CollectionInteractionContext.Provider>\n  );\n}\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 { Text } from '#UNSAFE_Text';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { preventDefaultForCurrentTarget } from './eventUtils';\nimport { dropdownStyles } from './themes/dropdownStyles.css';\n\nexport function EmptyResults() {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  // call preventDefault for mousedown on this div so that focus does not transfer from\n  // the input\n  return (\n    <div class={dropdownStyles.results.extraItem} onMouseDown={preventDefaultForCurrentTarget}>\n      <Text variant=\"primary\">{translations.select_noMatchesFound()}</Text>\n    </div>\n  );\n}\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 type { DataState } from '#UNSAFE_Collection';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport type { Item } from '#utils/UNSAFE_dataProvider';\n\n/**\n * Helper function to determine whether the current device is a mobile device\n * @returns true if running on a mobile device, false otherwise\n */\nexport function isMobile() {\n  const deviceType = getClientHints().deviceType;\n  return deviceType === 'phone' || deviceType === 'tablet';\n}\n\n/**\n * Helper function to determine whether the current device is a phone\n * @returns true if running on a phone, false otherwise\n */\nexport function isPhone() {\n  return getClientHints().deviceType === 'phone';\n}\n\n/**\n * Helper function to determine whether the current device is a tablet\n * @returns true if running on a tablet, false otherwise\n */\nexport function isTablet() {\n  return getClientHints().deviceType === 'tablet';\n}\n\nexport function isBeforeDataFetch<K, D>(data: DataState<K, D>) {\n  return data.sizePrecision === 'atLeast' && data.totalSize === 0;\n}\n\nexport function isSearchTextEmptyOrUndefined(searchText?: string) {\n  return searchText === undefined || searchText.length === 0;\n}\n\nexport function isSearchClearedFirstTime(prevSearchText?: string, searchText?: string) {\n  return prevSearchText === undefined && searchText === '';\n}\n\n/**\n * Extract keys from a value items array.\n *\n * @param valueItems The value items from which the keys are to be extracted\n * @returns The set of keys\n */\nexport function createKeysFromValueItems<K, D>(valueItems?: Item<K, D>[]) {\n  const keys = valueItems?.reduce((accumKeys, currentItem) => {\n    accumKeys.add(currentItem.key);\n    return accumKeys;\n  }, new Set<K>());\n  return keys;\n}\n","import type { DataState } from '#UNSAFE_Collection';\nimport type { Item } from '#utils/UNSAFE_dataProvider';\nimport { useMemo } from 'preact/compat';\n\ntype Key = string | number;\ntype Data = Record<string, any>;\n\ntype UseCollectionRendererCommonParams<K> = {\n  currentKey?: K;\n  searchText?: string;\n  selectedKeys?: Set<K>;\n  onCurrentKeyChange: (detail: { value?: K }) => void;\n};\n\nexport type UseCollectionRendererSelectSingleParams<K, D> = UseCollectionRendererCommonParams<K> & {\n  onItemAction: (detail: { context: Item<K, D> }) => void;\n  onSelectedKeysChange?: never;\n  selectedOnlyData?: never;\n};\n\nexport type UseCollectionRendererSelectMultipleParams<K, D> =\n  UseCollectionRendererCommonParams<K> & {\n    onItemAction?: never;\n    onSelectedKeysChange: (detail: { value: Set<K> }) => void;\n    selectedOnlyData?: DataState<K, D>;\n  };\n\ntype UseCollectionRendererParams<K, D> =\n  | UseCollectionRendererSelectSingleParams<K, D>\n  | UseCollectionRendererSelectMultipleParams<K, D>;\n\ntype CommonCollectionRendererContext<K extends Key> = {\n  searchText?: string;\n  currentRowKeyOverride?: K;\n  onPersistCurrentRowKey: (detail: { value?: K }) => void;\n  selected?: Set<K>;\n};\n\nexport type SelectSingleCollectionRendererContext<\n  K extends Key,\n  D extends Data\n> = CommonCollectionRendererContext<K> & {\n  onRowAction: (detail: { context: Item<K, D> }) => void;\n};\n\nexport type SelectMultipleCollectionRendererContext<\n  K extends Key,\n  D extends Data\n> = CommonCollectionRendererContext<K> & {\n  onSelectedChange: (detail: { value: Set<K> }) => void;\n  selectedOnlyData?: DataState<K, D>;\n};\n\ntype CollectionRendererContext<K extends Key, D extends Data> =\n  | SelectSingleCollectionRendererContext<K, D>\n  | SelectMultipleCollectionRendererContext<K, D>;\n\n// NOTE: We will using a single hook that constructs the collection renderer context for both select single and\n// select multiple. This is ok as they both share most of the properties and differ only in a few areas. So, we will\n// be using function overloading to determine which component is calling the hook (based on the args) and return the\n// correct context.\n\n/**\n * A custom hook that constructs the context for SelectSingle's collectionRenderer.\n * @param params Parameters for constructing the collection renderer context\n * @returns the CollectionRendererContext object\n */\nexport function useCollectionRenderer<K extends Key, D extends Data>(\n  params: UseCollectionRendererSelectSingleParams<K, D>\n): SelectSingleCollectionRendererContext<K, D>;\n\n/**\n * A custom hook that constructs the context for SelectMultiple's collectionRenderer.\n * @param params Parameters for constructing the collection renderer context\n * @returns the CollectionRendererContext object\n */\nexport function useCollectionRenderer<K extends Key, D extends Data>(\n  params: UseCollectionRendererSelectMultipleParams<K, D>\n): SelectMultipleCollectionRendererContext<K, D>;\n\n/**\n * A custom hook that constructs the context for SelectSingle/SelectMultiple's collectionRenderer.\n * @param param0 Parameters for constructing the collection renderer context\n * @returns the CollectionRendererContext object\n */\nexport function useCollectionRenderer<K extends Key, D extends Data>({\n  currentKey,\n  onCurrentKeyChange,\n  onItemAction,\n  onSelectedKeysChange,\n  searchText,\n  selectedKeys,\n  selectedOnlyData\n}: UseCollectionRendererParams<K, D>) {\n  return useMemo<CollectionRendererContext<K, D>>(() => {\n    const common = {\n      searchText,\n      currentRowKeyOverride: currentKey,\n      onPersistCurrentRowKey: onCurrentKeyChange,\n      selected: selectedKeys\n    } satisfies CommonCollectionRendererContext<K>;\n\n    // If onItemAction is present, then we are constructing context for SelectSingle. So,\n    // return the context satisfying SelectSingleCollectionRendererContext type.\n    if (onItemAction !== undefined)\n      return {\n        ...common,\n        onRowAction: onItemAction\n      } satisfies SelectSingleCollectionRendererContext<K, D>;\n\n    // If onItemAction is not present, then we are constructing context for SelectMultiple. So,\n    // return the context satisfying SelectMultipleCollectionRendererContext type.\n    return {\n      ...common,\n      onSelectedChange: onSelectedKeysChange,\n      selectedOnlyData\n    } satisfies SelectMultipleCollectionRendererContext<K, D>;\n  }, [\n    currentKey,\n    onCurrentKeyChange,\n    onItemAction,\n    onSelectedKeysChange,\n    searchText,\n    selectedKeys,\n    selectedOnlyData\n  ]);\n}\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 type { RefObject } from 'preact';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\n\nimport type { DataState } from '#UNSAFE_Collection';\nimport type { PositionData } from '#UNSAFE_Floating';\nimport { KEYS, isControlOrFunctionKey } from '#utils/PRIVATE_keyboardUtils';\nimport { allTabbableElements } from '#utils/PRIVATE_tabbableUtils';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { isSimpleClick } from './eventUtils';\n\ntype UseSelectCommonProps<K, D> = {\n  data?: DataState<K, D> | null;\n  inputRef: RefObject<HTMLElement>;\n  isFocused?: boolean;\n  onFilter?: ({ searchText }: { searchText?: string }) => void;\n};\n\nexport type CurrentKeyDetail<K> = {\n  value?: K;\n};\n\n/**\n * Hook that manages state and behavior for a Select* component.  This hook creates state\n * variables and event listeners, returning properties to apply to components internally\n * rendered by a Select* component, as well as state information.\n *\n * @param data Specifies data for the dropdown list.\n * @param inputRef Ref to the input element.\n * @param isFocused Specifies whether the component has focus.\n * @param onFilter Callback function to trigger loading data for the dropdown list,\n * which may or may not be filtered by user entered text.\n *\n * @returns Component state and event listeners.\n */\nexport function useSelectCommon<K, D>({\n  data,\n  inputRef,\n  isFocused,\n  onFilter\n}: UseSelectCommonProps<K, D>) {\n  const mainFieldRef = useRef<HTMLDivElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const [isDropdownOpen, setDropdownOpen] = useState(false);\n  const [isDropdownAbove, setDropdownAbove] = useState(false);\n\n  // We only need to push currentRow when we need to override the\n  // current row, like when the dropdown is opened and we want to set the initial\n  // focused row or when filtering and we want to focus the first row.\n  const [currentRowOverride, _setCurrentRowOverride] = useState<{ rowKey?: K }>({\n    rowKey: undefined\n  });\n  // We still need information on what the current row actually is, but we do not need\n  // to react to it until certain scenarios like pressing Tab from the dropdown. So, we\n  // just store this in a ref.\n  const currentRowKeyRef = useRef<K>();\n  // When we want to update the currentRowOverride, we also want to keep the currentRowKeyRef\n  // in sync as the collection will not call onChanged for this change.\n  const setCurrentRowOverride = useCallback((currentRow: { rowKey?: K }) => {\n    currentRowKeyRef.current = currentRow.rowKey;\n    _setCurrentRowOverride(currentRow);\n  }, []);\n  const [isUserFiltering, setUserFiltering] = useState(false);\n  const [userInput, setUserInput] = useState<string>();\n  const [searchText, setSearchText] = useState<string>();\n\n  const [prevIsDropdownOpen, setPrevIsDropdownOpen] = useState(isDropdownOpen);\n  const [prevIsFocused, setPrevIsFocused] = useState(isFocused);\n  const [prevIsUserFiltering, setPrevIsUserFiltering] = useState(isUserFiltering);\n\n  const onMouseDown = useCallback(\n    (event: MouseEvent) => {\n      // const target = event.target as HTMLElement;\n      if (event.defaultPrevented || !isSimpleClick(event)) {\n        return;\n      }\n      if (!isDropdownOpen) {\n        setDropdownOpen(true);\n      }\n      // this is needed to focus the input when clicking on the inside label when there is no\n      // value;  otherwise the component looks focused but doesn't actually have physical focus\n      setTimeout(function () {\n        inputRef.current?.focus();\n      }, 0);\n    },\n    [inputRef, isDropdownOpen]\n  );\n\n  const handleDropdownArrowClick = useCallback(() => {\n    setDropdownOpen(!isDropdownOpen);\n\n    // focus the input so that if the user Tabs afterwards, it loses focus and the dropdown closes\n    inputRef.current?.focus();\n  }, [inputRef, isDropdownOpen]);\n\n  const handleDropdownAutoDismiss = useCallback(\n    (event?: Event) => {\n      if (isDropdownOpen) {\n        setDropdownOpen(false);\n\n        switch (event?.type) {\n          case 'keydown': {\n            const keyboardEvent = event as KeyboardEvent;\n            switch (keyboardEvent.code) {\n              case KEYS.ESC:\n                // focus the input when the user cancels out of the dropdown\n                inputRef.current?.focus();\n                break;\n              default:\n                break;\n            }\n            break;\n          }\n          case 'mousedown':\n            // if focus is in the dropdown, focus the input before the dropdown is hidden so that\n            // focus will transfer correctly when the target is not focusable;\n            // otherwise the text cursor appears in the input again\n            if (dropdownRef.current?.contains(document.activeElement)) {\n              inputRef.current?.focus();\n            }\n            break;\n          default:\n            break;\n        }\n      }\n    },\n    [inputRef, isDropdownOpen]\n  );\n\n  const handleDropdownPosition = useCallback((data: PositionData) => {\n    setDropdownAbove(data.placement.startsWith('top'));\n  }, []);\n\n  const getDropdownTabbableElems = useCallback(() => {\n    return isDropdownOpen && dropdownRef.current\n      ? allTabbableElements(dropdownRef.current)\n      : undefined;\n  }, [isDropdownOpen]);\n\n  const handleUpDownArrowKeys = useCallback(\n    (event: KeyboardEvent) => {\n      if (!isDropdownOpen) {\n        setDropdownOpen(true);\n      } else {\n        // JET-64909 - focus / 'current' dropped when arrow keying during loading\n        // Transfer physical focus into the dropdown only if the data is present and the dropdown\n        // has rendered the data. Otherwise, keep the focus in the field.\n        if (data != null) {\n          const tabbableElems = getDropdownTabbableElems();\n          tabbableElems?.[0]?.focus();\n\n          // if there is no current item set, make the first item current\n          if (currentRowOverride.rowKey === undefined) {\n            setCurrentRowOverride({ rowKey: data.data[0]?.metadata?.key });\n          }\n        }\n      }\n\n      // prevent the page from scrolling\n      event.preventDefault();\n    },\n    [currentRowOverride, data, getDropdownTabbableElems, isDropdownOpen, setCurrentRowOverride]\n  );\n\n  const handleMainFieldKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      // const target = event.target as HTMLElement;\n      // ignore control key and function key\n      if (isControlOrFunctionKey(event)) {\n        return;\n      }\n\n      switch (event.code) {\n        case KEYS.PAGE_UP:\n        case KEYS.PAGE_DOWN:\n          // prevent the page from scrolling\n          event.preventDefault();\n\n          return;\n\n        case KEYS.UP:\n        case KEYS.DOWN:\n          // prevent the page from scrolling\n          event.preventDefault();\n          break;\n\n        case KEYS.ESC:\n          if (isDropdownOpen) {\n            setDropdownOpen(false);\n\n            event.preventDefault();\n\n            // JET-53183 - core pack compat: stop propagation of handled events\n            // we don't want a parent collection component to stop editing the row when we close\n            // the dropdown\n            event.stopPropagation();\n          }\n          break;\n\n        default:\n          break;\n      }\n    },\n    [isDropdownOpen]\n  );\n\n  const handleMainFieldKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      // ignore control key and function key\n      if (isControlOrFunctionKey(event)) {\n        return;\n      }\n\n      switch (event.code) {\n        case KEYS.UP:\n        case KEYS.DOWN:\n          handleUpDownArrowKeys(event);\n          break;\n\n        default:\n          break;\n      }\n    },\n    [handleUpDownArrowKeys]\n  );\n\n  const handleInput = useCallback(\n    (detail: ValueUpdateDetail<string>) => {\n      if (!isDropdownOpen) {\n        setDropdownOpen(true);\n      }\n      setUserFiltering(true);\n      setUserInput(detail.value);\n      const str = detail.value;\n      setSearchText(str);\n      onFilter?.({ searchText: str });\n    },\n    [isDropdownOpen, onFilter]\n  );\n\n  const onCurrentKeyChange = useCallback((detail: CurrentKeyDetail<K>) => {\n    // when the collection changes the current key, we only want to store the information\n    // and not do anything.\n    currentRowKeyRef.current = detail.value;\n  }, []);\n\n  const stopFiltering = useCallback(() => {\n    setUserFiltering(false);\n    setUserInput('');\n    // Set this to `undefined` as this represents the initial state.\n    // We need to do this for select-single as we need to highlight different\n    // rows based on whether it is the initial dropdown navigation or empty filter navigation.\n    setSearchText(undefined);\n  }, []);\n\n  const updateFiltering = useCallback((value?: string) => {\n    setUserFiltering(true);\n    setUserInput(value);\n    setSearchText(value);\n  }, []);\n\n  // the user is not actively filtering if the dropdown is closed and the component doesn't\n  // have focus\n  if (\n    prevIsDropdownOpen !== isDropdownOpen ||\n    prevIsFocused !== isFocused ||\n    prevIsUserFiltering !== isUserFiltering\n  ) {\n    if (!isDropdownOpen && !isFocused && isUserFiltering) {\n      stopFiltering();\n    }\n  }\n\n  // need to call onFilter with undefined searchText when the dropdown opens and the\n  // user is NOT filtering\n  useEffect(() => {\n    if (isDropdownOpen && !isUserFiltering) {\n      onFilter?.({ searchText: undefined });\n    }\n  }, [isDropdownOpen, isUserFiltering, onFilter]);\n\n  // when the dropdown closes, reset the isDropdownAbove flag\n  if (prevIsDropdownOpen !== isDropdownOpen) {\n    if (!isDropdownOpen) {\n      setDropdownAbove(false);\n    }\n    setPrevIsDropdownOpen(isDropdownOpen);\n  }\n\n  if (prevIsFocused !== isFocused) {\n    setPrevIsFocused(isFocused);\n  }\n  if (prevIsUserFiltering !== isUserFiltering) {\n    setPrevIsUserFiltering(isUserFiltering);\n  }\n\n  return {\n    currentRowKeyRef,\n    currentRowOverride,\n    dropdownRef,\n    getDropdownTabbableElems,\n    handleDropdownArrowClick,\n    handleDropdownAutoDismiss,\n    handleDropdownPosition,\n    handleInput,\n    handleMainFieldKeyDown,\n    handleMainFieldKeyUp,\n    handleUpDownArrowKeys,\n    isDropdownAbove,\n    isDropdownOpen,\n    // the field should remain to look focused while the dropdown is open,\n    // in case physical focus is in the dropdown\n    isFocused: isFocused || isDropdownOpen,\n    isUserFiltering,\n    mainFieldRef,\n    onCurrentKeyChange,\n    onMouseDown,\n    searchText,\n    setCurrentRowOverride,\n    setDropdownOpen,\n    setUserInput,\n    stopFiltering,\n    updateFiltering,\n    userInput\n  };\n}\n"],"names":["error","useCallback","_jsxs","Flex","_jsx","dropdownStyles","ListItemText","HighlightText","useMemo","List","useComponentTheme","ButtonLabelLayoutRedwoodTheme","BaseButtonRedwoodTheme","usePress","classNames","useTestId","DropdownArrowIcon","CollectionInteractionContext","useTranslationBundle","Text","getClientHints","useRef","useState","KEYS","allTabbableElements","isControlOrFunctionKey","useEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAMG;SAQa,cAAc,CAC5B,IAAgB,EAChB,QAA4B,EAC5B,aAA4B,EAAA;;;AAI5B,IAAA,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE;;;;;AAKhC,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;AAC3B,QAAA,IAAI,QAAQ,IAAI,IAAI,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAAE;AAChF,YAAA,MAAM,OAAO,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;AACnC,YAAA,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC;SACxB;AACD,QAAAA,YAAK,CAAC,CAAG,EAAA,aAAa,mDAAmD,QAAQ,CAAA,CAAE,CAAC,CAAC;;AAErF,QAAA,OAAO,SAAS,CAAC;KAClB;;AAED,IAAA,OAAQ,QAAuC,CAAC,IAAI,CAAC,CAAC;AACxD;;AC6BA,MAAM,IAAI,GAAG,MAAK,GAAG,CAAC;AAEN,SAAA,WAAW,CAA2D,EACpF,YAAY,EAAE,SAAS,EACvB,aAAa,EACb,kBAAkB,EAClB,UAAU,EACV,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,WAAW,GAAG,IAAI,EAClB,iBAAiB,EACjB,UAAU,EACV,YAAY,EACZ,aAAa,EACD,EAAA;AACZ,IAAA,MAAM,gBAAgB,GAAGC,iBAAW,CAClC,CAAC,eAA8C,KAAI;;;;AAIjD,QAAA,MAAM,iBAAiB,GAA4B;YACjD,IAAI,EAAE,eAAe,CAAC,IAAI;YAC1B,KAAK,EAAE,eAAe,CAAC,KAAK;YAC5B,QAAQ,EAAE,eAAe,CAAC,QAAQ;YAClC,QAAQ,EAAE,eAAe,CAAC,QAAQ;YAClC,UAAU;YACV,YAAY;AACZ,YAAA,iBAAiB,EAAE,CAAC,EAAE,KAAK,EAAE,KAAI;AAC/B,gBAAA,iBAAiB,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC;aAChC;SACF,CAAC;AACF,QAAA,MAAM,WAAW,GAAG;YAClB,IAAI,EAAE,eAAe,CAAC,IAAI;AAC1B,YAAA,GAAG,EAAE,eAAe,CAAC,QAAQ,CAAC,GAAG;YACjC,QAAQ,EAAE,eAAe,CAAC,QAAQ;SACnC,CAAC;QACF,OAAO,YAAY,IACjB,YAAY,CAAC,iBAAiB,CAAC,KAE/BC,eAAC,CAAAC,SAAI,IAAC,KAAK,EAAC,QAAQ,EACjB,QAAA,EAAA,CAAA,eAAe,CAAC,QAAQ,KACvBC,cAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAEC,6DAAc,CAAC,eAAe,EAAG,QAAA,EAAA,eAAe,CAAC,QAAQ,EAAE,GAAO,CAC/E,EACDD,wBACE,KAAK,EACH,aAAa,KAAK,QAAQ;0BACtBC,6DAAc,CAAC,gBAAgB;AACjC,0BAAEA,6DAAc,CAAC,eAAe,YAEpCD,cAAC,CAAAE,yBAAY,EAAC,EAAA,OAAO,EAAC,SAAS,EAC7B,QAAA,EAAAF,cAAA,CAACG,2BAAa,EAAC,EAAA,SAAS,EAAE,UAAU,EACjC,QAAA,EAAA,cAAc,CAAC,WAAW,EAAE,QAAQ,EAAE,aAAa,CAAW,EACjD,CAAA,EAAA,CACH,EACX,CAAA,CAAA,EAAA,CACD,CACR,CAAC;AACJ,KAAC,EACD;QACE,aAAa;QACb,YAAY;QACZ,QAAQ;QACR,iBAAiB;QACjB,UAAU;QACV,YAAY;QACZ,aAAa;AACd,KAAA,CACF,CAAC;AAEF,IAAA,MAAM,IAAI,GAAGC,aAAO,CAAC,MAAK;AACxB,QAAA,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,YAAY,IAAI,IAAI,GAAG,EAAK,EAAE,CAAC;AAC5D,KAAC,EAAE,CAAC,YAAY,CAAC,CAAY,CAAC;AAE9B,IAAA,MAAM,mBAAmB,GAAGA,aAAO,CACjC,OAAO,UAAU,KAAK,SAAS,GAAG,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,SAAS,CAAC,EACrE,CAAC,UAAU,CAAC,CACb,CAAC;AACF,IAAA,MAAM,gBAAgB,GAAGP,iBAAW,CAClC,CAAC,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,KAAI;AAClC,QAAA,YAAY,GAAG,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC;AACrE,KAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAC;IACF,MAAM,qBAAqB,GAAGA,iBAAW,CACvC,CAAC,EAAE,KAAK,EAAE,KAAI;AACZ,QAAA,iBAAiB,GAAG,EAAE,KAAK,EAAE,IAAI,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC;AAChE,KAAC,EACD,CAAC,iBAAiB,CAAC,CACpB,CAAC;AAEF,IAAA,QACEG,cAAA,CAACK,SAAI,EAAA,EAAA,YAAA,EACS,SAAS,EACrB,iBAAiB,EAAE,KAAK,EACxB,kBAAkB,EAAE,kBAAkB,EACtC,mBAAmB,EAAE,mBAAmB,EACxC,IAAI,EAAE,IAAI,IAAI,IAAI,EAClB,oBAAoB,EAAE,kBAAkB,EACxC,YAAY,EAAE,gBAAgB,EAC9B,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,qBAAqB,EACxC,IAAI,EAAC,SAAS,EACd,YAAY,EAAE,IAAI,EAClB,aAAa,EAAE,aAAa,EAAA,QAAA,EAC3B,CAAC,OAAsC,KAAK,gBAAgB,CAAC,OAAO,CAAC,EAAA,CACjE,EACP;AACJ;;AChLa,MAAA,aAAa,GAAG,CAAC,KAAiB,KAAI;IACjD,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;AAC9C,EAAE;AAEW,MAAA,cAAc,GAAG,CAAC,KAAY,KAAI;IAC7C,KAAK,CAAC,cAAc,EAAE,CAAC;AACzB,EAAE;AAEW,MAAA,8BAA8B,GAAG,CAAC,KAAiB,KAAI;IAClE,IAAI,KAAK,CAAC,aAAa,KAAK,KAAK,CAAC,MAAM,EAAE;QACxC,KAAK,CAAC,cAAc,EAAE,CAAC;KACxB;AACH;;ACYA,MAAM,IAAI,GAAG,MAAK,GAAG,CAAC;AAEhB,SAAU,aAAa,CAAC,EAAE,UAAU,GAAG,KAAK,EAAE,OAAO,EAAE,MAAM,EAAS,EAAA;AAC1E,IAAA,MAAM,EAAE,OAAO,EAAE,GAAGC,mCAAiB,CACnCC,4FAA6B,EAC7B,EAAE,IAAI,EAAE,IAAI,EAAE,CACf,CAAC;IACF,MAAM,EAAE,SAAS,EAAE,GAAGD,mCAAiB,CAACE,uEAAsB,CAAC,CAAC;AAEhE,IAAA,MAAM,cAAc,GAAGX,iBAAW,CAAC,CAAC,KAAY,KAAI;QAClD,KAAK,CAAC,cAAc,EAAE,CAAC;KACxB,EAAE,EAAE,CAAC,CAAC;AACP,IAAA,MAAM,EAAE,UAAU,EAAE,GAAGY,iBAAQ,CAAC,OAAO,IAAI,IAAI,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC;;IAGjE,MAAM,YAAY,GAAGC,qBAAU,CAAC;QAC9B,OAAO;QACP,SAAS;QACTT,6DAAc,CAAC,KAAK,CAAC,IAAI;AACzB,QAAA,UAAU,GAAGA,6DAAc,CAAC,KAAK,CAAC,QAAQ,GAAGA,6DAAc,CAAC,KAAK,CAAC,OAAO;AAC1E,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,WAAW,GAAGU,mBAAS,CAAC,MAAM,CAAC,CAAC;IAEtC,QACEX,cACc,CAAA,MAAA,EAAA,EAAA,aAAA,EAAA,MAAM,EAClB,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,CAAC,CAAC,EACZ,WAAW,EAAE,cAAc,EACvB,GAAA,WAAW,EACX,GAAA,UAAU,EACd,QAAA,EAAAA,cAAA,CAACY,sBAAiB,EAAA,EAAA,CAAG,EAChB,CAAA,EACP;AACJ;;ACpCM,SAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,EAAE,EACF,eAAe,EACf,SAAS,GAAG,IAAI,EAChB,YAAY,GAAG,IAAI,EACnB,SAAS,GAAG,KAAK,EACjB,SAAS,EACH,EAAA;IACN,MAAM,YAAY,GAAGF,qBAAU,CAAC;QAC9BT,6DAAc,CAAC,IAAI,CAAC,IAAI;AACxB,QAAA,SAAS,IAAIA,6DAAc,CAAC,IAAI,CAAC,MAAM;AACvC,QAAA,YAAY,IAAIA,6DAAc,CAAC,IAAI,CAAC,SAAS;AAC7C,QAAA,SAAS,IAAIA,6DAAc,CAAC,IAAI,CAAC,OAAO;AACzC,KAAA,CAAC,CAAC;AACH,IAAA,QACED,cAAA,CAACa,yDAA4B,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,UAAU,YACtDb,cACE,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,eAAe,EACpB,KAAK,EAAE,YAAY,EACnB,EAAE,EAAE,EAAE,EACN,WAAW,EAAE,8BAA8B,EAC3C,SAAS,EAAE,SAAS,EACnB,QAAA,EAAA,QAAQ,EACL,CAAA,EAAA,CACgC,EACxC;AACJ;;SCpCgB,YAAY,GAAA;AAC1B,IAAA,MAAM,YAAY,GAAGc,yCAAoB,CAAa,0BAA0B,CAAC,CAAC;;;AAIlF,IAAA,QACEd,cAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAEC,6DAAc,CAAC,OAAO,CAAC,SAAS,EAAE,WAAW,EAAE,8BAA8B,EAAA,QAAA,EACvFD,cAAC,CAAAe,SAAI,EAAC,EAAA,OAAO,EAAC,SAAS,EAAE,QAAA,EAAA,YAAY,CAAC,qBAAqB,EAAE,EAAA,CAAQ,EACjE,CAAA,EACN;AACJ;;ACxBA;;;;;;AAMG;AAMH;;;AAGG;SACa,QAAQ,GAAA;AACtB,IAAA,MAAM,UAAU,GAAGC,0BAAc,EAAE,CAAC,UAAU,CAAC;AAC/C,IAAA,OAAO,UAAU,KAAK,OAAO,IAAI,UAAU,KAAK,QAAQ,CAAC;AAC3D,CAAC;AAED;;;AAGG;SACa,OAAO,GAAA;AACrB,IAAA,OAAOA,0BAAc,EAAE,CAAC,UAAU,KAAK,OAAO,CAAC;AACjD,CAAC;AAED;;;AAGG;SACa,QAAQ,GAAA;AACtB,IAAA,OAAOA,0BAAc,EAAE,CAAC,UAAU,KAAK,QAAQ,CAAC;AAClD,CAAC;AAEK,SAAU,iBAAiB,CAAO,IAAqB,EAAA;IAC3D,OAAO,IAAI,CAAC,aAAa,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,KAAK,CAAC,CAAC;AAClE,CAAC;AAEK,SAAU,4BAA4B,CAAC,UAAmB,EAAA;IAC9D,OAAO,UAAU,KAAK,SAAS,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,CAAC;AAC7D,CAAC;AAEe,SAAA,wBAAwB,CAAC,cAAuB,EAAE,UAAmB,EAAA;AACnF,IAAA,OAAO,cAAc,KAAK,SAAS,IAAI,UAAU,KAAK,EAAE,CAAC;AAC3D,CAAC;AAED;;;;;AAKG;AACG,SAAU,wBAAwB,CAAO,UAAyB,EAAA;IACtE,MAAM,IAAI,GAAG,UAAU,EAAE,MAAM,CAAC,CAAC,SAAS,EAAE,WAAW,KAAI;AACzD,QAAA,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;AAC/B,QAAA,OAAO,SAAS,CAAC;AACnB,KAAC,EAAE,IAAI,GAAG,EAAK,CAAC,CAAC;AACjB,IAAA,OAAO,IAAI,CAAC;AACd;;ACmBA;;;;AAIG;SACa,qBAAqB,CAAgC,EACnE,UAAU,EACV,kBAAkB,EAClB,YAAY,EACZ,oBAAoB,EACpB,UAAU,EACV,YAAY,EACZ,gBAAgB,EACkB,EAAA;IAClC,OAAOZ,cAAO,CAAkC,MAAK;AACnD,QAAA,MAAM,MAAM,GAAG;YACb,UAAU;AACV,YAAA,qBAAqB,EAAE,UAAU;AACjC,YAAA,sBAAsB,EAAE,kBAAkB;AAC1C,YAAA,QAAQ,EAAE,YAAY;SACsB,CAAC;;;QAI/C,IAAI,YAAY,KAAK,SAAS;YAC5B,OAAO;AACL,gBAAA,GAAG,MAAM;AACT,gBAAA,WAAW,EAAE,YAAY;aAC4B,CAAC;;;QAI1D,OAAO;AACL,YAAA,GAAG,MAAM;AACT,YAAA,gBAAgB,EAAE,oBAAoB;YACtC,gBAAgB;SACuC,CAAC;AAC5D,KAAC,EAAE;QACD,UAAU;QACV,kBAAkB;QAClB,YAAY;QACZ,oBAAoB;QACpB,UAAU;QACV,YAAY;QACZ,gBAAgB;AACjB,KAAA,CAAC,CAAC;AACL;;AC9HA;;;;;;AAMG;AAuBH;;;;;;;;;;;;AAYG;AACG,SAAU,eAAe,CAAO,EACpC,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,QAAQ,EACmB,EAAA;AAC3B,IAAA,MAAM,YAAY,GAAGa,YAAM,CAAiB,IAAI,CAAC,CAAC;AAClD,IAAA,MAAM,WAAW,GAAGA,YAAM,CAAiB,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,cAAc,EAAE,eAAe,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,CAAC,eAAe,EAAE,gBAAgB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAC;;;;AAK5D,IAAA,MAAM,CAAC,kBAAkB,EAAE,sBAAsB,CAAC,GAAGA,cAAQ,CAAiB;AAC5E,QAAA,MAAM,EAAE,SAAS;AAClB,KAAA,CAAC,CAAC;;;;AAIH,IAAA,MAAM,gBAAgB,GAAGD,YAAM,EAAK,CAAC;;;AAGrC,IAAA,MAAM,qBAAqB,GAAGpB,iBAAW,CAAC,CAAC,UAA0B,KAAI;AACvE,QAAA,gBAAgB,CAAC,OAAO,GAAG,UAAU,CAAC,MAAM,CAAC;QAC7C,sBAAsB,CAAC,UAAU,CAAC,CAAC;KACpC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,CAAC,eAAe,EAAE,gBAAgB,CAAC,GAAGqB,cAAQ,CAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAGA,cAAQ,EAAU,CAAC;IACrD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,EAAU,CAAC;IAEvD,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAGA,cAAQ,CAAC,cAAc,CAAC,CAAC;IAC7E,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGA,cAAQ,CAAC,SAAS,CAAC,CAAC;IAC9D,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAGA,cAAQ,CAAC,eAAe,CAAC,CAAC;AAEhF,IAAA,MAAM,WAAW,GAAGrB,iBAAW,CAC7B,CAAC,KAAiB,KAAI;;QAEpB,IAAI,KAAK,CAAC,gBAAgB,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE;YACnD,OAAO;SACR;QACD,IAAI,CAAC,cAAc,EAAE;YACnB,eAAe,CAAC,IAAI,CAAC,CAAC;SACvB;;;AAGD,QAAA,UAAU,CAAC,YAAA;AACT,YAAA,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;SAC3B,EAAE,CAAC,CAAC,CAAC;AACR,KAAC,EACD,CAAC,QAAQ,EAAE,cAAc,CAAC,CAC3B,CAAC;AAEF,IAAA,MAAM,wBAAwB,GAAGA,iBAAW,CAAC,MAAK;AAChD,QAAA,eAAe,CAAC,CAAC,cAAc,CAAC,CAAC;;AAGjC,QAAA,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;AAC5B,KAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC;AAE/B,IAAA,MAAM,yBAAyB,GAAGA,iBAAW,CAC3C,CAAC,KAAa,KAAI;QAChB,IAAI,cAAc,EAAE;YAClB,eAAe,CAAC,KAAK,CAAC,CAAC;AAEvB,YAAA,QAAQ,KAAK,EAAE,IAAI;gBACjB,KAAK,SAAS,EAAE;oBACd,MAAM,aAAa,GAAG,KAAsB,CAAC;AAC7C,oBAAA,QAAQ,aAAa,CAAC,IAAI;wBACxB,KAAKsB,kBAAI,CAAC,GAAG;;AAEX,4BAAA,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;4BAC1B,MAAM;qBAGT;oBACD,MAAM;iBACP;AACD,gBAAA,KAAK,WAAW;;;;oBAId,IAAI,WAAW,CAAC,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;AACzD,wBAAA,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;qBAC3B;oBACD,MAAM;aAGT;SACF;AACH,KAAC,EACD,CAAC,QAAQ,EAAE,cAAc,CAAC,CAC3B,CAAC;AAEF,IAAA,MAAM,sBAAsB,GAAGtB,iBAAW,CAAC,CAAC,IAAkB,KAAI;QAChE,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;KACpD,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,wBAAwB,GAAGA,iBAAW,CAAC,MAAK;AAChD,QAAA,OAAO,cAAc,IAAI,WAAW,CAAC,OAAO;AAC1C,cAAEuB,iCAAmB,CAAC,WAAW,CAAC,OAAO,CAAC;cACxC,SAAS,CAAC;AAChB,KAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;AAErB,IAAA,MAAM,qBAAqB,GAAGvB,iBAAW,CACvC,CAAC,KAAoB,KAAI;QACvB,IAAI,CAAC,cAAc,EAAE;YACnB,eAAe,CAAC,IAAI,CAAC,CAAC;SACvB;aAAM;;;;AAIL,YAAA,IAAI,IAAI,IAAI,IAAI,EAAE;AAChB,gBAAA,MAAM,aAAa,GAAG,wBAAwB,EAAE,CAAC;AACjD,gBAAA,aAAa,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;;AAG5B,gBAAA,IAAI,kBAAkB,CAAC,MAAM,KAAK,SAAS,EAAE;AAC3C,oBAAA,qBAAqB,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC;iBAChE;aACF;SACF;;QAGD,KAAK,CAAC,cAAc,EAAE,CAAC;AACzB,KAAC,EACD,CAAC,kBAAkB,EAAE,IAAI,EAAE,wBAAwB,EAAE,cAAc,EAAE,qBAAqB,CAAC,CAC5F,CAAC;AAEF,IAAA,MAAM,sBAAsB,GAAGA,iBAAW,CACxC,CAAC,KAAoB,KAAI;;;AAGvB,QAAA,IAAIwB,oCAAsB,CAAC,KAAK,CAAC,EAAE;YACjC,OAAO;SACR;AAED,QAAA,QAAQ,KAAK,CAAC,IAAI;YAChB,KAAKF,kBAAI,CAAC,OAAO,CAAC;YAClB,KAAKA,kBAAI,CAAC,SAAS;;gBAEjB,KAAK,CAAC,cAAc,EAAE,CAAC;gBAEvB,OAAO;YAET,KAAKA,kBAAI,CAAC,EAAE,CAAC;YACb,KAAKA,kBAAI,CAAC,IAAI;;gBAEZ,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,MAAM;YAER,KAAKA,kBAAI,CAAC,GAAG;gBACX,IAAI,cAAc,EAAE;oBAClB,eAAe,CAAC,KAAK,CAAC,CAAC;oBAEvB,KAAK,CAAC,cAAc,EAAE,CAAC;;;;oBAKvB,KAAK,CAAC,eAAe,EAAE,CAAC;iBACzB;gBACD,MAAM;SAIT;AACH,KAAC,EACD,CAAC,cAAc,CAAC,CACjB,CAAC;AAEF,IAAA,MAAM,oBAAoB,GAAGtB,iBAAW,CACtC,CAAC,KAAoB,KAAI;;AAEvB,QAAA,IAAIwB,oCAAsB,CAAC,KAAK,CAAC,EAAE;YACjC,OAAO;SACR;AAED,QAAA,QAAQ,KAAK,CAAC,IAAI;YAChB,KAAKF,kBAAI,CAAC,EAAE,CAAC;YACb,KAAKA,kBAAI,CAAC,IAAI;gBACZ,qBAAqB,CAAC,KAAK,CAAC,CAAC;gBAC7B,MAAM;SAIT;AACH,KAAC,EACD,CAAC,qBAAqB,CAAC,CACxB,CAAC;AAEF,IAAA,MAAM,WAAW,GAAGtB,iBAAW,CAC7B,CAAC,MAAiC,KAAI;QACpC,IAAI,CAAC,cAAc,EAAE;YACnB,eAAe,CAAC,IAAI,CAAC,CAAC;SACvB;QACD,gBAAgB,CAAC,IAAI,CAAC,CAAC;AACvB,QAAA,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAC3B,QAAA,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC;QACzB,aAAa,CAAC,GAAG,CAAC,CAAC;QACnB,QAAQ,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC;AAClC,KAAC,EACD,CAAC,cAAc,EAAE,QAAQ,CAAC,CAC3B,CAAC;AAEF,IAAA,MAAM,kBAAkB,GAAGA,iBAAW,CAAC,CAAC,MAA2B,KAAI;;;AAGrE,QAAA,gBAAgB,CAAC,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC;KACzC,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,aAAa,GAAGA,iBAAW,CAAC,MAAK;QACrC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACxB,YAAY,CAAC,EAAE,CAAC,CAAC;;;;QAIjB,aAAa,CAAC,SAAS,CAAC,CAAC;KAC1B,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,eAAe,GAAGA,iBAAW,CAAC,CAAC,KAAc,KAAI;QACrD,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACvB,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,aAAa,CAAC,KAAK,CAAC,CAAC;KACtB,EAAE,EAAE,CAAC,CAAC;;;IAIP,IACE,kBAAkB,KAAK,cAAc;AACrC,QAAA,aAAa,KAAK,SAAS;QAC3B,mBAAmB,KAAK,eAAe,EACvC;QACA,IAAI,CAAC,cAAc,IAAI,CAAC,SAAS,IAAI,eAAe,EAAE;AACpD,YAAA,aAAa,EAAE,CAAC;SACjB;KACF;;;IAIDyB,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,cAAc,IAAI,CAAC,eAAe,EAAE;YACtC,QAAQ,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,CAAC;SACvC;KACF,EAAE,CAAC,cAAc,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC;;AAGhD,IAAA,IAAI,kBAAkB,KAAK,cAAc,EAAE;QACzC,IAAI,CAAC,cAAc,EAAE;YACnB,gBAAgB,CAAC,KAAK,CAAC,CAAC;SACzB;QACD,qBAAqB,CAAC,cAAc,CAAC,CAAC;KACvC;AAED,IAAA,IAAI,aAAa,KAAK,SAAS,EAAE;QAC/B,gBAAgB,CAAC,SAAS,CAAC,CAAC;KAC7B;AACD,IAAA,IAAI,mBAAmB,KAAK,eAAe,EAAE;QAC3C,sBAAsB,CAAC,eAAe,CAAC,CAAC;KACzC;IAED,OAAO;QACL,gBAAgB;QAChB,kBAAkB;QAClB,WAAW;QACX,wBAAwB;QACxB,wBAAwB;QACxB,yBAAyB;QACzB,sBAAsB;QACtB,WAAW;QACX,sBAAsB;QACtB,oBAAoB;QACpB,qBAAqB;QACrB,eAAe;QACf,cAAc;;;QAGd,SAAS,EAAE,SAAS,IAAI,cAAc;QACtC,eAAe;QACf,YAAY;QACZ,kBAAkB;QAClB,WAAW;QACX,UAAU;QACV,qBAAqB;QACrB,eAAe;QACf,YAAY;QACZ,aAAa;QACb,eAAe;QACf,SAAS;KACV,CAAC;AACJ;;;;;;;;;;;;;;;;;;;;"}

package/es/{BaseButton-243d200f.js → BaseButton-41068c85.js}

@@ -3,7 +3,7 @@ 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-67245285.js';
+import { u as useColorScheme } from './useColorScheme-c4f6caab.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { d as dimensionInterpolations } from './dimensions-e4fbc23d.js';
 import { m as mergeInterpolations } from './mergeInterpolations-30cd9a69.js';
@@ -81,4 +81,4 @@ const BaseButton = forwardRef(({ variant, isReadOnly = false, isDisabled = false
 BaseButton.displayName = 'BaseButton';
 
 export { BaseButton as B };
-//# sourceMappingURL=BaseButton-243d200f.js.map
+//# sourceMappingURL=BaseButton-41068c85.js.map