streamlit-react-components 1.0.5__py3-none-any.whl → 1.0.7__py3-none-any.whl

streamlit_react_components/common/__init__.py

@@ -9,6 +9,7 @@ from .step_indicator import step_indicator
 from .button_group import button_group
 from .chart_legend import chart_legend
 from .plotly_chart import plotly_chart
+from .smart_chart import smart_chart
 
 __all__ = [
     "panel",
@@ -20,4 +21,5 @@ __all__ = [
     "button_group",
     "chart_legend",
     "plotly_chart",
+    "smart_chart",
 ]

streamlit_react_components/common/button_group.py

@@ -16,6 +16,7 @@ def button_group(
     buttons: List[Dict[str, Any]],
     style: Optional[Dict[str, Any]] = None,
     class_name: str = "",
+    theme: Optional[Dict[str, Any]] = None,
     key: Optional[str] = None,
 ) -> Optional[str]:
     """
@@ -33,6 +34,8 @@ def button_group(
                  - className: Tailwind CSS classes for this button (optional)
         style: Inline CSS styles as a dictionary
         class_name: Tailwind CSS classes
+        theme: Optional theme dictionary. If None, uses active global theme.
+               Set to False to disable theming for this component.
         key: Unique key for the component
 
     Returns:
@@ -59,11 +62,18 @@ def button_group(
         if clicked == "approve":
             approve_item()
     """
+    # Resolve theme (None = use global, False = disable)
+    from ..themes import get_active_theme
+    resolved_theme = None
+    if theme is not False:
+        resolved_theme = theme if theme is not None else get_active_theme()
+
     return _component(
         component="button_group",
         buttons=buttons,
         style=style,
         className=class_name,
+        theme=resolved_theme,
         key=key,
         default=None,
     )

streamlit_react_components/common/chart_legend.py

@@ -16,6 +16,7 @@ def chart_legend(
     items: List[Dict[str, str]],
     style: Optional[Dict[str, Any]] = None,
     class_name: str = "",
+    theme: Optional[Dict[str, Any]] = None,
     key: Optional[str] = None,
 ) -> None:
     """
@@ -27,6 +28,8 @@ def chart_legend(
                - label: Legend label text
         style: Inline CSS styles as a dictionary
         class_name: Tailwind CSS classes
+        theme: Optional theme dictionary. If None, uses active global theme.
+               Set to False to disable theming for this component.
         key: Unique key for the component
 
     Example:
@@ -39,11 +42,18 @@ def chart_legend(
             ]
         )
     """
+    # Resolve theme (None = use global, False = disable)
+    from ..themes import get_active_theme
+    resolved_theme = None
+    if theme is not False:
+        resolved_theme = theme if theme is not None else get_active_theme()
+
     _component(
         component="chart_legend",
         items=items,
         style=style,
         className=class_name,
+        theme=resolved_theme,
         key=key,
         default=None,
     )

streamlit_react_components/common/data_table.py

@@ -18,6 +18,7 @@ def data_table(
     show_header: bool = True,
     style: Optional[Dict[str, Any]] = None,
     class_name: str = "",
+    theme: Optional[Dict[str, Any]] = None,
     key: Optional[str] = None,
 ) -> Optional[Dict[str, Any]]:
     """
@@ -34,6 +35,8 @@ def data_table(
         show_header: Whether to show the header row (default True)
         style: Inline CSS styles as a dictionary
         class_name: Tailwind CSS classes
+        theme: Optional theme dictionary. If None, uses active global theme.
+               Set to False to disable theming for this component.
         key: Unique key for the component
 
     Returns:
@@ -53,6 +56,12 @@ def data_table(
         if clicked:
             st.write(f"Clicked row: {clicked['rowData']}")
     """
+    # Resolve theme (None = use global, False = disable)
+    from ..themes import get_active_theme
+    resolved_theme = None
+    if theme is not False:
+        resolved_theme = theme if theme is not None else get_active_theme()
+
     return _component(
         component="data_table",
         columns=columns,
@@ -60,6 +69,7 @@ def data_table(
         showHeader=show_header,
         style=style,
         className=class_name,
+        theme=resolved_theme,
         key=key,
         default=None,
     )

streamlit_react_components/common/metric_row.py

@@ -18,6 +18,7 @@ def metric_row(
     value_color: str = "",
     style: Optional[Dict[str, Any]] = None,
     class_name: str = "",
+    theme: Optional[Dict[str, Any]] = None,
     key: Optional[str] = None,
 ) -> None:
     """
@@ -29,12 +30,20 @@ def metric_row(
         value_color: Tailwind text color class for the value (e.g., "text-green-400")
         style: Inline CSS styles as a dictionary
         class_name: Tailwind CSS classes
+        theme: Optional theme dictionary. If None, uses active global theme.
+               Set to False to disable theming for this component.
         key: Unique key for the component
 
     Example:
         metric_row(label="Mean", value="78.4%")
         metric_row(label="Trend", value="↑ +0.4%/mo", value_color="text-green-400")
     """
+    # Resolve theme (None = use global, False = disable)
+    from ..themes import get_active_theme
+    resolved_theme = None
+    if theme is not False:
+        resolved_theme = theme if theme is not None else get_active_theme()
+
     _component(
         component="metric_row",
         label=label,
@@ -42,6 +51,7 @@ def metric_row(
         valueColor=value_color,
         style=style,
         className=class_name,
+        theme=resolved_theme,
         key=key,
         default=None,
     )

streamlit_react_components/common/panel.py

@@ -16,6 +16,7 @@ def panel(
     children: str = "",
     style: Optional[Dict[str, Any]] = None,
     class_name: str = "",
+    theme: Optional[Dict[str, Any]] = None,
     key: Optional[str] = None,
 ) -> None:
     """
@@ -25,6 +26,8 @@ def panel(
         children: HTML content to render inside the panel
         style: Inline CSS styles as a dictionary (e.g., {"background": "#1e293b"})
         class_name: Tailwind CSS classes (e.g., "bg-slate-900 p-4")
+        theme: Optional theme dictionary. If None, uses active global theme.
+               Set to False to disable theming for this component.
         key: Unique key for the component
 
     Example:
@@ -33,11 +36,18 @@ def panel(
             class_name="mt-4"
         )
     """
+    # Resolve theme (None = use global, False = disable)
+    from ..themes import get_active_theme
+    resolved_theme = None
+    if theme is not False:
+        resolved_theme = theme if theme is not None else get_active_theme()
+
     _component(
         component="panel",
         children=children,
         style=style,
         className=class_name,
+        theme=resolved_theme,
         key=key,
         default=None,
     )

streamlit_react_components/common/plotly_chart.py

@@ -134,6 +134,7 @@ def plotly_chart(
     modal_title: str = "",
     style: Optional[Dict[str, Any]] = None,
     class_name: str = "",
+    theme: Optional[Dict[str, Any]] = None,
     key: Optional[str] = None,
 ) -> Optional[Dict[str, Any]]:
     """
@@ -162,6 +163,8 @@ def plotly_chart(
         modal_title: Title displayed in dialog header when expanded
         style: Inline CSS styles as a dictionary
         class_name: Tailwind CSS classes
+        theme: Optional theme dictionary. If None, uses active global theme.
+               Set to False to disable theming for this component.
         key: Unique key for the component
 
     Returns:
@@ -249,6 +252,12 @@ def plotly_chart(
     else:
         raise ValueError("Either 'figure' or 'data' parameter is required")
 
+    # Resolve theme (None = use global, False = disable)
+    from ..themes import get_active_theme
+    resolved_theme = None
+    if theme is not False:
+        resolved_theme = theme if theme is not None else get_active_theme()
+
     # Render the component
     result = _component(
         component="plotly_chart",
@@ -262,6 +271,7 @@ def plotly_chart(
         modalTitle=modal_title,
         style=style,
         className=class_name,
+        theme=resolved_theme,
         key=key,
         default=None,
     )

streamlit_react_components/common/section_header.py

@@ -18,6 +18,7 @@ def section_header(
     actions: Optional[List[Dict[str, Any]]] = None,
     style: Optional[Dict[str, Any]] = None,
     class_name: str = "",
+    theme: Optional[Dict[str, Any]] = None,
     key: Optional[str] = None,
 ) -> Optional[str]:
     """
@@ -39,6 +40,8 @@ def section_header(
                    st.switch_page() (optional)
         style: Inline CSS styles as a dictionary
         class_name: Tailwind CSS classes
+        theme: Optional theme dictionary. If None, uses active global theme.
+               Set to False to disable theming for this component.
         key: Unique key for the component
 
     Returns:
@@ -77,6 +80,12 @@ def section_header(
         if clicked == "home":
             st.switch_page("pages/home.py")
     """
+    # Resolve theme (None = use global, False = disable)
+    from ..themes import get_active_theme
+    resolved_theme = None
+    if theme is not False:
+        resolved_theme = theme if theme is not None else get_active_theme()
+
     return _component(
         component="section_header",
         title=title,
@@ -84,6 +93,7 @@ def section_header(
         actions=actions or [],
         style=style,
         className=class_name,
+        theme=resolved_theme,
         key=key,
         default=None,
     )