@salt-ds/core 1.71.0 → 1.73.0

package/dist-es/utils/marginMiddleware.js.map

@@ -1 +1 @@
-{"version":3,"file":"marginMiddleware.js","sources":["../src/utils/marginMiddleware.ts"],"sourcesContent":["import type { Middleware } from \"@floating-ui/core\";\n\nexport const margin = (value = 0): Middleware => ({\n  name: \"margin\",\n  options: value,\n  fn(middlewareState) {\n    const { x, y, elements } = middlewareState;\n\n    if (elements.floating.children.length > 0) {\n      const rootChildElement = elements.floating.children[0] as HTMLElement;\n      rootChildElement.style.setProperty(\"margin\", value.toString());\n    }\n    return {\n      x: x,\n      y: y,\n    };\n  },\n});\n"],"names":[],"mappings":"AAEO,MAAM,MAAA,GAAS,CAAC,KAAA,GAAQ,CAAA,MAAmB;AAAA,EAChD,IAAA,EAAM,QAAA;AAAA,EACN,OAAA,EAAS,KAAA;AAAA,EACT,GAAG,eAAA,EAAiB;AAClB,IAAA,MAAM,EAAE,CAAA,EAAG,CAAA,EAAG,QAAA,EAAS,GAAI,eAAA;AAE3B,IAAA,IAAI,QAAA,CAAS,QAAA,CAAS,QAAA,CAAS,MAAA,GAAS,CAAA,EAAG;AACzC,MAAA,MAAM,gBAAA,GAAmB,QAAA,CAAS,QAAA,CAAS,QAAA,CAAS,CAAC,CAAA;AACrD,MAAA,gBAAA,CAAiB,KAAA,CAAM,WAAA,CAAY,QAAA,EAAU,KAAA,CAAM,UAAU,CAAA;AAAA,IAC/D;AACA,IAAA,OAAO;AAAA,MACL,CAAA;AAAA,MACA;AAAA,KACF;AAAA,EACF;AACF,CAAA;;;;"}
+{"version":3,"file":"marginMiddleware.js","sources":["../src/utils/marginMiddleware.ts"],"sourcesContent":["import type { Middleware } from \"@floating-ui/react\";\n\nexport const margin = (value = 0): Middleware => ({\n  name: \"margin\",\n  options: value,\n  fn(middlewareState) {\n    const { x, y, elements } = middlewareState;\n\n    if (elements.floating.children.length > 0) {\n      const rootChildElement = elements.floating.children[0] as HTMLElement;\n      rootChildElement.style.setProperty(\"margin\", value.toString());\n    }\n    return {\n      x: x,\n      y: y,\n    };\n  },\n});\n"],"names":[],"mappings":"AAEO,MAAM,MAAA,GAAS,CAAC,KAAA,GAAQ,CAAA,MAAmB;AAAA,EAChD,IAAA,EAAM,QAAA;AAAA,EACN,OAAA,EAAS,KAAA;AAAA,EACT,GAAG,eAAA,EAAiB;AAClB,IAAA,MAAM,EAAE,CAAA,EAAG,CAAA,EAAG,QAAA,EAAS,GAAI,eAAA;AAE3B,IAAA,IAAI,QAAA,CAAS,QAAA,CAAS,QAAA,CAAS,MAAA,GAAS,CAAA,EAAG;AACzC,MAAA,MAAM,gBAAA,GAAmB,QAAA,CAAS,QAAA,CAAS,QAAA,CAAS,CAAC,CAAA;AACrD,MAAA,gBAAA,CAAiB,KAAA,CAAM,WAAA,CAAY,QAAA,EAAU,KAAA,CAAM,UAAU,CAAA;AAAA,IAC/D;AACA,IAAA,OAAO;AAAA,MACL,CAAA;AAAA,MACA;AAAA,KACF;AAAA,EACF;AACF,CAAA;;;;"}

package/dist-es/utils/setRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"setRef.js","sources":["../src/utils/setRef.ts"],"sourcesContent":["import type { MutableRefObject } from \"react\";\n\nexport function setRef<T>(\n  ref:\n    | MutableRefObject<T | null>\n    | ((instance: T | null) => void)\n    | null\n    | undefined,\n  value: T | null,\n): void {\n  if (typeof ref === \"function\") {\n    ref(value);\n  } else if (ref) {\n    ref.current = value;\n  }\n}\n"],"names":[],"mappings":"AAEO,SAAS,MAAA,CACd,KAKA,KAAA,EACM;AACN,EAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,IAAA,GAAA,CAAI,KAAK,CAAA;AAAA,EACX,WAAW,GAAA,EAAK;AACd,IAAA,GAAA,CAAI,OAAA,GAAU,KAAA;AAAA,EAChB;AACF;;;;"}
+{"version":3,"file":"setRef.js","sources":["../src/utils/setRef.ts"],"sourcesContent":["import type { MutableRefObject } from \"react\";\n\n/**\n * @deprecated since 1.73.0. Use `useForkRef` to merge refs instead, which also\n * runs the cleanup functions that callback refs can return from React 19.\n */\nexport function setRef<T>(\n  ref:\n    | MutableRefObject<T | null>\n    | ((instance: T | null) => void)\n    | null\n    | undefined,\n  value: T | null,\n): void {\n  if (typeof ref === \"function\") {\n    ref(value);\n  } else if (ref) {\n    ref.current = value;\n  }\n}\n"],"names":[],"mappings":"AAMO,SAAS,MAAA,CACd,KAKA,KAAA,EACM;AACN,EAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,IAAA,GAAA,CAAI,KAAK,CAAA;AAAA,EACX,WAAW,GAAA,EAAK;AACd,IAAA,GAAA,CAAI,OAAA,GAAU,KAAA;AAAA,EAChB;AACF;;;;"}

package/dist-es/utils/useFloatingUI/useFloatingUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFloatingUI.js","sources":["../src/utils/useFloatingUI/useFloatingUI.tsx"],"sourcesContent":["import {\n  autoUpdate,\n  FloatingFocusManager,\n  type FloatingFocusManagerProps,\n  FloatingPortal,\n  flip,\n  limitShift,\n  type Middleware,\n  type Platform,\n  platform,\n  type Strategy,\n  shift,\n  type UseFloatingOptions,\n  useFloating,\n} from \"@floating-ui/react\";\nimport {\n  type ComponentPropsWithoutRef,\n  createContext,\n  forwardRef,\n  type ReactNode,\n  useContext,\n  useMemo,\n} from \"react\";\nimport { SaltProvider, SaltProviderNext, useTheme } from \"../../salt-provider\";\nimport { usePreventScroll } from \"../usePreventScroll\";\n\nexport interface FloatingComponentProps\n  extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * Whether the floating component is open (used for determining whether to show the component)\n   * We pass this as a prop rather than not rendering the component to allow more advanced use-cases e.g.\n   * for caching windows and reusing them, rather than always spawning a new one\n   */\n  open: boolean;\n  /**\n   * Use this prop when `FloatingFocusManager` is needed for floating component\n   */\n  focusManagerProps?: Omit<FloatingFocusManagerProps, \"children\">;\n  /**\n   * Position and sizing optional props for the floating component. `top`, `left`, and `position` for floating elements where they aren't positioned with relative to the trigger.\n   * `width` and `height` are used to define the size of the floating element.\n   *\n   */\n  top?: number;\n  left?: number;\n  width?: number;\n  height?: number;\n  position?: Strategy;\n  /**\n   * Makes the page unscrollable when the floating component is open.\n   */\n  lockScroll?: boolean;\n}\n\nconst DefaultFloatingComponent = forwardRef<\n  HTMLDivElement,\n  FloatingComponentProps\n>(function DefaultFloatingComponent(props, ref) {\n  const {\n    open,\n    top,\n    left,\n    position,\n    width: _width,\n    height: _height,\n    focusManagerProps,\n    lockScroll,\n    style: styleProp,\n    ...rest\n  } = props;\n  const style = {\n    ...styleProp,\n    top,\n    left,\n    position,\n  };\n\n  const { themeNext } = useTheme();\n  usePreventScroll({ isDisabled: !lockScroll || !open });\n\n  const ChosenSaltProvider = themeNext ? SaltProviderNext : SaltProvider;\n\n  if (focusManagerProps && open) {\n    return (\n      <FloatingPortal>\n        <ChosenSaltProvider applyClassesTo=\"scope\">\n          <FloatingFocusManager {...focusManagerProps}>\n            <div style={style} {...rest} ref={ref} />\n          </FloatingFocusManager>\n        </ChosenSaltProvider>\n      </FloatingPortal>\n    );\n  }\n\n  return open ? (\n    <FloatingPortal>\n      <ChosenSaltProvider applyClassesTo=\"scope\">\n        <div style={style} {...rest} ref={ref} />\n      </ChosenSaltProvider>\n    </FloatingPortal>\n  ) : null;\n});\n\nexport interface FloatingComponentContextType {\n  Component: typeof DefaultFloatingComponent;\n}\n\nconst FloatingComponentContext = createContext<FloatingComponentContextType>({\n  Component: DefaultFloatingComponent,\n});\n\nif (process.env.NODE_ENV !== \"production\") {\n  FloatingComponentContext.displayName = \"FloatingComponentContext\";\n}\n\nexport interface FloatingComponentProviderProps\n  extends FloatingComponentContextType {\n  children: ReactNode;\n}\n\nexport function FloatingComponentProvider(\n  props: FloatingComponentProviderProps,\n) {\n  const { Component, children } = props;\n  const value = useMemo(() => ({ Component }), [Component]);\n\n  return (\n    <FloatingComponentContext.Provider value={value}>\n      {children}\n    </FloatingComponentContext.Provider>\n  );\n}\n\nexport function useFloatingComponent() {\n  return useContext(FloatingComponentContext);\n}\n\nexport interface UseFloatingUIProps\n  extends Pick<\n    UseFloatingOptions,\n    | \"placement\"\n    | \"strategy\"\n    | \"open\"\n    | \"onOpenChange\"\n    | \"nodeId\"\n    | \"rootContext\"\n  > {\n  /**\n   * Function to update the default middleware used to extend or replace it\n   */\n  middleware?: Middleware[];\n}\n\ntype GetMiddleware = (middleware: Middleware[]) => Middleware[];\n\nconst defaultGetMiddleware: GetMiddleware = (defaultMiddleware) =>\n  defaultMiddleware;\n\ninterface FloatingPlatformContextType {\n  platform: Platform;\n  middleware: GetMiddleware;\n  animationFrame: boolean;\n}\n\nconst defaultFloatingPlaform: FloatingPlatformContextType = {\n  platform,\n  middleware: defaultGetMiddleware,\n  animationFrame: false,\n};\n\nconst FloatingPlatformContext = createContext<FloatingPlatformContextType>(\n  defaultFloatingPlaform,\n);\n\nexport interface FloatingPlatformProviderProps {\n  platform?: Platform;\n  middleware?: GetMiddleware;\n  children: ReactNode;\n  animationFrame?: boolean;\n}\n\nexport function FloatingPlatformProvider(props: FloatingPlatformProviderProps) {\n  const {\n    platform: platformProp,\n    middleware,\n    animationFrame,\n    children,\n  } = props;\n\n  const floatingPlatformContextValue = useMemo<FloatingPlatformContextType>(\n    () => ({\n      platform: platformProp ?? platform,\n      middleware: middleware ?? defaultGetMiddleware,\n      animationFrame: animationFrame || false,\n    }),\n    [platformProp, middleware, animationFrame],\n  );\n\n  return (\n    <FloatingPlatformContext.Provider value={floatingPlatformContextValue}>\n      {children}\n    </FloatingPlatformContext.Provider>\n  );\n}\n\nexport function useFloatingPlatform() {\n  return useContext(FloatingPlatformContext);\n}\n\nexport const DEFAULT_FLOATING_UI_MIDDLEWARE = [\n  flip(),\n  shift({ limiter: limitShift() }),\n];\n\ntype UseFloatingRefs = ReturnType<typeof useFloating>[\"refs\"];\n\nexport interface UseFloatingUIReturn extends ReturnType<typeof useFloating> {\n  reference: UseFloatingRefs[\"setReference\"];\n  floating: UseFloatingRefs[\"setFloating\"];\n}\n\nexport function useFloatingUI(props: UseFloatingUIProps): UseFloatingUIReturn {\n  const {\n    middleware = DEFAULT_FLOATING_UI_MIDDLEWARE,\n    open = false,\n    onOpenChange,\n    ...other\n  } = props;\n\n  const handleOpenChange: UseFloatingUIProps[\"onOpenChange\"] = (\n    open,\n    boolean,\n    reason,\n  ) => {\n    update();\n    onOpenChange?.(open, boolean, reason);\n  };\n\n  const {\n    platform: contextPlatform,\n    middleware: contextMiddleware,\n    animationFrame,\n  } = useFloatingPlatform();\n\n  const { refs, update, ...rest } = useFloating({\n    ...other,\n    middleware: contextMiddleware(middleware),\n    open,\n    onOpenChange: handleOpenChange,\n    whileElementsMounted: (...args) => {\n      const cleanup = autoUpdate(...args, { animationFrame });\n\n      return cleanup;\n    },\n    platform: contextPlatform,\n  });\n\n  return {\n    reference: refs.setReference,\n    floating: refs.setFloating,\n    refs,\n    update,\n    ...rest,\n  };\n}\n"],"names":["DefaultFloatingComponent","open"],"mappings":"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"}
+{"version":3,"file":"useFloatingUI.js","sources":["../src/utils/useFloatingUI/useFloatingUI.tsx"],"sourcesContent":["import {\n  autoUpdate,\n  FloatingFocusManager,\n  type FloatingFocusManagerProps,\n  FloatingPortal,\n  flip,\n  limitShift,\n  type Middleware,\n  type Platform,\n  platform,\n  type Strategy,\n  shift,\n  type UseFloatingOptions,\n  useFloating,\n} from \"@floating-ui/react\";\nimport {\n  type ComponentPropsWithoutRef,\n  createContext,\n  forwardRef,\n  type ReactNode,\n  useContext,\n  useMemo,\n} from \"react\";\nimport { SaltProvider, SaltProviderNext, useTheme } from \"../../salt-provider\";\nimport { usePreventScroll } from \"../usePreventScroll\";\n\nexport interface FloatingComponentProps\n  extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * Whether the floating component is open (used for determining whether to show the component)\n   * We pass this as a prop rather than not rendering the component to allow more advanced use-cases e.g.\n   * for caching windows and reusing them, rather than always spawning a new one\n   */\n  open: boolean;\n  /**\n   * Use this prop when `FloatingFocusManager` is needed for floating component\n   */\n  focusManagerProps?: Omit<FloatingFocusManagerProps, \"children\">;\n  /**\n   * Position and sizing optional props for the floating component. `top`, `left`, and `position` for floating elements where they aren't positioned with relative to the trigger.\n   * `width` and `height` are used to define the size of the floating element.\n   *\n   */\n  top?: number;\n  left?: number;\n  width?: number;\n  height?: number;\n  position?: Strategy;\n  /**\n   * Makes the page unscrollable when the floating component is open.\n   */\n  lockScroll?: boolean;\n}\n\nconst DefaultFloatingComponent = forwardRef<\n  HTMLDivElement,\n  FloatingComponentProps\n>(function DefaultFloatingComponent(props, ref) {\n  const {\n    open,\n    top,\n    left,\n    position,\n    width: _width,\n    height: _height,\n    focusManagerProps,\n    lockScroll,\n    style: styleProp,\n    ...rest\n  } = props;\n  const style = {\n    ...styleProp,\n    top,\n    left,\n    position,\n  };\n\n  const { themeNext } = useTheme();\n  usePreventScroll({ isDisabled: !lockScroll || !open });\n\n  const ChosenSaltProvider = themeNext ? SaltProviderNext : SaltProvider;\n\n  if (focusManagerProps && open) {\n    return (\n      <FloatingPortal>\n        <ChosenSaltProvider applyClassesTo=\"scope\">\n          <FloatingFocusManager {...focusManagerProps}>\n            <div style={style} {...rest} ref={ref} />\n          </FloatingFocusManager>\n        </ChosenSaltProvider>\n      </FloatingPortal>\n    );\n  }\n\n  return open ? (\n    <FloatingPortal>\n      <ChosenSaltProvider applyClassesTo=\"scope\">\n        <div style={style} {...rest} ref={ref} />\n      </ChosenSaltProvider>\n    </FloatingPortal>\n  ) : null;\n});\n\nexport interface FloatingComponentContextType {\n  Component: typeof DefaultFloatingComponent;\n}\n\nconst FloatingComponentContext = createContext<FloatingComponentContextType>({\n  Component: DefaultFloatingComponent,\n});\n\nif (process.env.NODE_ENV !== \"production\") {\n  FloatingComponentContext.displayName = \"FloatingComponentContext\";\n}\n\nexport interface FloatingComponentProviderProps\n  extends FloatingComponentContextType {\n  children: ReactNode;\n}\n\nexport function FloatingComponentProvider(\n  props: FloatingComponentProviderProps,\n) {\n  const { Component, children } = props;\n  const value = useMemo(() => ({ Component }), [Component]);\n\n  return (\n    <FloatingComponentContext.Provider value={value}>\n      {children}\n    </FloatingComponentContext.Provider>\n  );\n}\n\nexport function useFloatingComponent() {\n  return useContext(FloatingComponentContext);\n}\n\nexport interface UseFloatingUIProps\n  extends Pick<\n    UseFloatingOptions,\n    | \"placement\"\n    | \"strategy\"\n    | \"open\"\n    | \"onOpenChange\"\n    | \"nodeId\"\n    | \"rootContext\"\n  > {\n  /**\n   * Function to update the default middleware used to extend or replace it\n   */\n  middleware?: Middleware[];\n}\n\ntype GetMiddleware = (middleware: Middleware[]) => Middleware[];\n\nconst defaultGetMiddleware: GetMiddleware = (defaultMiddleware) =>\n  defaultMiddleware;\n\ninterface FloatingPlatformContextType {\n  platform: Platform;\n  middleware: GetMiddleware;\n  animationFrame: boolean;\n}\n\nconst defaultFloatingPlaform: FloatingPlatformContextType = {\n  platform,\n  middleware: defaultGetMiddleware,\n  animationFrame: false,\n};\n\nconst FloatingPlatformContext = createContext<FloatingPlatformContextType>(\n  defaultFloatingPlaform,\n);\n\nexport interface FloatingPlatformProviderProps {\n  platform?: Platform;\n  middleware?: GetMiddleware;\n  children: ReactNode;\n  animationFrame?: boolean;\n}\n\nexport function FloatingPlatformProvider(props: FloatingPlatformProviderProps) {\n  const {\n    platform: platformProp,\n    middleware,\n    animationFrame,\n    children,\n  } = props;\n\n  const floatingPlatformContextValue = useMemo<FloatingPlatformContextType>(\n    () => ({\n      platform: platformProp ?? platform,\n      middleware: middleware ?? defaultGetMiddleware,\n      animationFrame: animationFrame || false,\n    }),\n    [platformProp, middleware, animationFrame],\n  );\n\n  return (\n    <FloatingPlatformContext.Provider value={floatingPlatformContextValue}>\n      {children}\n    </FloatingPlatformContext.Provider>\n  );\n}\n\nexport function useFloatingPlatform() {\n  return useContext(FloatingPlatformContext);\n}\n\nexport const DEFAULT_FLOATING_UI_MIDDLEWARE: Middleware[] = [\n  flip(),\n  shift({ limiter: limitShift() }),\n];\n\ntype UseFloatingRefs = ReturnType<typeof useFloating>[\"refs\"];\n\nexport interface UseFloatingUIReturn extends ReturnType<typeof useFloating> {\n  reference: UseFloatingRefs[\"setReference\"];\n  floating: UseFloatingRefs[\"setFloating\"];\n}\n\nexport function useFloatingUI(props: UseFloatingUIProps): UseFloatingUIReturn {\n  const {\n    middleware = DEFAULT_FLOATING_UI_MIDDLEWARE,\n    open = false,\n    onOpenChange,\n    ...other\n  } = props;\n\n  const handleOpenChange: UseFloatingUIProps[\"onOpenChange\"] = (\n    open,\n    boolean,\n    reason,\n  ) => {\n    update();\n    onOpenChange?.(open, boolean, reason);\n  };\n\n  const {\n    platform: contextPlatform,\n    middleware: contextMiddleware,\n    animationFrame,\n  } = useFloatingPlatform();\n\n  const { refs, update, ...rest } = useFloating({\n    ...other,\n    middleware: contextMiddleware(middleware),\n    open,\n    onOpenChange: handleOpenChange,\n    whileElementsMounted: (...args) => {\n      const cleanup = autoUpdate(...args, { animationFrame });\n\n      return cleanup;\n    },\n    platform: contextPlatform,\n  });\n\n  return {\n    reference: refs.setReference,\n    floating: refs.setFloating,\n    refs,\n    update,\n    ...rest,\n  };\n}\n"],"names":["DefaultFloatingComponent","open"],"mappings":"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"}

package/dist-es/utils/useForkRef.js

@@ -1,15 +1,12 @@
 import { useMemo } from 'react';
-import { setRef } from './setRef.js';
+import { forkRef } from './forkRef.js';
 
 function useForkRef(refA, refB) {
   return useMemo(() => {
     if (refA == null && refB == null) {
-      return () => null;
+      return null;
     }
-    return (refValue) => {
-      setRef(refA, refValue);
-      setRef(refB, refValue);
-    };
+    return forkRef(refA, refB);
   }, [refA, refB]);
 }
 

package/dist-es/utils/useForkRef.js.map

@@ -1 +1 @@
-{"version":3,"file":"useForkRef.js","sources":["../src/utils/useForkRef.ts"],"sourcesContent":["import { type Ref, useMemo } from \"react\";\nimport { setRef } from \"./setRef\";\n\nexport function useForkRef<Instance>(\n  refA: Ref<Instance> | null | undefined,\n  refB: Ref<Instance> | null | undefined,\n): Ref<Instance> | null {\n  /**\n   * This will create a new function if the ref props change and are defined.\n   * This means React will call the old forkRef with `null` and the new forkRef\n   * with the ref. Cleanup naturally emerges from this behavior\n   */\n  return useMemo(() => {\n    if (refA == null && refB == null) {\n      return () => null;\n    }\n    return (refValue: Instance | null) => {\n      setRef(refA, refValue);\n      setRef(refB, refValue);\n    };\n  }, [refA, refB]);\n}\n"],"names":[],"mappings":";;;AAGO,SAAS,UAAA,CACd,MACA,IAAA,EACsB;AAMtB,EAAA,OAAO,QAAQ,MAAM;AACnB,IAAA,IAAI,IAAA,IAAQ,IAAA,IAAQ,IAAA,IAAQ,IAAA,EAAM;AAChC,MAAA,OAAO,MAAM,IAAA;AAAA,IACf;AACA,IAAA,OAAO,CAAC,QAAA,KAA8B;AACpC,MAAA,MAAA,CAAO,MAAM,QAAQ,CAAA;AACrB,MAAA,MAAA,CAAO,MAAM,QAAQ,CAAA;AAAA,IACvB,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,IAAA,EAAM,IAAI,CAAC,CAAA;AACjB;;;;"}
+{"version":3,"file":"useForkRef.js","sources":["../src/utils/useForkRef.ts"],"sourcesContent":["import { type Ref, useMemo } from \"react\";\nimport { forkRef } from \"./forkRef\";\n\nexport function useForkRef<Instance>(\n  refA: Ref<Instance> | null | undefined,\n  refB: Ref<Instance> | null | undefined,\n): Ref<Instance> | null {\n  /**\n   * This creates a new function when either ref changes, so React detaches the\n   * old forkRef, which runs the cleanups of the old refs, and attaches the new\n   * one.\n   */\n  return useMemo(() => {\n    if (refA == null && refB == null) {\n      return null;\n    }\n\n    return forkRef(refA, refB);\n  }, [refA, refB]);\n}\n"],"names":[],"mappings":";;;AAGO,SAAS,UAAA,CACd,MACA,IAAA,EACsB;AAMtB,EAAA,OAAO,QAAQ,MAAM;AACnB,IAAA,IAAI,IAAA,IAAQ,IAAA,IAAQ,IAAA,IAAQ,IAAA,EAAM;AAChC,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,OAAO,OAAA,CAAQ,MAAM,IAAI,CAAA;AAAA,EAC3B,CAAA,EAAG,CAAC,IAAA,EAAM,IAAI,CAAC,CAAA;AACjB;;;;"}

package/dist-es/utils/useResizeObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResizeObserver.js","sources":["../src/utils/useResizeObserver.ts"],"sourcesContent":["import { type RefObject, useEffect } from \"react\";\nimport { ownerWindow } from \"./ownerWindow\";\n\nexport interface UseResizeObserverProps {\n  ref: RefObject<HTMLElement>;\n  onResize: () => void;\n}\n\nexport function useResizeObserver({ ref, onResize }: UseResizeObserverProps) {\n  useEffect(() => {\n    const element = ref?.current;\n    if (!element) return;\n\n    const win = ownerWindow(element);\n\n    const resizeObserver = new win.ResizeObserver((entries) => {\n      requestAnimationFrame(() => {\n        if (entries.length === 0) return;\n\n        onResize();\n      });\n    });\n    resizeObserver.observe(element);\n\n    return () => {\n      if (element) {\n        resizeObserver.unobserve(element);\n      }\n    };\n  }, [ref, onResize]);\n}\n"],"names":[],"mappings":";;;AAQO,SAAS,iBAAA,CAAkB,EAAE,GAAA,EAAK,QAAA,EAAS,EAA2B;AAC3E,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,UAAU,GAAA,IAAA,IAAA,GAAA,MAAA,GAAA,GAAA,CAAK,OAAA;AACrB,IAAA,IAAI,CAAC,OAAA,EAAS;AAEd,IAAA,MAAM,GAAA,GAAM,YAAY,OAAO,CAAA;AAE/B,IAAA,MAAM,cAAA,GAAiB,IAAI,GAAA,CAAI,cAAA,CAAe,CAAC,OAAA,KAAY;AACzD,MAAA,qBAAA,CAAsB,MAAM;AAC1B,QAAA,IAAI,OAAA,CAAQ,WAAW,CAAA,EAAG;AAE1B,QAAA,QAAA,EAAS;AAAA,MACX,CAAC,CAAA;AAAA,IACH,CAAC,CAAA;AACD,IAAA,cAAA,CAAe,QAAQ,OAAO,CAAA;AAE9B,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,OAAA,EAAS;AACX,QAAA,cAAA,CAAe,UAAU,OAAO,CAAA;AAAA,MAClC;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,GAAA,EAAK,QAAQ,CAAC,CAAA;AACpB;;;;"}
+{"version":3,"file":"useResizeObserver.js","sources":["../src/utils/useResizeObserver.ts"],"sourcesContent":["import { type RefObject, useEffect } from \"react\";\nimport { ownerWindow } from \"./ownerWindow\";\n\nexport interface UseResizeObserverProps {\n  ref: RefObject<HTMLElement | null>;\n  onResize: () => void;\n}\n\nexport function useResizeObserver({ ref, onResize }: UseResizeObserverProps) {\n  useEffect(() => {\n    const element = ref?.current;\n    if (!element) return;\n\n    const win = ownerWindow(element);\n\n    const resizeObserver = new win.ResizeObserver((entries) => {\n      requestAnimationFrame(() => {\n        if (entries.length === 0) return;\n\n        onResize();\n      });\n    });\n    resizeObserver.observe(element);\n\n    return () => {\n      if (element) {\n        resizeObserver.unobserve(element);\n      }\n    };\n  }, [ref, onResize]);\n}\n"],"names":[],"mappings":";;;AAQO,SAAS,iBAAA,CAAkB,EAAE,GAAA,EAAK,QAAA,EAAS,EAA2B;AAC3E,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,UAAU,GAAA,IAAA,IAAA,GAAA,MAAA,GAAA,GAAA,CAAK,OAAA;AACrB,IAAA,IAAI,CAAC,OAAA,EAAS;AAEd,IAAA,MAAM,GAAA,GAAM,YAAY,OAAO,CAAA;AAE/B,IAAA,MAAM,cAAA,GAAiB,IAAI,GAAA,CAAI,cAAA,CAAe,CAAC,OAAA,KAAY;AACzD,MAAA,qBAAA,CAAsB,MAAM;AAC1B,QAAA,IAAI,OAAA,CAAQ,WAAW,CAAA,EAAG;AAE1B,QAAA,QAAA,EAAS;AAAA,MACX,CAAC,CAAA;AAAA,IACH,CAAC,CAAA;AACD,IAAA,cAAA,CAAe,QAAQ,OAAO,CAAA;AAE9B,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,OAAA,EAAS;AACX,QAAA,cAAA,CAAe,UAAU,OAAO,CAAA;AAAA,MAClC;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,GAAA,EAAK,QAAQ,CAAC,CAAA;AACpB;;;;"}

package/dist-es/vertical-navigation/VerticalNavigationItemContent.css.js

@@ -1,4 +1,4 @@
-var css_248z = ".saltVerticalNavigationItemContent {\n  --verticalNavigationItem-iconPadding: calc(var(--saltVerticalNavigationItem-iconPaddingMultiplier, 0) * (var(--salt-size-icon) + var(--salt-spacing-100)));\n  --verticalNavigationItem-depthPadding: calc(var(--salt-spacing-100) * max(0, calc(var(--verticalNavigationItem-depth, 0) - 1)));\n}\n\n.saltVerticalNavigation-indicator .saltVerticalNavigationItemContent {\n  --verticalNavigationItem-paddingLeft: calc(var(--salt-spacing-150) + var(--salt-size-indicator) + var(--verticalNavigationItem-depthPadding) + var(--verticalNavigationItem-iconPadding));\n  --verticalNavigationItem-paddingBlock: var(--salt-spacing-50);\n}\n\n.saltVerticalNavigation-bordered .saltVerticalNavigationItemContent {\n  --verticalNavigationItem-paddingLeft: calc(var(--salt-spacing-100) + var(--verticalNavigationItem-depthPadding) + var(--verticalNavigationItem-iconPadding));\n  --verticalNavigationItem-paddingBlock: calc(var(--salt-spacing-50) - var(--salt-size-fixed-100));\n}\n\n.saltVerticalNavigationItemContent {\n  display: flex;\n  flex-direction: row;\n  gap: var(--salt-spacing-100);\n  appearance: none;\n  -webkit-appearance: none;\n  min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));\n  min-width: 4em;\n  padding: var(--verticalNavigationItem-paddingBlock) var(--salt-spacing-100) var(--verticalNavigationItem-paddingBlock) var(--verticalNavigationItem-paddingLeft);\n  position: relative;\n  flex-shrink: 0;\n  box-sizing: border-box;\n  border-radius: var(--salt-palette-corner-weak, 0);\n  overflow: hidden;\n\n  cursor: var(--salt-cursor-hover);\n  color: var(--salt-content-primary-foreground);\n  font-weight: var(--salt-text-h4-fontWeight);\n  font-family: var(--salt-text-h4-fontFamily);\n  text-align: var(--salt-text-textAlign);\n  letter-spacing: var(--salt-text-letterSpacing);\n  line-height: var(--salt-text-h4-lineHeight);\n  font-size: var(--salt-text-h4-fontSize);\n}\n\n.saltVerticalNavigation-indicator .saltVerticalNavigationItemContent-active,\n.saltVerticalNavigation-indicator .saltVerticalNavigationItemContent-active:hover {\n  background: var(--salt-navigable-accent-background-active);\n}\n\n.saltVerticalNavigation-indicator .saltVerticalNavigationItemContent::before {\n  left: var(--salt-spacing-50);\n  content: \"\";\n  position: absolute;\n  top: var(--salt-spacing-50);\n  bottom: var(--salt-spacing-50);\n  border-radius: var(--salt-palette-corner-strongest);\n  width: var(--salt-size-indicator);\n}\n\n.saltVerticalNavigation-indicator .saltVerticalNavigationItemContent-active::before {\n  background: var(--salt-navigable-accent-indicator-active);\n}\n\n.saltVerticalNavigation-bordered .saltVerticalNavigationItemContent {\n  border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) transparent;\n}\n\n.saltVerticalNavigation-bordered .saltVerticalNavigationItemContent-active,\n.saltVerticalNavigation-bordered .saltVerticalNavigationItemContent-active:hover {\n  background: var(--salt-navigable-accent-background-active);\n  border-color: var(--salt-navigable-accent-borderColor-active);\n}\n\n.saltVerticalNavigationItemContent .saltIcon,\n.saltVerticalNavigationItemContent .saltBadge {\n  min-height: var(--salt-text-lineHeight);\n}\n\n.saltVerticalNavigationItemContent-focused {\n  outline: var(--salt-focused-outline);\n  outline-offset: calc(var(--salt-size-fixed-100) * -2);\n  z-index: 1;\n}\n\n.saltVerticalNavigationItemContent:hover {\n  background: var(--salt-overlayable-background-hover);\n}\n\n.saltVerticalNavigation .saltVerticalNavigationItemContent-active,\n.saltVerticalNavigation .saltVerticalNavigationSubMenu .saltVerticalNavigationItemContent-active {\n  font-weight: var(--salt-text-h4-fontWeight);\n}\n\n@supports selector(:has(*)) {\n  .saltVerticalNavigationItemContent-active:hover:has(.saltVerticalNavigationItemTrigger[aria-controls]) {\n    background: linear-gradient(var(--salt-overlayable-background-hover), var(--salt-overlayable-background-hover)) var(--salt-navigable-accent-background-active);\n  }\n}\n";
+var css_248z = ".saltVerticalNavigationItemContent {\n  --verticalNavigationItem-iconPadding: calc(var(--saltVerticalNavigationItem-iconPaddingMultiplier, 0) * (var(--salt-size-icon) + var(--salt-spacing-100)));\n  --verticalNavigationItem-depthPadding: calc(var(--salt-spacing-100) * max(0, calc(var(--verticalNavigationItem-depth, 0) - 1)));\n}\n\n.saltVerticalNavigation-indicator .saltVerticalNavigationItemContent {\n  --verticalNavigationItem-paddingLeft: calc(var(--salt-spacing-150) + var(--salt-size-indicator) + var(--verticalNavigationItem-depthPadding) + var(--verticalNavigationItem-iconPadding));\n  --verticalNavigationItem-paddingBlock: var(--salt-spacing-50);\n}\n\n.saltVerticalNavigation-bordered .saltVerticalNavigationItemContent {\n  --verticalNavigationItem-paddingLeft: calc(var(--salt-spacing-100) + var(--verticalNavigationItem-depthPadding) + var(--verticalNavigationItem-iconPadding));\n  --verticalNavigationItem-paddingBlock: calc(var(--salt-spacing-50) - var(--salt-size-fixed-100));\n}\n\n.saltVerticalNavigationItemContent {\n  display: flex;\n  flex-direction: row;\n  gap: var(--salt-spacing-100);\n  appearance: none;\n  -webkit-appearance: none;\n  min-height: calc(var(--salt-size-base) + var(--salt-spacing-100));\n  min-width: 4em;\n  padding: var(--verticalNavigationItem-paddingBlock) var(--salt-spacing-100) var(--verticalNavigationItem-paddingBlock) var(--verticalNavigationItem-paddingLeft);\n  position: relative;\n  flex-shrink: 0;\n  box-sizing: border-box;\n  border-radius: var(--salt-palette-corner-weak, 0);\n  overflow: hidden;\n\n  cursor: var(--salt-cursor-hover);\n  color: var(--salt-content-primary-foreground);\n  font-weight: var(--salt-text-heading-fontWeight);\n  font-family: var(--salt-text-heading-fontFamily);\n  text-align: var(--salt-text-textAlign);\n  letter-spacing: var(--salt-text-letterSpacing);\n  line-height: var(--salt-text-h4-lineHeight);\n  font-size: var(--salt-text-h4-fontSize);\n}\n\n.saltVerticalNavigation-indicator .saltVerticalNavigationItemContent-active,\n.saltVerticalNavigation-indicator .saltVerticalNavigationItemContent-active:hover {\n  background: var(--salt-navigable-accent-background-active);\n}\n\n.saltVerticalNavigation-indicator .saltVerticalNavigationItemContent::before {\n  left: var(--salt-spacing-50);\n  content: \"\";\n  position: absolute;\n  top: var(--salt-spacing-50);\n  bottom: var(--salt-spacing-50);\n  border-radius: var(--salt-palette-corner-strongest);\n  width: var(--salt-size-indicator);\n}\n\n.saltVerticalNavigation-indicator .saltVerticalNavigationItemContent-active::before {\n  background: var(--salt-navigable-accent-indicator-active);\n}\n\n.saltVerticalNavigation-bordered .saltVerticalNavigationItemContent {\n  border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) transparent;\n}\n\n.saltVerticalNavigation-bordered .saltVerticalNavigationItemContent-active,\n.saltVerticalNavigation-bordered .saltVerticalNavigationItemContent-active:hover {\n  background: var(--salt-navigable-accent-background-active);\n  border-color: var(--salt-navigable-accent-borderColor-active);\n}\n\n.saltVerticalNavigationItemContent .saltIcon,\n.saltVerticalNavigationItemContent .saltBadge {\n  min-height: var(--salt-text-lineHeight);\n}\n\n.saltVerticalNavigationItemContent-focused {\n  outline: var(--salt-focused-outline);\n  outline-offset: calc(var(--salt-size-fixed-100) * -2);\n  z-index: 1;\n}\n\n.saltVerticalNavigationItemContent:hover {\n  background: var(--salt-overlayable-background-hover);\n}\n\n.saltVerticalNavigation .saltVerticalNavigationItemContent-active,\n.saltVerticalNavigation .saltVerticalNavigationSubMenu .saltVerticalNavigationItemContent-active {\n  font-weight: var(--salt-text-heading-fontWeight);\n}\n\n@supports selector(:has(*)) {\n  .saltVerticalNavigationItemContent-active:hover:has(.saltVerticalNavigationItemTrigger[aria-controls]) {\n    background: linear-gradient(var(--salt-overlayable-background-hover), var(--salt-overlayable-background-hover)) var(--salt-navigable-accent-background-active);\n  }\n}\n";
 
 export { css_248z as default };
 //# sourceMappingURL=VerticalNavigationItemContent.css.js.map

package/dist-es/vertical-navigation/VerticalNavigationSubMenu.css.js

@@ -1,4 +1,4 @@
-var css_248z = ".saltVerticalNavigationSubMenu {\n  display: flex;\n  flex-direction: column;\n  gap: var(--salt-spacing-fixed-100);\n  list-style: none;\n  padding: var(--salt-spacing-fixed-100) 0 0;\n  margin: 0;\n}\n\n.saltVerticalNavigationSubMenu .saltVerticalNavigationItemContent {\n  font-weight: var(--salt-text-h4-fontWeight-small);\n}\n";
+var css_248z = ".saltVerticalNavigationSubMenu {\n  display: flex;\n  flex-direction: column;\n  gap: var(--salt-spacing-fixed-100);\n  list-style: none;\n  padding: var(--salt-spacing-fixed-100) 0 0;\n  margin: 0;\n}\n\n.saltVerticalNavigationSubMenu .saltVerticalNavigationItemContent {\n  font-weight: var(--salt-text-heading-fontWeight-lighter);\n}\n";
 
 export { css_248z as default };
 //# sourceMappingURL=VerticalNavigationSubMenu.css.js.map

package/dist-types/checkbox/CheckboxIcon.d.ts

@@ -1,3 +1,4 @@
+import type { ReactElement } from "react";
 import type { AdornmentValidationStatus } from "../status-adornment";
 export interface CheckboxIconProps {
     checked?: boolean;
@@ -11,4 +12,4 @@ export interface CheckboxIconProps {
     readOnly?: boolean;
     validationStatus?: AdornmentValidationStatus;
 }
-export declare const CheckboxIcon: ({ checked, className, disabled, error, indeterminate, validationStatus, readOnly, }: CheckboxIconProps) => JSX.Element;
+export declare const CheckboxIcon: ({ checked, className, disabled, error, indeterminate, validationStatus, readOnly, }: CheckboxIconProps) => ReactElement;

package/dist-types/collapsible/CollapsiblePanel.d.ts

@@ -1,4 +1,11 @@
-import { type ComponentPropsWithoutRef } from "react";
+import { type ComponentPropsWithoutRef, type ReactElement } from "react";
 export interface CollapsiblePanelProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * Element used to customize the panel's root, e.g. `<CardContent />`.
+     * Props are merged onto this element, and its own props take precedence.
+     * Don't set `children`, `hidden` or `aria-hidden` on it, as they replace the
+     * panel's content and open state.
+     */
+    render?: ReactElement;
 }
 export declare const CollapsiblePanel: import("react").ForwardRefExoticComponent<CollapsiblePanelProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/combo-box/ComboBox.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from "react";
+import { type ComponentPropsWithoutRef, type ReactElement, type ReactNode, type Ref } from "react";
 import { type PillInputProps } from "../pill-input";
 import type { DataAttributes } from "../types";
 import { type UseComboBoxProps } from "./useComboBox";
@@ -18,4 +18,4 @@ export interface ComboBoxProps<Item = string> extends UseComboBoxProps<Item>, Om
 }
 export declare const ComboBox: <Item = string>(props: ComboBoxProps<Item> & {
     ref?: Ref<HTMLDivElement>;
-}) => JSX.Element;
+}) => ReactElement;

package/dist-types/combo-box/useComboBox.d.ts

@@ -12,7 +12,7 @@ export declare function useComboBox<Item>(props: UseComboBoxProps<Item>): {
     setOpen: (newOpen: boolean, reason?: import("../list-control/ListControlState").OpenChangeReason, key?: string) => void;
     openKey: import("react").MutableRefObject<string | undefined>;
     activeState: OptionValue<Item> | undefined;
-    setActive: (option?: OptionValue<Item> | undefined) => void;
+    setActive: import("react").Dispatch<import("react").SetStateAction<OptionValue<Item> | undefined>>;
     selectedState: Item[];
     setSelectedState: import("react").Dispatch<import("react").SetStateAction<Item[]>>;
     clear: (event: SyntheticEvent) => void;
@@ -22,17 +22,13 @@ export declare function useComboBox<Item>(props: UseComboBoxProps<Item>): {
     setFocusedState: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     setListRef: import("react").Ref<HTMLDivElement>;
     listRef: import("react").RefObject<HTMLDivElement>;
-    options: HTMLElement[];
     register: (optionValue: OptionValue<Item>, element: HTMLElement) => () => void;
     getOptionAtIndex: (index: number) => {
         data: OptionValue<Item>;
         element: HTMLElement;
     } | undefined;
     getIndexOfOption: (option: OptionValue<Item>) => number;
-    getOptionsMatching: (predicate: (option: OptionValue<Item>) => boolean) => {
-        data: OptionValue<Item>;
-        element: HTMLElement;
-    }[];
+    getOptionsMatching: (predicate: (option: OptionValue<Item>) => boolean) => import("../list-control/ListControlRegistry").RegisteredOption<Item>[];
     getOptionFromSearch: (search: string, startFrom?: OptionValue<Item> | undefined) => OptionValue<Item> | undefined;
     getOptionAfter: (option: OptionValue<Item>) => {
         data: OptionValue<Item>;
@@ -60,4 +56,5 @@ export declare function useComboBox<Item>(props: UseComboBoxProps<Item>): {
     } | undefined;
     valueToString: (item: Item) => string;
     disabled: boolean | undefined;
+    optionStateStore: import("../list-control/ListControlOptionStore").ListControlOptionStore<Item>;
 };

package/dist-types/dropdown/Dropdown.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from "react";
+import { type ComponentPropsWithoutRef, type ReactElement, type ReactNode, type Ref } from "react";
 import { type FormFieldValidationStatus } from "../form-field-context";
 import { type ListControlProps } from "../list-control/ListControlState";
 import type { DataAttributes } from "../types";
@@ -58,4 +58,4 @@ export interface DropdownProps<Item = string> extends Omit<ComponentPropsWithout
 }
 export declare const Dropdown: <Item = string>(props: DropdownProps<Item> & {
     ref?: Ref<HTMLButtonElement>;
-}) => JSX.Element;
+}) => ReactElement;

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 interface FormFieldHelperTextProps extends Omit<TextProps<"label">, "variant" | "styleAs" | "fontWeight"> {
 }
 export declare const FormFieldHelperText: ({ className, children, ...restProps }: FormFieldHelperTextProps) => import("react").JSX.Element;

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

@@ -1,5 +1,5 @@
 import { type TextProps } from "../text";
-export interface FormFieldLabelProps extends Omit<TextProps<"label">, "variant" | "styleAs"> {
+export interface FormFieldLabelProps extends Omit<TextProps<"label">, "variant" | "styleAs" | "fontWeight"> {
     /**
      * Intent for the label.
      *

package/dist-types/form-field-context/FormFieldContext.d.ts

@@ -24,6 +24,6 @@ export interface FormFieldContextValue {
     necessity: NecessityType | undefined;
     readOnly: boolean;
     validationStatus: FormFieldValidationStatus | undefined;
-    formFieldRef?: RefObject<HTMLDivElement>;
+    formFieldRef?: RefObject<HTMLDivElement | null>;
 }
 export declare const FormFieldContext: import("react").Context<FormFieldContextValue>;

package/dist-types/index.d.ts

@@ -37,6 +37,7 @@ export * from "./menu";
 export * from "./multiline-input";
 export * from "./navigation-item";
 export * from "./number-input";
+export * from "./on-solid-button";
 export * from "./option";
 export * from "./overlay";
 export * from "./pagination";

package/dist-types/interactable-card/InteractableCardGroupContext.d.ts

@@ -3,6 +3,8 @@ export type InteractableCardValue = string | readonly string[] | undefined;
 export interface InteractableCardGroupContextValue {
     disabled?: boolean;
     select: (event: SyntheticEvent<HTMLDivElement>, value: InteractableCardValue) => void;
+    registerCard?: (value: InteractableCardValue, element: HTMLElement) => () => void;
+    hasEnabledSelection?: boolean;
     isSelected: (id: InteractableCardValue) => boolean;
     isFirstChild: (value: InteractableCardValue) => boolean;
     multiSelect?: boolean;

package/dist-types/interactable-card/useInteractableCard.d.ts

@@ -10,8 +10,7 @@ export interface CardHookResult<T extends Element> {
     active: boolean;
     cardProps: {
         "aria-disabled"?: boolean;
-        disabled?: boolean;
-        tabIndex: number;
+        tabIndex?: number;
         onBlur: (event: FocusEvent<T>) => void;
         onClick?: (event: MouseEvent<T>) => void;
         onKeyDown: (event: KeyboardEvent<T>) => void;

package/dist-types/list-box/ListBox.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from "react";
+import { type ComponentPropsWithoutRef, type ReactElement, type ReactNode, type Ref } from "react";
 import { type ListControlProps } from "../list-control/ListControlState";
 export type ListBoxProps<Item = string> = {
     /**
@@ -20,4 +20,4 @@ export type ListBoxProps<Item = string> = {
 } & ComponentPropsWithoutRef<"div"> & Omit<ListControlProps<Item>, "onOpenChange">;
 export declare const ListBox: <Item = string>(props: ListBoxProps<Item> & {
     ref?: Ref<HTMLDivElement>;
-}) => JSX.Element;
+}) => ReactElement;

package/dist-types/list-control/ListControlContext.d.ts

@@ -17,7 +17,7 @@ export interface ListControlContextValue<Item> {
     focusVisibleState: boolean;
     valueToString: (item: Item) => string;
     disabled?: boolean;
-    listRef?: RefObject<HTMLDivElement>;
+    listRef?: RefObject<HTMLDivElement | null>;
 }
 export declare const ListControlContext: import("react").Context<ListControlContextValue<any>>;
 export declare function useListControlContext<Item>(): ListControlContextValue<Item>;

package/dist-types/list-control/ListControlNavigationKeys.d.ts

@@ -0,0 +1,30 @@
+import type { OptionValue } from "./ListControlContext";
+export declare function isListControlNavigationKey(key: string): boolean;
+/**
+ * Navigation keys pressed with Ctrl or Meta (e.g. Ctrl+End, Cmd+ArrowDown,
+ * Ctrl+PageDown) are browser or OS shortcuts, so list controls leave them to
+ * the browser. Alt is only used with ArrowUp and ArrowDown, as in the ARIA
+ * combobox pattern.
+ */
+export declare function isModifiedListControlNavigationKey(event: {
+    key: string;
+    altKey: boolean;
+    ctrlKey: boolean;
+    metaKey: boolean;
+}): boolean;
+export interface OptionAndElement<Item> {
+    data: OptionValue<Item>;
+    element: HTMLElement;
+}
+export interface ListControlNavigationGetters<Item> {
+    getFirstOption: () => OptionAndElement<Item> | undefined;
+    getLastOption: () => OptionAndElement<Item> | undefined;
+    getOptionAfter: (option: OptionValue<Item>) => OptionAndElement<Item> | undefined;
+    getOptionBefore: (option: OptionValue<Item>) => OptionAndElement<Item> | undefined;
+    getOptionPageAbove: (option: OptionValue<Item>) => OptionAndElement<Item> | undefined;
+    getOptionPageBelow: (option: OptionValue<Item>) => OptionAndElement<Item> | undefined;
+}
+/** Shared by Dropdown and ListBox, which always have an active option. */
+export declare function getListControlNavigationTarget<Item>(key: string, activeOption: OptionValue<Item>, getters: ListControlNavigationGetters<Item>): OptionAndElement<Item> | undefined;
+/** For ComboBox, where the active option may be undefined. */
+export declare function getComboBoxNavigationTarget<Item>(key: string, activeOption: OptionValue<Item> | undefined, getters: ListControlNavigationGetters<Item>): OptionAndElement<Item> | undefined;

package/dist-types/list-control/ListControlOptionContext.d.ts

@@ -0,0 +1,18 @@
+import { type ReactNode, type RefObject, type SyntheticEvent } from "react";
+import type { OptionValue } from "./ListControlContext";
+import { ListControlOptionStore } from "./ListControlOptionStore";
+export interface ListControlOptionContextValue<Item> {
+    disabled?: boolean;
+    listRef?: RefObject<HTMLDivElement | null>;
+    multiselect: boolean;
+    optionStateStore: ListControlOptionStore<Item>;
+    register: (optionValue: OptionValue<Item>, element: HTMLElement) => () => void;
+    select: (event: SyntheticEvent, option: OptionValue<Item>) => void;
+    setActive: (option: OptionValue<Item>) => void;
+    valueToString: (item: Item) => string;
+}
+export declare function ListControlOptionContextProvider<Item>({ children, value, }: {
+    children: ReactNode;
+    value: ListControlOptionContextValue<Item>;
+}): import("react").JSX.Element;
+export declare function useListControlOptionContext<Item>(): ListControlOptionContextValue<Item>;

package/dist-types/list-control/ListControlOptionStore.d.ts

@@ -0,0 +1,17 @@
+import type { OptionValue } from "./ListControlContext";
+export declare const OPTION_STATE_ACTIVE = 1;
+export declare const OPTION_STATE_SELECTED = 2;
+export declare const OPTION_STATE_FOCUS_VISIBLE = 4;
+export type OptionStateSnapshot = number;
+export declare function hasOptionState(snapshot: OptionStateSnapshot, state: OptionStateSnapshot): boolean;
+/** Internal per-list store used to target updates at affected Options. */
+export declare class ListControlOptionStore<Item> {
+    #private;
+    constructor(selected?: readonly Item[]);
+    subscribe(id: string, listener: () => void): () => void;
+    register(option: OptionValue<Item>): () => void;
+    getSnapshot(id: string, currentOption?: OptionValue<Item>): OptionStateSnapshot;
+    setActiveId(id: string | undefined): void;
+    setFocusVisible(focusVisible: boolean): void;
+    setSelected(selected: readonly Item[]): void;
+}

package/dist-types/list-control/ListControlProvider.d.ts

@@ -0,0 +1,11 @@
+import { type ReactNode } from "react";
+import { type ListControlContextValue } from "./ListControlContext";
+import type { ListControlOptionStore } from "./ListControlOptionStore";
+type ListControlProviderValue<Item> = ListControlContextValue<Item> & {
+    optionStateStore: ListControlOptionStore<Item>;
+};
+export declare function ListControlProvider<Item>({ children, value, }: {
+    children: ReactNode;
+    value: ListControlProviderValue<Item>;
+}): import("react").JSX.Element;
+export {};

package/dist-types/list-control/ListControlRegistry.d.ts

@@ -0,0 +1,22 @@
+import type { OptionValue } from "./ListControlContext";
+export interface RegisteredOption<Item> {
+    data: OptionValue<Item>;
+    element: HTMLElement;
+}
+export declare function createCoalescedRebuild(rebuild: () => void, enqueue?: (callback: () => void) => void): {
+    schedule: () => void;
+    cancel: () => void;
+};
+/** Internal option registry optimized for large, non-virtualized lists. */
+export declare class ListControlRegistry<Item> {
+    #private;
+    register(option: OptionValue<Item>, element: HTMLElement): () => void;
+    rebuild(listElement: Pick<HTMLElement, "querySelectorAll">): void;
+    getAt(index: number): RegisteredOption<Item> | undefined;
+    get length(): number;
+    indexOfId(id: string): number;
+    indexOfValue(value: Item): number;
+    findByData(option: OptionValue<Item>): RegisteredOption<Item> | undefined;
+    matching(predicate: (option: OptionValue<Item>) => boolean): RegisteredOption<Item>[];
+    snapshot(): readonly RegisteredOption<Item>[];
+}

package/dist-types/list-control/ListControlState.d.ts

@@ -1,5 +1,7 @@
 import { type SyntheticEvent } from "react";
 import type { OptionValue } from "./ListControlContext";
+import { ListControlOptionStore } from "./ListControlOptionStore";
+import { type RegisteredOption } from "./ListControlRegistry";
 export type OpenChangeReason = "input" | "manual";
 export type ListControlProps<Item> = {
     /**
@@ -44,13 +46,14 @@ export type ListControlProps<Item> = {
     valueToString?: (item: Item) => string;
 };
 export declare function defaultValueToString<Item>(item: Item): string;
+export declare function findOptionFromSearch<Item>(options: readonly Pick<RegisteredOption<Item>, "data">[], search: string, valueToString: (item: Item) => string, startFrom?: OptionValue<Item>): OptionValue<Item> | undefined;
 export declare function useListControl<Item>(props: ListControlProps<Item>): {
     multiselect: boolean;
     openState: boolean;
     setOpen: (newOpen: boolean, reason?: OpenChangeReason, key?: string) => void;
     openKey: import("react").MutableRefObject<string | undefined>;
     activeState: OptionValue<Item> | undefined;
-    setActive: (option?: OptionValue<Item>) => void;
+    setActive: import("react").Dispatch<import("react").SetStateAction<OptionValue<Item> | undefined>>;
     selectedState: Item[];
     setSelectedState: import("react").Dispatch<import("react").SetStateAction<Item[]>>;
     select: (event: SyntheticEvent, option: OptionValue<Item>) => void;
@@ -61,17 +64,13 @@ export declare function useListControl<Item>(props: ListControlProps<Item>): {
     setFocusedState: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     setListRef: import("react").Ref<HTMLDivElement>;
     listRef: import("react").RefObject<HTMLDivElement>;
-    options: HTMLElement[];
     register: (optionValue: OptionValue<Item>, element: HTMLElement) => () => void;
     getOptionAtIndex: (index: number) => {
         data: OptionValue<Item>;
         element: HTMLElement;
     } | undefined;
     getIndexOfOption: (option: OptionValue<Item>) => number;
-    getOptionsMatching: (predicate: (option: OptionValue<Item>) => boolean) => {
-        data: OptionValue<Item>;
-        element: HTMLElement;
-    }[];
+    getOptionsMatching: (predicate: (option: OptionValue<Item>) => boolean) => RegisteredOption<Item>[];
     getOptionFromSearch: (search: string, startFrom?: OptionValue<Item>) => OptionValue<Item> | undefined;
     getOptionAfter: (option: OptionValue<Item>) => {
         data: OptionValue<Item>;
@@ -99,4 +98,5 @@ export declare function useListControl<Item>(props: ListControlProps<Item>): {
     } | undefined;
     valueToString: (item: Item) => string;
     disabled: boolean | undefined;
+    optionStateStore: ListControlOptionStore<Item>;
 };

package/dist-types/on-solid-button/OnSolidButton.d.ts

@@ -0,0 +1,12 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface OnSolidButtonProps extends ComponentPropsWithoutRef<"button"> {
+    /**
+     * If `true`, the button will be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * If `true`, the button will be focusable when disabled.
+     */
+    focusableWhenDisabled?: boolean;
+}
+export declare const OnSolidButton: import("react").ForwardRefExoticComponent<OnSolidButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist-types/on-solid-button/index.d.ts

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

package/dist-types/option/Option.d.ts

@@ -13,4 +13,6 @@ export interface OptionProps extends ComponentPropsWithoutRef<"div"> {
      */
     children?: ReactNode;
 }
-export declare const Option: import("react").ForwardRefExoticComponent<OptionProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const OptionComponent: import("react").ForwardRefExoticComponent<OptionProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Option: typeof OptionComponent;
+export {};

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

@@ -1,4 +1,5 @@
 import { type ReactNode } from "react";
+import { type UseFloatingUIProps } from "../utils";
 export interface OverlayProps {
     /**
      * The content of the Overlay, typically an `OverlayTrigger` and `OverlayPanel`.
@@ -15,7 +16,7 @@ export interface OverlayProps {
     /**
      * Set the placement of the Overlay component relative to the trigger element. Defaults to `top`.
      */
-    placement?: "top" | "bottom" | "left" | "right";
+    placement?: UseFloatingUIProps["placement"];
     /**
      * When `true`, the arrow indicator is hidden
      */

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

@@ -17,6 +17,10 @@ export interface OverlayContextValue {
     floating?: (node: HTMLElement | null) => void;
     getFloatingProps: (userProps?: HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
     getReferenceProps: (userProps?: HTMLProps<Element> | undefined) => Record<string, unknown>;
+    headerId?: string;
+    setHeaderId?: (id: string | undefined) => void;
+    descriptionId?: string;
+    setDescriptionId?: (id: string | undefined) => void;
 }
 export declare const OverlayContext: import("react").Context<OverlayContextValue>;
 export declare function useOverlayContext(): OverlayContextValue;

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

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

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

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

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

@@ -1,4 +1,5 @@
 export * from "./Overlay";
+export * from "./OverlayFooter";
 export * from "./OverlayHeader";
 export * from "./OverlayPanel";
 export * from "./OverlayPanelCloseButton";

package/dist-types/pill/PillCheckIcon.d.ts

@@ -1,7 +1,8 @@
+import type { ReactElement } from "react";
 export interface PillCheckIconProps {
     checked?: boolean;
     className?: string;
     disabled?: boolean;
     active?: boolean;
 }
-export declare const PillCheckIcon: ({ className, checked, disabled, active, }: PillCheckIconProps) => JSX.Element;
+export declare const PillCheckIcon: ({ className, checked, disabled, active, }: PillCheckIconProps) => ReactElement;

package/dist-types/registerClassNameInjection.d.ts

@@ -15,5 +15,3 @@ declare module "@salt-ds/styles" {
         saltTooltip: TooltipProps;
     }
 }
-declare const _default: {};
-export default _default;

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

@@ -23,7 +23,7 @@ export interface ThemeContextProps {
     /** @deprecated since 1.32.0. Use `actionFont`. */
     UNSTABLE_actionFont: ActionFont;
 }
-export declare const DensityContext: import("react").Context<"touch" | "high" | "low" | "medium" | "mobile">;
+export declare const DensityContext: import("react").Context<"high" | "low" | "touch" | "medium" | "mobile">;
 export declare const ThemeContext: import("react").Context<ThemeContextProps>;
 export declare const BreakpointContext: import("react").Context<Breakpoints>;
 type ThemeNextOnlyAttributes = "accent" | "corner" | "actionFont" | "headingFont";

package/dist-types/side-panel/internal/useIsScrollable.d.ts

@@ -1,2 +1,2 @@
 import { type RefObject } from "react";
-export declare function useIsScrollable(ref: RefObject<HTMLElement>): boolean;
+export declare function useIsScrollable(ref: RefObject<HTMLElement | null>): boolean;

package/dist-types/skip-link/internal/useManageFocusOnTarget.d.ts

@@ -3,7 +3,7 @@ interface ManageFocusOnTargetProps {
     onBlur?: FocusEventHandler;
     onClick?: MouseEventHandler;
     onKeyUp?: KeyboardEventHandler;
-    targetRef: RefObject<HTMLElement> | undefined;
+    targetRef: RefObject<HTMLElement | null> | undefined;
     targetClass: string;
 }
 interface ManageFocusOnTargetResult {

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

@@ -1,4 +1,4 @@
-import { type ChangeEvent, type ComponentPropsWithoutRef, type RefObject } from "react";
+import { type ChangeEvent, type ComponentPropsWithoutRef, type Ref } from "react";
 interface SliderThumbProps extends Omit<ComponentPropsWithoutRef<"input">, "onChange" | "defaultValue" | "min" | "max"> {
     accessibleMaxText?: string;
     accessibleMinText?: string;
@@ -8,7 +8,7 @@ interface SliderThumbProps extends Omit<ComponentPropsWithoutRef<"input">, "onCh
     handleKeydownOnThumb: (event: React.KeyboardEvent) => void;
     handlePointerDown: (event: React.PointerEvent<HTMLDivElement>) => void;
     index?: number;
-    inputRef?: RefObject<HTMLInputElement>;
+    inputRef?: Ref<HTMLInputElement>;
     isFocusVisible: boolean;
     max: number;
     maxLabel?: string;

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

@@ -1,4 +1,4 @@
-import { type HTMLAttributes, type RefObject } from "react";
+import { type HTMLAttributes, type Ref } from "react";
 interface SliderTrackProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
     children: React.ReactNode;
     constrainLabelPosition?: boolean;
@@ -18,7 +18,7 @@ interface SliderTrackProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChang
     minLabel?: number | string;
     progressPercentage?: number;
     progressPercentageRange?: [number, number];
-    sliderRef: RefObject<HTMLDivElement>;
+    sliderRef: Ref<HTMLDivElement>;
 }
 export declare const SliderTrack: import("react").ForwardRefExoticComponent<SliderTrackProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};