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

fh_matui/__init__.py

@@ -1 +1 @@
-__version__ = "0.9.13"
+__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'
@@ -163,28 +163,20 @@ def _snap_to_valid_cols(n: int) -> int:
     return 12
 
 
-def _wrap_grid_children(cells, cols=None, cols_sm=None, cols_md=None, cols_lg=None):
+def _wrap_grid_children(cells, cols_sm=None, cols_md=None, cols_lg=None):
     """Wrap grid children with span classes based on column counts."""
     # If no column counts specified, return cells as-is
-    if not any([cols, cols_sm, cols_md, cols_lg]):
+    if not any([cols_sm, cols_md, cols_lg]):
         return cells
     
     # Build span string from column counts
     spans = []
     if cols_sm:
         spans.append(f's{12 // cols_sm}')
-    elif cols:
-        spans.append(f's{12 // cols}')
-    
     if cols_md:
         spans.append(f'm{12 // cols_md}')
-    elif cols:
-        spans.append(f'm{12 // cols}')
-    
     if cols_lg:
         spans.append(f'l{12 // cols_lg}')
-    elif cols:
-        spans.append(f'l{12 // cols}')
     
     span_str = ' '.join(spans) if spans else 's12'
     
@@ -196,11 +188,21 @@ def Grid(*cells, space=SpaceT.medium_space,
          cols_min: int = 1, cols_max: int = 4,
          cols: int = None, cols_sm: int = None, cols_md: int = None, cols_lg: int = None, 
          responsive: bool = True, padding: bool = True, cls: str = '', **kwargs):
-    """BeerCSS responsive grid with smart column defaults and mobile-first design."""
+    """BeerCSS responsive grid with smart column defaults and mobile-first design.
+    
+    MonsterUI-compatible API: `cols` parameter auto-derives responsive breakpoints:
+        cols=4 -> cols_sm=1, cols_md=2, cols_lg=4 (mobile stacks, tablet halves, desktop full)
+    
+    For explicit control, use cols_sm, cols_md, cols_lg directly.
+    """
     # Smart defaults based on content count (MonsterUI pattern)
     if cols:
-        # Fixed cols for all breakpoints
-        cols_sm = cols_md = cols_lg = _snap_to_valid_cols(cols)
+        # Auto-derive responsive breakpoints from cols (mobile-friendly by default)
+        # cols=4 -> stack on mobile (1), half on tablet (2), full on desktop (4)
+        snapped = _snap_to_valid_cols(cols)
+        cols_lg = cols_lg or snapped
+        cols_md = cols_md or _snap_to_valid_cols(max(1, snapped // 2))
+        cols_sm = cols_sm or 1  # Always stack on mobile for readability
     elif not any([cols_sm, cols_md, cols_lg]):
         # Auto-calculate responsive columns based on item count
         n = len(cells)
@@ -214,21 +216,23 @@ def Grid(*cells, space=SpaceT.medium_space,
         if cols_md: cols_md = _snap_to_valid_cols(cols_md)
         if cols_lg: cols_lg = _snap_to_valid_cols(cols_lg)
     
-    wrapped_cells = _wrap_grid_children(cells, cols, cols_sm, cols_md, cols_lg)
+    wrapped_cells = _wrap_grid_children(cells, cols_sm, cols_md, cols_lg)
     
     cls_tokens = normalize_tokens(cls)
     grid_cls = ['grid']
-    if responsive and 'responsive' not in cls_tokens:
-        grid_cls.append('responsive')
+    
     if padding and 'padding' not in cls_tokens and 'no-padding' not in cls_tokens:
         grid_cls.append('padding')
+    
     if space and not _has_space_token(cls_tokens):
         grid_cls.extend(normalize_tokens(space))
+    
     grid_cls.extend(cls_tokens)
     grid_cls = [t for t in grid_cls if t]
+    
     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)
@@ -246,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)
@@ -257,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)
@@ -275,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)
@@ -284,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)
@@ -293,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)
@@ -314,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"""
@@ -325,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):
@@ -353,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.
     
@@ -456,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."""
@@ -481,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):
@@ -503,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."""
@@ -513,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."""
@@ -523,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.
@@ -550,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."""
@@ -558,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."""
@@ -587,10 +591,22 @@ 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
-def Select(*items, value='', placeholder='Select...', prefix_icon=None, name='', cls=(), **kwargs):
-    """BeerCSS menu-based select dropdown with rich styling."""
+def SelectMenu(*items, value='', placeholder='Select...', prefix_icon=None, id=None, cls=(), **kwargs):
+    """BeerCSS menu-based dropdown for display menus (profile, actions, navigation).
+    
+    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))
@@ -598,10 +614,11 @@ def Select(*items, value='', placeholder='Select...', prefix_icon=None, name='',
     
     children = []
     if prefix_icon: children.append(I(prefix_icon))
+    
+    # Display input (readonly, shows selected value)
     input_attrs = {'value': value, 'readonly': True, 'placeholder': placeholder if placeholder else ' '}
-    if name: input_attrs['name'] = name
-    input_attrs.update(kwargs)
     children.append(Input(**input_attrs))
+    
     children.append(I('arrow_drop_down'))
     children.append(Menu(*menu_items))
     
@@ -610,9 +627,77 @@ def Select(*items, value='', placeholder='Select...', prefix_icon=None, name='',
     field_cls.append('suffix')
     if cls: field_cls.extend(normalize_tokens(cls))
     cls_str = stringify(field_cls)
+    
+    wrapper_attrs = {'cls': cls_str}
+    if id:
+        wrapper_attrs['id'] = id
+    wrapper_attrs.update(kwargs)
+    
+    return Div(*children, **wrapper_attrs)
+
+
+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
+    field_cls = ['field', 'border', 'round']
+    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 68
+# %% ../nbs/02_components.ipynb #e6576c75
 #| code-fold: true
 def FormGrid(*c, cols: int = 1):
     """Responsive grid layout for form fields that stacks on mobile."""
@@ -621,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 71
+# %% ../nbs/02_components.ipynb #5a159345
 #| code-fold: true
 def Progress(*c, value='', max='100', cls=(), **kwargs):
     """Linear progress bar with value/max support."""
@@ -633,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 74
+# %% ../nbs/02_components.ipynb #11d87dd6
 #| code-fold: true
 def LoadingIndicator(size='medium', cls='', **kwargs):
     """BeerCSS circular spinner for async operations."""
@@ -641,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 77
+# %% ../nbs/02_components.ipynb #396ebe54
 #| code-fold: true
 def Table(*c, cls = 'border', **kwargs):
     """BeerCSS table with optional border/stripes classes."""
@@ -709,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 80
+# %% ../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 83
+# %% ../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):
@@ -751,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 86
+# %% ../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."""
@@ -765,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 89
+# %% ../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."""
@@ -775,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 93
+# %% ../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."""
@@ -819,7 +904,7 @@ def Snackbar(*c, **kwargs):
     """Alias for Toast component."""
     return Toast(*c, **kwargs)
 
-# %% ../nbs/02_components.ipynb 96
+# %% ../nbs/02_components.ipynb #fe1b0be7
 #| code-fold: true
 class ContainerT(VEnum):
     """Container size options (BeerCSS). Most alias to 'responsive'; use 'expand' for full-width."""
@@ -830,7 +915,7 @@ class ContainerT(VEnum):
     xl = 'responsive'
     expand = 'responsive max'
 
-# %% ../nbs/02_components.ipynb 98
+# %% ../nbs/02_components.ipynb #f53893ec
 #| code-fold: true
 def _get_form_config(col: dict) -> dict:
     """Extract form config from column, with sensible defaults."""
@@ -906,7 +991,7 @@ def FormField(
             **attrs
         )
 
-# %% ../nbs/02_components.ipynb 100
+# %% ../nbs/02_components.ipynb #aff2ee40
 #| code-fold: true
 from typing import Callable, Any
 
@@ -1025,7 +1110,7 @@ def FormModal(
         cls="large-width"
     )
 
-# %% ../nbs/02_components.ipynb 102
+# %% ../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."""
@@ -1082,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 105
+# %% ../nbs/02_components.ipynb #359f9555
 #| code-fold: true
 def NavSideBarHeader(*c, cls='', **kwargs):
     """Sidebar header section for menu buttons and branding."""
@@ -1126,7 +1211,7 @@ def NavSideBarContainer(*children, position='left', size='m', cls='', active=Fal
     
     return Nav(*children, cls=nav_cls, **kwargs)
 
-# %% ../nbs/02_components.ipynb 107
+# %% ../nbs/02_components.ipynb #541b2d99
 #| code-fold: true
 def Page(*c, active=True, position=None, cls='', **kwargs):
     """BeerCSS animated page container.
@@ -1150,7 +1235,7 @@ def Page(*c, active=True, position=None, cls='', **kwargs):
 
 def Layout(*content, sidebar=None, sidebar_links=None, nav_bar=None, container_size=ContainerT.expand,
            main_bg='surface', sidebar_id='app-sidebar', main_id='main-content', cls='', **kwargs):
-    """App layout with HTMX SPA navigation.
+    """App layout with HTMX SPA navigation and responsive mobile support.
     
     Args:
         main_id: ID for main content area (default 'main-content') - use as hx-target
@@ -1160,6 +1245,11 @@ def Layout(*content, sidebar=None, sidebar_links=None, nav_bar=None, container_s
         - hx-history-elt for back/forward button caching
         - Routes should check `req.headers` for HX-Request and return content only for HTMX requests
         
+    Mobile Responsive:
+        - Desktop (>992px): Left sidebar visible, bottom nav hidden
+        - Mobile (≤992px): Bottom nav visible, sidebar hidden
+        - Both navigations share the same sidebar_links for consistent behavior
+        
     Usage:
         @rt("/dashboard")
         def dashboard(req):
@@ -1193,9 +1283,24 @@ def Layout(*content, sidebar=None, sidebar_links=None, nav_bar=None, container_s
         if is_listy(sidebar): sidebar_children.extend(sidebar)
         else: sidebar_children.append(sidebar)
     
-    nav_rail = NavSideBarContainer(*sidebar_children, position='left', size='l', id=sidebar_id)
+    nav_rail = NavSideBarContainer(*sidebar_children, position='left', size='l', id=sidebar_id, cls='desktop-nav')
+    
+    # Mobile bottom navigation with same links
+    bottom_nav_children = sidebar_links if sidebar_links else (list(sidebar) if is_listy(sidebar) else [sidebar] if sidebar else [])
+    nav_bottom = BottomNav(*bottom_nav_children, cls='bottom mobile-nav', 
+                           hx_boost='true', hx_target=f'#{main_id}', hx_push_url='true')
+    
+    # Responsive CSS for desktop/mobile navigation switching
+    # Only hide elements when needed - don't override Beer CSS flex layout on desktop
+    responsive_nav_css = Style("""
+        .mobile-nav { display: none !important; }
+        @media (max-width: 992px) {
+            .mobile-nav { display: flex !important; }
+            .desktop-nav { display: none !important; }
+        }
+    """)
     
-    layout_children = []
+    layout_children = [responsive_nav_css]
     
     if nav_bar:
         if hasattr(nav_bar, 'attrs') and 'cls' in nav_bar.attrs:
@@ -1203,9 +1308,10 @@ def Layout(*content, sidebar=None, sidebar_links=None, nav_bar=None, container_s
         layout_children.append(nav_bar)
     
     layout_children.append(nav_rail)
+    layout_children.append(nav_bottom)
     
     if content_wrapper:
-        container_cls = stringify((container_size, 'surface-container', 'round', 'padding', 'bottom-margin'))
+        container_cls = stringify((container_size, 'surface-container', 'round', 'padding', 'bottom-margin', 'horizontal-margin'))
         page_content = Page(content_wrapper, id=main_id)
         layout_children.append(Main(page_content, cls=container_cls))
     
@@ -1213,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 113
+# %% ../nbs/02_components.ipynb #4329c780
 #| code-fold: true
 class TextT(VEnum):
     """Text styles using BeerCSS typography classes."""
@@ -1245,7 +1351,7 @@ class TextPresets(VEnum):
     primary_link = 'link primary-text'
     muted_link = 'link secondary-text'
 
-# %% ../nbs/02_components.ipynb 114
+# %% ../nbs/02_components.ipynb #c62d0db5
 #| code-fold: true
 def CodeSpan(*c, cls=(), **kwargs):
     """Inline code snippet."""
@@ -1301,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 116
+# %% ../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.
@@ -1319,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 120
+# %% ../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,10 +2,11 @@
 
 # AUTOGENERATED! DO NOT EDIT! File to edit: ../nbs/05_datatable.ipynb.
 
-# %% auto 0
-__all__ = ['PAGE_SIZES', 'logger', 'table_state_from_request', 'DataTable', 'CrudContext', 'DataTableResource']
+# %% 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 *
@@ -17,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
@@ -28,6 +29,11 @@ from dataclasses import asdict, is_dataclass
 # Default page size options
 PAGE_SIZES = [5, 10, 20, 50]
 
+# BeerCSS table styles
+TABLE_STYLES = ['border', 'stripes', 'min', 'fixed']  # Can combine: 'border stripes'
+TABLE_SPACES = ['no-space', 'small-space', 'medium-space', 'large-space']
+TABLE_ALIGNS = ['left-align', 'right-align', 'center-align']
+
 
 def _to_dict(obj: Any) -> dict:
     """
@@ -207,9 +213,20 @@ def DataTable(
     page_sizes: list = None,
     search_placeholder: str = 'Search...',
     create_label: str = 'New Record',
-    empty_message: str = 'No records match the current filters.'
+    empty_message: str = 'No records match the current filters.',
+    # BeerCSS table styling options
+    table_style: str = 'border',      # border, stripes, min, fixed (can combine: 'border stripes')
+    space: str = 'small-space',       # no-space, small-space, medium-space, large-space
+    align: str = None                 # left-align, right-align, center-align (None = default left)
 ):
-    "Generic data table with server-side pagination, search, and row actions."
+    """
+    Generic data table with server-side pagination, search, and row actions.
+    
+    Table Styling (BeerCSS):
+        table_style: Table visual style - 'border', 'stripes', 'min', 'fixed' or combine like 'border stripes'
+        space: Row spacing - 'no-space', 'small-space', 'medium-space', 'large-space'  
+        align: Text alignment - 'left-align', 'right-align', 'center-align' (None for default)
+    """
     # Defaults
     crud_ops = crud_ops or {"create": False, "update": False, "delete": False}
     crud_enabled = crud_enabled or {k: bool(v) for k, v in crud_ops.items() if k != 'custom_actions'}
@@ -313,6 +330,16 @@ def DataTable(
         cls="max"
     )
     
+    # Compose table classes from BeerCSS styling options
+    table_classes = []
+    if table_style:
+        table_classes.append(table_style)
+    if space:
+        table_classes.append(space)
+    if align:
+        table_classes.append(align)
+    table_cls = ' '.join(table_classes) if table_classes else None
+    
     # Build table with proper Thead/Tbody structure
     data_table = Table(
         Thead(Tr(*[Th(label) for label in header_labels])),
@@ -320,7 +347,7 @@ def DataTable(
             Tr(*[Td(row_dict.get(key, '')) for key in header_keys])
             for row_dict in table_rows
         ]),
-        cls="border"
+        cls=table_cls
     ) if data else Div(empty_message, cls="center-align padding")
     
     # Footer section with page size selector and pagination
@@ -341,7 +368,7 @@ def DataTable(
             # Single row when no pagination needed
             footer = page_info_row
     
-    return Article(
+    return Div(
         Div(id=feedback_id),  # Feedback container for modals/toasts
         Div(
             search_form,
@@ -357,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
@@ -453,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.14.dist-info → fh_matui-0.9.16.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: fh-matui
-Version: 0.9.14
+Version: 0.9.16
 Summary: material-ui for fasthtml
 Home-page: https://github.com/abhisheksreesaila/fh-matui
 Author: abhishek sreesaila
@@ -145,10 +145,8 @@ styling
 
 1.  **`MatTheme.indigo.headers()`** - Loads BeerCSS with the indigo
     color scheme
-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
+2.  **`Card`** - Creates a Material Design card component with elevation
+3.  **`FormField`** - Generates a styled input with floating label
 4.  **`Button`** - Renders a Material Design button with ripple effects
 
 ## 📚 Module Reference
@@ -157,9 +155,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`](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) |
+| [Components](components.html) | UI component library | `Button`, `Card`, `FormField`, `FormModal`, `Grid` |
 | [App Pages](app_pages.html) | Application layouts | Navigation, sidebars, full-page layouts |
-| [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 |
+| [Data Tables](05_table.html) | Data management components | `DataTable`, `DataTableResource`, CRUD operations |
 | [Web Pages](web_pages.html) | Marketing/landing pages | Hero sections, feature grids, testimonials |
 
 ## 🛠️ Development
@@ -187,8 +185,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`](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 |
+| **Form handling** | `FormField`, `FormGrid`, `FormModal` for rapid form building |
+| **Data management** | `DataTable` and `DataTableResource` for CRUD operations |
 
 ## 🤖 For LLM Users
 

fh_matui-0.9.16.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=nbqVBqehyjUYnNlkBwbenKzmlsZ7Ah6i19G4eHoksf0,59053
+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.14.dist-info/RECORD

@@ -1,14 +0,0 @@
-fh_matui/__init__.py,sha256=s9smkhMiLTJ6_VCSfo7J6aeWBGIlYjSsTDGrVprZjrI,24
-fh_matui/_modidx.py,sha256=r9X_k4ptjzUPy6u6AS6411Qn0Fq0NuxMyV5PrpMH2oA,24032
-fh_matui/app_pages.py,sha256=Sn9-tgBpaPNbR-0nZtPLoSCmAWLOGB4UQ88IkFvzBRY,10361
-fh_matui/components.py,sha256=Lgk8Qazjx3TrrkEcGxiUbgPE-4676wL2fcs9nmhv1Cg,54179
-fh_matui/core.py,sha256=fMSw0fHvUTYt1Qd1DzaWDS4xWIDbkyUCcr-LIz2IJ5k,11062
-fh_matui/datatable.py,sha256=cDk_R9A1WTWa7fxDBBAZsnFU36ko_ml94HxmmbL_ENc,41248
-fh_matui/foundations.py,sha256=xiQOeyV4FhNzPpw6mbtIrPWMyzlMi3BENo41IlGnAz8,1880
-fh_matui/web_pages.py,sha256=at_M34Vxc1i9O0ukS41PaRJntkXXDzMqyzlcrgESUcw,35103
-fh_matui-0.9.14.dist-info/licenses/LICENSE,sha256=xV8xoN4VOL0uw9X8RSs2IMuD_Ss_a9yAbtGNeBWZwnw,11337
-fh_matui-0.9.14.dist-info/METADATA,sha256=JGk9Wq2RxIQKXxyatsmyVpGKwbxsmU6n1W-hx3rJrjs,10491
-fh_matui-0.9.14.dist-info/WHEEL,sha256=wUyA8OaulRlbfwMtmQsvNngGrxQHAvkKcvRmdizlJi0,92
-fh_matui-0.9.14.dist-info/entry_points.txt,sha256=zn4CR4gNTiAAxbFsCxHAf2tQhtW29_YOffjbUTgeoWI,38
-fh_matui-0.9.14.dist-info/top_level.txt,sha256=l80d5eoA2ZjqtPYwAorLMS5PiHxUxz3zKzxMJ41Xoso,9
-fh_matui-0.9.14.dist-info/RECORD,,