eidosui 0.8.0__tar.gz → 0.9.0__tar.gz

{eidosui-0.8.0 → eidosui-0.9.0}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: eidosui
-Version: 0.8.0
+Version: 0.9.0
 Summary: A modern, Tailwind CSS-based UI library for air development
 Project-URL: Homepage, https://github.com/isaac-flath/EidosUI
 Project-URL: Repository, https://github.com/isaac-flath/EidosUI

{eidosui-0.8.0 → eidosui-0.9.0}/eidos/__init__.py

@@ -44,12 +44,16 @@ from .tags import (
     Button,
     Canvas,
     Caption,
+    # Form elements
+    Checkbox,
     Cite,
     Code,
     Col,
     Colgroup,
+    ColorPicker,
     Data,
     Datalist,
+    DatePicker,
     Dd,
     Del,
     Details,
@@ -59,12 +63,16 @@ from .tags import (
     Dl,
     Dt,
     Em,
+    EmailInput,
     Embed,
     Fieldset,
     Figcaption,
     Figure,
+    FileInput,
     Footer,
     Form,
+    FormError,
+    FormHelp,
     Head,
     Header,
     Hgroup,
@@ -88,6 +96,7 @@ from .tags import (
     Meter,
     Nav,
     Noscript,
+    NumberInput,
     Object,
     Ol,
     Optgroup,
@@ -95,10 +104,12 @@ from .tags import (
     Output,
     P,
     Param,
+    PasswordInput,
     Picture,
     Pre,
     Progress,
     Q,
+    Radio,
     Rp,
     Rt,
     Ruby,
@@ -106,6 +117,7 @@ from .tags import (
     Samp,
     Script,
     Search,
+    SearchInput,
     Section,
     Select,
     Small,
@@ -121,24 +133,27 @@ from .tags import (
     Table,
     Tbody,
     Td,
+    TelInput,
     Template,
     Textarea,
     Tfoot,
     Th,
     Thead,
     Time,
+    TimePicker,
     Title,
     Tr,
     Track,
     U,
     Ul,
+    UrlInput,
     Var,
     Video,
     Wbr,
 )
 
 # Version info
-__version__ = "0.4.0"
+__version__ = "0.9.0"
 
 # Define what's available with "from eidos import *"
 __all__ = [
@@ -267,4 +282,19 @@ __all__ = [
     "Ul",
     "Video",
     "Wbr",
+    # Form elements
+    "Checkbox",
+    "Radio",
+    "DatePicker",
+    "TimePicker",
+    "ColorPicker",
+    "NumberInput",
+    "EmailInput",
+    "PasswordInput",
+    "SearchInput",
+    "UrlInput",
+    "TelInput",
+    "FileInput",
+    "FormError",
+    "FormHelp",
 ]

{eidosui-0.8.0 → eidosui-0.9.0}/eidos/components/__init__.py

@@ -8,4 +8,12 @@ from .navigation import NavBar
 from .table import DataTable
 from .tabs import TabContainer, TabList, TabPanel, Tabs
 
-__all__ = ["DataTable", "NavBar", "EidosHeaders", "TabContainer", "TabList", "TabPanel", "Tabs"]
+__all__ = [
+    "DataTable",
+    "NavBar",
+    "EidosHeaders",
+    "TabContainer",
+    "TabList",
+    "TabPanel",
+    "Tabs",
+]

{eidosui-0.8.0 → eidosui-0.9.0}/eidos/components/headers.py

@@ -1,9 +1,9 @@
 from typing import Literal
 
-from air import Link, Meta, Script
+from air import Link, Meta, Script, Tag
 
 
-def get_css_urls():
+def get_css_urls() -> list[str]:
     """Return list of CSS URLs for EidosUI."""
     return [
         "/eidos/css/styles.css",
@@ -18,7 +18,7 @@ def EidosHeaders(
     include_lucide: bool = True,
     include_eidos_js: bool = True,
     theme: Literal["light", "dark"] = "light",
-):
+) -> list[Tag]:
     """Complete EidosUI headers with EidosUI JavaScript support.
 
     Args:
@@ -37,7 +37,7 @@ def EidosHeaders(
         headers.append(Script(src="https://cdn.tailwindcss.com"))
 
     if include_lucide:
-        headers.append(Script(src="https://unpkg.com/lucide@latest/dist/umd/lucide.js"))
+        headers.append(Script(src="https://unpkg.com/lucide@latest"))
 
     # EidosUI CSS
     for css_url in get_css_urls():

{eidosui-0.8.0 → eidosui-0.9.0}/eidos/components/table.py

@@ -1,5 +1,7 @@
 from typing import Any
 
+from air import Tag
+
 from ..tags import Table as BaseTable
 from ..tags import Tbody, Td, Th, Thead, Tr
 
@@ -14,7 +16,7 @@ class DataTable:
         headers: list[str] | None = None,
         class_: str | list[str] | None = None,
         **kwargs: Any,
-    ) -> Any:
+    ) -> Tag:
         """Create table from list of lists.
 
         Args:
@@ -50,7 +52,7 @@ class DataTable:
         headers: list[str] | None = None,
         class_: str | list[str] | None = None,
         **kwargs: Any,
-    ) -> Any:
+    ) -> Tag:
         """Create table from list of dictionaries.
 
         Args:

{eidosui-0.8.0 → eidosui-0.9.0}/eidos/components/tabs.py

@@ -1,3 +1,5 @@
+from typing import Any, Literal
+
 from air import Button, Div, Tag
 
 from .. import styles
@@ -5,22 +7,22 @@ from ..utils import stringify
 
 
 def TabContainer(
-    *content,
+    *content: Tag,
     initial_tab_url: str,
     class_: str = "",
     target_id: str = "tabs",
-    **kwargs,
+    **kwargs: Any,
 ) -> Tag:
     """HTMX-based tab container that loads tabs dynamically.
-    
+
     Args:
         initial_tab_url: URL to load the initial tab content
         cls: Additional classes for the container
         target_id: ID for the tab container (default: "tabs")
-        
+
     Returns:
         Tag: The tab container that will be populated via HTMX
-        
+
     Example:
         TabContainer("/settings/general")
     """
@@ -41,21 +43,23 @@ def TabList(
     selected: int = 0,
     class_: str = "",
     hx_target: str = "#tabs",
-    hx_swap: str = "innerHTML",
-    **kwargs,
+    hx_swap: Literal[
+        "innerHTML", "outerHTML", "beforebegin", "afterbegin", "beforeend", "afterend", "delete", "none"
+    ] = "innerHTML",
+    **kwargs: Any,
 ) -> Tag:
     """HTMX-based tab list for server-rendered tabs.
-    
+
     Args:
         *tabs: Variable number of (label, url) tuples
         selected: Index of the selected tab (0-based)
         tab_cls: Additional classes for tab buttons
         hx_target: HTMX target for tab content (default: "#tabs")
         hx_swap: HTMX swap method (default: "innerHTML")
-        
+
     Returns:
         Tag: The tab list component
-        
+
     Example:
         TabList(
             ("General", "/settings/general"),
@@ -77,11 +81,7 @@ def TabList(
             role="tab",
             aria_selected="true" if is_selected else "false",
             aria_controls="tab-content",
-            class_=stringify(
-                styles.tabs.tab,
-                styles.tabs.tab_active if is_selected else "",
-                class_
-            ),
+            class_=stringify(styles.tabs.tab, styles.tabs.tab_active if is_selected else "", class_),
         )
         tab_buttons.append(tab_button)
 
@@ -96,14 +96,14 @@ def TabList(
 def TabPanel(
     content: Tag,
     class_: str = "",
-    **kwargs,
+    **kwargs: Any,
 ) -> Tag:
     """Tab panel content wrapper.
-    
+
     Args:
         content: The content to display in the tab panel
         panel_cls: Additional classes for the panel
-        
+
     Returns:
         Tag: The tab panel component
     """
@@ -120,18 +120,18 @@ def Tabs(
     tab_list: Tag,
     tab_panel: Tag,
     cls: str = "",
-    **kwargs,
+    **kwargs: Any,
 ) -> Tag:
     """Complete tab component with list and panel.
-    
+
     Args:
         tab_list: The TabList component
         tab_panel: The TabPanel component
         cls: Additional classes for the container
-        
+
     Returns:
         Tag: The complete tabs component
-        
+
     Example:
         # In your route handler:
         tab_list = TabList(

{eidosui-0.8.0 → eidosui-0.9.0}/eidos/css/styles.css

@@ -582,4 +582,322 @@
     opacity: 1;
     transform: translateY(0);
     transition: opacity var(--transition-normal), transform var(--transition-normal);
+}
+
+/* ===========================
+   Form Styles
+   =========================== */
+
+/* Fieldset */
+.eidos-fieldset {
+    border: var(--form-fieldset-border);
+    border-radius: var(--form-fieldset-radius);
+    padding: var(--form-fieldset-padding);
+    background-color: var(--form-fieldset-bg);
+    margin-bottom: var(--space-lg);
+}
+
+.eidos-fieldset legend {
+    font-size: var(--font-size-lg);
+    font-weight: var(--font-weight-semibold);
+    color: var(--color-text);
+    padding: 0 var(--space-sm);
+}
+
+/* Form Group */
+.eidos-form-group {
+    margin-bottom: var(--space-lg);
+}
+
+/* Labels */
+.eidos-label {
+    display: inline-block;
+    font-size: var(--form-label-font-size);
+    font-weight: var(--form-label-font-weight);
+    color: var(--form-label-color);
+    margin-bottom: var(--form-label-margin-bottom);
+}
+
+.eidos-label-inline {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--space-sm);
+    cursor: pointer;
+    margin-bottom: 0;
+    color: var(--form-label-color);
+    font-size: var(--font-size-base);
+}
+
+/* Base Input Styles */
+.eidos-input,
+.eidos-textarea,
+.eidos-select {
+    display: block;
+    width: 100%;
+    padding: var(--form-input-padding-y) var(--form-input-padding-x);
+    font-size: var(--font-size-base);
+    line-height: var(--line-height-normal);
+    color: var(--form-input-text);
+    background-color: var(--form-input-bg);
+    border: var(--form-input-border-width) solid var(--form-input-border-color);
+    border-radius: var(--form-input-radius);
+    box-shadow: var(--form-input-shadow);
+    transition: all var(--transition-fast);
+    outline: none;
+}
+
+.eidos-input {
+    height: var(--form-input-height);
+}
+
+.eidos-textarea {
+    min-height: calc(var(--form-input-height) * 2);
+    resize: vertical;
+}
+
+.eidos-select {
+    height: var(--form-input-height);
+    cursor: pointer;
+    padding-right: calc(var(--form-input-padding-x) * 2.5);
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
+    background-repeat: no-repeat;
+    background-position: right var(--form-input-padding-x) center;
+    background-size: 16px 12px;
+    appearance: none;
+}
+
+/* Input States */
+.eidos-input:hover,
+.eidos-textarea:hover,
+.eidos-select:hover {
+    border-color: var(--form-input-border-color-hover);
+}
+
+.eidos-input:focus,
+.eidos-textarea:focus,
+.eidos-select:focus {
+    border-color: var(--form-input-border-color-focus);
+    box-shadow: var(--form-input-shadow-focus);
+}
+
+.eidos-input:disabled,
+.eidos-textarea:disabled,
+.eidos-select:disabled {
+    background-color: var(--form-input-bg-disabled);
+    color: var(--form-input-text-disabled);
+    cursor: not-allowed;
+    opacity: var(--opacity-60);
+}
+
+.eidos-input::placeholder,
+.eidos-textarea::placeholder {
+    color: var(--form-input-placeholder);
+    opacity: 1;
+}
+
+/* Checkbox and Radio */
+.eidos-checkbox,
+.eidos-radio {
+    width: var(--form-checkbox-size);
+    height: var(--form-checkbox-size);
+    margin-right: var(--space-sm);
+    cursor: pointer;
+    flex-shrink: 0;
+    accent-color: var(--color-primary);
+    background-color: var(--form-checkbox-bg);
+    border: var(--form-input-border-width) solid var(--form-checkbox-border);
+}
+
+.eidos-checkbox:checked,
+.eidos-radio:checked {
+    background-color: var(--form-checkbox-bg-checked);
+    border-color: var(--form-checkbox-bg-checked);
+}
+
+.eidos-radio {
+    border-radius: var(--radius-full);
+}
+
+/* Error States */
+.eidos-input[aria-invalid="true"],
+.eidos-textarea[aria-invalid="true"],
+.eidos-select[aria-invalid="true"] {
+    border-color: var(--form-error-border-color);
+}
+
+.eidos-input[aria-invalid="true"]:focus,
+.eidos-textarea[aria-invalid="true"]:focus,
+.eidos-select[aria-invalid="true"]:focus {
+    border-color: var(--form-error-border-color);
+    box-shadow: 0 0 0 3px rgba(var(--color-error-rgb), 0.1);
+}
+
+/* Error Messages */
+.eidos-error {
+    display: block;
+    font-size: var(--form-error-font-size);
+    color: var(--form-error-color);
+    margin-top: var(--form-help-margin-top);
+}
+
+/* Help Text */
+.eidos-help {
+    display: block;
+    font-size: var(--form-help-font-size);
+    color: var(--form-help-color);
+    margin-top: var(--form-help-margin-top);
+}
+
+/* File Input */
+.eidos-file {
+    font-size: var(--font-size-sm);
+    cursor: pointer;
+}
+
+.eidos-file::file-selector-button {
+    padding: var(--space-xs) var(--space-sm);
+    margin-right: var(--space-sm);
+    font-size: var(--font-size-sm);
+    font-weight: var(--font-weight-medium);
+    color: var(--color-primary);
+    background-color: var(--color-primary-light);
+    border: var(--border) solid var(--color-primary);
+    border-radius: var(--radius-md);
+    cursor: pointer;
+    transition: all var(--transition-fast);
+}
+
+.eidos-file::file-selector-button:hover {
+    background-color: var(--color-primary);
+    color: var(--color-primary-foreground);
+}
+
+/* Form Layout Helpers */
+.eidos-form-row {
+    display: flex;
+    gap: var(--space-md);
+    margin-bottom: var(--space-lg);
+}
+
+.eidos-form-col {
+    flex: 1;
+}
+
+/* Input Groups */
+.eidos-input-group {
+    display: flex;
+    align-items: stretch;
+}
+
+.eidos-input-group .eidos-input {
+    border-radius: 0;
+}
+
+.eidos-input-group .eidos-input:first-child {
+    border-top-left-radius: var(--form-input-radius);
+    border-bottom-left-radius: var(--form-input-radius);
+}
+
+.eidos-input-group .eidos-input:last-child {
+    border-top-right-radius: var(--form-input-radius);
+    border-bottom-right-radius: var(--form-input-radius);
+}
+
+.eidos-input-addon {
+    display: flex;
+    align-items: center;
+    padding: var(--form-input-padding-y) var(--form-input-padding-x);
+    font-size: var(--font-size-base);
+    font-weight: var(--font-weight-normal);
+    color: var(--color-text-muted);
+    background-color: var(--color-surface);
+    border: var(--form-input-border-width) solid var(--form-input-border-color);
+}
+
+.eidos-input-addon:first-child {
+    border-right: 0;
+    border-radius: var(--form-input-radius) 0 0 var(--form-input-radius);
+}
+
+.eidos-input-addon:last-child {
+    border-left: 0;
+    border-radius: 0 var(--form-input-radius) var(--form-input-radius) 0;
+}
+
+
+/* Color Input */
+.eidos-input[type="color"] {
+    padding: var(--space-xs);
+    cursor: pointer;
+}
+
+.eidos-input[type="color"]::-webkit-color-swatch-wrapper {
+    padding: 0;
+}
+
+.eidos-input[type="color"]::-webkit-color-swatch {
+    border: none;
+    border-radius: var(--radius-sm);
+}
+
+/* Date and Time Input Styling */
+.eidos-input[type="date"],
+.eidos-input[type="time"],
+.eidos-input[type="datetime-local"],
+.eidos-input[type="month"],
+.eidos-input[type="week"] {
+    color-scheme: light dark;
+    background-color: var(--form-datetime-bg);
+    color: var(--form-datetime-text);
+}
+
+/* Style the calendar/time picker icon */
+.eidos-input[type="date"]::-webkit-calendar-picker-indicator,
+.eidos-input[type="time"]::-webkit-calendar-picker-indicator,
+.eidos-input[type="datetime-local"]::-webkit-calendar-picker-indicator,
+.eidos-input[type="month"]::-webkit-calendar-picker-indicator,
+.eidos-input[type="week"]::-webkit-calendar-picker-indicator {
+    cursor: pointer;
+    opacity: 0.8;
+    filter: var(--color-scheme-filter, none);
+    transition: opacity var(--transition-fast);
+}
+
+.eidos-input[type="date"]:hover::-webkit-calendar-picker-indicator,
+.eidos-input[type="time"]:hover::-webkit-calendar-picker-indicator,
+.eidos-input[type="datetime-local"]:hover::-webkit-calendar-picker-indicator,
+.eidos-input[type="month"]:hover::-webkit-calendar-picker-indicator,
+.eidos-input[type="week"]:hover::-webkit-calendar-picker-indicator {
+    opacity: 1;
+}
+
+/* Dark theme filter */
+[data-theme="dark"] .eidos-input[type="date"]::-webkit-calendar-picker-indicator,
+[data-theme="dark"] .eidos-input[type="time"]::-webkit-calendar-picker-indicator,
+[data-theme="dark"] .eidos-input[type="datetime-local"]::-webkit-calendar-picker-indicator,
+[data-theme="dark"] .eidos-input[type="month"]::-webkit-calendar-picker-indicator,
+[data-theme="dark"] .eidos-input[type="week"]::-webkit-calendar-picker-indicator {
+    filter: invert(1);
+}
+
+/* Better Select Dropdown Styling */
+.eidos-select option {
+    background-color: var(--color-background);
+    color: var(--color-text);
+    padding: var(--space-sm);
+}
+
+.eidos-select option:hover,
+.eidos-select option:focus {
+    background-color: var(--color-surface);
+}
+
+.eidos-select option:checked {
+    background-color: var(--color-primary);
+    color: var(--color-primary-foreground);
+}
+
+.eidos-select option:disabled {
+    color: var(--color-text-muted);
+    opacity: 0.6;
 }

{eidosui-0.8.0 → eidosui-0.9.0}/eidos/css/themes/dark.css

@@ -74,6 +74,9 @@
     --shadow-xl: 0 0 0 1px rgb(255 255 255 / 0.1), 0 20px 25px -5px rgb(0 0 0 / 0.3);
     --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.5);
     --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.3);
+    
+    /* Dark mode specific */
+    --invert-icon: 1;
   }
   
   /* Dark theme button overrides for better aesthetics */

{eidosui-0.8.0 → eidosui-0.9.0}/eidos/css/themes/eidos-variables.css

@@ -72,6 +72,8 @@
     --color-accent-rgb: 168, 85, 247;
     --color-surface-rgb: 248, 250, 252;
     --color-background-rgb: 255, 255, 255;
+    --color-error-rgb: 220, 38, 38;
+    --color-success-rgb: 16, 185, 129;
     
     /* Spacing Scale */
     --space-xs: 0.25rem;   /* 4px */
@@ -187,4 +189,55 @@
     --breakpoint-lg: 1024px;
     --breakpoint-xl: 1280px;
     --breakpoint-2xl: 1536px;
+    
+    /* Form-specific Variables */
+    --form-input-height: 2.5rem;  /* 40px */
+    --form-input-padding-x: var(--space-md);
+    --form-input-padding-y: var(--space-sm);
+    --form-input-border-width: var(--border);
+    --form-input-border-color: var(--color-border);
+    --form-input-border-color-hover: var(--color-border-hover);
+    --form-input-border-color-focus: var(--color-primary);
+    --form-input-bg: var(--color-input);
+    --form-input-bg-disabled: var(--color-surface);
+    --form-input-text: var(--color-text);
+    --form-input-text-disabled: var(--color-text-muted);
+    --form-input-placeholder: var(--color-text-subtle);
+    --form-input-radius: var(--radius-md);
+    --form-input-shadow: var(--shadow-xs);
+    --form-input-shadow-focus: 0 0 0 3px rgba(var(--color-primary-rgb), 0.1);
+    
+    --form-label-font-size: var(--font-size-sm);
+    --form-label-font-weight: var(--font-weight-medium);
+    --form-label-color: var(--color-text);
+    --form-label-margin-bottom: var(--space-xs);
+    
+    --form-help-font-size: var(--font-size-sm);
+    --form-help-color: var(--color-text-muted);
+    --form-help-margin-top: var(--space-xs);
+    
+    --form-error-color: var(--color-error);
+    --form-error-border-color: var(--color-error);
+    --form-error-bg: var(--color-error-light);
+    --form-error-font-size: var(--font-size-sm);
+    
+    --form-fieldset-border: var(--border) solid var(--color-border);
+    --form-fieldset-padding: var(--space-lg);
+    --form-fieldset-radius: var(--radius-lg);
+    --form-fieldset-bg: var(--color-surface);
+    
+    --form-checkbox-size: 1.25rem;  /* 20px */
+    --form-radio-size: 1.25rem;  /* 20px */
+    --form-checkbox-bg: var(--color-background);
+    --form-checkbox-bg-checked: var(--color-primary);
+    --form-checkbox-border: var(--color-border);
+    --form-checkbox-check-color: var(--color-primary-foreground);
+    
+    /* Date/Time Picker Variables */
+    --form-datetime-bg: var(--color-background);
+    --form-datetime-text: var(--color-text);
+    --form-datetime-border: var(--color-border);
+    --form-datetime-button-bg: var(--color-surface);
+    --form-datetime-button-hover: var(--color-border);
+    --form-datetime-icon-color: var(--color-text-muted);
   }

{eidosui-0.8.0 → eidosui-0.9.0}/eidos/plugins/markdown/extensions/alerts.py

@@ -2,8 +2,10 @@
 
 import re
 import xml.etree.ElementTree as etree
-from xml.etree.ElementTree import SubElement
+from re import Pattern
+from xml.etree.ElementTree import Element, SubElement
 
+from markdown import Markdown
 from markdown.blockprocessors import BlockProcessor
 from markdown.extensions import Extension
 
@@ -12,10 +14,10 @@ class AlertBlockProcessor(BlockProcessor):
     """Process GitHub-style alert blocks"""
 
     # Pattern to match > [!TYPE] at the start of a blockquote
-    RE_ALERT = re.compile(r"^> \[!(NOTE|TIP|IMPORTANT|WARNING|CAUTION)\]", re.MULTILINE)
+    RE_ALERT: Pattern[str] = re.compile(r"^> \[!(NOTE|TIP|IMPORTANT|WARNING|CAUTION)\]", re.MULTILINE)
 
     # Alert type configurations
-    ALERT_TYPES = {
+    ALERT_TYPES: dict[str, dict[str, str]] = {
         "NOTE": {"class": "eidos-alert eidos-alert-info", "icon": "ℹ️", "title": "Note"},
         "TIP": {
             "class": "eidos-alert eidos-alert-success",
@@ -39,11 +41,11 @@ class AlertBlockProcessor(BlockProcessor):
         },
     }
 
-    def test(self, parent, block):
+    def test(self, parent: Element, block: str) -> bool:
         """Test if the block is a GitHub-style alert"""
         return bool(self.RE_ALERT.match(block))
 
-    def run(self, parent, blocks):
+    def run(self, parent: Element, blocks: list[str]) -> bool:
         """Process the alert block"""
         block = blocks.pop(0)
 
@@ -115,7 +117,7 @@ class AlertBlockProcessor(BlockProcessor):
 class AlertExtension(Extension):
     """Add GitHub-style alerts to markdown"""
 
-    def extendMarkdown(self, md):
+    def extendMarkdown(self, md: Markdown) -> None:
         """Add the alert processor to the markdown instance"""
         md.parser.blockprocessors.register(
             AlertBlockProcessor(md.parser),

{eidosui-0.8.0 → eidosui-0.9.0}/eidos/plugins/markdown/renderer.py

@@ -6,7 +6,16 @@ from .extensions.alerts import AlertExtension
 
 
 class MarkdownRenderer:
-    """Core markdown rendering with theme integration"""
+    """Core markdown rendering with theme integration.
+
+    Warning:
+        This renderer outputs raw HTML without sanitization to support advanced
+        features like forms, embeds, and custom styling. Never use with untrusted
+        user content without additional sanitization.
+    """
+
+    extensions: list[str | markdown.Extension]
+    md: markdown.Markdown
 
     def __init__(self, extensions: list[str | markdown.Extension] | None = None):
         """Initialize the renderer with optional extensions.
@@ -36,13 +45,16 @@ class MarkdownRenderer:
         Returns:
             HTML string wrapped with eidos-md class for styling
         """
-        self.md.reset()  # TODO: this is a hack to clear the state of the markdown processor
+        # Reset markdown processor state to prevent contamination between renders
+        # This is required by Python-Markdown when reusing instances, especially
+        # with stateful extensions like footnotes or custom parsers
+        self.md.reset()
 
         html_content = self.md.convert(markdown_text)
 
         return f'<div class="eidos-md">{html_content}</div>'
 
-    def add_extension(self, extension: str) -> None:
+    def add_extension(self, extension: str | markdown.Extension) -> None:
         """Add a markdown extension.
 
         Args:

{eidosui-0.8.0 → eidosui-0.9.0}/eidos/styles.py

@@ -39,7 +39,6 @@ class Typography:
     h5: Final[str] = "eidos-h5"
     h6: Final[str] = "eidos-h6"
 
-
     # Text formatting
     strong: Final[str] = "eidos-strong"
     i: Final[str] = "eidos-i"
@@ -119,9 +118,42 @@ class Tabs:
     panel_active: Final[str] = "eidos-tab-panel-active"
 
 
+class Forms:
+    """Form-related CSS classes from styles.css."""
+
+    # Container elements
+    fieldset: Final[str] = "eidos-fieldset"
+    form_group: Final[str] = "eidos-form-group"
+
+    # Labels
+    label: Final[str] = "eidos-label"
+    label_inline: Final[str] = "eidos-label-inline"
+
+    # Input elements
+    input: Final[str] = "eidos-input"
+    textarea: Final[str] = "eidos-textarea"
+    select: Final[str] = "eidos-select"
+    checkbox: Final[str] = "eidos-checkbox"
+    radio: Final[str] = "eidos-radio"
+    file: Final[str] = "eidos-file"
+
+    # Feedback elements
+    error: Final[str] = "eidos-error"
+    help: Final[str] = "eidos-help"
+
+    # Layout helpers
+    form_row: Final[str] = "eidos-form-row"
+    form_col: Final[str] = "eidos-form-col"
+
+    # Input groups
+    input_group: Final[str] = "eidos-input-group"
+    input_addon: Final[str] = "eidos-input-addon"
+
+
 # Create singleton instance for easy access
 buttons = Buttons()
 typography = Typography()
 tables = Tables()
 lists = Lists()
 tabs = Tabs()
+forms = Forms()

{eidosui-0.8.0 → eidosui-0.9.0}/eidos/tags.py

@@ -2,6 +2,7 @@ from typing import Any
 
 import air
 from air.tags import *
+
 from . import styles
 from .utils import stringify
 
@@ -247,6 +248,153 @@ def Li(*content: Any, class_: str | list[str] | None = None, **kwargs: Any) -> a
     return air.Li(*content, class_=stringify(styles.lists.li, class_), **kwargs)
 
 
+# Form elements with default styling
+def Fieldset(*content: Any, class_: str | list[str] | None = None, **kwargs: Any) -> air.Tag:
+    """Styled fieldset element."""
+    return air.Fieldset(*content, class_=stringify(styles.forms.fieldset, class_), **kwargs)
+
+
+def Label(*content: Any, class_: str | list[str] | None = None, **kwargs: Any) -> air.Tag:
+    """Styled label element."""
+    return air.Label(*content, class_=stringify(styles.forms.label, class_), **kwargs)
+
+
+def Input(class_: str | list[str] | None = None, **kwargs: Any) -> air.Tag:
+    """Styled input element."""
+    input_type = kwargs.get("type", "text")
+
+    # Apply appropriate class based on input type
+    if input_type == "checkbox":
+        default_class = styles.forms.checkbox
+    elif input_type == "radio":
+        default_class = styles.forms.radio
+    elif input_type == "file":
+        default_class = styles.forms.file
+    else:
+        default_class = styles.forms.input
+
+    return air.Input(class_=stringify(default_class, class_), **kwargs)
+
+
+def Textarea(*content: Any, class_: str | list[str] | None = None, **kwargs: Any) -> air.Tag:
+    """Styled textarea element."""
+    return air.Textarea(*content, class_=stringify(styles.forms.textarea, class_), **kwargs)
+
+
+def Select(*content: Any, class_: str | list[str] | None = None, **kwargs: Any) -> air.Tag:
+    """Styled select element."""
+    return air.Select(*content, class_=stringify(styles.forms.select, class_), **kwargs)
+
+
+def Option(*content: Any, **kwargs: Any) -> air.Tag:
+    """Option element."""
+    return air.Option(*content, **kwargs)
+
+
+def DatePicker(class_: str | list[str] | None = None, **kwargs: Any) -> air.Tag:
+    """Styled date input."""
+    return air.Input(type="date", class_=stringify(styles.forms.input, class_), **kwargs)
+
+
+def TimePicker(class_: str | list[str] | None = None, **kwargs: Any) -> air.Tag:
+    """Styled time input."""
+    return air.Input(type="time", class_=stringify(styles.forms.input, class_), **kwargs)
+
+
+def ColorPicker(class_: str | list[str] | None = None, **kwargs: Any) -> air.Tag:
+    """Styled color input."""
+    return air.Input(type="color", class_=stringify(styles.forms.input, class_), **kwargs)
+
+
+def NumberInput(class_: str | list[str] | None = None, **kwargs: Any) -> air.Tag:
+    """Styled number input."""
+    return air.Input(type="number", class_=stringify(styles.forms.input, class_), **kwargs)
+
+
+def EmailInput(class_: str | list[str] | None = None, **kwargs: Any) -> air.Tag:
+    """Styled email input."""
+    return air.Input(type="email", class_=stringify(styles.forms.input, class_), **kwargs)
+
+
+def PasswordInput(class_: str | list[str] | None = None, **kwargs: Any) -> air.Tag:
+    """Styled password input."""
+    return air.Input(type="password", class_=stringify(styles.forms.input, class_), **kwargs)
+
+
+def SearchInput(class_: str | list[str] | None = None, **kwargs: Any) -> air.Tag:
+    """Styled search input."""
+    return air.Input(type="search", class_=stringify(styles.forms.input, class_), **kwargs)
+
+
+def UrlInput(class_: str | list[str] | None = None, **kwargs: Any) -> air.Tag:
+    """Styled URL input."""
+    return air.Input(type="url", class_=stringify(styles.forms.input, class_), **kwargs)
+
+
+def TelInput(class_: str | list[str] | None = None, **kwargs: Any) -> air.Tag:
+    """Styled telephone input."""
+    return air.Input(type="tel", class_=stringify(styles.forms.input, class_), **kwargs)
+
+
+def Checkbox(
+    name: str | None = None, label: str | None = None, class_: str | list[str] | None = None, **kwargs: Any
+) -> air.Tag:
+    """Styled checkbox input with optional label."""
+    # Generate ID if not provided
+    input_id = kwargs.get("id", f"{name}-{kwargs.get('value', 'checkbox')}".replace(" ", "-") if name else None)
+
+    # Create checkbox
+    checkbox = air.Input(type="checkbox", name=name, id=input_id, class_=stringify(styles.forms.checkbox), **kwargs)
+
+    if label:
+        # Wrap in label
+        return Label(checkbox, label, for_=input_id, class_=stringify(styles.forms.label_inline, class_))
+    else:
+        # Apply additional classes if provided
+        if class_:
+            checkbox = air.Input(
+                type="checkbox", name=name, id=input_id, class_=stringify(styles.forms.checkbox, class_), **kwargs
+            )
+        return checkbox
+
+
+def Radio(
+    name: str | None = None, label: str | None = None, class_: str | list[str] | None = None, **kwargs: Any
+) -> air.Tag:
+    """Styled radio input with optional label."""
+    # Generate ID if not provided
+    input_id = kwargs.get("id", f"{name}-{kwargs.get('value', 'radio')}".replace(" ", "-") if name else None)
+
+    # Create radio
+    radio = air.Input(type="radio", name=name, id=input_id, class_=stringify(styles.forms.radio), **kwargs)
+
+    if label:
+        # Wrap in label
+        return Label(radio, label, for_=input_id, class_=stringify(styles.forms.label_inline, class_))
+    else:
+        # Apply additional classes if provided
+        if class_:
+            radio = air.Input(
+                type="radio", name=name, id=input_id, class_=stringify(styles.forms.radio, class_), **kwargs
+            )
+        return radio
+
+
+def FileInput(class_: str | list[str] | None = None, **kwargs: Any) -> air.Tag:
+    """Styled file input."""
+    return air.Input(type="file", class_=stringify(styles.forms.file, class_), **kwargs)
+
+
+# Helper form elements
+def FormError(text: str, class_: str | list[str] | None = None, **kwargs: Any) -> air.Tag:
+    """Styled error message."""
+    return Small(text, class_=stringify(styles.forms.error, class_), **kwargs)
+
+
+def FormHelp(text: str, class_: str | list[str] | None = None, **kwargs: Any) -> air.Tag:
+    """Styled help text."""
+    return Small(text, class_=stringify(styles.forms.help, class_), **kwargs)
+
 
 # Pass-through tags from air.tags
 # Import all standard HTML tags that don't have custom styling

{eidosui-0.8.0 → eidosui-0.9.0}/eidos/utils.py

@@ -37,7 +37,7 @@ def stringify(*classes: str | list[str] | None) -> str:
     return " ".join(result)
 
 
-def get_eidos_static_files(markdown: bool = False) -> dict:
+def get_eidos_static_files(markdown: bool = False) -> dict[str, str]:
     """
     Get a dictionary mapping URL paths to static file directories.
 

{eidosui-0.8.0 → eidosui-0.9.0}/pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "hatchling.build"
 
 [project]
 name = "eidosui"
-version = "0.8.0"
+version = "0.9.0"
 description = "A modern, Tailwind CSS-based UI library for air development"
 readme = "README.md"
 license = "MIT"