@salt-ds/core 1.68.0 → 1.69.0

package/dist-es/toast/Toast.css.js

@@ -1,4 +1,4 @@
-var css_248z = "/* Styles applied to Toast root element */\n.saltToast {\n  --toast-background: var(--salt-container-primary-background);\n  --toast-borderColor: var(--salt-container-primary-borderColor);\n  --toast-iconColor: var(--salt-content-primary-foreground);\n\n  background: var(--saltToast-background, var(--toast-background));\n  border-color: var(--saltToast-borderColor, var(--toast-borderColor));\n  border-width: var(--saltToast-borderWidth, var(--salt-size-fixed-100));\n  border-style: var(--saltToast-borderStyle, var(--salt-borderStyle-solid));\n  border-radius: var(--saltToast-borderRadius, var(--salt-palette-corner, 0));\n\n  box-sizing: border-box;\n  box-shadow: var(--salt-overlayable-shadow-popout);\n  display: flex;\n  gap: var(--salt-spacing-75);\n  padding: var(--saltToast-padding, var(--salt-spacing-100));\n  min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));\n  margin: 0 var(--salt-spacing-100) var(--salt-spacing-100) var(--salt-spacing-100);\n\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--salt-text-fontSize);\n  font-weight: var(--salt-text-fontWeight);\n  line-height: var(--salt-text-lineHeight);\n}\n\n.saltToast:last-child {\n  margin-bottom: var(--salt-spacing-200);\n}\n\n/* Styles applied to icon */\n.saltToast-iconContainer > .saltIcon {\n  margin-top: calc(var(--salt-spacing-75) + calc((var(--salt-text-lineHeight) - max(var(--salt-size-icon), 12px)) / 2));\n  color: var(--toast-iconColor);\n}\n\n/* Styles applied when state = \"info\" */\n.saltToast-info {\n  --toast-borderColor: var(--salt-status-info-borderColor);\n  --toast-iconColor: var(--salt-status-info-foreground-decorative);\n}\n\n/* Styles applied when state = \"error\" */\n.saltToast-error {\n  --toast-borderColor: var(--salt-status-error-borderColor);\n  --toast-iconColor: var(--salt-status-error-foreground-decorative);\n}\n\n/* Styles applied when state = \"warning\" */\n.saltToast-warning {\n  --toast-borderColor: var(--salt-status-warning-borderColor);\n  --toast-iconColor: var(--salt-status-warning-foreground-decorative);\n}\n\n/* Styles applied when state = \"success\" */\n.saltToast-success {\n  --toast-borderColor: var(--salt-status-success-borderColor);\n  --toast-iconColor: var(--salt-status-success-foreground-decorative);\n}\n";
+var css_248z = "/* Styles applied to Toast root element */\n.saltToast {\n  --toast-background: var(--salt-container-primary-background);\n  --toast-borderColor: var(--salt-container-bold-borderColor);\n  --toast-iconColor: var(--salt-content-primary-foreground);\n\n  background: var(--saltToast-background, var(--toast-background));\n  border-color: var(--saltToast-borderColor, var(--toast-borderColor));\n  border-width: var(--saltToast-borderWidth, var(--salt-size-fixed-100));\n  border-style: var(--saltToast-borderStyle, var(--salt-borderStyle-solid));\n  border-radius: var(--saltToast-borderRadius, var(--salt-palette-corner, 0));\n\n  box-sizing: border-box;\n  box-shadow: var(--salt-overlayable-shadow-popout);\n  display: flex;\n  gap: var(--salt-spacing-75);\n  padding: var(--saltToast-padding, var(--salt-spacing-100));\n  min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));\n  margin: 0 var(--salt-spacing-100) var(--salt-spacing-100) var(--salt-spacing-100);\n\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--salt-text-fontSize);\n  font-weight: var(--salt-text-fontWeight);\n  line-height: var(--salt-text-lineHeight);\n}\n\n.saltToast:last-child {\n  margin-bottom: var(--salt-spacing-200);\n}\n\n/* Styles applied to icon */\n.saltToast-iconContainer > .saltIcon {\n  margin-top: calc(var(--salt-spacing-75) + calc((var(--salt-text-lineHeight) - max(var(--salt-size-icon), 12px)) / 2));\n  color: var(--toast-iconColor);\n}\n\n/* Styles applied when state = \"info\" */\n.saltToast-info {\n  --toast-borderColor: var(--salt-status-info-borderColor);\n  --toast-iconColor: var(--salt-status-info-foreground-decorative);\n}\n\n/* Styles applied when state = \"error\" */\n.saltToast-error {\n  --toast-borderColor: var(--salt-status-error-borderColor);\n  --toast-iconColor: var(--salt-status-error-foreground-decorative);\n}\n\n/* Styles applied when state = \"warning\" */\n.saltToast-warning {\n  --toast-borderColor: var(--salt-status-warning-borderColor);\n  --toast-iconColor: var(--salt-status-warning-foreground-decorative);\n}\n\n/* Styles applied when state = \"success\" */\n.saltToast-success {\n  --toast-borderColor: var(--salt-status-success-borderColor);\n  --toast-iconColor: var(--salt-status-success-foreground-decorative);\n}\n";
 
 export { css_248z as default };
 //# sourceMappingURL=Toast.css.js.map

package/dist-es/toggle-button-group/ToggleButtonGroup.css.js

@@ -1,4 +1,4 @@
-var css_248z = ".saltToggleButtonGroup {\n  --toggleButtonGroup-borderWidth: var(--salt-size-fixed-100);\n\n  display: flex;\n  background: var(--salt-container-primary-background);\n  border: var(--toggleButtonGroup-borderWidth) var(--salt-borderStyle-solid) var(--salt-container-primary-borderColor);\n  border-radius: var(--salt-palette-corner-weak, 0);\n  width: fit-content;\n  gap: var(--salt-spacing-50);\n  padding: calc(var(--salt-spacing-50) - var(--toggleButtonGroup-borderWidth));\n  flex-direction: row;\n}\n\n.saltToggleButtonGroup-disabled {\n  background: var(--salt-container-primary-background-disabled);\n  border-color: var(--salt-container-primary-borderColor-disabled);\n  cursor: var(--salt-cursor-disabled);\n}\n\n.saltToggleButtonGroup-readOnly {\n  background: var(--salt-container-primary-background);\n  border-color: var(--salt-container-primary-borderColor);\n  cursor: var(--salt-cursor-disabled);\n}\n\n.saltToggleButtonGroup .saltToggleButton {\n  border-radius: var(--salt-palette-corner-weaker, 0);\n}\n\n.saltToggleButtonGroup-horizontal .saltToggleButton {\n  height: calc(var(--salt-size-base) - var(--salt-spacing-100));\n}\n\n.saltToggleButtonGroup-vertical {\n  flex-direction: column;\n}\n\n.saltToggleButtonGroup-vertical .saltToggleButton {\n  justify-content: start;\n}\n";
+var css_248z = ".saltToggleButtonGroup {\n  --toggleButtonGroup-borderWidth: var(--salt-size-fixed-100);\n\n  display: flex;\n  background: var(--salt-container-primary-background);\n  border: var(--toggleButtonGroup-borderWidth) var(--salt-borderStyle-solid) var(--salt-container-bold-borderColor);\n  border-radius: var(--salt-palette-corner-weak, 0);\n  width: fit-content;\n  gap: var(--salt-spacing-50);\n  padding: calc(var(--salt-spacing-50) - var(--toggleButtonGroup-borderWidth));\n  flex-direction: row;\n}\n\n.saltToggleButtonGroup-disabled {\n  background: var(--salt-container-primary-background-disabled);\n  border-color: var(--salt-container-bold-borderColor-disabled);\n  cursor: var(--salt-cursor-disabled);\n}\n\n.saltToggleButtonGroup-readOnly {\n  background: var(--salt-container-primary-background);\n  border-color: var(--salt-container-bold-borderColor);\n  cursor: var(--salt-cursor-disabled);\n}\n\n.saltToggleButtonGroup .saltToggleButton {\n  border-radius: var(--salt-palette-corner-weaker, 0);\n}\n\n.saltToggleButtonGroup-horizontal .saltToggleButton {\n  height: calc(var(--salt-size-base) - var(--salt-spacing-100));\n}\n\n.saltToggleButtonGroup-vertical {\n  flex-direction: column;\n}\n\n.saltToggleButtonGroup-vertical .saltToggleButton {\n  justify-content: start;\n}\n";
 
 export { css_248z as default };
 //# sourceMappingURL=ToggleButtonGroup.css.js.map

package/dist-es/toggletip/ToggletipPanel.css.js

@@ -1,4 +1,4 @@
-var css_248z = ".saltToggletipPanel {\n  --toggletip-background: var(--salt-container-primary-background);\n  --toggletip-borderColor: var(--salt-container-primary-borderColor);\n\n  box-sizing: border-box;\n  padding: var(--salt-spacing-100);\n\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--salt-text-fontSize);\n  font-weight: var(--salt-text-fontWeight);\n  line-height: var(--salt-text-lineHeight);\n\n  border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--toggletip-borderColor);\n  border-radius: var(--salt-palette-corner-weak);\n\n  background: var(--toggletip-background);\n  box-shadow: var(--salt-overlayable-shadow-popout);\n\n  color: var(--salt-content-primary-foreground);\n  z-index: var(--salt-zIndex-flyover);\n\n  max-width: 45ch;\n  max-height: 100vh;\n}\n\n.saltToggletipPanel-content {\n  max-height: 100%;\n  overflow-y: auto;\n}\n\n.saltToggletipPanel-content:focus-visible {\n  outline-offset: var(--salt-spacing-fixed-100);\n}\n";
+var css_248z = ".saltToggletipPanel {\n  --toggletip-background: var(--salt-container-primary-background);\n  --toggletip-borderColor: var(--salt-container-bold-borderColor);\n\n  box-sizing: border-box;\n  padding: var(--salt-spacing-100);\n\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--salt-text-fontSize);\n  font-weight: var(--salt-text-fontWeight);\n  line-height: var(--salt-text-lineHeight);\n\n  border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--toggletip-borderColor);\n  border-radius: var(--salt-palette-corner-weak);\n\n  background: var(--toggletip-background);\n  box-shadow: var(--salt-overlayable-shadow-popout);\n\n  color: var(--salt-content-primary-foreground);\n  z-index: var(--salt-zIndex-flyover);\n\n  max-width: 45ch;\n  max-height: 100vh;\n}\n\n.saltToggletipPanel-content {\n  max-height: 100%;\n  overflow-y: auto;\n}\n\n.saltToggletipPanel-content:focus-visible {\n  outline-offset: var(--salt-spacing-fixed-100);\n}\n";
 
 export { css_248z as default };
 //# sourceMappingURL=ToggletipPanel.css.js.map

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

@@ -1,4 +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";
+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-bold-borderColor);\n}\n\n.saltToolbar-secondary {\n  --toolbar-background: var(--salt-container-secondary-background);\n  --toolbar-borderColor: var(--salt-container-bold-borderColor);\n}\n\n.saltToolbar-tertiary {\n  --toolbar-background: var(--salt-container-tertiary-background);\n  --toolbar-borderColor: var(--salt-container-bold-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/tooltip/Tooltip.css.js

@@ -1,4 +1,4 @@
-var css_248z = "/* Styles applied to root component */\n.saltTooltip {\n  --tooltip-background: var(--saltTooltip-background, var(--salt-container-primary-background));\n  --tooltip-zIndex: var(--saltTooltip-zIndex, var(--salt-zIndex-flyover));\n  /* apply icon margin based on the text line height so it's aligned on all densities */\n  --tooltip-icon-marginTop: calc((var(--salt-text-lineHeight) - max(var(--salt-size-icon), 12px)) / 2);\n  --tooltip-status-borderColor: var(--salt-container-primary-borderColor);\n  /* Single line height should be size-base */\n  --tooltip-borderWidth: var(--salt-size-fixed-100);\n  --tooltip-padding: calc(var(--salt-spacing-75) - var(--tooltip-borderWidth)) var(--salt-spacing-100);\n}\n\n.saltTooltip {\n  box-sizing: border-box;\n  background: var(--tooltip-background);\n  border-color: var(--saltTooltip-borderColor, var(--tooltip-status-borderColor));\n  border-style: var(--saltTooltip-borderStyle, var(--salt-borderStyle-solid));\n  border-width: var(--saltTooltip-borderWidth, var(--tooltip-borderWidth));\n  border-radius: var(--saltTooltip-borderRadius, var(--salt-palette-corner-weak, 0));\n  box-shadow: var(--saltTooltip-shadow, var(--salt-overlayable-shadow-popout));\n  color: var(--saltTooltip-text-color, var(--salt-content-primary-foreground));\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--saltTooltip-fontSize, var(--salt-text-fontSize));\n  font-weight: var(--saltTooltip-fontWeight, var(--salt-text-fontWeight));\n  line-height: var(--saltTooltip-lineHeight, var(--salt-text-lineHeight));\n  max-width: var(--saltTooltip-maxWidth, 60ch);\n  padding: var(--saltTooltip-padding, var(--tooltip-padding));\n  position: relative;\n  text-align: var(--saltTooltip-textAlign, left);\n  z-index: var(--tooltip-zIndex);\n}\n\n/* Styles applied to container */\n.saltTooltip-container {\n  display: flex;\n  align-items: baseline;\n  position: relative;\n}\n\n/* Styles applied to content */\n.saltTooltip-content {\n  overflow: hidden;\n}\n\n/* Styles applied to status indicator */\n.saltTooltip-icon {\n  --saltIcon-margin: var(--tooltip-icon-marginTop) var(--salt-spacing-75) 0 0;\n  vertical-align: top;\n  align-self: flex-start;\n}\n\n/* Styles applied when status = \"info\" */\n.saltTooltip-info {\n  --tooltip-status-borderColor: var(--salt-status-info-borderColor);\n}\n\n/* Styles applied when status = \"error\" */\n.saltTooltip-error {\n  --tooltip-status-borderColor: var(--salt-status-error-borderColor);\n}\n\n/* Styles applied when status = \"warning\" */\n.saltTooltip-warning {\n  --tooltip-status-borderColor: var(--salt-status-warning-borderColor);\n}\n\n/* Styles applied when status = \"success\" */\n.saltTooltip-success {\n  --tooltip-status-borderColor: var(--salt-status-success-borderColor);\n}\n";
+var css_248z = "/* Styles applied to root component */\n.saltTooltip {\n  --tooltip-background: var(--saltTooltip-background, var(--salt-container-primary-background));\n  --tooltip-zIndex: var(--saltTooltip-zIndex, var(--salt-zIndex-flyover));\n  /* apply icon margin based on the text line height so it's aligned on all densities */\n  --tooltip-icon-marginTop: calc((var(--salt-text-lineHeight) - max(var(--salt-size-icon), 12px)) / 2);\n  --tooltip-status-borderColor: var(--salt-container-bold-borderColor);\n  /* Single line height should be size-base */\n  --tooltip-borderWidth: var(--salt-size-fixed-100);\n  --tooltip-padding: calc(var(--salt-spacing-75) - var(--tooltip-borderWidth)) var(--salt-spacing-100);\n}\n\n.saltTooltip {\n  box-sizing: border-box;\n  background: var(--tooltip-background);\n  border-color: var(--saltTooltip-borderColor, var(--tooltip-status-borderColor));\n  border-style: var(--saltTooltip-borderStyle, var(--salt-borderStyle-solid));\n  border-width: var(--saltTooltip-borderWidth, var(--tooltip-borderWidth));\n  border-radius: var(--saltTooltip-borderRadius, var(--salt-palette-corner-weak, 0));\n  box-shadow: var(--saltTooltip-shadow, var(--salt-overlayable-shadow-popout));\n  color: var(--saltTooltip-text-color, var(--salt-content-primary-foreground));\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--saltTooltip-fontSize, var(--salt-text-fontSize));\n  font-weight: var(--saltTooltip-fontWeight, var(--salt-text-fontWeight));\n  line-height: var(--saltTooltip-lineHeight, var(--salt-text-lineHeight));\n  max-width: var(--saltTooltip-maxWidth, 60ch);\n  padding: var(--saltTooltip-padding, var(--tooltip-padding));\n  position: relative;\n  text-align: var(--saltTooltip-textAlign, left);\n  z-index: var(--tooltip-zIndex);\n}\n\n/* Styles applied to container */\n.saltTooltip-container {\n  display: flex;\n  align-items: baseline;\n  position: relative;\n}\n\n/* Styles applied to content */\n.saltTooltip-content {\n  overflow: hidden;\n}\n\n/* Styles applied to status indicator */\n.saltTooltip-icon {\n  --saltIcon-margin: var(--tooltip-icon-marginTop) var(--salt-spacing-75) 0 0;\n  vertical-align: top;\n  align-self: flex-start;\n}\n\n/* Styles applied when status = \"info\" */\n.saltTooltip-info {\n  --tooltip-status-borderColor: var(--salt-status-info-borderColor);\n}\n\n/* Styles applied when status = \"error\" */\n.saltTooltip-error {\n  --tooltip-status-borderColor: var(--salt-status-error-borderColor);\n}\n\n/* Styles applied when status = \"warning\" */\n.saltTooltip-warning {\n  --tooltip-status-borderColor: var(--salt-status-warning-borderColor);\n}\n\n/* Styles applied when status = \"success\" */\n.saltTooltip-success {\n  --tooltip-status-borderColor: var(--salt-status-success-borderColor);\n}\n";
 
 export { css_248z as default };
 //# sourceMappingURL=Tooltip.css.js.map

package/dist-es/viewport/ViewportProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewportProvider.js","sources":["../src/viewport/ViewportProvider.tsx"],"sourcesContent":["import { createContext, type ReactNode, useContext, useState } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../utils/useIsomorphicLayoutEffect\";\n\nconst ViewportContext = createContext<number | null>(null);\n\ntype ViewportProviderProps = {\n  children?: ReactNode;\n};\n\nconst ViewportProvider = ({ children }: ViewportProviderProps) => {\n  // Get value directly from the ViewportContext so we can detect if the value is null (no inherited ViewportProvider)\n  const existingViewport = useContext(ViewportContext);\n  const [viewport, setViewport] = useState(existingViewport);\n\n  const noExistingViewport = existingViewport === null;\n  const viewportValue = existingViewport || viewport || 0;\n\n  useIsomorphicLayoutEffect(() => {\n    let observer: ResizeObserver | null = null;\n\n    if (noExistingViewport) {\n      observer = new ResizeObserver(\n        (observerEntries: ResizeObserverEntry[]) => {\n          setViewport(observerEntries[0].contentRect.width);\n        },\n      );\n\n      observer.observe(document.body);\n      setViewport(document.body.getBoundingClientRect().width);\n    }\n\n    return () => {\n      if (observer) {\n        observer.disconnect();\n      }\n    };\n  }, [noExistingViewport]);\n\n  return (\n    <ViewportContext.Provider value={viewportValue}>\n      {children}\n    </ViewportContext.Provider>\n  );\n};\n\nconst useViewport = (): number => {\n  const value = useContext(ViewportContext);\n  return value === null ? 0 : value;\n};\n\nexport { ViewportProvider, ViewportContext, useViewport };\n"],"names":[],"mappings":";;;;AAGA,MAAM,eAAA,GAAkB,cAA6B,IAAI;AAMzD,MAAM,gBAAA,GAAmB,CAAC,EAAE,QAAA,EAAS,KAA6B;AAEhE,EAAA,MAAM,gBAAA,GAAmB,WAAW,eAAe,CAAA;AACnD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,gBAAgB,CAAA;AAEzD,EAAA,MAAM,qBAAqB,gBAAA,KAAqB,IAAA;AAChD,EAAA,MAAM,aAAA,GAAgB,oBAAoB,QAAA,IAAY,CAAA;AAEtD,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,QAAA,GAAkC,IAAA;AAEtC,IAAA,IAAI,kBAAA,EAAoB;AACtB,MAAA,QAAA,GAAW,IAAI,cAAA;AAAA,QACb,CAAC,eAAA,KAA2C;AAC1C,UAAA,WAAA,CAAY,eAAA,CAAgB,CAAC,CAAA,CAAE,WAAA,CAAY,KAAK,CAAA;AAAA,QAClD;AAAA,OACF;AAEA,MAAA,QAAA,CAAS,OAAA,CAAQ,SAAS,IAAI,CAAA;AAC9B,MAAA,WAAA,CAAY,QAAA,CAAS,IAAA,CAAK,qBAAA,EAAsB,CAAE,KAAK,CAAA;AAAA,IACzD;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA,QAAA,CAAS,UAAA,EAAW;AAAA,MACtB;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,kBAAkB,CAAC,CAAA;AAEvB,EAAA,2BACG,eAAA,CAAgB,QAAA,EAAhB,EAAyB,KAAA,EAAO,eAC9B,QAAA,EACH,CAAA;AAEJ;AAEA,MAAM,cAAc,MAAc;AAChC,EAAA,MAAM,KAAA,GAAQ,WAAW,eAAe,CAAA;AACxC,EAAA,OAAO,KAAA,KAAU,OAAO,CAAA,GAAI,KAAA;AAC9B;;;;"}
+{"version":3,"file":"ViewportProvider.js","sources":["../src/viewport/ViewportProvider.tsx"],"sourcesContent":["import { createContext, type ReactNode, useContext, useState } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../utils/useIsomorphicLayoutEffect\";\n\nconst ViewportContext = createContext<number | null>(null);\n\ntype ViewportProviderProps = {\n  children?: ReactNode;\n};\n\nconst ViewportProvider = ({ children }: ViewportProviderProps) => {\n  // Get value directly from the ViewportContext so we can detect if the value is null (no inherited ViewportProvider)\n  const existingViewport = useContext(ViewportContext);\n  const [viewport, setViewport] = useState(existingViewport);\n\n  const noExistingViewport = existingViewport === null;\n  const viewportValue = existingViewport || viewport || 0;\n\n  useIsomorphicLayoutEffect(() => {\n    let observer: ResizeObserver | null = null;\n\n    if (noExistingViewport) {\n      observer = new ResizeObserver(\n        (observerEntries: ResizeObserverEntry[]) => {\n          setViewport(observerEntries[0].contentRect.width);\n        },\n      );\n\n      observer.observe(document.body);\n      setViewport(document.body.getBoundingClientRect().width);\n    }\n\n    return () => {\n      if (observer) {\n        observer.disconnect();\n      }\n    };\n  }, [noExistingViewport]);\n\n  return (\n    <ViewportContext.Provider value={viewportValue}>\n      {children}\n    </ViewportContext.Provider>\n  );\n};\n\nconst useViewport = (): number => {\n  const value = useContext(ViewportContext);\n  return value === null ? 0 : value;\n};\n\nexport { useViewport, ViewportContext, ViewportProvider };\n"],"names":[],"mappings":";;;;AAGA,MAAM,eAAA,GAAkB,cAA6B,IAAI;AAMzD,MAAM,gBAAA,GAAmB,CAAC,EAAE,QAAA,EAAS,KAA6B;AAEhE,EAAA,MAAM,gBAAA,GAAmB,WAAW,eAAe,CAAA;AACnD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,gBAAgB,CAAA;AAEzD,EAAA,MAAM,qBAAqB,gBAAA,KAAqB,IAAA;AAChD,EAAA,MAAM,aAAA,GAAgB,oBAAoB,QAAA,IAAY,CAAA;AAEtD,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,IAAI,QAAA,GAAkC,IAAA;AAEtC,IAAA,IAAI,kBAAA,EAAoB;AACtB,MAAA,QAAA,GAAW,IAAI,cAAA;AAAA,QACb,CAAC,eAAA,KAA2C;AAC1C,UAAA,WAAA,CAAY,eAAA,CAAgB,CAAC,CAAA,CAAE,WAAA,CAAY,KAAK,CAAA;AAAA,QAClD;AAAA,OACF;AAEA,MAAA,QAAA,CAAS,OAAA,CAAQ,SAAS,IAAI,CAAA;AAC9B,MAAA,WAAA,CAAY,QAAA,CAAS,IAAA,CAAK,qBAAA,EAAsB,CAAE,KAAK,CAAA;AAAA,IACzD;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA,QAAA,CAAS,UAAA,EAAW;AAAA,MACtB;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,kBAAkB,CAAC,CAAA;AAEvB,EAAA,2BACG,eAAA,CAAgB,QAAA,EAAhB,EAAyB,KAAA,EAAO,eAC9B,QAAA,EACH,CAAA;AAEJ;AAEA,MAAM,cAAc,MAAc;AAChC,EAAA,MAAM,KAAA,GAAQ,WAAW,eAAe,CAAA;AACxC,EAAA,OAAO,KAAA,KAAU,OAAO,CAAA,GAAI,KAAA;AAC9B;;;;"}

package/dist-types/avatar/Avatar.d.ts

@@ -20,9 +20,19 @@ export interface AvatarProps extends HTMLAttributes<HTMLDivElement> {
      */
     size?: number;
     /**
-     * Icon to be used as a default item. Defaults to `UserIcon`.
+     * Icon to be used as a default item. Defaults to the semantic `UserIcon` when
+     * `kind` is `"person"`, and the semantic `EntityIcon` when `kind`
+     * is `"entity"`.
      */
     fallbackIcon?: ReactNode;
+    /**
+     * What the Avatar depicts, which determines its default shape and fallback icon:
+     * - `"person"` renders a circular Avatar (default).
+     * - `"entity"` renders a square Avatar.
+     *
+     * @default "person"
+     */
+    kind?: "person" | "entity";
     /**
      * Changes Avatar's color.
      */

package/dist-types/breadcrumbs/Breadcrumb.d.ts

@@ -0,0 +1,23 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+import { type RenderPropsType } from "../utils";
+export interface BreadcrumbProps extends Omit<ComponentPropsWithoutRef<"li">, "children"> {
+    /**
+     * Custom breadcrumb content. Use this for advanced composition with
+     * `BreadcrumbTrigger` and `BreadcrumbLabel`.
+     */
+    children?: ReactNode;
+    /**
+     * If `true`, the breadcrumb represents the current page.
+     */
+    current?: boolean;
+    /**
+     * The URL for the breadcrumb. Provide this for the current breadcrumb so it
+     * renders as a focusable link with `aria-current="page"`.
+     */
+    href?: string;
+    /**
+     * Render prop to enable customization of the underlying link element.
+     */
+    render?: RenderPropsType["render"];
+}
+export declare const Breadcrumb: import("react").ForwardRefExoticComponent<BreadcrumbProps & import("react").RefAttributes<HTMLLIElement>>;

package/dist-types/breadcrumbs/BreadcrumbLabel.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface BreadcrumbLabelProps extends ComponentPropsWithoutRef<"span"> {
+}
+export declare const BreadcrumbLabel: import("react").ForwardRefExoticComponent<BreadcrumbLabelProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist-types/breadcrumbs/BreadcrumbTrigger.d.ts

@@ -0,0 +1,8 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+export interface BreadcrumbTriggerProps extends Omit<ComponentPropsWithoutRef<"a">, "children" | "color" | "href"> {
+    /**
+     * Breadcrumb trigger content.
+     */
+    children?: ReactNode;
+}
+export declare const BreadcrumbTrigger: import("react").ForwardRefExoticComponent<BreadcrumbTriggerProps & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist-types/breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,32 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+import { type RenderPropsType } from "../utils";
+export interface BreadcrumbsProps extends Omit<ComponentPropsWithoutRef<"nav">, "children"> {
+    /**
+     * Breadcrumb items.
+     */
+    children?: ReactNode;
+    /**
+     * The number of items to keep after the collapse point.
+     * Defaults to 1.
+     */
+    itemsAfterCollapse?: number;
+    /**
+     * The number of items to keep before the collapse point.
+     * Defaults to 1.
+     */
+    itemsBeforeCollapse?: number;
+    /**
+     * The maximum number of breadcrumbs to render before collapsing.
+     */
+    maxItems?: number;
+    /**
+     * Render prop to enable customization of the underlying link elements.
+     */
+    render?: RenderPropsType["render"];
+    /**
+     * If `true`, breadcrumbs can wrap onto multiple lines.
+     * Defaults to `false`.
+     */
+    wrap?: boolean;
+}
+export declare const Breadcrumbs: import("react").ForwardRefExoticComponent<BreadcrumbsProps & import("react").RefAttributes<HTMLElement>>;

package/dist-types/breadcrumbs/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./Breadcrumb";
+export * from "./BreadcrumbLabel";
+export * from "./Breadcrumbs";
+export * from "./BreadcrumbTrigger";

package/dist-types/breadcrumbs/internal/BreadcrumbContext.d.ts

@@ -0,0 +1,14 @@
+import { type Ref } from "react";
+import type { RenderPropsType } from "../../utils";
+export type BreadcrumbPlacement = "disclosure" | "trail";
+export interface BreadcrumbContextValue {
+    current: boolean;
+    href?: string;
+    onNavigate?: () => void;
+    placement: BreadcrumbPlacement;
+    render?: RenderPropsType["render"];
+    showSeparator: boolean;
+    triggerRef?: Ref<HTMLAnchorElement>;
+}
+export declare const BreadcrumbContext: import("react").Context<BreadcrumbContextValue | undefined>;
+export declare function useBreadcrumbContext(): BreadcrumbContextValue | undefined;

package/dist-types/breadcrumbs/internal/BreadcrumbOverflowDisclosure.d.ts

@@ -0,0 +1,9 @@
+import { type RenderPropsType } from "../../utils";
+import type { NormalizedBreadcrumb } from "./breadcrumbItems";
+interface BreadcrumbOverflowDisclosureProps {
+    currentIndex: number;
+    items: NormalizedBreadcrumb[];
+    render?: RenderPropsType["render"];
+}
+export declare function BreadcrumbOverflowDisclosure({ currentIndex, items, render, }: BreadcrumbOverflowDisclosureProps): import("react").JSX.Element;
+export {};

package/dist-types/breadcrumbs/internal/breadcrumbItems.d.ts

@@ -0,0 +1,9 @@
+import { type Key, type ReactElement, type ReactNode } from "react";
+import type { BreadcrumbProps } from "../Breadcrumb";
+export interface NormalizedBreadcrumb {
+    element: ReactElement<BreadcrumbProps>;
+    index: number;
+    key: Key;
+    props: BreadcrumbProps;
+}
+export declare function flattenBreadcrumbItems(children: ReactNode): ReactNode[];

package/dist-types/breakpoints/BreakpointProvider.d.ts

@@ -8,7 +8,7 @@ interface BreakpointProviderProps {
     children?: ReactNode;
     matchedBreakpoints: Breakpoint[];
 }
-export declare function BreakpointProvider(props: BreakpointProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function BreakpointProvider(props: BreakpointProviderProps): import("react").JSX.Element;
 export declare function useMatchedBreakpoints(breakpoints: Breakpoints): Breakpoint[];
 export declare function useBreakpoint(): BreakpointContext & {
     breakpoint: Breakpoint | null;

package/dist-types/card/CardContent.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface CardContentProps extends ComponentPropsWithoutRef<"div"> {
+}
+export declare const CardContent: import("react").ForwardRefExoticComponent<CardContentProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/card/CardFooter.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface CardFooterProps extends ComponentPropsWithoutRef<"div"> {
+}
+export declare const CardFooter: import("react").ForwardRefExoticComponent<CardFooterProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/card/CardHeader.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface CardHeaderProps extends ComponentPropsWithoutRef<"div"> {
+}
+export declare const CardHeader: import("react").ForwardRefExoticComponent<CardHeaderProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/card/hasCardSection.d.ts

@@ -0,0 +1,2 @@
+import { type ReactNode } from "react";
+export declare function hasCardSection(children: ReactNode): boolean;

package/dist-types/card/index.d.ts

@@ -1 +1,4 @@
 export * from "./Card";
+export * from "./CardContent";
+export * from "./CardFooter";
+export * from "./CardHeader";

package/dist-types/dialog/Dialog.d.ts

@@ -5,7 +5,7 @@ interface ConditionalScrimWrapperProps {
     children?: ReactNode;
     condition: boolean;
 }
-export declare const ConditionalScrimWrapper: ({ condition, children, }: ConditionalScrimWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ConditionalScrimWrapper: ({ condition, children, }: ConditionalScrimWrapperProps) => import("react").JSX.Element;
 export interface DialogProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Display or hide the component.

package/dist-types/form-field/FormFieldHelperText.d.ts

@@ -1,4 +1,4 @@
 import { type TextProps } from "../text";
 export interface FormFieldHelperTextProps extends Omit<TextProps<"label">, "variant" | "styleAs"> {
 }
-export declare const FormFieldHelperText: ({ className, children, ...restProps }: FormFieldHelperTextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FormFieldHelperText: ({ className, children, ...restProps }: FormFieldHelperTextProps) => import("react").JSX.Element;

package/dist-types/form-field/FormFieldLabel.d.ts

@@ -8,4 +8,4 @@ export interface FormFieldLabelProps extends Omit<TextProps<"label">, "variant"
      */
     intent?: "label" | "sentence";
 }
-export declare const FormFieldLabel: ({ className, children, intent, onClick, ...restProps }: FormFieldLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FormFieldLabel: ({ className, children, intent, onClick, ...restProps }: FormFieldLabelProps) => import("react").JSX.Element;

package/dist-types/index.d.ts

@@ -5,6 +5,7 @@ export * from "./badge";
 export * from "./banner";
 export * from "./border-item";
 export * from "./border-layout";
+export * from "./breadcrumbs";
 export { type Breakpoints, DEFAULT_BREAKPOINTS, useBreakpoint, } from "./breakpoints";
 export * from "./button";
 export * from "./card";

package/dist-types/mega-menu/MegaMenu.d.ts

@@ -33,4 +33,4 @@ export interface MegaMenuProps {
  * Not intended to be nested inside another floating overlay (e.g. a dialog or
  * popover): the mega menu does not participate in floating-ui's `FloatingTree`
  */
-export declare function MegaMenu({ children, open, defaultOpen, onOpenChange, placement, }: MegaMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function MegaMenu({ children, open, defaultOpen, onOpenChange, placement, }: MegaMenuProps): import("react").JSX.Element;

package/dist-types/menu/Menu.d.ts

@@ -1,4 +1,4 @@
 import { type MenuBaseProps } from "./MenuBase";
 export interface MenuProps extends MenuBaseProps {
 }
-export declare function Menu(props: MenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function Menu(props: MenuProps): import("react").JSX.Element;

package/dist-types/menu/MenuBase.d.ts

@@ -24,4 +24,4 @@ export interface MenuBaseProps {
      */
     getVirtualElement?: () => ReferenceType | null;
 }
-export declare function MenuBase(props: MenuBaseProps): import("react/jsx-runtime").JSX.Element;
+export declare function MenuBase(props: MenuBaseProps): import("react").JSX.Element;

package/dist-types/navigation-item/ExpansionIcon.d.ts

@@ -8,5 +8,5 @@ interface ExpansionIconProps {
      */
     orientation?: "horizontal" | "vertical";
 }
-export declare const ExpansionIcon: ({ expanded, orientation, }: ExpansionIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ExpansionIcon: ({ expanded, orientation, }: ExpansionIconProps) => import("react").JSX.Element;
 export {};

package/dist-types/overlay/Overlay.d.ts

@@ -1,5 +1,9 @@
-import { type ComponentPropsWithoutRef } from "react";
-export interface OverlayProps extends ComponentPropsWithoutRef<"div"> {
+import { type ReactNode } from "react";
+export interface OverlayProps {
+    /**
+     * The content of the Overlay, typically an `OverlayTrigger` and `OverlayPanel`.
+     */
+    children?: ReactNode;
     /**
      * Display or hide the component.
      */
@@ -8,6 +12,13 @@ export interface OverlayProps extends ComponentPropsWithoutRef<"div"> {
      * Callback function triggered when open state changes.
      */
     onOpenChange?: (open: boolean) => void;
+    /**
+     * Set the placement of the Overlay component relative to the trigger element. Defaults to `top`.
+     */
     placement?: "top" | "bottom" | "left" | "right";
+    /**
+     * When `true`, the arrow indicator is hidden
+     */
+    hideArrow?: boolean;
 }
-export declare const Overlay: ({ children, open, onOpenChange, placement: placementProp, }: OverlayProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Overlay: ({ children, open, onOpenChange, placement: placementProp, hideArrow, }: OverlayProps) => import("react").JSX.Element;

package/dist-types/overlay/OverlayContext.d.ts

@@ -11,6 +11,7 @@ export interface OverlayContextValue {
     openState: boolean;
     floatingStyles: FloatingStyleProps;
     arrowProps: FloatingArrowProps;
+    hideArrow: boolean;
     context: FloatingContext;
     reference?: (node: ReferenceType | null) => void;
     floating?: (node: HTMLElement | null) => void;

package/dist-types/pagination/PageRanges.d.ts

@@ -2,4 +2,4 @@ export interface PageRangesProps {
     boundaryCount?: number;
     siblingCount?: number;
 }
-export declare function PageRanges({ siblingCount, boundaryCount, }: PageRangesProps): import("react/jsx-runtime").JSX.Element;
+export declare function PageRanges({ siblingCount, boundaryCount, }: PageRangesProps): import("react").JSX.Element;

package/dist-types/radio-button/RadioButtonIcon.d.ts

@@ -13,4 +13,4 @@ export interface RadioButtonIconProps extends ComponentPropsWithoutRef<"div"> {
 /**
  * Default radio icon
  */
-export declare const RadioButtonIcon: ({ checked, className, error, disabled, validationStatus, readOnly, ...rest }: RadioButtonIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RadioButtonIcon: ({ checked, className, error, disabled, validationStatus, readOnly, ...rest }: RadioButtonIconProps) => import("react").JSX.Element;

package/dist-types/salt-provider/SaltProvider.d.ts

@@ -53,9 +53,9 @@ interface SaltProviderThatClassesToRoot extends SaltProviderThatInjectsThemeElem
     applyClassesTo: "root";
 }
 type SaltProviderProps = SaltProviderThatAppliesClassesToChild | SaltProviderThatInjectsThemeElement | SaltProviderThatClassesToRoot;
-export declare function SaltProvider({ enableStyleInjection, ...restProps }: SaltProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function SaltProvider({ enableStyleInjection, ...restProps }: SaltProviderProps): import("react").JSX.Element;
 export type SaltProviderNextProps = SaltProviderProps & Pick<ThemeApplicatorProps, ThemeNextOnlyAttributes>;
-export declare function SaltProviderNext({ enableStyleInjection, ...restProps }: SaltProviderNextProps): import("react/jsx-runtime").JSX.Element;
+export declare function SaltProviderNext({ enableStyleInjection, ...restProps }: SaltProviderNextProps): import("react").JSX.Element;
 /** @deprecated since 1.32.0. Use `SaltProviderNextProps`. */
 export type UNSTABLE_SaltProviderNextProps = SaltProviderNextProps;
 /** @deprecated since 1.32.0. Use `SaltProviderNext`. */

package/dist-types/salt-provider/ThemeApplicator.d.ts

@@ -53,4 +53,4 @@ export interface ThemeApplicatorProps {
     actionFont?: ActionFont;
     children?: ReactNode;
 }
-export declare function ThemeApplicator({ applyClassesTo, children, density, mode, theme, corner, headingFont, accent, actionFont, }: ThemeApplicatorProps): string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare function ThemeApplicator({ applyClassesTo, children, density, mode, theme, corner, headingFont, accent, actionFont, }: ThemeApplicatorProps): string | number | boolean | Iterable<ReactNode> | import("react").JSX.Element | null | undefined;

package/dist-types/semantic-icon-provider/SemanticIconProvider.d.ts

@@ -9,6 +9,7 @@ export interface SemanticIconMap {
     CollapseRightIcon: ElementType;
     CompletedIcon: ElementType;
     DecreaseIcon: ElementType;
+    EntityIcon: ElementType;
     ErrorIcon: ElementType;
     ErrorStatusAdornment: ElementType;
     ExpandGroupIcon: ElementType;
@@ -43,5 +44,5 @@ export interface SemanticIconProviderProps {
      */
     children: ReactNode;
 }
-export declare const SemanticIconProvider: ({ iconMap, children, }: SemanticIconProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SemanticIconProvider: ({ iconMap, children, }: SemanticIconProviderProps) => import("react").JSX.Element;
 export declare const useIcon: () => SemanticIconMap;

package/dist-types/side-panel/SidePanelProvider.d.ts

@@ -17,4 +17,4 @@ export interface SidePanelProviderProps {
      */
     children: ReactNode;
 }
-export declare function SidePanelProvider(props: SidePanelProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function SidePanelProvider(props: SidePanelProviderProps): import("react").JSX.Element;

package/dist-types/slider/internal/SliderThumb.d.ts

@@ -22,5 +22,5 @@ interface SliderThumbProps extends Omit<ComponentPropsWithoutRef<"input">, "onCh
     stepMultiplier: number;
     trackDragging: boolean;
 }
-export declare const SliderThumb: ({ "aria-label": ariaLabel, "aria-valuetext": ariaValueText, "aria-labelledby": ariaLabelledBy, accessibleMaxText, accessibleMinText, disabled, format, handleInputChange, handleKeydownOnThumb, handlePointerDown, index, inputRef, isFocusVisible, max, maxLabel, min, minLabel, offsetPercentage, restrictToMarks, showTooltip, sliderValue, step, stepMultiplier, trackDragging, ...rest }: SliderThumbProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SliderThumb: ({ "aria-label": ariaLabel, "aria-valuetext": ariaValueText, "aria-labelledby": ariaLabelledBy, accessibleMaxText, accessibleMinText, disabled, format, handleInputChange, handleKeydownOnThumb, handlePointerDown, index, inputRef, isFocusVisible, max, maxLabel, min, minLabel, offsetPercentage, restrictToMarks, showTooltip, sliderValue, step, stepMultiplier, trackDragging, ...rest }: SliderThumbProps) => import("react").JSX.Element;
 export {};

package/dist-types/slider/internal/SliderTooltip.d.ts

@@ -2,5 +2,5 @@ interface SliderTooltipProps {
     value: number | string;
     open?: boolean;
 }
-export declare const SliderTooltip: ({ value, open }: SliderTooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SliderTooltip: ({ value, open }: SliderTooltipProps) => import("react").JSX.Element;
 export {};

package/dist-types/spinner/svgSpinners/SpinnerSVG.d.ts

@@ -7,5 +7,5 @@ type SpinnerSVGProps = ComponentPropsWithoutRef<"svg">;
  * draws the left half with a fading gradient. Radius and stroke width come
  * from CSS custom properties set by the parent `.saltSpinner-*` size class.
  */
-export declare const SpinnerSVG: ({ id, ...rest }: SpinnerSVGProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SpinnerSVG: ({ id, ...rest }: SpinnerSVGProps) => import("react").JSX.Element;
 export {};

package/dist-types/stepper/internal/StepConnector.d.ts

@@ -1 +1 @@
-export declare function StepConnector(): import("react/jsx-runtime").JSX.Element;
+export declare function StepConnector(): import("react").JSX.Element;

package/dist-types/stepper/internal/StepExpandTrigger.d.ts

@@ -2,4 +2,4 @@ import { type ButtonProps } from "../../button";
 export interface StepExpandTriggerProps extends ButtonProps {
     expanded: boolean;
 }
-export declare function StepExpandTrigger({ id, expanded, className, ...props }: StepExpandTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function StepExpandTrigger({ id, expanded, className, ...props }: StepExpandTriggerProps): import("react").JSX.Element;

package/dist-types/stepper/internal/StepIcon.d.ts

@@ -5,4 +5,4 @@ export interface StepIconProps extends IconProps {
     status?: StepStatus;
     sizeMultiplier?: IconProps["size"];
 }
-export declare function StepIcon({ status, stage, size, sizeMultiplier, className, ...props }: StepIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function StepIcon({ status, stage, size, sizeMultiplier, className, ...props }: StepIconProps): import("react").JSX.Element;

package/dist-types/stepper/internal/StepScreenReaderOnly.d.ts

@@ -2,4 +2,4 @@ import type { ComponentPropsWithoutRef, ReactNode } from "react";
 export interface StepScreenReaderOnlyProps extends ComponentPropsWithoutRef<"div"> {
     children?: ReactNode;
 }
-export declare function StepScreenReaderOnly({ children, ...props }: StepScreenReaderOnlyProps): import("react/jsx-runtime").JSX.Element;
+export declare function StepScreenReaderOnly({ children, ...props }: StepScreenReaderOnlyProps): import("react").JSX.Element;

package/dist-types/stepper/internal/StepText.d.ts

@@ -2,4 +2,4 @@ import { type TextProps } from "../../text";
 export interface StepTextProps extends TextProps<"div"> {
     purpose: "label" | "description";
 }
-export declare function StepText({ id, purpose, className, styleAs, children, ...props }: StepTextProps): import("react/jsx-runtime").JSX.Element;
+export declare function StepText({ id, purpose, className, styleAs, children, ...props }: StepTextProps): import("react").JSX.Element;

package/dist-types/stepper/internal/StepperProvider.d.ts

@@ -6,4 +6,4 @@ export interface StepperProviderProps {
     orientation: StepperOrientation;
     children: ReactNode;
 }
-export declare function StepperProvider({ orientation: orientationProp, children, }: StepperProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function StepperProvider({ orientation: orientationProp, children, }: StepperProviderProps): import("react").JSX.Element;

package/dist-types/tabs/internal/overflow/TabSlot.d.ts

@@ -3,4 +3,4 @@ export interface TabSlotProps extends ComponentPropsWithoutRef<"div"> {
     slotId: string;
     value: string;
 }
-export declare function TabSlot({ slotId, value, ...rest }: TabSlotProps): import("react/jsx-runtime").JSX.Element;
+export declare function TabSlot({ slotId, value, ...rest }: TabSlotProps): import("react").JSX.Element;

package/dist-types/toggletip/Toggletip.d.ts

@@ -11,4 +11,4 @@ export interface ToggletipProps {
     onOpenChange?: (open: boolean) => void;
     placement?: "top" | "bottom" | "left" | "right";
 }
-export declare const Toggletip: ({ children, open, onOpenChange, placement, }: ToggletipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Toggletip: ({ children, open, onOpenChange, placement, }: ToggletipProps) => import("react").JSX.Element;

package/dist-types/toolbar/ToolbarOverflow.d.ts

@@ -7,18 +7,18 @@ interface ToolbarOverflowOwnersProps {
     hostNodes: Record<string, HTMLDivElement | null>;
     items: ToolbarOverflowItem[];
 }
-export declare function ToolbarOverflowOwners({ hostNodes, items, }: ToolbarOverflowOwnersProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToolbarOverflowOwners({ hostNodes, items, }: ToolbarOverflowOwnersProps): import("react").JSX.Element;
 export declare function ToolbarOverflowTriggerContent({ label, named, }: {
     label: string;
     named: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 interface ToolbarOverflowMenuProps {
     focusMemoryRef?: RefObject<ToolbarFocusMemory | null>;
     getItemHostRef: (id: string, kind: ToolbarItemHostKind) => (node: HTMLDivElement | null) => void;
     group: ToolbarOverflowGroup;
     onItemFocus?: (itemId: string, controlIndex: number) => void;
 }
-export declare function ToolbarOverflowMenu({ focusMemoryRef, getItemHostRef, group, onItemFocus, }: ToolbarOverflowMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToolbarOverflowMenu({ focusMemoryRef, getItemHostRef, group, onItemFocus, }: ToolbarOverflowMenuProps): import("react").JSX.Element;
 export interface ToolbarOverflowContentProps {
     focusMemoryRef?: RefObject<ToolbarFocusMemory | null>;
     getItemHostRef: (id: string, kind: ToolbarItemHostKind) => (node: HTMLDivElement | null) => void;
@@ -30,5 +30,5 @@ export interface ToolbarOverflowContentProps {
     overflowedIds: Set<string>;
     content: ToolbarContentModel;
 }
-export declare function ToolbarOverflowContent({ content, focusMemoryRef, getItemHostRef, getItemRef, getNamedTriggerRef, getContentRef, onItemFocus, overflowGroups, overflowedIds, }: ToolbarOverflowContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function ToolbarOverflowContent({ content, focusMemoryRef, getItemHostRef, getItemRef, getNamedTriggerRef, getContentRef, onItemFocus, overflowGroups, overflowedIds, }: ToolbarOverflowContentProps): import("react").JSX.Element;
 export {};

package/dist-types/toolbar/ToolbarOverflowFloatingBoundary.d.ts

@@ -5,12 +5,12 @@ interface ToolbarOverflowFloatingBoundaryContextValue {
 }
 export declare function ToolbarOverflowFloatingBoundaryProvider({ children, }: {
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function useToolbarOverflowFloatingBoundary(): ToolbarOverflowFloatingBoundaryContextValue | null;
 export declare function isTargetInsideOverflowBoundary(panelContent: HTMLElement | null, floatingBoundary: ToolbarOverflowFloatingBoundaryContextValue | null, boundaryKey: string, target: EventTarget | null): boolean;
 export declare function getToolbarOverflowBoundaryKey(host: HTMLElement | null): string | null;
 export declare function ToolbarOverflowFloatingComponentProvider({ boundaryKey, children, }: {
     boundaryKey: string | null;
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export {};

package/dist-types/tooltip/TooltipBase.d.ts

@@ -8,5 +8,5 @@ interface TooltipBaseProps extends Omit<TooltipProps, "children"> {
      */
     status?: ValidationStatus;
 }
-export declare const TooltipBase: (props: TooltipBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TooltipBase: (props: TooltipBaseProps) => import("react").JSX.Element;
 export {};

package/dist-types/utils/useFloatingUI/useFloatingUI.d.ts

@@ -33,7 +33,7 @@ export interface FloatingComponentContextType {
 export interface FloatingComponentProviderProps extends FloatingComponentContextType {
     children: ReactNode;
 }
-export declare function FloatingComponentProvider(props: FloatingComponentProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function FloatingComponentProvider(props: FloatingComponentProviderProps): import("react").JSX.Element;
 export declare function useFloatingComponent(): FloatingComponentContextType;
 export interface UseFloatingUIProps extends Pick<UseFloatingOptions, "placement" | "strategy" | "open" | "onOpenChange" | "nodeId" | "rootContext"> {
     /**
@@ -53,7 +53,7 @@ export interface FloatingPlatformProviderProps {
     children: ReactNode;
     animationFrame?: boolean;
 }
-export declare function FloatingPlatformProvider(props: FloatingPlatformProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function FloatingPlatformProvider(props: FloatingPlatformProviderProps): import("react").JSX.Element;
 export declare function useFloatingPlatform(): FloatingPlatformContextType;
 export declare const DEFAULT_FLOATING_UI_MIDDLEWARE: {
     name: string;

package/dist-types/vertical-navigation/SubMenuContext.d.ts

@@ -10,5 +10,5 @@ export declare function SubMenuProvider({ children, directIcons, setDirectIcons,
     children: ReactNode;
     directIcons: string[];
     setDirectIcons?: Dispatch<SetStateAction<string[]>>;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export {};

package/dist-types/vertical-navigation/VerticalNavigationItemExpansionIcon.d.ts

@@ -1,2 +1,2 @@
 import type { IconProps } from "@salt-ds/icons";
-export declare const VerticalNavigationItemExpansionIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VerticalNavigationItemExpansionIcon: (props: IconProps) => import("react").JSX.Element;