fh-matui 0.9.16__py3-none-any.whl → 0.9.17__py3-none-any.whl

fh_matui/components.py

@@ -685,8 +685,8 @@ def Select(*options, label=None, value='', name='', id=None, placeholder=None, c
     
     select_el = fc.Select(*opt_elements, **select_attrs)
     
-    # Build field wrapper
-    field_cls = ['field', 'border', 'round']
+    # Build field wrapper - 'max' ensures full width like LabelInput
+    field_cls = ['field', 'border', 'round', 'max']
     if label: field_cls.append('label')
     if cls: field_cls.extend(normalize_tokens(cls))
     cls_str = stringify(field_cls)

{fh_matui-0.9.16.dist-info → fh_matui-0.9.17.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: fh-matui
-Version: 0.9.16
+Version: 0.9.17
 Summary: material-ui for fasthtml
 Home-page: https://github.com/abhisheksreesaila/fh-matui
 Author: abhishek sreesaila
@@ -84,22 +84,24 @@ responsive web interfaces entirely in Python — no JavaScript required.
 
 fh-matui includes 15+ pre-configured Material Design 3 color themes:
 
-| Theme                 | Preview | Theme                 | Preview |
-|-----------------------|---------|-----------------------|---------|
-| `MatTheme.red`        | 🔴      | `MatTheme.pink`       | 🩷      |
-| `MatTheme.purple`     | 🟣      | `MatTheme.deepPurple` | 💜      |
-| `MatTheme.indigo`     | 🔵      | `MatTheme.blue`       | 💙      |
-| `MatTheme.lightBlue`  | 🩵      | `MatTheme.cyan`       | 🌊      |
-| `MatTheme.teal`       | 🩶      | `MatTheme.green`      | 💚      |
-| `MatTheme.lightGreen` | 🍀      | `MatTheme.lime`       | 💛      |
-| `MatTheme.yellow`     | 🌟      | `MatTheme.amber`      | 🧡      |
-| `MatTheme.orange`     | 🟠      | `MatTheme.deepOrange` | 🔶      |
+| Theme                  | Preview | Theme                  | Preview |
+|------------------------|---------|------------------------|---------|
+| `MatTheme.red`         | 🔴      | `MatTheme.pink`        | 🩷      |
+| `MatTheme.purple`      | 🟣      | `MatTheme.deep_purple` | 💜      |
+| `MatTheme.indigo`      | 🔵      | `MatTheme.blue`        | 💙      |
+| `MatTheme.light_blue`  | 🩵      | `MatTheme.cyan`        | 🌊      |
+| `MatTheme.teal`        | 🩶      | `MatTheme.green`       | 💚      |
+| `MatTheme.light_green` | 🍀      | `MatTheme.lime`        | 💛      |
+| `MatTheme.yellow`      | 🌟      | `MatTheme.amber`       | 🧡      |
+| `MatTheme.orange`      | 🟠      | `MatTheme.deep_orange` | 🔶      |
+| `MatTheme.brown`       | 🟤      | `MatTheme.grey`        | ⚪      |
+| `MatTheme.blue_grey`   | 🔘      |                        |         |
 
 **Usage:**
 
 ``` python
 # Choose your theme
-app, rt = fast_app(hdrs=[MatTheme.deepPurple.headers()])
+app, rt = fast_app(hdrs=[MatTheme.deep_purple.headers()])
 ```
 
 ## 🚀 Quick Start
@@ -120,7 +122,6 @@ def home():
         Card(
             H3("Welcome to fh-matui!"),
             P("Build beautiful Material Design apps with Python."),
-            FormField("email", label="Email", type="email"),
             Button("Get Started", cls="primary"),
         ),
         cls="padding"
@@ -145,8 +146,10 @@ styling
 
 1.  **`MatTheme.indigo.headers()`** - Loads BeerCSS with the indigo
     color scheme
-2.  **`Card`** - Creates a Material Design card component with elevation
-3.  **`FormField`** - Generates a styled input with floating label
+2.  **[`Card`](https://abhisheksreesaila.github.io/fh-matui/components.html#card)** -
+    Creates a Material Design card component with elevation
+3.  **[`FormField`](https://abhisheksreesaila.github.io/fh-matui/components.html#formfield)** -
+    Generates a styled input with floating label
 4.  **`Button`** - Renders a Material Design button with ripple effects
 
 ## 📚 Module Reference
@@ -155,9 +158,9 @@ styling
 |----|----|----|
 | [Foundations](foundations.html) | Base utilities and helper functions | `BeerHeaders`, `display`, styling helpers |
 | [Core](core.html) | Theme system and styling | `MatTheme`, color presets, theme configuration |
-| [Components](components.html) | UI component library | `Button`, `Card`, `FormField`, `FormModal`, `Grid` |
+| [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) |
 | [App Pages](app_pages.html) | Application layouts | Navigation, sidebars, full-page layouts |
-| [Data Tables](05_table.html) | Data management components | `DataTable`, `DataTableResource`, CRUD operations |
+| [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 |
 | [Web Pages](web_pages.html) | Marketing/landing pages | Hero sections, feature grids, testimonials |
 
 ## 🛠️ Development
@@ -185,8 +188,8 @@ nbdev_prepare
 | **Component consistency** | Unified API across all components |
 | **Dark mode support** | Built-in with automatic system preference detection |
 | **Responsive design** | Mobile-first grid system and responsive utilities |
-| **Form handling** | `FormField`, `FormGrid`, `FormModal` for rapid form building |
-| **Data management** | `DataTable` and `DataTableResource` for CRUD operations |
+| **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 |
+| **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 |
 
 ## 🤖 For LLM Users
 

{fh_matui-0.9.16.dist-info → fh_matui-0.9.17.dist-info}/RECORD

@@ -1,14 +1,14 @@
 fh_matui/__init__.py,sha256=1Trt9wiX-dulRPRdt82fqX0JH-xfZMdFAJe6dA4gaQM,24
 fh_matui/_modidx.py,sha256=x9AV-LcrfUpON34QN4WnbO-E_GKQ2PhdlY5Zh0NEAT0,24162
 fh_matui/app_pages.py,sha256=DtaStRuYJ_oiEB2nBzMApCv0NfBkE2wUZMUfKBMhMFs,10378
-fh_matui/components.py,sha256=nbqVBqehyjUYnNlkBwbenKzmlsZ7Ah6i19G4eHoksf0,59053
+fh_matui/components.py,sha256=y00glXXR5dB4zHwCDnqXCeGiYKMETK1WO6l7Ee2Bdls,59103
 fh_matui/core.py,sha256=3j-4ot0MgmyBpsIg7qRh3-KTlRYmgVeetQhQNQPQ19E,11108
 fh_matui/datatable.py,sha256=DRgA6nmm4h_QCMmd6CJK8QluRJ0S7c8j9H-yHjpUjBo,42590
 fh_matui/foundations.py,sha256=jSJuELof3B-YeZ4jlsIV-ABpOn9Hv2Qd67o0LuBTqVY,1912
 fh_matui/web_pages.py,sha256=6l0axbrCYmqSmSGrq0qt3nPUNblArCCAy_LlN-iCsNc,35183
-fh_matui-0.9.16.dist-info/licenses/LICENSE,sha256=xV8xoN4VOL0uw9X8RSs2IMuD_Ss_a9yAbtGNeBWZwnw,11337
-fh_matui-0.9.16.dist-info/METADATA,sha256=RR9vOYzH4hsAqBvlzh2s4kTBvvDXQcfMt1W0DIkWT64,9523
-fh_matui-0.9.16.dist-info/WHEEL,sha256=wUyA8OaulRlbfwMtmQsvNngGrxQHAvkKcvRmdizlJi0,92
-fh_matui-0.9.16.dist-info/entry_points.txt,sha256=zn4CR4gNTiAAxbFsCxHAf2tQhtW29_YOffjbUTgeoWI,38
-fh_matui-0.9.16.dist-info/top_level.txt,sha256=l80d5eoA2ZjqtPYwAorLMS5PiHxUxz3zKzxMJ41Xoso,9
-fh_matui-0.9.16.dist-info/RECORD,,
+fh_matui-0.9.17.dist-info/licenses/LICENSE,sha256=xV8xoN4VOL0uw9X8RSs2IMuD_Ss_a9yAbtGNeBWZwnw,11337
+fh_matui-0.9.17.dist-info/METADATA,sha256=6ngbutacYFlJoMqDm6IKv_uWOa_ARVdl_2nryVQ4E1Q,10601
+fh_matui-0.9.17.dist-info/WHEEL,sha256=wUyA8OaulRlbfwMtmQsvNngGrxQHAvkKcvRmdizlJi0,92
+fh_matui-0.9.17.dist-info/entry_points.txt,sha256=zn4CR4gNTiAAxbFsCxHAf2tQhtW29_YOffjbUTgeoWI,38
+fh_matui-0.9.17.dist-info/top_level.txt,sha256=l80d5eoA2ZjqtPYwAorLMS5PiHxUxz3zKzxMJ41Xoso,9
+fh_matui-0.9.17.dist-info/RECORD,,