update to base ui 1.2.0

Author: carlosabadia

reflex_ui/components/base/checkbox.py

@@ -85,6 +85,10 @@ class CheckboxIndicator(CheckboxBaseComponent):
 
     tag = "Checkbox.Indicator"
 
+    # Whether to keep the HTML element in the DOM when the checkbox is unchecked.
+    # When False, allows exit animations on the indicator. Defaults to True.
+    keep_mounted: Var[bool]
+
     @classmethod
     def create(cls, *children, **props) -> BaseUIComponent:
         """Create the checkbox indicator component."""

reflex_ui/components/base/checkbox.pyi

@@ -128,6 +128,7 @@ class CheckboxIndicator(CheckboxBaseComponent):
     def create(
         cls,
         *children,
+        keep_mounted: Var[bool] | bool | None = None,
         unstyled: Var[bool] | bool | None = None,
         style: Sequence[Mapping[str, Any]]
         | Mapping[str, Any]

reflex_ui/components/base/menu.py

@@ -270,6 +270,34 @@ def create(cls, *children, **props) -> BaseUIComponent:
         return super().create(*children, **props)
 
 
+class MenuLinkItem(MenuBaseComponent):
+    """A menu item that renders as a link. Renders an <a> element."""
+
+    tag = "Menu.LinkItem"
+
+    # Overrides the text label to use when the item is matched during keyboard text navigation.
+    label: Var[str]
+
+    # The URL the link points to.
+    href: Var[str]
+
+    # Whether to close the menu when the item is clicked. Defaults to True.
+    close_on_click: Var[bool]
+
+    # Whether the component should ignore user interaction. Defaults to False.
+    disabled: Var[bool]
+
+    # The render prop.
+    render_: Var[Component]
+
+    @classmethod
+    def create(cls, *children, **props) -> BaseUIComponent:
+        """Create the menu link item component."""
+        props["data-slot"] = "menu-link-item"
+        cls.set_class_name(ClassNames.ITEM, props)
+        return super().create(*children, **props)
+
+
 class MenuSubMenuRoot(MenuBaseComponent):
     """Groups all parts of a submenu. Doesn't render its own HTML element."""
 
@@ -664,6 +692,7 @@ class Menu(ComponentNamespace):
     popup = staticmethod(MenuPopup.create)
     arrow = staticmethod(MenuArrow.create)
     item = staticmethod(MenuItem.create)
+    link_item = staticmethod(MenuLinkItem.create)
     separator = staticmethod(MenuSeparator.create)
     group = staticmethod(MenuGroup.create)
     group_label = staticmethod(MenuGroupLabel.create)

reflex_ui/components/base/menu.pyi

@@ -407,6 +407,47 @@ class MenuItem(MenuBaseComponent):
     ) -> MenuItem:
         """Create the menu item component."""
 
+class MenuLinkItem(MenuBaseComponent):
+    @classmethod
+    def create(
+        cls,
+        *children,
+        label: Var[str] | str | None = None,
+        href: Var[str] | str | None = None,
+        close_on_click: Var[bool] | bool | None = None,
+        disabled: Var[bool] | bool | None = None,
+        render_: Component | Var[Component] | None = None,
+        unstyled: Var[bool] | bool | None = None,
+        style: Sequence[Mapping[str, Any]]
+        | Mapping[str, Any]
+        | Var[Mapping[str, Any]]
+        | Breakpoints
+        | None = None,
+        key: Any | None = None,
+        id: Any | None = None,
+        ref: Var | None = None,
+        class_name: Any | None = None,
+        custom_attrs: dict[str, Var | Any] | None = None,
+        on_blur: EventType[()] | None = None,
+        on_click: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_context_menu: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_double_click: EventType[()] | EventType[PointerEventInfo] | None = None,
+        on_focus: EventType[()] | None = None,
+        on_mount: EventType[()] | None = None,
+        on_mouse_down: EventType[()] | None = None,
+        on_mouse_enter: EventType[()] | None = None,
+        on_mouse_leave: EventType[()] | None = None,
+        on_mouse_move: EventType[()] | None = None,
+        on_mouse_out: EventType[()] | None = None,
+        on_mouse_over: EventType[()] | None = None,
+        on_mouse_up: EventType[()] | None = None,
+        on_scroll: EventType[()] | None = None,
+        on_scroll_end: EventType[()] | None = None,
+        on_unmount: EventType[()] | None = None,
+        **props,
+    ) -> MenuLinkItem:
+        """Create the menu link item component."""
+
 class MenuSubMenuRoot(MenuBaseComponent):
     @classmethod
     def create(
@@ -918,6 +959,7 @@ class Menu(ComponentNamespace):
     popup = staticmethod(MenuPopup.create)
     arrow = staticmethod(MenuArrow.create)
     item = staticmethod(MenuItem.create)
+    link_item = staticmethod(MenuLinkItem.create)
     separator = staticmethod(MenuSeparator.create)
     group = staticmethod(MenuGroup.create)
     group_label = staticmethod(MenuGroupLabel.create)

reflex_ui/components/base/navigation_menu.py

@@ -140,6 +140,9 @@ class NavigationMenuContent(NavigationMenuBaseComponent):
 
     tag = "NavigationMenu.Content"
 
+    # Whether to keep the HTML element in the DOM while the content is hidden. Defaults to False.
+    keep_mounted: Var[bool]
+
     # The render prop.
     render_: Var[Component]
 

reflex_ui/components/base/navigation_menu.pyi

@@ -254,6 +254,7 @@ class NavigationMenuContent(NavigationMenuBaseComponent):
     def create(
         cls,
         *children,
+        keep_mounted: Var[bool] | bool | None = None,
         render_: Component | Var[Component] | None = None,
         unstyled: Var[bool] | bool | None = None,
         style: Sequence[Mapping[str, Any]]

reflex_ui/components/base/select.py

@@ -125,6 +125,9 @@ class SelectRoot(SelectBaseComponent):
     # A ref to access the hidden input element.
     input_ref: Var[Any]
 
+    # Enables explicit browser autofill support. Useful for select components that are part of a form.
+    auto_complete: Var[str]
+
     @classmethod
     def create(cls, *children, **props) -> BaseUIComponent:
         """Create the select root component."""
@@ -250,6 +253,9 @@ class SelectPopup(SelectBaseComponent):
 
     tag = "Select.Popup"
 
+    # Determines the element to focus when the select popup is closed. By default, focus returns to the trigger.
+    final_focus: Var[str]
+
     # The render prop
     render_: Var[Component]
 

reflex_ui/components/base/select.pyi

@@ -109,6 +109,7 @@ class SelectRoot(SelectBaseComponent):
         read_only: Var[bool] | bool | None = None,
         required: Var[bool] | bool | None = None,
         input_ref: Any | Var[Any] | None = None,
+        auto_complete: Var[str] | str | None = None,
         unstyled: Var[bool] | bool | None = None,
         style: Sequence[Mapping[str, Any]]
         | Mapping[str, Any]
@@ -385,6 +386,7 @@ class SelectPopup(SelectBaseComponent):
     def create(
         cls,
         *children,
+        final_focus: Var[str] | str | None = None,
         render_: Component | Var[Component] | None = None,
         unstyled: Var[bool] | bool | None = None,
         style: Sequence[Mapping[str, Any]]
@@ -858,6 +860,7 @@ class HighLevelSelect(SelectRoot):
         read_only: Var[bool] | bool | None = None,
         required: Var[bool] | bool | None = None,
         input_ref: Any | Var[Any] | None = None,
+        auto_complete: Var[str] | str | None = None,
         unstyled: Var[bool] | bool | None = None,
         style: Sequence[Mapping[str, Any]]
         | Mapping[str, Any]
@@ -915,6 +918,7 @@ class HighLevelSelect(SelectRoot):
             read_only: Whether the user should be unable to choose a different option from the select popup. Defaults to False.
             required: Whether the user must choose a value before submitting a form. Defaults to False.
             input_ref: A ref to access the hidden input element.
+            auto_complete: Enables explicit browser autofill support. Useful for select components that are part of a form.
             unstyled: Whether the component should be unstyled
             style: The style of the component.
             key: A unique key for the component.
@@ -972,6 +976,7 @@ class Select(ComponentNamespace):
         read_only: Var[bool] | bool | None = None,
         required: Var[bool] | bool | None = None,
         input_ref: Any | Var[Any] | None = None,
+        auto_complete: Var[str] | str | None = None,
         unstyled: Var[bool] | bool | None = None,
         style: Sequence[Mapping[str, Any]]
         | Mapping[str, Any]
@@ -1029,6 +1034,7 @@ class Select(ComponentNamespace):
             read_only: Whether the user should be unable to choose a different option from the select popup. Defaults to False.
             required: Whether the user must choose a value before submitting a form. Defaults to False.
             input_ref: A ref to access the hidden input element.
+            auto_complete: Enables explicit browser autofill support. Useful for select components that are part of a form.
             unstyled: Whether the component should be unstyled
             style: The style of the component.
             key: A unique key for the component.

reflex_ui/components/base_ui.py

@@ -5,7 +5,7 @@
 from reflex_ui.components.component import CoreComponent
 
 PACKAGE_NAME = "@base-ui/react"
-PACKAGE_VERSION = "1.1.0"
+PACKAGE_VERSION = "1.2.0"
 
 
 class BaseUIComponent(CoreComponent):

reflex_ui/components/base_ui.pyi

@@ -13,7 +13,7 @@ from reflex.vars.base import Var
 from reflex_ui.components.component import CoreComponent
 
 PACKAGE_NAME = "@base-ui/react"
-PACKAGE_VERSION = "1.1.0"
+PACKAGE_VERSION = "1.2.0"
 
 class BaseUIComponent(CoreComponent):
     @classmethod