@salt-ds/core 1.59.1 → 1.61.0

package/dist-es/tabs/internal/registry/useRenderedTabsRegistry.js

@@ -0,0 +1,204 @@
+import { useState, useCallback, useMemo } from 'react';
+import 'clsx';
+import 'react/jsx-runtime';
+import { useIsomorphicLayoutEffect } from '../../../utils/useIsomorphicLayoutEffect.js';
+import '../../../utils/useFloatingUI/useFloatingUI.js';
+import '../../../utils/useId.js';
+import '../../../salt-provider/SaltProvider.js';
+import '../../../viewport/ViewportProvider.js';
+import { getMeasuredWidth } from '../overflow/widthMeasurement.js';
+
+function sortRenderedTabs(tabs) {
+  return [...tabs].sort((tabA, tabB) => {
+    if (tabA.marker === tabB.marker) {
+      return 0;
+    }
+    if (!tabA.marker || !tabB.marker) {
+      return 0;
+    }
+    const position = tabA.marker.compareDocumentPosition(tabB.marker);
+    if (position & Node.DOCUMENT_POSITION_FOLLOWING) {
+      return -1;
+    }
+    if (position & Node.DOCUMENT_POSITION_PRECEDING) {
+      return 1;
+    }
+    return 0;
+  });
+}
+function useRenderedTabsRegistry() {
+  const [renderedTabMap, setRenderedTabMap] = useState(
+    () => /* @__PURE__ */ new Map()
+  );
+  const [renderMode, setRenderMode] = useState("inline");
+  const [bootstrapTabs, setBootstrapTabs] = useState(() => /* @__PURE__ */ new Set());
+  const [readyBootstrapTabs, setReadyBootstrapTabs] = useState(
+    () => /* @__PURE__ */ new Set()
+  );
+  const [bootstrapOverflowReady, setBootstrapOverflowReadyState] = useState(false);
+  const registerBootstrapTab = useCallback((tabValue) => {
+    setBootstrapTabs((currentTabs) => {
+      if (currentTabs.has(tabValue)) {
+        return currentTabs;
+      }
+      const nextTabs = new Set(currentTabs);
+      nextTabs.add(tabValue);
+      return nextTabs;
+    });
+    return () => {
+      setBootstrapTabs((currentTabs) => {
+        if (!currentTabs.has(tabValue)) {
+          return currentTabs;
+        }
+        const nextTabs = new Set(currentTabs);
+        nextTabs.delete(tabValue);
+        return nextTabs;
+      });
+      setReadyBootstrapTabs((currentTabs) => {
+        if (!currentTabs.has(tabValue)) {
+          return currentTabs;
+        }
+        const nextTabs = new Set(currentTabs);
+        nextTabs.delete(tabValue);
+        return nextTabs;
+      });
+    };
+  }, []);
+  const setBootstrapTabReady = useCallback(
+    (tabValue, ready) => {
+      setReadyBootstrapTabs((currentTabs) => {
+        const hasTab = currentTabs.has(tabValue);
+        if (ready === hasTab) {
+          return currentTabs;
+        }
+        const nextTabs = new Set(currentTabs);
+        if (ready) {
+          nextTabs.add(tabValue);
+        } else {
+          nextTabs.delete(tabValue);
+        }
+        return nextTabs;
+      });
+    },
+    []
+  );
+  const setBootstrapOverflowReady = useCallback((ready) => {
+    setBootstrapOverflowReadyState((currentReady) => {
+      if (currentReady === ready) {
+        return currentReady;
+      }
+      return ready;
+    });
+  }, []);
+  useIsomorphicLayoutEffect(() => {
+    if (renderMode === "portal" || bootstrapTabs.size < 1) {
+      return;
+    }
+    if (!bootstrapOverflowReady) {
+      return;
+    }
+    for (const tabValue of bootstrapTabs) {
+      if (!readyBootstrapTabs.has(tabValue)) {
+        return;
+      }
+      const renderedTab = renderedTabMap.get(tabValue);
+      if (!renderedTab || getMeasuredWidth(renderedTab.root) <= 0) {
+        return;
+      }
+    }
+    setRenderMode("portal");
+  }, [
+    bootstrapOverflowReady,
+    bootstrapTabs,
+    readyBootstrapTabs,
+    renderMode,
+    renderedTabMap
+  ]);
+  const registerRenderedTab = useCallback((tab) => {
+    setRenderedTabMap((map) => {
+      const existing = map.get(tab.value);
+      if (process.env.NODE_ENV !== "production" && existing && existing.id !== tab.id) {
+        console.warn(
+          `Tabs received duplicate tab value "${tab.value}". Tab values must be unique within a Tabs instance.`
+        );
+      }
+      if (existing === tab) {
+        return map;
+      }
+      const next = new Map(map);
+      next.set(tab.value, tab);
+      return next;
+    });
+    return () => {
+      setRenderedTabMap((map) => {
+        const existing = map.get(tab.value);
+        if (!existing || existing.id !== tab.id) {
+          return map;
+        }
+        const next = new Map(map);
+        next.delete(tab.value);
+        return next;
+      });
+    };
+  }, []);
+  const updateRenderedTab = useCallback(
+    (value, updates) => {
+      setRenderedTabMap((map) => {
+        const existing = map.get(value);
+        if (!existing) {
+          return map;
+        }
+        let changed = false;
+        const nextRecord = { ...existing };
+        for (const [key, nextValue] of Object.entries(updates)) {
+          const typedKey = key;
+          if (nextRecord[typedKey] !== nextValue) {
+            changed = true;
+            nextRecord[typedKey] = nextValue;
+          }
+        }
+        if (!changed) {
+          return map;
+        }
+        const next = new Map(map);
+        next.set(value, nextRecord);
+        return next;
+      });
+    },
+    []
+  );
+  const getRenderedTab = useCallback(
+    (value) => {
+      return renderedTabMap.get(value);
+    },
+    [renderedTabMap]
+  );
+  const renderedTabs = useMemo(() => {
+    return sortRenderedTabs(Array.from(renderedTabMap.values()));
+  }, [renderedTabMap]);
+  const renderedTabOrderMap = useMemo(() => {
+    return new Map(
+      renderedTabs.map((tab, index) => [tab.value, index])
+    );
+  }, [renderedTabs]);
+  const getRenderedTabOrder = useCallback(
+    (value) => {
+      return renderedTabOrderMap.get(value) ?? -1;
+    },
+    [renderedTabOrderMap]
+  );
+  return {
+    renderMode,
+    registerBootstrapTab,
+    setBootstrapTabReady,
+    setBootstrapOverflowReady,
+    registerRenderedTab,
+    updateRenderedTab,
+    getRenderedTab,
+    getRenderedTabOrder,
+    renderedTabs
+  };
+}
+
+export { useRenderedTabsRegistry };
+//# sourceMappingURL=useRenderedTabsRegistry.js.map

package/dist-es/tabs/internal/registry/useRenderedTabsRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRenderedTabsRegistry.js","sources":["../src/tabs/internal/registry/useRenderedTabsRegistry.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"../../../utils\";\nimport type { RenderedTab, TabsRenderMode } from \"../contexts/TabsContext\";\nimport { getMeasuredWidth } from \"../overflow/widthMeasurement\";\n\nfunction sortRenderedTabs(tabs: RenderedTab[]) {\n  return [...tabs].sort((tabA, tabB) => {\n    if (tabA.marker === tabB.marker) {\n      return 0;\n    }\n    if (!tabA.marker || !tabB.marker) {\n      return 0;\n    }\n\n    const position = tabA.marker.compareDocumentPosition(tabB.marker);\n    if (position & Node.DOCUMENT_POSITION_FOLLOWING) {\n      return -1;\n    }\n    if (position & Node.DOCUMENT_POSITION_PRECEDING) {\n      return 1;\n    }\n    return 0;\n  });\n}\n\nexport function useRenderedTabsRegistry() {\n  const [renderedTabMap, setRenderedTabMap] = useState(\n    () => new Map<string, RenderedTab>(),\n  );\n  const [renderMode, setRenderMode] = useState<TabsRenderMode>(\"inline\");\n  const [bootstrapTabs, setBootstrapTabs] = useState(() => new Set<string>());\n  const [readyBootstrapTabs, setReadyBootstrapTabs] = useState(\n    () => new Set<string>(),\n  );\n  const [bootstrapOverflowReady, setBootstrapOverflowReadyState] =\n    useState(false);\n\n  const registerBootstrapTab = useCallback((tabValue: string) => {\n    setBootstrapTabs((currentTabs) => {\n      if (currentTabs.has(tabValue)) {\n        return currentTabs;\n      }\n\n      const nextTabs = new Set(currentTabs);\n      nextTabs.add(tabValue);\n      return nextTabs;\n    });\n\n    return () => {\n      setBootstrapTabs((currentTabs) => {\n        if (!currentTabs.has(tabValue)) {\n          return currentTabs;\n        }\n\n        const nextTabs = new Set(currentTabs);\n        nextTabs.delete(tabValue);\n        return nextTabs;\n      });\n      setReadyBootstrapTabs((currentTabs) => {\n        if (!currentTabs.has(tabValue)) {\n          return currentTabs;\n        }\n\n        const nextTabs = new Set(currentTabs);\n        nextTabs.delete(tabValue);\n        return nextTabs;\n      });\n    };\n  }, []);\n\n  const setBootstrapTabReady = useCallback(\n    (tabValue: string, ready: boolean) => {\n      setReadyBootstrapTabs((currentTabs) => {\n        const hasTab = currentTabs.has(tabValue);\n        if (ready === hasTab) {\n          return currentTabs;\n        }\n\n        const nextTabs = new Set(currentTabs);\n        if (ready) {\n          nextTabs.add(tabValue);\n        } else {\n          nextTabs.delete(tabValue);\n        }\n        return nextTabs;\n      });\n    },\n    [],\n  );\n\n  const setBootstrapOverflowReady = useCallback((ready: boolean) => {\n    setBootstrapOverflowReadyState((currentReady) => {\n      if (currentReady === ready) {\n        return currentReady;\n      }\n\n      return ready;\n    });\n  }, []);\n\n  useIsomorphicLayoutEffect(() => {\n    if (renderMode === \"portal\" || bootstrapTabs.size < 1) {\n      return;\n    }\n\n    if (!bootstrapOverflowReady) {\n      return;\n    }\n\n    for (const tabValue of bootstrapTabs) {\n      if (!readyBootstrapTabs.has(tabValue)) {\n        return;\n      }\n\n      const renderedTab = renderedTabMap.get(tabValue);\n      if (!renderedTab || getMeasuredWidth(renderedTab.root) <= 0) {\n        return;\n      }\n    }\n\n    setRenderMode(\"portal\");\n  }, [\n    bootstrapOverflowReady,\n    bootstrapTabs,\n    readyBootstrapTabs,\n    renderMode,\n    renderedTabMap,\n  ]);\n\n  const registerRenderedTab = useCallback((tab: RenderedTab) => {\n    setRenderedTabMap((map) => {\n      const existing = map.get(tab.value);\n      if (\n        process.env.NODE_ENV !== \"production\" &&\n        existing &&\n        existing.id !== tab.id\n      ) {\n        console.warn(\n          `Tabs received duplicate tab value \"${tab.value}\". Tab values must be unique within a Tabs instance.`,\n        );\n      }\n\n      if (existing === tab) {\n        return map;\n      }\n\n      const next = new Map(map);\n      next.set(tab.value, tab);\n      return next;\n    });\n\n    return () => {\n      setRenderedTabMap((map) => {\n        const existing = map.get(tab.value);\n        if (!existing || existing.id !== tab.id) {\n          return map;\n        }\n\n        const next = new Map(map);\n        next.delete(tab.value);\n        return next;\n      });\n    };\n  }, []);\n\n  const updateRenderedTab = useCallback(\n    (value: string, updates: Partial<Omit<RenderedTab, \"value\">>) => {\n      setRenderedTabMap((map) => {\n        const existing = map.get(value);\n        if (!existing) {\n          return map;\n        }\n\n        let changed = false;\n        const nextRecord = { ...existing };\n        for (const [key, nextValue] of Object.entries(updates)) {\n          const typedKey = key as keyof Omit<RenderedTab, \"value\">;\n          if (nextRecord[typedKey] !== nextValue) {\n            changed = true;\n            nextRecord[typedKey] = nextValue as never;\n          }\n        }\n\n        if (!changed) {\n          return map;\n        }\n\n        const next = new Map(map);\n        next.set(value, nextRecord);\n        return next;\n      });\n    },\n    [],\n  );\n\n  const getRenderedTab = useCallback(\n    (value: string) => {\n      return renderedTabMap.get(value);\n    },\n    [renderedTabMap],\n  );\n\n  const renderedTabs = useMemo(() => {\n    return sortRenderedTabs(Array.from(renderedTabMap.values()));\n  }, [renderedTabMap]);\n\n  const renderedTabOrderMap = useMemo(() => {\n    return new Map(\n      renderedTabs.map((tab, index) => [tab.value, index] as const),\n    );\n  }, [renderedTabs]);\n\n  const getRenderedTabOrder = useCallback(\n    (value: string) => {\n      return renderedTabOrderMap.get(value) ?? -1;\n    },\n    [renderedTabOrderMap],\n  );\n\n  return {\n    renderMode,\n    registerBootstrapTab,\n    setBootstrapTabReady,\n    setBootstrapOverflowReady,\n    registerRenderedTab,\n    updateRenderedTab,\n    getRenderedTab,\n    getRenderedTabOrder,\n    renderedTabs,\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist-es/tabs/internal/utils/domUtils.js

@@ -0,0 +1,11 @@
+function isHTMLElement(node) {
+  if (!node || typeof node !== "object") {
+    return false;
+  }
+  const ownerDocument = node.ownerDocument;
+  const defaultView = ownerDocument == null ? void 0 : ownerDocument.defaultView;
+  return !!defaultView && node instanceof defaultView.HTMLElement;
+}
+
+export { isHTMLElement };
+//# sourceMappingURL=domUtils.js.map

package/dist-es/tabs/internal/utils/domUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domUtils.js","sources":["../src/tabs/internal/utils/domUtils.ts"],"sourcesContent":["export function isHTMLElement(node: unknown): node is HTMLElement {\n  if (!node || typeof node !== \"object\") {\n    return false;\n  }\n\n  const ownerDocument = (node as { ownerDocument?: Document | null })\n    .ownerDocument;\n  const defaultView = ownerDocument?.defaultView;\n\n  return !!defaultView && node instanceof defaultView.HTMLElement;\n}\n"],"names":[],"mappings":"AAAO,SAAS,cAAc,IAAA,EAAoC;AAChE,EAAA,IAAI,CAAC,IAAA,IAAQ,OAAO,IAAA,KAAS,QAAA,EAAU;AACrC,IAAA,OAAO,KAAA;AAAA,EACT;AAEA,EAAA,MAAM,gBAAiB,IAAA,CACpB,aAAA;AACH,EAAA,MAAM,cAAc,aAAA,IAAA,IAAA,GAAA,MAAA,GAAA,aAAA,CAAe,WAAA;AAEnC,EAAA,OAAO,CAAC,CAAC,WAAA,IAAe,IAAA,YAAgB,WAAA,CAAY,WAAA;AACtD;;;;"}

package/dist-es/tooltip/useAriaAnnounce.js

@@ -2,6 +2,7 @@ import { useRef, useEffect } from 'react';
 import 'react/jsx-runtime';
 import { useAriaAnnouncer } from '../aria-announcer/useAriaAnnouncer.js';
 import '../aria-announcer/AriaAnnouncerContext.js';
+import '../aria-announcer/AriaAnnouncerProvider.js';
 import 'clsx';
 import { useIsomorphicLayoutEffect } from '../utils/useIsomorphicLayoutEffect.js';
 import '../utils/useFloatingUI/useFloatingUI.js';

package/dist-es/tooltip/useAriaAnnounce.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAriaAnnounce.js","sources":["../src/tooltip/useAriaAnnounce.ts"],"sourcesContent":["import type { ElementProps, FloatingContext } from \"@floating-ui/react\";\nimport { type PointerEvent, useEffect, useRef } from \"react\";\nimport { useAriaAnnouncer } from \"../aria-announcer\";\nimport { useIsomorphicLayoutEffect } from \"../utils\";\n\nfunction getDocument(floating: HTMLElement | null) {\n  return floating?.ownerDocument ?? document;\n}\n\n// TODO: Check whether can be anything more restrictive than `any`\n// biome-ignore lint/suspicious/noExplicitAny: see comment above\nfunction getWindow(value: any) {\n  return getDocument(value).defaultView ?? window;\n}\n\nfunction isElement(value: unknown): value is HTMLElement {\n  return value ? value instanceof getWindow(value).Element : false;\n}\n\nfunction getDelay(\n  value: Props[\"delay\"],\n  prop: \"open\" | \"close\",\n  pointerType?: PointerEvent[\"pointerType\"],\n) {\n  if (pointerType && pointerType !== \"mouse\") {\n    return 0;\n  }\n\n  if (typeof value === \"number\") {\n    return value;\n  }\n\n  return value?.[prop];\n}\n\ntype Props = {\n  delay?: number | Partial<{ open: number; close: number }>;\n};\n\nexport const useAriaAnnounce = (\n  context: FloatingContext,\n  { delay = 0 }: Props,\n): ElementProps => {\n  const { open, dataRef, refs } = context;\n\n  const pointerTypeRef = useRef<PointerEvent[\"pointerType\"]>();\n  const timeoutRef = useRef<number>();\n  const blockMouseMoveRef = useRef(true);\n  const { announce } = useAriaAnnouncer();\n\n  useIsomorphicLayoutEffect(() => {\n    if (!open) {\n      pointerTypeRef.current = undefined;\n    }\n  });\n\n  useEffect(() => {\n    const reference = refs.reference.current;\n    function announceFloating() {\n      const tooltipContent = refs.floating.current?.innerText;\n\n      if (tooltipContent) {\n        announce(tooltipContent);\n      }\n    }\n\n    function onMouseEnter(event: MouseEvent) {\n      clearTimeout(timeoutRef.current);\n\n      if (open) {\n        return;\n      }\n\n      blockMouseMoveRef.current = false;\n      dataRef.current.openEvent = event;\n\n      if (delay) {\n        timeoutRef.current = window.setTimeout(\n          () => {\n            announceFloating();\n          },\n          getDelay(delay, \"open\", pointerTypeRef.current),\n        );\n      } else {\n        announceFloating();\n      }\n    }\n\n    if (isElement(reference)) {\n      reference.addEventListener(\"mouseenter\", onMouseEnter);\n      return () => {\n        reference.removeEventListener(\"mouseenter\", onMouseEnter);\n      };\n    }\n  }, [dataRef, delay, open, refs.reference, refs.floating, announce]);\n\n  function setPointerRef(event: PointerEvent) {\n    pointerTypeRef.current = event.pointerType;\n  }\n\n  return {\n    reference: {\n      onPointerDown: setPointerRef,\n      onPointerEnter: setPointerRef,\n    },\n    floating: {\n      onMouseEnter() {\n        clearTimeout(timeoutRef.current);\n      },\n    },\n  };\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useAriaAnnounce.js","sources":["../src/tooltip/useAriaAnnounce.ts"],"sourcesContent":["import type { ElementProps, FloatingContext } from \"@floating-ui/react\";\nimport { type PointerEvent, useEffect, useRef } from \"react\";\nimport { useAriaAnnouncer } from \"../aria-announcer\";\nimport { useIsomorphicLayoutEffect } from \"../utils\";\n\nfunction getDocument(floating: HTMLElement | null) {\n  return floating?.ownerDocument ?? document;\n}\n\n// TODO: Check whether can be anything more restrictive than `any`\n// biome-ignore lint/suspicious/noExplicitAny: see comment above\nfunction getWindow(value: any) {\n  return getDocument(value).defaultView ?? window;\n}\n\nfunction isElement(value: unknown): value is HTMLElement {\n  return value ? value instanceof getWindow(value).Element : false;\n}\n\nfunction getDelay(\n  value: Props[\"delay\"],\n  prop: \"open\" | \"close\",\n  pointerType?: PointerEvent[\"pointerType\"],\n) {\n  if (pointerType && pointerType !== \"mouse\") {\n    return 0;\n  }\n\n  if (typeof value === \"number\") {\n    return value;\n  }\n\n  return value?.[prop];\n}\n\ntype Props = {\n  delay?: number | Partial<{ open: number; close: number }>;\n};\n\nexport const useAriaAnnounce = (\n  context: FloatingContext,\n  { delay = 0 }: Props,\n): ElementProps => {\n  const { open, dataRef, refs } = context;\n\n  const pointerTypeRef = useRef<PointerEvent[\"pointerType\"]>();\n  const timeoutRef = useRef<number>();\n  const blockMouseMoveRef = useRef(true);\n  const { announce } = useAriaAnnouncer();\n\n  useIsomorphicLayoutEffect(() => {\n    if (!open) {\n      pointerTypeRef.current = undefined;\n    }\n  });\n\n  useEffect(() => {\n    const reference = refs.reference.current;\n    function announceFloating() {\n      const tooltipContent = refs.floating.current?.innerText;\n\n      if (tooltipContent) {\n        announce(tooltipContent);\n      }\n    }\n\n    function onMouseEnter(event: MouseEvent) {\n      clearTimeout(timeoutRef.current);\n\n      if (open) {\n        return;\n      }\n\n      blockMouseMoveRef.current = false;\n      dataRef.current.openEvent = event;\n\n      if (delay) {\n        timeoutRef.current = window.setTimeout(\n          () => {\n            announceFloating();\n          },\n          getDelay(delay, \"open\", pointerTypeRef.current),\n        );\n      } else {\n        announceFloating();\n      }\n    }\n\n    if (isElement(reference)) {\n      reference.addEventListener(\"mouseenter\", onMouseEnter);\n      return () => {\n        reference.removeEventListener(\"mouseenter\", onMouseEnter);\n      };\n    }\n  }, [dataRef, delay, open, refs.reference, refs.floating, announce]);\n\n  function setPointerRef(event: PointerEvent) {\n    pointerTypeRef.current = event.pointerType;\n  }\n\n  return {\n    reference: {\n      onPointerDown: setPointerRef,\n      onPointerEnter: setPointerRef,\n    },\n    floating: {\n      onMouseEnter() {\n        clearTimeout(timeoutRef.current);\n      },\n    },\n  };\n};\n"],"names":[],"mappings":"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"}

package/dist-types/aria-announcer/AriaAnnounce.d.ts

@@ -1,8 +1,15 @@
 import { type ComponentType } from "react";
-export interface AriaAnnounceProps {
+import type { AnnounceFnOptions } from "./AriaAnnouncerContext";
+export interface AriaAnnounceProps extends AnnounceFnOptions {
     /**
-     * String which will be announced by screen readers on change
+     * String to be announced by screenreader.
      */
     announcement?: string;
+    /**
+     * Legacy option, precede the announcement with a delay.
+     * @deprecated
+     * useAriaAnnouncer `delay` arg is deprecated, use your own `setTimeout` or consider using `duration` through `AnnounceFnOptions` instead.
+     */
+    delay?: number;
 }
 export declare const AriaAnnounce: ComponentType<AriaAnnounceProps>;

package/dist-types/aria-announcer/AriaAnnouncerContext.d.ts

@@ -1,5 +1,29 @@
-export type AnnounceFn = (announcement: string, delay?: number) => void;
+import { type AriaAttributes } from "react";
+export type AnnounceFnOptions = {
+    /**
+     * Assertiveness
+     */
+    ariaLive?: Exclude<AriaAttributes["aria-live"], "off">;
+    /**
+     * How long (ms) the announcement should remain in the DOM before being removed.
+     * Defaults to the provider's ANNOUNCEMENT_TIME_IN_DOM.
+     */
+    duration?: number;
+    /**
+     * Optional named target live region.
+     * When set, announcements can be routed to a provider registered with the same target.
+     */
+    target?: string;
+};
 export type AriaAnnouncer = {
-    announce: AnnounceFn;
+    /**
+     * TODO remove legacy `delay` arg (number) in favour of `options` (AnnounceFnOptions) as a breaking change
+     */
+    /**
+     * Announcer function
+     * @param announcement - announcement to queue for screenreader.
+     * @param legacyDelayOrOptions, deprecated `delay` or `options` for announcement
+     */
+    announce: (announcement: string, legacyDelayOrOptions?: number | AnnounceFnOptions) => void;
 };
 export declare const AriaAnnouncerContext: import("react").Context<AriaAnnouncer | undefined>;

package/dist-types/aria-announcer/AriaAnnouncerProvider.d.ts

@@ -1,10 +1,9 @@
-import { type CSSProperties, type ReactNode } from "react";
-export declare const ARIA_ANNOUNCE_DELAY = 150;
-export interface AriaAnnouncerProviderProps {
-    children?: ReactNode;
+import { type ComponentPropsWithRef } from "react";
+export declare const ANNOUNCEMENT_TIME_IN_DOM = 300;
+export interface AriaAnnouncerProviderProps extends ComponentPropsWithRef<"div"> {
     /**
-     * Style overrides for the aria-live element
+     * Optional target key used to route announcements to this provider.
      */
-    style?: CSSProperties;
+    target?: string;
 }
-export declare function AriaAnnouncerProvider({ children, style, }: AriaAnnouncerProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare const AriaAnnouncerProvider: import("react").ForwardRefExoticComponent<Omit<AriaAnnouncerProviderProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/aria-announcer/announcementRegistry.d.ts

@@ -0,0 +1,5 @@
+import type { AnnounceFnOptions } from "./AriaAnnouncerContext";
+type Announcer = (announcement: string, options?: AnnounceFnOptions) => void;
+export declare function registerAnnouncementTarget(target: string, announce: Announcer): () => void;
+export declare function getAnnouncementTarget(target: string): Announcer | undefined;
+export {};

package/dist-types/index.d.ts

@@ -42,6 +42,7 @@ export * from "./parent-child-layout";
 export * from "./pill";
 export * from "./progress";
 export * from "./radio-button";
+export * from "./rating";
 /**
  * Defines the components that support useClassNameInjection via module augmentation of @salt-ds/styles ComponentPropsMap
  */
@@ -60,6 +61,7 @@ export * from "./status-indicator";
 export * from "./stepper";
 export * from "./switch";
 export * from "./table";
+export * from "./tabs";
 export * from "./tag";
 export * from "./text";
 export * from "./theme";

package/dist-types/rating/Rating.d.ts

@@ -0,0 +1,48 @@
+import { type ChangeEvent, type ComponentPropsWithoutRef } from "react";
+export interface RatingProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
+    /**
+     * When provided, the component is controlled.
+     */
+    value?: number;
+    /**
+     * Default rating value for uncontrolled mode.
+     * @default 0
+     */
+    defaultValue?: number;
+    /**
+     * Callback function for rating change.
+     * The first parameter is the event, and the second is the selected rating value.
+     */
+    onChange?: (event: ChangeEvent<HTMLInputElement>, value: number) => void;
+    /**
+     * If true, the rating component will be in a read-only state.
+     */
+    readOnly?: boolean;
+    /**
+     * If true, the rating component will be in a disabled state.
+     */
+    disabled?: boolean;
+    /**
+     * Total number of icons displayed.
+     * @default 5
+     */
+    max?: number;
+    /**
+     * Function used to provide a user-friendly name for the current value of the rating. Primarily used by screen readers.
+     */
+    getLabel?: (value: number) => string;
+    /**
+     * Function used to provide a visible label for the rating.
+     */
+    getVisibleLabel?: (value: number, max: number) => string;
+    /**
+     * Position of the label relative to the rating component.
+     * @default "right"
+     */
+    labelPlacement?: "right" | "bottom";
+    /**
+     * The name to be set on each radio button within the group. If not set, then one will be generated for you.
+     */
+    name?: string;
+}
+export declare const Rating: import("react").ForwardRefExoticComponent<RatingProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/rating/RatingItem.d.ts

@@ -0,0 +1,47 @@
+import { type ChangeEvent, type ComponentPropsWithoutRef, type MouseEvent } from "react";
+export interface RatingItemProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * specifies the value of the feedback item.
+     */
+    value: number;
+    /**
+     * To define if the current star is being hovered.
+     */
+    isHovered?: boolean;
+    /**
+     * To specify if the item is selected.
+     */
+    isSelected?: boolean;
+    /**
+     * defines the current selected rating.
+     */
+    currentRating?: number;
+    /**
+     *  callback function when feedback item is hovered.
+     */
+    onMouseEnter: (event: MouseEvent<HTMLInputElement>) => void;
+    /**
+     *  callback function when feedback item is clicked.
+     */
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * If true, the rating item will be in a read-only state.
+     */
+    readOnly?: boolean;
+    /**
+     * If true, the rating item will be in a disabled state.
+     */
+    disabled?: boolean;
+    /**
+     * Indicates whether the current rating item is in an active state.
+     * An active state typically means that the item is visually highlighted
+     * or styled differently to indicate that it is part of the current selection
+     * or interaction (e.g., hover or focus).
+     */
+    isUnselecting?: boolean;
+    /**
+     * Name of the radio group
+     */
+    name?: string;
+}
+export declare const RatingItem: import("react").ForwardRefExoticComponent<RatingItemProps & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1 @@
+export * from "./Rating";

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

@@ -1,34 +1,36 @@
 import { type ElementType, type ReactNode } from "react";
 export interface SemanticIconMap {
-    ExpandIcon: ElementType;
-    CollapseIcon: ElementType;
-    ExpandGroupIcon: ElementType;
+    ActiveIcon: ElementType;
+    CalendarIcon: ElementType;
+    CloseIcon: ElementType;
     CollapseGroupIcon: ElementType;
-    NextIcon: ElementType;
-    PreviousIcon: ElementType;
-    IncreaseIcon: ElementType;
+    CollapseIcon: ElementType;
+    CollapseLeftIcon: ElementType;
+    CollapseRightIcon: ElementType;
+    CompletedIcon: ElementType;
     DecreaseIcon: ElementType;
-    UploadIcon: ElementType;
     ErrorIcon: ElementType;
-    SuccessIcon: ElementType;
+    ErrorStatusAdornment: ElementType;
+    ExpandGroupIcon: ElementType;
+    ExpandIcon: ElementType;
+    ExternalIcon: ElementType;
+    IncreaseIcon: ElementType;
     InfoIcon: ElementType;
-    WarningIcon: ElementType;
+    InProgressIcon: ElementType;
+    LockedIcon: ElementType;
+    NextIcon: ElementType;
     OverflowIcon: ElementType;
-    UserIcon: ElementType;
-    CalendarIcon: ElementType;
-    CloseIcon: ElementType;
-    ExternalIcon: ElementType;
     PendingIcon: ElementType;
-    ActiveIcon: ElementType;
-    CompletedIcon: ElementType;
-    LockedIcon: ElementType;
-    InProgressIcon: ElementType;
+    PreviousIcon: ElementType;
     RatingIcon: ElementType;
     RatingSelectedIcon: ElementType;
     RatingUnselectingIcon: ElementType;
-    ErrorStatusAdornment: ElementType;
-    WarningStatusAdornment: ElementType;
+    SuccessIcon: ElementType;
     SuccessStatusAdornment: ElementType;
+    UploadIcon: ElementType;
+    UserIcon: ElementType;
+    WarningIcon: ElementType;
+    WarningStatusAdornment: ElementType;
 }
 export interface SemanticIconProviderProps {
     /**

package/dist-types/tabs/Tab.d.ts

@@ -0,0 +1,12 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface TabProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * If `true`, the tab will be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * The value of the tab. This must be unique within a `Tabs` instance.
+     */
+    value: string;
+}
+export declare const Tab: import("react").ForwardRefExoticComponent<TabProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/tabs/TabAction.d.ts

@@ -0,0 +1,4 @@
+import { type ButtonProps } from "../button";
+export interface TabActionProps extends ButtonProps {
+}
+export declare const TabAction: import("react").ForwardRefExoticComponent<TabActionProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist-types/tabs/TabBar.d.ts

@@ -0,0 +1,12 @@
+import { type ComponentPropsWithRef } from "react";
+export interface TabBarProps extends ComponentPropsWithRef<"div"> {
+    /**
+     * Styling variant with a bottom separator. Defaults to false
+     */
+    divider?: boolean;
+    /**
+     * Styling variant with left and right padding. Defaults to false
+     */
+    inset?: boolean;
+}
+export declare const TabBar: import("react").ForwardRefExoticComponent<Omit<TabBarProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/tabs/TabList.d.ts

@@ -0,0 +1,12 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface TabListProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
+    /**
+     * Styling active color variant. Defaults to "primary".
+     */
+    activeColor?: "primary" | "secondary" | "tertiary";
+    /**
+     * The appearance of the tabs. Defaults to "bordered".
+     */
+    appearance?: "bordered" | "transparent";
+}
+export declare const TabList: import("react").ForwardRefExoticComponent<TabListProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/tabs/TabPanel.d.ts

@@ -0,0 +1,9 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface TabPanelProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * The value of the panel. This should map to the corresponding tab and must
+     * be unique within a `Tabs` instance.
+     */
+    value: string;
+}
+export declare const TabPanel: import("react").ForwardRefExoticComponent<TabPanelProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/tabs/TabTrigger.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface TabTriggerProps extends Omit<ComponentPropsWithoutRef<"button">, "id"> {
+}
+export declare const TabTrigger: import("react").ForwardRefExoticComponent<TabTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist-types/tabs/Tabs.d.ts

@@ -0,0 +1,20 @@
+import { type ComponentPropsWithoutRef, type ReactNode, type SyntheticEvent } from "react";
+export interface TabsProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
+    children?: ReactNode;
+    /**
+     * The default value. Use when the component is not controlled.
+     */
+    defaultValue?: string;
+    /**
+     * The value. Use when the component is controlled.
+     */
+    value?: string;
+    /**
+     * Callback fired when the selection changes.
+     * The event will be null when selection is moved automatically, such as when
+     * the currently selected tab is removed and the next available tab is
+     * selected.
+     */
+    onChange?: (event: SyntheticEvent | null, value: string) => void;
+}
+export declare const Tabs: import("react").ForwardRefExoticComponent<TabsProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,7 @@
+export * from "./Tab";
+export * from "./TabAction";
+export * from "./TabBar";
+export * from "./TabList";
+export * from "./TabPanel";
+export * from "./Tabs";
+export * from "./TabTrigger";

package/dist-types/tabs/internal/contexts/TabContext.d.ts

@@ -0,0 +1,12 @@
+interface TabContextValue {
+    tabId?: string;
+    focused: boolean;
+    selected: boolean;
+    value: string;
+    disabled: boolean;
+    actions: string[];
+    registerAction: (id: string) => () => void;
+}
+export declare const TabContext: import("react").Context<TabContextValue>;
+export declare function useTab(): TabContextValue;
+export {};

package/dist-types/tabs/internal/contexts/TabListLayoutContext.d.ts

@@ -0,0 +1,9 @@
+export type TabSlotLocation = "hidden" | "main" | "overflow";
+export interface TabListLayoutContextValue {
+    getLocation: (value: string) => TabSlotLocation;
+    overflowActiveValue: string | null;
+    setOverflowActiveValue: (value: string | null) => void;
+    moveOverflowFocus: (key: "ArrowDown" | "ArrowUp" | "Home" | "End", value: string) => boolean;
+}
+export declare const TabListLayoutContext: import("react").Context<TabListLayoutContextValue | null>;
+export declare function useTabListLayout(): TabListLayoutContextValue | null;