Upload folder using huggingface_hub

.gitignore

@@ -0,0 +1,9 @@
+.eggs/
+dist/
+*.pyc
+__pycache__/
+*.py[cod]
+*$py.class
+__tmp/*
+*.pyi
+node_modules

README.md

@@ -1,17 +1,134 @@
 
----
-tags: [gradio-custom-component,gradio-template-Column,Modal, Popup]
-title: gradio_modal V0.0.3
-colorFrom: red
-colorTo: gray
-sdk: docker
-pinned: false
-license: apache-2.0
----
+# `gradio_modal`
+<a href="https://pypi.org/project/gradio_modal/" target="_blank"><img alt="PyPI - Version" src="https://img.shields.io/pypi/v/gradio_modal"></a>  
 
+A popup modal component
+
+## Installation
+
+```bash
+pip install gradio_modal
+```
+
+## Usage
+
+```python
+import gradio as gr
+from gradio_modal import Modal
+
+with gr.Blocks() as demo:
+    with gr.Tab("Tab 1"):
+        text_1 = gr.Textbox(label="Input 1")
+        text_2 = gr.Textbox(label="Input 2")
+        text_1.submit(lambda x:x, text_1, text_2)
+        show_btn = gr.Button("Show Modal")
+        show_btn2 = gr.Button("Show Modal 2")
+        gr.Examples(
+            [["Text 1", "Text 2"], ["Text 3", "Text 4"]],
+            inputs=[text_1, text_2],
+        )
+    with gr.Tab("Tab 2"):
+        gr.Markdown("This is tab 2")
+    with Modal(visible=False) as modal:
+        for i in range(5):
+            gr.Markdown("Hello world!")
+    with Modal(visible=False) as modal2:
+        for i in range(100):
+            gr.Markdown("Hello world!")
+    show_btn.click(lambda: Modal(visible=True), None, modal)
+    show_btn2.click(lambda: Modal(visible=True), None, modal2)
+
+if __name__ == "__main__":
+    demo.launch()
+
+```
+
+## `Modal`
+
+### Initialization
+
+<table>
+<thead>
+<tr>
+<th align="left">name</th>
+<th align="left" style="width: 25%;">type</th>
+<th align="left">default</th>
+<th align="left">description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td align="left"><code>visible</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+bool
+```
+
+</td>
+<td align="left"><code>False</code></td>
+<td align="left">If False, modal will be hidden.</td>
+</tr>
+
+<tr>
+<td align="left"><code>elem_id</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+str | None
+```
+
+</td>
+<td align="left"><code>None</code></td>
+<td align="left">An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.</td>
+</tr>
+
+<tr>
+<td align="left"><code>elem_classes</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+list[str] | str | None
+```
+
+</td>
+<td align="left"><code>None</code></td>
+<td align="left">An optional string or list of strings that are assigned as the class of this component in the HTML DOM. Can be used for targeting CSS styles.</td>
+</tr>
+
+<tr>
+<td align="left"><code>allow_user_close</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+bool
+```
+
+</td>
+<td align="left"><code>True</code></td>
+<td align="left">If True, user can close the modal (by clicking outside, clicking the X, or the escape key).</td>
+</tr>
+
+<tr>
+<td align="left"><code>render</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+bool
+```
+
+</td>
+<td align="left"><code>True</code></td>
+<td align="left">If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.</td>
+</tr>
+</tbody></table>
+
+
+### Events
+
+| name | description |
+|:-----|:------------|
+| `blur` | This listener is triggered when the Modal is unfocused/blurred. |
 
-# Name: gradio_modal
 
-Description: A popup modal component
 
-Install with: pip install gradio_modal

src/frontend/package.json

@@ -9,14 +9,20 @@
   "private": false,
   "main": "./Index.svelte",
   "exports": {
-    ".": "./Index.svelte",
+    ".": {
+      "gradio": "./Index.svelte"
+    },
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@gradio/atoms": "0.4.1",
-    "@gradio/icons": "0.3.2",
-    "@gradio/statustracker": "0.4.3",
-    "@gradio/utils": "0.2.0",
-    "@gradio/column": "0.1.0"
+    "@gradio/markdown": "0.10.0",
+    "@gradio/atoms": "0.9.0",
+    "@gradio/column": "0.2.0",
+    "@gradio/icons": "0.8.0",
+    "@gradio/statustracker": "0.8.1",
+    "@gradio/utils": "0.7.0"
+  },
+  "devDependencies": {
+    "@gradio/preview": "^0.12.0"
   }
-}
+}

src/pyproject.toml

@@ -8,7 +8,7 @@ build-backend = "hatchling.build"
 
 [project]
 name = "gradio_modal"
-version = "0.0.3"
+version = "0.0.4"
 description = "A popup modal component"
 readme = "README.md"
 license = "MIT"
@@ -16,7 +16,7 @@ requires-python = ">=3.8"
 authors = [{ name = "YOUR NAME", email = "[email protected]" }]
 keywords = ["gradio-custom-component", "gradio-template-Column", "Modal, Popup"]
 # Add dependencies here
-dependencies = ["gradio>=4.0,<5.0"]
+dependencies = ["gradio>=4.0,<6.0"]
 classifiers = [
   'Development Status :: 3 - Alpha',
   'License :: OSI Approved :: Apache Software License',