@sanity/ui 2.4.0 → 2.6.0

package/dist/index.js

@@ -3982,6 +3982,7 @@ const Root$d = styledComponents.styled.span(switchBaseStyles), Input$2 = styledC
     padding = 3,
     radius = 2,
     weight,
+    __unstable_disableFocusRing,
     ...restProps
   } = props, ref = react.useRef(null), rootTheme = useRootTheme();
   return react.useImperativeHandle(
@@ -4009,6 +4010,7 @@ const Root$d = styledComponents.styled.span(switchBaseStyles), Input$2 = styledC
       Presentation$1,
       {
         $radius: useArrayProp(radius),
+        $unstableDisableFocusRing: __unstable_disableFocusRing,
         $scheme: rootTheme.scheme,
         $tone: rootTheme.tone,
         "data-border": border2 ? "" : void 0,
@@ -4616,6 +4618,7 @@ const AUTOCOMPLETE_LISTBOX_IGNORE_KEYS = [
     onQueryChange,
     onSelect,
     openButton,
+    openOnFocus,
     options: optionsProp,
     padding: paddingProp = 3,
     popover = EMPTY_RECORD,
@@ -4711,11 +4714,16 @@ const AUTOCOMPLETE_LISTBOX_IGNORE_KEYS = [
       dispatch({ type: "input/change", query: nextQuery }), onQueryChange && onQueryChange(nextQuery);
     },
     [onQueryChange]
-  ), handleInputFocus = react.useCallback(
+  ), dispatchOpen = react.useCallback(() => {
+    dispatch({
+      type: "root/open",
+      query: value ? renderValue(value, currentOption) : ""
+    });
+  }, [currentOption, renderValue, value]), handleInputFocus = react.useCallback(
     (event) => {
-      focused || (dispatch({ type: "input/focus" }), onFocus && onFocus(event));
+      focused || (dispatch({ type: "input/focus" }), onFocus && onFocus(event), openOnFocus && dispatchOpen());
     },
-    [focused, onFocus]
+    [focused, onFocus, openOnFocus, dispatchOpen]
   ), handlePopoverMouseEnter = react.useCallback(() => {
     popoverMouseWithinRef.current = !0;
   }, []), handlePopoverMouseLeave = react.useCallback(() => {
@@ -4761,15 +4769,12 @@ const AUTOCOMPLETE_LISTBOX_IGNORE_KEYS = [
     [openButton]
   ), handleOpenClick = react.useCallback(
     (event) => {
-      dispatch({
-        type: "root/open",
-        query: value ? renderValue(value, currentOption) : ""
-      }), openButtonProps.onClick && openButtonProps.onClick(event), _raf(() => {
+      dispatchOpen(), openButtonProps.onClick && openButtonProps.onClick(event), _raf(() => {
         var _a;
         return (_a = inputElementRef.current) == null ? void 0 : _a.focus();
       });
     },
-    [currentOption, openButtonProps, renderValue, value]
+    [openButtonProps, dispatchOpen]
   ), openButtonNode = react.useMemo(
     () => !disabled && !readOnly && openButton ? /* @__PURE__ */ jsxRuntime.jsx(Box, { "aria-hidden": expanded, padding: openButtonBoxPadding, children: /* @__PURE__ */ jsxRuntime.jsx(
       Button,