fix: height bug & avatar ref

Author: ObservedObserver

pages/Avatar.py

@@ -0,0 +1,3 @@
+import streamlit_shadcn_ui as ui
+
+ui.avatar(src="https://imagedelivery.net/tSvh1MGEu9IgUanmf58srQ/e2b094c8-8519-4e8b-e92e-1cf8d4b58f00/public")

pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "setuptools.build_meta"
 
 [project]
 name = "streamlit-shadcn-ui"
-version = "0.1.9"
+version = "0.1.10"
 readme = "README.md"
 keywords = ["streamlit", "shadcn", "ui", "components"]
 description = "Using shadcn components in Streamlit"

streamlit_shadcn_ui/components/packages/frontend/src/App.tsx

@@ -58,7 +58,7 @@ function App(props: ComponentProps<{comp: string; props: any; [key: string]: any
 
     useEffect(() => {
         if (container.current) {
-            Streamlit.setFrameHeight(container.current.offsetHeight + 5);
+            Streamlit.setFrameHeight(container.current.offsetHeight + 10);
         }
     }, []);
 

streamlit_shadcn_ui/components/packages/frontend/src/components/streamlit/alertDialog.tsx

@@ -30,8 +30,7 @@ export const StAlertDialog = forwardRef<HTMLDivElement, StAlertDialogProps>(
         } = props;
         useEffect(() => {
             if (ref && typeof ref !== "function") {
-                Streamlit.setFrameHeight(ref.current.offsetHeight + 5);
-                // Streamlit.setFrameHeight(1000);
+                Streamlit.setFrameHeight(ref.current.offsetHeight + 10);
             }
         });
         useBodyStyle(

streamlit_shadcn_ui/components/packages/frontend/src/components/streamlit/avatar.tsx

@@ -10,7 +10,7 @@ export const StAvatar = forwardRef<HTMLDivElement, StAvatarProps>(
         const { src, fallback } = props;
 
         return (
-            <Avatar>
+            <Avatar ref={ref}>
                 <AvatarImage src={src} />
                 <AvatarFallback>{fallback}</AvatarFallback>
             </Avatar>

streamlit_shadcn_ui/py_components/slider.py

@@ -1,6 +1,7 @@
 from .utils import declare_component
 
-_component_func = declare_component("slider")
+_RELEASE = True
+_component_func = declare_component("slider", release=_RELEASE)
 
 def slider(default_value=None, min_value=0, max_value=100, step=1, label=None, key=None):
     props = {