@sanity/ui 2.4.0 → 2.6.0

package/dist/index.d.mts

@@ -189,6 +189,8 @@ export declare interface AutocompleteProps<
   onSelect?: (value: string) => void
   /** @beta */
   openButton?: boolean | AutocompleteOpenButtonProps
+  /** @beta */
+  openOnFocus?: boolean
   /** The options to render. */
   options?: Option[]
   padding?: number | number[]
@@ -2121,6 +2123,10 @@ export declare const TextArea: ForwardRefExoticComponent<
  * @public
  */
 export declare interface TextAreaProps extends ResponsiveRadiusProps {
+  /**
+   * @beta
+   */
+  __unstable_disableFocusRing?: boolean
   border?: boolean
   customValidity?: string
   fontSize?: number | number[]

package/dist/index.d.ts

@@ -189,6 +189,8 @@ export declare interface AutocompleteProps<
   onSelect?: (value: string) => void
   /** @beta */
   openButton?: boolean | AutocompleteOpenButtonProps
+  /** @beta */
+  openOnFocus?: boolean
   /** The options to render. */
   options?: Option[]
   padding?: number | number[]
@@ -2121,6 +2123,10 @@ export declare const TextArea: ForwardRefExoticComponent<
  * @public
  */
 export declare interface TextAreaProps extends ResponsiveRadiusProps {
+  /**
+   * @beta
+   */
+  __unstable_disableFocusRing?: boolean
   border?: boolean
   customValidity?: string
   fontSize?: number | number[]

package/dist/index.esm.js

@@ -3986,6 +3986,7 @@ const Root$d = styled.span(switchBaseStyles), Input$2 = styled.input(switchInput
     padding = 3,
     radius = 2,
     weight,
+    __unstable_disableFocusRing,
     ...restProps
   } = props, ref = useRef(null), rootTheme = useRootTheme();
   return useImperativeHandle(
@@ -4013,6 +4014,7 @@ const Root$d = styled.span(switchBaseStyles), Input$2 = styled.input(switchInput
       Presentation$1,
       {
         $radius: useArrayProp(radius),
+        $unstableDisableFocusRing: __unstable_disableFocusRing,
         $scheme: rootTheme.scheme,
         $tone: rootTheme.tone,
         "data-border": border2 ? "" : void 0,
@@ -4620,6 +4622,7 @@ const AUTOCOMPLETE_LISTBOX_IGNORE_KEYS = [
     onQueryChange,
     onSelect,
     openButton,
+    openOnFocus,
     options: optionsProp,
     padding: paddingProp = 3,
     popover = EMPTY_RECORD,
@@ -4715,11 +4718,16 @@ const AUTOCOMPLETE_LISTBOX_IGNORE_KEYS = [
       dispatch({ type: "input/change", query: nextQuery }), onQueryChange && onQueryChange(nextQuery);
     },
     [onQueryChange]
-  ), handleInputFocus = useCallback(
+  ), dispatchOpen = useCallback(() => {
+    dispatch({
+      type: "root/open",
+      query: value ? renderValue(value, currentOption) : ""
+    });
+  }, [currentOption, renderValue, value]), handleInputFocus = 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 = useCallback(() => {
     popoverMouseWithinRef.current = !0;
   }, []), handlePopoverMouseLeave = useCallback(() => {
@@ -4765,15 +4773,12 @@ const AUTOCOMPLETE_LISTBOX_IGNORE_KEYS = [
     [openButton]
   ), handleOpenClick = 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 = useMemo(
     () => !disabled && !readOnly && openButton ? /* @__PURE__ */ jsx(Box, { "aria-hidden": expanded, padding: openButtonBoxPadding, children: /* @__PURE__ */ jsx(
       Button,