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

fh_matui/__init__.py

@@ -1 +1 @@
-__version__ = "0.9.14"
+__version__ = "0.9.16"

fh_matui/_modidx.py

@@ -61,6 +61,7 @@ d = { 'settings': { 'branch': 'master',
                                      'fh_matui.components.Radio': ('components.html#radio', 'fh_matui/components.py'),
                                      'fh_matui.components.Range': ('components.html#range', 'fh_matui/components.py'),
                                      'fh_matui.components.Select': ('components.html#select', 'fh_matui/components.py'),
+                                     'fh_matui.components.SelectMenu': ('components.html#selectmenu', 'fh_matui/components.py'),
                                      'fh_matui.components.Small': ('components.html#small', 'fh_matui/components.py'),
                                      'fh_matui.components.Snackbar': ('components.html#snackbar', 'fh_matui/components.py'),
                                      'fh_matui.components.SpaceT': ('components.html#spacet', 'fh_matui/components.py'),

fh_matui/app_pages.py

@@ -2,10 +2,10 @@
 
 # AUTOGENERATED! DO NOT EDIT! File to edit: ../nbs/03_app_pages.ipynb.
 
-# %% auto 0
+# %% auto #0
 __all__ = ['LoginScreen']
 
-# %% ../nbs/03_app_pages.ipynb 2
+# %% ../nbs/03_app_pages.ipynb #99dc363f
 from fastcore.utils import *
 from fasthtml.common import *
 from fasthtml.jupyter import *
@@ -18,7 +18,7 @@ from .components import *
 
 
 
-# %% ../nbs/03_app_pages.ipynb 6
+# %% ../nbs/03_app_pages.ipynb #47b3b49d
 # Default inspirational quotes for login screen (fully customizable via parameter)
 _DEFAULT_LOGIN_QUOTES = [
     "The only way to do great work is to love what you do. — Steve Jobs",

fh_matui/components.py

@@ -2,19 +2,19 @@
 
 # AUTOGENERATED! DO NOT EDIT! File to edit: ../nbs/02_components.ipynb.
 
-# %% auto 0
+# %% auto #0
 __all__ = ['BUTTON_SPECIALS', 'ButtonT', 'ANCHOR_SPECIALS', 'AT', 'NavToggleButton', 'SpaceT', 'GridSpanT', 'GridCell', 'Grid',
            'DivHStacked', 'DivLAligned', 'DivVStacked', 'DivRAligned', 'DivCentered', 'DivFullySpaced', 'Icon',
            'NavBar', 'Modal', 'ModalButton', 'ModalCancel', 'ModalConfirm', 'ModalTitle', 'ModalBody', 'ModalFooter',
-           'Field', 'LabelInput', 'FormLabel', 'CheckboxX', 'Radio', 'Switch', 'TextArea', 'Range', 'Select',
-           'FormGrid', 'Progress', 'LoadingIndicator', 'Table', 'Td', 'Th', 'Thead', 'Tbody', 'Tfoot', 'TableFromLists',
-           'TableFromDicts', 'TableControls', 'Pagination', 'Card', 'Toolbar', 'Toast', 'Snackbar', 'ContainerT',
-           'FormField', 'FormModal', 'NavContainer', 'NavHeaderLi', 'NavDividerLi', 'NavCloseLi', 'NavSubtitle',
-           'BottomNav', 'NavSideBarHeader', 'NavSideBarLinks', 'NavSideBarContainer', 'Page', 'Layout', 'TextT',
-           'TextPresets', 'CodeSpan', 'CodeBlock', 'Blockquote', 'Q', 'Em', 'Strong', 'Small', 'Mark', 'Abbr', 'Sub',
-           'Sup', 'FAQItem', 'CookiesBanner']
-
-# %% ../nbs/02_components.ipynb 2
+           'Field', 'LabelInput', 'FormLabel', 'CheckboxX', 'Radio', 'Switch', 'TextArea', 'Range', 'SelectMenu',
+           'Select', 'FormGrid', 'Progress', 'LoadingIndicator', 'Table', 'Td', 'Th', 'Thead', 'Tbody', 'Tfoot',
+           'TableFromLists', 'TableFromDicts', 'TableControls', 'Pagination', 'Card', 'Toolbar', 'Toast', 'Snackbar',
+           'ContainerT', 'FormField', 'FormModal', 'NavContainer', 'NavHeaderLi', 'NavDividerLi', 'NavCloseLi',
+           'NavSubtitle', 'BottomNav', 'NavSideBarHeader', 'NavSideBarLinks', 'NavSideBarContainer', 'Page', 'Layout',
+           'TextT', 'TextPresets', 'CodeSpan', 'CodeBlock', 'Blockquote', 'Q', 'Em', 'Strong', 'Small', 'Mark', 'Abbr',
+           'Sub', 'Sup', 'FAQItem', 'CookiesBanner']
+
+# %% ../nbs/02_components.ipynb #32bd23ad
 from fastcore.utils import *
 from fasthtml.common import *
 from fasthtml.jupyter import *
@@ -26,7 +26,7 @@ from .core import *
 from nbdev.showdoc import show_doc
 
 
-# %% ../nbs/02_components.ipynb 6
+# %% ../nbs/02_components.ipynb #31957c2d
 #| code-fold: true
 def NavToggleButton(target, icon='menu', **kwargs):
     """Create a navigation toggle button that toggles the 'max' class on the target element.
@@ -39,7 +39,7 @@ def NavToggleButton(target, icon='menu', **kwargs):
     kwargs.update({'onclick': onclick, 'cls': cls})
     return Button(I(icon), **kwargs)
 
-# %% ../nbs/02_components.ipynb 7
+# %% ../nbs/02_components.ipynb #aea20daf
 #| code-fold: true
 BUTTON_SPECIALS = {
     'primary': 'primary',
@@ -64,7 +64,7 @@ for name, css in BUTTON_SPECIALS.items():
 
 ButtonT = _ButtonChain()
 
-# %% ../nbs/02_components.ipynb 10
+# %% ../nbs/02_components.ipynb #ba073cd1
 #| code-fold: true
 class _AnchorChain(BeerCssChain):
     """Chainable anchor style helper"""
@@ -88,7 +88,7 @@ for name, css in ANCHOR_SPECIALS.items():
 
 AT = _AnchorChain()
 
-# %% ../nbs/02_components.ipynb 13
+# %% ../nbs/02_components.ipynb #e55766c2
 class SpaceT(VEnum):
     """Space types using BeerCSS spacing classes"""
     no_space = 'no-space'
@@ -232,7 +232,7 @@ def Grid(*cells, space=SpaceT.medium_space,
     
     return Div(*wrapped_cells, cls=stringify(dedupe_preserve_order(grid_cls)), **kwargs)
 
-# %% ../nbs/02_components.ipynb 16
+# %% ../nbs/02_components.ipynb #1264260c
 def DivHStacked(*c, responsive=True, padding=True, cls='', **kwargs):
     """Responsive horizontal stack with padding and mobile compatibility."""
     cls_tokens = normalize_tokens(cls)
@@ -250,7 +250,7 @@ def DivHStacked(*c, responsive=True, padding=True, cls='', **kwargs):
     return Div(*c, cls=stringify(dedupe_preserve_order(tokens)), **kwargs)
 
 
-# %% ../nbs/02_components.ipynb 17
+# %% ../nbs/02_components.ipynb #16cae24c
 def DivLAligned(*c, cls='', **kwargs):
     """MonsterUI-compatible left-aligned row using BeerCSS tokens."""
     cls_tokens = normalize_tokens(cls)
@@ -261,7 +261,7 @@ def DivLAligned(*c, cls='', **kwargs):
 
 
 
-# %% ../nbs/02_components.ipynb 19
+# %% ../nbs/02_components.ipynb #2435d500
 def DivVStacked(*c, responsive=True, padding=True, cls='', **kwargs):
     """Responsive vertical stack with padding and mobile compatibility."""
     cls_tokens = normalize_tokens(cls)
@@ -279,7 +279,7 @@ def DivVStacked(*c, responsive=True, padding=True, cls='', **kwargs):
     return Div(*c, cls=stringify(dedupe_preserve_order(tokens)), **kwargs)
 
 
-# %% ../nbs/02_components.ipynb 22
+# %% ../nbs/02_components.ipynb #1c19a699
 def DivRAligned(*c, cls='', **kwargs):
     """MonsterUI-compatible right-aligned row using BeerCSS tokens."""
     cls_tokens = normalize_tokens(cls)
@@ -288,7 +288,7 @@ def DivRAligned(*c, cls='', **kwargs):
     tokens = [t for t in tokens if t]
     return DivHStacked(*c, cls=stringify(dedupe_preserve_order(tokens)), **kwargs)
 
-# %% ../nbs/02_components.ipynb 24
+# %% ../nbs/02_components.ipynb #0a028d84
 def DivCentered(*c, cls='', **kwargs):
     """Center-aligned container using BeerCSS tokens."""
     cls_tokens = normalize_tokens(cls)
@@ -297,7 +297,7 @@ def DivCentered(*c, cls='', **kwargs):
     tokens = [t for t in tokens if t]
     return Div(*c, cls=stringify(dedupe_preserve_order(tokens)), **kwargs)
 
-# %% ../nbs/02_components.ipynb 26
+# %% ../nbs/02_components.ipynb #7b232371
 def DivFullySpaced(*c, cls='', **kwargs):
     """Row with children stretched to far ends using BeerCSS `max` spacers."""
     cls_tokens = normalize_tokens(cls)
@@ -318,7 +318,7 @@ def DivFullySpaced(*c, cls='', **kwargs):
         base = spaced_children
     return Div(*base, cls=stringify(dedupe_preserve_order(tokens)), **kwargs)
 
-# %% ../nbs/02_components.ipynb 29
+# %% ../nbs/02_components.ipynb #0e0bbaca
 #| code-fold: true
 def Icon(icon: str, size: str = None, fill: bool = False, cls = (), **kwargs):
     """Material Design icon with optional size and fill"""
@@ -329,7 +329,7 @@ def Icon(icon: str, size: str = None, fill: bool = False, cls = (), **kwargs):
     cls_str = ' '.join(icon_cls) if icon_cls else None
     return I(icon, cls=cls_str, **kwargs) if cls_str else I(icon, **kwargs)
 
-# %% ../nbs/02_components.ipynb 32
+# %% ../nbs/02_components.ipynb #f1e25f09
 #| code-fold: true
 def NavBar(*children, brand=None, sticky=False, cls='', size='small',
            hx_boost=True, hx_target='#main-content', **kwargs):
@@ -357,7 +357,7 @@ def NavBar(*children, brand=None, sticky=False, cls='', size='small',
         return Nav(brand, Div(cls='max'), *children, cls=f"row middle-align {padding_cls} {nav_cls}", **kwargs)
     return Nav(*children, cls=f"{padding_cls} {nav_cls}", **kwargs)
 
-# %% ../nbs/02_components.ipynb 35
+# %% ../nbs/02_components.ipynb #6d92c66b
 def Modal(*c, id=None, footer=None, active=False, overlay='default', position=None, cls=(), **kwargs):
     """BeerCSS modal dialog with position and overlay options.
     
@@ -460,7 +460,7 @@ def ModalFooter(*c, cls=(), **kwargs):
     footer_cls.extend(['right-align', 'no-space'])
     return Nav(*c, cls=' '.join(footer_cls), **kwargs)
 
-# %% ../nbs/02_components.ipynb 38
+# %% ../nbs/02_components.ipynb #3a16954d
 #| code-fold: true
 def Field(*c, label: bool = False, prefix: bool = False, suffix: bool = False, cls = '', **kwargs):
     """BeerCSS field wrapper for inputs with border/label/prefix/suffix styling."""
@@ -485,7 +485,7 @@ def LabelInput(label: str, id: str = None, placeholder: str = None, input_type:
     if suffix_icon: children.append(I(suffix_icon))
     return Field(*children, label=True, prefix=bool(prefix_icon), suffix=bool(suffix_icon), cls=cls)
 
-# %% ../nbs/02_components.ipynb 41
+# %% ../nbs/02_components.ipynb #d6668f1b
 #| code-fold: true
 def LabelInput(label: str, id: str = None, placeholder: str = None, input_type: str = 'text',
                prefix_icon: str = None, suffix_icon: str = None, value: str = None, cls = '', **kwargs):
@@ -507,7 +507,7 @@ def FormLabel(*c, cls=(), **kwargs):
     if cls_str: return Label(*c, cls=cls_str, **kwargs)
     return Label(*c, **kwargs)
 
-# %% ../nbs/02_components.ipynb 44
+# %% ../nbs/02_components.ipynb #b9cf5341
 #| code-fold: true
 def CheckboxX(*c, cls=(), **kwargs):
     """BeerCSS checkbox with label support."""
@@ -517,7 +517,7 @@ def CheckboxX(*c, cls=(), **kwargs):
     cls_str = stringify(checkbox_cls)
     return Label(Input(type='checkbox', **kwargs), Span(label_text) if label_text else Span(), cls=cls_str)
 
-# %% ../nbs/02_components.ipynb 47
+# %% ../nbs/02_components.ipynb #784de047
 #| code-fold: true
 def Radio(*c, cls=(), **kwargs):
     """BeerCSS radio button with label."""
@@ -527,7 +527,7 @@ def Radio(*c, cls=(), **kwargs):
     cls_str = stringify(radio_cls)
     return Label(Input(type='radio', **kwargs), Span(label_text) if label_text else Span(), cls=cls_str)
 
-# %% ../nbs/02_components.ipynb 50
+# %% ../nbs/02_components.ipynb #128c2b3c
 #| code-fold: true
 def Switch(*c, cls=(), **kwargs):
     """BeerCSS toggle switch for on/off states.
@@ -554,7 +554,7 @@ def Switch(*c, cls=(), **kwargs):
         cls='middle-align'
     )
 
-# %% ../nbs/02_components.ipynb 53
+# %% ../nbs/02_components.ipynb #0c1c2718
 #| code-fold: true
 def TextArea(*c, cls=(), **kwargs):
     """BeerCSS textarea with field wrapper for consistent styling."""
@@ -562,7 +562,7 @@ def TextArea(*c, cls=(), **kwargs):
     textarea = Textarea(content, **kwargs) if content else Textarea(**kwargs)
     return Field(textarea, cls=cls)
 
-# %% ../nbs/02_components.ipynb 56
+# %% ../nbs/02_components.ipynb #ddbbd284
 #| code-fold: true
 def Range(*c, min=None, max=None, step=None, cls=(), **kwargs):
     """BeerCSS range slider with two-tone fill effect."""
@@ -591,76 +591,27 @@ def Range(*c, min=None, max=None, step=None, cls=(), **kwargs):
     style = f"--_start: 0%; --_end: {percentage:.1f}%;"
     return Label(Input(**input_attrs), Span(), cls=cls_str, style=style)
 
-# %% ../nbs/02_components.ipynb 59
+# %% ../nbs/02_components.ipynb #6262a7d8
 #| code-fold: true
-# One-time script for Select component HTMX integration
-# Handles menu item clicks, syncs hidden input, dispatches 'itemselected' event
-# Fixed: Better selector, data-value support, menu closing, dual event dispatch
-_SELECT_SCRIPT = Script("""
-(function() {
-    if (window._fhMatuiSelectInit) return;
-    window._fhMatuiSelectInit = true;
-    
-    document.addEventListener('click', function(e) {
-        // Find clicked li inside a menu that's inside a field wrapper
-        const li = e.target.closest('li');
-        if (!li) return;
-        
-        // Skip transparent items (headers/labels)
-        if (li.classList.contains('transparent')) return;
-        
-        // Find the menu and field wrapper
-        const menu = li.closest('menu');
-        if (!menu) return;
-        
-        const wrapper = menu.closest('.field');
-        if (!wrapper) return;
-        
-        // Get value: prefer data-value attribute, fallback to text content
-        const value = li.dataset.value || li.textContent.trim();
-        const displayText = li.textContent.trim();
-        
-        // Update display input (readonly visible input)
-        const displayInput = wrapper.querySelector('input:not([type="hidden"])');
-        if (displayInput) displayInput.value = displayText;
-        
-        // Update hidden input (form submission value)
-        const hiddenInput = wrapper.querySelector('input[type="hidden"]');
-        if (hiddenInput) hiddenInput.value = value;
-        
-        // Close the menu using BeerCSS ui() function
-        if (typeof ui === 'function') {
-            ui(menu);
-        }
-        
-        // Dispatch custom event for HTMX integration (on wrapper for hx-trigger)
-        wrapper.dispatchEvent(new CustomEvent('itemselected', {
-            detail: { value: value, displayText: displayText, li: li },
-            bubbles: true
-        }));
-        
-        // Also dispatch change event for standard form handling
-        if (hiddenInput) {
-            hiddenInput.dispatchEvent(new Event('change', { bubbles: true }));
-        }
-    });
-})();
-""", id="fh-matui-select-init")
-
-def Select(*items, value='', placeholder='Select...', prefix_icon=None, name='', id=None, cls=(), **kwargs):
-    """BeerCSS menu-based select dropdown with HTMX integration.
+def SelectMenu(*items, value='', placeholder='Select...', prefix_icon=None, id=None, cls=(), **kwargs):
+    """BeerCSS menu-based dropdown for display menus (profile, actions, navigation).
     
-    Dispatches 'itemselected' custom event when a menu item is clicked,
-    enabling HTMX patterns like hx-trigger="itemselected".
+    Not intended for form input - use Select for forms with native change events.
+    This component uses BeerCSS's menu element which opens/closes on click.
+    
+    Args:
+        *items: Menu items - strings are auto-wrapped in Li, or pass Li elements directly
+        value: Currently displayed value text
+        placeholder: Placeholder text when no value selected
+        prefix_icon: Optional icon to show before the input
+        id: Optional wrapper ID
+        cls: Additional CSS classes
     """
     menu_items = []
     for item in items:
         if isinstance(item, str): menu_items.append(Li(item))
         else: menu_items.append(item)
     
-    # Auto-generate ID from name if not provided
-    wrapper_id = id or (f"select-{name}" if name else None)
-    
     children = []
     if prefix_icon: children.append(I(prefix_icon))
     
@@ -668,16 +619,9 @@ def Select(*items, value='', placeholder='Select...', prefix_icon=None, name='',
     input_attrs = {'value': value, 'readonly': True, 'placeholder': placeholder if placeholder else ' '}
     children.append(Input(**input_attrs))
     
-    # Hidden input for form submission (carries the actual value)
-    if name:
-        children.append(Input(type='hidden', name=name, value=value))
-    
     children.append(I('arrow_drop_down'))
     children.append(Menu(*menu_items))
     
-    # Include the one-time init script
-    children.append(_SELECT_SCRIPT)
-    
     field_cls = ['field', 'fill', 'round']
     if prefix_icon: field_cls.append('prefix')
     field_cls.append('suffix')
@@ -685,13 +629,75 @@ def Select(*items, value='', placeholder='Select...', prefix_icon=None, name='',
     cls_str = stringify(field_cls)
     
     wrapper_attrs = {'cls': cls_str}
-    if wrapper_id:
-        wrapper_attrs['id'] = wrapper_id
+    if id:
+        wrapper_attrs['id'] = id
     wrapper_attrs.update(kwargs)
     
     return Div(*children, **wrapper_attrs)
 
-# %% ../nbs/02_components.ipynb 70
+
+def Select(*options, label=None, value='', name='', id=None, placeholder=None, cls=(), **kwargs):
+    """BeerCSS native HTML select with floating label support.
+    
+    Uses the native <select> element for full browser support including:
+    - Standard 'change' event for HTMX (hx-trigger="change")
+    - Keyboard navigation
+    - Mobile-friendly native picker
+    - Works seamlessly with cascading dropdowns
+    
+    Args:
+        *options: Option items - strings, Option elements, or dicts with 'value'/'label' keys
+        label: Floating label text (optional)
+        value: Currently selected value
+        name: Form field name
+        id: Element ID (auto-generated from name if not provided)
+        placeholder: Placeholder option text (shown as disabled first option)
+        cls: Additional CSS classes for the field wrapper
+    """
+    # Auto-generate ID from name if not provided
+    select_id = id or (f"select-{name}" if name else None)
+    
+    # Build options list
+    opt_elements = []
+    
+    # Add placeholder as disabled first option if provided
+    if placeholder:
+        opt_elements.append(Option(placeholder, value='', disabled=True, selected=(not value)))
+    
+    for opt in options:
+        if isinstance(opt, str):
+            # String option: value and label are the same
+            opt_elements.append(Option(opt, value=opt, selected=(opt == value)))
+        elif hasattr(opt, 'tag') and opt.tag == 'option':
+            # Already an Option element, pass through
+            opt_elements.append(opt)
+        elif isinstance(opt, dict):
+            # Dict with value/label keys
+            opt_val = opt.get('value', opt.get('label', ''))
+            opt_label = opt.get('label', opt.get('value', ''))
+            opt_elements.append(Option(opt_label, value=opt_val, selected=(opt_val == value)))
+    
+    # Build select element
+    select_attrs = {}
+    if name: select_attrs['name'] = name
+    if select_id: select_attrs['id'] = select_id
+    select_attrs.update(kwargs)
+    
+    select_el = fc.Select(*opt_elements, **select_attrs)
+    
+    # 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)
+    
+    children = [select_el]
+    if label:
+        children.append(Label(label, fr=select_id))
+    
+    return Div(*children, cls=cls_str)
+
+# %% ../nbs/02_components.ipynb #e6576c75
 #| code-fold: true
 def FormGrid(*c, cols: int = 1):
     """Responsive grid layout for form fields that stacks on mobile."""
@@ -700,7 +706,7 @@ def FormGrid(*c, cols: int = 1):
     wrapped = [Div(child, cls=col_cls) for child in c]
     return Div(*wrapped, cls="grid")
 
-# %% ../nbs/02_components.ipynb 73
+# %% ../nbs/02_components.ipynb #5a159345
 #| code-fold: true
 def Progress(*c, value='', max='100', cls=(), **kwargs):
     """Linear progress bar with value/max support."""
@@ -712,7 +718,7 @@ def Progress(*c, value='', max='100', cls=(), **kwargs):
     if cls_str: return fc.Progress(*c, cls=cls_str, **progress_attrs)
     return fc.Progress(*c, **progress_attrs)
 
-# %% ../nbs/02_components.ipynb 76
+# %% ../nbs/02_components.ipynb #11d87dd6
 #| code-fold: true
 def LoadingIndicator(size='medium', cls='', **kwargs):
     """BeerCSS circular spinner for async operations."""
@@ -720,7 +726,7 @@ def LoadingIndicator(size='medium', cls='', **kwargs):
     progress_cls = f"circle {size_cls} {cls}".strip()
     return fc.Progress(cls=progress_cls, **kwargs)
 
-# %% ../nbs/02_components.ipynb 79
+# %% ../nbs/02_components.ipynb #396ebe54
 #| code-fold: true
 def Table(*c, cls = 'border', **kwargs):
     """BeerCSS table with optional border/stripes classes."""
@@ -788,14 +794,14 @@ def TableFromDicts(header_data, body_data, footer_data = None, header_cell_rende
         Tfoot(Tr(*[footer_cell_render(k, footer_data.get(k, '')) for k in header_data])) if footer_data else None,
         cls=cls, **kwargs)
 
-# %% ../nbs/02_components.ipynb 82
+# %% ../nbs/02_components.ipynb #0cf9871f
 #| code-fold: true
 def TableControls(*controls, cls='', **kwargs):
     """Toolbar container for table filters, search, and actions."""
     controls_cls = f"padding middle-align space {cls}".strip()
     return Div(*controls, cls=controls_cls, **kwargs)
 
-# %% ../nbs/02_components.ipynb 85
+# %% ../nbs/02_components.ipynb #93a6e771
 #| code-fold: true
 def Pagination(current_page: int, total_pages: int, hx_get: str, hx_target: str = '#table-container',
                show_first_last: bool = True, cls='', **kwargs):
@@ -830,7 +836,7 @@ def Pagination(current_page: int, total_pages: int, hx_get: str, hx_target: str
     nav_cls = f"center-align middle-align {cls}".strip()
     return Nav(*buttons, cls=nav_cls, **kwargs)
 
-# %% ../nbs/02_components.ipynb 88
+# %% ../nbs/02_components.ipynb #c573ee87
 #| code-fold: true
 def Card(*c, header = None, footer = None, body_cls = 'padding', header_cls = (), footer_cls = (), cls = (), **kwargs):
     """BeerCSS card with optional header/footer sections."""
@@ -844,7 +850,7 @@ def Card(*c, header = None, footer = None, body_cls = 'padding', header_cls = ()
     if footer is not None: sections.append(Nav(footer, cls=footer_cls) if footer_cls else Nav(footer))
     return Article(*sections, cls=cls, **kwargs)
 
-# %% ../nbs/02_components.ipynb 91
+# %% ../nbs/02_components.ipynb #f0c71209
 #| code-fold: true
 def Toolbar(*items, cls='', elevate='large', fill=True, **kwargs):
     """BeerCSS toolbar for action bars with elevation options."""
@@ -854,7 +860,7 @@ def Toolbar(*items, cls='', elevate='large', fill=True, **kwargs):
     if cls: classes.append(cls)
     return Nav(*items, cls=' '.join(classes), **kwargs)
 
-# %% ../nbs/02_components.ipynb 95
+# %% ../nbs/02_components.ipynb #7019d70e
 #| code-fold: true
 def Toast(*c, cls='', position='top', variant='', action=None, active=False, dur=None, **kwargs):
     """BeerCSS snackbar/toast notification with position ('top' or 'bottom') and variant options."""
@@ -898,7 +904,7 @@ def Snackbar(*c, **kwargs):
     """Alias for Toast component."""
     return Toast(*c, **kwargs)
 
-# %% ../nbs/02_components.ipynb 98
+# %% ../nbs/02_components.ipynb #fe1b0be7
 #| code-fold: true
 class ContainerT(VEnum):
     """Container size options (BeerCSS). Most alias to 'responsive'; use 'expand' for full-width."""
@@ -909,7 +915,7 @@ class ContainerT(VEnum):
     xl = 'responsive'
     expand = 'responsive max'
 
-# %% ../nbs/02_components.ipynb 100
+# %% ../nbs/02_components.ipynb #f53893ec
 #| code-fold: true
 def _get_form_config(col: dict) -> dict:
     """Extract form config from column, with sensible defaults."""
@@ -985,7 +991,7 @@ def FormField(
             **attrs
         )
 
-# %% ../nbs/02_components.ipynb 102
+# %% ../nbs/02_components.ipynb #aff2ee40
 #| code-fold: true
 from typing import Callable, Any
 
@@ -1104,7 +1110,7 @@ def FormModal(
         cls="large-width"
     )
 
-# %% ../nbs/02_components.ipynb 104
+# %% ../nbs/02_components.ipynb #945684a7
 #| code-fold: true
 def NavContainer(*li, title=None, brand=None, position='left', close_button=True, cls='active', id=None, **kwargs):
     """Slide-out navigation drawer with header and close button."""
@@ -1161,7 +1167,7 @@ def BottomNav(*c, cls='bottom', size='s', **kwargs):
     final_cls = f"{cls} {size_cls}".strip()
     return Nav(*c, cls=final_cls, **kwargs)
 
-# %% ../nbs/02_components.ipynb 107
+# %% ../nbs/02_components.ipynb #359f9555
 #| code-fold: true
 def NavSideBarHeader(*c, cls='', **kwargs):
     """Sidebar header section for menu buttons and branding."""
@@ -1205,7 +1211,7 @@ def NavSideBarContainer(*children, position='left', size='m', cls='', active=Fal
     
     return Nav(*children, cls=nav_cls, **kwargs)
 
-# %% ../nbs/02_components.ipynb 109
+# %% ../nbs/02_components.ipynb #541b2d99
 #| code-fold: true
 def Page(*c, active=True, position=None, cls='', **kwargs):
     """BeerCSS animated page container.
@@ -1313,7 +1319,7 @@ def Layout(*content, sidebar=None, sidebar_links=None, nav_bar=None, container_s
     return Div(*layout_children, cls=final_cls, **kwargs)
 
 
-# %% ../nbs/02_components.ipynb 115
+# %% ../nbs/02_components.ipynb #4329c780
 #| code-fold: true
 class TextT(VEnum):
     """Text styles using BeerCSS typography classes."""
@@ -1345,7 +1351,7 @@ class TextPresets(VEnum):
     primary_link = 'link primary-text'
     muted_link = 'link secondary-text'
 
-# %% ../nbs/02_components.ipynb 116
+# %% ../nbs/02_components.ipynb #c62d0db5
 #| code-fold: true
 def CodeSpan(*c, cls=(), **kwargs):
     """Inline code snippet."""
@@ -1401,7 +1407,7 @@ def Sup(*c, cls=(), **kwargs):
     cls_str = stringify(cls) if cls else None
     return fc.Sup(*c, cls=cls_str, **kwargs) if cls_str else fc.Sup(*c, **kwargs)
 
-# %% ../nbs/02_components.ipynb 118
+# %% ../nbs/02_components.ipynb #15d01ef3
 #| code-fold: true
 def FAQItem(question: str, answer: str, question_cls: str = '', answer_cls: str = ''):
     """Collapsible FAQ item using details/summary.
@@ -1419,7 +1425,7 @@ def FAQItem(question: str, answer: str, question_cls: str = '', answer_cls: str
         Summary(Article(Nav(Div(question, cls=f"max bold {question_cls}".strip()), I("expand_more")), cls="round surface-variant border no-elevate")),
         Article(P(answer, cls=f"secondary-text {answer_cls}".strip()), cls="round border padding"))
 
-# %% ../nbs/02_components.ipynb 122
+# %% ../nbs/02_components.ipynb #287c86c3
 #| code-fold: true
 def CookiesBanner(message='We use cookies to enhance your experience. By continuing to visit this site you agree to our use of cookies.',
                   accept_text='Accept', decline_text='Decline', settings_text=None, policy_link='/cookies', policy_text='Learn more',

fh_matui/core.py

@@ -2,13 +2,13 @@
 
 # AUTOGENERATED! DO NOT EDIT! File to edit: ../nbs/01_core.ipynb.
 
-# %% auto 0
+# %% auto #0
 __all__ = ['HEADER_URLS', 'beer_hdrs', 'COLOR_NAMES', 'SIZES', 'WIDTH_HEIGHT', 'ELEVATES', 'DIRECTIONS', 'FORMS', 'MARGINS',
            'PADDINGS', 'POSITIONS', 'RESPONSIVE', 'ALIGNMENTS', 'BLURS', 'OPACITIES', 'SHADOWS', 'SPACES', 'RIPPLES',
            'SCROLLS', 'WAVES', 'ZOOMS', 'THEME_HELPERS', 'TYPOGRAPHY', 'TRIGGERS', 'COLOR_HELPERS', 'ALL_HELPERS',
            'MatTheme', 'BeerCssChain']
 
-# %% ../nbs/01_core.ipynb 2
+# %% ../nbs/01_core.ipynb #4894c2b5
 from fastcore.utils import *
 from fasthtml.common import *
 from fasthtml.jupyter import *
@@ -17,7 +17,7 @@ from fasthtml.common import A, Button as FhButton, I, Span
 from .foundations import normalize_tokens, dedupe_preserve_order, stringify, listify, VEnum
 from nbdev.showdoc import show_doc
 
-# %% ../nbs/01_core.ipynb 5
+# %% ../nbs/01_core.ipynb #8e02ad09
 #| code-fold: true
 #| code-fold: true
 HEADER_URLS = {
@@ -32,7 +32,7 @@ beer_hdrs = (
     Script(src=HEADER_URLS["mdc_js"], type='module'),
 )
 
-# %% ../nbs/01_core.ipynb 7
+# %% ../nbs/01_core.ipynb #2e3ec12e
 #| code-fold: true
 #| code-fold: true
 # All BeerCSS color names
@@ -90,7 +90,7 @@ ALL_HELPERS = (SIZES + WIDTH_HEIGHT + ELEVATES + DIRECTIONS + FORMS + MARGINS +
                POSITIONS + RESPONSIVE + ALIGNMENTS + BLURS + OPACITIES + SHADOWS + SPACES + 
                RIPPLES + SCROLLS + WAVES + ZOOMS + THEME_HELPERS + TYPOGRAPHY + TRIGGERS + COLOR_HELPERS)
 
-# %% ../nbs/01_core.ipynb 10
+# %% ../nbs/01_core.ipynb #74645b97
 #| code-fold: true
 #| code-fold: true
 class _ThemeChain:
@@ -157,7 +157,7 @@ class _ThemeChain:
         hdrs.append(Title(title))
         return tuple(hdrs)
 
-# %% ../nbs/01_core.ipynb 11
+# %% ../nbs/01_core.ipynb #18fbe01e
 #| code-fold: true
 #| code-fold: true
 class _ThemeNamespace:
@@ -217,7 +217,7 @@ class _ThemeNamespace:
 
 MatTheme = _ThemeNamespace()
 
-# %% ../nbs/01_core.ipynb 15
+# %% ../nbs/01_core.ipynb #4672930e
 #| code-fold: true
 #| code-fold: true
 class BeerCssChain:

fh_matui/datatable.py

@@ -2,11 +2,11 @@
 
 # AUTOGENERATED! DO NOT EDIT! File to edit: ../nbs/05_datatable.ipynb.
 
-# %% auto 0
+# %% auto #0
 __all__ = ['PAGE_SIZES', 'TABLE_STYLES', 'TABLE_SPACES', 'TABLE_ALIGNS', 'logger', 'table_state_from_request', 'DataTable',
            'CrudContext', 'DataTableResource']
 
-# %% ../nbs/05_datatable.ipynb 2
+# %% ../nbs/05_datatable.ipynb #d7f65962
 from fastcore.utils import *
 from fasthtml.common import *
 from fasthtml.jupyter import *
@@ -18,7 +18,7 @@ from .core import *
 from nbdev.showdoc import show_doc
 from .components import *
 
-# %% ../nbs/05_datatable.ipynb 7
+# %% ../nbs/05_datatable.ipynb #3a9c1b0c
 #| code-fold: true
 #| code-fold: true
 from math import ceil
@@ -384,7 +384,7 @@ def DataTable(
         hx_swap="outerHTML"
     )
 
-# %% ../nbs/05_datatable.ipynb 9
+# %% ../nbs/05_datatable.ipynb #b84c744d
 import asyncio
 import logging
 from dataclasses import dataclass
@@ -480,7 +480,7 @@ class CrudContext:
     record_id: Optional[Any] = None  # ID for update/delete (None for create)
     feedback_id: Optional[str] = None  # Target div ID for HTMX swap (for override handlers)
 
-# %% ../nbs/05_datatable.ipynb 14
+# %% ../nbs/05_datatable.ipynb #63468220
 from typing import Callable, Optional, Any, Union
 from dataclasses import asdict, is_dataclass
 from datetime import datetime

fh_matui/foundations.py

@@ -2,16 +2,16 @@
 
 # AUTOGENERATED! DO NOT EDIT! File to edit: ../nbs/00_foundations.ipynb.
 
-# %% auto 0
+# %% auto #0
 __all__ = ['VEnum', 'stringify', 'normalize_tokens', 'dedupe_preserve_order']
 
-# %% ../nbs/00_foundations.ipynb 2
+# %% ../nbs/00_foundations.ipynb #f1c2465a
 from typing import Any, Iterable, Optional, Union
 from enum import Enum
 from fastcore.utils import *
 from nbdev.showdoc import show_doc
 
-# %% ../nbs/00_foundations.ipynb 4
+# %% ../nbs/00_foundations.ipynb #4411c74b
 #| code-fold: true
 #| code-fold: true
 class VEnum(Enum):
@@ -20,7 +20,7 @@ class VEnum(Enum):
     def __add__(self, other): return stringify((self, other))
     def __radd__(self, other): return stringify((other, self))
 
-# %% ../nbs/00_foundations.ipynb 8
+# %% ../nbs/00_foundations.ipynb #f4cac5a4
 #| code-fold: true
 #| code-fold: true
 def stringify(o):
@@ -29,7 +29,7 @@ def stringify(o):
         return ' '.join(map(str, o)) if o else ""
     return str(o)
 
-# %% ../nbs/00_foundations.ipynb 12
+# %% ../nbs/00_foundations.ipynb #865963c6
 #| code-fold: true
 #| code-fold: true
 def normalize_tokens(cls):

fh_matui/web_pages.py

@@ -2,12 +2,12 @@
 
 # AUTOGENERATED! DO NOT EDIT! File to edit: ../nbs/04_web_pages.ipynb.
 
-# %% auto 0
+# %% auto #0
 __all__ = ['SECTION_STYLE', 'SECTION_MARGIN', 'STANDARD_FOOTER_COLUMNS', 'HeroSection', 'FeatureShowcase', 'FeaturesGrid',
            'PricingSection', 'FAQSection', 'PageFooter', 'LandingNavBar', 'LandingPageSimple', 'MarkdownSection',
            'ContentPage']
 
-# %% ../nbs/04_web_pages.ipynb 3
+# %% ../nbs/04_web_pages.ipynb #7f3cabf7
 import importlib
 import markdown
 from .components import *
@@ -23,7 +23,7 @@ import fasthtml.components as fc
 from fasthtml.common import A, Button as FhButton, I, Span
 
 
-# %% ../nbs/04_web_pages.ipynb 6
+# %% ../nbs/04_web_pages.ipynb #ec869572
 def HeroSection(
     title: str,              # Main hero title
     subtitle: str,           # Hero subtitle/description
@@ -95,7 +95,7 @@ def HeroSection(
         cls=f"hero-section {cls}".strip(),
     )
 
-# %% ../nbs/04_web_pages.ipynb 10
+# %% ../nbs/04_web_pages.ipynb #9aac83c5
 def FeatureShowcase(
     features: list,  # List of dicts: {title, description, image_src?, icon?, image_alt?}
     title: str = None,  # Optional section title
@@ -178,7 +178,7 @@ def FeatureShowcase(
     
     return Section(*content, cls=f"responsive {cls}".strip())
 
-# %% ../nbs/04_web_pages.ipynb 12
+# %% ../nbs/04_web_pages.ipynb #297f69dc
 def FeaturesGrid(
     features: list,  # List of dicts with 'icon', 'title', 'description'
     title: str = None,  # Optional section title
@@ -241,7 +241,7 @@ def FeaturesGrid(
     # Use responsive for centered max-width layout
     return Section(*content, cls=f"responsive padding {cls}".strip())
 
-# %% ../nbs/04_web_pages.ipynb 16
+# %% ../nbs/04_web_pages.ipynb #ea5213e3
 def _pricing_toggle_js():
     """Returns Script + Style for pricing toggle functionality."""
     css = """
@@ -452,7 +452,7 @@ def PricingSection(
         cls=f"responsive padding {cls}".strip(),
     )
 
-# %% ../nbs/04_web_pages.ipynb 20
+# %% ../nbs/04_web_pages.ipynb #35bdc231
 def FAQSection(title: str, faqs: list, cls: str = ""):
     """FAQ section using FAQItem from components.
     
@@ -477,7 +477,7 @@ def FAQSection(title: str, faqs: list, cls: str = ""):
         cls=f"responsive column {cls}".strip(),
     )
 
-# %% ../nbs/04_web_pages.ipynb 23
+# %% ../nbs/04_web_pages.ipynb #a6a029c6
 # CSS for decorative sine wave border on footer
 _FOOTER_WAVE_CSS = """
 .footer-wave {
@@ -563,7 +563,7 @@ def PageFooter(
         style="padding-top: 1.5rem;" if wave_border else "",  # Space for wave
     )
 
-# %% ../nbs/04_web_pages.ipynb 25
+# %% ../nbs/04_web_pages.ipynb #be3a76d2
 def LandingNavBar(
     brand_name: str,        # Brand name for the navbar
     links: list = None,     # List of dicts with 'text' and 'href'
@@ -612,7 +612,7 @@ def LandingNavBar(
     
     return Header(inner, cls=toolbar_cls)
 
-# %% ../nbs/04_web_pages.ipynb 27
+# %% ../nbs/04_web_pages.ipynb #a45e13b8
 # Section spacing: padding for internal space, margin for breathing room between sections
 SECTION_STYLE = "large-padding"  # Internal padding
 SECTION_MARGIN = "extra-margin bottom-margin"  # Vertical spacing between sections
@@ -806,7 +806,7 @@ def LandingPageSimple(
         cls=f"column {cls}".strip()
     )
 
-# %% ../nbs/04_web_pages.ipynb 30
+# %% ../nbs/04_web_pages.ipynb #5aa5632d
 def MarkdownSection(
     content: str,           # Markdown text to render
     title: str = None,      # Optional section title (rendered as H3 for appropriate size)
@@ -858,7 +858,7 @@ We value your privacy...
     article = Article(*elements, cls=f"large-width large-padding {cls}".strip())
     return Div(article, cls="row center-align")
 
-# %% ../nbs/04_web_pages.ipynb 31
+# %% ../nbs/04_web_pages.ipynb #250d86cb
 def ContentPage(
     brand_name: str,                  # Brand name for navbar
     footer_copyright: str,            # Copyright text for footer

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

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: fh-matui
-Version: 0.9.15
+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"

fh_matui-0.9.17.dist-info/RECORD

@@ -0,0 +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=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.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,,

fh_matui-0.9.15.dist-info/RECORD

@@ -1,14 +0,0 @@
-fh_matui/__init__.py,sha256=AXW1LY5wrgbjQVfPOZJRcsfowYQAXor5ryaBdvw-SJo,24
-fh_matui/_modidx.py,sha256=r9X_k4ptjzUPy6u6AS6411Qn0Fq0NuxMyV5PrpMH2oA,24032
-fh_matui/app_pages.py,sha256=Sn9-tgBpaPNbR-0nZtPLoSCmAWLOGB4UQ88IkFvzBRY,10361
-fh_matui/components.py,sha256=_rndyhubrazX6xTr2EnYGQPkGbvCy6VGUFLUfV_1lKg,58416
-fh_matui/core.py,sha256=fMSw0fHvUTYt1Qd1DzaWDS4xWIDbkyUCcr-LIz2IJ5k,11062
-fh_matui/datatable.py,sha256=9jiVu5YU2tc3-4PKhHxIoVEjwwikVCyJhPGPvWIVgzQ,42558
-fh_matui/foundations.py,sha256=xiQOeyV4FhNzPpw6mbtIrPWMyzlMi3BENo41IlGnAz8,1880
-fh_matui/web_pages.py,sha256=at_M34Vxc1i9O0ukS41PaRJntkXXDzMqyzlcrgESUcw,35103
-fh_matui-0.9.15.dist-info/licenses/LICENSE,sha256=xV8xoN4VOL0uw9X8RSs2IMuD_Ss_a9yAbtGNeBWZwnw,11337
-fh_matui-0.9.15.dist-info/METADATA,sha256=E71WzNH6S2mhg8LnE4b9tTbrI7D5zsMtF6hTZxljFQM,10491
-fh_matui-0.9.15.dist-info/WHEEL,sha256=wUyA8OaulRlbfwMtmQsvNngGrxQHAvkKcvRmdizlJi0,92
-fh_matui-0.9.15.dist-info/entry_points.txt,sha256=zn4CR4gNTiAAxbFsCxHAf2tQhtW29_YOffjbUTgeoWI,38
-fh_matui-0.9.15.dist-info/top_level.txt,sha256=l80d5eoA2ZjqtPYwAorLMS5PiHxUxz3zKzxMJ41Xoso,9
-fh_matui-0.9.15.dist-info/RECORD,,