@salt-ds/lab 1.0.0-alpha.12 → 1.0.0-alpha.14

package/dist-es/responsive/useOverflow.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOverflow.js","sources":["../src/responsive/useOverflow.ts"],"sourcesContent":["import { useCallback, useRef } from \"react\";\nimport {\n  addAll,\n  allExceptOverflowIndicator,\n  getOverflowIndicator,\n  isOverflowed,\n  measureContainerOverflow,\n  notOverflowed,\n  popNextItemByPriority,\n} from \"./overflowUtils\";\nimport {\n  OverflowItem,\n  OverflowHookProps,\n  OverflowHookResult,\n} from \"./overflowTypes\";\nimport { partition } from \"../utils\";\nimport { useIdMemo } from \"@salt-ds/core\";\n\nconst NO_OVERFLOW_INDICATOR = { size: 0 };\n\nconst getPriority = (item: OverflowItem) => item.priority;\n\nconst popNextOverflowedItem = (items: OverflowItem[]) => {\n  const minPriority = Math.min(...items.map(getPriority));\n  for (let i = 0; i < items.length; i++) {\n    if (!items[i].isOverflowIndicator && items[i].priority === minPriority) {\n      return items.splice(i, 1)[0];\n    }\n  }\n  return null;\n};\n\nexport const useOverflow = ({\n  collectionHook: { dispatch },\n  id: idProp,\n  label = \"Toolbar\",\n  overflowItemsRef,\n  overflowContainerRef,\n  orientation,\n}: OverflowHookProps): OverflowHookResult => {\n  // We need to detect when we enter/exit the overflowed state\n  const innerContainerSizeRef = useRef(0);\n  const overflowIndicatorSize = useRef(0);\n  const id = useIdMemo(idProp);\n\n  const setContainerMinSize = useCallback(\n    (size?: number) => {\n      if (overflowContainerRef.current) {\n        const isHorizontal = orientation === \"horizontal\";\n        if (size === undefined) {\n          const dimension = isHorizontal ? \"width\" : \"height\";\n          ({ [dimension]: size } =\n            overflowContainerRef.current.getBoundingClientRect());\n        }\n        if (typeof size === \"number\") {\n          const styleDimension = isHorizontal ? \"minWidth\" : \"minHeight\";\n          overflowContainerRef.current.style[styleDimension] = `${size}px`;\n        }\n      }\n    },\n    [orientation, overflowContainerRef]\n  );\n\n  const getAllOverflowedItems = useCallback(\n    (renderedSize: number, availableSpace: number) => {\n      const { current: allItems } = overflowItemsRef;\n      const overflowedItems: OverflowItem[] = [];\n      const items = allItems.slice();\n      while (renderedSize > availableSpace) {\n        const overflowedItem = popNextItemByPriority(items);\n        if (overflowedItem === null) {\n          break;\n        }\n        // eslint-disable-next-line no-param-reassign\n        renderedSize -= overflowedItem.size;\n        overflowedItems.push({\n          ...overflowedItem,\n          overflowed: true,\n        });\n      }\n      return overflowedItems;\n    },\n    [overflowItemsRef]\n  );\n\n  const getOverflowedItems = useCallback(\n    (visibleContentSize: number, containerSize: number) => {\n      const newlyOverflowedItems = [];\n      const { current: managedItems } = overflowItemsRef;\n      const visibleItems = managedItems.filter(notOverflowed);\n      while (visibleContentSize > containerSize) {\n        const overflowedItem = popNextItemByPriority(visibleItems);\n        if (overflowedItem === null) {\n          // unable to overflow, all items are collapsed, this is our minimum width,\n          // enforce it ...\n          // TODO what if density changes\n          // TODO probably not right, now we overflow even collapsed items, min width should be\n          // overflow indicator width plus width of any non-overflowable items\n          // setContainerMinSize(visibleContentSize);\n          break;\n        }\n        visibleContentSize -= overflowedItem.size;\n        newlyOverflowedItems.push({\n          ...overflowedItem,\n          overflowed: true,\n        });\n      }\n      return newlyOverflowedItems;\n    },\n    [overflowItemsRef]\n  );\n\n  const getReinstatedItems = useCallback(\n    (containerSize: number): [number, OverflowItem[]] => {\n      const reinstatedItems: OverflowItem[] = [];\n      const { current: managedItems } = overflowItemsRef;\n\n      const [overflowedItems, visibleItems] = partition(\n        managedItems,\n        isOverflowed\n      );\n      const overflowCount = overflowedItems.length;\n      // TODO calculate this without using fullWidth if we have OVERFLOW\n      // Need a loop here where we first remove OVERFLOW, then potentially remove\n      // COLLAPSE too\n      // We want to re-introduce overflowed items before we start to restore collapsed items\n      // When we are dealing with overflowed items, we just use the current width of collapsed items.\n      let visibleContentSize = visibleItems.reduce(\n        allExceptOverflowIndicator,\n        0\n      );\n      let diff = containerSize - visibleContentSize;\n      const { size: overflowSize = 0 } =\n        getOverflowIndicator(managedItems) || NO_OVERFLOW_INDICATOR;\n      const totalOverflowedSize = overflowedItems.reduce(\n        (sum, item) => sum + item.size,\n        0\n      );\n      // It is important to make this check first, because the overflow indicator may have larger size than\n      // individual overflowed item(s).\n      if (totalOverflowedSize <= diff) {\n        reinstatedItems.push(\n          ...overflowedItems.map((item) => ({ ...item, overflowed: false }))\n        );\n      } else {\n        while (overflowedItems.length > 0) {\n          const nextItem = popNextOverflowedItem(overflowedItems);\n          if (nextItem && diff >= nextItem.size) {\n            // we have enough free space to reinstate this overflowed item\n            // we can only ignore the width of overflow Indicator if either there is only one remaining\n            // overflow item (so overflowIndicator will be removed) or diff is big enough to accommodate\n            // the overflow Ind.\n            if (\n              overflowedItems.length === 0 ||\n              diff >= nextItem.size + overflowSize\n            ) {\n              visibleContentSize += nextItem.size;\n              diff = diff - nextItem.size;\n              reinstatedItems.push({\n                ...nextItem,\n                overflowed: false,\n              });\n            } else {\n              break;\n            }\n          } else {\n            break;\n          }\n        }\n      }\n      return [overflowCount, reinstatedItems];\n    },\n    []\n  );\n\n  const resetMeasurements = useCallback(\n    (isOverflowing: boolean, innerContainerSize: number) => {\n      if (isOverflowing) {\n        const { current: managedItems } = overflowItemsRef;\n        const renderedSize = managedItems.reduce(allExceptOverflowIndicator, 0);\n        const overflowIndicator = managedItems.find(\n          (i) => i.isOverflowIndicator\n        );\n        if (\n          overflowIndicator &&\n          overflowIndicator.size !== overflowIndicatorSize.current\n        ) {\n          overflowIndicatorSize.current = overflowIndicator.size;\n          setContainerMinSize(overflowIndicator.size);\n        }\n        const existingOverflow = managedItems.filter(isOverflowed);\n        const updates = getAllOverflowedItems(\n          renderedSize,\n          innerContainerSize - overflowIndicatorSize.current\n        );\n\n        existingOverflow.forEach((item) => {\n          if (!updates.some((i) => i.index === item.index)) {\n            updates.push({\n              ...item,\n              overflowed: false,\n            });\n          }\n        });\n\n        const overflowAdded = !existingOverflow.length && updates.length;\n\n        if (updates.length > 0) {\n          if (overflowAdded) {\n            dispatch({\n              type: \"update-items-add-overflow-indicator\",\n              overflowItems: updates,\n              overflowItem: {\n                fullSize: null,\n                id: `${id}-overflow-indicator`,\n                index: managedItems.length,\n                isOverflowIndicator: true,\n                label: \"Overflow Menu\",\n                priority: 1,\n                source: {},\n              } as OverflowItem<\"source\">,\n            });\n          } else {\n            dispatch({\n              type: \"update-items\",\n              overflowItems: updates,\n            });\n          }\n          return true;\n        } else {\n          return false;\n        }\n      }\n    },\n    [dispatch, getAllOverflowedItems, id, overflowItemsRef, setContainerMinSize]\n  );\n\n  const updateOverflow = useCallback(\n    (containerSize: number, renderedSize: number) => {\n      if (containerSize < renderedSize) {\n        const overflowItems = getOverflowedItems(renderedSize, containerSize);\n        if (overflowItems.length) {\n          dispatch({\n            type: \"update-items\",\n            overflowItems,\n          });\n        }\n      }\n    },\n    [dispatch, getOverflowedItems]\n  );\n\n  const removeOverflow = useCallback(\n    (containerSize: number) => {\n      const [overflowCount, reinstated] = getReinstatedItems(containerSize);\n      if (reinstated.length) {\n        if (overflowCount === reinstated.length) {\n          dispatch({\n            type: \"update-items-remove-overflow-indicator\",\n            overflowItems: reinstated,\n          });\n        } else {\n          dispatch({\n            type: \"update-items\",\n            overflowItems: reinstated,\n          });\n        }\n      }\n    },\n    [dispatch, getReinstatedItems]\n  );\n\n  const handleResize = useCallback(\n    (size: number, containerHasGrown?: boolean) => {\n      const { current: managedItems } = overflowItemsRef;\n      const wasOverflowing = managedItems.some(\n        (item) => item.isOverflowIndicator\n      );\n      const { isOverflowing } = measureContainerOverflow(\n        overflowContainerRef,\n        orientation\n      );\n\n      innerContainerSizeRef.current = size;\n\n      if (!wasOverflowing && isOverflowing) {\n        // entering overflow\n        // TODO if client is not using an overflow indicator, there is nothing to do here,\n        // just let nature take its course. How do we know this ?\n        // This is when we need to add width to measurements we are tracking\n        resetMeasurements(true, size);\n      } else if (wasOverflowing && containerHasGrown) {\n        // check to see if we can reinstate one or more items, possibly all\n        removeOverflow(size);\n      } else if (wasOverflowing && isOverflowing) {\n        // Note: container must have shrunk\n        // still overflowing, possibly more overflowing than before\n        const renderedSize = managedItems\n          .filter(notOverflowed)\n          .reduce(addAll, 0);\n        updateOverflow(size, renderedSize);\n      }\n    },\n    [\n      orientation,\n      overflowContainerRef,\n      overflowItemsRef,\n      removeOverflow,\n      resetMeasurements,\n      updateOverflow,\n    ]\n  );\n\n  return {\n    onResize: handleResize,\n    resetMeasurements,\n  };\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useOverflow.js","sources":["../src/responsive/useOverflow.ts"],"sourcesContent":["import { useCallback, useRef } from \"react\";\nimport {\n  addAll,\n  allExceptOverflowIndicator,\n  getOverflowIndicator,\n  isOverflowed,\n  measureContainerOverflow,\n  notOverflowed,\n  popNextItemByPriority,\n} from \"./overflowUtils\";\nimport {\n  OverflowItem,\n  OverflowHookProps,\n  OverflowHookResult,\n} from \"./overflowTypes\";\nimport { partition } from \"../utils\";\nimport { useIdMemo } from \"@salt-ds/core\";\n\nconst NO_OVERFLOW_INDICATOR = { size: 0 };\n\nconst getPriority = (item: OverflowItem) => item.priority;\n\nconst popNextOverflowedItem = (items: OverflowItem[]) => {\n  const minPriority = Math.min(...items.map(getPriority));\n  for (let i = 0; i < items.length; i++) {\n    if (!items[i].isOverflowIndicator && items[i].priority === minPriority) {\n      return items.splice(i, 1)[0];\n    }\n  }\n  return null;\n};\n\nexport const useOverflow = ({\n  collectionHook: { dispatch },\n  id: idProp,\n  label = \"Toolbar\",\n  overflowItemsRef,\n  overflowContainerRef,\n  orientation,\n}: OverflowHookProps): OverflowHookResult => {\n  // We need to detect when we enter/exit the overflowed state\n  const innerContainerSizeRef = useRef(0);\n  const overflowIndicatorSize = useRef(0);\n  const id = useIdMemo(idProp);\n\n  const setContainerMinSize = useCallback(\n    (size?: number) => {\n      if (overflowContainerRef.current) {\n        const isHorizontal = orientation === \"horizontal\";\n        if (size === undefined) {\n          const dimension = isHorizontal ? \"width\" : \"height\";\n          ({ [dimension]: size } =\n            overflowContainerRef.current.getBoundingClientRect());\n        }\n        if (typeof size === \"number\") {\n          const styleDimension = isHorizontal ? \"minWidth\" : \"minHeight\";\n          overflowContainerRef.current.style[styleDimension] = `${size}px`;\n        }\n      }\n    },\n    [orientation, overflowContainerRef]\n  );\n\n  const getAllOverflowedItems = useCallback(\n    (renderedSize: number, availableSpace: number) => {\n      const { current: allItems } = overflowItemsRef;\n      const overflowedItems: OverflowItem[] = [];\n      const items = allItems.slice();\n      while (renderedSize > availableSpace) {\n        const overflowedItem = popNextItemByPriority(items);\n        if (overflowedItem === null) {\n          break;\n        }\n        // eslint-disable-next-line no-param-reassign\n        renderedSize -= overflowedItem.size;\n        overflowedItems.push({\n          ...overflowedItem,\n          overflowed: true,\n        });\n      }\n      return overflowedItems;\n    },\n    [overflowItemsRef]\n  );\n\n  const getOverflowedItems = useCallback(\n    (visibleContentSize: number, containerSize: number) => {\n      const newlyOverflowedItems = [];\n      const { current: managedItems } = overflowItemsRef;\n      const visibleItems = managedItems.filter(notOverflowed);\n      while (visibleContentSize > containerSize) {\n        const overflowedItem = popNextItemByPriority(visibleItems);\n        if (overflowedItem === null) {\n          // unable to overflow, all items are collapsed, this is our minimum width,\n          // enforce it ...\n          // TODO what if density changes\n          // TODO probably not right, now we overflow even collapsed items, min width should be\n          // overflow indicator width plus width of any non-overflowable items\n          // setContainerMinSize(visibleContentSize);\n          break;\n        }\n        visibleContentSize -= overflowedItem.size;\n        newlyOverflowedItems.push({\n          ...overflowedItem,\n          overflowed: true,\n        });\n      }\n      return newlyOverflowedItems;\n    },\n    [overflowItemsRef]\n  );\n\n  const getReinstatedItems = useCallback(\n    (containerSize: number): [number, OverflowItem[]] => {\n      const reinstatedItems: OverflowItem[] = [];\n      const { current: managedItems } = overflowItemsRef;\n\n      const [overflowedItems, visibleItems] = partition(\n        managedItems,\n        isOverflowed\n      );\n      const overflowCount = overflowedItems.length;\n      // TODO calculate this without using fullWidth if we have OVERFLOW\n      // Need a loop here where we first remove OVERFLOW, then potentially remove\n      // COLLAPSE too\n      // We want to re-introduce overflowed items before we start to restore collapsed items\n      // When we are dealing with overflowed items, we just use the current width of collapsed items.\n      let visibleContentSize = visibleItems.reduce(\n        allExceptOverflowIndicator,\n        0\n      );\n      let diff = containerSize - visibleContentSize;\n      const { size: overflowSize = 0 } =\n        getOverflowIndicator(managedItems) || NO_OVERFLOW_INDICATOR;\n      const totalOverflowedSize = overflowedItems.reduce(\n        (sum, item) => sum + item.size,\n        0\n      );\n      // It is important to make this check first, because the overflow indicator may have larger size than\n      // individual overflowed item(s).\n      if (totalOverflowedSize <= diff) {\n        reinstatedItems.push(\n          ...overflowedItems.map((item) => ({ ...item, overflowed: false }))\n        );\n      } else {\n        while (overflowedItems.length > 0) {\n          const nextItem = popNextOverflowedItem(overflowedItems);\n          if (nextItem && diff >= nextItem.size) {\n            // we have enough free space to reinstate this overflowed item\n            // we can only ignore the width of overflow Indicator if either there is only one remaining\n            // overflow item (so overflowIndicator will be removed) or diff is big enough to accommodate\n            // the overflow Ind.\n            if (\n              overflowedItems.length === 0 ||\n              diff >= nextItem.size + overflowSize\n            ) {\n              visibleContentSize += nextItem.size;\n              diff = diff - nextItem.size;\n              reinstatedItems.push({\n                ...nextItem,\n                overflowed: false,\n              });\n            } else {\n              break;\n            }\n          } else {\n            break;\n          }\n        }\n      }\n      return [overflowCount, reinstatedItems];\n    },\n    []\n  );\n\n  const resetMeasurements = useCallback(\n    (isOverflowing: boolean, innerContainerSize: number) => {\n      if (isOverflowing) {\n        const { current: managedItems } = overflowItemsRef;\n        const renderedSize = managedItems.reduce(allExceptOverflowIndicator, 0);\n        const overflowIndicator = managedItems.find(\n          (i) => i.isOverflowIndicator\n        );\n        if (\n          overflowIndicator &&\n          overflowIndicator.size !== overflowIndicatorSize.current\n        ) {\n          overflowIndicatorSize.current = overflowIndicator.size;\n          setContainerMinSize(overflowIndicator.size);\n        }\n        const existingOverflow = managedItems.filter(isOverflowed);\n        const updates = getAllOverflowedItems(\n          renderedSize,\n          innerContainerSize - overflowIndicatorSize.current\n        );\n\n        existingOverflow.forEach((item) => {\n          if (!updates.some((i) => i.index === item.index)) {\n            updates.push({\n              ...item,\n              overflowed: false,\n            });\n          }\n        });\n\n        const overflowAdded = !existingOverflow.length && updates.length;\n\n        if (updates.length > 0) {\n          if (overflowAdded) {\n            dispatch({\n              type: \"update-items-add-overflow-indicator\",\n              overflowItems: updates,\n              overflowItem: {\n                fullSize: null,\n                id: `${id}-overflow-indicator`,\n                index: managedItems.length,\n                isOverflowIndicator: true,\n                label: \"Overflow Menu\",\n                priority: 1,\n                source: {},\n              } as OverflowItem<\"source\">,\n            });\n          } else {\n            dispatch({\n              type: \"update-items\",\n              overflowItems: updates,\n            });\n          }\n          return true;\n        } else {\n          return false;\n        }\n      }\n    },\n    [dispatch, getAllOverflowedItems, id, overflowItemsRef, setContainerMinSize]\n  );\n\n  const updateOverflow = useCallback(\n    (containerSize: number, renderedSize: number) => {\n      if (containerSize < renderedSize) {\n        const overflowItems = getOverflowedItems(renderedSize, containerSize);\n        if (overflowItems.length) {\n          dispatch({\n            type: \"update-items\",\n            overflowItems,\n          });\n        }\n      }\n    },\n    [dispatch, getOverflowedItems]\n  );\n\n  const removeOverflow = useCallback(\n    (containerSize: number) => {\n      const [overflowCount, reinstated] = getReinstatedItems(containerSize);\n      if (reinstated.length) {\n        if (overflowCount === reinstated.length) {\n          dispatch({\n            type: \"update-items-remove-overflow-indicator\",\n            overflowItems: reinstated,\n          });\n        } else {\n          dispatch({\n            type: \"update-items\",\n            overflowItems: reinstated,\n          });\n        }\n      }\n    },\n    [dispatch, getReinstatedItems]\n  );\n\n  const handleResize = useCallback(\n    (size: number, containerHasGrown?: boolean) => {\n      const { current: managedItems } = overflowItemsRef;\n      const wasOverflowing = managedItems.some(\n        (item) => item.isOverflowIndicator\n      );\n      const { isOverflowing } = measureContainerOverflow(\n        overflowContainerRef,\n        orientation\n      );\n\n      innerContainerSizeRef.current = size;\n\n      if (!wasOverflowing && isOverflowing) {\n        // entering overflow\n        // TODO if client is not using an overflow indicator, there is nothing to do here,\n        // just let nature take its course. How do we know this ?\n        // This is when we need to add width to measurements we are tracking\n        resetMeasurements(true, size);\n      } else if (wasOverflowing && containerHasGrown) {\n        // check to see if we can reinstate one or more items, possibly all\n        removeOverflow(size);\n      } else if (wasOverflowing && isOverflowing) {\n        // Note: container must have shrunk\n        // still overflowing, possibly more overflowing than before\n        const renderedSize = managedItems\n          .filter(notOverflowed)\n          .reduce(addAll, 0);\n        updateOverflow(size, renderedSize);\n      }\n    },\n    [\n      orientation,\n      overflowContainerRef,\n      overflowItemsRef,\n      removeOverflow,\n      resetMeasurements,\n      updateOverflow,\n    ]\n  );\n\n  return {\n    onResize: handleResize,\n    resetMeasurements,\n  };\n};\n"],"names":[],"mappings":"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"}

package/dist-es/stepped-tracker/StepLabel/StepLabel.css.js

@@ -0,0 +1,4 @@
+var css_248z = ".saltStepLabel {\n  width: 100%;\n  text-align: center;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n";
+
+export { css_248z as default };
+//# sourceMappingURL=StepLabel.css.js.map

package/dist-es/stepped-tracker/StepLabel/StepLabel.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepLabel.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist-es/stepped-tracker/StepLabel/StepLabel.js

@@ -0,0 +1,38 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef, useMemo } from 'react';
+import { clsx } from 'clsx';
+import { makePrefixer, useIdMemo, useForkRef, Label } from '@salt-ds/core';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import css_248z from './StepLabel.css.js';
+import { useSteppedTrackerContext } from '../SteppedTrackerContext.js';
+import '../TrackerStep/TrackerStep.js';
+import { useTrackerStepTooltipContext } from '../TrackerStep/TrackerStepTooltipContext.js';
+
+const withBaseName = makePrefixer("saltStepLabel");
+const StepLabel = forwardRef(
+  function StepLabel2({ children, className, ...rest }, ref) {
+    const id = useIdMemo();
+    const targetWindow = useWindow();
+    useComponentCssInjection({
+      testId: "salt-step-label",
+      css: css_248z,
+      window: targetWindow
+    });
+    const { getOverflowRef } = useSteppedTrackerContext();
+    const overflowRef = useMemo(() => getOverflowRef(id), [id, getOverflowRef]);
+    const isInTooltip = useTrackerStepTooltipContext();
+    const combinedRef = useForkRef(overflowRef, ref);
+    return isInTooltip ? /* @__PURE__ */ jsx("span", {
+      children
+    }) : /* @__PURE__ */ jsx(Label, {
+      className: clsx(withBaseName(), className),
+      ref: combinedRef,
+      ...rest,
+      children
+    });
+  }
+);
+
+export { StepLabel };
+//# sourceMappingURL=StepLabel.js.map

package/dist-es/stepped-tracker/StepLabel/StepLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepLabel.js","sources":["../src/stepped-tracker/StepLabel/StepLabel.tsx"],"sourcesContent":["import {\n  forwardRef,\n  ReactNode,\n  useMemo,\n  ComponentPropsWithoutRef,\n} from \"react\";\nimport { clsx } from \"clsx\";\nimport { useForkRef, makePrefixer, useIdMemo, Label } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport stepLabelCss from \"./StepLabel.css\";\n\nimport { useSteppedTrackerContext } from \"../SteppedTrackerContext\";\nimport { useTrackerStepTooltipContext } from \"../TrackerStep\";\n\nconst withBaseName = makePrefixer(\"saltStepLabel\");\n\nexport interface StepLabelProps extends ComponentPropsWithoutRef<\"label\"> {\n  children: ReactNode;\n}\n\nexport const StepLabel = forwardRef<HTMLLabelElement, StepLabelProps>(\n  function StepLabel({ children, className, ...rest }, ref?) {\n    const id = useIdMemo();\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-step-label\",\n      css: stepLabelCss,\n      window: targetWindow,\n    });\n\n    const { getOverflowRef } = useSteppedTrackerContext();\n    const overflowRef = useMemo(() => getOverflowRef(id), [id, getOverflowRef]);\n\n    const isInTooltip = useTrackerStepTooltipContext();\n\n    const combinedRef = useForkRef<HTMLLabelElement>(overflowRef, ref);\n\n    return isInTooltip ? (\n      <span>{children}</span>\n    ) : (\n      <Label\n        className={clsx(withBaseName(), className)}\n        ref={combinedRef}\n        {...rest}\n      >\n        {children}\n      </Label>\n    );\n  }\n);\n"],"names":["StepLabel","stepLabelCss"],"mappings":";;;;;;;;;;;AAgBA,MAAM,YAAA,GAAe,aAAa,eAAe,CAAA,CAAA;AAM1C,MAAM,SAAY,GAAA,UAAA;AAAA,EACvB,SAASA,UAAU,CAAA,EAAE,UAAU,SAAc,EAAA,GAAA,IAAA,IAAQ,GAAM,EAAA;AACzD,IAAA,MAAM,KAAK,SAAU,EAAA,CAAA;AAErB,IAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,iBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAM,MAAA,EAAE,cAAe,EAAA,GAAI,wBAAyB,EAAA,CAAA;AACpD,IAAM,MAAA,WAAA,GAAc,QAAQ,MAAM,cAAA,CAAe,EAAE,CAAG,EAAA,CAAC,EAAI,EAAA,cAAc,CAAC,CAAA,CAAA;AAE1E,IAAA,MAAM,cAAc,4BAA6B,EAAA,CAAA;AAEjD,IAAM,MAAA,WAAA,GAAc,UAA6B,CAAA,WAAA,EAAa,GAAG,CAAA,CAAA;AAEjE,IAAA,OAAO,8BACJ,GAAA,CAAA,MAAA,EAAA;AAAA,MAAM,QAAA;AAAA,KAAS,oBAEf,GAAA,CAAA,KAAA,EAAA;AAAA,MACC,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,GAAK,EAAA,WAAA;AAAA,MACJ,GAAG,IAAA;AAAA,MAEH,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/stepped-tracker/SteppedTracker.css.js

@@ -0,0 +1,4 @@
+var css_248z = ".saltSteppedTracker {\n  margin: 0;\n  padding: 0;\n  text-indent: 0;\n  list-style-type: none;\n  display: flex;\n  flex-direction: row;\n  gap: var(--salt-spacing-50);\n  width: 100%;\n  position: relative;\n}\n";
+
+export { css_248z as default };
+//# sourceMappingURL=SteppedTracker.css.js.map

package/dist-es/stepped-tracker/SteppedTracker.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SteppedTracker.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist-es/stepped-tracker/SteppedTracker.js

@@ -0,0 +1,60 @@
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef, useState, Children, useEffect, isValidElement } from 'react';
+import { clsx } from 'clsx';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { makePrefixer } from '@salt-ds/core';
+import useDetectTruncatedText from './useDetectTruncatedText.js';
+import { SteppedTrackerProvider, TrackerStepProvider } from './SteppedTrackerContext.js';
+import css_248z from './SteppedTracker.css.js';
+
+const withBaseName = makePrefixer("saltSteppedTracker");
+const useCheckInvalidChildren = (children) => {
+  useEffect(() => {
+    if (process.env.NODE_ENV !== "production") {
+      let hasInvalidChild = false;
+      Children.forEach(children, (child) => {
+        if (!isValidElement(child)) {
+          hasInvalidChild = true;
+        }
+      });
+      if (hasInvalidChild) {
+        console.error(
+          "Invalid child: children of SteppedTracker must be a TrackerStep component"
+        );
+      }
+    }
+  }, [children]);
+};
+const SteppedTracker = forwardRef(
+  function SteppedTracker2({ children, className, activeStep, ...restProps }, ref) {
+    const targetWindow = useWindow();
+    useComponentCssInjection({
+      testId: "salt-stepped-tracker",
+      css: css_248z,
+      window: targetWindow
+    });
+    useCheckInvalidChildren(children);
+    const [hasTooltips, setHasTooltips] = useState(false);
+    const getOverflowRef = useDetectTruncatedText(setHasTooltips);
+    const totalSteps = Children.count(children);
+    return /* @__PURE__ */ jsx(SteppedTrackerProvider, {
+      hasTooltips,
+      getOverflowRef,
+      totalSteps,
+      activeStep,
+      children: /* @__PURE__ */ jsx("ul", {
+        className: clsx(withBaseName(), className),
+        ref,
+        ...restProps,
+        children: Children.map(children, (child, i) => /* @__PURE__ */ jsx(TrackerStepProvider, {
+          stepNumber: i,
+          children: child
+        }))
+      })
+    });
+  }
+);
+
+export { SteppedTracker };
+//# sourceMappingURL=SteppedTracker.js.map

package/dist-es/stepped-tracker/SteppedTracker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SteppedTracker.js","sources":["../src/stepped-tracker/SteppedTracker.tsx"],"sourcesContent":["import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  Children,\n  useState,\n  isValidElement,\n  useEffect,\n} from \"react\";\nimport { clsx } from \"clsx\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { makePrefixer } from \"@salt-ds/core\";\n\nimport useDetectTruncatedText from \"./useDetectTruncatedText\";\nimport {\n  SteppedTrackerProvider,\n  TrackerStepProvider,\n} from \"./SteppedTrackerContext\";\n\nimport steppedTrackerCss from \"./SteppedTracker.css\";\n\nconst withBaseName = makePrefixer(\"saltSteppedTracker\");\n\nexport interface SteppedTrackerProps extends ComponentPropsWithoutRef<\"ul\"> {\n  /**\n   * The index of the current activeStep\n   */\n  activeStep: number;\n  /**\n   * Should be one or more TrackerStep components\n   */\n  children: ReactNode;\n}\n\nconst useCheckInvalidChildren = (children: ReactNode) => {\n  useEffect(() => {\n    if (process.env.NODE_ENV !== \"production\") {\n      let hasInvalidChild = false;\n      Children.forEach(children, (child) => {\n        if (!isValidElement(child)) {\n          hasInvalidChild = true;\n        }\n      });\n\n      if (hasInvalidChild) {\n        console.error(\n          \"Invalid child: children of SteppedTracker must be a TrackerStep component\"\n        );\n      }\n    }\n  }, [children]);\n};\n\nexport const SteppedTracker = forwardRef<HTMLUListElement, SteppedTrackerProps>(\n  function SteppedTracker(\n    { children, className, activeStep, ...restProps },\n    ref?\n  ): ReactElement<SteppedTrackerProps> {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-stepped-tracker\",\n      css: steppedTrackerCss,\n      window: targetWindow,\n    });\n\n    useCheckInvalidChildren(children);\n    const [hasTooltips, setHasTooltips] = useState(false);\n    // A factory function used to get a callback ref for checking truncation.\n    const getOverflowRef = useDetectTruncatedText(setHasTooltips);\n    const totalSteps = Children.count(children);\n\n    return (\n      <SteppedTrackerProvider\n        hasTooltips={hasTooltips}\n        getOverflowRef={getOverflowRef}\n        totalSteps={totalSteps}\n        activeStep={activeStep}\n      >\n        <ul\n          className={clsx(withBaseName(), className)}\n          ref={ref}\n          {...restProps}\n        >\n          {Children.map(children, (child, i) => (\n            <TrackerStepProvider stepNumber={i}>{child}</TrackerStepProvider>\n          ))}\n        </ul>\n      </SteppedTrackerProvider>\n    );\n  }\n);\n"],"names":["SteppedTracker","steppedTrackerCss"],"mappings":";;;;;;;;;;AAuBA,MAAM,YAAA,GAAe,aAAa,oBAAoB,CAAA,CAAA;AAatD,MAAM,uBAAA,GAA0B,CAAC,QAAwB,KAAA;AACvD,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,MAAA,IAAI,eAAkB,GAAA,KAAA,CAAA;AACtB,MAAS,QAAA,CAAA,OAAA,CAAQ,QAAU,EAAA,CAAC,KAAU,KAAA;AACpC,QAAI,IAAA,CAAC,cAAe,CAAA,KAAK,CAAG,EAAA;AAC1B,UAAkB,eAAA,GAAA,IAAA,CAAA;AAAA,SACpB;AAAA,OACD,CAAA,CAAA;AAED,MAAA,IAAI,eAAiB,EAAA;AACnB,QAAQ,OAAA,CAAA,KAAA;AAAA,UACN,2EAAA;AAAA,SACF,CAAA;AAAA,OACF;AAAA,KACF;AAAA,GACF,EAAG,CAAC,QAAQ,CAAC,CAAA,CAAA;AACf,CAAA,CAAA;AAEO,MAAM,cAAiB,GAAA,UAAA;AAAA,EAC5B,SAASA,gBACP,EAAE,QAAA,EAAU,WAAW,UAAe,EAAA,GAAA,SAAA,IACtC,GACmC,EAAA;AACnC,IAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,sBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,uBAAA,CAAwB,QAAQ,CAAA,CAAA;AAChC,IAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAEpD,IAAM,MAAA,cAAA,GAAiB,uBAAuB,cAAc,CAAA,CAAA;AAC5D,IAAM,MAAA,UAAA,GAAa,QAAS,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAE1C,IAAA,uBACG,GAAA,CAAA,sBAAA,EAAA;AAAA,MACC,WAAA;AAAA,MACA,cAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,MAEA,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA;AAAA,QACC,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,QACzC,GAAA;AAAA,QACC,GAAG,SAAA;AAAA,QAEH,mBAAS,GAAI,CAAA,QAAA,EAAU,CAAC,KAAA,EAAO,sBAC7B,GAAA,CAAA,mBAAA,EAAA;AAAA,UAAoB,UAAY,EAAA,CAAA;AAAA,UAAI,QAAA,EAAA,KAAA;AAAA,SAAM,CAC5C,CAAA;AAAA,OACH,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/stepped-tracker/SteppedTrackerContext.js

@@ -0,0 +1,50 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useMemo, useContext } from 'react';
+
+const defaultSteppedTrackerContext = {
+  activeStep: 0,
+  hasTooltips: false,
+  totalSteps: 1,
+  getOverflowRef: () => void 0,
+  isWithinSteppedTracker: false
+};
+const SteppedTrackerContext = createContext(
+  defaultSteppedTrackerContext
+);
+const SteppedTrackerProvider = ({
+  activeStep,
+  getOverflowRef,
+  hasTooltips,
+  totalSteps,
+  children
+}) => {
+  const steppedTrackerContextValue = useMemo(
+    () => ({
+      activeStep,
+      getOverflowRef,
+      hasTooltips,
+      totalSteps,
+      isWithinSteppedTracker: true
+    }),
+    [activeStep, getOverflowRef, hasTooltips, totalSteps]
+  );
+  return /* @__PURE__ */ jsx(SteppedTrackerContext.Provider, {
+    value: steppedTrackerContextValue,
+    children
+  });
+};
+const useSteppedTrackerContext = () => useContext(SteppedTrackerContext);
+const TrackerStepContext = createContext(0);
+const useTrackerStepContext = () => useContext(TrackerStepContext);
+const TrackerStepProvider = ({
+  children,
+  stepNumber
+}) => {
+  return /* @__PURE__ */ jsx(TrackerStepContext.Provider, {
+    value: stepNumber,
+    children
+  });
+};
+
+export { SteppedTrackerProvider, TrackerStepProvider, useSteppedTrackerContext, useTrackerStepContext };
+//# sourceMappingURL=SteppedTrackerContext.js.map

package/dist-es/stepped-tracker/SteppedTrackerContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SteppedTrackerContext.js","sources":["../src/stepped-tracker/SteppedTrackerContext.tsx"],"sourcesContent":["import { createContext, useContext, ReactNode, useMemo } from \"react\";\n\nimport { GetOverflowRef } from \"./useDetectTruncatedText\";\n\nexport type SteppedTrackerContextType = {\n  activeStep: number;\n  getOverflowRef: GetOverflowRef;\n  hasTooltips: boolean;\n  totalSteps: number;\n  isWithinSteppedTracker: boolean;\n};\n\nconst defaultSteppedTrackerContext = {\n  activeStep: 0,\n  hasTooltips: false,\n  totalSteps: 1,\n  getOverflowRef: () => undefined,\n  isWithinSteppedTracker: false,\n};\n\nconst SteppedTrackerContext = createContext(\n  defaultSteppedTrackerContext as unknown as SteppedTrackerContextType\n);\n\ntype SteppedTrackerProviderProps = Omit<\n  SteppedTrackerContextType,\n  \"isWithinSteppedTracker\"\n> & {\n  children: ReactNode;\n};\n\nexport const SteppedTrackerProvider = ({\n  activeStep,\n  getOverflowRef,\n  hasTooltips,\n  totalSteps,\n  children,\n}: SteppedTrackerProviderProps) => {\n  const steppedTrackerContextValue: SteppedTrackerContextType = useMemo(\n    () => ({\n      activeStep,\n      getOverflowRef,\n      hasTooltips,\n      totalSteps,\n      isWithinSteppedTracker: true,\n    }),\n    [activeStep, getOverflowRef, hasTooltips, totalSteps]\n  );\n\n  return (\n    <SteppedTrackerContext.Provider value={steppedTrackerContextValue}>\n      {children}\n    </SteppedTrackerContext.Provider>\n  );\n};\n\nexport const useSteppedTrackerContext = () => useContext(SteppedTrackerContext);\n\ntype TrackerStepNumberContextType = number;\n\nconst TrackerStepContext = createContext<TrackerStepNumberContextType>(0);\n\nexport const useTrackerStepContext = () => useContext(TrackerStepContext);\n\ntype TrackerStepProivderProps = {\n  stepNumber: number;\n  children: ReactNode;\n};\n\nexport const TrackerStepProvider = ({\n  children,\n  stepNumber,\n}: TrackerStepProivderProps) => {\n  return (\n    <TrackerStepContext.Provider value={stepNumber}>\n      {children}\n    </TrackerStepContext.Provider>\n  );\n};\n"],"names":[],"mappings":";;;AAYA,MAAM,4BAA+B,GAAA;AAAA,EACnC,UAAY,EAAA,CAAA;AAAA,EACZ,WAAa,EAAA,KAAA;AAAA,EACb,UAAY,EAAA,CAAA;AAAA,EACZ,gBAAgB,MAAM,KAAA,CAAA;AAAA,EACtB,sBAAwB,EAAA,KAAA;AAC1B,CAAA,CAAA;AAEA,MAAM,qBAAwB,GAAA,aAAA;AAAA,EAC5B,4BAAA;AACF,CAAA,CAAA;AASO,MAAM,yBAAyB,CAAC;AAAA,EACrC,UAAA;AAAA,EACA,cAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AACF,CAAmC,KAAA;AACjC,EAAA,MAAM,0BAAwD,GAAA,OAAA;AAAA,IAC5D,OAAO;AAAA,MACL,UAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA,sBAAwB,EAAA,IAAA;AAAA,KAC1B,CAAA;AAAA,IACA,CAAC,UAAA,EAAY,cAAgB,EAAA,WAAA,EAAa,UAAU,CAAA;AAAA,GACtD,CAAA;AAEA,EACE,uBAAA,GAAA,CAAC,sBAAsB,QAAtB,EAAA;AAAA,IAA+B,KAAO,EAAA,0BAAA;AAAA,IACpC,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,EAAA;AAEa,MAAA,wBAAA,GAA2B,MAAM,UAAA,CAAW,qBAAqB,EAAA;AAI9E,MAAM,kBAAA,GAAqB,cAA4C,CAAC,CAAA,CAAA;AAE3D,MAAA,qBAAA,GAAwB,MAAM,UAAA,CAAW,kBAAkB,EAAA;AAOjE,MAAM,sBAAsB,CAAC;AAAA,EAClC,QAAA;AAAA,EACA,UAAA;AACF,CAAgC,KAAA;AAC9B,EACE,uBAAA,GAAA,CAAC,mBAAmB,QAAnB,EAAA;AAAA,IAA4B,KAAO,EAAA,UAAA;AAAA,IACjC,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/stepped-tracker/TrackerConnector/TrackerConnector.css.js

@@ -0,0 +1,4 @@
+var css_248z = ".saltTrackerConnector {\n  --trackerConnector-style-default: var(--saltTrackerConnector-style-default, var(--salt-track-borderStyle-incomplete));\n  --trackerConnector-style-active: var(--saltTrackerConnector-style-active, var(--salt-track-borderStyle-active));\n  --trackerConnector-color: var(--saltTrackerConnector-color, var(--salt-track-borderColor));\n  --trackerConnector-thickness: var(--saltTrackerConnector-thickness, var(--salt-track-borderWidth));\n  --trackerConnector-margin: var(--saltTrackerConnector-margin, var(--salt-spacing-100));\n}\n\n.saltTrackerConnector {\n  height: 0;\n  border-top-width: var(--trackerConnector-thickness);\n  border-top-style: var(--trackerConnector-style-default);\n  border-top-color: var(--trackerConnector-color);\n  position: absolute;\n  width: calc(100% - (var(--saltIcon-size)) - (var(--trackerConnector-margin) * 2));\n  left: calc(50% + (var(--saltIcon-size) / 2) + var(--trackerConnector-margin));\n  top: calc(var(--saltIcon-size) / 2);\n}\n\n.saltTrackerConnector.saltTrackerConnector-active {\n  border-top-style: var(--trackerConnector-style-active);\n}\n";
+
+export { css_248z as default };
+//# sourceMappingURL=TrackerConnector.css.js.map

package/dist-es/stepped-tracker/TrackerConnector/TrackerConnector.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrackerConnector.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist-es/stepped-tracker/TrackerConnector/TrackerConnector.js

@@ -0,0 +1,22 @@
+import { jsx } from 'react/jsx-runtime';
+import { makePrefixer } from '@salt-ds/core';
+import { clsx } from 'clsx';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import css_248z from './TrackerConnector.css.js';
+
+const withBaseName = makePrefixer("saltTrackerConnector");
+const TrackerConnector = ({ state }) => {
+  const targetWindow = useWindow();
+  useComponentCssInjection({
+    testId: "salt-tracker-connector",
+    css: css_248z,
+    window: targetWindow
+  });
+  return /* @__PURE__ */ jsx("span", {
+    className: clsx(withBaseName(), withBaseName(state))
+  });
+};
+
+export { TrackerConnector };
+//# sourceMappingURL=TrackerConnector.js.map

package/dist-es/stepped-tracker/TrackerConnector/TrackerConnector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrackerConnector.js","sources":["../src/stepped-tracker/TrackerConnector/TrackerConnector.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport trackerConnectorCss from \"./TrackerConnector.css\";\n\nconst withBaseName = makePrefixer(\"saltTrackerConnector\");\n\ntype ConnectorState = \"default\" | \"active\";\n\ntype TrackerConnectorProps = {\n  /**\n   * The state of the connector, which acts as an indicator of whether the active step is ahead/behind\n   */\n  state: ConnectorState;\n};\n\nexport const TrackerConnector = ({ state }: TrackerConnectorProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-tracker-connector\",\n    css: trackerConnectorCss,\n    window: targetWindow,\n  });\n\n  return <span className={clsx(withBaseName(), withBaseName(state))} />;\n};\n"],"names":["trackerConnectorCss"],"mappings":";;;;;;;AAQA,MAAM,YAAA,GAAe,aAAa,sBAAsB,CAAA,CAAA;AAWjD,MAAM,gBAAmB,GAAA,CAAC,EAAE,KAAA,EAAmC,KAAA;AACpE,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,wBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,uBAAQ,GAAA,CAAA,MAAA,EAAA;AAAA,IAAK,WAAW,IAAK,CAAA,YAAA,EAAgB,EAAA,YAAA,CAAa,KAAK,CAAC,CAAA;AAAA,GAAG,CAAA,CAAA;AACrE;;;;"}

package/dist-es/stepped-tracker/TrackerStep/TrackerStep.css.js

@@ -0,0 +1,4 @@
+var css_248z = ".saltTrackerStep {\n  --trackerStep-icon-color-active: var(--saltTrackerStep-icon-color-active, var(--salt-status-info-foreground));\n  --trackerStep-icon-color-completed: var(--saltTrackerStep-icon-color-completed, var(--salt-status-success-foreground));\n\n  --trackerStep-icon-color: var(--saltTrackerStep-icon-color, var(--salt-status-static-foreground));\n\n  --saltIcon-color: var(--trackerStep-icon-color);\n  /* We redefine Icon Size so we can use it in calc functions in the trackerConnector */\n  --saltIcon-size: var(--saltTrackerStep-icon-size, max(var(--salt-icon-size-base), 12px));\n}\n\n.saltTrackerStep {\n  margin: 0;\n  padding: 0;\n  text-indent: 0;\n  list-style-type: none;\n  flex: 1;\n  position: relative;\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  width: var(--saltTrackerStep-width, 100%);\n  gap: var(--salt-spacing-50);\n  color: var(--salt-text-primary-foreground);\n  font-size: var(--salt-text-label-fontSize);\n  line-height: var(--salt-text-label-lineHeight);\n}\n\n/* Pseudo-class applied to the root element on focus */\n.saltTrackerStep:focus-visible {\n  outline-style: var(--salt-focused-outlineStyle);\n  outline-width: var(--salt-focused-outlineWidth);\n  outline-color: var(--salt-focused-outlineColor);\n  outline-offset: var(--salt-focused-outlineOffset);\n}\n\n.saltTrackerStep .saltTrackerStep-body {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n}\n\n.saltTrackerStep.saltTrackerStep-active {\n  --trackerStep-icon-color: var(--trackerStep-icon-color-active);\n}\n\n.saltTrackerStep.saltTrackerStep-completed {\n  --trackerStep-icon-color: var(--trackerStep-icon-color-completed);\n}\n";
+
+export { css_248z as default };
+//# sourceMappingURL=TrackerStep.css.js.map

package/dist-es/stepped-tracker/TrackerStep/TrackerStep.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrackerStep.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist-es/stepped-tracker/TrackerStep/TrackerStep.js

@@ -0,0 +1,107 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, useEffect } from 'react';
+import { clsx } from 'clsx';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { makePrefixer, Tooltip } from '@salt-ds/core';
+import { StepActiveIcon, StepDefaultIcon, StepSuccessIcon } from '@salt-ds/icons';
+import { TrackerConnector } from '../TrackerConnector/TrackerConnector.js';
+import { useSteppedTrackerContext, useTrackerStepContext } from '../SteppedTrackerContext.js';
+import css_248z from './TrackerStep.css.js';
+import { TrackStepTooltipProvider } from './TrackerStepTooltipContext.js';
+
+const withBaseName = makePrefixer("saltTrackerStep");
+const iconMap = {
+  default: StepDefaultIcon,
+  completed: StepSuccessIcon
+};
+const getStateIcon = ({
+  isActive,
+  state
+}) => {
+  if (state === "default" && isActive) {
+    return StepActiveIcon;
+  }
+  return iconMap[state];
+};
+const getState = ({
+  isActive,
+  state
+}) => {
+  if (state === "default" && isActive) {
+    return "active";
+  }
+  return state;
+};
+const useCheckWithinSteppedTracker = (isWithinSteppedTracker) => {
+  useEffect(() => {
+    if (process.env.NODE_ENV !== "production") {
+      if (!isWithinSteppedTracker) {
+        console.error(
+          "The TrackerStep component must be placed within a SteppedTracker component"
+        );
+      }
+    }
+  }, [isWithinSteppedTracker]);
+};
+const TrackerStep = forwardRef(
+  function TrackerStep2(props, ref) {
+    const {
+      state = "default",
+      style,
+      className,
+      children,
+      ...restProps
+    } = props;
+    const targetWindow = useWindow();
+    useComponentCssInjection({
+      testId: "salt-tracker-step",
+      css: css_248z,
+      window: targetWindow
+    });
+    const { activeStep, totalSteps, hasTooltips, isWithinSteppedTracker } = useSteppedTrackerContext();
+    const stepNumber = useTrackerStepContext();
+    useCheckWithinSteppedTracker(isWithinSteppedTracker);
+    const isActive = activeStep === stepNumber;
+    const Icon = getStateIcon({ isActive, state });
+    const resolvedState = getState({ isActive, state });
+    const connectorState = activeStep > stepNumber ? "active" : "default";
+    const hasConnector = stepNumber < totalSteps - 1;
+    const innerStyle = {
+      ...style,
+      "--saltTrackerStep-width": `${100 / totalSteps}%`
+    };
+    const Inner = /* @__PURE__ */ jsxs("li", {
+      className: clsx(withBaseName(), withBaseName(resolvedState), className),
+      style: innerStyle,
+      tabIndex: hasTooltips ? 0 : void 0,
+      "aria-current": isActive ? "step" : void 0,
+      "data-state": state,
+      ref,
+      ...restProps,
+      children: [
+        /* @__PURE__ */ jsx(Icon, {}),
+        hasConnector && /* @__PURE__ */ jsx(TrackerConnector, {
+          state: connectorState
+        }),
+        /* @__PURE__ */ jsx("div", {
+          className: withBaseName("body"),
+          children
+        })
+      ]
+    });
+    if (!hasTooltips) {
+      return Inner;
+    }
+    return /* @__PURE__ */ jsx(Tooltip, {
+      placement: "top",
+      content: /* @__PURE__ */ jsx(TrackStepTooltipProvider, {
+        children
+      }),
+      children: Inner
+    });
+  }
+);
+
+export { TrackerStep };
+//# sourceMappingURL=TrackerStep.js.map

package/dist-es/stepped-tracker/TrackerStep/TrackerStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrackerStep.js","sources":["../src/stepped-tracker/TrackerStep/TrackerStep.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef, useEffect } from \"react\";\nimport { clsx } from \"clsx\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { makePrefixer, Tooltip } from \"@salt-ds/core\";\nimport {\n  StepActiveIcon,\n  StepDefaultIcon,\n  StepSuccessIcon,\n} from \"@salt-ds/icons\";\nimport { TrackerConnector } from \"../TrackerConnector\";\n\nimport {\n  useSteppedTrackerContext,\n  useTrackerStepContext,\n} from \"../SteppedTrackerContext\";\n\nimport trackerStepCss from \"./TrackerStep.css\";\nimport { TrackStepTooltipProvider } from \"./TrackerStepTooltipContext\";\n\nconst withBaseName = makePrefixer(\"saltTrackerStep\");\n\ntype State = \"default\" | \"completed\";\n\ntype StateWithActive = State | \"active\";\n\nexport interface TrackerStepProps extends ComponentPropsWithoutRef<\"li\"> {\n  /**\n   * The state of the TrackerStep\n   */\n  state?: State;\n}\n\nconst iconMap = {\n  default: StepDefaultIcon,\n  completed: StepSuccessIcon,\n};\n\nconst getStateIcon = ({\n  isActive,\n  state,\n}: {\n  isActive: boolean;\n  state: State;\n}) => {\n  if (state === \"default\" && isActive) {\n    return StepActiveIcon;\n  }\n  return iconMap[state];\n};\n\nconst getState = ({\n  isActive,\n  state,\n}: {\n  isActive: boolean;\n  state: State;\n}): StateWithActive => {\n  if (state === \"default\" && isActive) {\n    return \"active\";\n  }\n  return state;\n};\n\nconst useCheckWithinSteppedTracker = (isWithinSteppedTracker: boolean) => {\n  useEffect(() => {\n    if (process.env.NODE_ENV !== \"production\") {\n      if (!isWithinSteppedTracker) {\n        console.error(\n          \"The TrackerStep component must be placed within a SteppedTracker component\"\n        );\n      }\n    }\n  }, [isWithinSteppedTracker]);\n};\n\nexport const TrackerStep = forwardRef<HTMLLIElement, TrackerStepProps>(\n  function TrackerStep(props, ref?) {\n    const {\n      state = \"default\",\n      style,\n      className,\n      children,\n      ...restProps\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-tracker-step\",\n      css: trackerStepCss,\n      window: targetWindow,\n    });\n\n    const { activeStep, totalSteps, hasTooltips, isWithinSteppedTracker } =\n      useSteppedTrackerContext();\n    const stepNumber = useTrackerStepContext();\n\n    useCheckWithinSteppedTracker(isWithinSteppedTracker);\n\n    const isActive = activeStep === stepNumber;\n    const Icon = getStateIcon({ isActive, state });\n    const resolvedState = getState({ isActive, state });\n    const connectorState = activeStep > stepNumber ? \"active\" : \"default\";\n    const hasConnector = stepNumber < totalSteps - 1;\n\n    const innerStyle = {\n      ...style,\n      \"--saltTrackerStep-width\": `${100 / totalSteps}%`,\n    };\n\n    const Inner = (\n      <li\n        className={clsx(withBaseName(), withBaseName(resolvedState), className)}\n        style={innerStyle}\n        tabIndex={hasTooltips ? 0 : undefined}\n        aria-current={isActive ? \"step\" : undefined}\n        data-state={state}\n        ref={ref}\n        {...restProps}\n      >\n        <Icon />\n        {hasConnector && <TrackerConnector state={connectorState} />}\n        <div className={withBaseName(\"body\")}>{children}</div>\n      </li>\n    );\n\n    if (!hasTooltips) {\n      return Inner;\n    }\n\n    return (\n      <Tooltip\n        placement=\"top\"\n        content={\n          <TrackStepTooltipProvider>{children}</TrackStepTooltipProvider>\n        }\n      >\n        {Inner}\n      </Tooltip>\n    );\n  }\n);\n"],"names":["TrackerStep","trackerStepCss"],"mappings":"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"}

package/dist-es/stepped-tracker/TrackerStep/TrackerStepTooltipContext.js

@@ -0,0 +1,16 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useContext } from 'react';
+
+const TrackerStepTooltipContext = createContext(false);
+const TrackStepTooltipProvider = ({
+  children
+}) => {
+  return /* @__PURE__ */ jsx(TrackerStepTooltipContext.Provider, {
+    value: true,
+    children
+  });
+};
+const useTrackerStepTooltipContext = () => useContext(TrackerStepTooltipContext);
+
+export { TrackStepTooltipProvider, useTrackerStepTooltipContext };
+//# sourceMappingURL=TrackerStepTooltipContext.js.map

package/dist-es/stepped-tracker/TrackerStep/TrackerStepTooltipContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrackerStepTooltipContext.js","sources":["../src/stepped-tracker/TrackerStep/TrackerStepTooltipContext.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from \"react\";\n\nconst TrackerStepTooltipContext = createContext<boolean>(false);\n\ntype TrackStepTooltipProps = {\n  children: ReactNode;\n};\n\nexport const TrackStepTooltipProvider = ({\n  children,\n}: TrackStepTooltipProps) => {\n  return (\n    <TrackerStepTooltipContext.Provider value={true}>\n      {children}\n    </TrackerStepTooltipContext.Provider>\n  );\n};\n\nexport const useTrackerStepTooltipContext = () =>\n  useContext(TrackerStepTooltipContext);\n"],"names":[],"mappings":";;;AAEA,MAAM,yBAAA,GAA4B,cAAuB,KAAK,CAAA,CAAA;AAMvD,MAAM,2BAA2B,CAAC;AAAA,EACvC,QAAA;AACF,CAA6B,KAAA;AAC3B,EACE,uBAAA,GAAA,CAAC,0BAA0B,QAA1B,EAAA;AAAA,IAAmC,KAAO,EAAA,IAAA;AAAA,IACxC,QAAA;AAAA,GACH,CAAA,CAAA;AAEJ,EAAA;AAEa,MAAA,4BAAA,GAA+B,MAC1C,UAAA,CAAW,yBAAyB;;;;"}

package/dist-es/stepped-tracker/useDetectTruncatedText.js

@@ -0,0 +1,69 @@
+import { useState, useRef, useEffect, useCallback } from 'react';
+
+const useDetectTruncatedText = (callback) => {
+  const [observedMap] = useState(() => /* @__PURE__ */ new Map());
+  const callbackRef = useRef(callback);
+  useEffect(() => {
+    callbackRef.current = callback;
+  }, [callback]);
+  const isTruncatedRef = useRef(false);
+  const checkEntries = useCallback(() => {
+    let anyEntriesTruncated = false;
+    observedMap.forEach((entry) => {
+      if (entry.offsetWidth < entry.scrollWidth) {
+        anyEntriesTruncated = true;
+      }
+    });
+    if (anyEntriesTruncated !== isTruncatedRef.current) {
+      isTruncatedRef.current = anyEntriesTruncated;
+      callbackRef.current(anyEntriesTruncated);
+    }
+  }, [observedMap]);
+  const getRo = useCallback(() => {
+    return new ResizeObserver(checkEntries);
+  }, [checkEntries]);
+  const [ro, setRo] = useState(() => getRo());
+  useEffect(() => {
+    return () => {
+      ro.disconnect();
+    };
+  }, [ro]);
+  useEffect(() => {
+    setRo(getRo());
+  }, [getRo]);
+  const observeAndUnobserveRef = useCallback(
+    (id, el) => {
+      if (!el) {
+        const existingRef = observedMap.get(id);
+        if (existingRef) {
+          ro.unobserve(existingRef);
+          observedMap.delete(id);
+        }
+      } else {
+        const existingRef = observedMap.get(id);
+        if (el === existingRef) {
+          return;
+        }
+        if (existingRef) {
+          ro.unobserve(existingRef);
+        }
+        observedMap.set(id, el);
+        ro.observe(el);
+        checkEntries();
+      }
+    },
+    [observedMap, ro, checkEntries]
+  );
+  const getOverflowRef = useCallback(
+    (id) => {
+      return (el) => {
+        observeAndUnobserveRef(id, el);
+      };
+    },
+    [observeAndUnobserveRef]
+  );
+  return getOverflowRef;
+};
+
+export { useDetectTruncatedText as default };
+//# sourceMappingURL=useDetectTruncatedText.js.map

package/dist-es/stepped-tracker/useDetectTruncatedText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDetectTruncatedText.js","sources":["../src/stepped-tracker/useDetectTruncatedText.ts"],"sourcesContent":["import { useState, useRef, useEffect, useCallback, RefCallback } from \"react\";\n\ntype OnTruncatedCallback = (isTruncated: boolean) => void;\nexport type GetOverflowRef = (id: string) => RefCallback<HTMLElement>;\n\n/**\n * Hook to detect truncation of any child TrackerStep components, using a ResizeObserver to update on element resizes.\n * The desired behaviour is whenever any of the individual steps is truncated, all steps become foccusable with Tooltips.\n * @param {OnTruncatedCallback} callback - The callback which will called when the isTruncated state changes\n * @returns {GetOverflowRef} getOverflowRef - A factory function which when passed a child index will return an appropriate ref callback for observing am element\n */\nconst useDetectTruncatedText = (\n  callback: OnTruncatedCallback\n): GetOverflowRef => {\n  // Used for tracking creation/destruction of child elements\n  const [observedMap] = useState(() => new Map<string, HTMLElement>());\n\n  // Store callback as a ref to prevent re-creating ResizeObserver, update using an effect\n  const callbackRef = useRef<(isOverflowing: boolean) => void>(callback);\n  useEffect(() => {\n    callbackRef.current = callback;\n  }, [callback]);\n  const isTruncatedRef = useRef(false);\n\n  const checkEntries = useCallback(() => {\n    let anyEntriesTruncated = false;\n\n    observedMap.forEach((entry) => {\n      if (entry.offsetWidth < entry.scrollWidth) {\n        anyEntriesTruncated = true;\n      }\n    });\n\n    if (anyEntriesTruncated !== isTruncatedRef.current) {\n      isTruncatedRef.current = anyEntriesTruncated;\n      callbackRef.current(anyEntriesTruncated);\n    }\n  }, [observedMap]);\n\n  // Creation of the ResizeObserver, should only happen once\n  const getRo = useCallback(() => {\n    return new ResizeObserver(checkEntries);\n  }, [checkEntries]);\n\n  // Management of the ResizeObserver lifecycle. It should only be created once for each StepTracker compoenent\n  const [ro, setRo] = useState(() => getRo());\n  useEffect(() => {\n    return () => {\n      ro.disconnect();\n    };\n  }, [ro]);\n  useEffect(() => {\n    setRo(getRo());\n  }, [getRo]);\n\n  // Function for managing the observing/unobserving of elements based on their ref callbacks\n  const observeAndUnobserveRef = useCallback(\n    (id: string, el: HTMLElement | null) => {\n      if (!el) {\n        const existingRef = observedMap.get(id);\n        if (existingRef) {\n          ro.unobserve(existingRef);\n          observedMap.delete(id);\n        }\n      } else {\n        const existingRef = observedMap.get(id);\n        if (el === existingRef) {\n          return;\n        }\n\n        if (existingRef) {\n          ro.unobserve(existingRef);\n        }\n\n        observedMap.set(id, el);\n        ro.observe(el);\n        checkEntries();\n      }\n    },\n    [observedMap, ro, checkEntries]\n  );\n\n  // Factory function which creates a suitable html ref callback which includes the index\n  const getOverflowRef = useCallback<GetOverflowRef>(\n    (id: string) => {\n      return (el: HTMLElement | null) => {\n        observeAndUnobserveRef(id, el);\n      };\n    },\n    [observeAndUnobserveRef]\n  );\n\n  return getOverflowRef;\n};\n\nexport default useDetectTruncatedText;\n"],"names":[],"mappings":"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"}

package/dist-es/tabs/Tabstrip.js

@@ -7,7 +7,6 @@ import '../dropdown/DropdownBase.js';
 import '../dropdown/DropdownButton.js';
 import { Dropdown } from '../dropdown/Dropdown.js';
 import '../responsive/useResizeObserver.js';
-import '../utils/useFloatingUI.js';
 import { useOverflowCollectionItems } from '../responsive/useOverflowCollectionItems.js';
 import { useOverflowLayout } from '../responsive/useOverflowLayout.js';
 import '../form-field-context-legacy/FormFieldLegacyContext.js';