fh-matui 0.9.16__tar.gz → 0.9.17__tar.gz
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- {fh_matui-0.9.16/fh_matui.egg-info → fh_matui-0.9.17}/PKG-INFO +22 -19
- {fh_matui-0.9.16 → fh_matui-0.9.17}/README.md +21 -18
- {fh_matui-0.9.16 → fh_matui-0.9.17}/fh_matui/components.py +2 -2
- {fh_matui-0.9.16 → fh_matui-0.9.17/fh_matui.egg-info}/PKG-INFO +22 -19
- {fh_matui-0.9.16 → fh_matui-0.9.17}/settings.ini +1 -1
- {fh_matui-0.9.16 → fh_matui-0.9.17}/LICENSE +0 -0
- {fh_matui-0.9.16 → fh_matui-0.9.17}/MANIFEST.in +0 -0
- {fh_matui-0.9.16 → fh_matui-0.9.17}/fh_matui/__init__.py +0 -0
- {fh_matui-0.9.16 → fh_matui-0.9.17}/fh_matui/_modidx.py +0 -0
- {fh_matui-0.9.16 → fh_matui-0.9.17}/fh_matui/app_pages.py +0 -0
- {fh_matui-0.9.16 → fh_matui-0.9.17}/fh_matui/core.py +0 -0
- {fh_matui-0.9.16 → fh_matui-0.9.17}/fh_matui/datatable.py +0 -0
- {fh_matui-0.9.16 → fh_matui-0.9.17}/fh_matui/foundations.py +0 -0
- {fh_matui-0.9.16 → fh_matui-0.9.17}/fh_matui/web_pages.py +0 -0
- {fh_matui-0.9.16 → fh_matui-0.9.17}/fh_matui.egg-info/SOURCES.txt +0 -0
- {fh_matui-0.9.16 → fh_matui-0.9.17}/fh_matui.egg-info/dependency_links.txt +0 -0
- {fh_matui-0.9.16 → fh_matui-0.9.17}/fh_matui.egg-info/entry_points.txt +0 -0
- {fh_matui-0.9.16 → fh_matui-0.9.17}/fh_matui.egg-info/not-zip-safe +0 -0
- {fh_matui-0.9.16 → fh_matui-0.9.17}/fh_matui.egg-info/requires.txt +0 -0
- {fh_matui-0.9.16 → fh_matui-0.9.17}/fh_matui.egg-info/top_level.txt +0 -0
- {fh_matui-0.9.16 → fh_matui-0.9.17}/pyproject.toml +0 -0
- {fh_matui-0.9.16 → fh_matui-0.9.17}/setup.cfg +0 -0
- {fh_matui-0.9.16 → fh_matui-0.9.17}/setup.py +0 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
Metadata-Version: 2.4
|
|
2
2
|
Name: fh-matui
|
|
3
|
-
Version: 0.9.
|
|
3
|
+
Version: 0.9.17
|
|
4
4
|
Summary: material-ui for fasthtml
|
|
5
5
|
Home-page: https://github.com/abhisheksreesaila/fh-matui
|
|
6
6
|
Author: abhishek sreesaila
|
|
@@ -84,22 +84,24 @@ responsive web interfaces entirely in Python — no JavaScript required.
|
|
|
84
84
|
|
|
85
85
|
fh-matui includes 15+ pre-configured Material Design 3 color themes:
|
|
86
86
|
|
|
87
|
-
| Theme
|
|
88
|
-
|
|
89
|
-
| `MatTheme.red`
|
|
90
|
-
| `MatTheme.purple`
|
|
91
|
-
| `MatTheme.indigo`
|
|
92
|
-
| `MatTheme.
|
|
93
|
-
| `MatTheme.teal`
|
|
94
|
-
| `MatTheme.
|
|
95
|
-
| `MatTheme.yellow`
|
|
96
|
-
| `MatTheme.orange`
|
|
87
|
+
| Theme | Preview | Theme | Preview |
|
|
88
|
+
|------------------------|---------|------------------------|---------|
|
|
89
|
+
| `MatTheme.red` | 🔴 | `MatTheme.pink` | 🩷 |
|
|
90
|
+
| `MatTheme.purple` | 🟣 | `MatTheme.deep_purple` | 💜 |
|
|
91
|
+
| `MatTheme.indigo` | 🔵 | `MatTheme.blue` | 💙 |
|
|
92
|
+
| `MatTheme.light_blue` | 🩵 | `MatTheme.cyan` | 🌊 |
|
|
93
|
+
| `MatTheme.teal` | 🩶 | `MatTheme.green` | 💚 |
|
|
94
|
+
| `MatTheme.light_green` | 🍀 | `MatTheme.lime` | 💛 |
|
|
95
|
+
| `MatTheme.yellow` | 🌟 | `MatTheme.amber` | 🧡 |
|
|
96
|
+
| `MatTheme.orange` | 🟠 | `MatTheme.deep_orange` | 🔶 |
|
|
97
|
+
| `MatTheme.brown` | 🟤 | `MatTheme.grey` | ⚪ |
|
|
98
|
+
| `MatTheme.blue_grey` | 🔘 | | |
|
|
97
99
|
|
|
98
100
|
**Usage:**
|
|
99
101
|
|
|
100
102
|
``` python
|
|
101
103
|
# Choose your theme
|
|
102
|
-
app, rt = fast_app(hdrs=[MatTheme.
|
|
104
|
+
app, rt = fast_app(hdrs=[MatTheme.deep_purple.headers()])
|
|
103
105
|
```
|
|
104
106
|
|
|
105
107
|
## 🚀 Quick Start
|
|
@@ -120,7 +122,6 @@ def home():
|
|
|
120
122
|
Card(
|
|
121
123
|
H3("Welcome to fh-matui!"),
|
|
122
124
|
P("Build beautiful Material Design apps with Python."),
|
|
123
|
-
FormField("email", label="Email", type="email"),
|
|
124
125
|
Button("Get Started", cls="primary"),
|
|
125
126
|
),
|
|
126
127
|
cls="padding"
|
|
@@ -145,8 +146,10 @@ styling
|
|
|
145
146
|
|
|
146
147
|
1. **`MatTheme.indigo.headers()`** - Loads BeerCSS with the indigo
|
|
147
148
|
color scheme
|
|
148
|
-
2.
|
|
149
|
-
|
|
149
|
+
2. **[`Card`](https://abhisheksreesaila.github.io/fh-matui/components.html#card)** -
|
|
150
|
+
Creates a Material Design card component with elevation
|
|
151
|
+
3. **[`FormField`](https://abhisheksreesaila.github.io/fh-matui/components.html#formfield)** -
|
|
152
|
+
Generates a styled input with floating label
|
|
150
153
|
4. **`Button`** - Renders a Material Design button with ripple effects
|
|
151
154
|
|
|
152
155
|
## 📚 Module Reference
|
|
@@ -155,9 +158,9 @@ styling
|
|
|
155
158
|
|----|----|----|
|
|
156
159
|
| [Foundations](foundations.html) | Base utilities and helper functions | `BeerHeaders`, `display`, styling helpers |
|
|
157
160
|
| [Core](core.html) | Theme system and styling | `MatTheme`, color presets, theme configuration |
|
|
158
|
-
| [Components](components.html) | UI component library | `Button`, `Card
|
|
161
|
+
| [Components](components.html) | UI component library | `Button`, [`Card`](https://abhisheksreesaila.github.io/fh-matui/components.html#card), [`FormField`](https://abhisheksreesaila.github.io/fh-matui/components.html#formfield), [`FormModal`](https://abhisheksreesaila.github.io/fh-matui/components.html#formmodal), [`Grid`](https://abhisheksreesaila.github.io/fh-matui/components.html#grid) |
|
|
159
162
|
| [App Pages](app_pages.html) | Application layouts | Navigation, sidebars, full-page layouts |
|
|
160
|
-
| [Data Tables](05_table.html) | Data management components | `DataTable
|
|
163
|
+
| [Data Tables](05_table.html) | Data management components | [`DataTable`](https://abhisheksreesaila.github.io/fh-matui/datatable.html#datatable), [`DataTableResource`](https://abhisheksreesaila.github.io/fh-matui/datatable.html#datatableresource), CRUD operations |
|
|
161
164
|
| [Web Pages](web_pages.html) | Marketing/landing pages | Hero sections, feature grids, testimonials |
|
|
162
165
|
|
|
163
166
|
## 🛠️ Development
|
|
@@ -185,8 +188,8 @@ nbdev_prepare
|
|
|
185
188
|
| **Component consistency** | Unified API across all components |
|
|
186
189
|
| **Dark mode support** | Built-in with automatic system preference detection |
|
|
187
190
|
| **Responsive design** | Mobile-first grid system and responsive utilities |
|
|
188
|
-
| **Form handling** | `FormField
|
|
189
|
-
| **Data management** | `DataTable` and `DataTableResource` for CRUD operations |
|
|
191
|
+
| **Form handling** | [`FormField`](https://abhisheksreesaila.github.io/fh-matui/components.html#formfield), [`FormGrid`](https://abhisheksreesaila.github.io/fh-matui/components.html#formgrid), [`FormModal`](https://abhisheksreesaila.github.io/fh-matui/components.html#formmodal) for rapid form building |
|
|
192
|
+
| **Data management** | [`DataTable`](https://abhisheksreesaila.github.io/fh-matui/datatable.html#datatable) and [`DataTableResource`](https://abhisheksreesaila.github.io/fh-matui/datatable.html#datatableresource) for CRUD operations |
|
|
190
193
|
|
|
191
194
|
## 🤖 For LLM Users
|
|
192
195
|
|
|
@@ -46,22 +46,24 @@ responsive web interfaces entirely in Python — no JavaScript required.
|
|
|
46
46
|
|
|
47
47
|
fh-matui includes 15+ pre-configured Material Design 3 color themes:
|
|
48
48
|
|
|
49
|
-
| Theme
|
|
50
|
-
|
|
51
|
-
| `MatTheme.red`
|
|
52
|
-
| `MatTheme.purple`
|
|
53
|
-
| `MatTheme.indigo`
|
|
54
|
-
| `MatTheme.
|
|
55
|
-
| `MatTheme.teal`
|
|
56
|
-
| `MatTheme.
|
|
57
|
-
| `MatTheme.yellow`
|
|
58
|
-
| `MatTheme.orange`
|
|
49
|
+
| Theme | Preview | Theme | Preview |
|
|
50
|
+
|------------------------|---------|------------------------|---------|
|
|
51
|
+
| `MatTheme.red` | 🔴 | `MatTheme.pink` | 🩷 |
|
|
52
|
+
| `MatTheme.purple` | 🟣 | `MatTheme.deep_purple` | 💜 |
|
|
53
|
+
| `MatTheme.indigo` | 🔵 | `MatTheme.blue` | 💙 |
|
|
54
|
+
| `MatTheme.light_blue` | 🩵 | `MatTheme.cyan` | 🌊 |
|
|
55
|
+
| `MatTheme.teal` | 🩶 | `MatTheme.green` | 💚 |
|
|
56
|
+
| `MatTheme.light_green` | 🍀 | `MatTheme.lime` | 💛 |
|
|
57
|
+
| `MatTheme.yellow` | 🌟 | `MatTheme.amber` | 🧡 |
|
|
58
|
+
| `MatTheme.orange` | 🟠 | `MatTheme.deep_orange` | 🔶 |
|
|
59
|
+
| `MatTheme.brown` | 🟤 | `MatTheme.grey` | ⚪ |
|
|
60
|
+
| `MatTheme.blue_grey` | 🔘 | | |
|
|
59
61
|
|
|
60
62
|
**Usage:**
|
|
61
63
|
|
|
62
64
|
``` python
|
|
63
65
|
# Choose your theme
|
|
64
|
-
app, rt = fast_app(hdrs=[MatTheme.
|
|
66
|
+
app, rt = fast_app(hdrs=[MatTheme.deep_purple.headers()])
|
|
65
67
|
```
|
|
66
68
|
|
|
67
69
|
## 🚀 Quick Start
|
|
@@ -82,7 +84,6 @@ def home():
|
|
|
82
84
|
Card(
|
|
83
85
|
H3("Welcome to fh-matui!"),
|
|
84
86
|
P("Build beautiful Material Design apps with Python."),
|
|
85
|
-
FormField("email", label="Email", type="email"),
|
|
86
87
|
Button("Get Started", cls="primary"),
|
|
87
88
|
),
|
|
88
89
|
cls="padding"
|
|
@@ -107,8 +108,10 @@ styling
|
|
|
107
108
|
|
|
108
109
|
1. **`MatTheme.indigo.headers()`** - Loads BeerCSS with the indigo
|
|
109
110
|
color scheme
|
|
110
|
-
2.
|
|
111
|
-
|
|
111
|
+
2. **[`Card`](https://abhisheksreesaila.github.io/fh-matui/components.html#card)** -
|
|
112
|
+
Creates a Material Design card component with elevation
|
|
113
|
+
3. **[`FormField`](https://abhisheksreesaila.github.io/fh-matui/components.html#formfield)** -
|
|
114
|
+
Generates a styled input with floating label
|
|
112
115
|
4. **`Button`** - Renders a Material Design button with ripple effects
|
|
113
116
|
|
|
114
117
|
## 📚 Module Reference
|
|
@@ -117,9 +120,9 @@ styling
|
|
|
117
120
|
|----|----|----|
|
|
118
121
|
| [Foundations](foundations.html) | Base utilities and helper functions | `BeerHeaders`, `display`, styling helpers |
|
|
119
122
|
| [Core](core.html) | Theme system and styling | `MatTheme`, color presets, theme configuration |
|
|
120
|
-
| [Components](components.html) | UI component library | `Button`, `Card
|
|
123
|
+
| [Components](components.html) | UI component library | `Button`, [`Card`](https://abhisheksreesaila.github.io/fh-matui/components.html#card), [`FormField`](https://abhisheksreesaila.github.io/fh-matui/components.html#formfield), [`FormModal`](https://abhisheksreesaila.github.io/fh-matui/components.html#formmodal), [`Grid`](https://abhisheksreesaila.github.io/fh-matui/components.html#grid) |
|
|
121
124
|
| [App Pages](app_pages.html) | Application layouts | Navigation, sidebars, full-page layouts |
|
|
122
|
-
| [Data Tables](05_table.html) | Data management components | `DataTable
|
|
125
|
+
| [Data Tables](05_table.html) | Data management components | [`DataTable`](https://abhisheksreesaila.github.io/fh-matui/datatable.html#datatable), [`DataTableResource`](https://abhisheksreesaila.github.io/fh-matui/datatable.html#datatableresource), CRUD operations |
|
|
123
126
|
| [Web Pages](web_pages.html) | Marketing/landing pages | Hero sections, feature grids, testimonials |
|
|
124
127
|
|
|
125
128
|
## 🛠️ Development
|
|
@@ -147,8 +150,8 @@ nbdev_prepare
|
|
|
147
150
|
| **Component consistency** | Unified API across all components |
|
|
148
151
|
| **Dark mode support** | Built-in with automatic system preference detection |
|
|
149
152
|
| **Responsive design** | Mobile-first grid system and responsive utilities |
|
|
150
|
-
| **Form handling** | `FormField
|
|
151
|
-
| **Data management** | `DataTable` and `DataTableResource` for CRUD operations |
|
|
153
|
+
| **Form handling** | [`FormField`](https://abhisheksreesaila.github.io/fh-matui/components.html#formfield), [`FormGrid`](https://abhisheksreesaila.github.io/fh-matui/components.html#formgrid), [`FormModal`](https://abhisheksreesaila.github.io/fh-matui/components.html#formmodal) for rapid form building |
|
|
154
|
+
| **Data management** | [`DataTable`](https://abhisheksreesaila.github.io/fh-matui/datatable.html#datatable) and [`DataTableResource`](https://abhisheksreesaila.github.io/fh-matui/datatable.html#datatableresource) for CRUD operations |
|
|
152
155
|
|
|
153
156
|
## 🤖 For LLM Users
|
|
154
157
|
|
|
@@ -685,8 +685,8 @@ def Select(*options, label=None, value='', name='', id=None, placeholder=None, c
|
|
|
685
685
|
|
|
686
686
|
select_el = fc.Select(*opt_elements, **select_attrs)
|
|
687
687
|
|
|
688
|
-
# Build field wrapper
|
|
689
|
-
field_cls = ['field', 'border', 'round']
|
|
688
|
+
# Build field wrapper - 'max' ensures full width like LabelInput
|
|
689
|
+
field_cls = ['field', 'border', 'round', 'max']
|
|
690
690
|
if label: field_cls.append('label')
|
|
691
691
|
if cls: field_cls.extend(normalize_tokens(cls))
|
|
692
692
|
cls_str = stringify(field_cls)
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
Metadata-Version: 2.4
|
|
2
2
|
Name: fh-matui
|
|
3
|
-
Version: 0.9.
|
|
3
|
+
Version: 0.9.17
|
|
4
4
|
Summary: material-ui for fasthtml
|
|
5
5
|
Home-page: https://github.com/abhisheksreesaila/fh-matui
|
|
6
6
|
Author: abhishek sreesaila
|
|
@@ -84,22 +84,24 @@ responsive web interfaces entirely in Python — no JavaScript required.
|
|
|
84
84
|
|
|
85
85
|
fh-matui includes 15+ pre-configured Material Design 3 color themes:
|
|
86
86
|
|
|
87
|
-
| Theme
|
|
88
|
-
|
|
89
|
-
| `MatTheme.red`
|
|
90
|
-
| `MatTheme.purple`
|
|
91
|
-
| `MatTheme.indigo`
|
|
92
|
-
| `MatTheme.
|
|
93
|
-
| `MatTheme.teal`
|
|
94
|
-
| `MatTheme.
|
|
95
|
-
| `MatTheme.yellow`
|
|
96
|
-
| `MatTheme.orange`
|
|
87
|
+
| Theme | Preview | Theme | Preview |
|
|
88
|
+
|------------------------|---------|------------------------|---------|
|
|
89
|
+
| `MatTheme.red` | 🔴 | `MatTheme.pink` | 🩷 |
|
|
90
|
+
| `MatTheme.purple` | 🟣 | `MatTheme.deep_purple` | 💜 |
|
|
91
|
+
| `MatTheme.indigo` | 🔵 | `MatTheme.blue` | 💙 |
|
|
92
|
+
| `MatTheme.light_blue` | 🩵 | `MatTheme.cyan` | 🌊 |
|
|
93
|
+
| `MatTheme.teal` | 🩶 | `MatTheme.green` | 💚 |
|
|
94
|
+
| `MatTheme.light_green` | 🍀 | `MatTheme.lime` | 💛 |
|
|
95
|
+
| `MatTheme.yellow` | 🌟 | `MatTheme.amber` | 🧡 |
|
|
96
|
+
| `MatTheme.orange` | 🟠 | `MatTheme.deep_orange` | 🔶 |
|
|
97
|
+
| `MatTheme.brown` | 🟤 | `MatTheme.grey` | ⚪ |
|
|
98
|
+
| `MatTheme.blue_grey` | 🔘 | | |
|
|
97
99
|
|
|
98
100
|
**Usage:**
|
|
99
101
|
|
|
100
102
|
``` python
|
|
101
103
|
# Choose your theme
|
|
102
|
-
app, rt = fast_app(hdrs=[MatTheme.
|
|
104
|
+
app, rt = fast_app(hdrs=[MatTheme.deep_purple.headers()])
|
|
103
105
|
```
|
|
104
106
|
|
|
105
107
|
## 🚀 Quick Start
|
|
@@ -120,7 +122,6 @@ def home():
|
|
|
120
122
|
Card(
|
|
121
123
|
H3("Welcome to fh-matui!"),
|
|
122
124
|
P("Build beautiful Material Design apps with Python."),
|
|
123
|
-
FormField("email", label="Email", type="email"),
|
|
124
125
|
Button("Get Started", cls="primary"),
|
|
125
126
|
),
|
|
126
127
|
cls="padding"
|
|
@@ -145,8 +146,10 @@ styling
|
|
|
145
146
|
|
|
146
147
|
1. **`MatTheme.indigo.headers()`** - Loads BeerCSS with the indigo
|
|
147
148
|
color scheme
|
|
148
|
-
2.
|
|
149
|
-
|
|
149
|
+
2. **[`Card`](https://abhisheksreesaila.github.io/fh-matui/components.html#card)** -
|
|
150
|
+
Creates a Material Design card component with elevation
|
|
151
|
+
3. **[`FormField`](https://abhisheksreesaila.github.io/fh-matui/components.html#formfield)** -
|
|
152
|
+
Generates a styled input with floating label
|
|
150
153
|
4. **`Button`** - Renders a Material Design button with ripple effects
|
|
151
154
|
|
|
152
155
|
## 📚 Module Reference
|
|
@@ -155,9 +158,9 @@ styling
|
|
|
155
158
|
|----|----|----|
|
|
156
159
|
| [Foundations](foundations.html) | Base utilities and helper functions | `BeerHeaders`, `display`, styling helpers |
|
|
157
160
|
| [Core](core.html) | Theme system and styling | `MatTheme`, color presets, theme configuration |
|
|
158
|
-
| [Components](components.html) | UI component library | `Button`, `Card
|
|
161
|
+
| [Components](components.html) | UI component library | `Button`, [`Card`](https://abhisheksreesaila.github.io/fh-matui/components.html#card), [`FormField`](https://abhisheksreesaila.github.io/fh-matui/components.html#formfield), [`FormModal`](https://abhisheksreesaila.github.io/fh-matui/components.html#formmodal), [`Grid`](https://abhisheksreesaila.github.io/fh-matui/components.html#grid) |
|
|
159
162
|
| [App Pages](app_pages.html) | Application layouts | Navigation, sidebars, full-page layouts |
|
|
160
|
-
| [Data Tables](05_table.html) | Data management components | `DataTable
|
|
163
|
+
| [Data Tables](05_table.html) | Data management components | [`DataTable`](https://abhisheksreesaila.github.io/fh-matui/datatable.html#datatable), [`DataTableResource`](https://abhisheksreesaila.github.io/fh-matui/datatable.html#datatableresource), CRUD operations |
|
|
161
164
|
| [Web Pages](web_pages.html) | Marketing/landing pages | Hero sections, feature grids, testimonials |
|
|
162
165
|
|
|
163
166
|
## 🛠️ Development
|
|
@@ -185,8 +188,8 @@ nbdev_prepare
|
|
|
185
188
|
| **Component consistency** | Unified API across all components |
|
|
186
189
|
| **Dark mode support** | Built-in with automatic system preference detection |
|
|
187
190
|
| **Responsive design** | Mobile-first grid system and responsive utilities |
|
|
188
|
-
| **Form handling** | `FormField
|
|
189
|
-
| **Data management** | `DataTable` and `DataTableResource` for CRUD operations |
|
|
191
|
+
| **Form handling** | [`FormField`](https://abhisheksreesaila.github.io/fh-matui/components.html#formfield), [`FormGrid`](https://abhisheksreesaila.github.io/fh-matui/components.html#formgrid), [`FormModal`](https://abhisheksreesaila.github.io/fh-matui/components.html#formmodal) for rapid form building |
|
|
192
|
+
| **Data management** | [`DataTable`](https://abhisheksreesaila.github.io/fh-matui/datatable.html#datatable) and [`DataTableResource`](https://abhisheksreesaila.github.io/fh-matui/datatable.html#datatableresource) for CRUD operations |
|
|
190
193
|
|
|
191
194
|
## 🤖 For LLM Users
|
|
192
195
|
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|