@salt-ds/core 1.64.1 → 1.65.0

package/dist-cjs/toolbar/useToolbarOverflow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToolbarOverflow.js","sources":["../src/toolbar/useToolbarOverflow.ts"],"sourcesContent":["import { useWindow } from \"@salt-ds/window\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { ownerWindow, useIsomorphicLayoutEffect } from \"../utils\";\nimport type { ToolbarContentProps } from \"./ToolbarContent\";\nimport {\n  buildContentOverflowRenderSlots,\n  type ToolbarContentModel,\n  type ToolbarOverflowItem,\n} from \"./toolbarUtils\";\n\ntype ToolbarContentPosition = ToolbarContentProps[\"position\"];\n\ninterface OverflowGroupDefinition {\n  id: string;\n  key: string;\n  label: string;\n  named: boolean;\n  order: number;\n  overflowGroup: string;\n  contentKey?: string;\n}\n\ninterface CollapseUnit {\n  groupKey: string;\n  itemIds: string[];\n  order: number;\n  priority: number;\n}\n\nexport interface ToolbarOverflowGroup {\n  id: string;\n  items: ToolbarOverflowItem[];\n  key: string;\n  label: string;\n  named: boolean;\n  overflowGroup: string;\n  contentKey?: string;\n}\n\ninterface OverflowState {\n  overflowGroups: ToolbarOverflowGroup[];\n  overflowedIds: Set<string>;\n}\n\ninterface UseToolbarOverflowProps {\n  content: ToolbarContentModel[];\n}\n\ntype ObservedWidthTarget =\n  | {\n      kind: \"container\";\n    }\n  | {\n      id: string;\n      kind: \"item\";\n    }\n  | {\n      id: string;\n      kind: \"named-trigger\";\n    }\n  | {\n      id: string;\n      kind: \"named-trigger-measure\";\n    }\n  | {\n      groupKey: string;\n      kind: \"shared-trigger-measure\";\n    };\n\nconst emptyOverflowState: OverflowState = {\n  overflowGroups: [],\n  overflowedIds: new Set<string>(),\n};\n\nconst bandPositions: ToolbarContentPosition[] = [\"start\", \"center\", \"end\"];\n// Tolerance for comparing measured content against the available width.\n// `getBoundingClientRect` reports fractional pixels, so summed item, gap, and\n// container measurements can differ by sub-pixel amounts that never visibly\n// overflow. Treating differences below half a CSS pixel as \"fits\" prevents\n// false overflow. Matches the epsilon used by core Tabs for consistency.\nconst WIDTH_EPSILON = 0.5;\n\nfunction measureWidth(element: HTMLElement | null) {\n  if (!element) {\n    return 0;\n  }\n\n  const { width } = element.getBoundingClientRect();\n  return width;\n}\n\nfunction isVisibleMeasurementElement(element: Element): element is HTMLElement {\n  if (!(element instanceof HTMLElement)) {\n    return false;\n  }\n\n  const { width, height } = element.getBoundingClientRect();\n  const styles = ownerWindow(element).getComputedStyle(element);\n\n  return (\n    width > 0 &&\n    height > 0 &&\n    styles.display !== \"none\" &&\n    styles.visibility !== \"hidden\"\n  );\n}\n\nfunction measureOverflowItemWidth(element: HTMLElement | null) {\n  if (!element) {\n    return 0;\n  }\n\n  const rect = element.getBoundingClientRect();\n  let left = rect.left;\n  let right = rect.right;\n\n  for (const descendant of element.querySelectorAll(\"*\")) {\n    if (!isVisibleMeasurementElement(descendant)) {\n      continue;\n    }\n\n    const descendantRect = descendant.getBoundingClientRect();\n    left = Math.min(left, descendantRect.left);\n    right = Math.max(right, descendantRect.right);\n  }\n\n  return Math.max(rect.width, right - left);\n}\n\nfunction exceedsAvailableWidth(measuredWidth: number, availableWidth: number) {\n  return measuredWidth - availableWidth > WIDTH_EPSILON;\n}\n\nfunction readGap(gapValue: string) {\n  return Number.parseFloat(gapValue || \"0\") || 0;\n}\n\nfunction sumFlexWidths(widths: number[], gap: number) {\n  if (widths.length === 0) {\n    return 0;\n  }\n\n  return (\n    widths.reduce((total, width) => total + width, 0) +\n    gap * (widths.length - 1)\n  );\n}\n\nfunction buildGroupDefinitions(items: ToolbarOverflowItem[]) {\n  const groupMap = new Map<string, OverflowGroupDefinition>();\n\n  for (const [sequence, item] of items.entries()) {\n    if (item.overflowMode === \"none\") {\n      continue;\n    }\n\n    const existing = groupMap.get(item.overflowGroupKey);\n\n    if (existing) {\n      if (!existing.named && item.overflowGroup === \"shared\") {\n        continue;\n      }\n\n      if (existing.label === item.overflowGroup && item.overflowLabel) {\n        existing.label = item.overflowLabel;\n      }\n\n      continue;\n    }\n\n    groupMap.set(item.overflowGroupKey, {\n      id: `${item.overflowGroupKey}-${sequence}`,\n      key: item.overflowGroupKey,\n      label:\n        item.overflowGroup === \"shared\"\n          ? \"More\"\n          : (item.overflowLabel ?? item.overflowGroup),\n      named: item.overflowGroup !== \"shared\",\n      order: sequence,\n      overflowGroup: item.overflowGroup,\n      contentKey: item.overflowGroup === \"shared\" ? undefined : item.contentKey,\n    });\n  }\n\n  return Array.from(groupMap.values()).sort(\n    (left, right) => left.order - right.order,\n  );\n}\n\nfunction buildCollapseUnits(items: ToolbarOverflowItem[]) {\n  const groupedUnits = new Map<string, CollapseUnit>();\n  const units: CollapseUnit[] = [];\n\n  for (const [sequence, item] of items.entries()) {\n    if (item.overflowMode === \"none\") {\n      continue;\n    }\n\n    if (item.overflowMode === \"grouped\" && item.overflowGroup !== \"shared\") {\n      const existing = groupedUnits.get(item.overflowGroupKey);\n\n      if (existing) {\n        existing.itemIds.push(item.id);\n        existing.order = Math.max(existing.order, sequence);\n        existing.priority = Math.max(existing.priority, item.overflowPriority);\n        continue;\n      }\n\n      const unit: CollapseUnit = {\n        groupKey: item.overflowGroupKey,\n        itemIds: [item.id],\n        order: sequence,\n        priority: item.overflowPriority,\n      };\n\n      groupedUnits.set(item.overflowGroupKey, unit);\n      units.push(unit);\n      continue;\n    }\n\n    units.push({\n      groupKey: item.overflowGroupKey,\n      itemIds: [item.id],\n      order: sequence,\n      priority: item.overflowPriority,\n    });\n  }\n\n  return units.sort((left, right) => {\n    if (left.priority !== right.priority) {\n      return right.priority - left.priority;\n    }\n\n    return right.order - left.order;\n  });\n}\n\nfunction areOverflowStatesEqual(previous: OverflowState, next: OverflowState) {\n  if (previous.overflowedIds.size !== next.overflowedIds.size) {\n    return false;\n  }\n\n  for (const itemId of previous.overflowedIds) {\n    if (!next.overflowedIds.has(itemId)) {\n      return false;\n    }\n  }\n\n  if (previous.overflowGroups.length !== next.overflowGroups.length) {\n    return false;\n  }\n\n  return previous.overflowGroups.every((group, index) => {\n    const nextGroup = next.overflowGroups[index];\n\n    if (\n      nextGroup == null ||\n      group.id !== nextGroup.id ||\n      group.label !== nextGroup.label ||\n      group.items.length !== nextGroup.items.length\n    ) {\n      return false;\n    }\n\n    return group.items.every((item, itemIndex) => {\n      return item.id === nextGroup.items[itemIndex]?.id;\n    });\n  });\n}\n\ninterface ComputeToolbarOverflowStateArgs {\n  collapseUnits: CollapseUnit[];\n  containerWidth: number;\n  groupDefinitions: OverflowGroupDefinition[];\n  itemWidths: Map<string, number>;\n  items: ToolbarOverflowItem[];\n  namedTriggerWidths: Map<string, number>;\n  content: ToolbarContentModel[];\n  contentGaps: Map<string, number>;\n  rootGap: number;\n  triggerWidths: Map<string, number>;\n  bandGaps: Map<ToolbarContentPosition, number>;\n}\n\nfunction computeToolbarOverflowState({\n  bandGaps,\n  collapseUnits,\n  containerWidth,\n  groupDefinitions,\n  itemWidths,\n  items,\n  namedTriggerWidths,\n  content,\n  contentGaps,\n  rootGap,\n  triggerWidths,\n}: ComputeToolbarOverflowStateArgs): OverflowState {\n  const hasCenteredLayout = content.some(\n    (contentArea) => contentArea.position === \"center\",\n  );\n  const contentByPosition = bandPositions.reduce<\n    Record<ToolbarContentPosition, ToolbarContentModel[]>\n  >(\n    (bands, position) => {\n      bands[position] = content.filter(\n        (contentArea) => contentArea.position === position,\n      );\n      return bands;\n    },\n    {\n      start: [],\n      center: [],\n      end: [],\n    },\n  );\n  const overflowedIds = new Set<string>();\n  const activeGroups = new Set<string>();\n\n  const getContentWidth = (contentArea: ToolbarContentModel) => {\n    const renderSlots = buildContentOverflowRenderSlots(\n      contentArea.items,\n      overflowedIds,\n      new Set(\n        groupDefinitions\n          .filter((group) => {\n            return (\n              group.named &&\n              group.contentKey === contentArea.key &&\n              activeGroups.has(group.key)\n            );\n          })\n          .map((group) => group.key),\n      ),\n    );\n    const slotWidths: number[] = [];\n\n    for (const slot of renderSlots) {\n      const width =\n        slot.triggerGroupKey != null\n          ? namedTriggerWidths.get(slot.item.id)\n          : itemWidths.get(slot.item.id);\n\n      if (width == null || width <= 0) {\n        return null;\n      }\n\n      slotWidths.push(width);\n    }\n\n    return sumFlexWidths(slotWidths, contentGaps.get(contentArea.key) ?? 0);\n  };\n\n  const getBandWidth = (position: ToolbarContentPosition) => {\n    const bandChildWidths: number[] = [];\n\n    for (const contentArea of contentByPosition[position]) {\n      const contentWidth = getContentWidth(contentArea);\n\n      if (contentWidth == null) {\n        return null;\n      }\n\n      if (contentWidth > 0) {\n        bandChildWidths.push(contentWidth);\n      }\n    }\n\n    if (position === \"end\") {\n      for (const group of groupDefinitions) {\n        if (!group.named && activeGroups.has(group.key)) {\n          const width = triggerWidths.get(group.key);\n\n          if (width == null || width <= 0) {\n            return null;\n          }\n\n          bandChildWidths.push(width);\n        }\n      }\n    }\n\n    return sumFlexWidths(bandChildWidths, bandGaps.get(position) ?? 0);\n  };\n\n  const getTotalWidth = () => {\n    if (hasCenteredLayout) {\n      const startBandWidth = getBandWidth(\"start\");\n      const centerBandWidth = getBandWidth(\"center\");\n      const endBandWidth = getBandWidth(\"end\");\n\n      if (\n        startBandWidth == null ||\n        centerBandWidth == null ||\n        endBandWidth == null\n      ) {\n        return null;\n      }\n\n      return centerBandWidth + Math.max(startBandWidth, endBandWidth) * 2;\n    }\n\n    const visibleBandWidths: number[] = [];\n\n    for (const position of bandPositions) {\n      const bandWidth = getBandWidth(position);\n\n      if (bandWidth == null) {\n        return null;\n      }\n\n      if (bandWidth > 0) {\n        visibleBandWidths.push(bandWidth);\n      }\n    }\n\n    return sumFlexWidths(visibleBandWidths, rootGap);\n  };\n\n  const initialWidth = getTotalWidth();\n\n  if (initialWidth == null) {\n    return emptyOverflowState;\n  }\n\n  if (exceedsAvailableWidth(initialWidth, containerWidth)) {\n    for (const unit of collapseUnits) {\n      for (const itemId of unit.itemIds) {\n        overflowedIds.add(itemId);\n      }\n\n      activeGroups.add(unit.groupKey);\n\n      const nextWidth = getTotalWidth();\n\n      if (nextWidth == null) {\n        return emptyOverflowState;\n      }\n\n      if (!exceedsAvailableWidth(nextWidth, containerWidth)) {\n        break;\n      }\n    }\n  }\n\n  const overflowGroups = groupDefinitions.reduce<ToolbarOverflowGroup[]>(\n    (groups, group) => {\n      const hiddenItems = items.filter(\n        (item) =>\n          item.overflowGroupKey === group.key && overflowedIds.has(item.id),\n      );\n\n      if (hiddenItems.length > 0) {\n        groups.push({\n          id: group.id,\n          items: hiddenItems,\n          key: group.key,\n          label: group.label,\n          named: group.named,\n          overflowGroup: group.overflowGroup,\n          contentKey: group.contentKey,\n        });\n      }\n\n      return groups;\n    },\n    [],\n  );\n\n  return {\n    overflowGroups,\n    overflowedIds,\n  };\n}\n\nexport function useToolbarOverflow({ content }: UseToolbarOverflowProps) {\n  const targetWindow = useWindow();\n  const items = useMemo(\n    () => content.flatMap((contentArea) => contentArea.items),\n    [content],\n  );\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const bandRefs = useRef<\n    Record<ToolbarContentPosition, HTMLDivElement | null>\n  >({\n    start: null,\n    center: null,\n    end: null,\n  });\n  const bandRefCallbacks = useRef(\n    new Map<ToolbarContentPosition, (node: HTMLDivElement | null) => void>(),\n  );\n  const contentRefs = useRef<Record<string, HTMLDivElement | null>>({});\n  const contentRefCallbacks = useRef(\n    new Map<string, (node: HTMLDivElement | null) => void>(),\n  );\n  const itemRefs = useRef<Record<string, HTMLDivElement | null>>({});\n  const itemRefCallbacks = useRef(\n    new Map<string, (node: HTMLDivElement | null) => void>(),\n  );\n  const namedTriggerRefs = useRef<Record<string, HTMLDivElement | null>>({});\n  const namedTriggerRefCallbacks = useRef(\n    new Map<string, (node: HTMLDivElement | null) => void>(),\n  );\n  const namedTriggerMeasureRefs = useRef<Record<string, HTMLDivElement | null>>(\n    {},\n  );\n  const namedTriggerMeasureCallbacks = useRef(\n    new Map<string, (node: HTMLDivElement | null) => void>(),\n  );\n  const triggerMeasureRefs = useRef<Record<string, HTMLButtonElement | null>>(\n    {},\n  );\n  const triggerMeasureCallbacks = useRef(\n    new Map<string, (node: HTMLButtonElement | null) => void>(),\n  );\n  const rafRef = useRef<number | null>(null);\n  const clearComputingRafRef = useRef<number | null>(null);\n  const isComputingRef = useRef(false);\n  const pendingMeasureRef = useRef(false);\n  const resizeObserverRef = useRef<ResizeObserver | null>(null);\n  const observedWidthTargetsRef = useRef(\n    new Map<Element, ObservedWidthTarget>(),\n  );\n\n  const cachedItemWidths = useRef<Record<string, number>>({});\n  const cachedNamedTriggerWidths = useRef<Record<string, number>>({});\n  const cachedSharedTriggerWidths = useRef<Record<string, number>>({});\n  const [overflowState, setOverflowState] =\n    useState<OverflowState>(emptyOverflowState);\n\n  const namedTriggerItems = useMemo(\n    () =>\n      items.filter((item) => {\n        return item.overflowMode !== \"none\" && item.overflowGroup !== \"shared\";\n      }),\n    [items],\n  );\n\n  const groupDefinitions = useMemo(() => buildGroupDefinitions(items), [items]);\n  const collapseUnits = useMemo(() => buildCollapseUnits(items), [items]);\n\n  const computeOverflow = useCallback((): OverflowState => {\n    const container = containerRef.current;\n\n    if (!container) {\n      return emptyOverflowState;\n    }\n\n    const containerStyles = ownerWindow(container).getComputedStyle(container);\n    const paddingLeft =\n      Number.parseFloat(containerStyles.paddingLeft || \"0\") || 0;\n    const paddingRight =\n      Number.parseFloat(containerStyles.paddingRight || \"0\") || 0;\n    const borderLeft =\n      Number.parseFloat(containerStyles.borderLeftWidth || \"0\") || 0;\n    const borderRight =\n      Number.parseFloat(containerStyles.borderRightWidth || \"0\") || 0;\n    const containerWidth =\n      container.getBoundingClientRect().width -\n      paddingLeft -\n      paddingRight -\n      borderLeft -\n      borderRight;\n\n    if (containerWidth <= 0) {\n      return emptyOverflowState;\n    }\n\n    const rootGap = readGap(\n      containerStyles.columnGap || containerStyles.gap || \"0\",\n    );\n    const bandGaps = new Map<ToolbarContentPosition, number>();\n    const contentGaps = new Map<string, number>();\n    const itemWidths = new Map<string, number>();\n    const namedTriggerWidths = new Map<string, number>();\n    const triggerWidths = new Map<string, number>();\n\n    for (const position of bandPositions) {\n      const bandElement = bandRefs.current[position];\n\n      if (!bandElement) {\n        bandGaps.set(position, 0);\n        continue;\n      }\n\n      const bandStyles = ownerWindow(bandElement).getComputedStyle(bandElement);\n      bandGaps.set(\n        position,\n        readGap(bandStyles.columnGap || bandStyles.gap || \"0\"),\n      );\n    }\n\n    for (const contentArea of content) {\n      const contentElement = contentRefs.current[contentArea.key];\n\n      if (!contentElement) {\n        return emptyOverflowState;\n      }\n\n      const contentStyles =\n        ownerWindow(contentElement).getComputedStyle(contentElement);\n\n      contentGaps.set(\n        contentArea.key,\n        readGap(contentStyles.columnGap || contentStyles.gap || \"0\"),\n      );\n    }\n\n    for (const item of items) {\n      const element = itemRefs.current[item.id];\n\n      if (element) {\n        const width = measureOverflowItemWidth(element);\n\n        if (width > 0) {\n          itemWidths.set(item.id, width);\n          cachedItemWidths.current[item.id] = width;\n          continue;\n        }\n      }\n\n      const cached = cachedItemWidths.current[item.id];\n      if (cached != null && cached > 0) {\n        itemWidths.set(item.id, cached);\n        continue;\n      }\n\n      return emptyOverflowState;\n    }\n\n    for (const item of namedTriggerItems) {\n      const liveWidth = measureWidth(namedTriggerRefs.current[item.id]);\n\n      if (liveWidth > 0) {\n        namedTriggerWidths.set(item.id, liveWidth);\n        cachedNamedTriggerWidths.current[item.id] = liveWidth;\n        continue;\n      }\n\n      const measureWidthForItem = measureWidth(\n        namedTriggerMeasureRefs.current[item.id],\n      );\n\n      if (measureWidthForItem > 0) {\n        namedTriggerWidths.set(item.id, measureWidthForItem);\n        cachedNamedTriggerWidths.current[item.id] = measureWidthForItem;\n        continue;\n      }\n\n      const cached = cachedNamedTriggerWidths.current[item.id];\n      if (cached != null && cached > 0) {\n        namedTriggerWidths.set(item.id, cached);\n        continue;\n      }\n\n      return emptyOverflowState;\n    }\n\n    for (const group of groupDefinitions.filter((entry) => !entry.named)) {\n      const width = measureWidth(triggerMeasureRefs.current[group.key]);\n\n      if (width <= 0) {\n        const cached = cachedSharedTriggerWidths.current[group.key];\n\n        if (cached != null && cached > 0) {\n          triggerWidths.set(group.key, cached);\n          continue;\n        }\n\n        return emptyOverflowState;\n      }\n\n      triggerWidths.set(group.key, width);\n      cachedSharedTriggerWidths.current[group.key] = width;\n    }\n\n    const nextOverflowState = computeToolbarOverflowState({\n      bandGaps,\n      collapseUnits,\n      containerWidth,\n      groupDefinitions,\n      itemWidths,\n      items,\n      namedTriggerWidths,\n      content,\n      contentGaps,\n      rootGap,\n      triggerWidths,\n    });\n\n    return nextOverflowState;\n  }, [collapseUnits, groupDefinitions, items, namedTriggerItems, content]);\n\n  const scheduleMeasureRef = useRef<() => void>(() => {});\n\n  const scheduleMeasure = useCallback(() => {\n    if (!targetWindow) {\n      return;\n    }\n\n    if (isComputingRef.current) {\n      pendingMeasureRef.current = true;\n      return;\n    }\n\n    if (rafRef.current != null) {\n      targetWindow.cancelAnimationFrame(rafRef.current);\n    }\n\n    rafRef.current = targetWindow.requestAnimationFrame(() => {\n      rafRef.current = null;\n      isComputingRef.current = true;\n\n      try {\n        const nextState = computeOverflow();\n\n        setOverflowState((previous) => {\n          return areOverflowStatesEqual(previous, nextState)\n            ? previous\n            : nextState;\n        });\n      } finally {\n        clearComputingRafRef.current = targetWindow.requestAnimationFrame(\n          () => {\n            clearComputingRafRef.current = null;\n            isComputingRef.current = false;\n\n            if (pendingMeasureRef.current) {\n              pendingMeasureRef.current = false;\n              scheduleMeasureRef.current();\n            }\n          },\n        );\n      }\n    });\n  }, [computeOverflow, targetWindow]);\n\n  useIsomorphicLayoutEffect(() => {\n    scheduleMeasureRef.current = scheduleMeasure;\n\n    return () => {\n      scheduleMeasureRef.current = () => {};\n    };\n  }, [scheduleMeasure]);\n\n  const getCachedWidthForObservedTarget = useCallback(\n    (target: Exclude<ObservedWidthTarget, { kind: \"container\" }>) => {\n      switch (target.kind) {\n        case \"item\":\n          return cachedItemWidths.current[target.id];\n        case \"named-trigger\":\n        case \"named-trigger-measure\":\n          return cachedNamedTriggerWidths.current[target.id];\n        case \"shared-trigger-measure\":\n          return cachedSharedTriggerWidths.current[target.groupKey];\n      }\n    },\n    [],\n  );\n\n  const setCachedWidthForObservedTarget = useCallback(\n    (\n      target: Exclude<ObservedWidthTarget, { kind: \"container\" }>,\n      width: number,\n    ) => {\n      switch (target.kind) {\n        case \"item\":\n          cachedItemWidths.current[target.id] = width;\n          return;\n        case \"named-trigger\":\n        case \"named-trigger-measure\":\n          cachedNamedTriggerWidths.current[target.id] = width;\n          return;\n        case \"shared-trigger-measure\":\n          cachedSharedTriggerWidths.current[target.groupKey] = width;\n          return;\n      }\n    },\n    [],\n  );\n\n  const observeWidthTarget = useCallback(\n    (node: Element | null, target: ObservedWidthTarget) => {\n      if (!node) {\n        return;\n      }\n\n      observedWidthTargetsRef.current.set(node, target);\n      resizeObserverRef.current?.observe(node);\n    },\n    [],\n  );\n\n  const unobserveWidthTarget = useCallback((node: Element | null) => {\n    if (!node) {\n      return;\n    }\n\n    observedWidthTargetsRef.current.delete(node);\n    resizeObserverRef.current?.unobserve(node);\n  }, []);\n\n  const updateObservedNode = useCallback(\n    <TElement extends Element>(\n      nodes: Record<string, TElement | null>,\n      key: string,\n      node: TElement | null,\n      target: ObservedWidthTarget,\n    ) => {\n      const previous = nodes[key];\n\n      if (previous === node) {\n        return;\n      }\n\n      if (previous) {\n        unobserveWidthTarget(previous);\n      }\n\n      nodes[key] = node;\n\n      if (node) {\n        observeWidthTarget(node, target);\n      }\n    },\n    [observeWidthTarget, unobserveWidthTarget],\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    scheduleMeasure();\n  }, [scheduleMeasure]);\n\n  useEffect(() => {\n    const container = containerRef.current;\n\n    if (!container) {\n      return;\n    }\n\n    let cancelled = false;\n    const win = ownerWindow(container);\n    const resizeObserver = new win.ResizeObserver((entries) => {\n      let shouldMeasure = false;\n\n      for (const entry of entries) {\n        const target = observedWidthTargetsRef.current.get(entry.target);\n\n        if (!target) {\n          continue;\n        }\n\n        if (target.kind === \"container\") {\n          shouldMeasure = true;\n          continue;\n        }\n\n        const nextWidth =\n          target.kind === \"item\"\n            ? measureOverflowItemWidth(entry.target as HTMLElement)\n            : measureWidth(entry.target as HTMLElement);\n\n        if (nextWidth <= 0) {\n          continue;\n        }\n\n        const previousWidth = getCachedWidthForObservedTarget(target);\n\n        if (previousWidth !== nextWidth) {\n          setCachedWidthForObservedTarget(target, nextWidth);\n          shouldMeasure = true;\n        }\n      }\n\n      if (shouldMeasure) {\n        scheduleMeasureRef.current();\n      }\n    });\n\n    resizeObserverRef.current = resizeObserver;\n    observeWidthTarget(container, { kind: \"container\" });\n\n    for (const node of observedWidthTargetsRef.current.keys()) {\n      resizeObserver.observe(node);\n    }\n\n    if (win.document.fonts) {\n      void win.document.fonts.ready.then(() => {\n        if (!cancelled) {\n          scheduleMeasureRef.current();\n        }\n      });\n    }\n\n    return () => {\n      cancelled = true;\n      resizeObserverRef.current = null;\n      resizeObserver.disconnect();\n\n      if (rafRef.current != null) {\n        win.cancelAnimationFrame(rafRef.current);\n        rafRef.current = null;\n      }\n\n      if (clearComputingRafRef.current != null) {\n        win.cancelAnimationFrame(clearComputingRafRef.current);\n        clearComputingRafRef.current = null;\n      }\n\n      isComputingRef.current = false;\n      pendingMeasureRef.current = false;\n    };\n  }, [\n    getCachedWidthForObservedTarget,\n    observeWidthTarget,\n    setCachedWidthForObservedTarget,\n  ]);\n\n  const getItemRef = useCallback(\n    (id: string) => {\n      const existing = itemRefCallbacks.current.get(id);\n\n      if (existing) {\n        return existing;\n      }\n\n      const callback = (node: HTMLDivElement | null) => {\n        updateObservedNode(itemRefs.current, id, node, {\n          id,\n          kind: \"item\",\n        });\n      };\n\n      itemRefCallbacks.current.set(id, callback);\n      return callback;\n    },\n    [updateObservedNode],\n  );\n\n  const getNamedTriggerRef = useCallback(\n    (id: string) => {\n      const existing = namedTriggerRefCallbacks.current.get(id);\n\n      if (existing) {\n        return existing;\n      }\n\n      const callback = (node: HTMLDivElement | null) => {\n        updateObservedNode(namedTriggerRefs.current, id, node, {\n          id,\n          kind: \"named-trigger\",\n        });\n      };\n\n      namedTriggerRefCallbacks.current.set(id, callback);\n      return callback;\n    },\n    [updateObservedNode],\n  );\n\n  const getNamedTriggerMeasureRef = useCallback(\n    (id: string) => {\n      const existing = namedTriggerMeasureCallbacks.current.get(id);\n\n      if (existing) {\n        return existing;\n      }\n\n      const callback = (node: HTMLDivElement | null) => {\n        updateObservedNode(namedTriggerMeasureRefs.current, id, node, {\n          id,\n          kind: \"named-trigger-measure\",\n        });\n      };\n\n      namedTriggerMeasureCallbacks.current.set(id, callback);\n      return callback;\n    },\n    [updateObservedNode],\n  );\n\n  const getContentRef = useCallback((contentKey: string) => {\n    const existing = contentRefCallbacks.current.get(contentKey);\n\n    if (existing) {\n      return existing;\n    }\n\n    const callback = (node: HTMLDivElement | null) => {\n      contentRefs.current[contentKey] = node;\n    };\n\n    contentRefCallbacks.current.set(contentKey, callback);\n    return callback;\n  }, []);\n  const getBandRef = useCallback((position: ToolbarContentPosition) => {\n    const existing = bandRefCallbacks.current.get(position);\n\n    if (existing) {\n      return existing;\n    }\n\n    const callback = (node: HTMLDivElement | null) => {\n      bandRefs.current[position] = node;\n    };\n\n    bandRefCallbacks.current.set(position, callback);\n    return callback;\n  }, []);\n\n  const getTriggerMeasureRef = useCallback(\n    (groupKey: string) => {\n      const existing = triggerMeasureCallbacks.current.get(groupKey);\n\n      if (existing) {\n        return existing;\n      }\n\n      const callback = (node: HTMLButtonElement | null) => {\n        updateObservedNode(triggerMeasureRefs.current, groupKey, node, {\n          groupKey,\n          kind: \"shared-trigger-measure\",\n        });\n      };\n\n      triggerMeasureCallbacks.current.set(groupKey, callback);\n      return callback;\n    },\n    [updateObservedNode],\n  );\n\n  return {\n    containerRef,\n    getBandRef,\n    getItemRef,\n    getNamedTriggerMeasureRef,\n    getNamedTriggerRef,\n    getContentRef,\n    getTriggerMeasureRef,\n    isOverflowing: overflowState.overflowGroups.length > 0,\n    overflowGroups: overflowState.overflowGroups,\n    overflowedIds: overflowState.overflowedIds,\n    overflowTriggerGroups: groupDefinitions,\n  };\n}\n"],"names":["ownerWindow","buildContentOverflowRenderSlots","useWindow","useMemo","useRef","useState","useCallback","useIsomorphicLayoutEffect","useEffect"],"mappings":"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"}

package/dist-cjs/utils/mergeProps.js

@@ -12,6 +12,8 @@ function mergeProps(propsA, propsB) {
       props[key] = createChainedFunction.createChainedFunction(a, b);
     } else if (typeof a === "string" && typeof b === "string" && key === "className") {
       props[key] = clsx.clsx(a, b);
+    } else if (key === "style" && typeof a === "object" && a !== null && typeof b === "object" && b !== null) {
+      props[key] = { ...a, ...b };
     } else {
       props[key] = b !== void 0 ? b : a;
     }

package/dist-cjs/utils/mergeProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"mergeProps.js","sources":["../src/utils/mergeProps.ts"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { createChainedFunction } from \"./createChainedFunction\";\n\ninterface Props {\n  [key: string]: unknown;\n}\n\n/**\n * This utility merges two prop objects according to the following rules:\n *\n * - If the prop is a function and begins with \"on\" then chain the functions together\n * - If the prop key is \"className\" then merge them using `clsx`\n * - If the prop is anything else, then use the value from the second parameter unless it's undefined then use the value from the first parameter\n */\nexport function mergeProps(\n  propsA: Props,\n  propsB: Props,\n): Record<string, unknown> {\n  const props = { ...propsA };\n\n  for (const key of Object.keys(propsB)) {\n    const a: any = props[key];\n    const b: any = propsB[key];\n\n    if (\n      typeof a === \"function\" &&\n      typeof b === \"function\" &&\n      key.indexOf(\"on\") === 0\n    ) {\n      props[key] = createChainedFunction(a, b);\n    } else if (\n      typeof a === \"string\" &&\n      typeof b === \"string\" &&\n      key === \"className\"\n    ) {\n      props[key] = clsx(a, b);\n    } else {\n      props[key] = b !== undefined ? b : a;\n    }\n  }\n\n  return props;\n}\n"],"names":["createChainedFunction","clsx"],"mappings":";;;;;AAcO,SAAS,UAAA,CACd,QACA,MAAA,EACyB;AACzB,EAAA,MAAM,KAAA,GAAQ,EAAE,GAAG,MAAA,EAAO;AAE1B,EAAA,KAAA,MAAW,GAAA,IAAO,MAAA,CAAO,IAAA,CAAK,MAAM,CAAA,EAAG;AACrC,IAAA,MAAM,CAAA,GAAS,MAAM,GAAG,CAAA;AACxB,IAAA,MAAM,CAAA,GAAS,OAAO,GAAG,CAAA;AAEzB,IAAA,IACE,OAAO,CAAA,KAAM,UAAA,IACb,OAAO,CAAA,KAAM,cACb,GAAA,CAAI,OAAA,CAAQ,IAAI,CAAA,KAAM,CAAA,EACtB;AACA,MAAA,KAAA,CAAM,GAAG,CAAA,GAAIA,2CAAA,CAAsB,CAAA,EAAG,CAAC,CAAA;AAAA,IACzC,CAAA,MAAA,IACE,OAAO,CAAA,KAAM,QAAA,IACb,OAAO,CAAA,KAAM,QAAA,IACb,QAAQ,WAAA,EACR;AACA,MAAA,KAAA,CAAM,GAAG,CAAA,GAAIC,SAAA,CAAK,CAAA,EAAG,CAAC,CAAA;AAAA,IACxB,CAAA,MAAO;AACL,MAAA,KAAA,CAAM,GAAG,CAAA,GAAI,CAAA,KAAM,MAAA,GAAY,CAAA,GAAI,CAAA;AAAA,IACrC;AAAA,EACF;AAEA,EAAA,OAAO,KAAA;AACT;;;;"}
+{"version":3,"file":"mergeProps.js","sources":["../src/utils/mergeProps.ts"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { createChainedFunction } from \"./createChainedFunction\";\n\ninterface Props {\n  [key: string]: unknown;\n}\n\n/**\n * This utility merges two prop objects according to the following rules:\n *\n * - If the prop is a function and begins with \"on\" then chain the functions together\n * - If the prop key is \"className\" then merge them using `clsx`\n * - If the prop key is \"style\" and both values are objects then shallow-merge them\n *   (values from the second parameter win on key conflicts). This preserves CSS\n *   custom properties set internally by the component (e.g. `--saltAvatar-size-multiplier`)\n *   when a consumer passes their own `style` via a render prop.\n * - If the prop is anything else, then use the value from the second parameter unless it's undefined then use the value from the first parameter\n */\nexport function mergeProps(\n  propsA: Props,\n  propsB: Props,\n): Record<string, unknown> {\n  const props = { ...propsA };\n\n  for (const key of Object.keys(propsB)) {\n    const a: any = props[key];\n    const b: any = propsB[key];\n\n    if (\n      typeof a === \"function\" &&\n      typeof b === \"function\" &&\n      key.indexOf(\"on\") === 0\n    ) {\n      props[key] = createChainedFunction(a, b);\n    } else if (\n      typeof a === \"string\" &&\n      typeof b === \"string\" &&\n      key === \"className\"\n    ) {\n      props[key] = clsx(a, b);\n    } else if (\n      key === \"style\" &&\n      typeof a === \"object\" &&\n      a !== null &&\n      typeof b === \"object\" &&\n      b !== null\n    ) {\n      props[key] = { ...a, ...b };\n    } else {\n      props[key] = b !== undefined ? b : a;\n    }\n  }\n\n  return props;\n}\n"],"names":["createChainedFunction","clsx"],"mappings":";;;;;AAkBO,SAAS,UAAA,CACd,QACA,MAAA,EACyB;AACzB,EAAA,MAAM,KAAA,GAAQ,EAAE,GAAG,MAAA,EAAO;AAE1B,EAAA,KAAA,MAAW,GAAA,IAAO,MAAA,CAAO,IAAA,CAAK,MAAM,CAAA,EAAG;AACrC,IAAA,MAAM,CAAA,GAAS,MAAM,GAAG,CAAA;AACxB,IAAA,MAAM,CAAA,GAAS,OAAO,GAAG,CAAA;AAEzB,IAAA,IACE,OAAO,CAAA,KAAM,UAAA,IACb,OAAO,CAAA,KAAM,cACb,GAAA,CAAI,OAAA,CAAQ,IAAI,CAAA,KAAM,CAAA,EACtB;AACA,MAAA,KAAA,CAAM,GAAG,CAAA,GAAIA,2CAAA,CAAsB,CAAA,EAAG,CAAC,CAAA;AAAA,IACzC,CAAA,MAAA,IACE,OAAO,CAAA,KAAM,QAAA,IACb,OAAO,CAAA,KAAM,QAAA,IACb,QAAQ,WAAA,EACR;AACA,MAAA,KAAA,CAAM,GAAG,CAAA,GAAIC,SAAA,CAAK,CAAA,EAAG,CAAC,CAAA;AAAA,IACxB,CAAA,MAAA,IACE,GAAA,KAAQ,OAAA,IACR,OAAO,CAAA,KAAM,QAAA,IACb,CAAA,KAAM,IAAA,IACN,OAAO,CAAA,KAAM,QAAA,IACb,CAAA,KAAM,IAAA,EACN;AACA,MAAA,KAAA,CAAM,GAAG,CAAA,GAAI,EAAE,GAAG,CAAA,EAAG,GAAG,CAAA,EAAE;AAAA,IAC5B,CAAA,MAAO;AACL,MAAA,KAAA,CAAM,GAAG,CAAA,GAAI,CAAA,KAAM,MAAA,GAAY,CAAA,GAAI,CAAA;AAAA,IACrC;AAAA,EACF;AAEA,EAAA,OAAO,KAAA;AACT;;;;"}

package/dist-es/avatar/Avatar.css.js

@@ -1,4 +1,4 @@
-var css_248z = "/* Default variables applied to the root element */\n.saltAvatar {\n  --avatar-size-multiplier: var(--saltAvatar-size-multiplier, 1);\n  --avatar-base-size: var(--salt-size-base);\n  --avatar-base-fontSize: var(--saltAvatar-fontSize, var(--salt-text-notation-fontSize));\n  --avatar-container-size: calc(var(--avatar-base-size) * var(--avatar-size-multiplier));\n  --avatar-fontSize: calc(var(--avatar-base-fontSize) * var(--avatar-size-multiplier));\n  /* Icon styling */\n  --saltIcon-size: calc(var(--avatar-container-size) / 2);\n}\n\n/* Style applied to the root element */\n.saltAvatar {\n  color: var(--saltAvatar-foreground, var(--salt-content-bold-foreground));\n  background: var(--saltAvatar-background, var(--avatar-background));\n  font-size: var(--avatar-fontSize);\n  line-height: var(--saltAvatar-lineHeight, var(--salt-text-notation-lineHeight));\n  font-family: var(--salt-text-fontFamily);\n  font-weight: var(--salt-text-fontWeight);\n  width: var(--avatar-container-size);\n  min-width: var(--avatar-container-size);\n  height: var(--avatar-container-size);\n  min-height: var(--avatar-container-size);\n  border-radius: var(--saltAvatar-borderRadius, var(--salt-palette-corner-strongest, 50%));\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  user-select: none;\n}\n\n.saltAvatar-accent {\n  --avatar-background: var(--salt-sentiment-accent-background);\n}\n\n.saltAvatar-category-1 {\n  --avatar-background: var(--salt-category-1-bold-background);\n}\n.saltAvatar-category-2 {\n  --avatar-background: var(--salt-category-2-bold-background);\n}\n\n.saltAvatar-category-3 {\n  --avatar-background: var(--salt-category-3-bold-background);\n}\n\n.saltAvatar-category-4 {\n  --avatar-background: var(--salt-category-4-bold-background);\n}\n\n.saltAvatar-category-5 {\n  --avatar-background: var(--salt-category-5-bold-background);\n}\n\n.saltAvatar-category-6 {\n  --avatar-background: var(--salt-category-6-bold-background);\n}\n\n.saltAvatar-category-7 {\n  --avatar-background: var(--salt-category-7-bold-background);\n}\n\n.saltAvatar-category-8 {\n  --avatar-background: var(--salt-category-8-bold-background);\n}\n\n.saltAvatar-category-9 {\n  --avatar-background: var(--salt-category-9-bold-background);\n}\n\n.saltAvatar-category-10 {\n  --avatar-background: var(--salt-category-10-bold-background);\n}\n.saltAvatar-category-11 {\n  --avatar-background: var(--salt-category-11-bold-background);\n}\n.saltAvatar-category-12 {\n  --avatar-background: var(--salt-category-12-bold-background);\n}\n.saltAvatar-category-13 {\n  --avatar-background: var(--salt-category-13-bold-background);\n}\n.saltAvatar-category-14 {\n  --avatar-background: var(--salt-category-14-bold-background);\n}\n.saltAvatar-category-15 {\n  --avatar-background: var(--salt-category-15-bold-background);\n}\n.saltAvatar-category-16 {\n  --avatar-background: var(--salt-category-16-bold-background);\n}\n.saltAvatar-category-17 {\n  --avatar-background: var(--salt-category-17-bold-background);\n}\n.saltAvatar-category-18 {\n  --avatar-background: var(--salt-category-18-bold-background);\n}\n.saltAvatar-category-19 {\n  --avatar-background: var(--salt-category-19-bold-background);\n}\n.saltAvatar-category-20 {\n  --avatar-background: var(--salt-category-20-bold-background);\n}\n\n.saltAvatar:has(img),\n.saltAvatar-withImage {\n  --avatar-background: none;\n}\n\n/* Style applied to the image/svg element. We specifically allow SVGs as the Avatar image to enable SVGs such as Flags to take up the full Avatar space */\n.saltAvatar > img,\n.saltAvatar > svg:not(.saltIcon) {\n  width: 100%;\n  height: 100%;\n}\n";
+var css_248z = "/* Default variables applied to the root element */\n.saltAvatar {\n  --avatar-size-multiplier: var(--saltAvatar-size-multiplier, 1);\n  --avatar-base-size: var(--salt-size-base);\n  --avatar-base-fontSize: var(--saltAvatar-fontSize, var(--salt-text-notation-fontSize));\n  --avatar-container-size: calc(var(--avatar-base-size) * var(--avatar-size-multiplier));\n  --avatar-fontSize: calc(var(--avatar-base-fontSize) * var(--avatar-size-multiplier));\n  /* Icon styling */\n  --saltIcon-size: calc(var(--avatar-container-size) / 2);\n}\n\n/* Style applied to the root element */\n.saltAvatar {\n  color: var(--saltAvatar-foreground, var(--salt-content-bold-foreground));\n  background: var(--saltAvatar-background, var(--avatar-background));\n  font-size: var(--avatar-fontSize);\n  line-height: var(--saltAvatar-lineHeight, var(--salt-text-notation-lineHeight));\n  font-family: var(--salt-text-notation-fontFamily);\n  font-weight: var(--salt-text-notation-fontWeight);\n  width: var(--avatar-container-size);\n  min-width: var(--avatar-container-size);\n  height: var(--avatar-container-size);\n  min-height: var(--avatar-container-size);\n  border-radius: var(--saltAvatar-borderRadius, var(--salt-palette-corner-strongest, 50%));\n  border: none;\n  padding: 0;\n  appearance: none;\n  -webkit-appearance: none;\n  text-decoration: none;\n  position: relative;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  user-select: none;\n}\n\n.saltAvatar-accent {\n  --avatar-background: var(--salt-sentiment-accent-background);\n}\n\n.saltAvatar-category-1 {\n  --avatar-background: var(--salt-category-1-bold-background);\n}\n.saltAvatar-category-2 {\n  --avatar-background: var(--salt-category-2-bold-background);\n}\n\n.saltAvatar-category-3 {\n  --avatar-background: var(--salt-category-3-bold-background);\n}\n\n.saltAvatar-category-4 {\n  --avatar-background: var(--salt-category-4-bold-background);\n}\n\n.saltAvatar-category-5 {\n  --avatar-background: var(--salt-category-5-bold-background);\n}\n\n.saltAvatar-category-6 {\n  --avatar-background: var(--salt-category-6-bold-background);\n}\n\n.saltAvatar-category-7 {\n  --avatar-background: var(--salt-category-7-bold-background);\n}\n\n.saltAvatar-category-8 {\n  --avatar-background: var(--salt-category-8-bold-background);\n}\n\n.saltAvatar-category-9 {\n  --avatar-background: var(--salt-category-9-bold-background);\n}\n\n.saltAvatar-category-10 {\n  --avatar-background: var(--salt-category-10-bold-background);\n}\n.saltAvatar-category-11 {\n  --avatar-background: var(--salt-category-11-bold-background);\n}\n.saltAvatar-category-12 {\n  --avatar-background: var(--salt-category-12-bold-background);\n}\n.saltAvatar-category-13 {\n  --avatar-background: var(--salt-category-13-bold-background);\n}\n.saltAvatar-category-14 {\n  --avatar-background: var(--salt-category-14-bold-background);\n}\n.saltAvatar-category-15 {\n  --avatar-background: var(--salt-category-15-bold-background);\n}\n.saltAvatar-category-16 {\n  --avatar-background: var(--salt-category-16-bold-background);\n}\n.saltAvatar-category-17 {\n  --avatar-background: var(--salt-category-17-bold-background);\n}\n.saltAvatar-category-18 {\n  --avatar-background: var(--salt-category-18-bold-background);\n}\n.saltAvatar-category-19 {\n  --avatar-background: var(--salt-category-19-bold-background);\n}\n.saltAvatar-category-20 {\n  --avatar-background: var(--salt-category-20-bold-background);\n}\n\n.saltAvatar:has(img),\n.saltAvatar-withImage {\n  --avatar-background: none;\n}\n\n/* Style applied to the image/svg element. We specifically allow SVGs as the Avatar image to enable SVGs such as Flags to take up the full Avatar space */\n.saltAvatar > img,\n.saltAvatar > svg:not(.saltIcon) {\n  width: 100%;\n  height: 100%;\n}\n\n.saltAvatar:focus-visible {\n  outline-offset: var(--salt-spacing-fixed-100);\n}\n\nbutton.saltAvatar,\na.saltAvatar {\n  cursor: var(--salt-cursor-hover);\n}\n\nbutton.saltAvatar:disabled {\n  cursor: var(--salt-cursor-disabled);\n}\n\nbutton.saltAvatar::after,\na.saltAvatar::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  pointer-events: none;\n  background: transparent;\n}\n\n.saltAvatar[aria-expanded=\"true\"][aria-haspopup=\"menu\"]::after,\n.saltAvatar[aria-expanded=\"true\"][aria-haspopup=\"dialog\"]::after {\n  background: var(--salt-overlayable-background-hover);\n}\n\n@media (hover: hover) {\n  button.saltAvatar:hover::after,\n  a.saltAvatar:hover::after {\n    background: var(--salt-overlayable-background-hover);\n  }\n\n  button.saltAvatar:disabled:hover::after {\n    background: transparent;\n  }\n}\n";
 
 export { css_248z as default };
 //# sourceMappingURL=Avatar.css.js.map

package/dist-es/avatar/Avatar.js

@@ -5,6 +5,7 @@ import { clsx } from 'clsx';
 import { forwardRef } from 'react';
 import { useIcon } from '../semantic-icon-provider/SemanticIconProvider.js';
 import { makePrefixer } from '../utils/makePrefixer.js';
+import { renderProps } from '../utils/renderProps.js';
 import '../utils/useFloatingUI/useFloatingUI.js';
 import '../utils/useId.js';
 import '../salt-provider/SaltProvider.js';
@@ -14,6 +15,11 @@ import { useAvatarImage } from './useAvatarImage.js';
 
 const withBaseName = makePrefixer("saltAvatar");
 const DEFAULT_AVATAR_SIZE = 2;
+const AvatarAction = forwardRef(
+  function AvatarAction2(props, ref) {
+    return renderProps("div", { ...props, ref });
+  }
+);
 const defaultNameToInitials = (name) => name == null ? void 0 : name.split(" ").slice(0, 2).map((n) => n[0]).join("").toUpperCase();
 const Avatar = forwardRef(function Avatar2({
   className,
@@ -25,6 +31,7 @@ const Avatar = forwardRef(function Avatar2({
   size = DEFAULT_AVATAR_SIZE,
   style: styleProp,
   fallbackIcon: fallbackIconProp,
+  render,
   ...rest
 }, ref) {
   const targetWindow = useWindow();
@@ -48,14 +55,17 @@ const Avatar = forwardRef(function Avatar2({
     children = childrenProp;
   }
   const avatarInitials = nameToInitials(name);
-  const ariaProps = name ? {
+  const ariaProps = name ? render ? {
+    "aria-label": name
+  } : {
     role: "img",
     "aria-label": name
   } : {};
   return /* @__PURE__ */ jsx(
-    "div",
+    AvatarAction,
     {
       ref,
+      render,
       style,
       className: clsx(
         withBaseName(),

package/dist-es/avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../src/avatar/Avatar.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { useIcon } from \"../semantic-icon-provider\";\nimport { makePrefixer } from \"../utils\";\nimport avatarCss from \"./Avatar.css\";\nimport { useAvatarImage } from \"./useAvatarImage\";\n\nexport type NameToInitials = (name?: string) => string;\n\nexport interface AvatarProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * The name that Avatar represents.\n   */\n  name?: string;\n  /**\n   * Defines the function that gets initials. Default is capital first letter of each separate word in name.\n   * If a function is not passed or returns undefined, Avatar will default to Icon.\n   */\n  nameToInitials?: NameToInitials;\n  /**\n   * Image src of Avatar.\n   */\n  src?: string;\n  /**\n   * Multiplier for the base avatar.\n   */\n  size?: number;\n  /**\n   * Icon to be used as a default item. Defaults to `UserIcon`.\n   */\n  fallbackIcon?: ReactNode;\n  /**\n   * Changes Avatar's color.\n   */\n  color?:\n    | \"accent\"\n    | \"category-1\"\n    | \"category-2\"\n    | \"category-3\"\n    | \"category-4\"\n    | \"category-5\"\n    | \"category-6\"\n    | \"category-7\"\n    | \"category-8\"\n    | \"category-9\"\n    | \"category-10\"\n    | \"category-11\"\n    | \"category-12\"\n    | \"category-13\"\n    | \"category-14\"\n    | \"category-15\"\n    | \"category-16\"\n    | \"category-17\"\n    | \"category-18\"\n    | \"category-19\"\n    | \"category-20\";\n}\n\nconst withBaseName = makePrefixer(\"saltAvatar\");\nconst DEFAULT_AVATAR_SIZE = 2; // medium\n\nconst defaultNameToInitials = (name?: string) =>\n  name\n    ?.split(\" \")\n    .slice(0, 2)\n    .map((n) => n[0])\n    .join(\"\")\n    .toUpperCase();\n\nexport const Avatar = forwardRef<HTMLDivElement, AvatarProps>(function Avatar(\n  {\n    className,\n    children: childrenProp,\n    color = \"accent\",\n    name,\n    nameToInitials = defaultNameToInitials,\n    src,\n    size = DEFAULT_AVATAR_SIZE,\n    style: styleProp,\n    fallbackIcon: fallbackIconProp,\n    ...rest\n  },\n  ref,\n) {\n  const targetWindow = useWindow();\n  const { UserIcon } = useIcon();\n\n  const fallbackIcon =\n    fallbackIconProp === undefined ? (\n      <UserIcon aria-hidden />\n    ) : (\n      fallbackIconProp\n    );\n\n  useComponentCssInjection({\n    testId: \"salt-avatar\",\n    css: avatarCss,\n    window: targetWindow,\n  });\n\n  let children: ReactNode;\n\n  const style = {\n    ...styleProp,\n    \"--saltAvatar-size-multiplier\": `${size}`,\n  };\n\n  const status = useAvatarImage({ src });\n  const hasImgNotFailing = status === \"loaded\";\n  if (hasImgNotFailing) {\n    children = <img alt=\"\" src={src} />;\n  } else if (childrenProp != null) {\n    children = childrenProp;\n  }\n\n  const avatarInitials = nameToInitials(name);\n\n  const ariaProps = name\n    ? {\n        role: \"img\",\n        \"aria-label\": name,\n      }\n    : {};\n\n  return (\n    <div\n      ref={ref}\n      style={style}\n      className={clsx(\n        withBaseName(),\n        withBaseName(color),\n        {\n          [withBaseName(\"withImage\")]: hasImgNotFailing,\n        },\n        className,\n      )}\n      {...ariaProps}\n      {...rest}\n    >\n      {children || avatarInitials || fallbackIcon}\n    </div>\n  );\n});\n"],"names":["Avatar","avatarCss"],"mappings":";;;;;;;;;;;;;;AA4DA,MAAM,YAAA,GAAe,aAAa,YAAY,CAAA;AAC9C,MAAM,mBAAA,GAAsB,CAAA;AAE5B,MAAM,wBAAwB,CAAC,IAAA,KAC7B,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CACI,KAAA,CAAM,KACP,KAAA,CAAM,CAAA,EAAG,CAAA,CAAA,CACT,GAAA,CAAI,CAAC,CAAA,KAAM,CAAA,CAAE,CAAC,CAAA,CAAA,CACd,KAAK,EAAA,CAAA,CACL,WAAA,EAAA;AAEE,MAAM,MAAA,GAAS,UAAA,CAAwC,SAASA,OAAAA,CACrE;AAAA,EACE,SAAA;AAAA,EACA,QAAA,EAAU,YAAA;AAAA,EACV,KAAA,GAAQ,QAAA;AAAA,EACR,IAAA;AAAA,EACA,cAAA,GAAiB,qBAAA;AAAA,EACjB,GAAA;AAAA,EACA,IAAA,GAAO,mBAAA;AAAA,EACP,KAAA,EAAO,SAAA;AAAA,EACP,YAAA,EAAc,gBAAA;AAAA,EACd,GAAG;AACL,CAAA,EACA,GAAA,EACA;AACA,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,MAAM,EAAE,QAAA,EAAS,GAAI,OAAA,EAAQ;AAE7B,EAAA,MAAM,eACJ,gBAAA,KAAqB,MAAA,uBAClB,QAAA,EAAA,EAAS,aAAA,EAAW,MAAC,CAAA,GAEtB,gBAAA;AAGJ,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,aAAA;AAAA,IACR,GAAA,EAAKC,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,IAAI,QAAA;AAEJ,EAAA,MAAM,KAAA,GAAQ;AAAA,IACZ,GAAG,SAAA;AAAA,IACH,8BAAA,EAAgC,GAAG,IAAI,CAAA;AAAA,GACzC;AAEA,EAAA,MAAM,MAAA,GAAS,cAAA,CAAe,EAAE,GAAA,EAAK,CAAA;AACrC,EAAA,MAAM,mBAAmB,MAAA,KAAW,QAAA;AACpC,EAAA,IAAI,gBAAA,EAAkB;AACpB,IAAA,QAAA,mBAAW,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAI,EAAA,EAAG,GAAA,EAAU,CAAA;AAAA,EACnC,CAAA,MAAA,IAAW,gBAAgB,IAAA,EAAM;AAC/B,IAAA,QAAA,GAAW,YAAA;AAAA,EACb;AAEA,EAAA,MAAM,cAAA,GAAiB,eAAe,IAAI,CAAA;AAE1C,EAAA,MAAM,YAAY,IAAA,GACd;AAAA,IACE,IAAA,EAAM,KAAA;AAAA,IACN,YAAA,EAAc;AAAA,MAEhB,EAAC;AAEL,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,KAAA;AAAA,MACA,SAAA,EAAW,IAAA;AAAA,QACT,YAAA,EAAa;AAAA,QACb,aAAa,KAAK,CAAA;AAAA,QAClB;AAAA,UACE,CAAC,YAAA,CAAa,WAAW,CAAC,GAAG;AAAA,SAC/B;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,SAAA;AAAA,MACH,GAAG,IAAA;AAAA,MAEH,sBAAY,cAAA,IAAkB;AAAA;AAAA,GACjC;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Avatar.js","sources":["../src/avatar/Avatar.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { useIcon } from \"../semantic-icon-provider\";\nimport { makePrefixer, type RenderPropsType, renderProps } from \"../utils\";\nimport avatarCss from \"./Avatar.css\";\nimport { useAvatarImage } from \"./useAvatarImage\";\n\nexport type NameToInitials = (name?: string) => string;\n\nexport interface AvatarProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * The name that Avatar represents.\n   */\n  name?: string;\n  /**\n   * Defines the function that gets initials. Default is capital first letter of each separate word in name.\n   * If a function is not passed or returns undefined, Avatar will default to Icon.\n   */\n  nameToInitials?: NameToInitials;\n  /**\n   * Image src of Avatar.\n   */\n  src?: string;\n  /**\n   * Multiplier for the base avatar.\n   */\n  size?: number;\n  /**\n   * Icon to be used as a default item. Defaults to `UserIcon`.\n   */\n  fallbackIcon?: ReactNode;\n  /**\n   * Changes Avatar's color.\n   */\n  color?:\n    | \"accent\"\n    | \"category-1\"\n    | \"category-2\"\n    | \"category-3\"\n    | \"category-4\"\n    | \"category-5\"\n    | \"category-6\"\n    | \"category-7\"\n    | \"category-8\"\n    | \"category-9\"\n    | \"category-10\"\n    | \"category-11\"\n    | \"category-12\"\n    | \"category-13\"\n    | \"category-14\"\n    | \"category-15\"\n    | \"category-16\"\n    | \"category-17\"\n    | \"category-18\"\n    | \"category-19\"\n    | \"category-20\";\n  /**\n   * Render prop to enable customization of the avatar root element.\n   */\n  render?: RenderPropsType[\"render\"];\n}\n\nconst withBaseName = makePrefixer(\"saltAvatar\");\nconst DEFAULT_AVATAR_SIZE = 2; // medium\n\ninterface AvatarActionProps extends ComponentPropsWithoutRef<\"div\"> {\n  render?: RenderPropsType[\"render\"];\n}\n\nconst AvatarAction = forwardRef<HTMLDivElement, AvatarActionProps>(\n  function AvatarAction(props, ref) {\n    return renderProps(\"div\", { ...props, ref });\n  },\n);\n\nconst defaultNameToInitials = (name?: string) =>\n  name\n    ?.split(\" \")\n    .slice(0, 2)\n    .map((n) => n[0])\n    .join(\"\")\n    .toUpperCase();\n\nexport const Avatar = forwardRef<HTMLDivElement, AvatarProps>(function Avatar(\n  {\n    className,\n    children: childrenProp,\n    color = \"accent\",\n    name,\n    nameToInitials = defaultNameToInitials,\n    src,\n    size = DEFAULT_AVATAR_SIZE,\n    style: styleProp,\n    fallbackIcon: fallbackIconProp,\n    render,\n    ...rest\n  },\n  ref,\n) {\n  const targetWindow = useWindow();\n  const { UserIcon } = useIcon();\n\n  const fallbackIcon =\n    fallbackIconProp === undefined ? (\n      <UserIcon aria-hidden />\n    ) : (\n      fallbackIconProp\n    );\n\n  useComponentCssInjection({\n    testId: \"salt-avatar\",\n    css: avatarCss,\n    window: targetWindow,\n  });\n\n  let children: ReactNode;\n\n  const style = {\n    ...styleProp,\n    \"--saltAvatar-size-multiplier\": `${size}`,\n  };\n\n  const status = useAvatarImage({ src });\n  const hasImgNotFailing = status === \"loaded\";\n  if (hasImgNotFailing) {\n    children = <img alt=\"\" src={src} />;\n  } else if (childrenProp != null) {\n    children = childrenProp;\n  }\n\n  const avatarInitials = nameToInitials(name);\n\n  const ariaProps = name\n    ? render\n      ? {\n          \"aria-label\": name,\n        }\n      : {\n          role: \"img\",\n          \"aria-label\": name,\n        }\n    : {};\n\n  return (\n    <AvatarAction\n      ref={ref}\n      render={render}\n      style={style}\n      className={clsx(\n        withBaseName(),\n        withBaseName(color),\n        {\n          [withBaseName(\"withImage\")]: hasImgNotFailing,\n        },\n        className,\n      )}\n      {...ariaProps}\n      {...rest}\n    >\n      {children || avatarInitials || fallbackIcon}\n    </AvatarAction>\n  );\n});\n"],"names":["AvatarAction","Avatar","avatarCss"],"mappings":";;;;;;;;;;;;;;;AAqEA,MAAM,YAAA,GAAe,aAAa,YAAY,CAAA;AAC9C,MAAM,mBAAA,GAAsB,CAAA;AAM5B,MAAM,YAAA,GAAe,UAAA;AAAA,EACnB,SAASA,aAAAA,CAAa,KAAA,EAAO,GAAA,EAAK;AAChC,IAAA,OAAO,YAAY,KAAA,EAAO,EAAE,GAAG,KAAA,EAAO,KAAK,CAAA;AAAA,EAC7C;AACF,CAAA;AAEA,MAAM,wBAAwB,CAAC,IAAA,KAC7B,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CACI,KAAA,CAAM,KACP,KAAA,CAAM,CAAA,EAAG,CAAA,CAAA,CACT,GAAA,CAAI,CAAC,CAAA,KAAM,CAAA,CAAE,CAAC,CAAA,CAAA,CACd,KAAK,EAAA,CAAA,CACL,WAAA,EAAA;AAEE,MAAM,MAAA,GAAS,UAAA,CAAwC,SAASC,OAAAA,CACrE;AAAA,EACE,SAAA;AAAA,EACA,QAAA,EAAU,YAAA;AAAA,EACV,KAAA,GAAQ,QAAA;AAAA,EACR,IAAA;AAAA,EACA,cAAA,GAAiB,qBAAA;AAAA,EACjB,GAAA;AAAA,EACA,IAAA,GAAO,mBAAA;AAAA,EACP,KAAA,EAAO,SAAA;AAAA,EACP,YAAA,EAAc,gBAAA;AAAA,EACd,MAAA;AAAA,EACA,GAAG;AACL,CAAA,EACA,GAAA,EACA;AACA,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,MAAM,EAAE,QAAA,EAAS,GAAI,OAAA,EAAQ;AAE7B,EAAA,MAAM,eACJ,gBAAA,KAAqB,MAAA,uBAClB,QAAA,EAAA,EAAS,aAAA,EAAW,MAAC,CAAA,GAEtB,gBAAA;AAGJ,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,aAAA;AAAA,IACR,GAAA,EAAKC,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,IAAI,QAAA;AAEJ,EAAA,MAAM,KAAA,GAAQ;AAAA,IACZ,GAAG,SAAA;AAAA,IACH,8BAAA,EAAgC,GAAG,IAAI,CAAA;AAAA,GACzC;AAEA,EAAA,MAAM,MAAA,GAAS,cAAA,CAAe,EAAE,GAAA,EAAK,CAAA;AACrC,EAAA,MAAM,mBAAmB,MAAA,KAAW,QAAA;AACpC,EAAA,IAAI,gBAAA,EAAkB;AACpB,IAAA,QAAA,mBAAW,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAI,EAAA,EAAG,GAAA,EAAU,CAAA;AAAA,EACnC,CAAA,MAAA,IAAW,gBAAgB,IAAA,EAAM;AAC/B,IAAA,QAAA,GAAW,YAAA;AAAA,EACb;AAEA,EAAA,MAAM,cAAA,GAAiB,eAAe,IAAI,CAAA;AAE1C,EAAA,MAAM,SAAA,GAAY,OACd,MAAA,GACE;AAAA,IACE,YAAA,EAAc;AAAA,GAChB,GACA;AAAA,IACE,IAAA,EAAM,KAAA;AAAA,IACN,YAAA,EAAc;AAAA,MAElB,EAAC;AAEL,EAAA,uBACE,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACA,SAAA,EAAW,IAAA;AAAA,QACT,YAAA,EAAa;AAAA,QACb,aAAa,KAAK,CAAA;AAAA,QAClB;AAAA,UACE,CAAC,YAAA,CAAa,WAAW,CAAC,GAAG;AAAA,SAC/B;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,SAAA;AAAA,MACH,GAAG,IAAA;AAAA,MAEH,sBAAY,cAAA,IAAkB;AAAA;AAAA,GACjC;AAEJ,CAAC;;;;"}

package/dist-es/index.js

@@ -151,6 +151,9 @@ export { useToggleButtonGroup } from './toggle-button-group/ToggleButtonGroupCon
 export { Toggletip } from './toggletip/Toggletip.js';
 export { ToggletipPanel } from './toggletip/ToggletipPanel.js';
 export { ToggletipTrigger } from './toggletip/ToggletipTrigger.js';
+export { Toolbar } from './toolbar/Toolbar.js';
+export { ToolbarContent } from './toolbar/ToolbarContent.js';
+export { Tooltray } from './toolbar/Tooltray.js';
 export { Tooltip } from './tooltip/Tooltip.js';
 export { useTooltip } from './tooltip/useTooltip.js';
 export { Tree } from './tree/Tree.js';

package/dist-es/index.js.map

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

package/dist-es/toolbar/Toolbar.css.js

@@ -0,0 +1,4 @@
+var css_248z = ".saltToolbar {\n  box-sizing: border-box;\n  inline-size: 100%;\n  min-width: 0;\n  position: relative;\n}\n\n.saltToolbar-layout {\n  align-items: center;\n  --saltToolbar-band-gap: var(--salt-spacing-100);\n}\n\n.saltToolbar-layout:not([data-centered]) {\n  display: flex;\n  column-gap: var(--saltToolbar-band-gap);\n}\n\n.saltToolbar-layout[data-centered] {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);\n}\n\n.saltToolbar-band {\n  display: flex;\n  align-items: center;\n  gap: var(--saltToolbar-band-gap);\n  min-width: 0;\n}\n\n.saltToolbar-layout:not([data-centered]) > .saltToolbar-band[data-band-position=\"end\"] {\n  justify-content: flex-end;\n  margin-inline-start: auto;\n}\n\n.saltToolbar-layout[data-centered] > .saltToolbar-band[data-band-position=\"start\"] {\n  grid-column: 1;\n}\n\n.saltToolbar-layout[data-centered] > .saltToolbar-band[data-band-position=\"center\"] {\n  grid-column: 2;\n  justify-content: center;\n}\n\n.saltToolbar-layout[data-centered] > .saltToolbar-band[data-band-position=\"end\"] {\n  grid-column: 3;\n  justify-content: flex-end;\n}\n\n.saltToolbar-fallback {\n  display: flex;\n  align-items: center;\n  gap: var(--salt-spacing-100);\n}\n\n.saltToolbar-layout > * {\n  min-width: 0;\n}\n\n.saltToolbar-primary {\n  --toolbar-background: var(--salt-container-primary-background);\n  --toolbar-borderColor: var(--salt-container-primary-borderColor);\n}\n\n.saltToolbar-secondary {\n  --toolbar-background: var(--salt-container-secondary-background);\n  --toolbar-borderColor: var(--salt-container-secondary-borderColor);\n}\n\n.saltToolbar-tertiary {\n  --toolbar-background: var(--salt-container-tertiary-background);\n  --toolbar-borderColor: var(--salt-container-tertiary-borderColor);\n}\n\n.saltToolbar-bordered {\n  background: var(--saltToolbar-background, var(--toolbar-background));\n  border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--saltToolbar-borderColor, var(--toolbar-borderColor));\n  border-radius: var(--salt-palette-corner, 0);\n  padding: var(--salt-spacing-100);\n}\n\n.saltToolbar-transparent {\n  background: transparent;\n  border: none;\n  padding: 0;\n}\n\n.saltToolbar-measurements {\n  display: flex;\n  gap: var(--salt-spacing-100);\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  inset: 0 auto auto 0;\n  block-size: 0;\n  overflow: hidden;\n}\n\n.saltToolbar-measureTrigger {\n  white-space: nowrap;\n}\n";
+
+export { css_248z as default };
+//# sourceMappingURL=Toolbar.css.js.map

package/dist-es/toolbar/Toolbar.css.js.map

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