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.
Files changed (23) hide show
  1. {fh_matui-0.9.16/fh_matui.egg-info → fh_matui-0.9.17}/PKG-INFO +22 -19
  2. {fh_matui-0.9.16 → fh_matui-0.9.17}/README.md +21 -18
  3. {fh_matui-0.9.16 → fh_matui-0.9.17}/fh_matui/components.py +2 -2
  4. {fh_matui-0.9.16 → fh_matui-0.9.17/fh_matui.egg-info}/PKG-INFO +22 -19
  5. {fh_matui-0.9.16 → fh_matui-0.9.17}/settings.ini +1 -1
  6. {fh_matui-0.9.16 → fh_matui-0.9.17}/LICENSE +0 -0
  7. {fh_matui-0.9.16 → fh_matui-0.9.17}/MANIFEST.in +0 -0
  8. {fh_matui-0.9.16 → fh_matui-0.9.17}/fh_matui/__init__.py +0 -0
  9. {fh_matui-0.9.16 → fh_matui-0.9.17}/fh_matui/_modidx.py +0 -0
  10. {fh_matui-0.9.16 → fh_matui-0.9.17}/fh_matui/app_pages.py +0 -0
  11. {fh_matui-0.9.16 → fh_matui-0.9.17}/fh_matui/core.py +0 -0
  12. {fh_matui-0.9.16 → fh_matui-0.9.17}/fh_matui/datatable.py +0 -0
  13. {fh_matui-0.9.16 → fh_matui-0.9.17}/fh_matui/foundations.py +0 -0
  14. {fh_matui-0.9.16 → fh_matui-0.9.17}/fh_matui/web_pages.py +0 -0
  15. {fh_matui-0.9.16 → fh_matui-0.9.17}/fh_matui.egg-info/SOURCES.txt +0 -0
  16. {fh_matui-0.9.16 → fh_matui-0.9.17}/fh_matui.egg-info/dependency_links.txt +0 -0
  17. {fh_matui-0.9.16 → fh_matui-0.9.17}/fh_matui.egg-info/entry_points.txt +0 -0
  18. {fh_matui-0.9.16 → fh_matui-0.9.17}/fh_matui.egg-info/not-zip-safe +0 -0
  19. {fh_matui-0.9.16 → fh_matui-0.9.17}/fh_matui.egg-info/requires.txt +0 -0
  20. {fh_matui-0.9.16 → fh_matui-0.9.17}/fh_matui.egg-info/top_level.txt +0 -0
  21. {fh_matui-0.9.16 → fh_matui-0.9.17}/pyproject.toml +0 -0
  22. {fh_matui-0.9.16 → fh_matui-0.9.17}/setup.cfg +0 -0
  23. {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.16
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 | Preview | Theme | Preview |
88
- |-----------------------|---------|-----------------------|---------|
89
- | `MatTheme.red` | 🔴 | `MatTheme.pink` | 🩷 |
90
- | `MatTheme.purple` | 🟣 | `MatTheme.deepPurple` | 💜 |
91
- | `MatTheme.indigo` | 🔵 | `MatTheme.blue` | 💙 |
92
- | `MatTheme.lightBlue` | 🩵 | `MatTheme.cyan` | 🌊 |
93
- | `MatTheme.teal` | 🩶 | `MatTheme.green` | 💚 |
94
- | `MatTheme.lightGreen` | 🍀 | `MatTheme.lime` | 💛 |
95
- | `MatTheme.yellow` | 🌟 | `MatTheme.amber` | 🧡 |
96
- | `MatTheme.orange` | 🟠 | `MatTheme.deepOrange` | 🔶 |
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.deepPurple.headers()])
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. **`Card`** - Creates a Material Design card component with elevation
149
- 3. **`FormField`** - Generates a styled input with floating label
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`, `FormField`, `FormModal`, `Grid` |
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`, `DataTableResource`, CRUD operations |
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`, `FormGrid`, `FormModal` for rapid form building |
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 | Preview | Theme | Preview |
50
- |-----------------------|---------|-----------------------|---------|
51
- | `MatTheme.red` | 🔴 | `MatTheme.pink` | 🩷 |
52
- | `MatTheme.purple` | 🟣 | `MatTheme.deepPurple` | 💜 |
53
- | `MatTheme.indigo` | 🔵 | `MatTheme.blue` | 💙 |
54
- | `MatTheme.lightBlue` | 🩵 | `MatTheme.cyan` | 🌊 |
55
- | `MatTheme.teal` | 🩶 | `MatTheme.green` | 💚 |
56
- | `MatTheme.lightGreen` | 🍀 | `MatTheme.lime` | 💛 |
57
- | `MatTheme.yellow` | 🌟 | `MatTheme.amber` | 🧡 |
58
- | `MatTheme.orange` | 🟠 | `MatTheme.deepOrange` | 🔶 |
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.deepPurple.headers()])
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. **`Card`** - Creates a Material Design card component with elevation
111
- 3. **`FormField`** - Generates a styled input with floating label
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`, `FormField`, `FormModal`, `Grid` |
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`, `DataTableResource`, CRUD operations |
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`, `FormGrid`, `FormModal` for rapid form building |
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.16
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 | Preview | Theme | Preview |
88
- |-----------------------|---------|-----------------------|---------|
89
- | `MatTheme.red` | 🔴 | `MatTheme.pink` | 🩷 |
90
- | `MatTheme.purple` | 🟣 | `MatTheme.deepPurple` | 💜 |
91
- | `MatTheme.indigo` | 🔵 | `MatTheme.blue` | 💙 |
92
- | `MatTheme.lightBlue` | 🩵 | `MatTheme.cyan` | 🌊 |
93
- | `MatTheme.teal` | 🩶 | `MatTheme.green` | 💚 |
94
- | `MatTheme.lightGreen` | 🍀 | `MatTheme.lime` | 💛 |
95
- | `MatTheme.yellow` | 🌟 | `MatTheme.amber` | 🧡 |
96
- | `MatTheme.orange` | 🟠 | `MatTheme.deepOrange` | 🔶 |
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.deepPurple.headers()])
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. **`Card`** - Creates a Material Design card component with elevation
149
- 3. **`FormField`** - Generates a styled input with floating label
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`, `FormField`, `FormModal`, `Grid` |
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`, `DataTableResource`, CRUD operations |
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`, `FormGrid`, `FormModal` for rapid form building |
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
 
@@ -5,7 +5,7 @@
5
5
  ### Python library ###
6
6
  repo = fh-matui
7
7
  lib_name = %(repo)s
8
- version = 0.9.16
8
+ version = 0.9.17
9
9
  min_python = 3.9
10
10
  license = apache2
11
11
  black_formatting = False
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes