@salt-ds/core 1.72.0 → 1.74.0

package/dist-es/drawer/internal/useDrawerResize.js

@@ -0,0 +1,517 @@
+import { useWindow } from '@salt-ds/window';
+import { useState, useRef, useCallback, useEffect } from 'react';
+import 'clsx';
+import 'react/jsx-runtime';
+import { useEventCallback } from '../../utils/useEventCallback.js';
+import '../../utils/useFloatingUI/useFloatingUI.js';
+import '../../utils/useId.js';
+import { useIsomorphicLayoutEffect } from '../../utils/useIsomorphicLayoutEffect.js';
+import '../../salt-provider/SaltProvider.js';
+import '../../viewport/ViewportProvider.js';
+
+const KEYBOARD_STEP = 8;
+const PROBE_SIZE = 1e6;
+const CLICK_THRESHOLD = 4;
+const isElement = (target) => target !== null && target.nodeType === 1;
+const focusWithoutRing = (element) => element == null ? void 0 : element.focus({
+  preventScroll: true,
+  focusVisible: false
+});
+const setDocumentCursor = (ownerDocument, cursor) => {
+  const view = ownerDocument.defaultView;
+  if (!view || !ownerDocument.adoptedStyleSheets) return void 0;
+  const sheet = new view.CSSStyleSheet();
+  sheet.replaceSync(`*, *:hover { cursor: ${cursor} !important; }`);
+  ownerDocument.adoptedStyleSheets = [
+    ...ownerDocument.adoptedStyleSheets,
+    sheet
+  ];
+  return () => {
+    ownerDocument.adoptedStyleSheets = ownerDocument.adoptedStyleSheets.filter(
+      (adopted) => adopted !== sheet
+    );
+  };
+};
+const isHorizontal = (position) => position === "left" || position === "right";
+const growsWithCoordinate = (position) => position === "left" || position === "top";
+const measure = (element, horizontal) => {
+  const { width, height } = element.getBoundingClientRect();
+  return horizontal ? width : height;
+};
+const restoreStyle = (style, property, value, priority) => {
+  if (value) {
+    style.setProperty(property, value, priority);
+  } else {
+    style.removeProperty(property);
+  }
+};
+const probeBounds = (element, horizontal) => {
+  const property = horizontal ? "width" : "height";
+  const { style } = element;
+  const previousValue = style.getPropertyValue(property);
+  const previousPriority = style.getPropertyPriority(property);
+  const previousTransition = style.getPropertyValue("transition-property");
+  const previousTransitionPriority = style.getPropertyPriority(
+    "transition-property"
+  );
+  style.setProperty("transition-property", "none", "important");
+  style.setProperty(property, "0px", "important");
+  const min = measure(element, horizontal);
+  style.setProperty(property, `${PROBE_SIZE}px`, "important");
+  const max = measure(element, horizontal);
+  restoreStyle(style, property, previousValue, previousPriority);
+  measure(element, horizontal);
+  restoreStyle(
+    style,
+    "transition-property",
+    previousTransition,
+    previousTransitionPriority
+  );
+  return { min, max: Math.max(min, max) };
+};
+const clamp = (value, { min, max }) => Math.min(Math.max(value, min), max);
+const sizeFromPoint = (rect, position, { clientX: x, clientY: y }) => {
+  switch (position) {
+    case "left":
+      return x - rect.left;
+    case "right":
+      return rect.right - x;
+    case "top":
+      return y - rect.top;
+    case "bottom":
+      return rect.bottom - y;
+  }
+};
+const edgeFromSize = (rect, position, size) => {
+  switch (position) {
+    case "left":
+      return rect.left + size;
+    case "right":
+      return rect.right - size;
+    case "top":
+      return rect.top + size;
+    case "bottom":
+      return rect.bottom - size;
+  }
+};
+function useDrawerResize({
+  enabled,
+  position,
+  element
+}) {
+  const horizontal = isHorizontal(position);
+  const targetWindow = useWindow();
+  const [sizeState, setSizeState] = useState(void 0);
+  const [sizeAxisHorizontal, setSizeAxisHorizontal] = useState(horizontal);
+  const size = enabled && sizeAxisHorizontal === horizontal ? sizeState : void 0;
+  const [interaction, setInteraction] = useState("inactive");
+  const [metrics, setMetrics] = useState(
+    null
+  );
+  const dragRef = useRef(null);
+  const placingRef = useRef(null);
+  const handleRef = useRef(null);
+  const guideRef = useRef(null);
+  const cancelResizeEventRef = useRef(null);
+  const restoreSizeRef = useRef(null);
+  const initialSizeRef = useRef(null);
+  const axisRef = useRef(horizontal);
+  const boundsRef = useRef(null);
+  const readMetrics = useEventCallback((reuseBounds = false) => {
+    if (!element) return null;
+    const bounds = reuseBounds && boundsRef.current ? boundsRef.current : probeBounds(element, horizontal);
+    boundsRef.current = bounds;
+    const current = clamp(measure(element, horizontal), bounds);
+    const next = { ...bounds, current };
+    setMetrics(next);
+    return next;
+  });
+  const applySize = (nextSize) => {
+    setSizeState(nextSize);
+    setSizeAxisHorizontal(horizontal);
+  };
+  const isOverHandle = ({
+    clientX: x,
+    clientY: y
+  }) => {
+    var _a;
+    const rect = (_a = handleRef.current) == null ? void 0 : _a.getBoundingClientRect();
+    return rect !== void 0 && x >= rect.left && x <= rect.right && y >= rect.top && y <= rect.bottom;
+  };
+  const isHandle = useEventCallback(
+    (target) => {
+      var _a;
+      return enabled && isElement(target) && ((_a = handleRef.current) == null ? void 0 : _a.contains(target)) === true;
+    }
+  );
+  const startDrag = useEventCallback((event) => {
+    const current = readMetrics();
+    if (!current) return;
+    event.preventDefault();
+    dragRef.current = {
+      pointerId: event.pointerId,
+      startX: event.clientX,
+      startY: event.clientY,
+      originSize: current.current,
+      previousSize: current.current,
+      cancelSize: size,
+      min: current.min,
+      max: current.max,
+      moved: false
+    };
+    focusWithoutRing(handleRef.current);
+    setInteraction("active");
+  });
+  const moveDrag = useEventCallback((event, drag) => {
+    var _a;
+    if (!drag.moved) {
+      if (Math.hypot(event.clientX - drag.startX, event.clientY - drag.startY) < CLICK_THRESHOLD) {
+        return;
+      }
+      drag.moved = true;
+      try {
+        (_a = handleRef.current) == null ? void 0 : _a.setPointerCapture(event.pointerId);
+      } catch {
+      }
+    }
+    const coordinate = horizontal ? event.clientX : event.clientY;
+    const origin = horizontal ? drag.startX : drag.startY;
+    const direction = growsWithCoordinate(position) ? 1 : -1;
+    const nextSize = clamp(
+      drag.originSize + (coordinate - origin) * direction,
+      drag
+    );
+    if (nextSize !== drag.previousSize) {
+      drag.previousSize = nextSize;
+      applySize(nextSize);
+    }
+  });
+  const moveGuide = (offset) => {
+    var _a;
+    const placing = placingRef.current;
+    if (!placing) return;
+    placing.guideOffset = offset;
+    (_a = guideRef.current) == null ? void 0 : _a.style.setProperty(
+      "--drawerResizeGuide-offset",
+      `${offset}px`
+    );
+  };
+  const setGuide = useCallback((node) => {
+    guideRef.current = node;
+    const placing = placingRef.current;
+    if (node && placing) {
+      node.style.setProperty(
+        "--drawerResizeGuide-offset",
+        `${placing.guideOffset}px`
+      );
+    }
+  }, []);
+  const startPlacing = useEventCallback((drag) => {
+    if (!element) return;
+    placingRef.current = {
+      min: drag.min,
+      max: drag.max,
+      guideOffset: edgeFromSize(
+        element.getBoundingClientRect(),
+        position,
+        drag.originSize
+      ),
+      pressed: false
+    };
+    setInteraction("placing");
+  });
+  const stopPlacing = useEventCallback(() => {
+    if (!placingRef.current) return;
+    placingRef.current = null;
+    setInteraction("inactive");
+  });
+  const endDrag = useEventCallback((event) => {
+    var _a;
+    const drag = dragRef.current;
+    if (!drag) return;
+    dragRef.current = null;
+    const pointer = event;
+    const stillHovered = "pointerType" in event && pointer.pointerType !== "touch" && isHandle(
+      ((_a = handleRef.current) == null ? void 0 : _a.ownerDocument.elementFromPoint(
+        pointer.clientX,
+        pointer.clientY
+      )) ?? null
+    );
+    setInteraction(stillHovered ? "hover" : "inactive");
+  });
+  const cancelDrag = useEventCallback((event) => {
+    const drag = dragRef.current;
+    if (!drag) return;
+    const handle = handleRef.current;
+    if (handle == null ? void 0 : handle.hasPointerCapture(drag.pointerId)) {
+      handle.releasePointerCapture(drag.pointerId);
+    }
+    setSizeState(drag.cancelSize);
+    endDrag(event);
+  });
+  const sizeToPlace = (target, rect, point, bounds) => clamp(
+    isOverHandle(point) ? measure(target, horizontal) : sizeFromPoint(rect, position, point),
+    bounds
+  );
+  const moveGuideToPointer = (event) => {
+    const placing = placingRef.current;
+    if (!placing || !element) return;
+    const rect = element.getBoundingClientRect();
+    moveGuide(
+      edgeFromSize(rect, position, sizeToPlace(element, rect, event, placing))
+    );
+  };
+  const onGuidePointerDown = useEventCallback(
+    (event) => {
+      const placing = placingRef.current;
+      if (!placing) return;
+      if (event.pointerType === "mouse" && event.button > 0) {
+        stopPlacing();
+        return;
+      }
+      event.preventDefault();
+      event.stopPropagation();
+      placing.pressed = true;
+      moveGuideToPointer(event);
+    }
+  );
+  const onGuidePointerMove = useEventCallback(
+    (event) => {
+      moveGuideToPointer(event);
+    }
+  );
+  const onGuideClick = useEventCallback(
+    (event) => {
+      const placing = placingRef.current;
+      if (!(placing == null ? void 0 : placing.pressed) || !element) return;
+      event.stopPropagation();
+      stopPlacing();
+      const rect = element.getBoundingClientRect();
+      const nextSize = sizeToPlace(element, rect, event, placing);
+      const current = clamp(measure(element, horizontal), placing);
+      if (nextSize !== current) {
+        applySize(nextSize);
+      }
+      focusWithoutRing(handleRef.current);
+    }
+  );
+  useEffect(() => {
+    if (!enabled || !element || !targetWindow) return;
+    const ownerDocument = targetWindow.document;
+    const onPointerDown = (event) => {
+      if (event.defaultPrevented || !event.isPrimary) return;
+      if (event.pointerType === "mouse" && event.button > 0) return;
+      if (placingRef.current || dragRef.current || !isHandle(event.target)) {
+        return;
+      }
+      startDrag(event);
+    };
+    const onPointerMove = (event) => {
+      if (event.defaultPrevented) return;
+      if (placingRef.current) return;
+      const drag = dragRef.current;
+      if (!drag) {
+        if (event.pointerType !== "touch") {
+          setInteraction(isHandle(event.target) ? "hover" : "inactive");
+        }
+        return;
+      }
+      if (event.pointerId !== drag.pointerId) return;
+      if (event.buttons === 0) {
+        endDrag(event);
+        return;
+      }
+      moveDrag(event, drag);
+    };
+    const onPointerUp = (event) => {
+      if (event.defaultPrevented) return;
+      if (event.pointerType === "mouse" && event.button > 0) return;
+      const drag = dragRef.current;
+      if ((drag == null ? void 0 : drag.pointerId) !== event.pointerId) return;
+      event.preventDefault();
+      if (!drag.moved) {
+        dragRef.current = null;
+        startPlacing(drag);
+        return;
+      }
+      endDrag(event);
+    };
+    const onPointerCancel = (event) => {
+      var _a;
+      if (((_a = dragRef.current) == null ? void 0 : _a.pointerId) === event.pointerId) endDrag(event);
+    };
+    const onContextMenu = (event) => {
+      if (!event.defaultPrevented) endDrag(event);
+    };
+    const onKeyDown2 = (event) => {
+      if (event.key !== "Escape" || !dragRef.current) return;
+      event.preventDefault();
+      cancelResizeEventRef.current = event;
+      cancelDrag(event);
+    };
+    const onBlur = (event) => {
+      endDrag(event);
+      stopPlacing();
+    };
+    const onPointerOut = (event) => {
+      if (!dragRef.current && isElement(event.relatedTarget) && event.relatedTarget.tagName === "IFRAME") {
+        setInteraction("inactive");
+      }
+    };
+    ownerDocument.addEventListener("pointerdown", onPointerDown, true);
+    ownerDocument.addEventListener("pointermove", onPointerMove);
+    ownerDocument.addEventListener("pointerup", onPointerUp, true);
+    ownerDocument.addEventListener("pointercancel", onPointerCancel);
+    ownerDocument.addEventListener("contextmenu", onContextMenu, true);
+    ownerDocument.addEventListener("keydown", onKeyDown2, true);
+    ownerDocument.addEventListener("pointerout", onPointerOut);
+    targetWindow.addEventListener("blur", onBlur);
+    return () => {
+      ownerDocument.removeEventListener("pointerdown", onPointerDown, true);
+      ownerDocument.removeEventListener("pointermove", onPointerMove);
+      ownerDocument.removeEventListener("pointerup", onPointerUp, true);
+      ownerDocument.removeEventListener("pointercancel", onPointerCancel);
+      ownerDocument.removeEventListener("contextmenu", onContextMenu, true);
+      ownerDocument.removeEventListener("keydown", onKeyDown2, true);
+      ownerDocument.removeEventListener("pointerout", onPointerOut);
+      targetWindow.removeEventListener("blur", onBlur);
+      dragRef.current = null;
+      placingRef.current = null;
+      setInteraction("inactive");
+    };
+  }, [
+    enabled,
+    element,
+    targetWindow,
+    isHandle,
+    startDrag,
+    moveDrag,
+    endDrag,
+    cancelDrag,
+    startPlacing,
+    stopPlacing
+  ]);
+  const showResizeCursor = interaction !== "inactive";
+  useEffect(() => {
+    if (!showResizeCursor || !targetWindow) return;
+    return setDocumentCursor(
+      targetWindow.document,
+      horizontal ? "var(--salt-cursor-drag-ew, ew-resize)" : "var(--salt-cursor-drag-ns, ns-resize)"
+    );
+  }, [showResizeCursor, targetWindow, horizontal]);
+  const onKeyDown = useEventCallback(
+    (event) => {
+      const { key } = event;
+      if (placingRef.current) {
+        stopPlacing();
+        if (key === "Escape") {
+          event.preventDefault();
+          cancelResizeEventRef.current = event.nativeEvent;
+          return;
+        }
+      }
+      const resizeKeys = horizontal ? ["ArrowLeft", "ArrowRight"] : ["ArrowUp", "ArrowDown"];
+      if (!resizeKeys.includes(key) && key !== "Home" && key !== "End" && key !== "Enter") {
+        return;
+      }
+      const current = readMetrics(true);
+      if (!current) return;
+      event.preventDefault();
+      const collapsed = current.current <= current.min + 1;
+      let nextSize;
+      if (key === "Home") {
+        if (!collapsed) {
+          restoreSizeRef.current = current.current;
+        }
+        nextSize = current.min;
+      } else if (key === "End") {
+        nextSize = current.max;
+      } else if (key === "Enter") {
+        if (collapsed) {
+          nextSize = restoreSizeRef.current ?? initialSizeRef.current ?? current.max;
+        } else {
+          restoreSizeRef.current = current.current;
+          nextSize = current.min;
+        }
+      } else {
+        const towardsHigherCoordinate = key === "ArrowRight" || key === "ArrowDown";
+        const direction = towardsHigherCoordinate === growsWithCoordinate(position) ? 1 : -1;
+        nextSize = current.current + KEYBOARD_STEP * direction;
+      }
+      nextSize = clamp(nextSize, current);
+      if (nextSize === current.current) return;
+      applySize(nextSize);
+    }
+  );
+  const isCancelResizeEvent = useCallback(
+    (event) => event !== void 0 && event === cancelResizeEventRef.current,
+    []
+  );
+  const onFocus = useCallback(() => {
+    if (!dragRef.current) readMetrics();
+  }, [readMetrics]);
+  const setHandle = useCallback((node) => {
+    handleRef.current = node;
+  }, []);
+  useEffect(() => {
+    if (!enabled) {
+      setSizeState(void 0);
+      setMetrics(null);
+      restoreSizeRef.current = null;
+      initialSizeRef.current = null;
+    }
+  }, [enabled]);
+  useIsomorphicLayoutEffect(() => {
+    if (!enabled || !element) return;
+    if (axisRef.current !== horizontal) {
+      axisRef.current = horizontal;
+      restoreSizeRef.current = null;
+      initialSizeRef.current = null;
+    }
+    const next = readMetrics();
+    if (next && initialSizeRef.current === null) {
+      initialSizeRef.current = next.current;
+    }
+  }, [enabled, element, horizontal, readMetrics]);
+  useIsomorphicLayoutEffect(() => {
+    if (!enabled || !element) return;
+    readMetrics(true);
+  }, [enabled, element, size, readMetrics]);
+  useEffect(() => {
+    if (!enabled || !element || !targetWindow) return;
+    const onResize = () => {
+      stopPlacing();
+      readMetrics();
+    };
+    targetWindow.addEventListener("resize", onResize);
+    return () => targetWindow.removeEventListener("resize", onResize);
+  }, [enabled, element, targetWindow, readMetrics, stopPlacing]);
+  return {
+    sizeStyle: size !== void 0 ? { [horizontal ? "width" : "height"]: size } : void 0,
+    isResizing: interaction === "active" || interaction === "placing",
+    isHovered: interaction === "hover",
+    isPlacing: interaction === "placing",
+    isCancelResizeEvent,
+    separatorProps: {
+      role: "separator",
+      tabIndex: 0,
+      ref: setHandle,
+      "aria-orientation": horizontal ? "vertical" : "horizontal",
+      "aria-valuenow": metrics ? Math.round(metrics.current) : void 0,
+      "aria-valuemin": metrics ? Math.round(metrics.min) : void 0,
+      "aria-valuemax": metrics ? Math.round(metrics.max) : void 0,
+      onKeyDown,
+      onFocus
+    },
+    guideProps: {
+      ref: setGuide,
+      onPointerDown: onGuidePointerDown,
+      onPointerMove: onGuidePointerMove,
+      onClick: onGuideClick,
+      onContextMenu: stopPlacing
+    }
+  };
+}
+
+export { useDrawerResize };
+//# sourceMappingURL=useDrawerResize.js.map

package/dist-es/drawer/internal/useDrawerResize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDrawerResize.js","sources":["../src/drawer/internal/useDrawerResize.ts"],"sourcesContent":["import { useWindow } from \"@salt-ds/window\";\nimport type {\n  AriaAttributes,\n  CSSProperties,\n  KeyboardEvent as ReactKeyboardEvent,\n  MouseEvent as ReactMouseEvent,\n  PointerEvent as ReactPointerEvent,\n} from \"react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { useEventCallback, useIsomorphicLayoutEffect } from \"../../utils\";\nimport type { DrawerProps } from \"../Drawer\";\n\ntype DrawerPosition = NonNullable<DrawerProps[\"position\"]>;\n\ninterface Bounds {\n  min: number;\n  max: number;\n}\n\ninterface DragState extends Bounds {\n  pointerId: number;\n  startX: number;\n  startY: number;\n  originSize: number;\n  previousSize: number;\n  cancelSize: number | undefined;\n  moved: boolean;\n}\n\n/** Click-to-place resizing */\ninterface PlacingState extends Bounds {\n  /** In viewport coordinates. */\n  guideOffset: number;\n  /** The placing press started on the guide layer. */\n  pressed: boolean;\n}\n\ntype Interaction = \"inactive\" | \"hover\" | \"active\" | \"placing\";\n\nexport interface SeparatorProps\n  extends Pick<\n    AriaAttributes,\n    \"aria-orientation\" | \"aria-valuenow\" | \"aria-valuemin\" | \"aria-valuemax\"\n  > {\n  role: \"separator\";\n  tabIndex: number;\n  ref: (element: HTMLElement | null) => void;\n  onKeyDown: (event: ReactKeyboardEvent<HTMLElement>) => void;\n  onFocus: () => void;\n}\n\nexport interface GuideProps {\n  ref: (element: HTMLElement | null) => void;\n  onPointerDown: (event: ReactPointerEvent<HTMLElement>) => void;\n  onPointerMove: (event: ReactPointerEvent<HTMLElement>) => void;\n  onClick: (event: ReactMouseEvent<HTMLElement>) => void;\n  onContextMenu: () => void;\n}\n\nexport interface UseDrawerResizeProps {\n  enabled: boolean;\n  position: DrawerPosition;\n  element: HTMLElement | null | undefined;\n}\n\nexport interface UseDrawerResizeResult {\n  sizeStyle: CSSProperties | undefined;\n  isResizing: boolean;\n  isHovered: boolean;\n  isPlacing: boolean;\n  /** Whether the event is the Escape that cancelled a resize, so it shouldn't close the drawer. */\n  isCancelResizeEvent: (event?: Event) => boolean;\n  separatorProps: SeparatorProps;\n  guideProps: GuideProps;\n}\n\nconst KEYBOARD_STEP = 8;\nconst PROBE_SIZE = 1e6;\n// A press that moves less than this is a click on the handle, not a drag.\nconst CLICK_THRESHOLD = 4;\n\nconst isElement = (target: EventTarget | null): target is Element =>\n  target !== null && (target as Node).nodeType === 1;\n\nconst focusWithoutRing = (element: HTMLElement | null) =>\n  element?.focus({\n    preventScroll: true,\n    focusVisible: false,\n  } as FocusOptions);\n\n/** Shows the cursor everywhere in the document, over any element's own cursor. */\nconst setDocumentCursor = (ownerDocument: Document, cursor: string) => {\n  const view = ownerDocument.defaultView as (Window & typeof globalThis) | null;\n  if (!view || !ownerDocument.adoptedStyleSheets) return undefined;\n  const sheet = new view.CSSStyleSheet();\n  sheet.replaceSync(`*, *:hover { cursor: ${cursor} !important; }`);\n  ownerDocument.adoptedStyleSheets = [\n    ...ownerDocument.adoptedStyleSheets,\n    sheet,\n  ];\n  return () => {\n    ownerDocument.adoptedStyleSheets = ownerDocument.adoptedStyleSheets.filter(\n      (adopted) => adopted !== sheet,\n    );\n  };\n};\n\nconst isHorizontal = (position: DrawerPosition) =>\n  position === \"left\" || position === \"right\";\n\nconst growsWithCoordinate = (position: DrawerPosition) =>\n  position === \"left\" || position === \"top\";\n\nconst measure = (element: HTMLElement, horizontal: boolean) => {\n  const { width, height } = element.getBoundingClientRect();\n  return horizontal ? width : height;\n};\n\nconst restoreStyle = (\n  style: CSSStyleDeclaration,\n  property: string,\n  value: string,\n  priority: string,\n) => {\n  if (value) {\n    style.setProperty(property, value, priority);\n  } else {\n    style.removeProperty(property);\n  }\n};\n\n/** Resolves the drawer's CSS min/max size by briefly forcing it to both extremes. */\nconst probeBounds = (element: HTMLElement, horizontal: boolean): Bounds => {\n  const property = horizontal ? \"width\" : \"height\";\n  const { style } = element;\n  const previousValue = style.getPropertyValue(property);\n  const previousPriority = style.getPropertyPriority(property);\n  const previousTransition = style.getPropertyValue(\"transition-property\");\n  const previousTransitionPriority = style.getPropertyPriority(\n    \"transition-property\",\n  );\n\n  // A transition would report the current size at both extremes.\n  style.setProperty(\"transition-property\", \"none\", \"important\");\n  style.setProperty(property, \"0px\", \"important\");\n  const min = measure(element, horizontal);\n  style.setProperty(property, `${PROBE_SIZE}px`, \"important\");\n  const max = measure(element, horizontal);\n\n  restoreStyle(style, property, previousValue, previousPriority);\n  // Applies the restored size before transitions return, so it doesn't animate.\n  measure(element, horizontal);\n  restoreStyle(\n    style,\n    \"transition-property\",\n    previousTransition,\n    previousTransitionPriority,\n  );\n\n  return { min, max: Math.max(min, max) };\n};\n\nconst clamp = (value: number, { min, max }: Bounds) =>\n  Math.min(Math.max(value, min), max);\n\n/** Size the drawer needs for its moving edge to sit at the given point. */\nconst sizeFromPoint = (\n  rect: DOMRect,\n  position: DrawerPosition,\n  { clientX: x, clientY: y }: Pick<MouseEvent, \"clientX\" | \"clientY\">,\n) => {\n  switch (position) {\n    case \"left\":\n      return x - rect.left;\n    case \"right\":\n      return rect.right - x;\n    case \"top\":\n      return y - rect.top;\n    case \"bottom\":\n      return rect.bottom - y;\n  }\n};\n\n/** Viewport coordinate of the moving edge for a given size. */\nconst edgeFromSize = (\n  rect: DOMRect,\n  position: DrawerPosition,\n  size: number,\n) => {\n  switch (position) {\n    case \"left\":\n      return rect.left + size;\n    case \"right\":\n      return rect.right - size;\n    case \"top\":\n      return rect.top + size;\n    case \"bottom\":\n      return rect.bottom - size;\n  }\n};\n\nexport function useDrawerResize({\n  enabled,\n  position,\n  element,\n}: UseDrawerResizeProps): UseDrawerResizeResult {\n  const horizontal = isHorizontal(position);\n  const targetWindow = useWindow();\n\n  // Unset until the user resizes, so the drawer keeps its CSS size.\n  const [sizeState, setSizeState] = useState<number | undefined>(undefined);\n  // Drop the size when `position` switches axis.\n  const [sizeAxisHorizontal, setSizeAxisHorizontal] = useState(horizontal);\n  const size =\n    enabled && sizeAxisHorizontal === horizontal ? sizeState : undefined;\n\n  const [interaction, setInteraction] = useState<Interaction>(\"inactive\");\n  const [metrics, setMetrics] = useState<(Bounds & { current: number }) | null>(\n    null,\n  );\n  const dragRef = useRef<DragState | null>(null);\n  const placingRef = useRef<PlacingState | null>(null);\n  const handleRef = useRef<HTMLElement | null>(null);\n  const guideRef = useRef<HTMLElement | null>(null);\n  const cancelResizeEventRef = useRef<Event | null>(null);\n  const restoreSizeRef = useRef<number | null>(null);\n  const initialSizeRef = useRef<number | null>(null);\n  const axisRef = useRef(horizontal);\n\n  // Probing forces layout, so key presses reuse the last bounds.\n  const boundsRef = useRef<Bounds | null>(null);\n\n  const readMetrics = useEventCallback((reuseBounds = false) => {\n    if (!element) return null;\n    const bounds =\n      reuseBounds && boundsRef.current\n        ? boundsRef.current\n        : probeBounds(element, horizontal);\n    boundsRef.current = bounds;\n    const current = clamp(measure(element, horizontal), bounds);\n    const next = { ...bounds, current };\n    setMetrics(next);\n    return next;\n  });\n\n  const applySize = (nextSize: number) => {\n    setSizeState(nextSize);\n    setSizeAxisHorizontal(horizontal);\n  };\n\n  const isOverHandle = ({\n    clientX: x,\n    clientY: y,\n  }: Pick<MouseEvent, \"clientX\" | \"clientY\">) => {\n    const rect = handleRef.current?.getBoundingClientRect();\n    return (\n      rect !== undefined &&\n      x >= rect.left &&\n      x <= rect.right &&\n      y >= rect.top &&\n      y <= rect.bottom\n    );\n  };\n\n  const isHandle = useEventCallback(\n    (target: EventTarget | null) =>\n      enabled &&\n      isElement(target) &&\n      handleRef.current?.contains(target) === true,\n  );\n\n  const startDrag = useEventCallback((event: PointerEvent) => {\n    const current = readMetrics();\n    if (!current) return;\n\n    event.preventDefault();\n    dragRef.current = {\n      pointerId: event.pointerId,\n      startX: event.clientX,\n      startY: event.clientY,\n      originSize: current.current,\n      previousSize: current.current,\n      cancelSize: size,\n      min: current.min,\n      max: current.max,\n      moved: false,\n    };\n    focusWithoutRing(handleRef.current);\n    setInteraction(\"active\");\n  });\n\n  const moveDrag = useEventCallback((event: PointerEvent, drag: DragState) => {\n    // Small movement keeps the press a click, so it can start placing the edge by click.\n    if (!drag.moved) {\n      if (\n        Math.hypot(event.clientX - drag.startX, event.clientY - drag.startY) <\n        CLICK_THRESHOLD\n      ) {\n        return;\n      }\n      drag.moved = true;\n      try {\n        handleRef.current?.setPointerCapture(event.pointerId);\n      } catch {\n        // The pointer is no longer active.\n      }\n    }\n\n    const coordinate = horizontal ? event.clientX : event.clientY;\n    const origin = horizontal ? drag.startX : drag.startY;\n    const direction = growsWithCoordinate(position) ? 1 : -1;\n    const nextSize = clamp(\n      drag.originSize + (coordinate - origin) * direction,\n      drag,\n    );\n    if (nextSize !== drag.previousSize) {\n      drag.previousSize = nextSize;\n      applySize(nextSize);\n    }\n  });\n\n  // Set directly, to avoid a re-render on every pointer move.\n  const moveGuide = (offset: number) => {\n    const placing = placingRef.current;\n    if (!placing) return;\n    placing.guideOffset = offset;\n    guideRef.current?.style.setProperty(\n      \"--drawerResizeGuide-offset\",\n      `${offset}px`,\n    );\n  };\n\n  const setGuide = useCallback((node: HTMLElement | null) => {\n    guideRef.current = node;\n    const placing = placingRef.current;\n    if (node && placing) {\n      node.style.setProperty(\n        \"--drawerResizeGuide-offset\",\n        `${placing.guideOffset}px`,\n      );\n    }\n  }, []);\n\n  const startPlacing = useEventCallback((drag: DragState) => {\n    if (!element) return;\n    placingRef.current = {\n      min: drag.min,\n      max: drag.max,\n      guideOffset: edgeFromSize(\n        element.getBoundingClientRect(),\n        position,\n        drag.originSize,\n      ),\n      pressed: false,\n    };\n    setInteraction(\"placing\");\n  });\n\n  const stopPlacing = useEventCallback(() => {\n    if (!placingRef.current) return;\n    placingRef.current = null;\n    setInteraction(\"inactive\");\n  });\n\n  const endDrag = useEventCallback((event: Event) => {\n    const drag = dragRef.current;\n    if (!drag) return;\n    dragRef.current = null;\n    // Pointer capture retargets the release to the handle.\n    const pointer = event as PointerEvent;\n    const stillHovered =\n      \"pointerType\" in event &&\n      pointer.pointerType !== \"touch\" &&\n      isHandle(\n        handleRef.current?.ownerDocument.elementFromPoint(\n          pointer.clientX,\n          pointer.clientY,\n        ) ?? null,\n      );\n    setInteraction(stillHovered ? \"hover\" : \"inactive\");\n  });\n\n  const cancelDrag = useEventCallback((event: KeyboardEvent) => {\n    const drag = dragRef.current;\n    if (!drag) return;\n    const handle = handleRef.current;\n    if (handle?.hasPointerCapture(drag.pointerId)) {\n      handle.releasePointerCapture(drag.pointerId);\n    }\n    setSizeState(drag.cancelSize);\n    endDrag(event);\n  });\n\n  const sizeToPlace = (\n    target: HTMLElement,\n    rect: DOMRect,\n    point: Pick<MouseEvent, \"clientX\" | \"clientY\">,\n    bounds: Bounds,\n  ) =>\n    clamp(\n      isOverHandle(point)\n        ? measure(target, horizontal)\n        : sizeFromPoint(rect, position, point),\n      bounds,\n    );\n\n  const moveGuideToPointer = (\n    event: Pick<MouseEvent, \"clientX\" | \"clientY\">,\n  ) => {\n    const placing = placingRef.current;\n    if (!placing || !element) return;\n    const rect = element.getBoundingClientRect();\n    moveGuide(\n      edgeFromSize(rect, position, sizeToPlace(element, rect, event, placing)),\n    );\n  };\n\n  const onGuidePointerDown = useEventCallback(\n    (event: ReactPointerEvent<HTMLElement>) => {\n      const placing = placingRef.current;\n      if (!placing) return;\n      if (event.pointerType === \"mouse\" && event.button > 0) {\n        stopPlacing();\n        return;\n      }\n      // Keeps focus on the handle.\n      event.preventDefault();\n      // React bubbles events from the portal up to the drawer.\n      event.stopPropagation();\n      placing.pressed = true;\n      moveGuideToPointer(event);\n    },\n  );\n\n  const onGuidePointerMove = useEventCallback(\n    (event: ReactPointerEvent<HTMLElement>) => {\n      moveGuideToPointer(event);\n    },\n  );\n\n  const onGuideClick = useEventCallback(\n    (event: ReactMouseEvent<HTMLElement>) => {\n      const placing = placingRef.current;\n      // Ignores the click that started placing.\n      if (!placing?.pressed || !element) return;\n      event.stopPropagation();\n      stopPlacing();\n      // The drawer may have moved since placing started, e.g. while sliding in.\n      const rect = element.getBoundingClientRect();\n      const nextSize = sizeToPlace(element, rect, event, placing);\n      const current = clamp(measure(element, horizontal), placing);\n      if (nextSize !== current) {\n        applySize(nextSize);\n      }\n      focusWithoutRing(handleRef.current);\n    },\n  );\n\n  useEffect(() => {\n    if (!enabled || !element || !targetWindow) return;\n    const ownerDocument = targetWindow.document;\n\n    const onPointerDown = (event: PointerEvent) => {\n      if (event.defaultPrevented || !event.isPrimary) return;\n      if (event.pointerType === \"mouse\" && event.button > 0) return;\n      if (placingRef.current || dragRef.current || !isHandle(event.target)) {\n        return;\n      }\n      startDrag(event);\n    };\n\n    const onPointerMove = (event: PointerEvent) => {\n      if (event.defaultPrevented) return;\n      if (placingRef.current) return;\n      const drag = dragRef.current;\n      if (!drag) {\n        // Touch has no hover, so it would leave the hover state behind.\n        if (event.pointerType !== \"touch\") {\n          setInteraction(isHandle(event.target) ? \"hover\" : \"inactive\");\n        }\n        return;\n      }\n      if (event.pointerId !== drag.pointerId) return;\n      // No buttons pressed means the release was missed, e.g. over an iframe.\n      if (event.buttons === 0) {\n        endDrag(event);\n        return;\n      }\n      moveDrag(event, drag);\n    };\n\n    const onPointerUp = (event: PointerEvent) => {\n      if (event.defaultPrevented) return;\n      if (event.pointerType === \"mouse\" && event.button > 0) return;\n      const drag = dragRef.current;\n      if (drag?.pointerId !== event.pointerId) return;\n      event.preventDefault();\n      if (!drag.moved) {\n        dragRef.current = null;\n        startPlacing(drag);\n        return;\n      }\n      endDrag(event);\n    };\n\n    const onPointerCancel = (event: PointerEvent) => {\n      if (dragRef.current?.pointerId === event.pointerId) endDrag(event);\n    };\n\n    const onContextMenu = (event: MouseEvent) => {\n      if (!event.defaultPrevented) endDrag(event);\n    };\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key !== \"Escape\" || !dragRef.current) return;\n      event.preventDefault();\n      cancelResizeEventRef.current = event;\n      cancelDrag(event);\n    };\n\n    const onBlur = (event: FocusEvent) => {\n      endDrag(event);\n      stopPlacing();\n    };\n\n    // \"pointerout\" doesn't fire when the pointer moves into an iframe, so hover would stick.\n    const onPointerOut = (event: PointerEvent) => {\n      if (\n        !dragRef.current &&\n        isElement(event.relatedTarget) &&\n        event.relatedTarget.tagName === \"IFRAME\"\n      ) {\n        setInteraction(\"inactive\");\n      }\n    };\n\n    ownerDocument.addEventListener(\"pointerdown\", onPointerDown, true);\n    ownerDocument.addEventListener(\"pointermove\", onPointerMove);\n    ownerDocument.addEventListener(\"pointerup\", onPointerUp, true);\n    ownerDocument.addEventListener(\"pointercancel\", onPointerCancel);\n    ownerDocument.addEventListener(\"contextmenu\", onContextMenu, true);\n    // Capture, to run before the drawer closes on Escape.\n    ownerDocument.addEventListener(\"keydown\", onKeyDown, true);\n    ownerDocument.addEventListener(\"pointerout\", onPointerOut);\n    targetWindow.addEventListener(\"blur\", onBlur);\n    return () => {\n      ownerDocument.removeEventListener(\"pointerdown\", onPointerDown, true);\n      ownerDocument.removeEventListener(\"pointermove\", onPointerMove);\n      ownerDocument.removeEventListener(\"pointerup\", onPointerUp, true);\n      ownerDocument.removeEventListener(\"pointercancel\", onPointerCancel);\n      ownerDocument.removeEventListener(\"contextmenu\", onContextMenu, true);\n      ownerDocument.removeEventListener(\"keydown\", onKeyDown, true);\n      ownerDocument.removeEventListener(\"pointerout\", onPointerOut);\n      targetWindow.removeEventListener(\"blur\", onBlur);\n      dragRef.current = null;\n      placingRef.current = null;\n      setInteraction(\"inactive\");\n    };\n  }, [\n    enabled,\n    element,\n    targetWindow,\n    isHandle,\n    startDrag,\n    moveDrag,\n    endDrag,\n    cancelDrag,\n    startPlacing,\n    stopPlacing,\n  ]);\n\n  const showResizeCursor = interaction !== \"inactive\";\n  useEffect(() => {\n    if (!showResizeCursor || !targetWindow) return;\n    return setDocumentCursor(\n      targetWindow.document,\n      horizontal\n        ? \"var(--salt-cursor-drag-ew, ew-resize)\"\n        : \"var(--salt-cursor-drag-ns, ns-resize)\",\n    );\n  }, [showResizeCursor, targetWindow, horizontal]);\n\n  const onKeyDown = useEventCallback(\n    (event: ReactKeyboardEvent<HTMLElement>) => {\n      const { key } = event;\n      if (placingRef.current) {\n        stopPlacing();\n        if (key === \"Escape\") {\n          event.preventDefault();\n          cancelResizeEventRef.current = event.nativeEvent;\n          return;\n        }\n      }\n      const resizeKeys = horizontal\n        ? [\"ArrowLeft\", \"ArrowRight\"]\n        : [\"ArrowUp\", \"ArrowDown\"];\n      if (\n        !resizeKeys.includes(key) &&\n        key !== \"Home\" &&\n        key !== \"End\" &&\n        key !== \"Enter\"\n      ) {\n        return;\n      }\n\n      const current = readMetrics(true);\n      if (!current) return;\n\n      event.preventDefault();\n\n      const collapsed = current.current <= current.min + 1;\n      let nextSize: number;\n      if (key === \"Home\") {\n        if (!collapsed) {\n          restoreSizeRef.current = current.current;\n        }\n        nextSize = current.min;\n      } else if (key === \"End\") {\n        nextSize = current.max;\n      } else if (key === \"Enter\") {\n        if (collapsed) {\n          nextSize =\n            restoreSizeRef.current ?? initialSizeRef.current ?? current.max;\n        } else {\n          restoreSizeRef.current = current.current;\n          nextSize = current.min;\n        }\n      } else {\n        const towardsHigherCoordinate =\n          key === \"ArrowRight\" || key === \"ArrowDown\";\n        const direction =\n          towardsHigherCoordinate === growsWithCoordinate(position) ? 1 : -1;\n        nextSize = current.current + KEYBOARD_STEP * direction;\n      }\n\n      nextSize = clamp(nextSize, current);\n      if (nextSize === current.current) return;\n      applySize(nextSize);\n    },\n  );\n\n  const isCancelResizeEvent = useCallback(\n    (event?: Event) =>\n      event !== undefined && event === cancelResizeEventRef.current,\n    [],\n  );\n\n  const onFocus = useCallback(() => {\n    if (!dragRef.current) readMetrics();\n  }, [readMetrics]);\n\n  const setHandle = useCallback((node: HTMLElement | null) => {\n    handleRef.current = node;\n  }, []);\n\n  useEffect(() => {\n    if (!enabled) {\n      setSizeState(undefined);\n      setMetrics(null);\n      restoreSizeRef.current = null;\n      initialSizeRef.current = null;\n    }\n  }, [enabled]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!enabled || !element) return;\n    if (axisRef.current !== horizontal) {\n      axisRef.current = horizontal;\n      restoreSizeRef.current = null;\n      initialSizeRef.current = null;\n    }\n    const next = readMetrics();\n    if (next && initialSizeRef.current === null) {\n      initialSizeRef.current = next.current;\n    }\n  }, [enabled, element, horizontal, readMetrics]);\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: re-syncs the separator's aria values whenever the size changes.\n  useIsomorphicLayoutEffect(() => {\n    if (!enabled || !element) return;\n    readMetrics(true);\n  }, [enabled, element, size, readMetrics]);\n\n  useEffect(() => {\n    if (!enabled || !element || !targetWindow) return;\n    const onResize = () => {\n      // The size limits stored for placing are stale after the window resizes.\n      stopPlacing();\n      readMetrics();\n    };\n    targetWindow.addEventListener(\"resize\", onResize);\n    return () => targetWindow.removeEventListener(\"resize\", onResize);\n  }, [enabled, element, targetWindow, readMetrics, stopPlacing]);\n\n  return {\n    sizeStyle:\n      size !== undefined\n        ? { [horizontal ? \"width\" : \"height\"]: size }\n        : undefined,\n    isResizing: interaction === \"active\" || interaction === \"placing\",\n    isHovered: interaction === \"hover\",\n    isPlacing: interaction === \"placing\",\n    isCancelResizeEvent,\n    separatorProps: {\n      role: \"separator\",\n      tabIndex: 0,\n      ref: setHandle,\n      \"aria-orientation\": horizontal ? \"vertical\" : \"horizontal\",\n      \"aria-valuenow\": metrics ? Math.round(metrics.current) : undefined,\n      \"aria-valuemin\": metrics ? Math.round(metrics.min) : undefined,\n      \"aria-valuemax\": metrics ? Math.round(metrics.max) : undefined,\n      onKeyDown,\n      onFocus,\n    },\n    guideProps: {\n      ref: setGuide,\n      onPointerDown: onGuidePointerDown,\n      onPointerMove: onGuidePointerMove,\n      onClick: onGuideClick,\n      onContextMenu: stopPlacing,\n    },\n  };\n}\n"],"names":["onKeyDown"],"mappings":"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"}

package/dist-es/dropdown/Dropdown.css.js

@@ -1,4 +1,4 @@
-var css_248z = ".saltDropdown {\n  all: unset;\n  box-sizing: border-box;\n  min-width: 4em;\n  width: 100%;\n  background: var(--dropdown-background);\n  min-height: var(--salt-size-base);\n  border-radius: var(--salt-palette-corner-weak, 0);\n  display: inline-flex;\n  align-items: center;\n  padding: 0 var(--salt-spacing-100);\n  color: var(--dropdown-color);\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  letter-spacing: var(--salt-text-letterSpacing);\n  position: relative;\n  overflow: hidden;\n}\n\n.saltDropdown:hover {\n  cursor: var(--salt-cursor-hover);\n}\n\n.saltDropdown-bordered.saltDropdown {\n  border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--dropdown-borderColor);\n}\n\n.saltDropdown-bordered.saltDropdown:hover {\n  border-style: var(--salt-borderStyle-solid);\n  border-color: var(--dropdown-borderColor-hover);\n}\n\n/* Style applied if focused or active when `bordered={true}` */\n.saltDropdown-bordered.saltDropdown:focus,\n.saltDropdown-bordered.saltDropdown:focus:hover {\n  border-style: var(--salt-borderStyle-solid);\n  border-color: var(--dropdown-borderColor-active);\n}\n\n/* Styling when focused if `disabled={true}` or `readOnly={true}` when `bordered={true}` */\n.saltDropdown-bordered.saltDropdown[aria-readonly=\"true\"],\n.saltDropdown-bordered.saltDropdown[aria-readonly=\"true\"]:hover {\n  border-style: var(--salt-borderStyle-solid);\n  border-color: var(--salt-editable-borderColor-readonly);\n}\n\n.saltDropdown-bordered.saltDropdown-disabled,\n.saltDropdown-bordered.saltDropdown-disabled:hover {\n  border-style: var(--salt-borderStyle-solid);\n  border-color: var(--salt-editable-borderColor-disabled);\n}\n\n.saltDropdown-activationIndicator {\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  position: absolute;\n  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--dropdown-borderColor);\n}\n\n.saltDropdown:hover .saltDropdown-activationIndicator {\n  border-bottom-style: var(--salt-borderStyle-solid);\n  border-bottom-color: var(--dropdown-borderColor-hover);\n}\n\n.saltDropdown:focus .saltDropdown-activationIndicator,\n.saltDropdown:focus:hover .saltDropdown-activationIndicator {\n  border-bottom: var(--salt-size-fixed-200) var(--salt-borderStyle-solid) var(--dropdown-borderColor-active);\n}\n\n.saltDropdown[aria-readonly=\"true\"] .saltDropdown-activationIndicator,\n.saltDropdown[aria-readonly=\"true\"]:hover .saltDropdown-activationIndicator {\n  border-bottom-style: var(--salt-borderStyle-solid);\n  border-bottom-color: var(--salt-editable-borderColor-readonly);\n}\n\n.saltDropdown-disabled .saltDropdown-activationIndicator,\n.saltDropdown-disabled:hover .saltDropdown-activationIndicator {\n  border-bottom-style: var(--salt-borderStyle-solid);\n  border-bottom-color: var(--salt-editable-borderColor-disabled);\n}\n\n.saltDropdown-bordered .saltDropdown-activationIndicator,\n.saltDropdown-bordered.saltDropdown[aria-readonly=\"true\"] .saltDropdown-activationIndicator,\n.saltDropdown-bordered.saltDropdown-disabled:hover .saltDropdown-activationIndicator {\n  border-bottom-width: 0;\n}\n\n.saltDropdown-bordered.saltDropdown:focus .saltDropdown-activationIndicator {\n  /* Activation indicator width minus the border from the input. */\n  border-bottom-width: var(--salt-size-fixed-100);\n}\n\n.saltDropdown-primary {\n  --dropdown-color: var(--salt-content-primary-foreground);\n  --dropdown-background: var(--salt-editable-primary-background);\n  --dropdown-background-disabled: var(--salt-editable-primary-background-disabled);\n  --dropdown-background-readonly: var(--salt-editable-background-readonly);\n  --dropdown-borderColor: var(--salt-editable-borderColor);\n  --dropdown-borderColor-active: var(--salt-editable-borderColor-active);\n  --dropdown-borderColor-hover: var(--salt-editable-borderColor-hover);\n  --dropdown-outlineColor: var(--salt-focused-outlineColor);\n}\n\n.saltDropdown-secondary {\n  --dropdown-color: var(--salt-content-primary-foreground);\n  --dropdown-background: var(--salt-editable-secondary-background);\n  --dropdown-background-disabled: var(--salt-editable-secondary-background-disabled);\n  --dropdown-background-readonly: var(--salt-editable-background-readonly);\n  --dropdown-borderColor: var(--salt-editable-borderColor);\n  --dropdown-borderColor-active: var(--salt-editable-borderColor-active);\n  --dropdown-borderColor-hover: var(--salt-editable-borderColor-hover);\n  --dropdown-outlineColor: var(--salt-focused-outlineColor);\n}\n\n.saltDropdown-tertiary {\n  --dropdown-color: var(--salt-content-primary-foreground);\n  --dropdown-background: var(--salt-editable-tertiary-background);\n  --dropdown-background-disabled: var(--salt-editable-tertiary-background-disabled);\n  --dropdown-background-readonly: var(--salt-editable-background-readonly);\n  --dropdown-borderColor: var(--salt-editable-borderColor);\n  --dropdown-borderColor-active: var(--salt-editable-borderColor-active);\n  --dropdown-borderColor-hover: var(--salt-editable-borderColor-hover);\n  --dropdown-outlineColor: var(--salt-focused-outlineColor);\n}\n\n.saltDropdown-error {\n  --dropdown-color: var(--salt-content-primary-foreground);\n  --dropdown-background: var(--salt-status-error-background);\n  --dropdown-background-readonly: var(--salt-status-error-background);\n  --dropdown-borderColor: var(--salt-status-error-borderColor);\n  --dropdown-borderColor-active: var(--salt-status-error-borderColor);\n  --dropdown-borderColor-hover: var(--salt-status-error-borderColor);\n  --dropdown-outlineColor: var(--salt-status-error-borderColor);\n}\n\n.saltDropdown-warning {\n  --dropdown-color: var(--salt-content-primary-foreground);\n  --dropdown-background: var(--salt-status-warning-background);\n  --dropdown-background-readonly: var(--salt-status-warning-background);\n  --dropdown-borderColor: var(--salt-status-warning-borderColor);\n  --dropdown-borderColor-active: var(--salt-status-warning-borderColor);\n  --dropdown-borderColor-hover: var(--salt-status-warning-borderColor);\n  --dropdown-outlineColor: var(--salt-status-warning-borderColor);\n}\n\n.saltDropdown-success {\n  --dropdown-color: var(--salt-content-primary-foreground);\n  --dropdown-background: var(--salt-status-success-background);\n  --dropdown-background-readonly: var(--salt-status-success-background);\n  --dropdown-borderColor: var(--salt-status-success-borderColor);\n  --dropdown-borderColor-active: var(--salt-status-success-borderColor);\n  --dropdown-borderColor-hover: var(--salt-status-success-borderColor);\n  --dropdown-outlineColor: var(--salt-status-success-borderColor);\n}\n\n.saltDropdown:focus,\n.saltDropdown:focus:hover {\n  cursor: var(--salt-cursor-hover);\n  outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--dropdown-outlineColor);\n}\n\n.saltDropdown.saltDropdown[aria-readonly=\"true\"] {\n  background: var(--dropdown-background-readonly);\n  cursor: var(--salt-cursor-readonly);\n}\n\n.saltDropdown.saltDropdown:disabled,\n.saltDropdown.saltDropdown:disabled:hover {\n  background: var(--dropdown-background-disabled);\n  cursor: var(--salt-cursor-disabled);\n  color: var(--salt-content-primary-foreground-disabled);\n}\n\n.saltDropdown-content {\n  flex: 1;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  text-wrap: nowrap;\n}\n\n.saltDropdown-placeholder {\n  color: var(--salt-content-secondary-foreground);\n  font-weight: var(--salt-text-fontWeight-small);\n}\n\n.saltDropdown-startAdornmentContainer {\n  margin-right: var(--salt-spacing-100);\n}\n\n.saltDropdown .saltDropdown-toggle {\n  margin-left: var(--salt-spacing-100);\n}\n";
+var css_248z = ".saltDropdown {\n  all: unset;\n  box-sizing: border-box;\n  min-width: 4em;\n  width: 100%;\n  background: var(--dropdown-background);\n  min-height: var(--salt-size-base);\n  border-radius: var(--salt-palette-corner-weak, 0);\n  display: inline-flex;\n  align-items: center;\n  padding: 0 var(--salt-spacing-100);\n  color: var(--dropdown-color);\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  letter-spacing: var(--salt-text-letterSpacing);\n  position: relative;\n  overflow: hidden;\n}\n\n.saltDropdown:hover {\n  cursor: var(--salt-cursor-hover);\n}\n\n.saltDropdown-bordered.saltDropdown {\n  border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--dropdown-borderColor);\n}\n\n.saltDropdown-bordered.saltDropdown:hover {\n  border-style: var(--salt-borderStyle-solid);\n  border-color: var(--dropdown-borderColor-hover);\n}\n\n/* Style applied if focused or active when `bordered={true}` */\n.saltDropdown-bordered.saltDropdown:focus,\n.saltDropdown-bordered.saltDropdown:focus:hover {\n  border-style: var(--salt-borderStyle-solid);\n  border-color: var(--dropdown-borderColor-active);\n}\n\n/* Styling when focused if `disabled={true}` or `readOnly={true}` when `bordered={true}` */\n.saltDropdown-bordered.saltDropdown[aria-readonly=\"true\"],\n.saltDropdown-bordered.saltDropdown[aria-readonly=\"true\"]:hover {\n  border-style: var(--salt-borderStyle-solid);\n  border-color: var(--salt-editable-borderColor-readonly);\n}\n\n.saltDropdown-bordered.saltDropdown-disabled,\n.saltDropdown-bordered.saltDropdown-disabled:hover {\n  border-style: var(--salt-borderStyle-solid);\n  border-color: var(--salt-editable-borderColor-disabled);\n}\n\n.saltDropdown-activationIndicator {\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  position: absolute;\n  border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--dropdown-borderColor);\n}\n\n.saltDropdown:hover .saltDropdown-activationIndicator {\n  border-bottom-style: var(--salt-borderStyle-solid);\n  border-bottom-color: var(--dropdown-borderColor-hover);\n}\n\n.saltDropdown:focus .saltDropdown-activationIndicator,\n.saltDropdown:focus:hover .saltDropdown-activationIndicator {\n  border-bottom: var(--salt-size-fixed-200) var(--salt-borderStyle-solid) var(--dropdown-borderColor-active);\n}\n\n.saltDropdown[aria-readonly=\"true\"] .saltDropdown-activationIndicator,\n.saltDropdown[aria-readonly=\"true\"]:hover .saltDropdown-activationIndicator {\n  border-bottom-style: var(--salt-borderStyle-solid);\n  border-bottom-color: var(--salt-editable-borderColor-readonly);\n}\n\n.saltDropdown-disabled .saltDropdown-activationIndicator,\n.saltDropdown-disabled:hover .saltDropdown-activationIndicator {\n  border-bottom-style: var(--salt-borderStyle-solid);\n  border-bottom-color: var(--salt-editable-borderColor-disabled);\n}\n\n.saltDropdown-bordered .saltDropdown-activationIndicator,\n.saltDropdown-bordered.saltDropdown[aria-readonly=\"true\"] .saltDropdown-activationIndicator,\n.saltDropdown-bordered.saltDropdown-disabled:hover .saltDropdown-activationIndicator {\n  border-bottom-width: 0;\n}\n\n.saltDropdown-bordered.saltDropdown:focus .saltDropdown-activationIndicator {\n  /* Activation indicator width minus the border from the input. */\n  border-bottom-width: var(--salt-size-fixed-100);\n}\n\n.saltDropdown-primary {\n  --dropdown-color: var(--salt-content-primary-foreground);\n  --dropdown-background: var(--salt-editable-primary-background);\n  --dropdown-background-disabled: var(--salt-editable-primary-background-disabled);\n  --dropdown-background-readonly: var(--salt-editable-background-readonly);\n  --dropdown-borderColor: var(--salt-editable-borderColor);\n  --dropdown-borderColor-active: var(--salt-editable-borderColor-active);\n  --dropdown-borderColor-hover: var(--salt-editable-borderColor-hover);\n  --dropdown-outlineColor: var(--salt-focused-outlineColor);\n}\n\n.saltDropdown-secondary {\n  --dropdown-color: var(--salt-content-primary-foreground);\n  --dropdown-background: var(--salt-editable-secondary-background);\n  --dropdown-background-disabled: var(--salt-editable-secondary-background-disabled);\n  --dropdown-background-readonly: var(--salt-editable-background-readonly);\n  --dropdown-borderColor: var(--salt-editable-borderColor);\n  --dropdown-borderColor-active: var(--salt-editable-borderColor-active);\n  --dropdown-borderColor-hover: var(--salt-editable-borderColor-hover);\n  --dropdown-outlineColor: var(--salt-focused-outlineColor);\n}\n\n.saltDropdown-tertiary {\n  --dropdown-color: var(--salt-content-primary-foreground);\n  --dropdown-background: var(--salt-editable-tertiary-background);\n  --dropdown-background-disabled: var(--salt-editable-tertiary-background-disabled);\n  --dropdown-background-readonly: var(--salt-editable-background-readonly);\n  --dropdown-borderColor: var(--salt-editable-borderColor);\n  --dropdown-borderColor-active: var(--salt-editable-borderColor-active);\n  --dropdown-borderColor-hover: var(--salt-editable-borderColor-hover);\n  --dropdown-outlineColor: var(--salt-focused-outlineColor);\n}\n\n.saltDropdown-error {\n  --dropdown-color: var(--salt-content-primary-foreground);\n  --dropdown-background: var(--salt-status-error-background);\n  --dropdown-background-readonly: var(--salt-status-error-background);\n  --dropdown-borderColor: var(--salt-status-error-borderColor);\n  --dropdown-borderColor-active: var(--salt-status-error-borderColor);\n  --dropdown-borderColor-hover: var(--salt-status-error-borderColor);\n  --dropdown-outlineColor: var(--salt-status-error-borderColor);\n}\n\n.saltDropdown-warning {\n  --dropdown-color: var(--salt-content-primary-foreground);\n  --dropdown-background: var(--salt-status-warning-background);\n  --dropdown-background-readonly: var(--salt-status-warning-background);\n  --dropdown-borderColor: var(--salt-status-warning-borderColor);\n  --dropdown-borderColor-active: var(--salt-status-warning-borderColor);\n  --dropdown-borderColor-hover: var(--salt-status-warning-borderColor);\n  --dropdown-outlineColor: var(--salt-status-warning-borderColor);\n}\n\n.saltDropdown-success {\n  --dropdown-color: var(--salt-content-primary-foreground);\n  --dropdown-background: var(--salt-status-success-background);\n  --dropdown-background-readonly: var(--salt-status-success-background);\n  --dropdown-borderColor: var(--salt-status-success-borderColor);\n  --dropdown-borderColor-active: var(--salt-status-success-borderColor);\n  --dropdown-borderColor-hover: var(--salt-status-success-borderColor);\n  --dropdown-outlineColor: var(--salt-status-success-borderColor);\n}\n\n.saltDropdown:focus,\n.saltDropdown:focus:hover {\n  cursor: var(--salt-cursor-hover);\n  outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--dropdown-outlineColor);\n}\n\n.saltDropdown.saltDropdown[aria-readonly=\"true\"] {\n  background: var(--dropdown-background-readonly);\n  cursor: var(--salt-cursor-readonly);\n}\n\n.saltDropdown.saltDropdown:disabled,\n.saltDropdown.saltDropdown:disabled:hover {\n  background: var(--dropdown-background-disabled);\n  cursor: var(--salt-cursor-disabled);\n  color: var(--salt-content-primary-foreground-disabled);\n}\n\n.saltDropdown-content {\n  flex: 1;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  text-wrap: nowrap;\n}\n\n.saltDropdown-placeholder {\n  color: var(--salt-content-secondary-foreground);\n  font-weight: var(--salt-text-fontWeight-lighter);\n}\n\n.saltDropdown-startAdornmentContainer {\n  margin-right: var(--salt-spacing-100);\n}\n\n.saltDropdown .saltDropdown-toggle {\n  margin-left: var(--salt-spacing-100);\n}\n";
 
 export { css_248z as default };
 //# sourceMappingURL=Dropdown.css.js.map

package/dist-es/dropdown/Dropdown.js

@@ -150,7 +150,7 @@ const Dropdown = forwardRef(function Dropdown2(props, ref) {
   const handleTriggerRef = useForkRef(reference, buttonRef);
   const handleButtonRef = useForkRef(handleTriggerRef, ref);
   const typeaheadString = useRef("");
-  const typeaheadTimeout = useRef();
+  const typeaheadTimeout = useRef(void 0);
   const handleTypeahead = (event) => {
     if (typeaheadTimeout.current) {
       clearTimeout(typeaheadTimeout.current);