@oracle/oraclejet-preact 18.1.4 → 18.1.6

package/cjs/useVisDragModeControls-d3a7aa57.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVisDragModeControls-d3a7aa57.js","sources":["../../src/hooks/PRIVATE_useVisDragModeControls/util.ts","../../src/hooks/PRIVATE_useVisDragModeControls/VisDragModeControls.tsx","../../src/hooks/PRIVATE_useVisDragModeControls/useVisDragModeControls.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\n/**\n * Returns the dragMode during initial render or when dragMode props\n * change (i.e when user hasn't selected yet) based on available dragModes.\n */\nexport function getInitialDragMode(\n  dragMode: 'pan' | 'user' | 'zoom' | 'select' | 'off' | undefined,\n  showPanButton: boolean,\n  showZoomButton: boolean,\n  showSelectButton: boolean\n) {\n  return showPanButton && (dragMode === 'pan' || dragMode === 'user')\n    ? 'pan'\n    : showZoomButton && dragMode === 'zoom'\n    ? 'zoom'\n    : showSelectButton && dragMode === 'select'\n    ? 'select'\n    : undefined;\n}\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 { Ref } from 'preact';\nimport { ChartMarqueeSelectIcon } from '#PRIVATE_ThemedIcons/ChartMarqueeSelectIcon';\nimport { ChartPanIcon } from '#PRIVATE_ThemedIcons/ChartPanIcon';\nimport { styles } from './themes/useVisDragModeControls.css';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { ChartZoomIcon } from '#PRIVATE_ThemedIcons/ChartZoomIcon';\nimport { ButtonSetSingle } from '#UNSAFE_ButtonSetSingle';\nimport { ButtonSetItem } from '#UNSAFE_ButtonSetItem';\nimport { IconToggleButton } from '#UNSAFE_IconToggleButton';\n\ntype Props = {\n  divRef: Ref<HTMLDivElement>;\n  position: {\n    top?: string;\n    bottom?: string;\n    right?: string;\n    left?: string;\n  };\n  dragMode?: 'select' | 'zoom' | 'pan';\n  showZoomButton: boolean;\n  showPanButton: boolean;\n  showSelectButton: boolean;\n  onDragModeChange: (mode?: 'select' | 'zoom' | 'pan') => void;\n};\n\nexport function VisDragModeControls({\n  position,\n  divRef,\n  dragMode,\n  onDragModeChange,\n  showZoomButton,\n  showPanButton,\n  showSelectButton\n}: Props) {\n  const { right, left, top, bottom } = position;\n  const onButtonAction = ({ value }: { value: 'zoom' | 'pan' | 'select' }) => {\n    onDragModeChange(value === dragMode ? undefined : value);\n  };\n\n  const showOnlyOne =\n    (showPanButton && !showSelectButton && !showZoomButton) ||\n    (!showPanButton && !showSelectButton && showZoomButton) ||\n    (!showPanButton && showSelectButton && !showZoomButton);\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const zoomAriaLabel = translations.vis_marqueeZoomTooltip();\n  const panAriaLabel = translations.vis_panTooltip();\n  const selectAriaLabel = translations.vis_marqueeSelectTooltip();\n  return showZoomButton || showPanButton || showSelectButton ? (\n    <div\n      ref={divRef}\n      class={styles.background}\n      data-oj-private-object=\"dragModeControls\"\n      style={{\n        right,\n        left,\n        top,\n        bottom\n      }}>\n      {!showOnlyOne ? (\n        <ButtonSetSingle\n          size=\"sm\"\n          value={dragMode}\n          onCommit={onButtonAction as (detail: { value?: string }) => void}\n          display=\"icons\"\n          variant=\"outlined\">\n          {showPanButton && (\n            <ButtonSetItem\n              value=\"pan\"\n              label={panAriaLabel}\n              startIcon={<ChartPanIcon />}></ButtonSetItem>\n          )}\n          {showZoomButton && (\n            <ButtonSetItem\n              value=\"zoom\"\n              label={zoomAriaLabel}\n              startIcon={<ChartZoomIcon />}></ButtonSetItem>\n          )}\n          {showSelectButton && (\n            <ButtonSetItem\n              value=\"select\"\n              label={selectAriaLabel}\n              startIcon={<ChartMarqueeSelectIcon />}></ButtonSetItem>\n          )}\n        </ButtonSetSingle>\n      ) : (\n        <>\n          {showPanButton && (\n            <IconToggleButton\n              accessibleLabel={panAriaLabel}\n              isSelected={dragMode === 'pan'}\n              onToggle={() => {\n                onDragModeChange(dragMode === 'pan' ? undefined : 'pan');\n              }}\n              variant=\"outlined\"\n              size=\"sm\">\n              <ChartPanIcon />\n            </IconToggleButton>\n          )}\n          {showZoomButton && (\n            <IconToggleButton\n              accessibleLabel={zoomAriaLabel}\n              isSelected={dragMode === 'zoom'}\n              onToggle={() => {\n                onDragModeChange(dragMode === 'zoom' ? undefined : 'zoom');\n              }}\n              variant=\"outlined\"\n              size=\"sm\">\n              <ChartZoomIcon />\n            </IconToggleButton>\n          )}\n          {showSelectButton && (\n            <IconToggleButton\n              accessibleLabel={selectAriaLabel}\n              isSelected={dragMode === 'select'}\n              onToggle={() => {\n                onDragModeChange(dragMode === 'select' ? undefined : 'select');\n              }}\n              variant=\"outlined\"\n              size=\"sm\">\n              <ChartMarqueeSelectIcon />\n            </IconToggleButton>\n          )}\n        </>\n      )}\n    </div>\n  ) : null;\n}\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 { useEffect, useRef, useState } from 'preact/hooks';\nimport { getInitialDragMode } from './util';\nimport { VisDragModeControls } from './VisDragModeControls';\nimport { Dimension } from '#utils/UNSAFE_visTypes/common';\n\ntype Props = {\n  plotAreaSpace: Dimension;\n  componentWidth: number;\n  isRtl: boolean;\n  showPanButton: boolean;\n  showZoomButton: boolean;\n  showSelectButton: boolean;\n  isDisabled?: boolean;\n  dragMode?: 'zoom' | 'pan' | 'user' | 'select' | 'off';\n};\n\nexport function useVisDragModeControls({\n  componentWidth,\n  plotAreaSpace,\n  isRtl,\n  showPanButton,\n  showZoomButton,\n  showSelectButton,\n  isDisabled = false,\n  dragMode\n}: Props) {\n  const dragButtonDivRef = useRef<HTMLDivElement>(null);\n  const originalDragModeRef = useRef<'select' | 'zoom' | 'pan' | 'off' | 'user' | undefined>(dragMode);\n\n  const isInitialRenderRef = useRef(true);\n  useEffect(() => {\n    isInitialRenderRef.current = false;\n  }, []);\n\n  const [userDragMode, setUserDragMode] = useState<'select' | 'zoom' | 'pan' | undefined>();\n  const initialSelection = getInitialDragMode(\n    dragMode,\n    showPanButton,\n    showZoomButton,\n    showSelectButton\n  );\n\n  const dragModeChanged = originalDragModeRef.current != dragMode;\n\n  if (dragModeChanged || isInitialRenderRef.current) {\n    originalDragModeRef.current = dragMode;\n    setUserDragMode(initialSelection);\n  }\n\n  const toggleButtonContent = isDisabled ? undefined : (\n    <VisDragModeControls\n      position={{\n        top: `${plotAreaSpace.y}px`,\n        right: isRtl ? undefined : `${componentWidth - plotAreaSpace.x - plotAreaSpace.width}px`,\n        left: isRtl ? `${plotAreaSpace.x}px` : undefined\n      }}\n      divRef={dragButtonDivRef}\n      showSelectButton={showSelectButton}\n      showZoomButton={showZoomButton}\n      showPanButton={showPanButton}\n      dragMode={userDragMode}\n      onDragModeChange={setUserDragMode}\n    />\n  );\n\n  return {\n    dragButtonDivRef: dragButtonDivRef,\n    toggleButtonContent: toggleButtonContent,\n    userDragMode\n  };\n}\n"],"names":["useTranslationBundle","_jsx","styles","_jsxs","ButtonSetSingle","ButtonSetItem","ChartPanIcon","ChartZoomIcon","ChartMarqueeSelectIcon","_Fragment","IconToggleButton","useRef","useEffect","useState"],"mappings":"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"}

package/es/ActionCard-bac27bb9.js

@@ -4,7 +4,7 @@ import { forwardRef } from 'preact/compat';
 import { u as useActionable } from './useActionable-2e7adacf.js';
 import './TabbableModeContext-7d8ad946.js';
 import { u as useTabbableMode } from './useTabbableMode-a3a351d0.js';
-import { S as StyledCard } from './StyledCard-362bd74b.js';
+import { S as StyledCard } from './StyledCard-c8d9836f.js';
 
 /**
  * An action card is a container that renders a group of related information in a styled rectangular area, provides enhanced styling for hover and focus states, and invokes an action event when clicked.

package/es/BarChart-43dec3b7.js

@@ -0,0 +1,179 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsx, Fragment } from 'preact/jsx-runtime';
+import { B as BarGroup, g as getBarGapRatio, a as getBarPosition, b as getSeriesOffsetAndWidth, c as getBarCenterCoordinate } from './BarGroup-dbf70e2c.js';
+import { u as useUser } from './useUser-6b2e271a.js';
+import { h as findNearestDataPoint } from './layoutUtils-5d62f2b4.js';
+import { g as getNextItemInSeries, a as getPrevItemInSeries, b as getPrevItemInGroup, c as getNextItemInGroup, d as getItemColor } from './dataStyleUtils-1e980302.js';
+import { C as Chart } from './Chart-4ec13697.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
+ */
+/**
+ * Get next item in unstacked bar chart.
+ * @param info
+ * @param viewportEndIndex
+ * @param numSeries
+ * @param isNavigable
+ * @returns
+ */
+function getNextItem(info, viewportEndIndex, numSeries, isNavigable) {
+    const nextItemInGroup = getNextItemInGroup(info, numSeries, isNavigable);
+    if (nextItemInGroup)
+        return nextItemInGroup;
+    if (info.groupIndex < viewportEndIndex) {
+        let nextItem = { seriesIndex: 0, groupIndex: info.groupIndex + 1 };
+        if (isNavigable(nextItem.seriesIndex, nextItem.groupIndex))
+            return nextItem;
+        nextItem = getNextItem(nextItem, viewportEndIndex, numSeries, isNavigable);
+        if (nextItem)
+            return nextItem;
+    }
+    return info;
+}
+/**
+ * Get prev item in unstacked bar chart.
+ * @param info
+ * @param viewportStartIndex
+ * @param numSeries
+ * @param isNavigable
+ * @returns
+ */
+function getPreviousItem(info, viewportStartIndex, numSeries, isNavigable) {
+    const prevItemInGroup = getPrevItemInGroup(info, isNavigable);
+    if (prevItemInGroup)
+        return prevItemInGroup;
+    if (info.groupIndex > viewportStartIndex) {
+        let prevItem = { groupIndex: info.groupIndex - 1, seriesIndex: numSeries - 1 };
+        if (isNavigable(prevItem.seriesIndex, prevItem.groupIndex))
+            return prevItem;
+        prevItem = getPreviousItem(prevItem, viewportStartIndex, numSeries, isNavigable);
+        if (prevItem)
+            return prevItem;
+    }
+    return info;
+}
+function getBarChartNavUtil(getDataItem, numSeries, viewportStartIndex, viewportEndIndex, isStacked, isRtl) {
+    const isItemNavigable = (seriesIndex, groupIndex) => {
+        const barItem = getDataItem(seriesIndex, groupIndex);
+        return Boolean(barItem);
+    };
+    const getNextChartItem = (itemInfo, arrow) => {
+        if (!isStacked && (arrow === 'ArrowDown' || arrow === 'ArrowUp')) {
+            return itemInfo;
+        }
+        let newInfo;
+        // TODO: this is just to keep typescript happy.
+        // figure out consistent typing while doing type cleanup.
+        const info = {
+            groupIndex: itemInfo.groupIndex,
+            seriesIndex: itemInfo.seriesIndex
+        };
+        if (info.groupIndex < viewportStartIndex) {
+            info.groupIndex = viewportStartIndex;
+            return info;
+        }
+        else if (info.groupIndex > viewportEndIndex) {
+            info.groupIndex = viewportEndIndex;
+            return info;
+        }
+        if (isStacked) {
+            if (arrow === 'ArrowLeft') {
+                newInfo = isRtl
+                    ? getNextItemInSeries(info, viewportEndIndex, isItemNavigable)
+                    : getPrevItemInSeries(info, viewportStartIndex, isItemNavigable);
+            }
+            else if (arrow === 'ArrowRight') {
+                newInfo = isRtl
+                    ? getPrevItemInSeries(info, viewportStartIndex, isItemNavigable)
+                    : getNextItemInSeries(info, viewportEndIndex, isItemNavigable);
+            }
+            else if (arrow === 'ArrowDown') {
+                newInfo = getPrevItemInGroup(info, isItemNavigable);
+            }
+            else {
+                newInfo = getNextItemInGroup(info, numSeries, isItemNavigable);
+            }
+        }
+        else {
+            if (arrow === 'ArrowRight') {
+                newInfo = isRtl
+                    ? getPreviousItem(info, viewportStartIndex, numSeries, isItemNavigable)
+                    : getNextItem(info, viewportEndIndex, numSeries, isItemNavigable);
+            }
+            else if (arrow === 'ArrowLeft') {
+                newInfo = isRtl
+                    ? getNextItem(info, viewportEndIndex, numSeries, isItemNavigable)
+                    : getPreviousItem(info, viewportStartIndex, numSeries, isItemNavigable);
+            }
+        }
+        return newInfo || info;
+    };
+    return getNextChartItem;
+}
+
+function OverviewBarChart(props) {
+    return (jsx(BarChart, { datatip: () => ({ content: '' }), zoomAndScroll: "off", plotArea: {
+            yMajorTick: {
+                isRendered: false
+            },
+            xMajorTick: {}
+        }, xAxis: {
+            tickLabel: {
+                autoRotate: false,
+                // @ts-ignore
+                isRendered: props.xAxis?.timeAxisType ? true : false
+            }
+        }, series: props.series, groups: props.groups, getDataItem: props.getDataItem, yAxis: {
+            tickLabel: {
+                isRendered: false
+            }
+        }, overview: "off" }));
+}
+
+/* bar chart start and end axis offset */
+const AXIS_OFFSET = 0.5;
+/**
+ * A Bar chart displays information graphically using rectangular bars with heights or lengths proportional to the values that they represent,
+ * making relationships among the data easier to understand.
+ */
+function BarChart({ width, height, selectedIds = [], hiddenIds = [], highlightedIds, hideAndShowBehavior = 'none', orientation = 'vertical', yAxis, series, groups, isStacked = false, getDataItem, selectionMode = 'none', drilling = 'off', dataItemGaps = 0.5, ...props }) {
+    const { direction } = useUser();
+    const isRtl = direction === 'rtl';
+    const hiddenSet = new Set(hiddenIds);
+    const isHoriz = orientation === 'horizontal';
+    const timeAxisType = props.xAxis?.timeAxisType;
+    const selectedSet = new Set(selectedIds);
+    const highlightedSet = new Set(highlightedIds);
+    const getGapRatio = (startIndex, endIndex) => {
+        return getBarGapRatio(isStacked, startIndex, endIndex);
+    };
+    const getNextChartItemFunc = (startIndex, endIndex) => {
+        return getBarChartNavUtil(getDataItem, series.length, startIndex, endIndex, isStacked, isRtl);
+    };
+    const getDataItemPos = (xScale, yScale, groupWidth, gapRatio) => {
+        return getBarPosition(series, groups, getDataItem, xScale, yScale, hiddenSet, dataItemGaps, groupWidth, gapRatio, yAxis?.scale === 'log', isStacked, isRtl, isHoriz, timeAxisType);
+    };
+    const findNearest = (xScale, yScale, groupWidth, gapRatio) => {
+        const getSeriesDataInfo = getSeriesOffsetAndWidth(groupWidth, gapRatio, series.length, dataItemGaps, isStacked, isRtl);
+        return findNearestDataPoint(series, groups, xScale, yScale, getDataItem, isStacked, getSeriesDataInfo, getBarCenterCoordinate, yAxis?.scale === 'log', dataItemGaps, hiddenSet, timeAxisType);
+    };
+    const getMarkerColorAndType = (seriesIndex, groupIndex) => {
+        return {
+            color: getItemColor(seriesIndex, groupIndex, series, getDataItem),
+            type: 'circle'
+        };
+    };
+    return (jsx(Chart, { width: width, height: height, selectedIds: selectedSet, hiddenIds: hiddenIds, hideAndShowBehavior: hideAndShowBehavior, orientation: orientation, yAxis: yAxis, series: series, groups: groups, isStacked: isStacked, getDataItem: getDataItem, selectionMode: selectionMode, drilling: drilling, renderGridLinesInFront: false, findNearest: findNearest, getDataItemPos: getDataItemPos, getNavUtil: getNextChartItemFunc, getGapRatio: getGapRatio, getMarkerInfo: getMarkerColorAndType, isRtl: isRtl, offset: AXIS_OFFSET, defaultOverviewContentRenderer: () => {
+            return jsx(OverviewBarChart, { series: series, groups: groups, getDataItem: getDataItem });
+        }, ...props, children: ({ xStartIndex, xEndIndex, xScale, yScale, gapRatio, activeId, focusedItemInfo, hoveredItemInfo, groupWidth, isPointInsideMarquee, getTextDimensions, defaultFontSize, colors }) => {
+            return (jsx(Fragment, { children: groups.slice(xStartIndex, xEndIndex + 1).map((_, index) => (jsx(BarGroup, { yScale: yScale, xScale: xScale, groupIndex: index + xStartIndex, selectedIds: selectedSet, hiddenIds: hiddenSet, highlightedIds: highlightedIds ? highlightedSet : highlightedIds, isDrillEnabled: drilling === 'on', series: series, barGapRatio: gapRatio, dataItemGaps: dataItemGaps, isPointInsideMarquee: isPointInsideMarquee, isStacked: isStacked, groupWidth: groupWidth, group: groups[index], timeAxisType: props.xAxis?.timeAxisType, colors: colors, activeId: activeId, isLog: yAxis?.scale === 'log', orientation: orientation, getDataItem: getDataItem, isSelectionEnabled: selectionMode != 'none', isRtl: isRtl, focusedItemInfo: focusedItemInfo, hoveredItemInfo: hoveredItemInfo, getTextDimensions: getTextDimensions, defaultFontSize: defaultFontSize, getStackLabel: props.getStackLabel }))) }));
+        } }));
+}
+
+export { BarChart as B };
+//# sourceMappingURL=BarChart-43dec3b7.js.map

package/es/BarChart-43dec3b7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart-43dec3b7.js","sources":["../../src/UNSAFE_BarChart/utils/barNavUtils.ts","../../src/UNSAFE_BarChart/OverviewBarChart.tsx","../../src/UNSAFE_BarChart/BarChart.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Info, ItemInfo } from '#utils/UNSAFE_visTypes/chart';\nimport {\n  getNextItemInGroup,\n  getNextItemInSeries,\n  getPrevItemInGroup,\n  getPrevItemInSeries\n} from '#utils/PRIVATE_chartUtils/navUtils';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\n\ntype isItemNavigableType = (seriesIndex: number, groupIndex: number) => boolean;\n\n/**\n * Get next item in unstacked bar chart.\n * @param info\n * @param viewportEndIndex\n * @param numSeries\n * @param isNavigable\n * @returns\n */\nexport function getNextItem(\n  info: ItemInfo,\n  viewportEndIndex: number,\n  numSeries: number,\n  isNavigable: isItemNavigableType\n): ItemInfo {\n  const nextItemInGroup = getNextItemInGroup(info, numSeries, isNavigable);\n  if (nextItemInGroup) return nextItemInGroup;\n\n  if (info.groupIndex < viewportEndIndex) {\n    let nextItem = { seriesIndex: 0, groupIndex: info.groupIndex + 1 };\n    if (isNavigable(nextItem.seriesIndex, nextItem.groupIndex)) return nextItem;\n    nextItem = getNextItem(nextItem, viewportEndIndex, numSeries, isNavigable);\n    if (nextItem) return nextItem;\n  }\n  return info;\n}\n\n/**\n * Get prev item in unstacked bar chart.\n * @param info\n * @param viewportStartIndex\n * @param numSeries\n * @param isNavigable\n * @returns\n */\nexport function getPreviousItem(\n  info: ItemInfo,\n  viewportStartIndex: number,\n  numSeries: number,\n  isNavigable: (seriesIndex: number, groupIndex: number) => boolean\n) {\n  const prevItemInGroup = getPrevItemInGroup(info, isNavigable);\n  if (prevItemInGroup) return prevItemInGroup;\n\n  if (info.groupIndex > viewportStartIndex) {\n    let prevItem = { groupIndex: info.groupIndex - 1, seriesIndex: numSeries - 1 };\n    if (isNavigable(prevItem.seriesIndex, prevItem.groupIndex)) return prevItem;\n    prevItem = getPreviousItem(prevItem, viewportStartIndex, numSeries, isNavigable);\n    if (prevItem) return prevItem;\n  }\n  return info;\n}\n\nexport function getBarChartNavUtil<K, D extends BarItemData<K>>(\n  getDataItem: (seriesIndex: number, groupIndex: number) => D | undefined,\n  numSeries: number,\n  viewportStartIndex: number,\n  viewportEndIndex: number,\n  isStacked: boolean,\n  isRtl: boolean\n) {\n  const isItemNavigable = (seriesIndex: number, groupIndex: number) => {\n    const barItem = getDataItem(seriesIndex, groupIndex);\n    return Boolean(barItem);\n  };\n\n  const getNextChartItem = (\n    itemInfo: Info,\n    arrow: 'ArrowLeft' | 'ArrowRight' | 'ArrowDown' | 'ArrowUp'\n  ): Info => {\n    if (!isStacked && (arrow === 'ArrowDown' || arrow === 'ArrowUp')) {\n      return itemInfo;\n    }\n    let newInfo: Info | undefined;\n    // TODO: this is just to keep typescript happy.\n    // figure out consistent typing while doing type cleanup.\n    const info = {\n      groupIndex: itemInfo.groupIndex!,\n      seriesIndex: itemInfo.seriesIndex!\n    };\n\n    if (info.groupIndex! < viewportStartIndex) {\n      info.groupIndex = viewportStartIndex;\n      return info;\n    } else if (info.groupIndex! > viewportEndIndex) {\n      info.groupIndex = viewportEndIndex;\n      return info;\n    }\n\n    if (isStacked) {\n      if (arrow === 'ArrowLeft') {\n        newInfo = isRtl\n          ? getNextItemInSeries(info, viewportEndIndex, isItemNavigable)\n          : getPrevItemInSeries(info, viewportStartIndex, isItemNavigable);\n      } else if (arrow === 'ArrowRight') {\n        newInfo = isRtl\n          ? getPrevItemInSeries(info, viewportStartIndex, isItemNavigable)\n          : getNextItemInSeries(info, viewportEndIndex, isItemNavigable);\n      } else if (arrow === 'ArrowDown') {\n        newInfo = getPrevItemInGroup(info, isItemNavigable);\n      } else {\n        newInfo = getNextItemInGroup(info, numSeries, isItemNavigable);\n      }\n    } else {\n      if (arrow === 'ArrowRight') {\n        newInfo = isRtl\n          ? getPreviousItem(info, viewportStartIndex, numSeries, isItemNavigable)\n          : getNextItem(info, viewportEndIndex, numSeries, isItemNavigable);\n      } else if (arrow === 'ArrowLeft') {\n        newInfo = isRtl\n          ? getNextItem(info, viewportEndIndex, numSeries, isItemNavigable)\n          : getPreviousItem(info, viewportStartIndex, numSeries, isItemNavigable);\n      }\n    }\n    return newInfo || info;\n  };\n\n  return getNextChartItem;\n}\n","import { BarChart } from './BarChart';\nimport { BarChartProps, BarItemData } from './barChart.types';\n\nexport function OverviewBarChart<K extends string | number, D extends BarItemData<K>>(\n  props: BarChartProps<K, D>\n) {\n  return (\n    <BarChart\n      datatip={() => ({ content: '' })}\n      zoomAndScroll=\"off\"\n      plotArea={{\n        yMajorTick: {\n          isRendered: false\n        },\n        xMajorTick: {\n          \n        }\n      }}\n      xAxis={{\n        tickLabel: {\n          autoRotate: false,\n          // @ts-ignore\n          isRendered: props.xAxis?.timeAxisType ? true : false\n        }\n      }}\n      series={props.series}\n      groups={props.groups}\n      getDataItem={props.getDataItem}\n      yAxis={{\n        tickLabel: {\n          isRendered: false\n        }\n      }}\n      overview=\"off\"\n    />\n  );\n}\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 { BarChartProps, BarItemData } from './barChart.types';\nimport { getBarGapRatio } from './utils/barSeriesUtils';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { BarGroup } from './BarGroup';\nimport { findNearestDataPoint } from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport {\n  getBarCenterCoordinate,\n  getBarPosition,\n  getSeriesOffsetAndWidth\n} from './utils/barLayoutUtils';\nimport { getBarChartNavUtil } from './utils/barNavUtils';\nimport { Chart } from '#PRIVATE_Chart';\nimport { TimeAxisProps, Scale } from '#utils/UNSAFE_visTypes/chart';\nimport { getItemColor } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { OverviewBarChart } from './OverviewBarChart';\n\n/* bar chart start and end axis offset */\nconst AXIS_OFFSET = 0.5;\n\n/**\n * A Bar chart displays information graphically using rectangular bars with heights or lengths proportional to the values that they represent,\n * making relationships among the data easier to understand.\n */\nexport function BarChart<K extends string | number, D extends BarItemData<K>>({\n  width,\n  height,\n  selectedIds = [],\n  hiddenIds = [],\n  highlightedIds,\n  hideAndShowBehavior = 'none',\n  orientation = 'vertical',\n  yAxis,\n  series,\n  groups,\n  isStacked = false,\n  getDataItem,\n  selectionMode = 'none',\n  drilling = 'off',\n  dataItemGaps = 0.5,\n  ...props\n}: BarChartProps<K, D>) {\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const hiddenSet = new Set(hiddenIds);\n  const isHoriz = orientation === 'horizontal';\n  const timeAxisType = (props.xAxis as TimeAxisProps)?.timeAxisType;\n  const selectedSet = new Set(selectedIds);\n  const highlightedSet = new Set(highlightedIds);\n  const getGapRatio = (startIndex: number, endIndex: number) => {\n    return getBarGapRatio(isStacked, startIndex, endIndex);\n  };\n  const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n    return getBarChartNavUtil(getDataItem, series.length, startIndex, endIndex, isStacked, isRtl);\n  };\n  const getDataItemPos = (xScale: Scale, yScale: Scale, groupWidth: number, gapRatio: number) => {\n    return getBarPosition(\n      series,\n      groups,\n      getDataItem,\n      xScale,\n      yScale,\n      hiddenSet,\n      dataItemGaps,\n      groupWidth,\n      gapRatio,\n      yAxis?.scale === 'log',\n      isStacked,\n      isRtl,\n      isHoriz,\n      timeAxisType\n    );\n  };\n\n  const findNearest = (xScale: Scale, yScale: Scale, groupWidth: number, gapRatio: number) => {\n    const getSeriesDataInfo = getSeriesOffsetAndWidth(\n      groupWidth,\n      gapRatio,\n      series.length,\n      dataItemGaps,\n      isStacked,\n      isRtl\n    );\n    return findNearestDataPoint(\n      series,\n      groups,\n      xScale,\n      yScale,\n      getDataItem,\n      isStacked,\n      getSeriesDataInfo,\n      getBarCenterCoordinate,\n      yAxis?.scale === 'log',\n      dataItemGaps,\n      hiddenSet,\n      timeAxisType\n    );\n  };\n\n  const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n    return {\n      color: getItemColor(seriesIndex, groupIndex, series, getDataItem),\n      type: 'circle' as const\n    };\n  };\n\n  return (\n    <Chart\n      width={width}\n      height={height}\n      selectedIds={selectedSet}\n      hiddenIds={hiddenIds}\n      hideAndShowBehavior={hideAndShowBehavior}\n      orientation={orientation}\n      yAxis={yAxis}\n      series={series}\n      groups={groups}\n      isStacked={isStacked}\n      getDataItem={getDataItem}\n      selectionMode={selectionMode}\n      drilling={drilling}\n      renderGridLinesInFront={false}\n      findNearest={findNearest}\n      getDataItemPos={getDataItemPos}\n      getNavUtil={getNextChartItemFunc}\n      getGapRatio={getGapRatio}\n      getMarkerInfo={getMarkerColorAndType}\n      isRtl={isRtl}\n      offset={AXIS_OFFSET}\n      defaultOverviewContentRenderer={() => {\n        return <OverviewBarChart series={series} groups={groups} getDataItem={getDataItem} />;\n      }}\n      {...props}>\n      {({\n        xStartIndex,\n        xEndIndex,\n        xScale,\n        yScale,\n        gapRatio,\n        activeId,\n        focusedItemInfo,\n        hoveredItemInfo,\n        groupWidth,\n        isPointInsideMarquee,\n        getTextDimensions,\n        defaultFontSize,\n        colors\n      }) => {\n        return (\n          <>\n            {groups.slice(xStartIndex, xEndIndex + 1).map((_, index) => (\n              <BarGroup\n                yScale={yScale}\n                xScale={xScale}\n                groupIndex={index + xStartIndex}\n                selectedIds={selectedSet}\n                hiddenIds={hiddenSet}\n                highlightedIds={highlightedIds ? highlightedSet : highlightedIds}\n                isDrillEnabled={drilling === 'on'}\n                series={series}\n                barGapRatio={gapRatio}\n                dataItemGaps={dataItemGaps}\n                isPointInsideMarquee={isPointInsideMarquee}\n                isStacked={isStacked}\n                groupWidth={groupWidth}\n                group={groups[index]}\n                timeAxisType={(props.xAxis as TimeAxisProps)?.timeAxisType}\n                colors={colors}\n                activeId={activeId}\n                isLog={yAxis?.scale === 'log'}\n                orientation={orientation}\n                getDataItem={getDataItem}\n                isSelectionEnabled={selectionMode != 'none'}\n                isRtl={isRtl}\n                focusedItemInfo={focusedItemInfo}\n                hoveredItemInfo={hoveredItemInfo}\n                getTextDimensions={getTextDimensions}\n                defaultFontSize={defaultFontSize}\n                getStackLabel={props.getStackLabel}\n              />\n            ))}\n          </>\n        );\n      }}\n    </Chart>\n  );\n}\n"],"names":["_jsx","_Fragment"],"mappings":"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"}

package/es/BarGroup-dbf70e2c.js

@@ -4,7 +4,7 @@ import { createElement } from 'preact';
 import { styles } from './PRIVATE_Chart/themes/ChartStyles.css.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { i as getMixedFreqGroupCenter } from './layoutUtils-5d62f2b4.js';
-import { u as useTranslationBundle } from './useTranslationBundle-09302c20.js';
+import { u as useTranslationBundle } from './useTranslationBundle-2df40edf.js';
 import { e as getItemAriaLabel } from './dataStyleUtils-1e980302.js';
 import { s as supportsMobileScreenReader } from './accUtils-ce2d6588.js';
 import { g as getContrastingTextColor } from './colorUtils-16eb823f.js';

package/es/BaseButton-61f6baa8.js

@@ -0,0 +1,172 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsx } from 'preact/jsx-runtime';
+import { forwardRef } from 'preact/compat';
+import { u as usePress } from './usePress-051f5adb.js';
+import { u as usePressClick } from './usePressClick-945cc43b.js';
+import { u as useHover } from './useHover-19340c22.js';
+import { u as useActive } from './useActive-fb6d4d52.js';
+import './TabbableModeContext-7d8ad946.js';
+import { u as useTabbableMode } from './useTabbableMode-a3a351d0.js';
+import { u as useColorScheme } from './useColorScheme-8e5e458d.js';
+import { c as classNames } from './classNames-4e12b00d.js';
+import { d as dimensionInterpolations } from './dimensions-d4159ace.js';
+import { m as mergeInterpolations } from './mergeInterpolations-e2db2a66.js';
+import { g as getClientHints } from './clientHints-f850225e.js';
+import { m as mergeProps } from './mergeProps-88ea8306.js';
+import { BaseButtonRedwoodTheme } from './UNSAFE_BaseButton/themes/redwood/BaseButtonTheme.js';
+import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
+import { u as useTestId } from './useTestId-474ac6ca.js';
+
+const interpolations = [...Object.values(dimensionInterpolations)];
+const styleInterpolations = mergeInterpolations(interpolations);
+const clientHints = getClientHints();
+// :active only works on IOS devices if a touch handler exists
+const iosProps = clientHints.platform === 'ios' ? { ontouchstart: function () { } } : {};
+const isHybrid = getClientHints().hoverSupport === 'events';
+const roleProps = (elType, hidden, isFocusable, isLabel, isSwitch) => {
+    switch (elType) {
+        case 'link':
+            return { role: 'link' };
+        case 'button':
+            return isSwitch ? { role: 'switch' } : {};
+        case 'span':
+            return isLabel
+                ? {}
+                : hidden
+                    ? { role: 'none' }
+                    : isFocusable
+                        ? isSwitch
+                            ? { role: 'switch' }
+                            : { role: 'button' }
+                        : { role: 'img' };
+        default:
+            return hidden ? { role: 'none' } : isFocusable ? { role: 'button' } : { role: 'img' };
+    }
+};
+const BaseButton = forwardRef(({ variant, isReadOnly = false, isDisabled = false, isRepeat = false, isClick, size, elementDetails = { type: 'button', buttonType: 'button' }, styling = ['default'], edge = 'none', 'aria-label': accessibleLabel, 'aria-hidden': ariaHidden, 'aria-expanded': ariaExpanded, 'aria-roledescription': ariaRoledescription, 'aria-haspopup': ariaHasPopup, 'aria-describedby': ariaDescribedBy, 'aria-pressed': ariaPressed, 'aria-checked': ariaChecked, 'aria-live': ariaLive, testId, onBlur, onFocus, onMouseEnter, onMouseLeave, onTouchEnd, onTouchStart, onKeyDown, ...props }, ref) => {
+    const pressHandler = (e) => {
+        if (props.onAction) {
+            props.onAction({
+                reason: e.pointerType == '' ? 'keyboard' : 'pointer'
+            });
+        }
+    };
+    const { pressProps } = usePress(pressHandler, {
+        isDisabled: isDisabled || isReadOnly,
+        isRepeat
+    });
+    const { pressProps: pressClickProps } = usePressClick(pressHandler, {
+        isDisabled: isDisabled || isReadOnly
+    });
+    const isStyled = (name) => {
+        return styling.indexOf(name) > -1;
+    };
+    const { hoverProps, isHover } = useHover({ isDisabled: !isHybrid });
+    const { activeProps, isActive } = useActive({ isDisabled: isReadOnly });
+    const { class: cls, ...styles } = styleInterpolations({
+        ...props,
+        onBlur,
+        onFocus,
+        onMouseEnter,
+        onMouseLeave,
+        onTouchEnd,
+        onTouchStart,
+        onKeyDown
+    });
+    const { type: elementType = 'button', isFocusable: isElementFocusable = true, isLabel: isElementLabel = false, isSwitch: isElementSwitch = false, buttonType = 'button', ...elementProps } = { ...elementDetails };
+    const typeProps = elementType === 'button' && buttonType === 'button' ? { type: buttonType } : {};
+    // 'role' should be 'none' when aria-hidden is true or 'img' when false and not focusable
+    const role = roleProps(elementType, ariaHidden ?? false, isElementFocusable, isElementLabel, isElementSwitch);
+    const ElementType = elementDetails.type;
+    const isSpan = ElementType == 'span';
+    const isBaseButton = ElementType == 'button';
+    const { tabbableModeProps } = useTabbableMode(isDisabled);
+    const colorScheme = useColorScheme();
+    const { variantClasses } = useComponentTheme(BaseButtonRedwoodTheme, {
+        size,
+        variant,
+        unstyled: isStyled('unstyled') ? 'isUnstyled' : 'notUnstyled',
+        embedded: isStyled('embedded') ? 'isEmbedded' : 'notEmbedded',
+        container: isStyled('container') ? 'isContainer' : 'notContainer',
+        noBorderRadiusStart: isStyled('noBorderRadiusStart')
+            ? 'isNoBorderRadiusStart'
+            : 'notNoBorderRadiusStart',
+        noBorderRadiusEnd: isStyled('noBorderRadiusEnd')
+            ? 'isNoBorderRadiusEnd'
+            : 'notNoBorderRadiusEnd',
+        noBorderStart: isStyled('noBorderStart') ? 'isNoBorderStart' : 'notNoBorderStart',
+        noBorderEnd: isStyled('noBorderEnd') ? 'isNoBorderEnd' : 'notNoBorderEnd',
+        activeStyle: isStyled('active') ? 'isActiveStyle' : 'notActiveStyle',
+        selectedStyle: isStyled('selected') ? 'isSelectedStyle' : 'notSelectedStyle',
+        buttonSetItem: isStyled('buttonSetItem') ? 'isButtonSetItem' : 'notButtonSetItem',
+        trailingItem: isStyled('trailingItem') ? 'isTrailingItem' : 'notTrailingItem',
+        fill: isStyled('fill') ? 'isFill' : 'notFill',
+        min: isStyled('min') ? 'isMin' : 'notMin',
+        disabled: isDisabled ? 'isDisabled' : 'notDisabled',
+        edge,
+        hybrid: isHybrid ? 'isHybrid' : 'notHybrid',
+        active: isActive ? 'isActive' : 'notActive',
+        hover: isHover ? 'isHover' : 'notHover',
+        span: isSpan ? 'isSpan' : 'notSpan',
+        widthEqual: isStyled('widthEqual') ? 'isWidthEqual' : 'notWidthEqual',
+        widthAuto: isStyled('widthAuto') ? 'isWidthAuto' : 'notWidthAuto',
+        hiddenLabel: isStyled('hiddenLabel') ? 'isHidden' : 'notHidden',
+        noHoverActive: isStyled('noHoverActive') ? 'isNoHoverActive' : 'notNoHoverActive',
+        newStackingContext: isStyled('newStackingContext')
+            ? 'isNewStackingContext'
+            : 'notNewStackingContext',
+        colorScheme
+    });
+    const globalEventProps = {
+        onBlur,
+        onFocus,
+        onMouseEnter,
+        onMouseLeave,
+        onTouchEnd,
+        onTouchStart,
+        onKeyDown
+    };
+    const arDisabled = isBaseButton
+        ? {}
+        : isDisabled
+            ? { 'aria-disabled': isDisabled }
+            : isReadOnly
+                ? { 'aria-disabled': true }
+                : {};
+    const arHaspopups = ariaHasPopup ? { 'aria-haspopup': ariaHasPopup } : {};
+    const ariaProps = role.role === 'none'
+        ? {}
+        : {
+            'aria-label': accessibleLabel,
+            'aria-describedby': ariaDescribedBy,
+            'aria-hidden': ariaHidden,
+            'aria-roledescription': ariaRoledescription,
+            'aria-expanded': ariaExpanded,
+            'aria-pressed': ariaPressed,
+            'aria-checked': ariaChecked,
+            'aria-live': ariaLive,
+            ...arDisabled,
+            ...arHaspopups
+        };
+    const isClickPress = isClick === undefined ? (isBaseButton ? true : false) : isClick;
+    const mergedProps = mergeProps(elementProps, props.onAction ? (isRepeat || isClickPress ? pressClickProps : pressProps) : {}, iosProps, hoverProps, isStyled('container') ? {} : activeProps, globalEventProps);
+    const wrapperClasses = classNames([cls, variantClasses]);
+    const testIdProps = useTestId(testId);
+    const getTabIndex = () => {
+        if ((isSpan && (isElementFocusable === false || isDisabled)) ||
+            (isBaseButton && isDisabled)) {
+            // no tabIndex value should be defined for disabled button elements and non-focusable or disabled span elements
+            return { tabIndex: undefined };
+        }
+        return tabbableModeProps;
+    };
+    return (jsx(ElementType
+    // The ref casting was done to satisfy TS compiler, when the forwardRef had to be updated to ForwardedRef.
+    , { 
+        // The ref casting was done to satisfy TS compiler, when the forwardRef had to be updated to ForwardedRef.
+        ref: ref, disabled: isDisabled, class: wrapperClasses, style: styles, autofocus: props['autofocus'], title: props.title, ...ariaProps, ...getTabIndex(), ...typeProps, ...testIdProps, ...mergedProps, ...role, children: props.children }));
+});
+BaseButton.displayName = 'BaseButton';
+
+export { BaseButton as B };
+//# sourceMappingURL=BaseButton-61f6baa8.js.map

package/es/BaseButton-61f6baa8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton-61f6baa8.js","sources":["../../src/UNSAFE_BaseButton/BaseButton.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Vers.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { usePressClick } from '../hooks/UNSAFE_usePressClick';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useColorScheme } from '../hooks/UNSAFE_useColorScheme';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { BaseButtonVariantOptions } from './themes/BaseButtonStyles.css';\nimport { BaseButtonRedwoodTheme } from './themes/redwood/BaseButtonTheme';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\n\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\n\nexport type ActionDetail = {\n  reason: 'pointer' | 'keyboard';\n};\n\ntype BaseButtonElementDetails =\n  | {\n      type: 'button';\n      buttonType?: 'button' | 'submit';\n      isFocusable?: never;\n      isLabel?: never;\n      isSwitch?: boolean;\n    }\n  | {\n      type: 'a';\n      buttonType?: never;\n      href: string;\n      target?: string;\n      rel?: string;\n      isFocusable?: never;\n      isLabel?: never;\n      isSwitch?: never;\n    }\n  | {\n      type: 'span';\n      buttonType?: never;\n      isFocusable?: boolean;\n      isLabel?: boolean;\n      isSwitch?: boolean;\n    };\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLElement>,\n  | 'autofocus'\n  | 'title'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'onTouchEnd'\n  | 'onTouchStart'\n  | 'onKeyDown'\n>;\nexport type StylingOptions =\n  | 'default'\n  | 'min'\n  | 'embedded'\n  | 'container'\n  | 'unstyled'\n  | 'fill'\n  | 'noBorderRadiusEnd'\n  | 'noBorderRadiusStart'\n  | 'noBorderEnd'\n  | 'noBorderStart'\n  | 'active'\n  | 'selected'\n  | 'buttonSetItem'\n  | 'trailingItem'\n  | 'widthEqual'\n  | 'hiddenLabel'\n  | 'noHoverActive'\n  | 'widthAuto'\n  | 'newStackingContext';\n\ntype AriaProps = {\n  'aria-label'?: string;\n  'aria-hidden'?: boolean;\n  'aria-expanded'?: boolean;\n  'aria-roledescription'?: string;\n  'aria-describedby'?: string;\n  'aria-haspopup'?: HTMLAttributesSignalExcluded['aria-haspopup'];\n  'aria-pressed'?: boolean;\n  'aria-checked'?: boolean;\n  'aria-live'?: 'polite' | 'assertive' | 'off';\n};\n\nexport type Props = IntrinsicProps &\n  AriaProps &\n  DimensionProps &\n  TestIdProps & {\n    /**\n     *The default slot is the button's text label. The oj-c-base-button element accepts plain text or DOM nodes as children for the default slot.\"\n     */\n    children?: ComponentChildren;\n\n    /**\n     * Specifies that the button be read-only.\n     */\n    isReadOnly?: boolean;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies if repeated events are dispatched for key or pointer held down\n     */\n    isRepeat?: boolean;\n\n    /**\n     * Specifies if Button should use only a click handler, not keyup/down, ptr up/down\n     */\n    isClick?: boolean;\n\n    /**\n     *\n     * Indicates in what states the button has chrome (background and border).\n     *     \"ghost\": \"Ghost buttons are the least prominent variation.  Ghost buttons are\n     * useful for performing low-priority tasks, such as manipulating the UI.\",\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     *     \"danger\"': \"A Danger button alerts the user to a dangerous situation.\"\n     */\n    variant?: 'ghost' | 'borderless' | 'outlined' | 'solid' | 'callToAction' | 'danger';\n\n    /**\n     * The size indicates how large the button is rendered: 'xs', \"sm\", \"md\" (default), \"lg\".\n     */\n    size?: 'xs' | 'sm' | 'md' | 'lg';\n\n    /**\n     * Edge can be used to specify that the button is intended to go at the bottom of\n     * a region, stretching from left to right: \"bottom\" or \"none\" (default).\n     */\n    edge?: 'none' | 'bottom';\n\n    /**\n     * Styling can be used for customizing buttons by removing label padding (\"min\") or\n     * removing all styling (\"unstyled\").\n     */\n    styling?: StylingOptions[];\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: (details: ActionDetail) => void;\n\n    /**\n     * Indicate element type and associated details\n     */\n    elementDetails?: BaseButtonElementDetails;\n  };\n\nconst interpolations = [...Object.values(dimensionInterpolations)];\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nconst clientHints = getClientHints();\n// :active only works on IOS devices if a touch handler exists\nconst iosProps = clientHints.platform === 'ios' ? { ontouchstart: function () {} } : {};\nconst isHybrid = getClientHints().hoverSupport === 'events';\n\nconst roleProps = (\n  elType: string,\n  hidden: boolean,\n  isFocusable: boolean,\n  isLabel: boolean,\n  isSwitch: boolean\n): { role?: HTMLAttributesSignalExcluded['role'] } => {\n  switch (elType) {\n    case 'link':\n      return { role: 'link' };\n    case 'button':\n      return isSwitch ? { role: 'switch' } : {};\n    case 'span':\n      return isLabel\n        ? {}\n        : hidden\n        ? { role: 'none' }\n        : isFocusable\n        ? isSwitch\n          ? { role: 'switch' }\n          : { role: 'button' }\n        : { role: 'img' };\n    default:\n      return hidden ? { role: 'none' } : isFocusable ? { role: 'button' } : { role: 'img' };\n  }\n};\n\nexport const BaseButton = forwardRef(\n  (\n    {\n      variant,\n      isReadOnly = false,\n      isDisabled = false,\n      isRepeat = false,\n      isClick,\n      size,\n      elementDetails = { type: 'button', buttonType: 'button' },\n      styling = ['default'],\n      edge = 'none',\n      'aria-label': accessibleLabel,\n      'aria-hidden': ariaHidden,\n      'aria-expanded': ariaExpanded,\n      'aria-roledescription': ariaRoledescription,\n      'aria-haspopup': ariaHasPopup,\n      'aria-describedby': ariaDescribedBy,\n      'aria-pressed': ariaPressed,\n      'aria-checked': ariaChecked,\n      'aria-live': ariaLive,\n      testId,\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart,\n      onKeyDown,\n      ...props\n    }: Props,\n    ref?:\n      | ForwardedRef<HTMLButtonElement>\n      | ForwardedRef<HTMLAnchorElement>\n      | ForwardedRef<HTMLSpanElement>\n  ) => {\n    const pressHandler = (e: Event) => {\n      if (props.onAction) {\n        props.onAction({\n          reason: (e as PointerEvent).pointerType == '' ? 'keyboard' : 'pointer'\n        });\n      }\n    };\n\n    const { pressProps } = usePress(pressHandler, {\n      isDisabled: isDisabled || isReadOnly,\n      isRepeat\n    });\n    const { pressProps: pressClickProps } = usePressClick(pressHandler, {\n      isDisabled: isDisabled || isReadOnly\n    });\n\n    const isStyled = (name: StylingOptions) => {\n      return styling.indexOf(name) > -1;\n    };\n    const { hoverProps, isHover } = useHover({ isDisabled: !isHybrid });\n    const { activeProps, isActive } = useActive({ isDisabled: isReadOnly });\n    const { class: cls, ...styles } = styleInterpolations({\n      ...props,\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart,\n      onKeyDown\n    });\n    const {\n      type: elementType = 'button',\n      isFocusable: isElementFocusable = true,\n      isLabel: isElementLabel = false,\n      isSwitch: isElementSwitch = false,\n      buttonType = 'button',\n      ...elementProps\n    } = { ...elementDetails };\n    const typeProps =\n      elementType === 'button' && buttonType === 'button' ? { type: buttonType } : {};\n\n    // 'role' should be 'none' when aria-hidden is true or 'img' when false and not focusable\n    const role = roleProps(\n      elementType,\n      ariaHidden ?? false,\n      isElementFocusable,\n      isElementLabel,\n      isElementSwitch\n    );\n    const ElementType = elementDetails.type;\n    const isSpan = ElementType == 'span';\n    const isBaseButton = ElementType == 'button';\n    const { tabbableModeProps } = useTabbableMode(isDisabled);\n    const colorScheme = useColorScheme();\n\n    const { variantClasses } = useComponentTheme<BaseButtonVariantOptions>(BaseButtonRedwoodTheme, {\n      size,\n      variant,\n      unstyled: isStyled('unstyled') ? 'isUnstyled' : 'notUnstyled',\n      embedded: isStyled('embedded') ? 'isEmbedded' : 'notEmbedded',\n      container: isStyled('container') ? 'isContainer' : 'notContainer',\n      noBorderRadiusStart: isStyled('noBorderRadiusStart')\n        ? 'isNoBorderRadiusStart'\n        : 'notNoBorderRadiusStart',\n      noBorderRadiusEnd: isStyled('noBorderRadiusEnd')\n        ? 'isNoBorderRadiusEnd'\n        : 'notNoBorderRadiusEnd',\n      noBorderStart: isStyled('noBorderStart') ? 'isNoBorderStart' : 'notNoBorderStart',\n      noBorderEnd: isStyled('noBorderEnd') ? 'isNoBorderEnd' : 'notNoBorderEnd',\n      activeStyle: isStyled('active') ? 'isActiveStyle' : 'notActiveStyle',\n      selectedStyle: isStyled('selected') ? 'isSelectedStyle' : 'notSelectedStyle',\n      buttonSetItem: isStyled('buttonSetItem') ? 'isButtonSetItem' : 'notButtonSetItem',\n      trailingItem: isStyled('trailingItem') ? 'isTrailingItem' : 'notTrailingItem',\n      fill: isStyled('fill') ? 'isFill' : 'notFill',\n      min: isStyled('min') ? 'isMin' : 'notMin',\n      disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n      edge,\n      hybrid: isHybrid ? 'isHybrid' : 'notHybrid',\n      active: isActive ? 'isActive' : 'notActive',\n      hover: isHover ? 'isHover' : 'notHover',\n      span: isSpan ? 'isSpan' : 'notSpan',\n      widthEqual: isStyled('widthEqual') ? 'isWidthEqual' : 'notWidthEqual',\n      widthAuto: isStyled('widthAuto') ? 'isWidthAuto' : 'notWidthAuto',\n      hiddenLabel: isStyled('hiddenLabel') ? 'isHidden' : 'notHidden',\n      noHoverActive: isStyled('noHoverActive') ? 'isNoHoverActive' : 'notNoHoverActive',\n      newStackingContext: isStyled('newStackingContext')\n        ? 'isNewStackingContext'\n        : 'notNewStackingContext',\n      colorScheme\n    });\n\n    const globalEventProps = {\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart,\n      onKeyDown\n    };\n\n    const arDisabled = isBaseButton\n      ? {}\n      : isDisabled\n      ? { 'aria-disabled': isDisabled }\n      : isReadOnly\n      ? { 'aria-disabled': true }\n      : {};\n    const arHaspopups = ariaHasPopup ? { 'aria-haspopup': ariaHasPopup } : {};\n\n    const ariaProps =\n      role.role === 'none'\n        ? {}\n        : {\n            'aria-label': accessibleLabel,\n            'aria-describedby': ariaDescribedBy,\n            'aria-hidden': ariaHidden,\n            'aria-roledescription': ariaRoledescription,\n            'aria-expanded': ariaExpanded,\n            'aria-pressed': ariaPressed,\n            'aria-checked': ariaChecked,\n            'aria-live': ariaLive,\n            ...arDisabled,\n            ...arHaspopups\n          };\n\n    const isClickPress = isClick === undefined ? (isBaseButton ? true : false) : isClick;\n\n    const mergedProps = mergeProps(\n      elementProps,\n      props.onAction ? (isRepeat || isClickPress ? pressClickProps : pressProps) : {},\n      iosProps,\n      hoverProps,\n      isStyled('container') ? {} : activeProps,\n      globalEventProps\n    );\n\n    const wrapperClasses = classNames([cls, variantClasses]);\n    const testIdProps = useTestId(testId);\n\n    const getTabIndex = () => {\n      if (\n        (isSpan && (isElementFocusable === false || isDisabled)) ||\n        (isBaseButton && isDisabled)\n      ) {\n        // no tabIndex value should be defined for disabled button elements and non-focusable or disabled span elements\n        return { tabIndex: undefined };\n      }\n      return tabbableModeProps;\n    };\n\n    return (\n      <ElementType\n        // The ref casting was done to satisfy TS compiler, when the forwardRef had to be updated to ForwardedRef.\n        ref={\n          ref as ForwardedRef<HTMLButtonElement> &\n            ForwardedRef<HTMLAnchorElement> &\n            ForwardedRef<HTMLSpanElement>\n        }\n        disabled={isDisabled}\n        class={wrapperClasses}\n        style={styles}\n        autofocus={props['autofocus']}\n        title={props.title}\n        {...ariaProps}\n        {...getTabIndex()}\n        {...typeProps}\n        {...testIdProps}\n        {...mergedProps}\n        {...role}>\n        {props.children}\n      </ElementType>\n    );\n  }\n);\n\nBaseButton.displayName = 'BaseButton';\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;AAkLA,MAAM,cAAc,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,CAAC;AACnE,MAAM,mBAAmB,GAAG,mBAAmB,CAAQ,cAAc,CAAC,CAAC;AAEvE,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;AACrC;AACA,MAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,KAAK,KAAK,GAAG,EAAE,YAAY,EAAE,eAAc,EAAE,GAAG,EAAE,CAAC;AACxF,MAAM,QAAQ,GAAG,cAAc,EAAE,CAAC,YAAY,KAAK,QAAQ,CAAC;AAE5D,MAAM,SAAS,GAAG,CAChB,MAAc,EACd,MAAe,EACf,WAAoB,EACpB,OAAgB,EAChB,QAAiB,KACkC;IACnD,QAAQ,MAAM;AACZ,QAAA,KAAK,MAAM;AACT,YAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAC1B,QAAA,KAAK,QAAQ;AACX,YAAA,OAAO,QAAQ,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC;AAC5C,QAAA,KAAK,MAAM;AACT,YAAA,OAAO,OAAO;AACZ,kBAAE,EAAE;AACJ,kBAAE,MAAM;AACR,sBAAE,EAAE,IAAI,EAAE,MAAM,EAAE;AAClB,sBAAE,WAAW;AACb,0BAAE,QAAQ;AACR,8BAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;AACpB,8BAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;AACtB,0BAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AACtB,QAAA;AACE,YAAA,OAAO,MAAM,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,WAAW,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;KACzF;AACH,CAAC,CAAC;MAEW,UAAU,GAAG,UAAU,CAClC,CACE,EACE,OAAO,EACP,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,IAAI,EACJ,cAAc,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,EACzD,OAAO,GAAG,CAAC,SAAS,CAAC,EACrB,IAAI,GAAG,MAAM,EACb,YAAY,EAAE,eAAe,EAC7B,aAAa,EAAE,UAAU,EACzB,eAAe,EAAE,YAAY,EAC7B,sBAAsB,EAAE,mBAAmB,EAC3C,eAAe,EAAE,YAAY,EAC7B,kBAAkB,EAAE,eAAe,EACnC,cAAc,EAAE,WAAW,EAC3B,cAAc,EAAE,WAAW,EAC3B,WAAW,EAAE,QAAQ,EACrB,MAAM,EACN,MAAM,EACN,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACF,EACR,GAGiC,KAC/B;AACF,IAAA,MAAM,YAAY,GAAG,CAAC,CAAQ,KAAI;AAChC,QAAA,IAAI,KAAK,CAAC,QAAQ,EAAE;YAClB,KAAK,CAAC,QAAQ,CAAC;AACb,gBAAA,MAAM,EAAG,CAAkB,CAAC,WAAW,IAAI,EAAE,GAAG,UAAU,GAAG,SAAS;AACvE,aAAA,CAAC,CAAC;SACJ;AACH,KAAC,CAAC;AAEF,IAAA,MAAM,EAAE,UAAU,EAAE,GAAG,QAAQ,CAAC,YAAY,EAAE;QAC5C,UAAU,EAAE,UAAU,IAAI,UAAU;QACpC,QAAQ;AACT,KAAA,CAAC,CAAC;IACH,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,GAAG,aAAa,CAAC,YAAY,EAAE;QAClE,UAAU,EAAE,UAAU,IAAI,UAAU;AACrC,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,QAAQ,GAAG,CAAC,IAAoB,KAAI;QACxC,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AACpC,KAAC,CAAC;AACF,IAAA,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,QAAQ,CAAC,EAAE,UAAU,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;AACpE,IAAA,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAAC;IACxE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,MAAM,EAAE,GAAG,mBAAmB,CAAC;AACpD,QAAA,GAAG,KAAK;QACR,MAAM;QACN,OAAO;QACP,YAAY;QACZ,YAAY;QACZ,UAAU;QACV,YAAY;QACZ,SAAS;AACV,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,EACJ,IAAI,EAAE,WAAW,GAAG,QAAQ,EAC5B,WAAW,EAAE,kBAAkB,GAAG,IAAI,EACtC,OAAO,EAAE,cAAc,GAAG,KAAK,EAC/B,QAAQ,EAAE,eAAe,GAAG,KAAK,EACjC,UAAU,GAAG,QAAQ,EACrB,GAAG,YAAY,EAChB,GAAG,EAAE,GAAG,cAAc,EAAE,CAAC;IAC1B,MAAM,SAAS,GACb,WAAW,KAAK,QAAQ,IAAI,UAAU,KAAK,QAAQ,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC;;AAGlF,IAAA,MAAM,IAAI,GAAG,SAAS,CACpB,WAAW,EACX,UAAU,IAAI,KAAK,EACnB,kBAAkB,EAClB,cAAc,EACd,eAAe,CAChB,CAAC;AACF,IAAA,MAAM,WAAW,GAAG,cAAc,CAAC,IAAI,CAAC;AACxC,IAAA,MAAM,MAAM,GAAG,WAAW,IAAI,MAAM,CAAC;AACrC,IAAA,MAAM,YAAY,GAAG,WAAW,IAAI,QAAQ,CAAC;IAC7C,MAAM,EAAE,iBAAiB,EAAE,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;AAC1D,IAAA,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;AAErC,IAAA,MAAM,EAAE,cAAc,EAAE,GAAG,iBAAiB,CAA2B,sBAAsB,EAAE;QAC7F,IAAI;QACJ,OAAO;AACP,QAAA,QAAQ,EAAE,QAAQ,CAAC,UAAU,CAAC,GAAG,YAAY,GAAG,aAAa;AAC7D,QAAA,QAAQ,EAAE,QAAQ,CAAC,UAAU,CAAC,GAAG,YAAY,GAAG,aAAa;AAC7D,QAAA,SAAS,EAAE,QAAQ,CAAC,WAAW,CAAC,GAAG,aAAa,GAAG,cAAc;AACjE,QAAA,mBAAmB,EAAE,QAAQ,CAAC,qBAAqB,CAAC;AAClD,cAAE,uBAAuB;AACzB,cAAE,wBAAwB;AAC5B,QAAA,iBAAiB,EAAE,QAAQ,CAAC,mBAAmB,CAAC;AAC9C,cAAE,qBAAqB;AACvB,cAAE,sBAAsB;AAC1B,QAAA,aAAa,EAAE,QAAQ,CAAC,eAAe,CAAC,GAAG,iBAAiB,GAAG,kBAAkB;AACjF,QAAA,WAAW,EAAE,QAAQ,CAAC,aAAa,CAAC,GAAG,eAAe,GAAG,gBAAgB;AACzE,QAAA,WAAW,EAAE,QAAQ,CAAC,QAAQ,CAAC,GAAG,eAAe,GAAG,gBAAgB;AACpE,QAAA,aAAa,EAAE,QAAQ,CAAC,UAAU,CAAC,GAAG,iBAAiB,GAAG,kBAAkB;AAC5E,QAAA,aAAa,EAAE,QAAQ,CAAC,eAAe,CAAC,GAAG,iBAAiB,GAAG,kBAAkB;AACjF,QAAA,YAAY,EAAE,QAAQ,CAAC,cAAc,CAAC,GAAG,gBAAgB,GAAG,iBAAiB;AAC7E,QAAA,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,QAAQ,GAAG,SAAS;AAC7C,QAAA,GAAG,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,OAAO,GAAG,QAAQ;QACzC,QAAQ,EAAE,UAAU,GAAG,YAAY,GAAG,aAAa;QACnD,IAAI;QACJ,MAAM,EAAE,QAAQ,GAAG,UAAU,GAAG,WAAW;QAC3C,MAAM,EAAE,QAAQ,GAAG,UAAU,GAAG,WAAW;QAC3C,KAAK,EAAE,OAAO,GAAG,SAAS,GAAG,UAAU;QACvC,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS;AACnC,QAAA,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC,GAAG,cAAc,GAAG,eAAe;AACrE,QAAA,SAAS,EAAE,QAAQ,CAAC,WAAW,CAAC,GAAG,aAAa,GAAG,cAAc;AACjE,QAAA,WAAW,EAAE,QAAQ,CAAC,aAAa,CAAC,GAAG,UAAU,GAAG,WAAW;AAC/D,QAAA,aAAa,EAAE,QAAQ,CAAC,eAAe,CAAC,GAAG,iBAAiB,GAAG,kBAAkB;AACjF,QAAA,kBAAkB,EAAE,QAAQ,CAAC,oBAAoB,CAAC;AAChD,cAAE,sBAAsB;AACxB,cAAE,uBAAuB;QAC3B,WAAW;AACZ,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,gBAAgB,GAAG;QACvB,MAAM;QACN,OAAO;QACP,YAAY;QACZ,YAAY;QACZ,UAAU;QACV,YAAY;QACZ,SAAS;KACV,CAAC;IAEF,MAAM,UAAU,GAAG,YAAY;AAC7B,UAAE,EAAE;AACJ,UAAE,UAAU;AACZ,cAAE,EAAE,eAAe,EAAE,UAAU,EAAE;AACjC,cAAE,UAAU;AACZ,kBAAE,EAAE,eAAe,EAAE,IAAI,EAAE;kBACzB,EAAE,CAAC;AACP,IAAA,MAAM,WAAW,GAAG,YAAY,GAAG,EAAE,eAAe,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC;AAE1E,IAAA,MAAM,SAAS,GACb,IAAI,CAAC,IAAI,KAAK,MAAM;AAClB,UAAE,EAAE;AACJ,UAAE;AACE,YAAA,YAAY,EAAE,eAAe;AAC7B,YAAA,kBAAkB,EAAE,eAAe;AACnC,YAAA,aAAa,EAAE,UAAU;AACzB,YAAA,sBAAsB,EAAE,mBAAmB;AAC3C,YAAA,eAAe,EAAE,YAAY;AAC7B,YAAA,cAAc,EAAE,WAAW;AAC3B,YAAA,cAAc,EAAE,WAAW;AAC3B,YAAA,WAAW,EAAE,QAAQ;AACrB,YAAA,GAAG,UAAU;AACb,YAAA,GAAG,WAAW;SACf,CAAC;IAER,MAAM,YAAY,GAAG,OAAO,KAAK,SAAS,IAAI,YAAY,GAAG,IAAI,GAAG,KAAK,IAAI,OAAO,CAAC;IAErF,MAAM,WAAW,GAAG,UAAU,CAC5B,YAAY,EACZ,KAAK,CAAC,QAAQ,IAAI,QAAQ,IAAI,YAAY,GAAG,eAAe,GAAG,UAAU,IAAI,EAAE,EAC/E,QAAQ,EACR,UAAU,EACV,QAAQ,CAAC,WAAW,CAAC,GAAG,EAAE,GAAG,WAAW,EACxC,gBAAgB,CACjB,CAAC;IAEF,MAAM,cAAc,GAAG,UAAU,CAAC,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC,CAAC;AACzD,IAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IAEtC,MAAM,WAAW,GAAG,MAAK;QACvB,IACE,CAAC,MAAM,KAAK,kBAAkB,KAAK,KAAK,IAAI,UAAU,CAAC;AACvD,aAAC,YAAY,IAAI,UAAU,CAAC,EAC5B;;AAEA,YAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;SAChC;AACD,QAAA,OAAO,iBAAiB,CAAC;AAC3B,KAAC,CAAC;IAEF,QACEA,IAAC,WAAW;;;;QAEV,GAAG,EACD,GAE+B,EAEjC,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,cAAc,EACrB,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,EAC7B,KAAK,EAAE,KAAK,CAAC,KAAK,EACd,GAAA,SAAS,KACT,WAAW,EAAE,KACb,SAAS,EAAA,GACT,WAAW,EACX,GAAA,WAAW,KACX,IAAI,EAAA,QAAA,EACP,KAAK,CAAC,QAAQ,EACH,CAAA,EACd;AACJ,CAAC,EACD;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/es/BaseCardView-724422f3.js

@@ -6,11 +6,11 @@ import { useRef, useCallback, useEffect, useLayoutEffect, useMemo, useState, use
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 import { i as isKeyDefined, c as containsKey } from './keys-49c92dbb.js';
 import { I as ITEM_SELECTOR, e as compareListItemContext, h as dragToScroll, k as keyExtractor, f as findElementByKey, i as handleSelectionRange, j as getViewportConfig, l as getPrevNextKeyByCount, d as getFirstVisibleKey } from './collectionUtils-8a9d80a3.js';
-import { u as useCurrentKey } from './useCurrentKey-7287061f.js';
+import { u as useCurrentKey } from './useCurrentKey-b8e62707.js';
 import { u as useCollectionFocusRing } from './useCollectionFocusRing-de20f4fc.js';
 import { u as useTabbableModeSet } from './useTabbableModeSet-de779622.js';
-import { u as useSelection } from './useSelection-649fd4f1.js';
-import './LayerHost-e6402730.js';
+import { u as useSelection } from './useSelection-2d26ab04.js';
+import './LayerHost-8b98d97d.js';
 import './DragAndDropStyles.styles.css';
 import './ReorderableItemStyles.styles.css';
 import { R as ReorderableContext } from './ReorderableContext-0daeea89.js';
@@ -27,11 +27,11 @@ import { u as useAnimation } from './useAnimation-a5eb7604.js';
 import { u as useResizeObserver } from './useResizeObserver-838164c1.js';
 import { T as TabbableModeContext } from './TabbableModeContext-7d8ad946.js';
 import { F as FocusTrap } from './FocusTrap-9e80c124.js';
-import { u as useUser } from './useUser-1cd223a9.js';
-import { a as useReorderableItem, u as useReorderable } from './useReorderableItem-22ea4c46.js';
+import { u as useUser } from './useUser-6b2e271a.js';
+import { a as useReorderableItem, u as useReorderable } from './useReorderableItem-99a9dbce.js';
 import { u as useReorderableContext } from './useReorderableContext-79b1c941.js';
-import { G as Grid } from './Grid-421eb560.js';
-import { F as Flex } from './Flex-ce31b351.js';
+import { G as Grid } from './Grid-238d8757.js';
+import { F as Flex } from './Flex-2d9ebee9.js';
 import { cardViewVars } from './PRIVATE_BaseCardView/themes/BaseCardViewContract.css.js';
 import { S as Skeleton } from './Skeleton-7b5ff102.js';
 import { u as useCurrentItemOverride } from './useCurrentItemOverride-43ef8f59.js';