ex4nicegui 0.8.3__py3-none-any.whl → 0.8.5__py3-none-any.whl

ex4nicegui/toolbox/core/vue_use.py

@@ -0,0 +1,32 @@
+from typing import Any, Callable, Dict, List, Optional
+from nicegui.element import Element
+from collections import defaultdict
+
+
+class VueUse(Element, component="VueUse.js"):
+    def __init__(
+        self,
+        method: str,
+        args: Optional[List[Any]] = None,
+    ) -> None:
+        super().__init__()
+
+        self._props["method"] = method
+        self._props["args"] = args
+
+        self.__on_events: defaultdict[str, List[Callable]] = defaultdict(list)
+
+        def on_change(e):
+            event_name = e.args["eventName"]
+            value = e.args["value"]
+
+            self.trigger_event(event_name, value)
+
+        self.on("change", on_change)
+
+    def on_event(self, event_name: str, callback: Callable) -> None:
+        self.__on_events[event_name].append(callback)
+
+    def trigger_event(self, event_name: str, value: Any) -> None:
+        for callback in self.__on_events[event_name]:
+            callback(value)

ex4nicegui/toolbox/functions/breakpoint.py

@@ -0,0 +1,114 @@
+from __future__ import annotations
+from typing import Callable, Dict, List, Optional
+from ex4nicegui.utils.signals import to_ref, ref_computed
+from ex4nicegui.utils.types import ReadonlyRef
+from ex4nicegui.toolbox.core.vue_use import VueUse
+
+
+_QUASAR_BREAKPOINTS = {"xs": 0, "sm": 600, "md": 1024, "lg": 1440, "xl": 1920}
+
+
+class UseBreakpoints:
+    def __init__(
+        self,
+        options: Optional[Dict] = None,
+        *,
+        on_active_change: Optional[Callable[[str], None]] = None,
+    ):
+        """monitor viewport breakpoints.
+
+        @see - https://github.com/CrystalWindSnake/ex4nicegui/blob/main/README.en.md#use_breakpoints
+
+        @中文文档 - https://gitee.com/carson_add/ex4nicegui/tree/main/#use_breakpoints
+
+        Args:
+            options (Optional[Dict], optional): the configuration for each breakpoint. The default is the configuration from Quasar v3. Defaults to None.
+            on_active_change (Optional[Callable[[str], None]], optional): callback function to be called when the breakpoint changes. Defaults to None.
+
+        Example:
+        .. code-block:: python
+            from ex4nicegui import toolbox as tb
+
+            options = {"mobile": 0, "tablet": 640, "laptop": 1024, "desktop": 1280}
+            tb.use_breakpoints(options, on_active_change=lambda breakpoint: print(breakpoint))
+
+        """
+        self.__options = (options or _QUASAR_BREAKPOINTS).copy()
+
+        self.__vue_use = VueUse("useBreakpoints", args=[self.__options])
+
+        self.__active_value = ""
+
+        def mouted(value: str):
+            self.__active_value = value
+
+        self.__active_ref: Optional[ReadonlyRef[str]] = None
+        self.__on_active_change_with_mounted(mouted)
+
+        if on_active_change:
+            self.on_active_change(on_active_change)
+
+    @property
+    def active_value(self) -> str:
+        """the current breakpoint value."""
+        return self.__active_value
+
+    @property
+    def active(self):
+        """the current breakpoint value as a ref."""
+        if self.__active_ref is None:
+            active = to_ref(self.__active_value)
+
+            self.__on_active_change_with_mounted(lambda value: active.set_value(value))
+            self.__active_ref = ref_computed(lambda: active.value)
+
+        return self.__active_ref
+
+    def between(self, start: str, end: str) -> ReadonlyRef[bool]:
+        """whether the current breakpoint is between the start and end values."""
+
+        @ref_computed
+        def between_result():
+            return _Utils.is_between(
+                list(self.__options.keys()), self.active.value, start, end
+            )
+
+        return between_result
+
+    def is_between(self, start: str, end: str) -> bool:
+        """whether the current breakpoint is between the start and end values.
+
+        Args:
+            start (str): Detect the start value of the range.
+            end (str): Detect the end value of the range. not including.
+
+        Returns:
+            bool: True or False
+        """
+        return _Utils.is_between(
+            list(self.__options.keys()), self.active_value, start, end
+        )
+
+    def on_active_change(self, callback: Callable[[str], None]):
+        """register a callback function to be called when the breakpoint changes.
+
+        Args:
+            callback (Callable[[str], None]): the callback function to be called.
+        """
+        self.__vue_use.on_event("active", callback)
+
+    def __on_active_change_with_mounted(self, callback: Callable[[str], None]):
+        self.__vue_use.on_event("activeWithMounted", callback)
+
+
+class _Utils:
+    @staticmethod
+    def is_between(ranges: List[str], current: str, start: str, end: str) -> bool:
+        try:
+            current_index = ranges.index(current)
+            start_index = ranges.index(start)
+            end_index = ranges.index(end)
+
+            return start_index <= current_index < end_index
+        except ValueError:
+            return False

ex4nicegui/toolbox/functions/dark.py

@@ -0,0 +1,97 @@
+from __future__ import annotations
+from typing import Callable, Optional, TypedDict
+from ex4nicegui.toolbox.core.vue_use import VueUse
+from ex4nicegui.utils.signals import to_ref, ref_computed
+
+
+_QUASAR_DARK_OPTIONS: UseDarkOptions = {
+    "selector": "body",
+    "attribute": "class",
+    "valueDark": "body--dark dark",
+    "valueLight": "body--light",
+}
+
+
+class UseDarkOptions(TypedDict):
+    selector: str
+    attribute: str
+    valueDark: str
+    valueLight: str
+
+
+class UseDark:
+    def __init__(
+        self,
+        value: bool = True,
+        *,
+        options: Optional[UseDarkOptions] = None,
+        on_value_change: Optional[Callable[[bool], None]] = None,
+    ):
+        """Dark mode manager
+
+        @see - https://github.com/CrystalWindSnake/ex4nicegui/blob/main/README.en.md#use_dark
+
+        @中文文档 - https://gitee.com/carson_add/ex4nicegui/tree/main/#use_dark
+
+        Args:
+            value (bool, optional): Dark mode value. Defaults to True.
+            options (Optional[UseDarkOptions], optional): Options for dark mode manager. Defaults from Quasar dark mode manager.
+            on_value_change (Optional[Callable[[bool], None]], optional): Callback function when dark mode value changes. Defaults to None.
+
+        Example:
+        .. code-block:: python
+            from ex4nicegui import rxui, toolbox as tb
+            from nicegui import ui
+
+            dark = tb.use_dark()
+
+            rxui.label(lambda: f"Dark mode: {dark.value}")
+            rxui.button(
+                icon=lambda: "sunny" if dark.value else "dark_mode",
+                color=lambda: "red" if dark.value else "blue",
+                on_click=dark.toggle,
+            ).props("flat round")
+
+        """
+        options = options or _QUASAR_DARK_OPTIONS
+
+        self.__vue_use = VueUse("useDark", args=[options, value])
+
+        if on_value_change:
+            self.on_value_change(on_value_change)
+
+        self.__is_dark = to_ref(value)
+        self.__is_dark_computed = ref_computed(lambda: self.__is_dark.value)
+
+        @self.__on_value_change_with_mounted
+        def _(is_dark: bool):
+            self.__is_dark.value = is_dark
+
+    @property
+    def is_dark(self):
+        """Dark mode value computed property."""
+        return self.__is_dark_computed
+
+    @property
+    def value(self) -> bool:
+        """Dark mode value"""
+        return self.__is_dark.value
+
+    def on_value_change(self, callback: Callable[[bool], None]):
+        """Callback function when dark mode value changes
+
+        Args:
+            callback (Callable[[bool], None]): Callback function.
+        """
+        self.__vue_use.on_event("isDark", callback)
+
+    def toggle(self, value: Optional[bool] = None):
+        """Toggle dark mode
+
+        Args:
+            value (Optional[bool], optional):  Dark mode value. Defaults to None.
+        """
+        self.__vue_use.run_method("toggleDark", value)
+
+    def __on_value_change_with_mounted(self, callback: Callable[[bool], None]):
+        self.__vue_use.on_event("isDarkWithMounted", callback)

ex4nicegui/toolbox/functions/qr_code.py

@@ -0,0 +1,83 @@
+from typing import Callable, Optional
+from ex4nicegui.toolbox.core.vue_use import VueUse
+from ex4nicegui.utils.signals import (
+    to_value,
+    TMaybeRef,
+    is_ref,
+    on,
+    to_ref,
+    ref_computed,
+)
+
+
+class UseQRCode:
+    def __init__(
+        self,
+        text: TMaybeRef[str],
+        *,
+        on_data_change: Optional[Callable[[str], None]] = None,
+    ):
+        """Create a QR code.
+
+        @see - https://github.com/CrystalWindSnake/ex4nicegui/blob/main/README.en.md#use_qr_code
+
+        @中文文档 - https://gitee.com/carson_add/ex4nicegui/tree/main/#use_qr_code
+
+        Args:
+            text (TMaybeRef[str]): The text to be encoded in the QR code.
+            on_data_change (Optional[Callable[[str], None]], optional): Callback function when qr code changes. Defaults to None.
+
+        Example:
+        .. code-block:: python
+            from ex4nicegui import rxui, to_ref, toolbox as tb
+            from nicegui import ui
+
+            text = to_ref("ex4nicegui")
+            qr_code = tb.use_qr_code(text)
+
+            rxui.input(value=text)
+            rxui.image(qr_code.code).classes("w-20 h-20").props("no-transition")
+        """
+
+        self.__vue_use = VueUse("useQRCode", args=[to_value(text)])
+
+        if on_data_change:
+            self.on_data_change(on_data_change)
+
+        self.__text = text
+        self.__qr_code = to_ref("")
+        self.code = ref_computed(lambda: self.__qr_code.value)
+
+        if is_ref(self.__text):
+
+            @on(self.__text, onchanges=True)
+            def _():
+                self.update_text(to_value(self.__text))
+
+            @self.on_data_change
+            def _on_data_change(data: str):
+                self.__qr_code.value = data
+
+    async def get_qr_code(self) -> str:
+        """Get the QR code data.
+
+        Returns:
+            str: The QR code data.
+        """
+        return await self.__vue_use.run_method("getQRCode")
+
+    def update_text(self, text: str):
+        """Update the text to be encoded in the QR code.
+
+        Args:
+            text (str): The new text to be encoded in the QR code.
+        """
+        self.__vue_use.run_method("updateText", text)
+
+    def on_data_change(self, callback: Callable[[str], None]):
+        """Callback function when qr code changes.
+
+        Args:
+            callback (Callable[[bool], None]): Callback function.
+        """
+        self.__vue_use.on_event("qrcode", callback)

{ex4nicegui-0.8.3.dist-info → ex4nicegui-0.8.5.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.1
 Name: ex4nicegui
-Version: 0.8.3
+Version: 0.8.5
 Summary: Extension library based on nicegui, providing data responsive,BI functionality modules
 Home-page: https://github.com/CrystalWindSnake/ex4nicegui
 License: MIT
@@ -466,6 +466,10 @@ class MyApp(rxui.ViewModel):
       - [ui\_select](#ui_select)
       - [ui\_table](#ui_table)
       - [ui\_aggrid](#ui_aggrid)
+    - [toolbox](#toolbox)
+      - [use\_dark](#use_dark)
+      - [use\_breakpoints](#use_breakpoints)
+      - [use\_qr\_code](#use_qr_code)
 
 ---
 
@@ -1799,3 +1803,86 @@ source.ui_aggrid(
 
 
 
+
+### toolbox
+
+`toolbox` 模块提供了一些常用的工具函数。
+
+```python
+from ex4nicegui import toolbox
+```
+
+#### use_dark
+
+切换暗模式
+
+```python
+from ex4nicegui import rxui, toolbox as tb
+from nicegui import ui
+
+
+dark = tb.use_dark(False)
+
+rxui.label(lambda: f"暗模式: {dark.value}")
+rxui.button(
+    icon=lambda: "sunny" if dark.value else "dark_mode",
+    color=lambda: "red" if dark.value else "blue",
+    on_click=dark.toggle,
+).props("flat round")
+
+```
+
+#### use_breakpoints
+
+响应式断点
+
+```python
+from ex4nicegui import rxui, toolbox as tb
+from nicegui import ui
+
+
+options = {"手机": 0, "平板": 640, "笔记本": 1024, "桌面": 1280}
+bp = tb.use_breakpoints(options)
+active = bp.active
+is_between = bp.between("手机", "笔记本")
+
+with ui.card():
+    rxui.label(lambda: f"当前断点: {active.value}")
+    rxui.label(lambda: f"是否在手机-笔记本(不含)之间: {is_between.value}").bind_classes(
+        {"text-red-500": is_between}
+    )
+
+    rxui.label(lambda: f'手机(0px - 640px): {active.value == "手机"}').bind_classes(
+        {"bg-red-300": lambda: active.value == "手机"}
+    )
+    rxui.label(lambda: f'平板(640px - 1024px): {active.value == "平板"}').bind_classes(
+        {"bg-red-300": lambda: active.value == "平板"}
+    )
+    rxui.label(
+        lambda: f'笔记本(1024px - 1280px): {active.value == "笔记本"}'
+    ).bind_classes({"bg-red-300": lambda: active.value == "笔记本"})
+    rxui.label(lambda: f'桌面(1280px+): {active.value == "桌面"}').bind_classes(
+        {"bg-red-300": lambda: active.value == "桌面"}
+    )
+
+
+```
+
+
+#### use_qr_code
+
+生成二维码
+
+```python
+from ex4nicegui import rxui, to_ref, toolbox as tb
+from nicegui import ui
+
+
+text = to_ref("ex4nicegui")
+qr_code = tb.use_qr_code(text)
+
+rxui.input(value=text)
+rxui.image(qr_code.code).classes("w-20 h-20").props("no-transition")
+```
+
+

{ex4nicegui-0.8.3.dist-info → ex4nicegui-0.8.5.dist-info}/RECORD

@@ -70,16 +70,16 @@ ex4nicegui/libs/gsap/utils/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJ
 ex4nicegui/libs/gsap/utils/matrix.js,sha256=77scrxbQZXx4ex5HkvnT9IkhMG1rQoDNp4TSYgUeYVk,15235
 ex4nicegui/libs/gsap/utils/paths.js,sha256=2SPaRHQ7zgba9cH8hGhkTYPCZdrrEhE2qhh6ECAEvSA,49314
 ex4nicegui/libs/gsap/utils/strings.js,sha256=47G9slz5ltG9mDSwrfQDtWzzdV5QJ-AIMLRMNK0VSiM,10472
-ex4nicegui/reactive/__init__.py,sha256=_VDZ79Gp9lo2NlaKKKT6rvrMWVNkUzTBHQnn0e6Q8Gk,4374
-ex4nicegui/reactive/base.py,sha256=aaNgolaDQMuMy_c2XCAtdRpOSXsn2engdJZoWqj9WU8,15926
+ex4nicegui/reactive/__init__.py,sha256=I5GhhBCPBIVj3vhLE7Zf_UpjIK7ZOwCFFCC3YNPE4Rs,4668
+ex4nicegui/reactive/base.py,sha256=CQmWhrKHNMF2ql7O6VOKEOBdEcc3-yagOcERpnUPYus,16323
 ex4nicegui/reactive/deferredTask.py,sha256=g78TTG1EIkBxjPih01xmrCZw9OxQG93veSVSELWKfcU,987
 ex4nicegui/reactive/dropZone/dropZone.js,sha256=7rSpFJX-Fk_W_NGZhOTyuEw0bzR-YUc8ZYPzQG9KzE0,2713
 ex4nicegui/reactive/dropZone/dropZone.py,sha256=hg9UKTayff8v8Ek-n38h_3wX1Qmiotvdyv1Hsqilh5Y,2590
 ex4nicegui/reactive/EChartsComponent/ECharts.js,sha256=K9sX34SMnghwDMCkl-IA7WsntxyryeRsboihkIwDb84,3852
 ex4nicegui/reactive/EChartsComponent/ECharts.py,sha256=jLRdKqJWCtKHzNlFAX9ePAmzP1WSXRzBQAO0KHHkfBA,4258
-ex4nicegui/reactive/EChartsComponent/events.py,sha256=_BtmLRcAIZciDQT5i1eFc-r3e0pBnAabW1BSl6uzhCc,570
+ex4nicegui/reactive/EChartsComponent/events.py,sha256=ln10cNw5ODiSmdKVi6KBZ6JMR3YIZ6itYZcMgNAlKhA,741
 ex4nicegui/reactive/EChartsComponent/types.py,sha256=_7AekG0IyzRpDEBZMtKRiZ3o3dUCcn6btegBk8c9Fig,1001
-ex4nicegui/reactive/EChartsComponent/utils.py,sha256=a5r2fghC6IIZbyfUUR8TEkpLj9HPbcf8QHEBatXaL2M,1463
+ex4nicegui/reactive/EChartsComponent/utils.py,sha256=HIhaHZfOt3FSLX-Dk9poDnhqBFtNI9gOR_CCQlx9giw,1036
 ex4nicegui/reactive/empty.js,sha256=Y-caS4CN8jUq59LgGgcvgfkndze-RgWF_ZMmAcxOrbw,50
 ex4nicegui/reactive/empty.py,sha256=kB851B12V1_VCNsFKW6OmjcdIiuZqGEGjLgA6k6yug8,132
 ex4nicegui/reactive/fileWatcher.py,sha256=gjeZhgar02f-qGQa47Tj5SMaCP_ftRtSU898XUmXl1U,1472
@@ -113,15 +113,17 @@ ex4nicegui/reactive/officials/html.js,sha256=lyvRAdMKZGOc7MPEapeU6WbOzq_MVzqzUJE
 ex4nicegui/reactive/officials/html.py,sha256=XrOpGoAJDo8dtTnZVLSmi7H5iHffmYpeZ94lXxHjBwI,629
 ex4nicegui/reactive/officials/icon.py,sha256=Um1yS681pcbsZ4o7GU_2w1NCfwFVXNu1a4asB2hzYUg,1374
 ex4nicegui/reactive/officials/image.py,sha256=ySu2gqVQIuLMUTItcp233Iqnx86P0q0MU8EVq07yuMk,1141
-ex4nicegui/reactive/officials/input.py,sha256=TuoPaicDkcdOF58THwNxfqDNlShQF-tDjPLoEv1YVhk,4069
+ex4nicegui/reactive/officials/input.py,sha256=IWjtWg3qxgnMw4CG1RztKHM6P-_Kb7xCYT9BEaJ9WNc,4816
 ex4nicegui/reactive/officials/knob.py,sha256=TPKrquOBD9fBI9aBipE0qYy22dQJCcX9wNZQGplRs8M,2227
 ex4nicegui/reactive/officials/label.py,sha256=kCair4NpFB7bvsPukMFcDBqDXk2BxOLzBQXSNx5EWuw,1428
 ex4nicegui/reactive/officials/linear_progress.py,sha256=T-z8_68FxSwdFH0hBFMA2X0JEeLoVFpJyya5RHlf7U8,2045
 ex4nicegui/reactive/officials/number.py,sha256=L_uMY-t5SONENI3b44DjSi7JwcdfYAldGZCvqX1h6Dw,2796
-ex4nicegui/reactive/officials/radio.py,sha256=l_PnmnirZ1_CYA0_jxbDfSVgM7m4NHzNOnCrNRyAmfI,1889
+ex4nicegui/reactive/officials/radio.py,sha256=QutXtEwtwqhWc3GKuBUotmpt0cbo3bEPHS4LMG2ORtM,2249
+ex4nicegui/reactive/officials/range.py,sha256=cyyJNRZEpUo4nanBS_0wDH7Kt5riDbDbu9EENYUuq80,3166
 ex4nicegui/reactive/officials/row.py,sha256=ZWJnb6nC9XMfmRmzeVKnHwUnxrCpbxaEBJ3lSVj5m5s,1384
-ex4nicegui/reactive/officials/select.py,sha256=pS9feUPcePIMxOTw4cZSKEIPAHf8G_CrkfNVSLkYY-Q,3130
+ex4nicegui/reactive/officials/select.py,sha256=HqaltQJ9cqhWpXkI2d5Yi9h8cqOGYTZB9hHU7RiitrE,3035
 ex4nicegui/reactive/officials/slider.py,sha256=9pA7CHlfkKY-kLQGWn4VOnMa2-tXHI04R1YA4xENIWI,2871
+ex4nicegui/reactive/officials/spinner.py,sha256=OULF1DWK3vHE87NPV128HJXX2Rpo7jS1vutmO9Z1Vnk,1373
 ex4nicegui/reactive/officials/switch.py,sha256=XMUdOVP357gGVNU_tjrBtxw5Xuk5MyhLhHI-6sTtCcc,1456
 ex4nicegui/reactive/officials/tab.py,sha256=nyB7Ksc_tWG-RaAXiu3TTIJvkNeSa9AZdwHXuL2SsOE,1433
 ex4nicegui/reactive/officials/tab_panel.py,sha256=yRgQBSCbrkcw59M8HlIWc2GaXhqC4awRQlYug0AkBtE,2501
@@ -129,8 +131,9 @@ ex4nicegui/reactive/officials/tab_panels.py,sha256=dN5anN03DlpDvkUP_QiY047i4mO7K
 ex4nicegui/reactive/officials/table.py,sha256=B_nX19UxwyxGKsxLuu2x4UNwxsapjTBw70RMBWDI8w0,6206
 ex4nicegui/reactive/officials/tabs.py,sha256=kvAXeZkgi8USCyxislvjPmmWofZ31DMfiHqEObANpYU,1247
 ex4nicegui/reactive/officials/textarea.py,sha256=_N6eDW_Cbn4Z4OEcjC4koHt0kEEaFEjDrLZ9Ju2NpsQ,3000
-ex4nicegui/reactive/officials/toggle.py,sha256=7Dc6IIYzgsTwThE0pZegOaVe9x_GgL7a2E6Hsiuc1lg,2740
+ex4nicegui/reactive/officials/toggle.py,sha256=qpTcoQHZ0Uw2OGRU6XIYP1SHJgXqB7giPQdMkd8jTNQ,2820
 ex4nicegui/reactive/officials/tooltip.py,sha256=lkDOf5Z6vpDsO9Y-nsRRwdhmYVFb9YrWv7lQUNY4_Ho,1136
+ex4nicegui/reactive/officials/tree.py,sha256=qNgAU8rPfORXlz432wZihWEEtuLrWp8SaBZKZJsYIU4,3684
 ex4nicegui/reactive/officials/upload.py,sha256=5SX2CFkf3s_4bPcnx0bmKRA4eYVlm0S8RBeQ7qHnqck,2395
 ex4nicegui/reactive/q_pagination.py,sha256=nUszZ4fvCf4leQ1DpS70laCDf40RprbOex7SISbAEek,1555
 ex4nicegui/reactive/rxui.py,sha256=gZ8ZEjGuJFKcedEZhcm4PIZguNkY-Wv5yQx80QnsBKI,31
@@ -140,7 +143,7 @@ ex4nicegui/reactive/services/pandas_service.py,sha256=XOoy6tZr4TpTyhewAH59eiSwVF
 ex4nicegui/reactive/services/reactive_service.py,sha256=FT8tWCC_aMD1YK6V4jQreyGmQAbcWzKbaGGZ4ME-bKw,3659
 ex4nicegui/reactive/systems/color_system.py,sha256=qXRTczxfILduHAVlNJqLSed-0x-LN6TyBSegYwW9vfk,4352
 ex4nicegui/reactive/systems/object_system.py,sha256=bja9YNb4v5fVZl5gJvVA4HbwRssRp-2yFy3JBzNeKxA,752
-ex4nicegui/reactive/systems/reactive_system.py,sha256=wyCSPdGuH1jOOkb2mXWRYVpdebjSm0qi9fuiVAkw5tA,701
+ex4nicegui/reactive/systems/reactive_system.py,sha256=s4mOfaMD0Dzv_-HjzzTMcqeo5YWMF4NSDN8hIbhPAoM,973
 ex4nicegui/reactive/transitionGroup.js,sha256=rbfNU3Jrz9WFDQih3BgZOgC1MBr6j9cODZ9XggMAaTs,898
 ex4nicegui/reactive/transitionGroup.py,sha256=VWyYL3QUfX6YQXuxwBFF4sJ4P5VP1S-bCjLKUr28KEY,597
 ex4nicegui/reactive/UseDraggable/UseDraggable.js,sha256=xZm_g_L2lamxAjiAeGPDR0CNmjlvgzuiJ6gH77pNrg4,5473
@@ -152,6 +155,12 @@ ex4nicegui/reactive/vfor.js,sha256=sCy3KR5Aeyx68yh9VI6I9Vj7bnVuir_LUYKZBe_ePTg,9
 ex4nicegui/reactive/vfor.py,sha256=SSu3X2DLZeCveTrcLANYNMNpLv34cJonLCp_9W0HFlY,7931
 ex4nicegui/reactive/view_model.py,sha256=1V5s_uBx9N_Iv2b0tJLsRA_7LNBi6ySlge-rbyQkCC8,8792
 ex4nicegui/reactive/vmodel.py,sha256=ymrUpC_68jaHF76ivKmgz-C4Xl6i65c_41uMc0ffEhY,5936
+ex4nicegui/toolbox/__init__.py,sha256=Q5pIvMJX5Ugf2dLcffU4wK6DFQW_qsKV5iTJPoALvTQ,235
+ex4nicegui/toolbox/core/vue_use.py,sha256=0wzNJTDuZ08BNEVs0ibXiinje8SQIpeqEJIoug25iwg,969
+ex4nicegui/toolbox/core/VueUse.js,sha256=TUpTJEygebNLgn-JvTf1rVQL0Ro-vw6Ej28_YxKRCTc,51127
+ex4nicegui/toolbox/functions/breakpoint.py,sha256=mBFBmLCJrzxV6h9jzVrMfcHdA7QiM8EC7y2y0T39uAQ,4059
+ex4nicegui/toolbox/functions/dark.py,sha256=XqvTqu2CCEQZrpYVou1G1wOWysqmowRNoFBHpcPxaNw,3141
+ex4nicegui/toolbox/functions/qr_code.py,sha256=4DQkjFczU9D4SFYx1Wj4VHROsUm3hbVUkqMVNQTgHbE,2502
 ex4nicegui/tools/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
 ex4nicegui/tools/debug.py,sha256=h9iYHxw7jWWvmiExSpGi2hQl1PfhPZgC2KNS_GTuHSw,4868
 ex4nicegui/utils/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
@@ -177,7 +186,7 @@ ex4nicegui/utils/scheduler.py,sha256=1gyq7Y2BkbwmPK_Q9kpRpc1MOC9H7xcpxuix-RZhN9k
 ex4nicegui/utils/signals.py,sha256=Jz0jKFPrJIRV0Gye62Bgk2kGgod1KBvDhnF-W3lRm04,7373
 ex4nicegui/utils/types.py,sha256=pE5WOSbcTHxaAhnT24FaZEd1B2Z_lTcsd46w0OKiMyc,359
 ex4nicegui/version.py,sha256=NE7u1piESstg3xCtf5hhV4iedGs2qJQw9SiC3ZSpiio,90
-ex4nicegui-0.8.3.dist-info/LICENSE,sha256=0KDDElS2dl-HIsWvbpy8ywbLzJMBFzXLev57LnMIZXs,1094
-ex4nicegui-0.8.3.dist-info/METADATA,sha256=7Za7-7oAslhffh2RB0-PCPzxhsjCxLx_hA8c0uFgbws,44094
-ex4nicegui-0.8.3.dist-info/WHEEL,sha256=sP946D7jFCHeNz5Iq4fL4Lu-PrWrFsgfLXbbkciIZwg,88
-ex4nicegui-0.8.3.dist-info/RECORD,,
+ex4nicegui-0.8.5.dist-info/LICENSE,sha256=0KDDElS2dl-HIsWvbpy8ywbLzJMBFzXLev57LnMIZXs,1094
+ex4nicegui-0.8.5.dist-info/METADATA,sha256=ZwCNm1zZAVHHWNEeO-lDNBQSY_9HwWuEYS7E933usxo,46125
+ex4nicegui-0.8.5.dist-info/WHEEL,sha256=sP946D7jFCHeNz5Iq4fL4Lu-PrWrFsgfLXbbkciIZwg,88
+ex4nicegui-0.8.5.dist-info/RECORD,,