# cjm-fasthtml-daisyui
<!-- WARNING: THIS FILE WAS AUTOGENERATED! DO NOT EDIT! -->
> Python-native daisyUI v5 component and utility class builder providing
> type-safe, dynamic class generation with full abstraction for FastHTML
> projects.
## Install
``` bash
pip install cjm-fasthtml-daisyui
```
## Project Structure
nbs/
├── builders/ (3)
│ ├── colors.ipynb # Semantic color system builders for daisyUI components
│ ├── sizes.ipynb # Named sizes support for DaisyUI components
│ └── styles.ipynb # Named style support for daisyUI components
├── cli/ (2)
│ ├── cli_config.ipynb # Configuration for the DaisyUI CLI tool
│ └── explorer.ipynb # CLI tool for exploring cjm-fasthtml-daisyui components and builders
├── components/ (61)
│ ├── actions/ (5)
│ │ ├── button.ipynb # Buttons allow the user to take actions or make choices.
│ │ ├── dropdown.ipynb # Dropdown can open a menu or any other element when the button is clicked.
│ │ ├── modal.ipynb # Modal is used to show a dialog or a box when you click a button.
│ │ ├── swap.ipynb # Swap allows you to toggle the visibility of two elements using a checkbox or a class name.
│ │ └── theme_controller.ipynb # If a checked checkbox input or a checked radio input with theme-controller class exists in the page, The page will have the same theme as that input's value.
│ ├── data_display/ (15)
│ │ ├── accordion.ipynb # Accordion is used for showing and hiding content but only one item can stay open at a time.
│ │ ├── avatar.ipynb # Avatars are used to show a thumbnail representation of an individual or business in the interface.
│ │ ├── badge.ipynb # Badges are used to inform the user of the status of specific data.
│ │ ├── card.ipynb # Cards are used to group and display content in a way that is easily readable.
│ │ ├── carousel.ipynb # Carousel shows images or content in a scrollable area.
│ │ ├── chat_bubble.ipynb # Chat bubbles are used to show one line of conversation and all its data, including the author image, author name, time, etc.
│ │ ├── collapse.ipynb # Collapse is used for showing and hiding content.
│ │ ├── countdown.ipynb # Countdown gives you a transition effect when you change a number between 0 to 99.
│ │ ├── diff.ipynb # Diff component shows a side-by-side comparison of two items.
│ │ ├── kbd.ipynb # Kbd is used to display keyboard shortcuts.
│ │ ├── list.ipynb # List is a vertical layout to display information in rows.
│ │ ├── stat.ipynb # Stat is used to show numbers and data in a block.
│ │ ├── status.ipynb # Status is a really small icon to visually show the current status of an element, like online, offline, error, etc.
│ │ ├── table.ipynb # Table can be used to show a list of data in a table format.
│ │ └── timeline.ipynb # Timeline component shows a list of events in chronological order.
│ ├── data_input/ (14)
│ │ ├── calendar.ipynb # Calendar includes styles for different calendar libraries.
│ │ ├── checkbox.ipynb # Checkboxes are used to select or deselect a value.
│ │ ├── fieldset.ipynb # Fieldset is a container for grouping related form elements. It includes fieldset-legend as a title and label as a description.
│ │ ├── file_input.ipynb # File Input is a an input field for uploading files.
│ │ ├── filter.ipynb # Filter is a group of radio buttons. Choosing one of the options will hide the others and shows a reset button next to the chosen option.
│ │ ├── label.ipynb # Label is used to provide a name or title for an input field. Label can be placed before or after the field.
│ │ ├── radio.ipynb # Radio buttons allow the user to select one option from a set.
│ │ ├── range.ipynb # Range slider is used to select a value by sliding a handle.
│ │ ├── rating.ipynb # Rating is a set of radio ratings that allow the user to rate something.
│ │ ├── select.ipynb # Select is used to pick a value from a list of options.
│ │ ├── text_input.ipynb # Text Input is a simple input field.
│ │ ├── textarea.ipynb # Textarea allows users to enter text in multiple lines.
│ │ ├── toggle.ipynb # Toggle is a checkbox that is styled to look like a switch button.
│ │ └── validator.ipynb # Validator class changes the color of form elements to error or success based on input's validation rules.
│ ├── feedback/ (7)
│ │ ├── alert.ipynb # Alert informs users about important events.
│ │ ├── loading.ipynb # Loading shows an animation to indicate that something is loading.
│ │ ├── progress.ipynb # Progress bar can be used to show the progress of a task or to show the passing of time.
│ │ ├── radial_progress.ipynb # Radial progress can be used to show the progress of a task or to show the passing of time.
│ │ ├── skeleton.ipynb # Skeleton is a component that can be used to show a loading state of a component.
│ │ ├── toast.ipynb # Toast is a wrapper to stack elements, positioned on the corner of page.
│ │ └── tooltip.ipynb # Tooltip can be used to show a message when hovering over an element.
│ ├── layout/ (8)
│ │ ├── divider.ipynb # Divider will be used to separate content vertically or horizontally.
│ │ ├── drawer.ipynb # Drawer is a grid layout that can show/hide a sidebar on the left or right side of the page.
│ │ ├── footer.ipynb # Footer can contain logo, copyright notice, and links to other pages.
│ │ ├── hero.ipynb # Hero is a component for displaying a large box or image with a title and description.
│ │ ├── indicator.ipynb # Indicators are used to place an element on the corner of another element.
│ │ ├── join.ipynb # Join is a container for grouping multiple items, it can be used to group buttons, inputs, etc. Join applies border radius to the first and last item. Join can be used to create a horizontal or vertical list of items.
│ │ ├── mask.ipynb # Mask crops the content of the element to common shapes.
│ │ └── stack.ipynb # Stack visually puts elements on top of each other.
│ ├── mockup/ (4)
│ │ ├── browser.ipynb # Browser mockup shows a box that looks like a browser window.
│ │ ├── code.ipynb # Code mockup is used to show a block of code in a box that looks like a code editor.
│ │ ├── phone.ipynb # Phone mockup shows a mockup of an iPhone.
│ │ └── window.ipynb
│ └── navigation/ (8)
│ ├── breadcrumbs.ipynb # Breadcrumbs helps users to navigate through the website.
│ ├── dock.ipynb # Dock (also know as Bottom navigation or Bottom bar) is a UI element that provides navigation options to the user. Dock sticks to the bottom of the screen.
│ ├── link.ipynb # Link adds the missing underline style to links.
│ ├── menu.ipynb # Menu is used to display a list of links vertically or horizontally.
│ ├── navbar.ipynb # Navbar is used to show a navigation bar on the top of the page..
│ ├── pagination.ipynb # Pagination is a group of buttons that allow the user to navigate between a set of related content.
│ ├── steps.ipynb # Steps can be used to show a list of steps in a process.
│ └── tabs.ipynb # Tabs can be used to show a list of links in a tabbed format.
├── core/ (3)
│ ├── resources.ipynb # CDN resources and headers for daisyUI and Tailwind CSS
│ ├── testing.ipynb # Standardized test page creation for Jupyter notebooks with FastHTML
│ └── themes.ipynb # Type-safe theme management for daisyUI
└── utilities/ (4)
├── border_radius.ipynb # daisyUI provides additional tokenized border radius values that can be customized based on the theme:
├── glass.ipynb # The glass utility creates a glass morphism effect on elements:
├── semantic_colors.ipynb # daisyUI extends many Tailwind CSS utility classes to support semantic colors. These factories provide type-safe access to semantic color utilities with full modifier support:
└── semantic_gradients.ipynb # For Tailwind CSS gradient utilities, daisyUI extends the from, via, and to utilities with semantic color support:
Total: 73 notebooks across 5 directories
## Module Dependencies
``` mermaid
graph LR
builders_colors[builders.colors<br/>colors]
builders_sizes[builders.sizes<br/>sizes]
builders_styles[builders.styles<br/>styles]
cli_cli_config[cli.cli_config<br/>DaisyUI CLI Configuration]
cli_explorer[cli.explorer<br/>DaisyUI Explorer]
components_actions_button[components.actions.button<br/>button]
components_actions_dropdown[components.actions.dropdown<br/>dropdown]
components_actions_modal[components.actions.modal<br/>modal]
components_actions_swap[components.actions.swap<br/>swap]
components_actions_theme_controller[components.actions.theme_controller<br/>theme controller]
components_data_display_accordion[components.data_display.accordion<br/>accordion]
components_data_display_avatar[components.data_display.avatar<br/>avatar]
components_data_display_badge[components.data_display.badge<br/>badge]
components_data_display_card[components.data_display.card<br/>card]
components_data_display_carousel[components.data_display.carousel<br/>carousel]
components_data_display_chat_bubble[components.data_display.chat_bubble<br/>chat bubble]
components_data_display_collapse[components.data_display.collapse<br/>collapse]
components_data_display_countdown[components.data_display.countdown<br/>countdown]
components_data_display_diff[components.data_display.diff<br/>diff]
components_data_display_kbd[components.data_display.kbd<br/>kbd]
components_data_display_list[components.data_display.list<br/>list]
components_data_display_stat[components.data_display.stat<br/>stat]
components_data_display_status[components.data_display.status<br/>status]
components_data_display_table[components.data_display.table<br/>table]
components_data_display_timeline[components.data_display.timeline<br/>timeline]
components_data_input_calendar[components.data_input.calendar<br/>calendar]
components_data_input_checkbox[components.data_input.checkbox<br/>checkbox]
components_data_input_fieldset[components.data_input.fieldset<br/>fieldset]
components_data_input_file_input[components.data_input.file_input<br/>file input]
components_data_input_filter[components.data_input.filter<br/>filter]
components_data_input_label[components.data_input.label<br/>label]
components_data_input_radio[components.data_input.radio<br/>radio]
components_data_input_range_slider[components.data_input.range_slider<br/>range slider]
components_data_input_rating[components.data_input.rating<br/>rating]
components_data_input_select[components.data_input.select<br/>select]
components_data_input_text_input[components.data_input.text_input<br/>text input]
components_data_input_textarea[components.data_input.textarea<br/>textarea]
components_data_input_toggle[components.data_input.toggle<br/>toggle]
components_data_input_validator[components.data_input.validator<br/>validator]
components_feedback_alert[components.feedback.alert<br/>alert]
components_feedback_loading[components.feedback.loading<br/>loading]
components_feedback_progress[components.feedback.progress<br/>progress]
components_feedback_radial_progress[components.feedback.radial_progress<br/>radial progress]
components_feedback_skeleton[components.feedback.skeleton<br/>skeleton]
components_feedback_toast[components.feedback.toast<br/>toast]
components_feedback_tooltip[components.feedback.tooltip<br/>tooltip]
components_layout_divider[components.layout.divider<br/>divider]
components_layout_drawer[components.layout.drawer<br/>drawer]
components_layout_footer[components.layout.footer<br/>footer]
components_layout_hero[components.layout.hero<br/>hero]
components_layout_indicator[components.layout.indicator<br/>indicator]
components_layout_join[components.layout.join<br/>join]
components_layout_mask[components.layout.mask<br/>mask]
components_layout_stack[components.layout.stack<br/>stack]
components_mockup_browser[components.mockup.browser<br/>browser mockup]
components_mockup_code[components.mockup.code<br/>code mockup]
components_mockup_phone[components.mockup.phone<br/>phone mockup]
components_mockup_window[components.mockup.window]
components_navigation_breadcrumbs[components.navigation.breadcrumbs<br/>breadcrumbs]
components_navigation_dock[components.navigation.dock<br/>dock]
components_navigation_link[components.navigation.link<br/>link]
components_navigation_menu[components.navigation.menu<br/>menu]
components_navigation_navbar[components.navigation.navbar<br/>navbar]
components_navigation_pagination[components.navigation.pagination<br/>pagination]
components_navigation_steps[components.navigation.steps<br/>steps]
components_navigation_tabs[components.navigation.tabs<br/>tabs]
core_resources[core.resources<br/>resources]
core_testing[core.testing<br/>testing]
core_themes[core.themes<br/>themes]
utilities_border_radius[utilities.border_radius<br/>Border Radius Utilities]
utilities_glass[utilities.glass<br/>Glass Effect Utility]
utilities_semantic_colors[utilities.semantic_colors<br/>Semantic Color Utility Classes]
utilities_semantic_gradients[utilities.semantic_gradients<br/>Gradient Stop Utilities]
cli_explorer --> cli_cli_config
components_actions_button --> builders_styles
components_actions_button --> builders_colors
components_actions_button --> core_testing
components_actions_button --> core_themes
components_actions_button --> builders_sizes
components_actions_dropdown --> core_testing
components_actions_dropdown --> core_themes
components_actions_modal --> core_testing
components_actions_modal --> core_themes
components_actions_swap --> core_testing
components_actions_swap --> core_themes
components_actions_theme_controller --> core_testing
components_actions_theme_controller --> core_themes
components_data_display_accordion --> components_data_display_collapse
components_data_display_accordion --> core_testing
components_data_display_accordion --> core_themes
components_data_display_avatar --> core_testing
components_data_display_avatar --> core_themes
components_data_display_badge --> builders_styles
components_data_display_badge --> builders_colors
components_data_display_badge --> core_testing
components_data_display_badge --> core_themes
components_data_display_badge --> builders_sizes
components_data_display_card --> builders_styles
components_data_display_card --> core_testing
components_data_display_card --> core_themes
components_data_display_card --> builders_sizes
components_data_display_carousel --> core_testing
components_data_display_carousel --> core_themes
components_data_display_chat_bubble --> builders_colors
components_data_display_chat_bubble --> core_testing
components_data_display_chat_bubble --> core_themes
components_data_display_collapse --> core_testing
components_data_display_collapse --> core_themes
components_data_display_countdown --> core_testing
components_data_display_countdown --> core_themes
components_data_display_diff --> core_testing
components_data_display_diff --> core_themes
components_data_display_kbd --> core_testing
components_data_display_kbd --> core_themes
components_data_display_kbd --> builders_sizes
components_data_display_list --> core_testing
components_data_display_list --> core_themes
components_data_display_stat --> core_testing
components_data_display_stat --> core_themes
components_data_display_status --> builders_colors
components_data_display_status --> core_testing
components_data_display_status --> core_themes
components_data_display_status --> builders_sizes
components_data_display_table --> core_testing
components_data_display_table --> core_themes
components_data_display_table --> builders_sizes
components_data_display_timeline --> core_testing
components_data_display_timeline --> core_themes
components_data_input_calendar --> core_testing
components_data_input_calendar --> core_themes
components_data_input_checkbox --> core_testing
components_data_input_checkbox --> core_themes
components_data_input_checkbox --> builders_colors
components_data_input_checkbox --> builders_sizes
components_data_input_fieldset --> core_testing
components_data_input_fieldset --> core_themes
components_data_input_file_input --> builders_colors
components_data_input_file_input --> core_testing
components_data_input_file_input --> core_themes
components_data_input_file_input --> builders_styles
components_data_input_file_input --> builders_sizes
components_data_input_filter --> core_testing
components_data_input_filter --> core_themes
components_data_input_label --> core_testing
components_data_input_label --> core_themes
components_data_input_radio --> core_testing
components_data_input_radio --> core_themes
components_data_input_radio --> builders_colors
components_data_input_radio --> builders_sizes
components_data_input_range_slider --> core_testing
components_data_input_range_slider --> core_themes
components_data_input_range_slider --> builders_colors
components_data_input_range_slider --> builders_sizes
components_data_input_rating --> core_testing
components_data_input_rating --> core_themes
components_data_input_rating --> builders_sizes
components_data_input_select --> core_testing
components_data_input_select --> core_themes
components_data_input_select --> builders_colors
components_data_input_select --> builders_sizes
components_data_input_select --> builders_styles
components_data_input_text_input --> builders_colors
components_data_input_text_input --> core_testing
components_data_input_text_input --> core_themes
components_data_input_text_input --> builders_styles
components_data_input_text_input --> builders_sizes
components_data_input_textarea --> core_testing
components_data_input_textarea --> core_themes
components_data_input_textarea --> builders_colors
components_data_input_textarea --> builders_sizes
components_data_input_textarea --> builders_styles
components_data_input_toggle --> core_testing
components_data_input_toggle --> core_themes
components_data_input_toggle --> builders_colors
components_data_input_toggle --> builders_sizes
components_data_input_validator --> core_testing
components_data_input_validator --> core_themes
components_feedback_alert --> builders_styles
components_feedback_alert --> core_testing
components_feedback_alert --> core_themes
components_feedback_alert --> builders_colors
components_feedback_loading --> core_testing
components_feedback_loading --> core_themes
components_feedback_loading --> builders_sizes
components_feedback_progress --> core_testing
components_feedback_progress --> core_themes
components_feedback_progress --> builders_colors
components_feedback_radial_progress --> core_testing
components_feedback_radial_progress --> core_themes
components_feedback_skeleton --> core_testing
components_feedback_skeleton --> core_themes
components_feedback_toast --> core_testing
components_feedback_toast --> core_themes
components_feedback_tooltip --> core_testing
components_feedback_tooltip --> core_themes
components_feedback_tooltip --> builders_colors
components_layout_divider --> core_testing
components_layout_divider --> core_themes
components_layout_divider --> builders_colors
components_layout_drawer --> core_testing
components_layout_drawer --> core_themes
components_layout_footer --> core_testing
components_layout_footer --> core_themes
components_layout_hero --> core_testing
components_layout_hero --> core_themes
components_layout_indicator --> core_testing
components_layout_indicator --> core_themes
components_layout_join --> core_testing
components_layout_join --> core_themes
components_layout_mask --> core_testing
components_layout_mask --> core_themes
components_layout_stack --> core_testing
components_layout_stack --> core_themes
components_mockup_browser --> core_testing
components_mockup_browser --> core_themes
components_mockup_code --> core_testing
components_mockup_code --> core_themes
components_mockup_phone --> core_testing
components_mockup_phone --> core_themes
components_mockup_window --> core_testing
components_mockup_window --> core_themes
components_navigation_breadcrumbs --> core_testing
components_navigation_breadcrumbs --> core_themes
components_navigation_dock --> core_testing
components_navigation_dock --> core_themes
components_navigation_dock --> builders_sizes
components_navigation_link --> core_testing
components_navigation_link --> core_themes
components_navigation_link --> builders_colors
components_navigation_link --> builders_sizes
components_navigation_menu --> core_testing
components_navigation_menu --> core_themes
components_navigation_menu --> builders_sizes
components_navigation_navbar --> core_testing
components_navigation_navbar --> core_themes
components_navigation_pagination --> core_testing
components_navigation_pagination --> components_layout_join
components_navigation_pagination --> core_themes
components_navigation_steps --> core_testing
components_navigation_steps --> core_themes
components_navigation_steps --> builders_colors
components_navigation_tabs --> builders_styles
components_navigation_tabs --> core_testing
components_navigation_tabs --> core_themes
components_navigation_tabs --> builders_sizes
core_testing --> components_actions_button
core_testing --> components_feedback_alert
core_testing --> utilities_semantic_gradients
core_testing --> core_themes
core_testing --> core_resources
core_testing --> utilities_semantic_colors
core_testing --> components_data_display_card
utilities_border_radius --> core_testing
utilities_border_radius --> builders_colors
utilities_border_radius --> core_themes
utilities_glass --> core_testing
utilities_glass --> builders_colors
utilities_glass --> core_themes
utilities_semantic_colors --> core_testing
utilities_semantic_colors --> builders_colors
utilities_semantic_colors --> core_themes
utilities_semantic_gradients --> core_testing
utilities_semantic_gradients --> builders_colors
utilities_semantic_gradients --> core_themes
```
*191 cross-module dependencies detected*
## CLI Reference
### `cjm-daisyui-explore` Command
usage: cjm-daisyui-explore [-h]
{modules,factories,factory,examples,example,search,test-code,core-utils,core-util,imports,scan}
...
cjm_fasthtml_daisyui CLI Explorer
This tool helps you explore the cjm_fasthtml_daisyui library, which provides:
- Python-native DaisyUI v5 utility class builders for FastHTML projects
- Type-safe, dynamic CSS class generation without hardcoded strings
- Comprehensive utility factories (btn, btn_behaviors, btn_colors, btn_modifiers, etc.)
- Helper functions for common patterns
- Full integration with FastHTML components
Purpose: This CLI tool enables autonomous exploration of the library's API by:
- Discovering all available utility modules and their documentation
- Listing factory instances with their built-in documentation
- Showing usage examples from test functions
- Providing source code for helper functions
- Searching across all library components
- CRITICALLY: Testing code snippets with automatic imports BEFORE implementation
- Generating recommended import statements
- Scanning existing code for replaceable CSS patterns
All information is dynamically extracted from the library itself - nothing is hardcoded.
positional arguments:
{modules,factories,factory,examples,example,search,test-code,core-utils,core-util,imports,scan}
Available commands
modules List all utility modules
factories List factories
factory Show detailed info for a specific factory
examples Show usage examples
example Show source code for a specific example
search Search across all library components
test-code ⚠️ CRITICAL: Test code snippets using the library
(ALWAYS use before implementation)
core-utils List core utility functions
core-util Show source code for a core utility
imports Show recommended import statements
scan Scan code for replaceable CSS patterns
options:
-h, --help show this help message and exit
Getting Started:
1. List all modules: cjm-daisyui-explore modules
2. View factories: cjm-daisyui-explore factories
3. Search for patterns: cjm-daisyui-explore search <query>
4. CRITICAL: Test code: cjm-daisyui-explore test-code "<code>"
5. Get imports: cjm-daisyui-explore imports
6. Scan existing code: cjm-daisyui-explore scan <file>
Exploration Workflow:
- Start with 'modules' to see available utility categories
- Use 'factories -m <module>' to explore specific modules
- Use 'factory <module> <name>' for detailed factory information
- Use 'examples' to see test-based usage patterns
- Use 'search' to find specific functionality
- CRITICAL: ALWAYS use 'test-code' to validate code BEFORE implementation
- Use 'scan' to analyze existing code for migration opportunities
IMPORTANT: Code Validation
⚠️ ALWAYS use 'test-code' to verify generated code before using it
⚠️ This ensures correct syntax, proper imports, and expected output
⚠️ Never skip this step - it prevents errors and saves debugging time
Key Concepts:
- Factories: Objects that generate CSS classes (e.g., btn, btn_behaviors, btn_colors, btn_modifiers)
- Modules: Categories of utilities (actions.button, actions.dropdown, actions.modal, etc.)
- Examples: Test functions demonstrating usage patterns
- Helpers: Convenience functions for common patterns
Tips for Coding Assistants:
- MANDATORY: Use 'test-code' to validate ALL generated code before implementation
- Use 'search --include-source' to find usage patterns in code
- Use 'imports' to get all necessary import statements
- Use 'scan' to identify replaceable hardcoded CSS classes
- Factory names are intuitive: btn, btn_behaviors, btn_colors, btn_modifiers
- Combine utilities with combine_classes() function
- All factories support method chaining and attribute access
Example Usage Flow:
cjm-daisyui-explore modules # See what's available
cjm-daisyui-explore factories -m actions.button # Explore actions.button utilities
cjm-daisyui-explore factory actions.button btn # Learn about btn factory
cjm-daisyui-explore example actions.button basic # See usage examples
cjm-daisyui-explore test-code 'print(str(btn))' # CRITICAL: Test your understanding
cjm-daisyui-explore scan app.py # Analyze existing code
Tailwind CSS v4 Usage:
⚠️ Important: Use the cjm_fasthtml_tailwind library for adding Tailwind CSS v4 utility classes.
You can learn about the cjm_fasthtml_tailwind library with the cjm-tailwind-explore CLI tool.
For detailed help on any command, use
`cjm-daisyui-explore <command> --help`.
## Module Overview
Detailed documentation for each module in the project:
### accordion (`accordion.ipynb`)
> Accordion is used for showing and hiding content but only one item can
> stay open at a time.
#### Import
``` python
from cjm_fasthtml_daisyui.components.data_display.accordion import (
test_accordion_basic_examples,
test_accordion_modifiers_examples,
test_accordion_basic_fasthtml_examples,
test_accordion_arrow_fasthtml_examples,
test_accordion_plus_fasthtml_examples,
test_accordion_join_fasthtml_examples
)
```
#### Functions
``` python
def test_accordion_basic_examples()
"Test basic accordion utilities."
```
``` python
def test_accordion_modifiers_examples()
"Test accordion modifier utilities."
```
``` python
def test_accordion_basic_fasthtml_examples()
"Test basic accordion using radio inputs from daisyUI v5 documentation."
```
``` python
def test_accordion_arrow_fasthtml_examples()
"Test accordion with arrow icon from daisyUI v5 documentation."
```
``` python
def test_accordion_plus_fasthtml_examples()
"Test accordion with plus/minus icon from daisyUI v5 documentation."
```
``` python
def test_accordion_join_fasthtml_examples()
"Test accordion with join from daisyUI v5 documentation."
```
### alert (`alert.ipynb`)
> Alert informs users about important events.
#### Import
``` python
from cjm_fasthtml_daisyui.components.feedback.alert import (
alert,
alert_styles,
alert_colors,
alert_directions,
test_alert_basic_examples,
test_alert_styles_examples,
test_alert_colors_examples,
test_alert_directions_examples,
test_alert_basic_fasthtml_examples,
test_alert_colors_fasthtml_examples,
test_alert_styles_fasthtml_examples,
test_alert_with_buttons_fasthtml_examples,
test_alert_with_title_description_fasthtml_examples
)
```
#### Functions
``` python
def test_alert_basic_examples()
"Test basic alert utilities."
```
``` python
def test_alert_styles_examples()
"Test alert style variants."
```
``` python
def test_alert_colors_examples()
"Test alert color variants."
```
``` python
def test_alert_directions_examples()
"Test alert direction utilities."
```
``` python
def test_alert_basic_fasthtml_examples()
"Test basic alert example from daisyUI v5 documentation."
```
``` python
def test_alert_colors_fasthtml_examples()
"Test alert color variations from daisyUI v5 documentation."
```
``` python
def test_alert_styles_fasthtml_examples()
"Test alert style variations (soft, outline, dash) from daisyUI v5 documentation."
```
``` python
def test_alert_with_buttons_fasthtml_examples()
"Test alert with buttons and responsive layout from daisyUI v5 documentation."
```
``` python
def test_alert_with_title_description_fasthtml_examples()
"Test alert with title and description from daisyUI v5 documentation."
```
#### Variables
``` python
alert # Base alert component
alert_styles # Alert style variants
alert_colors # Alert color variants
```
### avatar (`avatar.ipynb`)
> Avatars are used to show a thumbnail representation of an individual
> or business in the interface.
#### Import
``` python
from cjm_fasthtml_daisyui.components.data_display.avatar import (
avatar,
avatar_group,
avatar_modifiers,
test_avatar_basic_examples,
test_avatar_modifiers_examples,
test_avatar_basic_fasthtml_examples,
test_avatar_rounded_and_mask_fasthtml_examples,
test_avatar_group_fasthtml_examples,
test_avatar_ring_and_presence_fasthtml_examples,
test_avatar_placeholder_fasthtml_examples
)
```
#### Functions
``` python
def test_avatar_basic_examples()
"Test basic avatar utilities."
```
``` python
def test_avatar_modifiers_examples()
"Test avatar modifier utilities."
```
``` python
def test_avatar_basic_fasthtml_examples()
"Test basic avatar and avatar in custom sizes from daisyUI v5 documentation."
```
``` python
def test_avatar_rounded_and_mask_fasthtml_examples()
"Test avatar rounded and avatar with mask from daisyUI v5 documentation."
```
``` python
def test_avatar_group_fasthtml_examples()
"Test avatar group and avatar group with counter from daisyUI v5 documentation."
```
``` python
def test_avatar_ring_and_presence_fasthtml_examples()
"Test avatar with ring and avatar with presence indicator from daisyUI v5 documentation."
```
``` python
def test_avatar_placeholder_fasthtml_examples()
"Test avatar placeholder from daisyUI v5 documentation."
```
#### Variables
``` python
avatar # Avatar container
avatar_group # Avatar group
```
### badge (`badge.ipynb`)
> Badges are used to inform the user of the status of specific data.
#### Import
``` python
from cjm_fasthtml_daisyui.components.data_display.badge import (
badge,
badge_colors,
badge_styles,
badge_sizes,
test_badge_basic_examples,
test_badge_colors_examples,
test_badge_styles_examples,
test_badge_sizes_examples,
test_badge_basic_fasthtml_examples,
test_badge_colors_fasthtml_examples,
test_badge_style_fasthtml_examples,
test_badge_icon_fasthtml_examples,
test_badge_in_text_fasthtml_examples,
test_badge_in_button_fasthtml_examples
)
```
#### Functions
``` python
def test_badge_basic_examples()
"Test basic badge utilities."
```
``` python
def test_badge_colors_examples()
"Test badge color variants."
```
``` python
def test_badge_styles_examples()
"Test badge style variants."
```
``` python
def test_badge_sizes_examples()
"Test badge size variants."
```
``` python
def test_badge_basic_fasthtml_examples()
"Test basic badge and badge sizes from daisyUI v5 documentation."
```
``` python
def test_badge_colors_fasthtml_examples()
"Test badge with colors from daisyUI v5 documentation."
```
``` python
def test_badge_style_fasthtml_examples()
"Test badge with different styles from daisyUI v5 documentation."
```
``` python
def test_badge_icon_fasthtml_examples()
"Test badge with icon from daisyUI v5 documentation."
```
``` python
def test_badge_in_text_fasthtml_examples()
"Test badge in text from daisyUI v5 documentation."
```
``` python
def test_badge_in_button_fasthtml_examples()
"Test badge in button from daisyUI v5 documentation."
```
#### Variables
``` python
badge # Badge container
badge_colors # Badge color variants
badge_styles # Badge style variants
badge_sizes # Badge size variants
```
### Border Radius Utilities (`border_radius.ipynb`)
> daisyUI provides additional tokenized border radius values that can be
> customized based on the theme:
#### Import
``` python
from cjm_fasthtml_daisyui.utilities.border_radius import (
BORDER_RADIUS_VALUES,
border_radius,
test_border_radius_basic_examples,
test_border_radius_fasthtml_examples
)
```
#### Functions
``` python
def test_border_radius_basic_examples()
"Test daisyUI's tokenized border radius utilities."
```
``` python
def test_border_radius_fasthtml_examples()
"Test practical usage patterns with FastHTML components."
```
#### Variables
``` python
BORDER_RADIUS_VALUES = {3 items}
border_radius # The daisyUI border radius factory
```
### breadcrumbs (`breadcrumbs.ipynb`)
> Breadcrumbs helps users to navigate through the website.
#### Import
``` python
from cjm_fasthtml_daisyui.components.navigation.breadcrumbs import (
breadcrumbs,
test_breadcrumbs_basic_examples,
test_breadcrumbs_basic_fasthtml_examples,
test_breadcrumbs_with_icons_fasthtml_examples,
test_breadcrumbs_with_max_width_fasthtml_examples
)
```
#### Functions
``` python
def test_breadcrumbs_basic_examples()
"Test breadcrumbs utility."
```
``` python
def test_breadcrumbs_basic_fasthtml_examples()
"Test basic breadcrumbs example from daisyUI v5 documentation."
```
``` python
def test_breadcrumbs_with_icons_fasthtml_examples()
"Test breadcrumbs with icons from daisyUI v5 documentation."
```
``` python
def test_breadcrumbs_with_max_width_fasthtml_examples()
"Test breadcrumbs with max-width from daisyUI v5 documentation."
```
#### Variables
``` python
breadcrumbs # Breadcrumbs component
```
### browser mockup (`browser.ipynb`)
> Browser mockup shows a box that looks like a browser window.
#### Import
``` python
from cjm_fasthtml_daisyui.components.mockup.browser import (
mockup_browser,
mockup_browser_toolbar,
test_mockup_browser_basic_examples,
test_browser_mockup_with_border_fasthtml_examples,
test_browser_mockup_with_background_fasthtml_examples
)
```
#### Functions
``` python
def test_mockup_browser_basic_examples()
"Test basic mockup_browser utilities."
```
``` python
def test_browser_mockup_with_border_fasthtml_examples()
"Test browser mockup with border from daisyUI v5 documentation."
```
``` python
def test_browser_mockup_with_background_fasthtml_examples()
"Test browser mockup with background color from daisyUI v5 documentation."
```
#### Variables
``` python
mockup_browser # Base mockup browser component
mockup_browser_toolbar # Base mockup browser toolbar part
```
### button (`button.ipynb`)
> Buttons allow the user to take actions or make choices.
#### Import
``` python
from cjm_fasthtml_daisyui.components.actions.button import (
btn,
btn_colors,
btn_styles,
btn_sizes,
btn_modifiers,
btn_behaviors,
LinkStyle,
test_button_basic_examples,
test_button_colors_examples,
test_button_styles_examples,
test_button_sizes_examples,
test_button_modifiers_examples,
test_button_behaviors_examples,
test_button_basic_fasthtml_examples,
test_button_sizes_fasthtml_examples,
test_button_colors_variants_fasthtml_examples,
test_button_states_fasthtml_examples,
test_button_shapes_fasthtml_examples,
test_button_with_content_fasthtml_examples
)
```
#### Functions
``` python
def test_button_basic_examples()
"Test basic button utilities."
```
``` python
def test_button_colors_examples()
"Test button color variants."
```
``` python
def test_button_styles_examples()
"Test button style variants."
```
``` python
def test_button_sizes_examples()
"Test button size variants."
```
``` python
def test_button_modifiers_examples()
"Test button modifier utilities."
```
``` python
def test_button_behaviors_examples()
"Test button behavior states."
```
``` python
def test_button_basic_fasthtml_examples()
"Test basic button examples from daisyUI v5 documentation."
```
``` python
def test_button_sizes_fasthtml_examples()
"Test button size variations and responsive buttons."
```
``` python
def test_button_colors_variants_fasthtml_examples()
"Test button color variants including soft, outline, and dash styles."
```
``` python
def test_button_states_fasthtml_examples()
"Test button states including active, disabled, ghost, and link."
```
``` python
def test_button_shapes_fasthtml_examples()
"Test square and circle button shapes with SVG icons."
```
``` python
def test_button_with_content_fasthtml_examples()
"Test buttons with icons and loading spinners."
```
#### Classes
``` python
class LinkStyle(str, Enum):
```
#### Variables
``` python
btn # Base button component
btn_colors # Button color variants
btn_styles # Button style variants
btn_sizes # Button size variants
```
### calendar (`calendar.ipynb`)
> Calendar includes styles for different calendar libraries.
#### Import
``` python
from cjm_fasthtml_daisyui.components.data_input.calendar import (
cally,
pika_single,
react_day_picker,
test_calendar_basic_examples,
test_calendar_cally_basic_fasthtml_examples,
test_cally_date_picker_fasthtml_examples,
test_pikaday_calendar_fasthtml_examples
)
```
#### Functions
``` python
def test_calendar_basic_examples()
"Test basic calendar utilities."
```
``` python
def test_calendar_cally_basic_fasthtml_examples()
"Test Cally calendar example from daisyUI v5 documentation."
```
``` python
def test_cally_date_picker_fasthtml_examples()
"Test Cally date picker example from daisyUI v5 documentation."
```
``` python
def test_pikaday_calendar_fasthtml_examples()
"Test Pikaday calendar CDN example from daisyUI v5 documentation."
```
#### Variables
``` python
cally # Base Cally calendar component
pika_single # Base Pikaday calender component
react_day_picker # Base DayPicker calendar component
```
### card (`card.ipynb`)
> Cards are used to group and display content in a way that is easily
> readable.
#### Import
``` python
from cjm_fasthtml_daisyui.components.data_display.card import (
card,
card_title,
card_body,
card_actions,
card_styles,
card_modifiers,
card_sizes,
test_card_basic_examples,
test_card_styles_examples,
test_card_modifiers_examples,
test_card_sizes_examples,
test_card_basic_fasthtml_examples,
test_card_pricing_fasthtml_examples,
test_card_style_fasthtml_examples,
test_card_layout_fasthtml_examples,
test_card_special_fasthtml_examples
)
```
#### Functions
``` python
def test_card_basic_examples()
"Test basic card utilities."
```
``` python
def test_card_styles_examples()
"Test card style variants."
```
``` python
def test_card_modifiers_examples()
"Test card modifier utilities."
```
``` python
def test_card_sizes_examples()
"Test card size variants."
```
``` python
def test_card_basic_fasthtml_examples()
"Test basic card examples from daisyUI v5 documentation."
```
``` python
def test_card_pricing_fasthtml_examples()
"Test pricing card example from daisyUI v5 documentation."
```
``` python
def test_card_style_fasthtml_examples()
"Test card style variations from daisyUI v5 documentation."
```
``` python
def test_card_layout_fasthtml_examples()
"Test card layout variations from daisyUI v5 documentation."
```
``` python
def test_card_special_fasthtml_examples()
"Test special card examples from daisyUI v5 documentation."
```
#### Variables
``` python
card # Card container
card_title # Card title
card_body # Card body
card_actions # Card actions
card_styles # Card style variants
card_sizes # Card size variants
```
### carousel (`carousel.ipynb`)
> Carousel shows images or content in a scrollable area.
#### Import
``` python
from cjm_fasthtml_daisyui.components.data_display.carousel import (
carousel,
carousel_item,
carousel_snap,
carousel_direction,
test_carousel_basic_examples,
test_carousel_modifiers_examples,
test_carousel_snap_alignment_fasthtml_examples,
test_carousel_layout_fasthtml_variations,
test_carousel_navigation_fasthtml_examples
)
```
#### Functions
``` python
def test_carousel_basic_examples()
"Test basic carousel utilities."
```
``` python
def test_carousel_modifiers_examples()
"Test carousel modifier utilities."
```
``` python
def test_carousel_snap_alignment_fasthtml_examples()
"Test carousel snap alignment examples from daisyUI v5 documentation."
```
``` python
def test_carousel_layout_fasthtml_variations()
"Test carousel layout variations from daisyUI v5 documentation."
```
``` python
def test_carousel_navigation_fasthtml_examples()
"Test carousel with navigation examples from daisyUI v5 documentation."
```
#### Variables
``` python
carousel # Carousel container
carousel_item # Carousel item
```
### chat bubble (`chat_bubble.ipynb`)
> Chat bubbles are used to show one line of conversation and all its
> data, including the author image, author name, time, etc.
#### Import
``` python
from cjm_fasthtml_daisyui.components.data_display.chat_bubble import (
chat,
chat_image,
chat_header,
chat_footer,
chat_bubble,
chat_placement,
chat_bubble_colors,
test_chat_basic_examples,
test_chat_placement_examples,
test_chat_bubble_colors_examples,
test_chat_basic_fasthtml_examples,
test_chat_with_image_fasthtml_examples,
test_chat_with_header_footer_fasthtml_examples,
test_chat_colors_fasthtml_examples
)
```
#### Functions
``` python
def test_chat_basic_examples()
"Test basic chat utilities."
```
``` python
def test_chat_placement_examples()
"Test chat placement utilities."
```
``` python
def test_chat_bubble_colors_examples()
"Test chat bubble color variants."
```
``` python
def test_chat_basic_fasthtml_examples()
"Test basic chat-start and chat-end from daisyUI v5 documentation."
```
``` python
def test_chat_with_image_fasthtml_examples()
"Test chat with image from daisyUI v5 documentation."
```
``` python
def test_chat_with_header_footer_fasthtml_examples()
"Test chat with image, header and footer from daisyUI v5 documentation."
```
``` python
def test_chat_colors_fasthtml_examples()
"Test chat bubble with colors from daisyUI v5 documentation."
```
#### Variables
``` python
chat # Chat container
chat_image # Chat image
chat_header # Chat header
chat_footer # Chat footer
chat_bubble # Chat bubble
chat_bubble_colors # Chat bubble color variants
```
### checkbox (`checkbox.ipynb`)
> Checkboxes are used to select or deselect a value.
#### Import
``` python
from cjm_fasthtml_daisyui.components.data_input.checkbox import (
checkbox,
checkbox_colors,
checkbox_sizes,
test_checkbox_basic_examples,
test_checkbox_colors_examples,
test_checkbox_sizes_examples,
test_checkbox_basic_fasthtml_examples,
test_checkbox_with_fieldset_fasthtml_examples,
test_checkbox_sizes_fasthtml_examples,
test_checkbox_colors_fasthtml_examples,
test_checkbox_disabled_fasthtml_examples,
test_checkbox_indeterminate_fasthtml_examples,
test_checkbox_custom_colors_fasthtml_examples
)
```
#### Functions
``` python
def test_checkbox_basic_examples()
"Test basic checkbox utilities."
```
``` python
def test_checkbox_colors_examples()
"Test checkbox color variants."
```
``` python
def test_checkbox_sizes_examples()
"Test checkbox size variants."
```
``` python
def test_checkbox_basic_fasthtml_examples()
"Test basic checkbox example from daisyUI v5 documentation."
```
``` python
def test_checkbox_with_fieldset_fasthtml_examples()
"Test checkbox with fieldset and label from daisyUI v5 documentation."
```
``` python
def test_checkbox_sizes_fasthtml_examples()
"Test checkbox size variations from daisyUI v5 documentation."
```
``` python
def test_checkbox_colors_fasthtml_examples()
"Test checkbox color variations from daisyUI v5 documentation."
```
``` python
def test_checkbox_disabled_fasthtml_examples()
"Test disabled checkbox variations from daisyUI v5 documentation."
```
``` python
def test_checkbox_indeterminate_fasthtml_examples():
"""Test indeterminate checkbox from daisyUI v5 documentation."""
from fasthtml.common import Input, Script, Div
# Indeterminate checkbox (requires JavaScript to set the state)
# Note: The indeterminate state must be set via JavaScript
"Test indeterminate checkbox from daisyUI v5 documentation."
```
``` python
def test_checkbox_custom_colors_fasthtml_examples()
"Test checkbox with custom colors from daisyUI v5 documentation."
```
#### Variables
``` python
checkbox # Base checkbox component
checkbox_colors # Checkbox color variants
checkbox_sizes # Checkbox size variants
```
### DaisyUI CLI Configuration (`cli_config.ipynb`)
> Configuration for the DaisyUI CLI tool
#### Import
``` python
from cjm_fasthtml_daisyui.cli.cli_config import (
get_daisyui_config
)
```
#### Functions
``` python
def get_daisyui_config() -> LibraryConfig
"""
Get configuration for cjm-fasthtml-daisyui library.
This configuration defines:
- Module discovery paths (components and builders)
- Core utilities specific to DaisyUI
- CLI command name
- Import paths
"""
```
### code mockup (`code.ipynb`)
> Code mockup is used to show a block of code in a box that looks like a
> code editor.
#### Import
``` python
from cjm_fasthtml_daisyui.components.mockup.code import (
mockup_code,
test_mockup_code_basic_examples,
test_mockup_code_with_line_prefix_fasthtml_examples,
test_mockup_code_multi_line_fasthtml_examples,
test_mockup_code_highlighted_line_fasthtml_examples,
test_mockup_code_long_line_fasthtml_examples,
test_mockup_code_without_prefix_fasthtml_examples,
test_mockup_code_with_color_fasthtml_examples
)
```
#### Functions
``` python
def test_mockup_code_basic_examples()
"Test basic mockup_code utilities."
```
``` python
def test_mockup_code_with_line_prefix_fasthtml_examples()
"Test mockup code with line prefix from daisyUI v5 documentation."
```
``` python
def test_mockup_code_multi_line_fasthtml_examples()
"Test multi-line mockup code from daisyUI v5 documentation."
```
``` python
def test_mockup_code_highlighted_line_fasthtml_examples()
"Test mockup code with highlighted line from daisyUI v5 documentation."
```
``` python
def test_mockup_code_long_line_fasthtml_examples()
"Test mockup code with long line that will scroll from daisyUI v5 documentation."
```
``` python
def test_mockup_code_without_prefix_fasthtml_examples()
"Test mockup code without prefix from daisyUI v5 documentation."
```
``` python
def test_mockup_code_with_color_fasthtml_examples()
"Test mockup code with custom color from daisyUI v5 documentation."
```
#### Variables
``` python
mockup_code # Base mockup code component
```
### collapse (`collapse.ipynb`)
> Collapse is used for showing and hiding content.
#### Import
``` python
from cjm_fasthtml_daisyui.components.data_display.collapse import (
collapse,
collapse_title,
collapse_content,
collapse_modifiers,
test_collapse_basic_examples,
test_collapse_modifiers_examples,
test_collapse_basic_fasthtml_examples,
test_collapse_style_fasthtml_examples,
test_collapse_state_fasthtml_examples,
test_collapse_color_fasthtml_examples
)
```
#### Functions
``` python
def test_collapse_basic_examples()
"Test basic collapse utilities."
```
``` python
def test_collapse_modifiers_examples()
"Test collapse modifier utilities."
```
``` python
def test_collapse_basic_fasthtml_examples()
"Test basic collapse examples: focus, checkbox, and details/summary from daisyUI v5 documentation."
```
``` python
def test_collapse_style_fasthtml_examples()
"Test collapse style examples: without border/background, with arrow icon, with plus/minus icon from daisyUI v5 documentation."
```
``` python
def test_collapse_state_fasthtml_examples()
"Test collapse state examples: force open and force close from daisyUI v5 documentation."
```
``` python
def test_collapse_color_fasthtml_examples()
"Test collapse color examples: custom colors for focus and checkbox from daisyUI v5 documentation."
```
#### Variables
``` python
collapse # Collapse container
collapse_title # Collapse title
collapse_content # Collapse content
```
### colors (`colors.ipynb`)
> Semantic color system builders for daisyUI components
#### Import
``` python
from cjm_fasthtml_daisyui.builders.colors import (
SemanticColorValue,
SemanticColorBrand,
SemanticColorStatus,
SemanticColorBase,
SemanticColorContent,
SemanticColor,
is_valid_semantic_color,
ColoredUtilityDaisyUI,
ColoredFactoryDaisyUI,
test_colors_semantic_enum_examples,
test_colors_validation_examples,
test_colors_factory_examples,
test_colors_opacity_examples,
test_colors_arbitrary_examples,
test_colors_multiple_utilities_examples,
test_colors_practical_usage_examples,
test_colors_modifier_examples,
get_all_semantic_colors,
get_brand_colors,
get_base_colors,
get_status_colors
)
```
#### Functions
``` python
def is_valid_semantic_color(
value: str # The value to check
) -> bool: # True if value is a valid daisyUI semantic color
"Check if a value is a valid daisyUI semantic color."
```
``` python
def test_colors_semantic_enum_examples()
"Test semantic color enum."
```
``` python
def test_colors_validation_examples()
"Test semantic color validation functions."
```
``` python
def test_colors_factory_examples()
"Test ColoredFactoryDaisyUI with various semantic color specifications."
```
``` python
def test_colors_opacity_examples()
"Test opacity modifiers with semantic color utilities."
```
``` python
def test_colors_arbitrary_examples()
"Test arbitrary color values and custom properties."
```
``` python
def test_colors_multiple_utilities_examples()
"Test semantic color system with multiple utility types."
```
``` python
def test_colors_practical_usage_examples()
"Test practical usage patterns with FastHTML components."
```
``` python
def test_colors_modifier_examples()
"Test semantic color utilities with modifiers for conditional styling."
```
``` python
def get_all_semantic_colors() -> List[str]
"Get list of all daisyUI semantic color names."
```
``` python
def get_brand_colors() -> List[str]
"Get list of brand semantic colors."
```
``` python
def get_base_colors() -> List[str]
"Get list of base semantic colors."
```
``` python
def get_status_colors() -> List[str]
"Get list of status semantic colors."
```
#### Classes
``` python
class SemanticColorBrand(str, Enum):
"daisyUI semantic brand color names."
```
``` python
class SemanticColorStatus(str, Enum):
"daisyUI semantic status color names."
```
``` python
class SemanticColorBase(str, Enum):
"daisyUI semantic base color names."
```
``` python
class SemanticColorContent(str, Enum):
"daisyUI semantic content color names."
```
``` python
class SemanticColor(str, Enum):
"daisyUI semantic color names."
```
``` python
class ColoredUtilityDaisyUI:
def __init__(
self,
prefix: str, # The utility prefix (e.g., 'bg', 'text', 'border')
color: Optional[SemanticColorValue] = None, # The semantic color value
opacity: Optional[Union[int, str]] = None # Optional opacity value (0-100 or arbitrary)
)
"Utility class with daisyUI semantic color and opacity support."
def __init__(
self,
prefix: str, # The utility prefix (e.g., 'bg', 'text', 'border')
color: Optional[SemanticColorValue] = None, # The semantic color value
opacity: Optional[Union[int, str]] = None # Optional opacity value (0-100 or arbitrary)
)
"Initialize with prefix, optional semantic color, and optional opacity."
def opacity(
self,
value: Union[int, str] # Opacity value (0-100 or arbitrary)
) -> 'ColoredUtilityDaisyUI': # A new instance with opacity set
"Return a new ColoredUtilityDaisyUI instance with opacity value."
```
``` python
class ColoredFactoryDaisyUI:
def __init__(
self,
prefix: str, # The utility prefix (e.g., 'bg', 'text', 'border')
doc: Optional[str] = None # Optional documentation string
)
"Factory for creating daisyUI semantic color-based utilities."
def __init__(
self,
prefix: str, # The utility prefix (e.g., 'bg', 'text', 'border')
doc: Optional[str] = None # Optional documentation string
)
"Initialize factory with prefix and documentation."
def get_info(
self
) -> Dict[str, Any]: # Dictionary with factory information
"Get detailed information about this semantic color factory."
```
### countdown (`countdown.ipynb`)
> Countdown gives you a transition effect when you change a number
> between 0 to 99.
#### Import
``` python
from cjm_fasthtml_daisyui.components.data_display.countdown import (
countdown,
test_countdown_basic_examples,
test_countdown_basic_fasthtml_examples,
test_countdown_clock_fasthtml_examples,
test_countdown_labels_fasthtml_examples,
test_countdown_boxes_fasthtml_examples
)
```
#### Functions
``` python
def test_countdown_basic_examples()
"Test basic countdown utilities."
```
``` python
def test_countdown_basic_fasthtml_examples()
"Test basic countdown and large text from daisyUI v5 documentation."
```
``` python
def test_countdown_clock_fasthtml_examples()
"Test clock countdown and clock countdown with colons from daisyUI v5 documentation."
```
``` python
def test_countdown_labels_fasthtml_examples()
"Test large text with labels and labels under from daisyUI v5 documentation."
```
``` python
def test_countdown_boxes_fasthtml_examples()
"Test countdown in boxes from daisyUI v5 documentation."
```
#### Variables
``` python
countdown # Countdown wrapper
```
### diff (`diff.ipynb`)
> Diff component shows a side-by-side comparison of two items.
#### Import
``` python
from cjm_fasthtml_daisyui.components.data_display.diff import (
diff,
diff_item_1,
diff_item_2,
diff_resizer,
test_diff_basic_examples,
test_diff_basic_fasthtml_examples
)
```
#### Functions
``` python
def test_diff_basic_examples()
"Test basic diff utilities."
```
``` python
def test_diff_basic_fasthtml_examples()
"Test basic diff and diff text from daisyUI v5 documentation."
```
#### Variables
``` python
diff # Diff container
diff_item_1 # First item
diff_item_2 # Second item
diff_resizer # Resizer control
```
### divider (`divider.ipynb`)
> Divider will be used to separate content vertically or horizontally.
#### Import
``` python
from cjm_fasthtml_daisyui.components.layout.divider import (
divider,
divider_colors,
divider_directions,
divider_placement,
DividerDirection,
DividerPlacement,
test_divider_basic_examples,
test_divider_colors_examples,
test_divider_directions_examples,
test_divider_placement_examples,
test_divider_basic_fasthtml_examples,
test_divider_horizontal_fasthtml_examples,
test_divider_responsive_fasthtml_examples,
test_divider_colors_fasthtml_examples,
test_divider_positions_fasthtml_examples
)
```
#### Functions
``` python
def test_divider_basic_examples()
"Test basic divider utilities."
```
``` python
def test_divider_colors_examples()
"Test divider color variants."
```
``` python
def test_divider_directions_examples()
"Test divider directions variants."
```
``` python
def test_divider_placement_examples()
"Test divider placement variants."
```
``` python
def test_divider_basic_fasthtml_examples()
"Test basic divider and divider with no text from daisyUI v5 documentation."
```
``` python
def test_divider_horizontal_fasthtml_examples()
"Test horizontal divider from daisyUI v5 documentation."
```
``` python
def test_divider_responsive_fasthtml_examples()
"Test responsive divider (lg:divider-horizontal) from daisyUI v5 documentation."
```
``` python
def test_divider_colors_fasthtml_examples()
"Test divider with colors from daisyUI v5 documentation."
```
``` python
def test_divider_positions_fasthtml_examples()
"Test divider in different positions (vertical and horizontal) from daisyUI v5 documentation."
```
#### Classes
``` python
class DividerDirection(str, Enum):
```
``` python
class DividerPlacement(str, Enum):
```
#### Variables
``` python
divider # Base divider component
divider_colors # divider color variants
divider_directions # divider directions
divider_placement # divider directions
```
### dock (`dock.ipynb`)
> Dock (also know as Bottom navigation or Bottom bar) is a UI element
> that provides navigation options to the user. Dock sticks to the
> bottom of the screen.
#### Import
``` python
from cjm_fasthtml_daisyui.components.navigation.dock import (
dock,
dock_label,
dock_modifiers,
dock_sizes,
test_dock_basic_examples,
test_dock_modifiers_examples,
test_dock_sizes_examples,
test_dock_basic_fasthtml_examples,
test_dock_sizes_fasthtml_examples,
test_dock_custom_colors_fasthtml_examples
)
```
#### Functions
``` python
def test_dock_basic_examples()
"Test basic dock utilities."
```
``` python
def test_dock_modifiers_examples()
"Test dock modifier utilities."
```
``` python
def test_dock_sizes_examples()
"Test dock size variants."
```
``` python
def test_dock_basic_fasthtml_examples()
"Test basic dock example from daisyUI v5 documentation."
```
``` python
def test_dock_sizes_fasthtml_examples()
"Test dock size variations from daisyUI v5 documentation."
```
``` python
def test_dock_custom_colors_fasthtml_examples()
"Test dock with custom colors from daisyUI v5 documentation."
```
#### Variables
``` python
dock # Base dock component
dock_label # Dock label
dock_sizes # Dock size variants
```
### drawer (`drawer.ipynb`)
> Drawer is a grid layout that can show/hide a sidebar on the left or
> right side of the page.
#### Import
``` python
from cjm_fasthtml_daisyui.components.layout.drawer import (
drawer,
drawer_toggle,
drawer_content,
drawer_side,
drawer_overlay,
drawer_placement,
drawer_modifiers,
DrawerPlacement,
DrawerModifier,
test_drawer_basic_examples,
test_drawer_placement_examples,
test_drawer_modifier_examples,
test_drawer_basic_fasthtml_examples,
test_drawer_navbar_mobile_fasthtml_examples,
test_drawer_responsive_fasthtml_examples,
test_drawer_end_fasthtml_examples
)
```
#### Functions
``` python
def test_drawer_basic_examples()
"Test basic drawer utilities."
```
``` python
def test_drawer_placement_examples()
"Test drawer placement variants."
```
``` python
def test_drawer_modifier_examples()
"Test drawer modifier variants."
```
``` python
def test_drawer_basic_fasthtml_examples()
"Test basic drawer example from daisyUI v5 documentation."
```
``` python
def test_drawer_navbar_mobile_fasthtml_examples()
"Test navbar menu for desktop + sidebar drawer for mobile from daisyUI v5 documentation."
```
``` python
def test_drawer_responsive_fasthtml_examples()
"Test responsive drawer from daisyUI v5 documentation."
```
``` python
def test_drawer_end_fasthtml_examples()
"Test drawer that opens from right side of page from daisyUI v5 documentation."
```
#### Classes
``` python
class DrawerPlacement(str, Enum):
```
``` python
class DrawerModifier(str, Enum):
```
#### Variables
``` python
drawer # Base drawer component
drawer_toggle # Drawer toggle part
drawer_content # Drawer content part
drawer_side # Drawer sidbar part
drawer_overlay # Drawer overlay part
drawer_placement # drawer placement
drawer_modifiers # drawer modifiers
```
### dropdown (`dropdown.ipynb`)
> Dropdown can open a menu or any other element when the button is
> clicked.
#### Import
``` python
from cjm_fasthtml_daisyui.components.actions.dropdown import (
dropdown,
dropdown_content,
dropdown_placement,
dropdown_modifiers,
test_dropdown_basic_examples,
test_dropdown_placement_examples,
test_dropdown_modifiers_examples,
test_dropdown_basic_fasthtml_examples,
test_dropdown_placement_fasthtml_examples,
test_dropdown_hover_and_state_fasthtml_examples,
test_dropdown_content_variations_fasthtml_examples
)
```
#### Functions
``` python
def test_dropdown_basic_examples()
"Test basic dropdown utilities."
```
``` python
def test_dropdown_placement_examples()
"Test dropdown placement options."
```
``` python
def test_dropdown_modifiers_examples()
"Test dropdown modifier utilities."
```
``` python
def test_dropdown_basic_fasthtml_examples()
"Test basic dropdown implementations including details/summary and popover API."
```
``` python
def test_dropdown_placement_fasthtml_examples():
"""Test dropdown placement variations for all positions."""
from fasthtml.common import Div, Ul, Li, A
from cjm_fasthtml_tailwind.core.base import combine_classes
from cjm_fasthtml_tailwind.utilities.spacing import m, p
from cjm_fasthtml_tailwind.utilities.layout import z
from cjm_fasthtml_tailwind.utilities.sizing import w
from cjm_fasthtml_tailwind.utilities.effects import shadow
from cjm_fasthtml_daisyui.utilities.semantic_colors import bg_dui
from cjm_fasthtml_daisyui.utilities.border_radius import border_radius
from cjm_fasthtml_daisyui.components.actions.button import btn
from cjm_fasthtml_daisyui.components.navigation.menu import menu
# Helper function to create dropdown content
def create_dropdown_content()
"Test dropdown placement variations for all positions."
```
``` python
def test_dropdown_hover_and_state_fasthtml_examples()
"Test dropdown hover behavior and force open state."
```
``` python
def test_dropdown_content_variations_fasthtml_examples()
"Test dropdown with different content types including cards and navbar integration."
```
#### Variables
``` python
dropdown # Dropdown container
dropdown_content # Dropdown content
```
### DaisyUI Explorer (`explorer.ipynb`)
> CLI tool for exploring cjm-fasthtml-daisyui components and builders
#### Import
``` python
from cjm_fasthtml_daisyui.cli.explorer import (
initialize_daisyui_cli,
setup_argument_parser,
main
)
```
#### Functions
``` python
def initialize_daisyui_cli()
"Initialize the CLI with DaisyUI configuration."
```
``` python
def setup_argument_parser(
config: Optional[LibraryConfig] = None # Optional configuration to use
): # TODO: Add type hint
"Set up the main argument parser with all subcommands."
```
``` python
def main():
"""CLI entry point for exploring cjm-fasthtml-daisyui components."""
# Initialize with DaisyUI configuration
initialize_daisyui_cli();
# Set up the argument parser (will use DaisyUI config)
parser = setup_argument_parser()
# Parse arguments
args = parser.parse_args()
# If no command specified, show help
if args.command is None
"CLI entry point for exploring cjm-fasthtml-daisyui components."
```
### fieldset (`fieldset.ipynb`)
> Fieldset is a container for grouping related form elements. It
> includes fieldset-legend as a title and label as a description.
#### Import
``` python
from cjm_fasthtml_daisyui.components.data_input.fieldset import (
fieldset,
label,
fieldset_legend,
test_fieldset_basic_examples,
test_fieldset_basic_fasthtml_examples,
test_fieldset_with_background_fasthtml_examples,
test_fieldset_multiple_inputs_fasthtml_examples,
test_fieldset_join_items_fasthtml_examples,
test_fieldset_login_form_fasthtml_examples
)
```
#### Functions
``` python
def test_fieldset_basic_examples()
"Test basic fieldset utilities."
```
``` python
def test_fieldset_basic_fasthtml_examples()
"Test basic fieldset with legend and label from daisyUI v5 documentation."
```
``` python
def test_fieldset_with_background_fasthtml_examples()
"Test fieldset with background and border from daisyUI v5 documentation."
```
``` python
def test_fieldset_multiple_inputs_fasthtml_examples()
"Test fieldset with multiple inputs from daisyUI v5 documentation."
```
``` python
def test_fieldset_join_items_fasthtml_examples()
"Test fieldset with multiple join items from daisyUI v5 documentation."
```
``` python
def test_fieldset_login_form_fasthtml_examples()
"Test login form with fieldset from daisyUI v5 documentation."
```
#### Variables
``` python
fieldset # Base fieldset component
label # Base label component
fieldset_legend # fieldset legend part
```
### file input (`file_input.ipynb`)
> File Input is a an input field for uploading files.
#### Import
``` python
from cjm_fasthtml_daisyui.components.data_input.file_input import (
file_input,
file_input_styles,
file_input_colors,
file_input_sizes,
test_file_input_basic_examples,
test_file_input_styles_examples,
test_file_input_colors_examples,
test_file_input_sizes_examples,
test_file_input_basic_fasthtml_examples,
test_file_input_with_fieldset_fasthtml_examples,
test_file_input_sizes_fasthtml_examples,
test_file_input_colors_fasthtml_examples,
test_file_input_states_fasthtml_examples
)
```
#### Functions
``` python
def test_file_input_basic_examples()
"Test basic file_input utilities."
```
``` python
def test_file_input_styles_examples()
"Test file_input style variants."
```
``` python
def test_file_input_colors_examples()
"Test file_input color variants."
```
``` python
def test_file_input_sizes_examples()
"Test file_input size variants."
```
``` python
def test_file_input_basic_fasthtml_examples()
"Test basic file input and ghost style from daisyUI v5 documentation."
```
``` python
def test_file_input_with_fieldset_fasthtml_examples()
"Test file input with fieldset and label from daisyUI v5 documentation."
```
``` python
def test_file_input_sizes_fasthtml_examples()
"Test file input size variations from daisyUI v5 documentation."
```
``` python
def test_file_input_colors_fasthtml_examples()
"Test file input color variations from daisyUI v5 documentation."
```
``` python
def test_file_input_states_fasthtml_examples()
"Test disabled file input from daisyUI v5 documentation."
```
#### Variables
``` python
file_input # Base file input component
file_input_styles # File input style variants
file_input_colors # File input color variants
file_input_sizes # File input size variants
```
### filter (`filter.ipynb`)
> Filter is a group of radio buttons. Choosing one of the options will
> hide the others and shows a reset button next to the chosen option.
#### Import
``` python
from cjm_fasthtml_daisyui.components.data_input.filter import (
filter_dui,
filter_dui_reset,
test_filter_basic_examples,
test_filter_with_form_fasthtml_examples,
test_filter_without_form_fasthtml_examples
)
```
#### Functions
``` python
def test_filter_basic_examples()
"Test basic filter utilities."
```
``` python
def test_filter_with_form_fasthtml_examples()
"Test filter using HTML form, radio buttons and reset button from daisyUI v5 documentation."
```
``` python
def test_filter_without_form_fasthtml_examples()
"Test filter without HTML form from daisyUI v5 documentation."
```
#### Variables
``` python
filter_dui # Base filter component
filter_dui_reset # Filter reset part
```
### footer (`footer.ipynb`)
> Footer can contain logo, copyright notice, and links to other pages.
#### Import
``` python
from cjm_fasthtml_daisyui.components.layout.footer import (
footer,
footer_title,
footer_placement,
footer_directions,
FooterPlacement,
FooterDirection,
test_footer_basic_examples,
test_footer_placement_examples,
test_footer_directions_examples,
test_footer_basic_fasthtml_examples,
test_footer_with_logo_fasthtml_examples,
test_footer_with_form_fasthtml_examples,
test_footer_with_social_icons_fasthtml_examples,
test_footer_copyright_fasthtml_examples,
test_footer_copyright_with_icons_fasthtml_examples,
test_footer_with_links_and_social_fasthtml_examples,
test_footer_centered_with_logo_fasthtml_examples,
test_footer_with_two_rows_fasthtml_examples,
test_footer_centered_with_social_fasthtml_examples,
test_footer_two_stacked_fasthtml_examples
)
```
#### Functions
``` python
def test_footer_basic_examples()
"Test basic footer utilities."
```
``` python
def test_footer_placement_examples()
"Test footer placement variants."
```
``` python
def test_footer_directions_examples()
"Test footer directions variants."
```
``` python
def test_footer_basic_fasthtml_examples()
"Test basic footer with navigation sections from daisyUI v5 documentation."
```
``` python
def test_footer_with_logo_fasthtml_examples()
"Test footer with logo section from daisyUI v5 documentation."
```
``` python
def test_footer_with_form_fasthtml_examples()
"Test footer with newsletter form from daisyUI v5 documentation."
```
``` python
def test_footer_with_social_icons_fasthtml_examples()
"Test footer with social icons from daisyUI v5 documentation."
```
``` python
def test_footer_copyright_fasthtml_examples()
"Test footer with copyright text from daisyUI v5 documentation."
```
``` python
def test_footer_copyright_with_icons_fasthtml_examples()
"Test footer with copyright text and social icons from daisyUI v5 documentation."
```
``` python
def test_footer_with_links_and_social_fasthtml_examples()
"Test footer with links and social icons from daisyUI v5 documentation."
```
``` python
def test_footer_centered_with_logo_fasthtml_examples()
"Test centered footer with logo and social icons from daisyUI v5 documentation."
```
``` python
def test_footer_with_two_rows_fasthtml_examples()
"Test footer with 2 rows from daisyUI v5 documentation."
```
``` python
def test_footer_centered_with_social_fasthtml_examples()
"Test centered footer with social icons from daisyUI v5 documentation."
```
``` python
def test_footer_two_stacked_fasthtml_examples()
"Test two stacked footers from daisyUI v5 documentation."
```
#### Classes
``` python
class FooterPlacement(str, Enum):
```
``` python
class FooterDirection(str, Enum):
```
#### Variables
``` python
footer # Base footer component
footer_title # footer title part
footer_placement # footer placement
footer_directions # footer directions
```
### Glass Effect Utility (`glass.ipynb`)
> The glass utility creates a glass morphism effect on elements:
#### Import
``` python
from cjm_fasthtml_daisyui.utilities.glass import (
glass,
test_glass_basic_examples,
test_glass_fasthtml_examples
)
```
#### Functions
``` python
def test_glass_basic_examples()
"Test glass morphism effect utility."
```
``` python
def test_glass_fasthtml_examples()
"Test practical usage patterns with FastHTML components."
```
#### Variables
``` python
glass # Glass morphism effect
```
### hero (`hero.ipynb`)
> Hero is a component for displaying a large box or image with a title
> and description.
#### Import
``` python
from cjm_fasthtml_daisyui.components.layout.hero import (
hero,
hero_content,
hero_overlay,
test_hero_basic_examples,
test_hero_centered_fasthtml_examples,
test_hero_with_figure_fasthtml_examples,
test_hero_with_form_fasthtml_examples,
test_hero_with_overlay_fasthtml_examples
)
```
#### Functions
``` python
def test_hero_basic_examples()
"Test basic hero utilities."
```
``` python
def test_hero_centered_fasthtml_examples()
"Test centered hero example from daisyUI v5 documentation."
```
``` python
def test_hero_with_figure_fasthtml_examples()
"Test hero with figure examples from daisyUI v5 documentation."
```
``` python
def test_hero_with_form_fasthtml_examples()
"Test hero with form example from daisyUI v5 documentation."
```
``` python
def test_hero_with_overlay_fasthtml_examples()
"Test hero with overlay image example from daisyUI v5 documentation."
```
#### Variables
``` python
hero # Base hero component
hero_content # Hero content part
hero_overlay # Hero overlay part
```
### indicator (`indicator.ipynb`)
> Indicators are used to place an element on the corner of another
> element.
#### Import
``` python
from cjm_fasthtml_daisyui.components.layout.indicator import (
indicator,
indicator_item,
indicator_placement,
IndicatorPlacement,
test_indicator_basic_examples,
test_indicator_placement_examples,
test_indicator_basic_fasthtml_examples,
test_indicator_for_components_fasthtml_examples,
test_indicator_card_fasthtml_examples,
test_indicator_image_overlay_fasthtml_examples,
test_indicator_positions_fasthtml_examples,
test_indicator_multiple_fasthtml_examples,
test_indicator_responsive_fasthtml_examples
)
```
#### Functions
``` python
def test_indicator_basic_examples()
"Test basic indicator utilities."
```
``` python
def test_indicator_placement_examples()
"Test indicator placement options."
```
``` python
def test_indicator_basic_fasthtml_examples()
"Test basic indicator examples from daisyUI v5 documentation."
```
``` python
def test_indicator_for_components_fasthtml_examples()
"Test indicator with various components from daisyUI v5 documentation."
```
``` python
def test_indicator_card_fasthtml_examples()
"Test button as indicator for card from daisyUI v5 documentation."
```
``` python
def test_indicator_image_overlay_fasthtml_examples()
"Test indicator in center of image from daisyUI v5 documentation."
```
``` python
def test_indicator_positions_fasthtml_examples():
"""Test all indicator position combinations from daisyUI v5 documentation."""
from fasthtml.common import Div, Span
from cjm_fasthtml_tailwind.utilities.sizing import h, w
from cjm_fasthtml_tailwind.utilities.flexbox_and_grid import place_items, grid_display
from cjm_fasthtml_tailwind.utilities.layout import display_tw
from cjm_fasthtml_daisyui.utilities.semantic_colors import bg_dui
from cjm_fasthtml_daisyui.components.data_display.badge import badge, badge_colors
from cjm_fasthtml_daisyui.components.layout.divider import divider, divider_directions
# Helper function to create indicator box
def create_indicator_box(*position_classes)
"Test all indicator position combinations from daisyUI v5 documentation."
```
``` python
def test_indicator_multiple_fasthtml_examples()
"Test multiple indicators from daisyUI v5 documentation."
```
``` python
def test_indicator_responsive_fasthtml_examples()
"Test responsive indicator from daisyUI v5 documentation."
```
#### Classes
``` python
class IndicatorPlacement(str, Enum):
```
#### Variables
``` python
indicator # Base indicator component
indicator_item # Indicator item part
indicator_placement # indicator directions
```
### join (`join.ipynb`)
> Join is a container for grouping multiple items, it can be used to
> group buttons, inputs, etc. Join applies border radius to the first
> and last item. Join can be used to create a horizontal or vertical
> list of items.
#### Import
``` python
from cjm_fasthtml_daisyui.components.layout.join import (
join,
join_item,
join_directions,
JoinDirection,
test_join_basic_examples,
test_join_directions_examples,
test_join_basic_fasthtml_examples,
test_join_vertical_fasthtml_examples,
test_join_responsive_fasthtml_examples,
test_join_with_extra_elements_fasthtml_examples,
test_join_custom_border_fasthtml_examples,
test_join_radio_inputs_fasthtml_examples
)
```
#### Functions
``` python
def test_join_basic_examples()
"Test basic join utilities."
```
``` python
def test_join_directions_examples()
"Test join directions variants."
```
``` python
def test_join_basic_fasthtml_examples():
"""Test basic join example from daisyUI v5 documentation."""
from fasthtml.common import Button, Div
from cjm_fasthtml_daisyui.components.actions.button import btn
# Basic join with buttons
basic_join = Div(
Button("Button", cls=combine_classes(btn, join_item)),
Button("Button", cls=combine_classes(btn, join_item)),
Button("Button", cls=combine_classes(btn, join_item)),
cls=str(join)
)
# Verify structure
assert basic_join.tag == "div"
assert basic_join.attrs['class'] == "join"
# Verify all buttons
assert len(basic_join.children) == 3
for i, button in enumerate(basic_join.children)
"Test basic join example from daisyUI v5 documentation."
```
``` python
def test_join_vertical_fasthtml_examples()
"Test vertical join example from daisyUI v5 documentation."
```
``` python
def test_join_responsive_fasthtml_examples()
"Test responsive join example from daisyUI v5 documentation."
```
``` python
def test_join_with_extra_elements_fasthtml_examples()
"Test join with extra elements from daisyUI v5 documentation."
```
``` python
def test_join_custom_border_fasthtml_examples()
"Test join with custom border radius from daisyUI v5 documentation."
```
``` python
def test_join_radio_inputs_fasthtml_examples():
"""Test join with radio inputs styled as buttons from daisyUI v5 documentation."""
from fasthtml.common import Div, Input
from cjm_fasthtml_daisyui.components.actions.button import btn
# Join with radio inputs styled as buttons
radio_join = Div(
Input(type="radio", name="options", aria_label="Radio 1", cls=combine_classes(join_item, btn)),
Input(type="radio", name="options", aria_label="Radio 2", cls=combine_classes(join_item, btn)),
Input(type="radio", name="options", aria_label="Radio 3", cls=combine_classes(join_item, btn)),
cls=str(join)
)
# Verify structure
assert radio_join.tag == "div"
assert radio_join.attrs['class'] == "join"
assert len(radio_join.children) == 3
# Verify all radio inputs
for i, radio in enumerate(radio_join.children, 1)
"Test join with radio inputs styled as buttons from daisyUI v5 documentation."
```
#### Classes
``` python
class JoinDirection(str, Enum):
```
#### Variables
``` python
join # Base join component
join_item # Join item component
join_directions # join directions
```
### kbd (`kbd.ipynb`)
> Kbd is used to display keyboard shortcuts.
#### Import
``` python
from cjm_fasthtml_daisyui.components.data_display.kbd import (
kbd,
kbd_sizes,
test_kbd_basic_examples,
test_kbd_sizes_examples,
test_kbd_basic_fasthtml_examples,
test_kbd_combination_fasthtml_examples,
test_kbd_keyboard_fasthtml_examples
)
```
#### Functions
``` python
def test_kbd_basic_examples()
"Test basic kbd utilities."
```
``` python
def test_kbd_sizes_examples()
"Test kbd size variants."
```
``` python
def test_kbd_basic_fasthtml_examples()
"Test basic kbd and sizes from daisyUI v5 documentation."
```
``` python
def test_kbd_combination_fasthtml_examples()
"Test key combinations and function keys from daisyUI v5 documentation."
```
``` python
def test_kbd_keyboard_fasthtml_examples()
"Test full keyboard and arrow keys from daisyUI v5 documentation."
```
#### Variables
``` python
kbd # Kbd component
kbd_sizes # Kbd size variants
```
### label (`label.ipynb`)
> Label is used to provide a name or title for an input field. Label can
> be placed before or after the field.
#### Import
``` python
from cjm_fasthtml_daisyui.components.data_input.label import (
label,
floating_label,
test_label_basic_examples,
test_label_for_input_fasthtml_examples,
test_label_for_select_and_date_fasthtml_examples,
test_floating_label_fasthtml_examples,
test_floating_label_sizes_fasthtml_examples
)
```
#### Functions
``` python
def test_label_basic_examples()
"Test basic label utilities."
```
``` python
def test_label_for_input_fasthtml_examples()
"Test label for input examples from daisyUI v5 documentation."
```
``` python
def test_label_for_select_and_date_fasthtml_examples()
"Test label for select and date input examples from daisyUI v5 documentation."
```
``` python
def test_floating_label_fasthtml_examples()
"Test floating label example from daisyUI v5 documentation."
```
``` python
def test_floating_label_sizes_fasthtml_examples()
"Test floating label with different sizes from daisyUI v5 documentation."
```
#### Variables
``` python
label # Base label component
floating_label # Base floating label component
```
### link (`link.ipynb`)
> Link adds the missing underline style to links.
#### Import
``` python
from cjm_fasthtml_daisyui.components.navigation.link import (
link,
link_styles,
link_colors,
LinkStyle,
test_link_basic_examples,
test_link_styles_examples,
test_link_colors_examples,
test_link_basic_fasthtml_examples,
test_link_colors_fasthtml_examples,
test_link_hover_fasthtml_examples
)
```
#### Functions
``` python
def test_link_basic_examples()
"Test basic link utilities."
```
``` python
def test_link_styles_examples()
"Test link style variants."
```
``` python
def test_link_colors_examples()
"Test link color variants."
```
``` python
def test_link_basic_fasthtml_examples()
"Test basic link examples from daisyUI v5 documentation."
```
``` python
def test_link_colors_fasthtml_examples()
"Test link color variations from daisyUI v5 documentation."
```
``` python
def test_link_hover_fasthtml_examples()
"Test link hover style from daisyUI v5 documentation."
```
#### Classes
``` python
class LinkStyle(str, Enum):
```
#### Variables
``` python
link # Link component
link_styles # Link style variants
link_colors # Link color variants
```
### list (`list.ipynb`)
> List is a vertical layout to display information in rows.
#### Import
``` python
from cjm_fasthtml_daisyui.components.data_display.list import (
list_ui,
list_row,
list_modifiers,
test_list_basic_examples,
test_list_modifiers_examples,
test_list_basic_fasthtml_examples,
test_list_column_grow_fasthtml_examples,
test_list_column_wrap_fasthtml_examples
)
```
#### Functions
``` python
def test_list_basic_examples()
"Test basic list utilities."
```
``` python
def test_list_modifiers_examples()
"Test list modifier utilities."
```
``` python
def test_list_basic_fasthtml_examples()
"Test basic list example: second column grows (default behavior) from daisyUI v5 documentation."
```
``` python
def test_list_column_grow_fasthtml_examples()
"Test list example: third column grows from daisyUI v5 documentation."
```
``` python
def test_list_column_wrap_fasthtml_examples()
"Test list example: third column wraps to next row from daisyUI v5 documentation."
```
#### Variables
``` python
list_ui # List container
list_row # List row
```
### loading (`loading.ipynb`)
> Loading shows an animation to indicate that something is loading.
#### Import
``` python
from cjm_fasthtml_daisyui.components.feedback.loading import (
loading,
loading_styles,
loading_sizes,
LoadingStyle,
test_loading_basic_examples,
test_loading_styles_examples,
test_loading_sizes_examples,
test_loading_spinner_fasthtml_examples,
test_loading_dots_fasthtml_examples,
test_loading_ring_fasthtml_examples,
test_loading_ball_fasthtml_examples,
test_loading_bars_fasthtml_examples,
test_loading_infinity_fasthtml_examples,
test_loading_with_colors_fasthtml_examples
)
```
#### Functions
``` python
def test_loading_basic_examples()
"Test basic loading utilities."
```
``` python
def test_loading_styles_examples()
"Test loading style variants."
```
``` python
def test_loading_sizes_examples()
"Test loading size variants."
```
``` python
def test_loading_spinner_fasthtml_examples()
"Test loading spinner with all sizes from daisyUI v5 documentation."
```
``` python
def test_loading_dots_fasthtml_examples()
"Test loading dots with all sizes from daisyUI v5 documentation."
```
``` python
def test_loading_ring_fasthtml_examples()
"Test loading ring with all sizes from daisyUI v5 documentation."
```
``` python
def test_loading_ball_fasthtml_examples()
"Test loading ball with all sizes from daisyUI v5 documentation."
```
``` python
def test_loading_bars_fasthtml_examples()
"Test loading bars with all sizes from daisyUI v5 documentation."
```
``` python
def test_loading_infinity_fasthtml_examples()
"Test loading infinity with all sizes from daisyUI v5 documentation."
```
``` python
def test_loading_with_colors_fasthtml_examples()
"Test loading with colors from daisyUI v5 documentation."
```
#### Classes
``` python
class LoadingStyle(str, Enum):
```
#### Variables
``` python
loading # Base loading component
loading_styles # Loading styles
loading_sizes # Loading size variants
```
### mask (`mask.ipynb`)
> Mask crops the content of the element to common shapes.
#### Import
``` python
from cjm_fasthtml_daisyui.components.layout.mask import (
mask,
mask_styles,
mask_modifiers,
MaskStyle,
MaskModifier,
test_mask_basic_examples,
test_mask_styles_examples,
test_mask_modifiers_examples,
test_mask_squircle_heart_hexagon_fasthtml_examples,
test_mask_hexagon2_decagon_pentagon_fasthtml_examples,
test_mask_diamond_square_circle_fasthtml_examples,
test_mask_star_variations_fasthtml_examples,
test_mask_triangle_variations_fasthtml_examples
)
```
#### Functions
``` python
def test_mask_basic_examples()
"Test basic mask utilities."
```
``` python
def test_mask_styles_examples()
"Test mask style variants."
```
``` python
def test_mask_modifiers_examples()
"Test mask modifier utilities."
```
``` python
def test_mask_squircle_heart_hexagon_fasthtml_examples()
"Test mask with squircle, heart, and hexagon shapes from daisyUI v5 documentation."
```
``` python
def test_mask_hexagon2_decagon_pentagon_fasthtml_examples()
"Test mask with hexagon-2, decagon, and pentagon shapes from daisyUI v5 documentation."
```
``` python
def test_mask_diamond_square_circle_fasthtml_examples()
"Test mask with diamond, square, and circle shapes from daisyUI v5 documentation."
```
``` python
def test_mask_star_variations_fasthtml_examples()
"Test mask with star and star-2 shapes from daisyUI v5 documentation."
```
``` python
def test_mask_triangle_variations_fasthtml_examples()
"Test mask with triangle variations from daisyUI v5 documentation."
```
#### Classes
``` python
class MaskStyle(str, Enum):
```
``` python
class MaskModifier(str, Enum):
```
#### Variables
``` python
mask # Base mask component
mask_styles # mask style variants
mask_modifiers # mask modifiers
```
### menu (`menu.ipynb`)
> Menu is used to display a list of links vertically or horizontally.
#### Import
``` python
from cjm_fasthtml_daisyui.components.navigation.menu import (
menu,
menu_title,
menu_dropdown,
menu_dropdown_toggle,
menu_modifiers,
menu_sizes,
menu_directions,
test_menu_basic_examples,
test_menu_modifiers_examples,
test_menu_sizes_examples,
test_menu_directions_examples,
test_menu_basic_fasthtml_examples,
test_menu_responsive_fasthtml_examples,
test_menu_icons_fasthtml_examples,
test_menu_sizes_fasthtml_examples,
test_menu_with_title_fasthtml_examples,
test_menu_submenu_fasthtml_examples,
test_menu_states_fasthtml_examples
)
```
#### Functions
``` python
def test_menu_basic_examples()
"Test basic menu utilities."
```
``` python
def test_menu_modifiers_examples()
"Test menu modifier utilities."
```
``` python
def test_menu_sizes_examples()
"Test menu size variants."
```
``` python
def test_menu_directions_examples()
"Test menu direction utilities."
```
``` python
def test_menu_basic_fasthtml_examples()
"Test basic menu from daisyUI v5 documentation."
```
``` python
def test_menu_responsive_fasthtml_examples():
"""Test responsive menu and horizontal menu from daisyUI v5 documentation."""
from fasthtml.common import Ul, Li, A, Div
from cjm_fasthtml_tailwind.utilities.borders import rounded
from cjm_fasthtml_daisyui.utilities.semantic_colors import bg_dui
# Responsive: vertical on small screen, horizontal on large screen
"Test responsive menu and horizontal menu from daisyUI v5 documentation."
```
``` python
def test_menu_icons_fasthtml_examples()
"Test menu with icons from daisyUI v5 documentation."
```
``` python
def test_menu_sizes_fasthtml_examples()
"Test menu sizes from daisyUI v5 documentation."
```
``` python
def test_menu_with_title_fasthtml_examples()
"Test menu with title from daisyUI v5 documentation."
```
``` python
def test_menu_submenu_fasthtml_examples()
"Test submenu examples from daisyUI v5 documentation."
```
``` python
def test_menu_states_fasthtml_examples()
"Test menu states and modifiers from daisyUI v5 documentation."
```
#### Variables
``` python
menu # Base menu component
menu_title # Menu title part
menu_dropdown # Menu dropdown part
menu_dropdown_toggle # Menu dropdown toggle part
menu_sizes # Menu size variants
```
### modal (`modal.ipynb`)
> Modal is used to show a dialog or a box when you click a button.
#### Import
``` python
from cjm_fasthtml_daisyui.components.actions.modal import (
modal,
modal_box,
modal_action,
modal_backdrop,
modal_toggle,
modal_placement,
modal_open,
test_modal_basic_examples,
test_modal_placement_examples,
test_modal_dialog_fasthtml_examples,
test_modal_checkbox_fasthtml_examples,
test_modal_anchor_fasthtml_examples
)
```
#### Functions
``` python
def test_modal_basic_examples()
"Test basic modal utilities."
```
``` python
def test_modal_placement_examples()
"Test modal placement options."
```
``` python
def test_modal_dialog_fasthtml_examples()
"Test modal examples using HTML dialog element (recommended method)."
```
``` python
def test_modal_checkbox_fasthtml_examples()
"Test modal examples using checkbox method (legacy)."
```
``` python
def test_modal_anchor_fasthtml_examples()
"Test modal examples using anchor links (legacy method)."
```
#### Variables
``` python
modal # Modal container
modal_box # Modal content box
modal_action # Modal actions
modal_backdrop # Modal backdrop
modal_toggle # Modal toggle
modal_open # Modal open state
```
### navbar (`navbar.ipynb`)
> Navbar is used to show a navigation bar on the top of the page..
#### Import
``` python
from cjm_fasthtml_daisyui.components.navigation.navbar import (
navbar,
navbar_start,
navbar_center,
navbar_end,
test_navbar_basic_examples,
test_navbar_title_only_fasthtml_examples,
test_navbar_with_title_and_icon_fasthtml_examples,
test_navbar_with_icons_fasthtml_examples,
test_navbar_with_menu_fasthtml_examples,
test_navbar_with_search_and_dropdown_fasthtml_examples,
test_navbar_with_icon_indicator_and_dropdown_fasthtml_examples,
test_navbar_with_dropdown_center_logo_fasthtml_examples,
test_navbar_responsive_fasthtml_examples,
test_navbar_colors_fasthtml_examples
)
```
#### Functions
``` python
def test_navbar_basic_examples()
"Test basic navbar utilities."
```
``` python
def test_navbar_title_only_fasthtml_examples()
"Test navbar with title only from daisyUI v5 documentation."
```
``` python
def test_navbar_with_title_and_icon_fasthtml_examples()
"Test navbar with title and icon from daisyUI v5 documentation."
```
``` python
def test_navbar_with_icons_fasthtml_examples()
"Test navbar with icon at start and end from daisyUI v5 documentation."
```
``` python
def test_navbar_with_menu_fasthtml_examples()
"Test navbar with menu and submenu from daisyUI v5 documentation."
```
``` python
def test_navbar_with_search_and_dropdown_fasthtml_examples()
"Test navbar with search input and dropdown from daisyUI v5 documentation."
```
``` python
def test_navbar_with_icon_indicator_and_dropdown_fasthtml_examples()
"Test navbar with icon, indicator and dropdown from daisyUI v5 documentation."
```
``` python
def test_navbar_with_dropdown_center_logo_fasthtml_examples()
"Test navbar with dropdown, center logo and icon from daisyUI v5 documentation."
```
``` python
def test_navbar_responsive_fasthtml_examples()
"Test responsive navbar from daisyUI v5 documentation."
```
``` python
def test_navbar_colors_fasthtml_examples()
"Test navbar with colors from daisyUI v5 documentation."
```
#### Variables
``` python
navbar # Base navbar component
navbar_start # Navbar start part
navbar_center # Navbar center part
navbar_end # Navbar end part
```
### pagination (`pagination.ipynb`)
> Pagination is a group of buttons that allow the user to navigate
> between a set of related content.
#### Import
``` python
from cjm_fasthtml_daisyui.components.navigation.pagination import (
test_pagination_basic_examples,
test_pagination_directions_examples,
test_pagination_basic_fasthtml_examples,
test_pagination_sizes_fasthtml_examples,
test_pagination_disabled_fasthtml_examples,
test_pagination_extra_small_fasthtml_examples,
test_pagination_grid_fasthtml_examples,
test_pagination_radio_fasthtml_examples
)
```
#### Functions
``` python
def test_pagination_basic_examples()
"Test basic pagination utilities."
```
``` python
def test_pagination_directions_examples()
"Test join directions variants."
```
``` python
def test_pagination_basic_fasthtml_examples()
"Test pagination with an active button from daisyUI v5 documentation."
```
``` python
def test_pagination_sizes_fasthtml_examples()
"Test pagination with different button sizes from daisyUI v5 documentation."
```
``` python
def test_pagination_disabled_fasthtml_examples()
"Test pagination with a disabled button from daisyUI v5 documentation."
```
``` python
def test_pagination_extra_small_fasthtml_examples()
"Test extra small buttons pagination from daisyUI v5 documentation."
```
``` python
def test_pagination_grid_fasthtml_examples()
"Test next/prev outline buttons with equal width from daisyUI v5 documentation."
```
``` python
def test_pagination_radio_fasthtml_examples()
"Test pagination using radio inputs from daisyUI v5 documentation."
```
### phone mockup (`phone.ipynb`)
> Phone mockup shows a mockup of an iPhone.
#### Import
``` python
from cjm_fasthtml_daisyui.components.mockup.phone import (
mockup_phone,
mockup_phone_camera,
mockup_phone_display,
test_mockup_phone_basic_examples,
test_phone_mockup_basic_fasthtml_examples,
test_phone_mockup_with_color_and_wallpaper_fasthtml_examples
)
```
#### Functions
``` python
def test_mockup_phone_basic_examples()
"Test basic mockup_phone utilities."
```
``` python
def test_phone_mockup_basic_fasthtml_examples()
"Test basic iPhone mockup from daisyUI v5 documentation."
```
``` python
def test_phone_mockup_with_color_and_wallpaper_fasthtml_examples()
"Test phone mockup with color and wallpaper from daisyUI v5 documentation."
```
#### Variables
``` python
mockup_phone # Base mockup phone component
mockup_phone_camera # Mockup phone camera part
mockup_phone_display # Mockup phone display part
```
### progress (`progress.ipynb`)
> Progress bar can be used to show the progress of a task or to show the
> passing of time.
#### Import
``` python
from cjm_fasthtml_daisyui.components.feedback.progress import (
progress,
progress_colors,
test_progress_basic_examples,
test_progress_colors_examples,
test_progress_basic_fasthtml_examples,
test_progress_primary_color_fasthtml_examples,
test_progress_all_colors_fasthtml_examples,
test_progress_indeterminate_fasthtml_examples
)
```
#### Functions
``` python
def test_progress_basic_examples()
"Test basic progress utilities."
```
``` python
def test_progress_colors_examples()
"Test progress color variants."
```
``` python
def test_progress_basic_fasthtml_examples()
"Test basic progress examples from daisyUI v5 documentation."
```
``` python
def test_progress_primary_color_fasthtml_examples()
"Test progress with primary color from daisyUI v5 documentation."
```
``` python
def test_progress_all_colors_fasthtml_examples():
"""Test progress with all semantic colors from daisyUI v5 documentation."""
from fasthtml.common import Progress, Div
from cjm_fasthtml_tailwind.utilities.sizing import w
# Helper function to create progress bars with different values for a given color
def create_color_set(color_class, color_name)
"Test progress with all semantic colors from daisyUI v5 documentation."
```
``` python
def test_progress_indeterminate_fasthtml_examples()
"Test indeterminate progress (without value) from daisyUI v5 documentation."
```
#### Variables
``` python
progress # Base progress component
progress_colors # Progress color variants
```
### radial progress (`radial_progress.ipynb`)
> Radial progress can be used to show the progress of a task or to show
> the passing of time.
#### Import
``` python
from cjm_fasthtml_daisyui.components.feedback.radial_progress import (
radial_progress,
test_radial_progress_basic_examples,
test_radial_progress_basic_fasthtml_examples,
test_radial_progress_values_fasthtml_examples,
test_radial_progress_colors_fasthtml_examples,
test_radial_progress_custom_size_fasthtml_examples
)
```
#### Functions
``` python
def test_radial_progress_basic_examples()
"Test basic button utilities."
```
``` python
def test_radial_progress_basic_fasthtml_examples()
"Test basic radial progress from daisyUI v5 documentation."
```
``` python
def test_radial_progress_values_fasthtml_examples()
"Test radial progress with different values from daisyUI v5 documentation."
```
``` python
def test_radial_progress_colors_fasthtml_examples()
"Test radial progress with custom colors from daisyUI v5 documentation."
```
``` python
def test_radial_progress_custom_size_fasthtml_examples()
"Test radial progress with custom size and thickness from daisyUI v5 documentation."
```
#### Variables
``` python
radial_progress # Base radial progress component
```
### radio (`radio.ipynb`)
> Radio buttons allow the user to select one option from a set.
#### Import
``` python
from cjm_fasthtml_daisyui.components.data_input.radio import (
radio,
radio_colors,
radio_sizes,
test_radio_basic_examples,
test_radio_colors_examples,
test_radio_sizes_examples,
test_radio_basic_fasthtml_examples,
test_radio_sizes_fasthtml_examples,
test_radio_colors_fasthtml_examples,
test_radio_disabled_fasthtml_examples,
test_radio_custom_colors_fasthtml_examples
)
```
#### Functions
``` python
def test_radio_basic_examples()
"Test basic radio utilities."
```
``` python
def test_radio_colors_examples()
"Test radio color variants."
```
``` python
def test_radio_sizes_examples()
"Test radio size variants."
```
``` python
def test_radio_basic_fasthtml_examples()
"Test basic radio button examples from daisyUI v5 documentation."
```
``` python
def test_radio_sizes_fasthtml_examples()
"Test radio button size variations from daisyUI v5 documentation."
```
``` python
def test_radio_colors_fasthtml_examples()
"Test radio button color variations from daisyUI v5 documentation."
```
``` python
def test_radio_disabled_fasthtml_examples()
"Test disabled radio button examples from daisyUI v5 documentation."
```
``` python
def test_radio_custom_colors_fasthtml_examples()
"Test radio buttons with custom colors from daisyUI v5 documentation."
```
#### Variables
``` python
radio # Base radio component
radio_colors # Radio color variants
radio_sizes # Radio size variants
```
### range slider (`range.ipynb`)
> Range slider is used to select a value by sliding a handle.
#### Import
``` python
# No corresponding Python module found for components.data_input.range
```
#### Functions
``` python
def test_range_basic_examples()
"Test basic range utilities."
```
``` python
def test_range_colors_examples()
"Test range color variants."
```
``` python
def test_range_sizes_examples()
"Test range size variants."
```
``` python
def test_range_basic_fasthtml_examples()
"Test basic range slider from daisyUI v5 documentation."
```
``` python
def test_range_with_steps_fasthtml_examples()
"Test range with steps and measure from daisyUI v5 documentation."
```
``` python
def test_range_colors_fasthtml_examples()
"Test range color variations from daisyUI v5 documentation."
```
``` python
def test_range_sizes_fasthtml_examples()
"Test range size variations from daisyUI v5 documentation."
```
``` python
def test_range_custom_fasthtml_examples()
"Test range with custom color and no fill from daisyUI v5 documentation."
```
#### Variables
``` python
range_dui # Base range component
range_colors # range color variants
range_sizes # range size variants
```
### rating (`rating.ipynb`)
> Rating is a set of radio ratings that allow the user to rate
> something.
#### Import
``` python
from cjm_fasthtml_daisyui.components.data_input.rating import (
rating,
rating_modifiers,
rating_sizes,
RatingModifier,
test_rating_basic_examples,
test_rating_modifiers_examples,
test_rating_sizes_examples,
test_rating_basic_fasthtml_examples,
test_rating_readonly_fasthtml_examples,
test_rating_with_colors_fasthtml_examples,
test_rating_sizes_fasthtml_examples,
test_rating_with_hidden_fasthtml_examples,
test_rating_half_stars_fasthtml_examples
)
```
#### Functions
``` python
def test_rating_basic_examples()
"Test basic rating utilities."
```
``` python
def test_rating_modifiers_examples()
"Test rating modifier utilities."
```
``` python
def test_rating_sizes_examples()
"Test rating size variants."
```
``` python
def test_rating_basic_fasthtml_examples()
"Test basic rating example from daisyUI v5 documentation."
```
``` python
def test_rating_readonly_fasthtml_examples()
"Test read-only rating from daisyUI v5 documentation."
```
``` python
def test_rating_with_colors_fasthtml_examples()
"Test rating with different colors from daisyUI v5 documentation."
```
``` python
def test_rating_sizes_fasthtml_examples()
"Test rating size variations from daisyUI v5 documentation."
```
``` python
def test_rating_with_hidden_fasthtml_examples()
"Test rating with hidden clear option from daisyUI v5 documentation."
```
``` python
def test_rating_half_stars_fasthtml_examples()
"Test rating with half stars from daisyUI v5 documentation."
```
#### Classes
``` python
class RatingModifier(str, Enum):
```
#### Variables
``` python
rating # Base rating component
rating_modifiers # rating modifiers
rating_sizes # rating size variants
```
### resources (`resources.ipynb`)
> CDN resources and headers for daisyUI and Tailwind CSS
#### Import
``` python
from cjm_fasthtml_daisyui.core.resources import (
DAISYUI_CDN,
DAISYUI_THEMES_CDN,
DAISYUI_COLOR_PROPERTIES,
DAISYUI_COLOR_PROPERTIES_EXT,
get_daisyui_headers,
create_css_link,
create_js_script,
build_headers
)
```
#### Functions
``` python
def get_daisyui_headers(
include_themes: bool = True # Include the daisyUI themes CSS file
) -> List[Union[Link, Script]]: # List of Link and Script elements for daisyUI and Tailwind CSS
"Get the standard daisyUI and Tailwind CSS CDN headers."
```
``` python
def create_css_link(
href: str, # URL or path to CSS file
media: Optional[str] = None, # Media query (e.g., "screen", "print")
crossorigin: Optional[Literal["anonymous", "use-credentials"]] = None
) -> Link: # Link element for CSS stylesheet
"Create a CSS link element with optional attributes."
```
``` python
def create_js_script(
src: str, # URL or path to JavaScript file
async_: bool = False, # Load script asynchronously
defer: bool = False, # Defer script execution
module: bool = False, # ES6 module
crossorigin: Optional[Literal["anonymous", "use-credentials"]] = None
) -> Script: # Script element for JavaScript file
"Create a JavaScript script element with optional attributes."
```
``` python
def build_headers(
include_themes: bool = True, # Include daisyUI themes
custom_css: Optional[List[Union[str, Link]]] = None, # Additional CSS files
custom_js: Optional[List[Union[str, Script]]] = None, # Additional JS files
custom_theme_css: Optional[str] = None, # Custom theme CSS as a string
custom_theme_paths: Optional[List[Union[str, Path]]] = None # List of paths to custom theme CSS files
) -> List[Union[Link, Script, Style]]: # List of Link, Script, and Style elements for complete app headers
"""
Build a complete set of headers for a FastHTML app with daisyUI and Tailwind.
The order of headers is:
1. daisyUI CSS
2. daisyUI themes CSS (if included)
3. Custom theme CSS (if provided as string)
4. Custom theme CSS files (if provided as Path objects)
5. Custom CSS files
6. Tailwind CSS JavaScript
7. Custom JavaScript files
"""
```
#### Variables
``` python
DAISYUI_CDN = 'https://cdn.jsdelivr.net/npm/daisyui@5'
DAISYUI_THEMES_CDN = 'https://cdn.jsdelivr.net/npm/daisyui@5/themes.css'
DAISYUI_COLOR_PROPERTIES = 'https://cdn.jsdelivr.net/npm/daisyui@5/colors/properties.css'
DAISYUI_COLOR_PROPERTIES_EXT = 'https://cdn.jsdelivr.net/npm/daisyui@5/colors/properties-extended.css'
```
### select (`select.ipynb`)
> Select is used to pick a value from a list of options.
#### Import
``` python
from cjm_fasthtml_daisyui.components.data_input.select import (
select,
select_styles,
select_colors,
select_sizes,
test_select_basic_examples,
test_select_styles_examples,
test_select_colors_examples,
test_select_sizes_examples,
test_select_basic_fasthtml_examples,
test_select_colors_fasthtml_examples,
test_select_sizes_fasthtml_examples,
test_select_special_fasthtml_examples
)
```
#### Functions
``` python
def test_select_basic_examples()
"Test basic select utilities."
```
``` python
def test_select_styles_examples()
"Test select style variants."
```
``` python
def test_select_colors_examples()
"Test select color variants."
```
``` python
def test_select_sizes_examples()
"Test select size variants."
```
``` python
def test_select_basic_fasthtml_examples()
"Test basic select example from daisyUI v5 documentation."
```
``` python
def test_select_colors_fasthtml_examples()
"Test select with different color variations from daisyUI v5 documentation."
```
``` python
def test_select_sizes_fasthtml_examples()
"Test select with different sizes from daisyUI v5 documentation."
```
``` python
def test_select_special_fasthtml_examples()
"Test select with special styles (ghost, fieldset, disabled) from daisyUI v5 documentation."
```
#### Variables
``` python
select # Base select component
select_styles # select style variants
select_colors # select color variants
select_sizes # select size variants
```
### Semantic Color Utility Classes (`semantic_colors.ipynb`)
> daisyUI extends many Tailwind CSS utility classes to support semantic
> colors. These factories provide type-safe access to semantic color
> utilities with full modifier support:
#### Import
``` python
from cjm_fasthtml_daisyui.utilities.semantic_colors import (
bg_dui,
text_dui,
border_dui,
ring_dui,
fill_dui,
stroke_dui,
caret_dui,
accent_dui,
shadow_dui,
outline_dui,
decoration_dui,
placeholder_dui,
divide_dui,
ring_offset_dui,
test_semantic_colors_basic_examples,
test_semantic_colors_opacity_examples,
test_semantic_color_fasthtml_examples
)
```
#### Functions
``` python
def test_semantic_colors_basic_examples()
"Test semantic color utility classes for various CSS properties."
```
``` python
def test_semantic_colors_opacity_examples()
"Test semantic color utilities with opacity modifiers."
```
``` python
def test_semantic_color_fasthtml_examples()
"Test practical usage patterns with FastHTML components."
```
#### Variables
``` python
bg_dui # The semantic background color factory
text_dui # The semantic text color factory
border_dui # The semantic border color factory
ring_dui # The semantic ring color factory
fill_dui # The semantic fill color factory
stroke_dui # The semantic stroke color factory
caret_dui # The semantic caret color factory
accent_dui # The semantic accent color factory
shadow_dui # The semantic shadow color factory
outline_dui # The semantic outline color factory
decoration_dui # The semantic decoration color factory
placeholder_dui # The semantic placeholder color factory
divide_dui # The semantic divide color factory
ring_offset_dui # The semantic ring offset color factory
```
### Gradient Stop Utilities (`semantic_gradients.ipynb`)
> For Tailwind CSS gradient utilities, daisyUI extends the from, via,
> and to utilities with semantic color support:
#### Import
``` python
from cjm_fasthtml_daisyui.utilities.semantic_gradients import (
from_dui,
via_dui,
to_dui,
GradientStopFactoryDaisyUI,
test_semantic_gradients_basic_examples,
test_semantic_gradients_fasthtml_examples
)
```
#### Functions
``` python
def test_semantic_gradients_basic_examples()
"Test gradient utilities with semantic colors."
```
``` python
def test_semantic_gradients_fasthtml_examples()
"Test practical usage patterns with FastHTML components."
```
#### Classes
``` python
class GradientStopFactoryDaisyUI:
def __init__(
self,
stop_type: str, # Type of stop (from, via, to)
doc: Optional[str] = None # Documentation
)
"Enhanced factory for gradient color stops with semantic color support."
def __init__(
self,
stop_type: str, # Type of stop (from, via, to)
doc: Optional[str] = None # Documentation
)
"Initialize gradient stop factory."
```
#### Variables
``` python
from_dui # Semantic gradient from color factory
via_dui # Semantic gradient via color factory
to_dui # Semantic gradient to color factory
```
### sizes (`sizes.ipynb`)
> Named sizes support for DaisyUI components
#### Import
``` python
from cjm_fasthtml_daisyui.builders.sizes import (
DaisyUINamedSize
)
```
#### Classes
``` python
class DaisyUINamedSize(str, Enum):
```
### skeleton (`skeleton.ipynb`)
> Skeleton is a component that can be used to show a loading state of a
> component.
#### Import
``` python
from cjm_fasthtml_daisyui.components.feedback.skeleton import (
skeleton,
test_skeleton_basic_examples,
test_skeleton_basic_fasthtml_examples,
test_skeleton_circle_with_content_fasthtml_examples,
test_skeleton_rectangle_with_content_fasthtml_examples
)
```
#### Functions
``` python
def test_skeleton_basic_examples()
"Test basic skeleton utilities."
```
``` python
def test_skeleton_basic_fasthtml_examples()
"Test basic skeleton from daisyUI v5 documentation."
```
``` python
def test_skeleton_circle_with_content_fasthtml_examples()
"Test skeleton circle with content from daisyUI v5 documentation."
```
``` python
def test_skeleton_rectangle_with_content_fasthtml_examples()
"Test skeleton rectangle with content from daisyUI v5 documentation."
```
#### Variables
``` python
skeleton # Base skeleton component
```
### stack (`stack.ipynb`)
> Stack visually puts elements on top of each other.
#### Import
``` python
from cjm_fasthtml_daisyui.components.layout.stack import (
stack,
stack_modifiers,
StackModifier,
test_stack_basic_examples,
test_stack_modifiers_examples,
test_stack_basic_divs_fasthtml_examples,
test_stack_images_fasthtml_examples,
test_stack_cards_fasthtml_examples,
test_stack_cards_directions_fasthtml_examples,
test_stack_cards_shadow_fasthtml_examples,
test_stack_notification_cards_fasthtml_examples
)
```
#### Functions
``` python
def test_stack_basic_examples()
"Test basic stack utilities."
```
``` python
def test_stack_modifiers_examples()
"Test stack modifier utilities."
```
``` python
def test_stack_basic_divs_fasthtml_examples()
"Test basic stack with 3 divs from daisyUI v5 documentation."
```
``` python
def test_stack_images_fasthtml_examples()
"Test stacked images from daisyUI v5 documentation."
```
``` python
def test_stack_cards_fasthtml_examples()
"Test stacked cards from daisyUI v5 documentation."
```
``` python
def test_stack_cards_directions_fasthtml_examples():
"""Test stacked cards with different directions from daisyUI v5 documentation."""
from fasthtml.common import Div
from cjm_fasthtml_tailwind.utilities.sizing import size_util
from cjm_fasthtml_tailwind.utilities.borders import border
from cjm_fasthtml_tailwind.utilities.typography import text_align
from cjm_fasthtml_daisyui.utilities.semantic_colors import bg_dui, border_dui
from cjm_fasthtml_daisyui.components.data_display.card import card, card_body
# Helper function to create a card
def create_card(letter)
"Test stacked cards with different directions from daisyUI v5 documentation."
```
``` python
def test_stack_cards_shadow_fasthtml_examples()
"Test stacked cards with shadow from daisyUI v5 documentation."
```
``` python
def test_stack_notification_cards_fasthtml_examples()
"Test stacked notification cards from daisyUI v5 documentation."
```
#### Classes
``` python
class StackModifier(str, Enum):
```
#### Variables
``` python
stack # Base stack component
stack_modifiers # stack modifiers
```
### stat (`stat.ipynb`)
> Stat is used to show numbers and data in a block.
#### Import
``` python
from cjm_fasthtml_daisyui.components.data_display.stat import (
stats,
stat,
stat_title,
stat_value,
stat_desc,
stat_figure,
stat_actions,
stats_direction,
test_stat_basic_examples,
test_stat_direction_examples,
test_stat_basic_fasthtml_examples,
test_stat_with_icons_fasthtml_examples,
test_stat_detailed_fasthtml_examples,
test_stat_centered_fasthtml_examples,
test_stat_vertical_fasthtml_examples,
test_stat_with_actions_fasthtml_examples
)
```
#### Functions
``` python
def test_stat_basic_examples()
"Test basic stat utilities."
```
``` python
def test_stat_direction_examples()
"Test stat direction modifiers."
```
``` python
def test_stat_basic_fasthtml_examples()
"Test basic stat examples from daisyUI v5 documentation."
```
``` python
def test_stat_with_icons_fasthtml_examples()
"Test stat with icons or image examples from daisyUI v5 documentation."
```
``` python
def test_stat_detailed_fasthtml_examples()
"Test detailed stat examples with different icons from daisyUI v5 documentation."
```
``` python
def test_stat_centered_fasthtml_examples()
"Test centered stat items examples from daisyUI v5 documentation."
```
``` python
def test_stat_vertical_fasthtml_examples()
"Test vertical and responsive stat examples from daisyUI v5 documentation."
```
``` python
def test_stat_with_actions_fasthtml_examples()
"Test stat with custom colors and button actions from daisyUI v5 documentation."
```
#### Variables
``` python
stats # Stats container
stat # Stat block
stat_title # Stat title
stat_value # Stat value
stat_desc # Stat description
stat_figure # Stat figure
stat_actions # Stat actions
```
### status (`status.ipynb`)
> Status is a really small icon to visually show the current status of
> an element, like online, offline, error, etc.
#### Import
``` python
from cjm_fasthtml_daisyui.components.data_display.status import (
status,
status_colors,
status_sizes,
test_status_basic_examples,
test_status_colors_examples,
test_status_sizes_examples,
test_status_basic_fasthtml_examples,
test_status_sizes_fasthtml_examples,
test_status_colors_fasthtml_examples,
test_status_animation_fasthtml_examples
)
```
#### Functions
``` python
def test_status_basic_examples()
"Test basic status utilities."
```
``` python
def test_status_colors_examples()
"Test status color variants."
```
``` python
def test_status_sizes_examples()
"Test status size variants."
```
``` python
def test_status_basic_fasthtml_examples()
"Test basic status from daisyUI v5 documentation."
```
``` python
def test_status_sizes_fasthtml_examples()
"Test status sizes from daisyUI v5 documentation."
```
``` python
def test_status_colors_fasthtml_examples()
"Test status with colors from daisyUI v5 documentation."
```
``` python
def test_status_animation_fasthtml_examples()
"Test status with ping and bounce animations from daisyUI v5 documentation."
```
#### Variables
``` python
status # Status icon
status_colors # Status color variants
status_sizes # Status size variants
```
### steps (`steps.ipynb`)
> Steps can be used to show a list of steps in a process.
#### Import
``` python
from cjm_fasthtml_daisyui.components.navigation.steps import (
steps,
step,
step_icon,
step_colors,
steps_directions,
test_steps_basic_examples,
test_step_colors_examples,
test_steps_directions_examples,
test_steps_horizontal_fasthtml_examples,
test_steps_vertical_fasthtml_examples,
test_steps_responsive_fasthtml_examples,
test_steps_with_custom_content_fasthtml_examples,
test_steps_with_data_content_fasthtml_examples,
test_steps_custom_colors_fasthtml_examples,
test_steps_with_scrollable_wrapper_fasthtml_examples
)
```
#### Functions
``` python
def test_steps_basic_examples()
"Test basic steps utilities."
```
``` python
def test_step_colors_examples()
"Test step color variants."
```
``` python
def test_steps_directions_examples()
"Test steps direction utilities."
```
``` python
def test_steps_horizontal_fasthtml_examples()
"Test horizontal steps from daisyUI v5 documentation."
```
``` python
def test_steps_vertical_fasthtml_examples()
"Test vertical steps from daisyUI v5 documentation."
```
``` python
def test_steps_responsive_fasthtml_examples()
"Test responsive steps (vertical on small screen, horizontal on large screen) from daisyUI v5 documentation."
```
``` python
def test_steps_with_custom_content_fasthtml_examples()
"Test steps with custom content in step-icon from daisyUI v5 documentation."
```
``` python
def test_steps_with_data_content_fasthtml_examples()
"Test steps with data-content attribute from daisyUI v5 documentation."
```
``` python
def test_steps_custom_colors_fasthtml_examples()
"Test steps with custom colors from daisyUI v5 documentation."
```
``` python
def test_steps_with_scrollable_wrapper_fasthtml_examples()
"Test steps with scrollable wrapper from daisyUI v5 documentation."
```
#### Variables
``` python
steps # Base steps component
step # step part
step_icon # step icon part
step_colors # Step color variants
```
### styles (`styles.ipynb`)
> Named style support for daisyUI components
#### Import
``` python
from cjm_fasthtml_daisyui.builders.styles import (
OutlineStyle,
DashStyle,
SoftStyle,
GhostStyle,
BorderStyle,
HoverStyle
)
```
#### Classes
``` python
class OutlineStyle(str, Enum):
"daisyUI style names."
```
``` python
class DashStyle(str, Enum):
"daisyUI style names."
```
``` python
class SoftStyle(str, Enum):
"daisyUI style names."
```
``` python
class GhostStyle(str, Enum):
"daisyUI style names."
```
``` python
class BorderStyle(str, Enum):
"daisyUI style names."
```
``` python
class HoverStyle(str, Enum):
"daisyUI style names."
```
### swap (`swap.ipynb`)
> Swap allows you to toggle the visibility of two elements using a
> checkbox or a class name.
#### Import
``` python
from cjm_fasthtml_daisyui.components.actions.swap import (
swap,
swap_on,
swap_off,
swap_indeterminate,
swap_styles,
test_swap_basic_examples,
test_swap_styles_examples,
test_swap_basic_fasthtml_examples,
test_swap_effects_fasthtml_examples,
test_swap_advanced_fasthtml_examples
)
```
#### Functions
``` python
def test_swap_basic_examples()
"Test basic swap utilities."
```
``` python
def test_swap_styles_examples()
"Test swap style utilities."
```
``` python
def test_swap_basic_fasthtml_examples()
"Test basic swap examples including text and icon swaps."
```
``` python
def test_swap_effects_fasthtml_examples()
"Test swap examples with rotate and flip effects."
```
``` python
def test_swap_advanced_fasthtml_examples()
"Test advanced swap examples including hamburger button and class-based activation."
```
#### Variables
``` python
swap # Swap container
swap_on # Swap on state
swap_off # Swap off state
swap_indeterminate # Swap indeterminate state
```
### table (`table.ipynb`)
> Table can be used to show a list of data in a table format.
#### Import
``` python
from cjm_fasthtml_daisyui.components.data_display.table import (
table,
table_modifiers,
table_sizes,
test_table_basic_examples,
test_table_modifiers_examples,
test_table_sizes_examples,
test_table_basic_fasthtml_examples,
test_table_style_fasthtml_examples,
test_table_visual_elements_fasthtml_examples,
test_table_sizes_fasthtml_examples,
test_table_pinned_fasthtml_examples
)
```
#### Functions
``` python
def test_table_basic_examples()
"Test basic table utilities."
```
``` python
def test_table_modifiers_examples()
"Test table modifier utilities."
```
``` python
def test_table_sizes_examples()
"Test table size variants."
```
``` python
def test_table_basic_fasthtml_examples()
"Test basic table and table with border and background from daisyUI v5 documentation."
```
``` python
def test_table_style_fasthtml_examples()
"Test table with active row, hover row, and zebra stripes from daisyUI v5 documentation."
```
``` python
def test_table_visual_elements_fasthtml_examples()
"Test table with visual elements from daisyUI v5 documentation."
```
``` python
def test_table_sizes_fasthtml_examples()
"Test table xs size from daisyUI v5 documentation."
```
``` python
def test_table_pinned_fasthtml_examples()
"Test table with pinned rows and pinned rows+columns from daisyUI v5 documentation."
```
#### Variables
``` python
table # Table component
table_sizes # Table size variants
```
### tabs (`tabs.ipynb`)
> Tabs can be used to show a list of links in a tabbed format.
#### Import
``` python
from cjm_fasthtml_daisyui.components.navigation.tabs import (
tabs,
tab,
tab_content,
tabs_styles,
tab_modifiers,
tabs_placement,
tabs_sizes,
BoxStyle,
LiftStyle,
test_tabs_basic_examples,
test_tab_modifiers_examples,
test_tab_placement_examples,
test_tabs_sizes_examples,
test_tabs_basic_fasthtml_examples,
test_tabs_styles_fasthtml_examples,
test_tabs_radio_inputs_fasthtml_examples,
test_tabs_sizes_fasthtml_examples,
test_tabs_with_content_fasthtml_examples,
test_tabs_with_icons_fasthtml_examples,
test_tabs_special_fasthtml_examples
)
```
#### Functions
``` python
def test_tabs_basic_examples()
"Test basic tabs utilities."
```
``` python
def test_tab_modifiers_examples()
"Test tab modifier utilities."
```
``` python
def test_tab_placement_examples()
"Test tab modifier utilities."
```
``` python
def test_tabs_sizes_examples()
"Test tabs size variants."
```
``` python
def test_tabs_basic_fasthtml_examples()
"Test basic tabs example from daisyUI v5 documentation."
```
``` python
def test_tabs_styles_fasthtml_examples()
"Test tabs style variations from daisyUI v5 documentation."
```
``` python
def test_tabs_radio_inputs_fasthtml_examples()
"Test tabs using radio inputs from daisyUI v5 documentation."
```
``` python
def test_tabs_sizes_fasthtml_examples()
"Test tabs size variations from daisyUI v5 documentation."
```
``` python
def test_tabs_with_content_fasthtml_examples()
"Test tabs with content panels from daisyUI v5 documentation."
```
``` python
def test_tabs_with_icons_fasthtml_examples()
"Test tabs with icons and content from daisyUI v5 documentation."
```
``` python
def test_tabs_special_fasthtml_examples()
"Test special tabs variations from daisyUI v5 documentation."
```
#### Classes
``` python
class BoxStyle(str, Enum):
```
``` python
class LiftStyle(str, Enum):
```
#### Variables
``` python
tabs # Base tabs component
tab # tab part
tab_content # tab content part
tabs_styles # Tabs style variants
tabs_sizes # Tabs size variants
```
### testing (`testing.ipynb`)
> Standardized test page creation for Jupyter notebooks with FastHTML
#### Import
``` python
from cjm_fasthtml_daisyui.core.testing import (
create_theme_selector,
create_test_app,
create_test_page,
start_test_server
)
```
#### Functions
``` python
def create_theme_selector(
custom_themes: Optional[List[str]] = None # Optional list of custom theme names to include
) -> Div: # Div containing theme selector dropdown with theme-change script
"Create a daisyUI theme selector dropdown component. Uses theme-change library to persist theme selection in localStorage."
```
``` python
def create_test_app(
theme: Union[DaisyUITheme, str] = DaisyUITheme.LIGHT, # Default theme
custom_css: Optional[List[Union[str, Link]]] = None, # Additional CSS
custom_js: Optional[List[Union[str, Script]]] = None, # Additional JS
custom_theme_css: Optional[str] = None, # Custom theme CSS as string
custom_theme_paths: Optional[List[Union[str, Path]]] = None, # List of paths to custom theme CSS files
custom_theme_names: Optional[List[str]] = None, # Names of custom themes to include in selector
debug: bool = True, # Enable debug mode
**kwargs
) -> tuple: # Tuple containing (app, rt) - FastHTML app instance and route decorator
"Create a standardized test app for Jupyter notebooks with daisyUI and Tailwind."
```
``` python
def create_test_page(
title: str, # Page title
*content, # Page content elements
include_theme_selector: bool = True, # Include theme selector
use_container: bool = True, # Wrap in container
custom_theme_names: Optional[List[str]] = None # Custom themes for selector
) -> Div: # Div containing complete page layout with navbar and content
"Create a standardized test page layout with optional theme selector."
```
``` python
def start_test_server(
app: FastHTML, # FastHTML app instance created by create_test_app or fast_app
port: int = 8000, # Port
) -> JupyUvi: # JupyUvi server instance for Jupyter notebook testing
"""
Start a test server and return the JupyUvi instance.
Usage:
server = start_test_server(app)
HTMX() # Display the app
# Later, in another cell:
server.stop()
"""
```
### text input (`text_input.ipynb`)
> Text Input is a simple input field.
#### Import
``` python
from cjm_fasthtml_daisyui.components.data_input.text_input import (
text_input,
text_input_styles,
text_input_colors,
text_input_sizes,
test_text_input_basic_examples,
test_text_input_styles_examples,
test_text_input_colors_examples,
test_text_input_sizes_examples,
test_text_input_basic_fasthtml_examples,
test_text_input_with_labels_fasthtml_examples,
test_text_input_styles_and_fieldset_fasthtml_examples,
test_text_input_colors_fasthtml_examples,
test_text_input_sizes_fasthtml_examples,
test_text_input_special_types_fasthtml_examples,
test_text_input_validators_part1_fasthtml_examples,
test_text_input_validators_part2_fasthtml_examples
)
```
#### Functions
``` python
def test_text_input_basic_examples()
"Test basic text_input utilities."
```
``` python
def test_text_input_styles_examples()
"Test text_input style variants."
```
``` python
def test_text_input_colors_examples()
"Test text_input color variants."
```
``` python
def test_text_input_sizes_examples()
"Test text_input size variants."
```
``` python
def test_text_input_basic_fasthtml_examples()
"Test basic text input examples from daisyUI v5 documentation."
```
``` python
def test_text_input_with_labels_fasthtml_examples()
"Test text input with labels from daisyUI v5 documentation."
```
``` python
def test_text_input_styles_and_fieldset_fasthtml_examples()
"Test text input styles and fieldset from daisyUI v5 documentation."
```
``` python
def test_text_input_colors_fasthtml_examples()
"Test text input color variants from daisyUI v5 documentation."
```
``` python
def test_text_input_sizes_fasthtml_examples()
"Test text input size variants from daisyUI v5 documentation."
```
``` python
def test_text_input_special_types_fasthtml_examples()
"Test special input types from daisyUI v5 documentation."
```
``` python
def test_text_input_validators_part1_fasthtml_examples()
"Test text input validators part 1: username, search, email from daisyUI v5 documentation."
```
``` python
def test_text_input_validators_part2_fasthtml_examples()
"Test text input validators part 2: password, number, phone, URL from daisyUI v5 documentation."
```
#### Variables
``` python
text_input # Base text_input component
text_input_styles # text_input style variants
text_input_colors # text_input color variants
text_input_sizes # text_input size variants
```
### textarea (`textarea.ipynb`)
> Textarea allows users to enter text in multiple lines.
#### Import
``` python
from cjm_fasthtml_daisyui.components.data_input.textarea import (
textarea,
textarea_styles,
textarea_colors,
textarea_sizes,
test_textarea_basic_examples,
test_textarea_styles_examples,
test_textarea_colors_examples,
test_textarea_sizes_examples,
test_textarea_basic_fasthtml_examples,
test_textarea_ghost_fasthtml_examples,
test_textarea_with_form_control_fasthtml_examples,
test_textarea_colors_fasthtml_examples,
test_textarea_sizes_fasthtml_examples,
test_textarea_disabled_fasthtml_examples
)
```
#### Functions
``` python
def test_textarea_basic_examples()
"Test basic textarea utilities."
```
``` python
def test_textarea_styles_examples()
"Test textarea style variants."
```
``` python
def test_textarea_colors_examples()
"Test textarea color variants."
```
``` python
def test_textarea_sizes_examples()
"Test textarea size variants."
```
``` python
def test_textarea_basic_fasthtml_examples()
"Test basic textarea example from daisyUI v5 documentation."
```
``` python
def test_textarea_ghost_fasthtml_examples()
"Test ghost textarea (no background) from daisyUI v5 documentation."
```
``` python
def test_textarea_with_form_control_fasthtml_examples()
"Test textarea with form control and labels from daisyUI v5 documentation."
```
``` python
def test_textarea_colors_fasthtml_examples()
"Test textarea color variations from daisyUI v5 documentation."
```
``` python
def test_textarea_sizes_fasthtml_examples()
"Test textarea size variations from daisyUI v5 documentation."
```
``` python
def test_textarea_disabled_fasthtml_examples()
"Test disabled textarea from daisyUI v5 documentation."
```
#### Variables
``` python
textarea # Base textarea component
textarea_styles # textarea style variants
textarea_colors # textarea color variants
textarea_sizes # textarea size variants
```
### theme controller (`theme_controller.ipynb`)
> If a checked checkbox input or a checked radio input with
> theme-controller class exists in the page, The page will have the same
> theme as that input’s value.
#### Import
``` python
from cjm_fasthtml_daisyui.components.actions.theme_controller import (
theme_controller,
test_theme_controller_basic_examples,
test_theme_controller_basic_fasthtml_examples,
test_theme_controller_swap_fasthtml_examples,
test_theme_controller_radio_fasthtml_examples,
test_theme_controller_advanced_fasthtml_examples
)
```
#### Functions
``` python
def test_theme_controller_basic_examples()
"Test basic theme controller utility."
```
``` python
def test_theme_controller_basic_fasthtml_examples()
"Test basic theme controller examples with toggle and checkbox inputs."
```
``` python
def test_theme_controller_swap_fasthtml_examples()
"Test theme controller examples using swap component."
```
``` python
def test_theme_controller_radio_fasthtml_examples()
"Test theme controller examples using radio inputs."
```
``` python
def test_theme_controller_advanced_fasthtml_examples()
"Test advanced theme controller examples including dropdown and custom styles."
```
### themes (`themes.ipynb`)
> Type-safe theme management for daisyUI
#### Import
``` python
from cjm_fasthtml_daisyui.core.themes import (
DaisyUITheme,
get_theme_value,
ThemeColors,
ThemeConfig,
create_theme_css,
save_theme_css,
save_theme_json,
load_theme_json,
load_style_css
)
```
#### Functions
``` python
def get_theme_value(
theme: Union[DaisyUITheme, str], # The theme to validate (DaisyUITheme enum or string)
allow_custom: bool = False # If True, allows any string value for custom themes
) -> str: # The validated theme name as a string
"Get the string value of a theme, supporting both enum and string inputs. This allows flexibility in how themes are specified while maintaining type safety."
```
``` python
def create_theme_css(
theme: ThemeConfig # Theme configuration with colors, sizes, and effects
) -> str: # CSS string with theme variables
"""
Generate CSS for a custom daisyUI theme.
This creates the CSS variables needed for a custom theme when using the CDN approach.
"""
```
``` python
def save_theme_css(
theme: ThemeConfig, # Theme configuration to convert to CSS
path: Union[str, Path] # File path where CSS will be saved
) -> None: # None
"Save a theme configuration as a CSS file."
```
``` python
def save_theme_json(
theme: ThemeConfig, # Theme configuration to save
path: Union[str, Path] # File path where JSON will be saved
) -> None: # None
"Save a theme configuration as a JSON file for reuse."
```
``` python
def load_theme_json(
path: Union[str, Path] # Path to JSON file containing theme configuration
) -> ThemeConfig: # Theme configuration dictionary
"Load a theme configuration from a JSON file."
```
``` python
def load_style_css(
path: Union[str, Path] # Path to CSS file containing theme configuration
) -> Style: # FasthHTML Style element
"Load a theme configuration from a CSS file to a FasthHTML Style element."
```
#### Classes
``` python
class DaisyUITheme(str, Enum):
"All built-in daisyUI themes."
```
``` python
class ThemeColors(TypedDict):
"Color definitions for a daisyUI theme using OKLCH color space."
```
``` python
class ThemeConfig(TypedDict):
"Complete configuration for a custom daisyUI theme."
```
### timeline (`timeline.ipynb`)
> Timeline component shows a list of events in chronological order.
#### Import
``` python
from cjm_fasthtml_daisyui.components.data_display.timeline import (
timeline,
timeline_start,
timeline_middle,
timeline_end,
timeline_modifiers,
timeline_direction,
test_timeline_basic_examples,
test_timeline_modifiers_examples,
test_timeline_direction_examples,
test_timeline_basic_fasthtml_examples,
test_timeline_single_side_fasthtml_examples,
test_timeline_alternating_fasthtml_examples,
test_timeline_without_icons_fasthtml_examples,
test_timeline_vertical_fasthtml_examples,
test_timeline_vertical_advanced_fasthtml_examples,
test_timeline_responsive_fasthtml_examples,
test_timeline_snap_icon_fasthtml_examples
)
```
#### Functions
``` python
def test_timeline_basic_examples()
"Test basic timeline utilities."
```
``` python
def test_timeline_modifiers_examples()
"Test timeline modifier utilities."
```
``` python
def test_timeline_direction_examples()
"Test timeline direction utilities."
```
``` python
def test_timeline_basic_fasthtml_examples()
"Test timeline with text on both sides and icon from daisyUI v5 documentation."
```
``` python
def test_timeline_single_side_fasthtml_examples()
"Test timeline with bottom side only and top side only from daisyUI v5 documentation."
```
``` python
def test_timeline_alternating_fasthtml_examples()
"Test timeline with different sides and colorful lines from daisyUI v5 documentation."
```
``` python
def test_timeline_without_icons_fasthtml_examples()
"Test timeline without icons from daisyUI v5 documentation."
```
``` python
def test_timeline_vertical_fasthtml_examples()
"Test vertical timeline variations from daisyUI v5 documentation."
```
``` python
def test_timeline_vertical_advanced_fasthtml_examples()
"Test vertical timeline with different sides, colorful lines, and without icons from daisyUI v5 documentation."
```
``` python
def test_timeline_responsive_fasthtml_examples()
"Test responsive timeline (vertical by default, horizontal on large screen) from daisyUI v5 documentation."
```
``` python
def test_timeline_snap_icon_fasthtml_examples()
"Test timeline with icon snapped to the start from daisyUI v5 documentation."
```
#### Variables
``` python
timeline # Timeline container
timeline_start # Timeline start
timeline_middle # Timeline middle
timeline_end # Timeline end
```
### toast (`toast.ipynb`)
> Toast is a wrapper to stack elements, positioned on the corner of
> page.
#### Import
``` python
from cjm_fasthtml_daisyui.components.feedback.toast import (
toast,
toast_placement,
ToastPlacement,
test_toast_basic_examples,
test_toast_placement_examples,
test_toast_basic_fasthtml_examples,
test_toast_top_positions_fasthtml_examples,
test_toast_middle_positions_fasthtml_examples,
test_toast_bottom_positions_fasthtml_examples
)
```
#### Functions
``` python
def test_toast_basic_examples()
"Test basic toast utilities."
```
``` python
def test_toast_placement_examples()
"Test toast placement options."
```
``` python
def test_toast_basic_fasthtml_examples()
"Test basic toast with alert inside from daisyUI v5 documentation."
```
``` python
def test_toast_top_positions_fasthtml_examples()
"Test toast positioning at top (start, center, end) from daisyUI v5 documentation."
```
``` python
def test_toast_middle_positions_fasthtml_examples()
"Test toast positioning at middle (start, center, end) from daisyUI v5 documentation."
```
``` python
def test_toast_bottom_positions_fasthtml_examples()
"Test toast positioning at bottom (start, center, end) from daisyUI v5 documentation."
```
#### Classes
``` python
class ToastPlacement(str, Enum):
```
#### Variables
``` python
toast # Base toast component
toast_placement # toast placement options
```
### toggle (`toggle.ipynb`)
> Toggle is a checkbox that is styled to look like a switch button.
#### Import
``` python
from cjm_fasthtml_daisyui.components.data_input.toggle import (
toggle,
toggle_colors,
toggle_sizes,
test_toggle_basic_examples,
test_toggle_colors_examples,
test_toggle_sizes_examples,
test_toggle_basic_fasthtml_examples,
test_toggle_with_fieldset_fasthtml_examples,
test_toggle_sizes_fasthtml_examples,
test_toggle_colors_fasthtml_examples,
test_toggle_disabled_fasthtml_examples,
test_toggle_with_icons_fasthtml_examples,
test_toggle_custom_colors_fasthtml_examples,
test_toggle_indeterminate_fasthtml_examples
)
```
#### Functions
``` python
def test_toggle_basic_examples()
"Test basic toggle utilities."
```
``` python
def test_toggle_colors_examples()
"Test toggle color variants."
```
``` python
def test_toggle_sizes_examples()
"Test toggle size variants."
```
``` python
def test_toggle_basic_fasthtml_examples()
"Test basic toggle example from daisyUI v5 documentation."
```
``` python
def test_toggle_with_fieldset_fasthtml_examples()
"Test toggle with fieldset and label from daisyUI v5 documentation."
```
``` python
def test_toggle_sizes_fasthtml_examples()
"Test toggle size variations from daisyUI v5 documentation."
```
``` python
def test_toggle_colors_fasthtml_examples()
"Test toggle color variations from daisyUI v5 documentation."
```
``` python
def test_toggle_disabled_fasthtml_examples()
"Test disabled toggle states from daisyUI v5 documentation."
```
``` python
def test_toggle_with_icons_fasthtml_examples()
"Test toggle with icons inside from daisyUI v5 documentation."
```
``` python
def test_toggle_custom_colors_fasthtml_examples()
"Test toggle with custom colors from daisyUI v5 documentation."
```
``` python
def test_toggle_indeterminate_fasthtml_examples():
"""Test indeterminate toggle state from daisyUI v5 documentation."""
from fasthtml.common import Input, Script, Div
# Indeterminate toggle
# Note: The indeterminate state must be set via JavaScript
"Test indeterminate toggle state from daisyUI v5 documentation."
```
#### Variables
``` python
toggle # Base toggle component
toggle_colors # toggle color variants
toggle_sizes # toggle size variants
```
### tooltip (`tooltip.ipynb`)
> Tooltip can be used to show a message when hovering over an element.
#### Import
``` python
from cjm_fasthtml_daisyui.components.feedback.tooltip import (
tooltip,
tooltip_content,
tooltip_placement,
tooltip_modifiers,
tooltip_colors,
TooltipPlacement,
TooltipModifier,
test_tooltip_basic_examples,
test_tooltip_placement_examples,
test_tooltip_modifiers_examples,
test_tooltip_colors_examples,
test_tooltip_basic_fasthtml_examples,
test_tooltip_with_content_fasthtml_examples,
test_tooltip_positions_fasthtml_examples,
test_tooltip_colors_fasthtml_examples,
test_tooltip_responsive_fasthtml_examples
)
```
#### Functions
``` python
def test_tooltip_basic_examples()
"Test basic tooltip utilities."
```
``` python
def test_tooltip_placement_examples()
"Test tooltip placement options."
```
``` python
def test_tooltip_modifiers_examples()
"Test tooltip modifier utilities."
```
``` python
def test_tooltip_colors_examples()
"Test tooltip color variants."
```
``` python
def test_tooltip_basic_fasthtml_examples()
"Test basic tooltip examples from daisyUI v5 documentation."
```
``` python
def test_tooltip_with_content_fasthtml_examples()
"Test tooltip with tooltip-content from daisyUI v5 documentation."
```
``` python
def test_tooltip_positions_fasthtml_examples()
"Test tooltip position variations from daisyUI v5 documentation."
```
``` python
def test_tooltip_colors_fasthtml_examples()
"Test tooltip color variations from daisyUI v5 documentation."
```
``` python
def test_tooltip_responsive_fasthtml_examples()
"Test responsive tooltip from daisyUI v5 documentation."
```
#### Classes
``` python
class TooltipPlacement(str, Enum):
```
``` python
class TooltipModifier(str, Enum):
```
#### Variables
``` python
tooltip # Base tooltip component
tooltip_content # Base tooltip content part
tooltip_placement # tooltip placement options
tooltip_modifiers # tooltip modifiers
tooltip_colors # Tooltip color variants
```
### validator (`validator.ipynb`)
> Validator class changes the color of form elements to error or success
> based on input’s validation rules.
#### Import
``` python
from cjm_fasthtml_daisyui.components.data_input.validator import (
validator,
validator_hint,
test_validator_basic_examples,
test_validator_basic_fasthtml_examples,
test_validator_with_hint_fasthtml_examples,
test_validator_password_fasthtml_examples,
test_validator_username_phone_fasthtml_examples,
test_validator_url_date_number_fasthtml_examples,
test_validator_checkbox_toggle_select_fasthtml_examples
)
```
#### Functions
``` python
def test_validator_basic_examples()
"Test basic validator utilities."
```
``` python
def test_validator_basic_fasthtml_examples()
"Test basic validator example from daisyUI v5 documentation."
```
``` python
def test_validator_with_hint_fasthtml_examples()
"Test validator with hint from daisyUI v5 documentation."
```
``` python
def test_validator_password_fasthtml_examples()
"Test password requirement validator from daisyUI v5 documentation."
```
``` python
def test_validator_username_phone_fasthtml_examples()
"Test username and phone requirement validators from daisyUI v5 documentation."
```
``` python
def test_validator_url_date_number_fasthtml_examples()
"Test URL, date, and number requirement validators from daisyUI v5 documentation."
```
``` python
def test_validator_checkbox_toggle_select_fasthtml_examples()
"Test checkbox, toggle, and select requirement validators from daisyUI v5 documentation."
```
#### Variables
``` python
validator # Base validator component
validator_hint # validator_hint component
```
### components.mockup.window (`window.ipynb`)
#### Import
``` python
from cjm_fasthtml_daisyui.components.mockup.window import (
mockup_window,
test_mockup_window_basic_examples,
test_window_mockup_with_border_fasthtml_examples,
test_window_mockup_with_background_fasthtml_examples
)
```
#### Functions
``` python
def test_mockup_window_basic_examples()
"Test basic mockup_window utilities."
```
``` python
def test_window_mockup_with_border_fasthtml_examples()
"Test window mockup with border from daisyUI v5 documentation."
```
``` python
def test_window_mockup_with_background_fasthtml_examples()
"Test window mockup with background color from daisyUI v5 documentation."
```
#### Variables
``` python
mockup_window # Base mockup window component
```
Raw data
{
"_id": null,
"home_page": "https://github.com/cj-mills/cjm-fasthtml-daisyui",
"name": "cjm-fasthtml-daisyui",
"maintainer": null,
"docs_url": null,
"requires_python": ">=3.11",
"maintainer_email": null,
"keywords": "nbdev jupyter notebook python",
"author": "Christian J. Mills",
"author_email": "9126128+cj-mills@users.noreply.github.com",
"download_url": "https://files.pythonhosted.org/packages/5a/56/916eecd606cca821a9013d10d139e5af698ffa4734e409d350e46ebf4f3a/cjm_fasthtml_daisyui-0.0.6.tar.gz",
"platform": null,
"description": "# cjm-fasthtml-daisyui\n\n\n<!-- WARNING: THIS FILE WAS AUTOGENERATED! DO NOT EDIT! -->\n\n> Python-native daisyUI v5 component and utility class builder providing\n> type-safe, dynamic class generation with full abstraction for FastHTML\n> projects.\n\n## Install\n\n``` bash\npip install cjm-fasthtml-daisyui\n```\n\n## Project Structure\n\n nbs/\n \u251c\u2500\u2500 builders/ (3)\n \u2502 \u251c\u2500\u2500 colors.ipynb # Semantic color system builders for daisyUI components\n \u2502 \u251c\u2500\u2500 sizes.ipynb # Named sizes support for DaisyUI components\n \u2502 \u2514\u2500\u2500 styles.ipynb # Named style support for daisyUI components\n \u251c\u2500\u2500 cli/ (2)\n \u2502 \u251c\u2500\u2500 cli_config.ipynb # Configuration for the DaisyUI CLI tool\n \u2502 \u2514\u2500\u2500 explorer.ipynb # CLI tool for exploring cjm-fasthtml-daisyui components and builders\n \u251c\u2500\u2500 components/ (61)\n \u2502 \u251c\u2500\u2500 actions/ (5)\n \u2502 \u2502 \u251c\u2500\u2500 button.ipynb # Buttons allow the user to take actions or make choices.\n \u2502 \u2502 \u251c\u2500\u2500 dropdown.ipynb # Dropdown can open a menu or any other element when the button is clicked.\n \u2502 \u2502 \u251c\u2500\u2500 modal.ipynb # Modal is used to show a dialog or a box when you click a button.\n \u2502 \u2502 \u251c\u2500\u2500 swap.ipynb # Swap allows you to toggle the visibility of two elements using a checkbox or a class name.\n \u2502 \u2502 \u2514\u2500\u2500 theme_controller.ipynb # If a checked checkbox input or a checked radio input with theme-controller class exists in the page, The page will have the same theme as that input's value.\n \u2502 \u251c\u2500\u2500 data_display/ (15)\n \u2502 \u2502 \u251c\u2500\u2500 accordion.ipynb # Accordion is used for showing and hiding content but only one item can stay open at a time.\n \u2502 \u2502 \u251c\u2500\u2500 avatar.ipynb # Avatars are used to show a thumbnail representation of an individual or business in the interface.\n \u2502 \u2502 \u251c\u2500\u2500 badge.ipynb # Badges are used to inform the user of the status of specific data.\n \u2502 \u2502 \u251c\u2500\u2500 card.ipynb # Cards are used to group and display content in a way that is easily readable.\n \u2502 \u2502 \u251c\u2500\u2500 carousel.ipynb # Carousel shows images or content in a scrollable area.\n \u2502 \u2502 \u251c\u2500\u2500 chat_bubble.ipynb # Chat bubbles are used to show one line of conversation and all its data, including the author image, author name, time, etc.\n \u2502 \u2502 \u251c\u2500\u2500 collapse.ipynb # Collapse is used for showing and hiding content.\n \u2502 \u2502 \u251c\u2500\u2500 countdown.ipynb # Countdown gives you a transition effect when you change a number between 0 to 99.\n \u2502 \u2502 \u251c\u2500\u2500 diff.ipynb # Diff component shows a side-by-side comparison of two items.\n \u2502 \u2502 \u251c\u2500\u2500 kbd.ipynb # Kbd is used to display keyboard shortcuts.\n \u2502 \u2502 \u251c\u2500\u2500 list.ipynb # List is a vertical layout to display information in rows.\n \u2502 \u2502 \u251c\u2500\u2500 stat.ipynb # Stat is used to show numbers and data in a block.\n \u2502 \u2502 \u251c\u2500\u2500 status.ipynb # Status is a really small icon to visually show the current status of an element, like online, offline, error, etc.\n \u2502 \u2502 \u251c\u2500\u2500 table.ipynb # Table can be used to show a list of data in a table format.\n \u2502 \u2502 \u2514\u2500\u2500 timeline.ipynb # Timeline component shows a list of events in chronological order.\n \u2502 \u251c\u2500\u2500 data_input/ (14)\n \u2502 \u2502 \u251c\u2500\u2500 calendar.ipynb # Calendar includes styles for different calendar libraries.\n \u2502 \u2502 \u251c\u2500\u2500 checkbox.ipynb # Checkboxes are used to select or deselect a value.\n \u2502 \u2502 \u251c\u2500\u2500 fieldset.ipynb # Fieldset is a container for grouping related form elements. It includes fieldset-legend as a title and label as a description.\n \u2502 \u2502 \u251c\u2500\u2500 file_input.ipynb # File Input is a an input field for uploading files.\n \u2502 \u2502 \u251c\u2500\u2500 filter.ipynb # Filter is a group of radio buttons. Choosing one of the options will hide the others and shows a reset button next to the chosen option.\n \u2502 \u2502 \u251c\u2500\u2500 label.ipynb # Label is used to provide a name or title for an input field. Label can be placed before or after the field.\n \u2502 \u2502 \u251c\u2500\u2500 radio.ipynb # Radio buttons allow the user to select one option from a set.\n \u2502 \u2502 \u251c\u2500\u2500 range.ipynb # Range slider is used to select a value by sliding a handle.\n \u2502 \u2502 \u251c\u2500\u2500 rating.ipynb # Rating is a set of radio ratings that allow the user to rate something.\n \u2502 \u2502 \u251c\u2500\u2500 select.ipynb # Select is used to pick a value from a list of options.\n \u2502 \u2502 \u251c\u2500\u2500 text_input.ipynb # Text Input is a simple input field.\n \u2502 \u2502 \u251c\u2500\u2500 textarea.ipynb # Textarea allows users to enter text in multiple lines.\n \u2502 \u2502 \u251c\u2500\u2500 toggle.ipynb # Toggle is a checkbox that is styled to look like a switch button.\n \u2502 \u2502 \u2514\u2500\u2500 validator.ipynb # Validator class changes the color of form elements to error or success based on input's validation rules.\n \u2502 \u251c\u2500\u2500 feedback/ (7)\n \u2502 \u2502 \u251c\u2500\u2500 alert.ipynb # Alert informs users about important events.\n \u2502 \u2502 \u251c\u2500\u2500 loading.ipynb # Loading shows an animation to indicate that something is loading.\n \u2502 \u2502 \u251c\u2500\u2500 progress.ipynb # Progress bar can be used to show the progress of a task or to show the passing of time.\n \u2502 \u2502 \u251c\u2500\u2500 radial_progress.ipynb # Radial progress can be used to show the progress of a task or to show the passing of time.\n \u2502 \u2502 \u251c\u2500\u2500 skeleton.ipynb # Skeleton is a component that can be used to show a loading state of a component.\n \u2502 \u2502 \u251c\u2500\u2500 toast.ipynb # Toast is a wrapper to stack elements, positioned on the corner of page.\n \u2502 \u2502 \u2514\u2500\u2500 tooltip.ipynb # Tooltip can be used to show a message when hovering over an element.\n \u2502 \u251c\u2500\u2500 layout/ (8)\n \u2502 \u2502 \u251c\u2500\u2500 divider.ipynb # Divider will be used to separate content vertically or horizontally.\n \u2502 \u2502 \u251c\u2500\u2500 drawer.ipynb # Drawer is a grid layout that can show/hide a sidebar on the left or right side of the page.\n \u2502 \u2502 \u251c\u2500\u2500 footer.ipynb # Footer can contain logo, copyright notice, and links to other pages.\n \u2502 \u2502 \u251c\u2500\u2500 hero.ipynb # Hero is a component for displaying a large box or image with a title and description.\n \u2502 \u2502 \u251c\u2500\u2500 indicator.ipynb # Indicators are used to place an element on the corner of another element.\n \u2502 \u2502 \u251c\u2500\u2500 join.ipynb # Join is a container for grouping multiple items, it can be used to group buttons, inputs, etc. Join applies border radius to the first and last item. Join can be used to create a horizontal or vertical list of items.\n \u2502 \u2502 \u251c\u2500\u2500 mask.ipynb # Mask crops the content of the element to common shapes.\n \u2502 \u2502 \u2514\u2500\u2500 stack.ipynb # Stack visually puts elements on top of each other.\n \u2502 \u251c\u2500\u2500 mockup/ (4)\n \u2502 \u2502 \u251c\u2500\u2500 browser.ipynb # Browser mockup shows a box that looks like a browser window.\n \u2502 \u2502 \u251c\u2500\u2500 code.ipynb # Code mockup is used to show a block of code in a box that looks like a code editor.\n \u2502 \u2502 \u251c\u2500\u2500 phone.ipynb # Phone mockup shows a mockup of an iPhone.\n \u2502 \u2502 \u2514\u2500\u2500 window.ipynb\n \u2502 \u2514\u2500\u2500 navigation/ (8)\n \u2502 \u251c\u2500\u2500 breadcrumbs.ipynb # Breadcrumbs helps users to navigate through the website.\n \u2502 \u251c\u2500\u2500 dock.ipynb # Dock (also know as Bottom navigation or Bottom bar) is a UI element that provides navigation options to the user. Dock sticks to the bottom of the screen.\n \u2502 \u251c\u2500\u2500 link.ipynb # Link adds the missing underline style to links.\n \u2502 \u251c\u2500\u2500 menu.ipynb # Menu is used to display a list of links vertically or horizontally.\n \u2502 \u251c\u2500\u2500 navbar.ipynb # Navbar is used to show a navigation bar on the top of the page..\n \u2502 \u251c\u2500\u2500 pagination.ipynb # Pagination is a group of buttons that allow the user to navigate between a set of related content.\n \u2502 \u251c\u2500\u2500 steps.ipynb # Steps can be used to show a list of steps in a process.\n \u2502 \u2514\u2500\u2500 tabs.ipynb # Tabs can be used to show a list of links in a tabbed format.\n \u251c\u2500\u2500 core/ (3)\n \u2502 \u251c\u2500\u2500 resources.ipynb # CDN resources and headers for daisyUI and Tailwind CSS\n \u2502 \u251c\u2500\u2500 testing.ipynb # Standardized test page creation for Jupyter notebooks with FastHTML\n \u2502 \u2514\u2500\u2500 themes.ipynb # Type-safe theme management for daisyUI\n \u2514\u2500\u2500 utilities/ (4)\n \u251c\u2500\u2500 border_radius.ipynb # daisyUI provides additional tokenized border radius values that can be customized based on the theme:\n \u251c\u2500\u2500 glass.ipynb # The glass utility creates a glass morphism effect on elements:\n \u251c\u2500\u2500 semantic_colors.ipynb # daisyUI extends many Tailwind CSS utility classes to support semantic colors. These factories provide type-safe access to semantic color utilities with full modifier support:\n \u2514\u2500\u2500 semantic_gradients.ipynb # For Tailwind CSS gradient utilities, daisyUI extends the from, via, and to utilities with semantic color support:\n\nTotal: 73 notebooks across 5 directories\n\n## Module Dependencies\n\n``` mermaid\ngraph LR\n builders_colors[builders.colors<br/>colors]\n builders_sizes[builders.sizes<br/>sizes]\n builders_styles[builders.styles<br/>styles]\n cli_cli_config[cli.cli_config<br/>DaisyUI CLI Configuration]\n cli_explorer[cli.explorer<br/>DaisyUI Explorer]\n components_actions_button[components.actions.button<br/>button]\n components_actions_dropdown[components.actions.dropdown<br/>dropdown]\n components_actions_modal[components.actions.modal<br/>modal]\n components_actions_swap[components.actions.swap<br/>swap]\n components_actions_theme_controller[components.actions.theme_controller<br/>theme controller]\n components_data_display_accordion[components.data_display.accordion<br/>accordion]\n components_data_display_avatar[components.data_display.avatar<br/>avatar]\n components_data_display_badge[components.data_display.badge<br/>badge]\n components_data_display_card[components.data_display.card<br/>card]\n components_data_display_carousel[components.data_display.carousel<br/>carousel]\n components_data_display_chat_bubble[components.data_display.chat_bubble<br/>chat bubble]\n components_data_display_collapse[components.data_display.collapse<br/>collapse]\n components_data_display_countdown[components.data_display.countdown<br/>countdown]\n components_data_display_diff[components.data_display.diff<br/>diff]\n components_data_display_kbd[components.data_display.kbd<br/>kbd]\n components_data_display_list[components.data_display.list<br/>list]\n components_data_display_stat[components.data_display.stat<br/>stat]\n components_data_display_status[components.data_display.status<br/>status]\n components_data_display_table[components.data_display.table<br/>table]\n components_data_display_timeline[components.data_display.timeline<br/>timeline]\n components_data_input_calendar[components.data_input.calendar<br/>calendar]\n components_data_input_checkbox[components.data_input.checkbox<br/>checkbox]\n components_data_input_fieldset[components.data_input.fieldset<br/>fieldset]\n components_data_input_file_input[components.data_input.file_input<br/>file input]\n components_data_input_filter[components.data_input.filter<br/>filter]\n components_data_input_label[components.data_input.label<br/>label]\n components_data_input_radio[components.data_input.radio<br/>radio]\n components_data_input_range_slider[components.data_input.range_slider<br/>range slider]\n components_data_input_rating[components.data_input.rating<br/>rating]\n components_data_input_select[components.data_input.select<br/>select]\n components_data_input_text_input[components.data_input.text_input<br/>text input]\n components_data_input_textarea[components.data_input.textarea<br/>textarea]\n components_data_input_toggle[components.data_input.toggle<br/>toggle]\n components_data_input_validator[components.data_input.validator<br/>validator]\n components_feedback_alert[components.feedback.alert<br/>alert]\n components_feedback_loading[components.feedback.loading<br/>loading]\n components_feedback_progress[components.feedback.progress<br/>progress]\n components_feedback_radial_progress[components.feedback.radial_progress<br/>radial progress]\n components_feedback_skeleton[components.feedback.skeleton<br/>skeleton]\n components_feedback_toast[components.feedback.toast<br/>toast]\n components_feedback_tooltip[components.feedback.tooltip<br/>tooltip]\n components_layout_divider[components.layout.divider<br/>divider]\n components_layout_drawer[components.layout.drawer<br/>drawer]\n components_layout_footer[components.layout.footer<br/>footer]\n components_layout_hero[components.layout.hero<br/>hero]\n components_layout_indicator[components.layout.indicator<br/>indicator]\n components_layout_join[components.layout.join<br/>join]\n components_layout_mask[components.layout.mask<br/>mask]\n components_layout_stack[components.layout.stack<br/>stack]\n components_mockup_browser[components.mockup.browser<br/>browser mockup]\n components_mockup_code[components.mockup.code<br/>code mockup]\n components_mockup_phone[components.mockup.phone<br/>phone mockup]\n components_mockup_window[components.mockup.window]\n components_navigation_breadcrumbs[components.navigation.breadcrumbs<br/>breadcrumbs]\n components_navigation_dock[components.navigation.dock<br/>dock]\n components_navigation_link[components.navigation.link<br/>link]\n components_navigation_menu[components.navigation.menu<br/>menu]\n components_navigation_navbar[components.navigation.navbar<br/>navbar]\n components_navigation_pagination[components.navigation.pagination<br/>pagination]\n components_navigation_steps[components.navigation.steps<br/>steps]\n components_navigation_tabs[components.navigation.tabs<br/>tabs]\n core_resources[core.resources<br/>resources]\n core_testing[core.testing<br/>testing]\n core_themes[core.themes<br/>themes]\n utilities_border_radius[utilities.border_radius<br/>Border Radius Utilities]\n utilities_glass[utilities.glass<br/>Glass Effect Utility]\n utilities_semantic_colors[utilities.semantic_colors<br/>Semantic Color Utility Classes]\n utilities_semantic_gradients[utilities.semantic_gradients<br/>Gradient Stop Utilities]\n\n cli_explorer --> cli_cli_config\n components_actions_button --> builders_styles\n components_actions_button --> builders_colors\n components_actions_button --> core_testing\n components_actions_button --> core_themes\n components_actions_button --> builders_sizes\n components_actions_dropdown --> core_testing\n components_actions_dropdown --> core_themes\n components_actions_modal --> core_testing\n components_actions_modal --> core_themes\n components_actions_swap --> core_testing\n components_actions_swap --> core_themes\n components_actions_theme_controller --> core_testing\n components_actions_theme_controller --> core_themes\n components_data_display_accordion --> components_data_display_collapse\n components_data_display_accordion --> core_testing\n components_data_display_accordion --> core_themes\n components_data_display_avatar --> core_testing\n components_data_display_avatar --> core_themes\n components_data_display_badge --> builders_styles\n components_data_display_badge --> builders_colors\n components_data_display_badge --> core_testing\n components_data_display_badge --> core_themes\n components_data_display_badge --> builders_sizes\n components_data_display_card --> builders_styles\n components_data_display_card --> core_testing\n components_data_display_card --> core_themes\n components_data_display_card --> builders_sizes\n components_data_display_carousel --> core_testing\n components_data_display_carousel --> core_themes\n components_data_display_chat_bubble --> builders_colors\n components_data_display_chat_bubble --> core_testing\n components_data_display_chat_bubble --> core_themes\n components_data_display_collapse --> core_testing\n components_data_display_collapse --> core_themes\n components_data_display_countdown --> core_testing\n components_data_display_countdown --> core_themes\n components_data_display_diff --> core_testing\n components_data_display_diff --> core_themes\n components_data_display_kbd --> core_testing\n components_data_display_kbd --> core_themes\n components_data_display_kbd --> builders_sizes\n components_data_display_list --> core_testing\n components_data_display_list --> core_themes\n components_data_display_stat --> core_testing\n components_data_display_stat --> core_themes\n components_data_display_status --> builders_colors\n components_data_display_status --> core_testing\n components_data_display_status --> core_themes\n components_data_display_status --> builders_sizes\n components_data_display_table --> core_testing\n components_data_display_table --> core_themes\n components_data_display_table --> builders_sizes\n components_data_display_timeline --> core_testing\n components_data_display_timeline --> core_themes\n components_data_input_calendar --> core_testing\n components_data_input_calendar --> core_themes\n components_data_input_checkbox --> core_testing\n components_data_input_checkbox --> core_themes\n components_data_input_checkbox --> builders_colors\n components_data_input_checkbox --> builders_sizes\n components_data_input_fieldset --> core_testing\n components_data_input_fieldset --> core_themes\n components_data_input_file_input --> builders_colors\n components_data_input_file_input --> core_testing\n components_data_input_file_input --> core_themes\n components_data_input_file_input --> builders_styles\n components_data_input_file_input --> builders_sizes\n components_data_input_filter --> core_testing\n components_data_input_filter --> core_themes\n components_data_input_label --> core_testing\n components_data_input_label --> core_themes\n components_data_input_radio --> core_testing\n components_data_input_radio --> core_themes\n components_data_input_radio --> builders_colors\n components_data_input_radio --> builders_sizes\n components_data_input_range_slider --> core_testing\n components_data_input_range_slider --> core_themes\n components_data_input_range_slider --> builders_colors\n components_data_input_range_slider --> builders_sizes\n components_data_input_rating --> core_testing\n components_data_input_rating --> core_themes\n components_data_input_rating --> builders_sizes\n components_data_input_select --> core_testing\n components_data_input_select --> core_themes\n components_data_input_select --> builders_colors\n components_data_input_select --> builders_sizes\n components_data_input_select --> builders_styles\n components_data_input_text_input --> builders_colors\n components_data_input_text_input --> core_testing\n components_data_input_text_input --> core_themes\n components_data_input_text_input --> builders_styles\n components_data_input_text_input --> builders_sizes\n components_data_input_textarea --> core_testing\n components_data_input_textarea --> core_themes\n components_data_input_textarea --> builders_colors\n components_data_input_textarea --> builders_sizes\n components_data_input_textarea --> builders_styles\n components_data_input_toggle --> core_testing\n components_data_input_toggle --> core_themes\n components_data_input_toggle --> builders_colors\n components_data_input_toggle --> builders_sizes\n components_data_input_validator --> core_testing\n components_data_input_validator --> core_themes\n components_feedback_alert --> builders_styles\n components_feedback_alert --> core_testing\n components_feedback_alert --> core_themes\n components_feedback_alert --> builders_colors\n components_feedback_loading --> core_testing\n components_feedback_loading --> core_themes\n components_feedback_loading --> builders_sizes\n components_feedback_progress --> core_testing\n components_feedback_progress --> core_themes\n components_feedback_progress --> builders_colors\n components_feedback_radial_progress --> core_testing\n components_feedback_radial_progress --> core_themes\n components_feedback_skeleton --> core_testing\n components_feedback_skeleton --> core_themes\n components_feedback_toast --> core_testing\n components_feedback_toast --> core_themes\n components_feedback_tooltip --> core_testing\n components_feedback_tooltip --> core_themes\n components_feedback_tooltip --> builders_colors\n components_layout_divider --> core_testing\n components_layout_divider --> core_themes\n components_layout_divider --> builders_colors\n components_layout_drawer --> core_testing\n components_layout_drawer --> core_themes\n components_layout_footer --> core_testing\n components_layout_footer --> core_themes\n components_layout_hero --> core_testing\n components_layout_hero --> core_themes\n components_layout_indicator --> core_testing\n components_layout_indicator --> core_themes\n components_layout_join --> core_testing\n components_layout_join --> core_themes\n components_layout_mask --> core_testing\n components_layout_mask --> core_themes\n components_layout_stack --> core_testing\n components_layout_stack --> core_themes\n components_mockup_browser --> core_testing\n components_mockup_browser --> core_themes\n components_mockup_code --> core_testing\n components_mockup_code --> core_themes\n components_mockup_phone --> core_testing\n components_mockup_phone --> core_themes\n components_mockup_window --> core_testing\n components_mockup_window --> core_themes\n components_navigation_breadcrumbs --> core_testing\n components_navigation_breadcrumbs --> core_themes\n components_navigation_dock --> core_testing\n components_navigation_dock --> core_themes\n components_navigation_dock --> builders_sizes\n components_navigation_link --> core_testing\n components_navigation_link --> core_themes\n components_navigation_link --> builders_colors\n components_navigation_link --> builders_sizes\n components_navigation_menu --> core_testing\n components_navigation_menu --> core_themes\n components_navigation_menu --> builders_sizes\n components_navigation_navbar --> core_testing\n components_navigation_navbar --> core_themes\n components_navigation_pagination --> core_testing\n components_navigation_pagination --> components_layout_join\n components_navigation_pagination --> core_themes\n components_navigation_steps --> core_testing\n components_navigation_steps --> core_themes\n components_navigation_steps --> builders_colors\n components_navigation_tabs --> builders_styles\n components_navigation_tabs --> core_testing\n components_navigation_tabs --> core_themes\n components_navigation_tabs --> builders_sizes\n core_testing --> components_actions_button\n core_testing --> components_feedback_alert\n core_testing --> utilities_semantic_gradients\n core_testing --> core_themes\n core_testing --> core_resources\n core_testing --> utilities_semantic_colors\n core_testing --> components_data_display_card\n utilities_border_radius --> core_testing\n utilities_border_radius --> builders_colors\n utilities_border_radius --> core_themes\n utilities_glass --> core_testing\n utilities_glass --> builders_colors\n utilities_glass --> core_themes\n utilities_semantic_colors --> core_testing\n utilities_semantic_colors --> builders_colors\n utilities_semantic_colors --> core_themes\n utilities_semantic_gradients --> core_testing\n utilities_semantic_gradients --> builders_colors\n utilities_semantic_gradients --> core_themes\n```\n\n*191 cross-module dependencies detected*\n\n## CLI Reference\n\n### `cjm-daisyui-explore` Command\n\n usage: cjm-daisyui-explore [-h]\n {modules,factories,factory,examples,example,search,test-code,core-utils,core-util,imports,scan}\n ...\n\n cjm_fasthtml_daisyui CLI Explorer\n\n This tool helps you explore the cjm_fasthtml_daisyui library, which provides:\n - Python-native DaisyUI v5 utility class builders for FastHTML projects\n - Type-safe, dynamic CSS class generation without hardcoded strings\n - Comprehensive utility factories (btn, btn_behaviors, btn_colors, btn_modifiers, etc.)\n - Helper functions for common patterns\n - Full integration with FastHTML components\n\n Purpose: This CLI tool enables autonomous exploration of the library's API by:\n - Discovering all available utility modules and their documentation\n - Listing factory instances with their built-in documentation\n - Showing usage examples from test functions\n - Providing source code for helper functions\n - Searching across all library components\n - CRITICALLY: Testing code snippets with automatic imports BEFORE implementation\n - Generating recommended import statements\n - Scanning existing code for replaceable CSS patterns\n\n All information is dynamically extracted from the library itself - nothing is hardcoded.\n\n positional arguments:\n {modules,factories,factory,examples,example,search,test-code,core-utils,core-util,imports,scan}\n Available commands\n modules List all utility modules\n factories List factories\n factory Show detailed info for a specific factory\n examples Show usage examples\n example Show source code for a specific example\n search Search across all library components\n test-code \u26a0\ufe0f CRITICAL: Test code snippets using the library\n (ALWAYS use before implementation)\n core-utils List core utility functions\n core-util Show source code for a core utility\n imports Show recommended import statements\n scan Scan code for replaceable CSS patterns\n\n options:\n -h, --help show this help message and exit\n\n Getting Started:\n 1. List all modules: cjm-daisyui-explore modules\n 2. View factories: cjm-daisyui-explore factories\n 3. Search for patterns: cjm-daisyui-explore search <query>\n 4. CRITICAL: Test code: cjm-daisyui-explore test-code \"<code>\"\n 5. Get imports: cjm-daisyui-explore imports\n 6. Scan existing code: cjm-daisyui-explore scan <file>\n\n Exploration Workflow:\n - Start with 'modules' to see available utility categories\n - Use 'factories -m <module>' to explore specific modules\n - Use 'factory <module> <name>' for detailed factory information\n - Use 'examples' to see test-based usage patterns\n - Use 'search' to find specific functionality\n - CRITICAL: ALWAYS use 'test-code' to validate code BEFORE implementation\n - Use 'scan' to analyze existing code for migration opportunities\n\n IMPORTANT: Code Validation\n \u26a0\ufe0f ALWAYS use 'test-code' to verify generated code before using it\n \u26a0\ufe0f This ensures correct syntax, proper imports, and expected output\n \u26a0\ufe0f Never skip this step - it prevents errors and saves debugging time\n\n Key Concepts:\n - Factories: Objects that generate CSS classes (e.g., btn, btn_behaviors, btn_colors, btn_modifiers)\n - Modules: Categories of utilities (actions.button, actions.dropdown, actions.modal, etc.)\n - Examples: Test functions demonstrating usage patterns\n - Helpers: Convenience functions for common patterns\n\n Tips for Coding Assistants:\n - MANDATORY: Use 'test-code' to validate ALL generated code before implementation\n - Use 'search --include-source' to find usage patterns in code\n - Use 'imports' to get all necessary import statements\n - Use 'scan' to identify replaceable hardcoded CSS classes\n - Factory names are intuitive: btn, btn_behaviors, btn_colors, btn_modifiers\n - Combine utilities with combine_classes() function\n - All factories support method chaining and attribute access\n\n Example Usage Flow:\n cjm-daisyui-explore modules # See what's available\n cjm-daisyui-explore factories -m actions.button # Explore actions.button utilities\n cjm-daisyui-explore factory actions.button btn # Learn about btn factory\n cjm-daisyui-explore example actions.button basic # See usage examples\n cjm-daisyui-explore test-code 'print(str(btn))' # CRITICAL: Test your understanding\n cjm-daisyui-explore scan app.py # Analyze existing code\n\n Tailwind CSS v4 Usage:\n \u26a0\ufe0f Important: Use the cjm_fasthtml_tailwind library for adding Tailwind CSS v4 utility classes.\n You can learn about the cjm_fasthtml_tailwind library with the cjm-tailwind-explore CLI tool.\n\nFor detailed help on any command, use\n`cjm-daisyui-explore <command> --help`.\n\n## Module Overview\n\nDetailed documentation for each module in the project:\n\n### accordion (`accordion.ipynb`)\n\n> Accordion is used for showing and hiding content but only one item can\n> stay open at a time.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.data_display.accordion import (\n test_accordion_basic_examples,\n test_accordion_modifiers_examples,\n test_accordion_basic_fasthtml_examples,\n test_accordion_arrow_fasthtml_examples,\n test_accordion_plus_fasthtml_examples,\n test_accordion_join_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_accordion_basic_examples()\n \"Test basic accordion utilities.\"\n```\n\n``` python\ndef test_accordion_modifiers_examples()\n \"Test accordion modifier utilities.\"\n```\n\n``` python\ndef test_accordion_basic_fasthtml_examples()\n \"Test basic accordion using radio inputs from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_accordion_arrow_fasthtml_examples()\n \"Test accordion with arrow icon from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_accordion_plus_fasthtml_examples()\n \"Test accordion with plus/minus icon from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_accordion_join_fasthtml_examples()\n \"Test accordion with join from daisyUI v5 documentation.\"\n```\n\n### alert (`alert.ipynb`)\n\n> Alert informs users about important events.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.feedback.alert import (\n alert,\n alert_styles,\n alert_colors,\n alert_directions,\n test_alert_basic_examples,\n test_alert_styles_examples,\n test_alert_colors_examples,\n test_alert_directions_examples,\n test_alert_basic_fasthtml_examples,\n test_alert_colors_fasthtml_examples,\n test_alert_styles_fasthtml_examples,\n test_alert_with_buttons_fasthtml_examples,\n test_alert_with_title_description_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_alert_basic_examples()\n \"Test basic alert utilities.\"\n```\n\n``` python\ndef test_alert_styles_examples()\n \"Test alert style variants.\"\n```\n\n``` python\ndef test_alert_colors_examples()\n \"Test alert color variants.\"\n```\n\n``` python\ndef test_alert_directions_examples()\n \"Test alert direction utilities.\"\n```\n\n``` python\ndef test_alert_basic_fasthtml_examples()\n \"Test basic alert example from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_alert_colors_fasthtml_examples()\n \"Test alert color variations from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_alert_styles_fasthtml_examples()\n \"Test alert style variations (soft, outline, dash) from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_alert_with_buttons_fasthtml_examples()\n \"Test alert with buttons and responsive layout from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_alert_with_title_description_fasthtml_examples()\n \"Test alert with title and description from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\nalert # Base alert component\nalert_styles # Alert style variants\nalert_colors # Alert color variants\n```\n\n### avatar (`avatar.ipynb`)\n\n> Avatars are used to show a thumbnail representation of an individual\n> or business in the interface.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.data_display.avatar import (\n avatar,\n avatar_group,\n avatar_modifiers,\n test_avatar_basic_examples,\n test_avatar_modifiers_examples,\n test_avatar_basic_fasthtml_examples,\n test_avatar_rounded_and_mask_fasthtml_examples,\n test_avatar_group_fasthtml_examples,\n test_avatar_ring_and_presence_fasthtml_examples,\n test_avatar_placeholder_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_avatar_basic_examples()\n \"Test basic avatar utilities.\"\n```\n\n``` python\ndef test_avatar_modifiers_examples()\n \"Test avatar modifier utilities.\"\n```\n\n``` python\ndef test_avatar_basic_fasthtml_examples()\n \"Test basic avatar and avatar in custom sizes from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_avatar_rounded_and_mask_fasthtml_examples()\n \"Test avatar rounded and avatar with mask from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_avatar_group_fasthtml_examples()\n \"Test avatar group and avatar group with counter from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_avatar_ring_and_presence_fasthtml_examples()\n \"Test avatar with ring and avatar with presence indicator from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_avatar_placeholder_fasthtml_examples()\n \"Test avatar placeholder from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\navatar # Avatar container\navatar_group # Avatar group\n```\n\n### badge (`badge.ipynb`)\n\n> Badges are used to inform the user of the status of specific data.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.data_display.badge import (\n badge,\n badge_colors,\n badge_styles,\n badge_sizes,\n test_badge_basic_examples,\n test_badge_colors_examples,\n test_badge_styles_examples,\n test_badge_sizes_examples,\n test_badge_basic_fasthtml_examples,\n test_badge_colors_fasthtml_examples,\n test_badge_style_fasthtml_examples,\n test_badge_icon_fasthtml_examples,\n test_badge_in_text_fasthtml_examples,\n test_badge_in_button_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_badge_basic_examples()\n \"Test basic badge utilities.\"\n```\n\n``` python\ndef test_badge_colors_examples()\n \"Test badge color variants.\"\n```\n\n``` python\ndef test_badge_styles_examples()\n \"Test badge style variants.\"\n```\n\n``` python\ndef test_badge_sizes_examples()\n \"Test badge size variants.\"\n```\n\n``` python\ndef test_badge_basic_fasthtml_examples()\n \"Test basic badge and badge sizes from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_badge_colors_fasthtml_examples()\n \"Test badge with colors from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_badge_style_fasthtml_examples()\n \"Test badge with different styles from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_badge_icon_fasthtml_examples()\n \"Test badge with icon from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_badge_in_text_fasthtml_examples()\n \"Test badge in text from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_badge_in_button_fasthtml_examples()\n \"Test badge in button from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\nbadge # Badge container\nbadge_colors # Badge color variants\nbadge_styles # Badge style variants\nbadge_sizes # Badge size variants\n```\n\n### Border Radius Utilities (`border_radius.ipynb`)\n\n> daisyUI provides additional tokenized border radius values that can be\n> customized based on the theme:\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.utilities.border_radius import (\n BORDER_RADIUS_VALUES,\n border_radius,\n test_border_radius_basic_examples,\n test_border_radius_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_border_radius_basic_examples()\n \"Test daisyUI's tokenized border radius utilities.\"\n```\n\n``` python\ndef test_border_radius_fasthtml_examples()\n \"Test practical usage patterns with FastHTML components.\"\n```\n\n#### Variables\n\n``` python\nBORDER_RADIUS_VALUES = {3 items}\nborder_radius # The daisyUI border radius factory\n```\n\n### breadcrumbs (`breadcrumbs.ipynb`)\n\n> Breadcrumbs helps users to navigate through the website.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.navigation.breadcrumbs import (\n breadcrumbs,\n test_breadcrumbs_basic_examples,\n test_breadcrumbs_basic_fasthtml_examples,\n test_breadcrumbs_with_icons_fasthtml_examples,\n test_breadcrumbs_with_max_width_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_breadcrumbs_basic_examples()\n \"Test breadcrumbs utility.\"\n```\n\n``` python\ndef test_breadcrumbs_basic_fasthtml_examples()\n \"Test basic breadcrumbs example from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_breadcrumbs_with_icons_fasthtml_examples()\n \"Test breadcrumbs with icons from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_breadcrumbs_with_max_width_fasthtml_examples()\n \"Test breadcrumbs with max-width from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\nbreadcrumbs # Breadcrumbs component\n```\n\n### browser mockup (`browser.ipynb`)\n\n> Browser mockup shows a box that looks like a browser window.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.mockup.browser import (\n mockup_browser,\n mockup_browser_toolbar,\n test_mockup_browser_basic_examples,\n test_browser_mockup_with_border_fasthtml_examples,\n test_browser_mockup_with_background_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_mockup_browser_basic_examples()\n \"Test basic mockup_browser utilities.\"\n```\n\n``` python\ndef test_browser_mockup_with_border_fasthtml_examples()\n \"Test browser mockup with border from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_browser_mockup_with_background_fasthtml_examples()\n \"Test browser mockup with background color from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\nmockup_browser # Base mockup browser component\nmockup_browser_toolbar # Base mockup browser toolbar part\n```\n\n### button (`button.ipynb`)\n\n> Buttons allow the user to take actions or make choices.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.actions.button import (\n btn,\n btn_colors,\n btn_styles,\n btn_sizes,\n btn_modifiers,\n btn_behaviors,\n LinkStyle,\n test_button_basic_examples,\n test_button_colors_examples,\n test_button_styles_examples,\n test_button_sizes_examples,\n test_button_modifiers_examples,\n test_button_behaviors_examples,\n test_button_basic_fasthtml_examples,\n test_button_sizes_fasthtml_examples,\n test_button_colors_variants_fasthtml_examples,\n test_button_states_fasthtml_examples,\n test_button_shapes_fasthtml_examples,\n test_button_with_content_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_button_basic_examples()\n \"Test basic button utilities.\"\n```\n\n``` python\ndef test_button_colors_examples()\n \"Test button color variants.\"\n```\n\n``` python\ndef test_button_styles_examples()\n \"Test button style variants.\"\n```\n\n``` python\ndef test_button_sizes_examples()\n \"Test button size variants.\"\n```\n\n``` python\ndef test_button_modifiers_examples()\n \"Test button modifier utilities.\"\n```\n\n``` python\ndef test_button_behaviors_examples()\n \"Test button behavior states.\"\n```\n\n``` python\ndef test_button_basic_fasthtml_examples()\n \"Test basic button examples from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_button_sizes_fasthtml_examples()\n \"Test button size variations and responsive buttons.\"\n```\n\n``` python\ndef test_button_colors_variants_fasthtml_examples()\n \"Test button color variants including soft, outline, and dash styles.\"\n```\n\n``` python\ndef test_button_states_fasthtml_examples()\n \"Test button states including active, disabled, ghost, and link.\"\n```\n\n``` python\ndef test_button_shapes_fasthtml_examples()\n \"Test square and circle button shapes with SVG icons.\"\n```\n\n``` python\ndef test_button_with_content_fasthtml_examples()\n \"Test buttons with icons and loading spinners.\"\n```\n\n#### Classes\n\n``` python\nclass LinkStyle(str, Enum):\n```\n\n#### Variables\n\n``` python\nbtn # Base button component\nbtn_colors # Button color variants\nbtn_styles # Button style variants\nbtn_sizes # Button size variants\n```\n\n### calendar (`calendar.ipynb`)\n\n> Calendar includes styles for different calendar libraries.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.data_input.calendar import (\n cally,\n pika_single,\n react_day_picker,\n test_calendar_basic_examples,\n test_calendar_cally_basic_fasthtml_examples,\n test_cally_date_picker_fasthtml_examples,\n test_pikaday_calendar_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_calendar_basic_examples()\n \"Test basic calendar utilities.\"\n```\n\n``` python\ndef test_calendar_cally_basic_fasthtml_examples()\n \"Test Cally calendar example from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_cally_date_picker_fasthtml_examples()\n \"Test Cally date picker example from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_pikaday_calendar_fasthtml_examples()\n \"Test Pikaday calendar CDN example from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\ncally # Base Cally calendar component\npika_single # Base Pikaday calender component\nreact_day_picker # Base DayPicker calendar component\n```\n\n### card (`card.ipynb`)\n\n> Cards are used to group and display content in a way that is easily\n> readable.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.data_display.card import (\n card,\n card_title,\n card_body,\n card_actions,\n card_styles,\n card_modifiers,\n card_sizes,\n test_card_basic_examples,\n test_card_styles_examples,\n test_card_modifiers_examples,\n test_card_sizes_examples,\n test_card_basic_fasthtml_examples,\n test_card_pricing_fasthtml_examples,\n test_card_style_fasthtml_examples,\n test_card_layout_fasthtml_examples,\n test_card_special_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_card_basic_examples()\n \"Test basic card utilities.\"\n```\n\n``` python\ndef test_card_styles_examples()\n \"Test card style variants.\"\n```\n\n``` python\ndef test_card_modifiers_examples()\n \"Test card modifier utilities.\"\n```\n\n``` python\ndef test_card_sizes_examples()\n \"Test card size variants.\"\n```\n\n``` python\ndef test_card_basic_fasthtml_examples()\n \"Test basic card examples from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_card_pricing_fasthtml_examples()\n \"Test pricing card example from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_card_style_fasthtml_examples()\n \"Test card style variations from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_card_layout_fasthtml_examples()\n \"Test card layout variations from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_card_special_fasthtml_examples()\n \"Test special card examples from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\ncard # Card container\ncard_title # Card title\ncard_body # Card body\ncard_actions # Card actions\ncard_styles # Card style variants\ncard_sizes # Card size variants\n```\n\n### carousel (`carousel.ipynb`)\n\n> Carousel shows images or content in a scrollable area.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.data_display.carousel import (\n carousel,\n carousel_item,\n carousel_snap,\n carousel_direction,\n test_carousel_basic_examples,\n test_carousel_modifiers_examples,\n test_carousel_snap_alignment_fasthtml_examples,\n test_carousel_layout_fasthtml_variations,\n test_carousel_navigation_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_carousel_basic_examples()\n \"Test basic carousel utilities.\"\n```\n\n``` python\ndef test_carousel_modifiers_examples()\n \"Test carousel modifier utilities.\"\n```\n\n``` python\ndef test_carousel_snap_alignment_fasthtml_examples()\n \"Test carousel snap alignment examples from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_carousel_layout_fasthtml_variations()\n \"Test carousel layout variations from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_carousel_navigation_fasthtml_examples()\n \"Test carousel with navigation examples from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\ncarousel # Carousel container\ncarousel_item # Carousel item\n```\n\n### chat bubble (`chat_bubble.ipynb`)\n\n> Chat bubbles are used to show one line of conversation and all its\n> data, including the author image, author name, time, etc.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.data_display.chat_bubble import (\n chat,\n chat_image,\n chat_header,\n chat_footer,\n chat_bubble,\n chat_placement,\n chat_bubble_colors,\n test_chat_basic_examples,\n test_chat_placement_examples,\n test_chat_bubble_colors_examples,\n test_chat_basic_fasthtml_examples,\n test_chat_with_image_fasthtml_examples,\n test_chat_with_header_footer_fasthtml_examples,\n test_chat_colors_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_chat_basic_examples()\n \"Test basic chat utilities.\"\n```\n\n``` python\ndef test_chat_placement_examples()\n \"Test chat placement utilities.\"\n```\n\n``` python\ndef test_chat_bubble_colors_examples()\n \"Test chat bubble color variants.\"\n```\n\n``` python\ndef test_chat_basic_fasthtml_examples()\n \"Test basic chat-start and chat-end from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_chat_with_image_fasthtml_examples()\n \"Test chat with image from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_chat_with_header_footer_fasthtml_examples()\n \"Test chat with image, header and footer from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_chat_colors_fasthtml_examples()\n \"Test chat bubble with colors from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\nchat # Chat container\nchat_image # Chat image\nchat_header # Chat header\nchat_footer # Chat footer\nchat_bubble # Chat bubble\nchat_bubble_colors # Chat bubble color variants\n```\n\n### checkbox (`checkbox.ipynb`)\n\n> Checkboxes are used to select or deselect a value.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.data_input.checkbox import (\n checkbox,\n checkbox_colors,\n checkbox_sizes,\n test_checkbox_basic_examples,\n test_checkbox_colors_examples,\n test_checkbox_sizes_examples,\n test_checkbox_basic_fasthtml_examples,\n test_checkbox_with_fieldset_fasthtml_examples,\n test_checkbox_sizes_fasthtml_examples,\n test_checkbox_colors_fasthtml_examples,\n test_checkbox_disabled_fasthtml_examples,\n test_checkbox_indeterminate_fasthtml_examples,\n test_checkbox_custom_colors_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_checkbox_basic_examples()\n \"Test basic checkbox utilities.\"\n```\n\n``` python\ndef test_checkbox_colors_examples()\n \"Test checkbox color variants.\"\n```\n\n``` python\ndef test_checkbox_sizes_examples()\n \"Test checkbox size variants.\"\n```\n\n``` python\ndef test_checkbox_basic_fasthtml_examples()\n \"Test basic checkbox example from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_checkbox_with_fieldset_fasthtml_examples()\n \"Test checkbox with fieldset and label from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_checkbox_sizes_fasthtml_examples()\n \"Test checkbox size variations from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_checkbox_colors_fasthtml_examples()\n \"Test checkbox color variations from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_checkbox_disabled_fasthtml_examples()\n \"Test disabled checkbox variations from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_checkbox_indeterminate_fasthtml_examples():\n \"\"\"Test indeterminate checkbox from daisyUI v5 documentation.\"\"\"\n from fasthtml.common import Input, Script, Div\n \n # Indeterminate checkbox (requires JavaScript to set the state)\n # Note: The indeterminate state must be set via JavaScript\n \"Test indeterminate checkbox from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_checkbox_custom_colors_fasthtml_examples()\n \"Test checkbox with custom colors from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\ncheckbox # Base checkbox component\ncheckbox_colors # Checkbox color variants\ncheckbox_sizes # Checkbox size variants\n```\n\n### DaisyUI CLI Configuration (`cli_config.ipynb`)\n\n> Configuration for the DaisyUI CLI tool\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.cli.cli_config import (\n get_daisyui_config\n)\n```\n\n#### Functions\n\n``` python\ndef get_daisyui_config() -> LibraryConfig\n \"\"\"\n Get configuration for cjm-fasthtml-daisyui library.\n \n This configuration defines:\n - Module discovery paths (components and builders)\n - Core utilities specific to DaisyUI\n - CLI command name\n - Import paths\n \"\"\"\n```\n\n### code mockup (`code.ipynb`)\n\n> Code mockup is used to show a block of code in a box that looks like a\n> code editor.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.mockup.code import (\n mockup_code,\n test_mockup_code_basic_examples,\n test_mockup_code_with_line_prefix_fasthtml_examples,\n test_mockup_code_multi_line_fasthtml_examples,\n test_mockup_code_highlighted_line_fasthtml_examples,\n test_mockup_code_long_line_fasthtml_examples,\n test_mockup_code_without_prefix_fasthtml_examples,\n test_mockup_code_with_color_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_mockup_code_basic_examples()\n \"Test basic mockup_code utilities.\"\n```\n\n``` python\ndef test_mockup_code_with_line_prefix_fasthtml_examples()\n \"Test mockup code with line prefix from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_mockup_code_multi_line_fasthtml_examples()\n \"Test multi-line mockup code from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_mockup_code_highlighted_line_fasthtml_examples()\n \"Test mockup code with highlighted line from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_mockup_code_long_line_fasthtml_examples()\n \"Test mockup code with long line that will scroll from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_mockup_code_without_prefix_fasthtml_examples()\n \"Test mockup code without prefix from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_mockup_code_with_color_fasthtml_examples()\n \"Test mockup code with custom color from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\nmockup_code # Base mockup code component\n```\n\n### collapse (`collapse.ipynb`)\n\n> Collapse is used for showing and hiding content.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.data_display.collapse import (\n collapse,\n collapse_title,\n collapse_content,\n collapse_modifiers,\n test_collapse_basic_examples,\n test_collapse_modifiers_examples,\n test_collapse_basic_fasthtml_examples,\n test_collapse_style_fasthtml_examples,\n test_collapse_state_fasthtml_examples,\n test_collapse_color_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_collapse_basic_examples()\n \"Test basic collapse utilities.\"\n```\n\n``` python\ndef test_collapse_modifiers_examples()\n \"Test collapse modifier utilities.\"\n```\n\n``` python\ndef test_collapse_basic_fasthtml_examples()\n \"Test basic collapse examples: focus, checkbox, and details/summary from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_collapse_style_fasthtml_examples()\n \"Test collapse style examples: without border/background, with arrow icon, with plus/minus icon from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_collapse_state_fasthtml_examples()\n \"Test collapse state examples: force open and force close from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_collapse_color_fasthtml_examples()\n \"Test collapse color examples: custom colors for focus and checkbox from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\ncollapse # Collapse container\ncollapse_title # Collapse title\ncollapse_content # Collapse content\n```\n\n### colors (`colors.ipynb`)\n\n> Semantic color system builders for daisyUI components\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.builders.colors import (\n SemanticColorValue,\n SemanticColorBrand,\n SemanticColorStatus,\n SemanticColorBase,\n SemanticColorContent,\n SemanticColor,\n is_valid_semantic_color,\n ColoredUtilityDaisyUI,\n ColoredFactoryDaisyUI,\n test_colors_semantic_enum_examples,\n test_colors_validation_examples,\n test_colors_factory_examples,\n test_colors_opacity_examples,\n test_colors_arbitrary_examples,\n test_colors_multiple_utilities_examples,\n test_colors_practical_usage_examples,\n test_colors_modifier_examples,\n get_all_semantic_colors,\n get_brand_colors,\n get_base_colors,\n get_status_colors\n)\n```\n\n#### Functions\n\n``` python\ndef is_valid_semantic_color(\n value: str # The value to check\n) -> bool: # True if value is a valid daisyUI semantic color\n \"Check if a value is a valid daisyUI semantic color.\"\n```\n\n``` python\ndef test_colors_semantic_enum_examples()\n \"Test semantic color enum.\"\n```\n\n``` python\ndef test_colors_validation_examples()\n \"Test semantic color validation functions.\"\n```\n\n``` python\ndef test_colors_factory_examples()\n \"Test ColoredFactoryDaisyUI with various semantic color specifications.\"\n```\n\n``` python\ndef test_colors_opacity_examples()\n \"Test opacity modifiers with semantic color utilities.\"\n```\n\n``` python\ndef test_colors_arbitrary_examples()\n \"Test arbitrary color values and custom properties.\"\n```\n\n``` python\ndef test_colors_multiple_utilities_examples()\n \"Test semantic color system with multiple utility types.\"\n```\n\n``` python\ndef test_colors_practical_usage_examples()\n \"Test practical usage patterns with FastHTML components.\"\n```\n\n``` python\ndef test_colors_modifier_examples()\n \"Test semantic color utilities with modifiers for conditional styling.\"\n```\n\n``` python\ndef get_all_semantic_colors() -> List[str]\n \"Get list of all daisyUI semantic color names.\"\n```\n\n``` python\ndef get_brand_colors() -> List[str]\n \"Get list of brand semantic colors.\"\n```\n\n``` python\ndef get_base_colors() -> List[str]\n \"Get list of base semantic colors.\"\n```\n\n``` python\ndef get_status_colors() -> List[str]\n \"Get list of status semantic colors.\"\n```\n\n#### Classes\n\n``` python\nclass SemanticColorBrand(str, Enum):\n \"daisyUI semantic brand color names.\"\n```\n\n``` python\nclass SemanticColorStatus(str, Enum):\n \"daisyUI semantic status color names.\"\n```\n\n``` python\nclass SemanticColorBase(str, Enum):\n \"daisyUI semantic base color names.\"\n```\n\n``` python\nclass SemanticColorContent(str, Enum):\n \"daisyUI semantic content color names.\"\n```\n\n``` python\nclass SemanticColor(str, Enum):\n \"daisyUI semantic color names.\"\n```\n\n``` python\nclass ColoredUtilityDaisyUI:\n def __init__(\n self,\n prefix: str, # The utility prefix (e.g., 'bg', 'text', 'border')\n color: Optional[SemanticColorValue] = None, # The semantic color value\n opacity: Optional[Union[int, str]] = None # Optional opacity value (0-100 or arbitrary)\n )\n \"Utility class with daisyUI semantic color and opacity support.\"\n \n def __init__(\n self,\n prefix: str, # The utility prefix (e.g., 'bg', 'text', 'border')\n color: Optional[SemanticColorValue] = None, # The semantic color value\n opacity: Optional[Union[int, str]] = None # Optional opacity value (0-100 or arbitrary)\n )\n \"Initialize with prefix, optional semantic color, and optional opacity.\"\n \n def opacity(\n self,\n value: Union[int, str] # Opacity value (0-100 or arbitrary)\n ) -> 'ColoredUtilityDaisyUI': # A new instance with opacity set\n \"Return a new ColoredUtilityDaisyUI instance with opacity value.\"\n```\n\n``` python\nclass ColoredFactoryDaisyUI:\n def __init__(\n self,\n prefix: str, # The utility prefix (e.g., 'bg', 'text', 'border')\n doc: Optional[str] = None # Optional documentation string\n )\n \"Factory for creating daisyUI semantic color-based utilities.\"\n \n def __init__(\n self,\n prefix: str, # The utility prefix (e.g., 'bg', 'text', 'border')\n doc: Optional[str] = None # Optional documentation string\n )\n \"Initialize factory with prefix and documentation.\"\n \n def get_info(\n self\n ) -> Dict[str, Any]: # Dictionary with factory information\n \"Get detailed information about this semantic color factory.\"\n```\n\n### countdown (`countdown.ipynb`)\n\n> Countdown gives you a transition effect when you change a number\n> between 0 to 99.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.data_display.countdown import (\n countdown,\n test_countdown_basic_examples,\n test_countdown_basic_fasthtml_examples,\n test_countdown_clock_fasthtml_examples,\n test_countdown_labels_fasthtml_examples,\n test_countdown_boxes_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_countdown_basic_examples()\n \"Test basic countdown utilities.\"\n```\n\n``` python\ndef test_countdown_basic_fasthtml_examples()\n \"Test basic countdown and large text from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_countdown_clock_fasthtml_examples()\n \"Test clock countdown and clock countdown with colons from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_countdown_labels_fasthtml_examples()\n \"Test large text with labels and labels under from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_countdown_boxes_fasthtml_examples()\n \"Test countdown in boxes from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\ncountdown # Countdown wrapper\n```\n\n### diff (`diff.ipynb`)\n\n> Diff component shows a side-by-side comparison of two items.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.data_display.diff import (\n diff,\n diff_item_1,\n diff_item_2,\n diff_resizer,\n test_diff_basic_examples,\n test_diff_basic_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_diff_basic_examples()\n \"Test basic diff utilities.\"\n```\n\n``` python\ndef test_diff_basic_fasthtml_examples()\n \"Test basic diff and diff text from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\ndiff # Diff container\ndiff_item_1 # First item\ndiff_item_2 # Second item\ndiff_resizer # Resizer control\n```\n\n### divider (`divider.ipynb`)\n\n> Divider will be used to separate content vertically or horizontally.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.layout.divider import (\n divider,\n divider_colors,\n divider_directions,\n divider_placement,\n DividerDirection,\n DividerPlacement,\n test_divider_basic_examples,\n test_divider_colors_examples,\n test_divider_directions_examples,\n test_divider_placement_examples,\n test_divider_basic_fasthtml_examples,\n test_divider_horizontal_fasthtml_examples,\n test_divider_responsive_fasthtml_examples,\n test_divider_colors_fasthtml_examples,\n test_divider_positions_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_divider_basic_examples()\n \"Test basic divider utilities.\"\n```\n\n``` python\ndef test_divider_colors_examples()\n \"Test divider color variants.\"\n```\n\n``` python\ndef test_divider_directions_examples()\n \"Test divider directions variants.\"\n```\n\n``` python\ndef test_divider_placement_examples()\n \"Test divider placement variants.\"\n```\n\n``` python\ndef test_divider_basic_fasthtml_examples()\n \"Test basic divider and divider with no text from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_divider_horizontal_fasthtml_examples()\n \"Test horizontal divider from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_divider_responsive_fasthtml_examples()\n \"Test responsive divider (lg:divider-horizontal) from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_divider_colors_fasthtml_examples()\n \"Test divider with colors from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_divider_positions_fasthtml_examples()\n \"Test divider in different positions (vertical and horizontal) from daisyUI v5 documentation.\"\n```\n\n#### Classes\n\n``` python\nclass DividerDirection(str, Enum):\n```\n\n``` python\nclass DividerPlacement(str, Enum):\n```\n\n#### Variables\n\n``` python\ndivider # Base divider component\ndivider_colors # divider color variants\ndivider_directions # divider directions\ndivider_placement # divider directions\n```\n\n### dock (`dock.ipynb`)\n\n> Dock (also know as Bottom navigation or Bottom bar) is a UI element\n> that provides navigation options to the user. Dock sticks to the\n> bottom of the screen.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.navigation.dock import (\n dock,\n dock_label,\n dock_modifiers,\n dock_sizes,\n test_dock_basic_examples,\n test_dock_modifiers_examples,\n test_dock_sizes_examples,\n test_dock_basic_fasthtml_examples,\n test_dock_sizes_fasthtml_examples,\n test_dock_custom_colors_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_dock_basic_examples()\n \"Test basic dock utilities.\"\n```\n\n``` python\ndef test_dock_modifiers_examples()\n \"Test dock modifier utilities.\"\n```\n\n``` python\ndef test_dock_sizes_examples()\n \"Test dock size variants.\"\n```\n\n``` python\ndef test_dock_basic_fasthtml_examples()\n \"Test basic dock example from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_dock_sizes_fasthtml_examples()\n \"Test dock size variations from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_dock_custom_colors_fasthtml_examples()\n \"Test dock with custom colors from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\ndock # Base dock component\ndock_label # Dock label\ndock_sizes # Dock size variants\n```\n\n### drawer (`drawer.ipynb`)\n\n> Drawer is a grid layout that can show/hide a sidebar on the left or\n> right side of the page.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.layout.drawer import (\n drawer,\n drawer_toggle,\n drawer_content,\n drawer_side,\n drawer_overlay,\n drawer_placement,\n drawer_modifiers,\n DrawerPlacement,\n DrawerModifier,\n test_drawer_basic_examples,\n test_drawer_placement_examples,\n test_drawer_modifier_examples,\n test_drawer_basic_fasthtml_examples,\n test_drawer_navbar_mobile_fasthtml_examples,\n test_drawer_responsive_fasthtml_examples,\n test_drawer_end_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_drawer_basic_examples()\n \"Test basic drawer utilities.\"\n```\n\n``` python\ndef test_drawer_placement_examples()\n \"Test drawer placement variants.\"\n```\n\n``` python\ndef test_drawer_modifier_examples()\n \"Test drawer modifier variants.\"\n```\n\n``` python\ndef test_drawer_basic_fasthtml_examples()\n \"Test basic drawer example from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_drawer_navbar_mobile_fasthtml_examples()\n \"Test navbar menu for desktop + sidebar drawer for mobile from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_drawer_responsive_fasthtml_examples()\n \"Test responsive drawer from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_drawer_end_fasthtml_examples()\n \"Test drawer that opens from right side of page from daisyUI v5 documentation.\"\n```\n\n#### Classes\n\n``` python\nclass DrawerPlacement(str, Enum):\n```\n\n``` python\nclass DrawerModifier(str, Enum):\n```\n\n#### Variables\n\n``` python\ndrawer # Base drawer component\ndrawer_toggle # Drawer toggle part\ndrawer_content # Drawer content part\ndrawer_side # Drawer sidbar part\ndrawer_overlay # Drawer overlay part\ndrawer_placement # drawer placement\ndrawer_modifiers # drawer modifiers\n```\n\n### dropdown (`dropdown.ipynb`)\n\n> Dropdown can open a menu or any other element when the button is\n> clicked.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.actions.dropdown import (\n dropdown,\n dropdown_content,\n dropdown_placement,\n dropdown_modifiers,\n test_dropdown_basic_examples,\n test_dropdown_placement_examples,\n test_dropdown_modifiers_examples,\n test_dropdown_basic_fasthtml_examples,\n test_dropdown_placement_fasthtml_examples,\n test_dropdown_hover_and_state_fasthtml_examples,\n test_dropdown_content_variations_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_dropdown_basic_examples()\n \"Test basic dropdown utilities.\"\n```\n\n``` python\ndef test_dropdown_placement_examples()\n \"Test dropdown placement options.\"\n```\n\n``` python\ndef test_dropdown_modifiers_examples()\n \"Test dropdown modifier utilities.\"\n```\n\n``` python\ndef test_dropdown_basic_fasthtml_examples()\n \"Test basic dropdown implementations including details/summary and popover API.\"\n```\n\n``` python\ndef test_dropdown_placement_fasthtml_examples():\n \"\"\"Test dropdown placement variations for all positions.\"\"\"\n from fasthtml.common import Div, Ul, Li, A\n from cjm_fasthtml_tailwind.core.base import combine_classes\n from cjm_fasthtml_tailwind.utilities.spacing import m, p\n from cjm_fasthtml_tailwind.utilities.layout import z\n from cjm_fasthtml_tailwind.utilities.sizing import w\n from cjm_fasthtml_tailwind.utilities.effects import shadow\n from cjm_fasthtml_daisyui.utilities.semantic_colors import bg_dui\n from cjm_fasthtml_daisyui.utilities.border_radius import border_radius\n from cjm_fasthtml_daisyui.components.actions.button import btn\n from cjm_fasthtml_daisyui.components.navigation.menu import menu\n \n # Helper function to create dropdown content\n def create_dropdown_content()\n \"Test dropdown placement variations for all positions.\"\n```\n\n``` python\ndef test_dropdown_hover_and_state_fasthtml_examples()\n \"Test dropdown hover behavior and force open state.\"\n```\n\n``` python\ndef test_dropdown_content_variations_fasthtml_examples()\n \"Test dropdown with different content types including cards and navbar integration.\"\n```\n\n#### Variables\n\n``` python\ndropdown # Dropdown container\ndropdown_content # Dropdown content\n```\n\n### DaisyUI Explorer (`explorer.ipynb`)\n\n> CLI tool for exploring cjm-fasthtml-daisyui components and builders\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.cli.explorer import (\n initialize_daisyui_cli,\n setup_argument_parser,\n main\n)\n```\n\n#### Functions\n\n``` python\ndef initialize_daisyui_cli()\n \"Initialize the CLI with DaisyUI configuration.\"\n```\n\n``` python\ndef setup_argument_parser(\n config: Optional[LibraryConfig] = None # Optional configuration to use\n): # TODO: Add type hint\n \"Set up the main argument parser with all subcommands.\"\n```\n\n``` python\ndef main():\n \"\"\"CLI entry point for exploring cjm-fasthtml-daisyui components.\"\"\"\n # Initialize with DaisyUI configuration\n initialize_daisyui_cli();\n \n # Set up the argument parser (will use DaisyUI config)\n parser = setup_argument_parser()\n \n # Parse arguments\n args = parser.parse_args()\n \n # If no command specified, show help\n if args.command is None\n \"CLI entry point for exploring cjm-fasthtml-daisyui components.\"\n```\n\n### fieldset (`fieldset.ipynb`)\n\n> Fieldset is a container for grouping related form elements. It\n> includes fieldset-legend as a title and label as a description.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.data_input.fieldset import (\n fieldset,\n label,\n fieldset_legend,\n test_fieldset_basic_examples,\n test_fieldset_basic_fasthtml_examples,\n test_fieldset_with_background_fasthtml_examples,\n test_fieldset_multiple_inputs_fasthtml_examples,\n test_fieldset_join_items_fasthtml_examples,\n test_fieldset_login_form_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_fieldset_basic_examples()\n \"Test basic fieldset utilities.\"\n```\n\n``` python\ndef test_fieldset_basic_fasthtml_examples()\n \"Test basic fieldset with legend and label from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_fieldset_with_background_fasthtml_examples()\n \"Test fieldset with background and border from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_fieldset_multiple_inputs_fasthtml_examples()\n \"Test fieldset with multiple inputs from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_fieldset_join_items_fasthtml_examples()\n \"Test fieldset with multiple join items from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_fieldset_login_form_fasthtml_examples()\n \"Test login form with fieldset from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\nfieldset # Base fieldset component\nlabel # Base label component\nfieldset_legend # fieldset legend part\n```\n\n### file input (`file_input.ipynb`)\n\n> File Input is a an input field for uploading files.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.data_input.file_input import (\n file_input,\n file_input_styles,\n file_input_colors,\n file_input_sizes,\n test_file_input_basic_examples,\n test_file_input_styles_examples,\n test_file_input_colors_examples,\n test_file_input_sizes_examples,\n test_file_input_basic_fasthtml_examples,\n test_file_input_with_fieldset_fasthtml_examples,\n test_file_input_sizes_fasthtml_examples,\n test_file_input_colors_fasthtml_examples,\n test_file_input_states_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_file_input_basic_examples()\n \"Test basic file_input utilities.\"\n```\n\n``` python\ndef test_file_input_styles_examples()\n \"Test file_input style variants.\"\n```\n\n``` python\ndef test_file_input_colors_examples()\n \"Test file_input color variants.\"\n```\n\n``` python\ndef test_file_input_sizes_examples()\n \"Test file_input size variants.\"\n```\n\n``` python\ndef test_file_input_basic_fasthtml_examples()\n \"Test basic file input and ghost style from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_file_input_with_fieldset_fasthtml_examples()\n \"Test file input with fieldset and label from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_file_input_sizes_fasthtml_examples()\n \"Test file input size variations from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_file_input_colors_fasthtml_examples()\n \"Test file input color variations from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_file_input_states_fasthtml_examples()\n \"Test disabled file input from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\nfile_input # Base file input component\nfile_input_styles # File input style variants\nfile_input_colors # File input color variants\nfile_input_sizes # File input size variants\n```\n\n### filter (`filter.ipynb`)\n\n> Filter is a group of radio buttons. Choosing one of the options will\n> hide the others and shows a reset button next to the chosen option.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.data_input.filter import (\n filter_dui,\n filter_dui_reset,\n test_filter_basic_examples,\n test_filter_with_form_fasthtml_examples,\n test_filter_without_form_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_filter_basic_examples()\n \"Test basic filter utilities.\"\n```\n\n``` python\ndef test_filter_with_form_fasthtml_examples()\n \"Test filter using HTML form, radio buttons and reset button from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_filter_without_form_fasthtml_examples()\n \"Test filter without HTML form from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\nfilter_dui # Base filter component\nfilter_dui_reset # Filter reset part\n```\n\n### footer (`footer.ipynb`)\n\n> Footer can contain logo, copyright notice, and links to other pages.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.layout.footer import (\n footer,\n footer_title,\n footer_placement,\n footer_directions,\n FooterPlacement,\n FooterDirection,\n test_footer_basic_examples,\n test_footer_placement_examples,\n test_footer_directions_examples,\n test_footer_basic_fasthtml_examples,\n test_footer_with_logo_fasthtml_examples,\n test_footer_with_form_fasthtml_examples,\n test_footer_with_social_icons_fasthtml_examples,\n test_footer_copyright_fasthtml_examples,\n test_footer_copyright_with_icons_fasthtml_examples,\n test_footer_with_links_and_social_fasthtml_examples,\n test_footer_centered_with_logo_fasthtml_examples,\n test_footer_with_two_rows_fasthtml_examples,\n test_footer_centered_with_social_fasthtml_examples,\n test_footer_two_stacked_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_footer_basic_examples()\n \"Test basic footer utilities.\"\n```\n\n``` python\ndef test_footer_placement_examples()\n \"Test footer placement variants.\"\n```\n\n``` python\ndef test_footer_directions_examples()\n \"Test footer directions variants.\"\n```\n\n``` python\ndef test_footer_basic_fasthtml_examples()\n \"Test basic footer with navigation sections from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_footer_with_logo_fasthtml_examples()\n \"Test footer with logo section from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_footer_with_form_fasthtml_examples()\n \"Test footer with newsletter form from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_footer_with_social_icons_fasthtml_examples()\n \"Test footer with social icons from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_footer_copyright_fasthtml_examples()\n \"Test footer with copyright text from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_footer_copyright_with_icons_fasthtml_examples()\n \"Test footer with copyright text and social icons from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_footer_with_links_and_social_fasthtml_examples()\n \"Test footer with links and social icons from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_footer_centered_with_logo_fasthtml_examples()\n \"Test centered footer with logo and social icons from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_footer_with_two_rows_fasthtml_examples()\n \"Test footer with 2 rows from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_footer_centered_with_social_fasthtml_examples()\n \"Test centered footer with social icons from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_footer_two_stacked_fasthtml_examples()\n \"Test two stacked footers from daisyUI v5 documentation.\"\n```\n\n#### Classes\n\n``` python\nclass FooterPlacement(str, Enum):\n```\n\n``` python\nclass FooterDirection(str, Enum):\n```\n\n#### Variables\n\n``` python\nfooter # Base footer component\nfooter_title # footer title part\nfooter_placement # footer placement\nfooter_directions # footer directions\n```\n\n### Glass Effect Utility (`glass.ipynb`)\n\n> The glass utility creates a glass morphism effect on elements:\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.utilities.glass import (\n glass,\n test_glass_basic_examples,\n test_glass_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_glass_basic_examples()\n \"Test glass morphism effect utility.\"\n```\n\n``` python\ndef test_glass_fasthtml_examples()\n \"Test practical usage patterns with FastHTML components.\"\n```\n\n#### Variables\n\n``` python\nglass # Glass morphism effect\n```\n\n### hero (`hero.ipynb`)\n\n> Hero is a component for displaying a large box or image with a title\n> and description.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.layout.hero import (\n hero,\n hero_content,\n hero_overlay,\n test_hero_basic_examples,\n test_hero_centered_fasthtml_examples,\n test_hero_with_figure_fasthtml_examples,\n test_hero_with_form_fasthtml_examples,\n test_hero_with_overlay_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_hero_basic_examples()\n \"Test basic hero utilities.\"\n```\n\n``` python\ndef test_hero_centered_fasthtml_examples()\n \"Test centered hero example from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_hero_with_figure_fasthtml_examples()\n \"Test hero with figure examples from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_hero_with_form_fasthtml_examples()\n \"Test hero with form example from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_hero_with_overlay_fasthtml_examples()\n \"Test hero with overlay image example from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\nhero # Base hero component\nhero_content # Hero content part\nhero_overlay # Hero overlay part\n```\n\n### indicator (`indicator.ipynb`)\n\n> Indicators are used to place an element on the corner of another\n> element.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.layout.indicator import (\n indicator,\n indicator_item,\n indicator_placement,\n IndicatorPlacement,\n test_indicator_basic_examples,\n test_indicator_placement_examples,\n test_indicator_basic_fasthtml_examples,\n test_indicator_for_components_fasthtml_examples,\n test_indicator_card_fasthtml_examples,\n test_indicator_image_overlay_fasthtml_examples,\n test_indicator_positions_fasthtml_examples,\n test_indicator_multiple_fasthtml_examples,\n test_indicator_responsive_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_indicator_basic_examples()\n \"Test basic indicator utilities.\"\n```\n\n``` python\ndef test_indicator_placement_examples()\n \"Test indicator placement options.\"\n```\n\n``` python\ndef test_indicator_basic_fasthtml_examples()\n \"Test basic indicator examples from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_indicator_for_components_fasthtml_examples()\n \"Test indicator with various components from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_indicator_card_fasthtml_examples()\n \"Test button as indicator for card from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_indicator_image_overlay_fasthtml_examples()\n \"Test indicator in center of image from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_indicator_positions_fasthtml_examples():\n \"\"\"Test all indicator position combinations from daisyUI v5 documentation.\"\"\"\n from fasthtml.common import Div, Span\n from cjm_fasthtml_tailwind.utilities.sizing import h, w\n from cjm_fasthtml_tailwind.utilities.flexbox_and_grid import place_items, grid_display\n from cjm_fasthtml_tailwind.utilities.layout import display_tw\n from cjm_fasthtml_daisyui.utilities.semantic_colors import bg_dui\n from cjm_fasthtml_daisyui.components.data_display.badge import badge, badge_colors\n from cjm_fasthtml_daisyui.components.layout.divider import divider, divider_directions\n \n # Helper function to create indicator box\n def create_indicator_box(*position_classes)\n \"Test all indicator position combinations from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_indicator_multiple_fasthtml_examples()\n \"Test multiple indicators from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_indicator_responsive_fasthtml_examples()\n \"Test responsive indicator from daisyUI v5 documentation.\"\n```\n\n#### Classes\n\n``` python\nclass IndicatorPlacement(str, Enum):\n```\n\n#### Variables\n\n``` python\nindicator # Base indicator component\nindicator_item # Indicator item part\nindicator_placement # indicator directions\n```\n\n### join (`join.ipynb`)\n\n> Join is a container for grouping multiple items, it can be used to\n> group buttons, inputs, etc. Join applies border radius to the first\n> and last item. Join can be used to create a horizontal or vertical\n> list of items.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.layout.join import (\n join,\n join_item,\n join_directions,\n JoinDirection,\n test_join_basic_examples,\n test_join_directions_examples,\n test_join_basic_fasthtml_examples,\n test_join_vertical_fasthtml_examples,\n test_join_responsive_fasthtml_examples,\n test_join_with_extra_elements_fasthtml_examples,\n test_join_custom_border_fasthtml_examples,\n test_join_radio_inputs_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_join_basic_examples()\n \"Test basic join utilities.\"\n```\n\n``` python\ndef test_join_directions_examples()\n \"Test join directions variants.\"\n```\n\n``` python\ndef test_join_basic_fasthtml_examples():\n \"\"\"Test basic join example from daisyUI v5 documentation.\"\"\"\n from fasthtml.common import Button, Div\n from cjm_fasthtml_daisyui.components.actions.button import btn\n \n # Basic join with buttons\n basic_join = Div(\n Button(\"Button\", cls=combine_classes(btn, join_item)),\n Button(\"Button\", cls=combine_classes(btn, join_item)),\n Button(\"Button\", cls=combine_classes(btn, join_item)),\n cls=str(join)\n )\n \n # Verify structure\n assert basic_join.tag == \"div\"\n assert basic_join.attrs['class'] == \"join\"\n \n # Verify all buttons\n assert len(basic_join.children) == 3\n for i, button in enumerate(basic_join.children)\n \"Test basic join example from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_join_vertical_fasthtml_examples()\n \"Test vertical join example from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_join_responsive_fasthtml_examples()\n \"Test responsive join example from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_join_with_extra_elements_fasthtml_examples()\n \"Test join with extra elements from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_join_custom_border_fasthtml_examples()\n \"Test join with custom border radius from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_join_radio_inputs_fasthtml_examples():\n \"\"\"Test join with radio inputs styled as buttons from daisyUI v5 documentation.\"\"\"\n from fasthtml.common import Div, Input\n from cjm_fasthtml_daisyui.components.actions.button import btn\n \n # Join with radio inputs styled as buttons\n radio_join = Div(\n Input(type=\"radio\", name=\"options\", aria_label=\"Radio 1\", cls=combine_classes(join_item, btn)),\n Input(type=\"radio\", name=\"options\", aria_label=\"Radio 2\", cls=combine_classes(join_item, btn)),\n Input(type=\"radio\", name=\"options\", aria_label=\"Radio 3\", cls=combine_classes(join_item, btn)),\n cls=str(join)\n )\n \n # Verify structure\n assert radio_join.tag == \"div\"\n assert radio_join.attrs['class'] == \"join\"\n assert len(radio_join.children) == 3\n \n # Verify all radio inputs\n for i, radio in enumerate(radio_join.children, 1)\n \"Test join with radio inputs styled as buttons from daisyUI v5 documentation.\"\n```\n\n#### Classes\n\n``` python\nclass JoinDirection(str, Enum):\n```\n\n#### Variables\n\n``` python\njoin # Base join component\njoin_item # Join item component\njoin_directions # join directions\n```\n\n### kbd (`kbd.ipynb`)\n\n> Kbd is used to display keyboard shortcuts.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.data_display.kbd import (\n kbd,\n kbd_sizes,\n test_kbd_basic_examples,\n test_kbd_sizes_examples,\n test_kbd_basic_fasthtml_examples,\n test_kbd_combination_fasthtml_examples,\n test_kbd_keyboard_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_kbd_basic_examples()\n \"Test basic kbd utilities.\"\n```\n\n``` python\ndef test_kbd_sizes_examples()\n \"Test kbd size variants.\"\n```\n\n``` python\ndef test_kbd_basic_fasthtml_examples()\n \"Test basic kbd and sizes from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_kbd_combination_fasthtml_examples()\n \"Test key combinations and function keys from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_kbd_keyboard_fasthtml_examples()\n \"Test full keyboard and arrow keys from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\nkbd # Kbd component\nkbd_sizes # Kbd size variants\n```\n\n### label (`label.ipynb`)\n\n> Label is used to provide a name or title for an input field. Label can\n> be placed before or after the field.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.data_input.label import (\n label,\n floating_label,\n test_label_basic_examples,\n test_label_for_input_fasthtml_examples,\n test_label_for_select_and_date_fasthtml_examples,\n test_floating_label_fasthtml_examples,\n test_floating_label_sizes_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_label_basic_examples()\n \"Test basic label utilities.\"\n```\n\n``` python\ndef test_label_for_input_fasthtml_examples()\n \"Test label for input examples from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_label_for_select_and_date_fasthtml_examples()\n \"Test label for select and date input examples from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_floating_label_fasthtml_examples()\n \"Test floating label example from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_floating_label_sizes_fasthtml_examples()\n \"Test floating label with different sizes from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\nlabel # Base label component\nfloating_label # Base floating label component\n```\n\n### link (`link.ipynb`)\n\n> Link adds the missing underline style to links.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.navigation.link import (\n link,\n link_styles,\n link_colors,\n LinkStyle,\n test_link_basic_examples,\n test_link_styles_examples,\n test_link_colors_examples,\n test_link_basic_fasthtml_examples,\n test_link_colors_fasthtml_examples,\n test_link_hover_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_link_basic_examples()\n \"Test basic link utilities.\"\n```\n\n``` python\ndef test_link_styles_examples()\n \"Test link style variants.\"\n```\n\n``` python\ndef test_link_colors_examples()\n \"Test link color variants.\"\n```\n\n``` python\ndef test_link_basic_fasthtml_examples()\n \"Test basic link examples from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_link_colors_fasthtml_examples()\n \"Test link color variations from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_link_hover_fasthtml_examples()\n \"Test link hover style from daisyUI v5 documentation.\"\n```\n\n#### Classes\n\n``` python\nclass LinkStyle(str, Enum):\n```\n\n#### Variables\n\n``` python\nlink # Link component\nlink_styles # Link style variants\nlink_colors # Link color variants\n```\n\n### list (`list.ipynb`)\n\n> List is a vertical layout to display information in rows.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.data_display.list import (\n list_ui,\n list_row,\n list_modifiers,\n test_list_basic_examples,\n test_list_modifiers_examples,\n test_list_basic_fasthtml_examples,\n test_list_column_grow_fasthtml_examples,\n test_list_column_wrap_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_list_basic_examples()\n \"Test basic list utilities.\"\n```\n\n``` python\ndef test_list_modifiers_examples()\n \"Test list modifier utilities.\"\n```\n\n``` python\ndef test_list_basic_fasthtml_examples()\n \"Test basic list example: second column grows (default behavior) from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_list_column_grow_fasthtml_examples()\n \"Test list example: third column grows from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_list_column_wrap_fasthtml_examples()\n \"Test list example: third column wraps to next row from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\nlist_ui # List container\nlist_row # List row\n```\n\n### loading (`loading.ipynb`)\n\n> Loading shows an animation to indicate that something is loading.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.feedback.loading import (\n loading,\n loading_styles,\n loading_sizes,\n LoadingStyle,\n test_loading_basic_examples,\n test_loading_styles_examples,\n test_loading_sizes_examples,\n test_loading_spinner_fasthtml_examples,\n test_loading_dots_fasthtml_examples,\n test_loading_ring_fasthtml_examples,\n test_loading_ball_fasthtml_examples,\n test_loading_bars_fasthtml_examples,\n test_loading_infinity_fasthtml_examples,\n test_loading_with_colors_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_loading_basic_examples()\n \"Test basic loading utilities.\"\n```\n\n``` python\ndef test_loading_styles_examples()\n \"Test loading style variants.\"\n```\n\n``` python\ndef test_loading_sizes_examples()\n \"Test loading size variants.\"\n```\n\n``` python\ndef test_loading_spinner_fasthtml_examples()\n \"Test loading spinner with all sizes from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_loading_dots_fasthtml_examples()\n \"Test loading dots with all sizes from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_loading_ring_fasthtml_examples()\n \"Test loading ring with all sizes from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_loading_ball_fasthtml_examples()\n \"Test loading ball with all sizes from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_loading_bars_fasthtml_examples()\n \"Test loading bars with all sizes from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_loading_infinity_fasthtml_examples()\n \"Test loading infinity with all sizes from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_loading_with_colors_fasthtml_examples()\n \"Test loading with colors from daisyUI v5 documentation.\"\n```\n\n#### Classes\n\n``` python\nclass LoadingStyle(str, Enum):\n```\n\n#### Variables\n\n``` python\nloading # Base loading component\nloading_styles # Loading styles\nloading_sizes # Loading size variants\n```\n\n### mask (`mask.ipynb`)\n\n> Mask crops the content of the element to common shapes.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.layout.mask import (\n mask,\n mask_styles,\n mask_modifiers,\n MaskStyle,\n MaskModifier,\n test_mask_basic_examples,\n test_mask_styles_examples,\n test_mask_modifiers_examples,\n test_mask_squircle_heart_hexagon_fasthtml_examples,\n test_mask_hexagon2_decagon_pentagon_fasthtml_examples,\n test_mask_diamond_square_circle_fasthtml_examples,\n test_mask_star_variations_fasthtml_examples,\n test_mask_triangle_variations_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_mask_basic_examples()\n \"Test basic mask utilities.\"\n```\n\n``` python\ndef test_mask_styles_examples()\n \"Test mask style variants.\"\n```\n\n``` python\ndef test_mask_modifiers_examples()\n \"Test mask modifier utilities.\"\n```\n\n``` python\ndef test_mask_squircle_heart_hexagon_fasthtml_examples()\n \"Test mask with squircle, heart, and hexagon shapes from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_mask_hexagon2_decagon_pentagon_fasthtml_examples()\n \"Test mask with hexagon-2, decagon, and pentagon shapes from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_mask_diamond_square_circle_fasthtml_examples()\n \"Test mask with diamond, square, and circle shapes from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_mask_star_variations_fasthtml_examples()\n \"Test mask with star and star-2 shapes from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_mask_triangle_variations_fasthtml_examples()\n \"Test mask with triangle variations from daisyUI v5 documentation.\"\n```\n\n#### Classes\n\n``` python\nclass MaskStyle(str, Enum):\n```\n\n``` python\nclass MaskModifier(str, Enum):\n```\n\n#### Variables\n\n``` python\nmask # Base mask component\nmask_styles # mask style variants\nmask_modifiers # mask modifiers\n```\n\n### menu (`menu.ipynb`)\n\n> Menu is used to display a list of links vertically or horizontally.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.navigation.menu import (\n menu,\n menu_title,\n menu_dropdown,\n menu_dropdown_toggle,\n menu_modifiers,\n menu_sizes,\n menu_directions,\n test_menu_basic_examples,\n test_menu_modifiers_examples,\n test_menu_sizes_examples,\n test_menu_directions_examples,\n test_menu_basic_fasthtml_examples,\n test_menu_responsive_fasthtml_examples,\n test_menu_icons_fasthtml_examples,\n test_menu_sizes_fasthtml_examples,\n test_menu_with_title_fasthtml_examples,\n test_menu_submenu_fasthtml_examples,\n test_menu_states_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_menu_basic_examples()\n \"Test basic menu utilities.\"\n```\n\n``` python\ndef test_menu_modifiers_examples()\n \"Test menu modifier utilities.\"\n```\n\n``` python\ndef test_menu_sizes_examples()\n \"Test menu size variants.\"\n```\n\n``` python\ndef test_menu_directions_examples()\n \"Test menu direction utilities.\"\n```\n\n``` python\ndef test_menu_basic_fasthtml_examples()\n \"Test basic menu from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_menu_responsive_fasthtml_examples():\n \"\"\"Test responsive menu and horizontal menu from daisyUI v5 documentation.\"\"\"\n from fasthtml.common import Ul, Li, A, Div\n from cjm_fasthtml_tailwind.utilities.borders import rounded\n from cjm_fasthtml_daisyui.utilities.semantic_colors import bg_dui\n \n # Responsive: vertical on small screen, horizontal on large screen\n \"Test responsive menu and horizontal menu from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_menu_icons_fasthtml_examples()\n \"Test menu with icons from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_menu_sizes_fasthtml_examples()\n \"Test menu sizes from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_menu_with_title_fasthtml_examples()\n \"Test menu with title from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_menu_submenu_fasthtml_examples()\n \"Test submenu examples from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_menu_states_fasthtml_examples()\n \"Test menu states and modifiers from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\nmenu # Base menu component\nmenu_title # Menu title part\nmenu_dropdown # Menu dropdown part\nmenu_dropdown_toggle # Menu dropdown toggle part\nmenu_sizes # Menu size variants\n```\n\n### modal (`modal.ipynb`)\n\n> Modal is used to show a dialog or a box when you click a button.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.actions.modal import (\n modal,\n modal_box,\n modal_action,\n modal_backdrop,\n modal_toggle,\n modal_placement,\n modal_open,\n test_modal_basic_examples,\n test_modal_placement_examples,\n test_modal_dialog_fasthtml_examples,\n test_modal_checkbox_fasthtml_examples,\n test_modal_anchor_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_modal_basic_examples()\n \"Test basic modal utilities.\"\n```\n\n``` python\ndef test_modal_placement_examples()\n \"Test modal placement options.\"\n```\n\n``` python\ndef test_modal_dialog_fasthtml_examples()\n \"Test modal examples using HTML dialog element (recommended method).\"\n```\n\n``` python\ndef test_modal_checkbox_fasthtml_examples()\n \"Test modal examples using checkbox method (legacy).\"\n```\n\n``` python\ndef test_modal_anchor_fasthtml_examples()\n \"Test modal examples using anchor links (legacy method).\"\n```\n\n#### Variables\n\n``` python\nmodal # Modal container\nmodal_box # Modal content box\nmodal_action # Modal actions\nmodal_backdrop # Modal backdrop\nmodal_toggle # Modal toggle\nmodal_open # Modal open state\n```\n\n### navbar (`navbar.ipynb`)\n\n> Navbar is used to show a navigation bar on the top of the page..\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.navigation.navbar import (\n navbar,\n navbar_start,\n navbar_center,\n navbar_end,\n test_navbar_basic_examples,\n test_navbar_title_only_fasthtml_examples,\n test_navbar_with_title_and_icon_fasthtml_examples,\n test_navbar_with_icons_fasthtml_examples,\n test_navbar_with_menu_fasthtml_examples,\n test_navbar_with_search_and_dropdown_fasthtml_examples,\n test_navbar_with_icon_indicator_and_dropdown_fasthtml_examples,\n test_navbar_with_dropdown_center_logo_fasthtml_examples,\n test_navbar_responsive_fasthtml_examples,\n test_navbar_colors_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_navbar_basic_examples()\n \"Test basic navbar utilities.\"\n```\n\n``` python\ndef test_navbar_title_only_fasthtml_examples()\n \"Test navbar with title only from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_navbar_with_title_and_icon_fasthtml_examples()\n \"Test navbar with title and icon from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_navbar_with_icons_fasthtml_examples()\n \"Test navbar with icon at start and end from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_navbar_with_menu_fasthtml_examples()\n \"Test navbar with menu and submenu from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_navbar_with_search_and_dropdown_fasthtml_examples()\n \"Test navbar with search input and dropdown from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_navbar_with_icon_indicator_and_dropdown_fasthtml_examples()\n \"Test navbar with icon, indicator and dropdown from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_navbar_with_dropdown_center_logo_fasthtml_examples()\n \"Test navbar with dropdown, center logo and icon from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_navbar_responsive_fasthtml_examples()\n \"Test responsive navbar from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_navbar_colors_fasthtml_examples()\n \"Test navbar with colors from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\nnavbar # Base navbar component\nnavbar_start # Navbar start part\nnavbar_center # Navbar center part\nnavbar_end # Navbar end part\n```\n\n### pagination (`pagination.ipynb`)\n\n> Pagination is a group of buttons that allow the user to navigate\n> between a set of related content.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.navigation.pagination import (\n test_pagination_basic_examples,\n test_pagination_directions_examples,\n test_pagination_basic_fasthtml_examples,\n test_pagination_sizes_fasthtml_examples,\n test_pagination_disabled_fasthtml_examples,\n test_pagination_extra_small_fasthtml_examples,\n test_pagination_grid_fasthtml_examples,\n test_pagination_radio_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_pagination_basic_examples()\n \"Test basic pagination utilities.\"\n```\n\n``` python\ndef test_pagination_directions_examples()\n \"Test join directions variants.\"\n```\n\n``` python\ndef test_pagination_basic_fasthtml_examples()\n \"Test pagination with an active button from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_pagination_sizes_fasthtml_examples()\n \"Test pagination with different button sizes from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_pagination_disabled_fasthtml_examples()\n \"Test pagination with a disabled button from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_pagination_extra_small_fasthtml_examples()\n \"Test extra small buttons pagination from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_pagination_grid_fasthtml_examples()\n \"Test next/prev outline buttons with equal width from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_pagination_radio_fasthtml_examples()\n \"Test pagination using radio inputs from daisyUI v5 documentation.\"\n```\n\n### phone mockup (`phone.ipynb`)\n\n> Phone mockup shows a mockup of an iPhone.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.mockup.phone import (\n mockup_phone,\n mockup_phone_camera,\n mockup_phone_display,\n test_mockup_phone_basic_examples,\n test_phone_mockup_basic_fasthtml_examples,\n test_phone_mockup_with_color_and_wallpaper_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_mockup_phone_basic_examples()\n \"Test basic mockup_phone utilities.\"\n```\n\n``` python\ndef test_phone_mockup_basic_fasthtml_examples()\n \"Test basic iPhone mockup from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_phone_mockup_with_color_and_wallpaper_fasthtml_examples()\n \"Test phone mockup with color and wallpaper from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\nmockup_phone # Base mockup phone component\nmockup_phone_camera # Mockup phone camera part\nmockup_phone_display # Mockup phone display part\n```\n\n### progress (`progress.ipynb`)\n\n> Progress bar can be used to show the progress of a task or to show the\n> passing of time.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.feedback.progress import (\n progress,\n progress_colors,\n test_progress_basic_examples,\n test_progress_colors_examples,\n test_progress_basic_fasthtml_examples,\n test_progress_primary_color_fasthtml_examples,\n test_progress_all_colors_fasthtml_examples,\n test_progress_indeterminate_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_progress_basic_examples()\n \"Test basic progress utilities.\"\n```\n\n``` python\ndef test_progress_colors_examples()\n \"Test progress color variants.\"\n```\n\n``` python\ndef test_progress_basic_fasthtml_examples()\n \"Test basic progress examples from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_progress_primary_color_fasthtml_examples()\n \"Test progress with primary color from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_progress_all_colors_fasthtml_examples():\n \"\"\"Test progress with all semantic colors from daisyUI v5 documentation.\"\"\"\n from fasthtml.common import Progress, Div\n from cjm_fasthtml_tailwind.utilities.sizing import w\n \n # Helper function to create progress bars with different values for a given color\n def create_color_set(color_class, color_name)\n \"Test progress with all semantic colors from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_progress_indeterminate_fasthtml_examples()\n \"Test indeterminate progress (without value) from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\nprogress # Base progress component\nprogress_colors # Progress color variants\n```\n\n### radial progress (`radial_progress.ipynb`)\n\n> Radial progress can be used to show the progress of a task or to show\n> the passing of time.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.feedback.radial_progress import (\n radial_progress,\n test_radial_progress_basic_examples,\n test_radial_progress_basic_fasthtml_examples,\n test_radial_progress_values_fasthtml_examples,\n test_radial_progress_colors_fasthtml_examples,\n test_radial_progress_custom_size_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_radial_progress_basic_examples()\n \"Test basic button utilities.\"\n```\n\n``` python\ndef test_radial_progress_basic_fasthtml_examples()\n \"Test basic radial progress from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_radial_progress_values_fasthtml_examples()\n \"Test radial progress with different values from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_radial_progress_colors_fasthtml_examples()\n \"Test radial progress with custom colors from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_radial_progress_custom_size_fasthtml_examples()\n \"Test radial progress with custom size and thickness from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\nradial_progress # Base radial progress component\n```\n\n### radio (`radio.ipynb`)\n\n> Radio buttons allow the user to select one option from a set.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.data_input.radio import (\n radio,\n radio_colors,\n radio_sizes,\n test_radio_basic_examples,\n test_radio_colors_examples,\n test_radio_sizes_examples,\n test_radio_basic_fasthtml_examples,\n test_radio_sizes_fasthtml_examples,\n test_radio_colors_fasthtml_examples,\n test_radio_disabled_fasthtml_examples,\n test_radio_custom_colors_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_radio_basic_examples()\n \"Test basic radio utilities.\"\n```\n\n``` python\ndef test_radio_colors_examples()\n \"Test radio color variants.\"\n```\n\n``` python\ndef test_radio_sizes_examples()\n \"Test radio size variants.\"\n```\n\n``` python\ndef test_radio_basic_fasthtml_examples()\n \"Test basic radio button examples from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_radio_sizes_fasthtml_examples()\n \"Test radio button size variations from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_radio_colors_fasthtml_examples()\n \"Test radio button color variations from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_radio_disabled_fasthtml_examples()\n \"Test disabled radio button examples from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_radio_custom_colors_fasthtml_examples()\n \"Test radio buttons with custom colors from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\nradio # Base radio component\nradio_colors # Radio color variants\nradio_sizes # Radio size variants\n```\n\n### range slider (`range.ipynb`)\n\n> Range slider is used to select a value by sliding a handle.\n\n#### Import\n\n``` python\n# No corresponding Python module found for components.data_input.range\n```\n\n#### Functions\n\n``` python\ndef test_range_basic_examples()\n \"Test basic range utilities.\"\n```\n\n``` python\ndef test_range_colors_examples()\n \"Test range color variants.\"\n```\n\n``` python\ndef test_range_sizes_examples()\n \"Test range size variants.\"\n```\n\n``` python\ndef test_range_basic_fasthtml_examples()\n \"Test basic range slider from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_range_with_steps_fasthtml_examples()\n \"Test range with steps and measure from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_range_colors_fasthtml_examples()\n \"Test range color variations from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_range_sizes_fasthtml_examples()\n \"Test range size variations from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_range_custom_fasthtml_examples()\n \"Test range with custom color and no fill from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\nrange_dui # Base range component\nrange_colors # range color variants\nrange_sizes # range size variants\n```\n\n### rating (`rating.ipynb`)\n\n> Rating is a set of radio ratings that allow the user to rate\n> something.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.data_input.rating import (\n rating,\n rating_modifiers,\n rating_sizes,\n RatingModifier,\n test_rating_basic_examples,\n test_rating_modifiers_examples,\n test_rating_sizes_examples,\n test_rating_basic_fasthtml_examples,\n test_rating_readonly_fasthtml_examples,\n test_rating_with_colors_fasthtml_examples,\n test_rating_sizes_fasthtml_examples,\n test_rating_with_hidden_fasthtml_examples,\n test_rating_half_stars_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_rating_basic_examples()\n \"Test basic rating utilities.\"\n```\n\n``` python\ndef test_rating_modifiers_examples()\n \"Test rating modifier utilities.\"\n```\n\n``` python\ndef test_rating_sizes_examples()\n \"Test rating size variants.\"\n```\n\n``` python\ndef test_rating_basic_fasthtml_examples()\n \"Test basic rating example from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_rating_readonly_fasthtml_examples()\n \"Test read-only rating from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_rating_with_colors_fasthtml_examples()\n \"Test rating with different colors from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_rating_sizes_fasthtml_examples()\n \"Test rating size variations from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_rating_with_hidden_fasthtml_examples()\n \"Test rating with hidden clear option from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_rating_half_stars_fasthtml_examples()\n \"Test rating with half stars from daisyUI v5 documentation.\"\n```\n\n#### Classes\n\n``` python\nclass RatingModifier(str, Enum):\n```\n\n#### Variables\n\n``` python\nrating # Base rating component\nrating_modifiers # rating modifiers\nrating_sizes # rating size variants\n```\n\n### resources (`resources.ipynb`)\n\n> CDN resources and headers for daisyUI and Tailwind CSS\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.core.resources import (\n DAISYUI_CDN,\n DAISYUI_THEMES_CDN,\n DAISYUI_COLOR_PROPERTIES,\n DAISYUI_COLOR_PROPERTIES_EXT,\n get_daisyui_headers,\n create_css_link,\n create_js_script,\n build_headers\n)\n```\n\n#### Functions\n\n``` python\ndef get_daisyui_headers(\n include_themes: bool = True # Include the daisyUI themes CSS file\n) -> List[Union[Link, Script]]: # List of Link and Script elements for daisyUI and Tailwind CSS\n \"Get the standard daisyUI and Tailwind CSS CDN headers.\"\n```\n\n``` python\ndef create_css_link(\n href: str, # URL or path to CSS file\n media: Optional[str] = None, # Media query (e.g., \"screen\", \"print\")\n crossorigin: Optional[Literal[\"anonymous\", \"use-credentials\"]] = None\n) -> Link: # Link element for CSS stylesheet\n \"Create a CSS link element with optional attributes.\"\n```\n\n``` python\ndef create_js_script(\n src: str, # URL or path to JavaScript file\n async_: bool = False, # Load script asynchronously\n defer: bool = False, # Defer script execution\n module: bool = False, # ES6 module\n crossorigin: Optional[Literal[\"anonymous\", \"use-credentials\"]] = None\n) -> Script: # Script element for JavaScript file\n \"Create a JavaScript script element with optional attributes.\"\n```\n\n``` python\ndef build_headers(\n include_themes: bool = True, # Include daisyUI themes\n custom_css: Optional[List[Union[str, Link]]] = None, # Additional CSS files\n custom_js: Optional[List[Union[str, Script]]] = None, # Additional JS files\n custom_theme_css: Optional[str] = None, # Custom theme CSS as a string\n custom_theme_paths: Optional[List[Union[str, Path]]] = None # List of paths to custom theme CSS files\n) -> List[Union[Link, Script, Style]]: # List of Link, Script, and Style elements for complete app headers\n \"\"\"\n Build a complete set of headers for a FastHTML app with daisyUI and Tailwind.\n \n The order of headers is:\n 1. daisyUI CSS\n 2. daisyUI themes CSS (if included)\n 3. Custom theme CSS (if provided as string)\n 4. Custom theme CSS files (if provided as Path objects)\n 5. Custom CSS files\n 6. Tailwind CSS JavaScript\n 7. Custom JavaScript files\n \"\"\"\n```\n\n#### Variables\n\n``` python\nDAISYUI_CDN = 'https://cdn.jsdelivr.net/npm/daisyui@5'\nDAISYUI_THEMES_CDN = 'https://cdn.jsdelivr.net/npm/daisyui@5/themes.css'\nDAISYUI_COLOR_PROPERTIES = 'https://cdn.jsdelivr.net/npm/daisyui@5/colors/properties.css'\nDAISYUI_COLOR_PROPERTIES_EXT = 'https://cdn.jsdelivr.net/npm/daisyui@5/colors/properties-extended.css'\n```\n\n### select (`select.ipynb`)\n\n> Select is used to pick a value from a list of options.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.data_input.select import (\n select,\n select_styles,\n select_colors,\n select_sizes,\n test_select_basic_examples,\n test_select_styles_examples,\n test_select_colors_examples,\n test_select_sizes_examples,\n test_select_basic_fasthtml_examples,\n test_select_colors_fasthtml_examples,\n test_select_sizes_fasthtml_examples,\n test_select_special_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_select_basic_examples()\n \"Test basic select utilities.\"\n```\n\n``` python\ndef test_select_styles_examples()\n \"Test select style variants.\"\n```\n\n``` python\ndef test_select_colors_examples()\n \"Test select color variants.\"\n```\n\n``` python\ndef test_select_sizes_examples()\n \"Test select size variants.\"\n```\n\n``` python\ndef test_select_basic_fasthtml_examples()\n \"Test basic select example from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_select_colors_fasthtml_examples()\n \"Test select with different color variations from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_select_sizes_fasthtml_examples()\n \"Test select with different sizes from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_select_special_fasthtml_examples()\n \"Test select with special styles (ghost, fieldset, disabled) from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\nselect # Base select component\nselect_styles # select style variants\nselect_colors # select color variants\nselect_sizes # select size variants\n```\n\n### Semantic Color Utility Classes (`semantic_colors.ipynb`)\n\n> daisyUI extends many Tailwind CSS utility classes to support semantic\n> colors. These factories provide type-safe access to semantic color\n> utilities with full modifier support:\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.utilities.semantic_colors import (\n bg_dui,\n text_dui,\n border_dui,\n ring_dui,\n fill_dui,\n stroke_dui,\n caret_dui,\n accent_dui,\n shadow_dui,\n outline_dui,\n decoration_dui,\n placeholder_dui,\n divide_dui,\n ring_offset_dui,\n test_semantic_colors_basic_examples,\n test_semantic_colors_opacity_examples,\n test_semantic_color_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_semantic_colors_basic_examples()\n \"Test semantic color utility classes for various CSS properties.\"\n```\n\n``` python\ndef test_semantic_colors_opacity_examples()\n \"Test semantic color utilities with opacity modifiers.\"\n```\n\n``` python\ndef test_semantic_color_fasthtml_examples()\n \"Test practical usage patterns with FastHTML components.\"\n```\n\n#### Variables\n\n``` python\nbg_dui # The semantic background color factory\ntext_dui # The semantic text color factory\nborder_dui # The semantic border color factory\nring_dui # The semantic ring color factory\nfill_dui # The semantic fill color factory\nstroke_dui # The semantic stroke color factory\ncaret_dui # The semantic caret color factory\naccent_dui # The semantic accent color factory\nshadow_dui # The semantic shadow color factory\noutline_dui # The semantic outline color factory\ndecoration_dui # The semantic decoration color factory\nplaceholder_dui # The semantic placeholder color factory\ndivide_dui # The semantic divide color factory\nring_offset_dui # The semantic ring offset color factory\n```\n\n### Gradient Stop Utilities (`semantic_gradients.ipynb`)\n\n> For Tailwind CSS gradient utilities, daisyUI extends the from, via,\n> and to utilities with semantic color support:\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.utilities.semantic_gradients import (\n from_dui,\n via_dui,\n to_dui,\n GradientStopFactoryDaisyUI,\n test_semantic_gradients_basic_examples,\n test_semantic_gradients_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_semantic_gradients_basic_examples()\n \"Test gradient utilities with semantic colors.\"\n```\n\n``` python\ndef test_semantic_gradients_fasthtml_examples()\n \"Test practical usage patterns with FastHTML components.\"\n```\n\n#### Classes\n\n``` python\nclass GradientStopFactoryDaisyUI:\n def __init__(\n self,\n stop_type: str, # Type of stop (from, via, to)\n doc: Optional[str] = None # Documentation\n )\n \"Enhanced factory for gradient color stops with semantic color support.\"\n \n def __init__(\n self,\n stop_type: str, # Type of stop (from, via, to)\n doc: Optional[str] = None # Documentation\n )\n \"Initialize gradient stop factory.\"\n```\n\n#### Variables\n\n``` python\nfrom_dui # Semantic gradient from color factory\nvia_dui # Semantic gradient via color factory\nto_dui # Semantic gradient to color factory\n```\n\n### sizes (`sizes.ipynb`)\n\n> Named sizes support for DaisyUI components\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.builders.sizes import (\n DaisyUINamedSize\n)\n```\n\n#### Classes\n\n``` python\nclass DaisyUINamedSize(str, Enum):\n```\n\n### skeleton (`skeleton.ipynb`)\n\n> Skeleton is a component that can be used to show a loading state of a\n> component.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.feedback.skeleton import (\n skeleton,\n test_skeleton_basic_examples,\n test_skeleton_basic_fasthtml_examples,\n test_skeleton_circle_with_content_fasthtml_examples,\n test_skeleton_rectangle_with_content_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_skeleton_basic_examples()\n \"Test basic skeleton utilities.\"\n```\n\n``` python\ndef test_skeleton_basic_fasthtml_examples()\n \"Test basic skeleton from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_skeleton_circle_with_content_fasthtml_examples()\n \"Test skeleton circle with content from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_skeleton_rectangle_with_content_fasthtml_examples()\n \"Test skeleton rectangle with content from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\nskeleton # Base skeleton component\n```\n\n### stack (`stack.ipynb`)\n\n> Stack visually puts elements on top of each other.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.layout.stack import (\n stack,\n stack_modifiers,\n StackModifier,\n test_stack_basic_examples,\n test_stack_modifiers_examples,\n test_stack_basic_divs_fasthtml_examples,\n test_stack_images_fasthtml_examples,\n test_stack_cards_fasthtml_examples,\n test_stack_cards_directions_fasthtml_examples,\n test_stack_cards_shadow_fasthtml_examples,\n test_stack_notification_cards_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_stack_basic_examples()\n \"Test basic stack utilities.\"\n```\n\n``` python\ndef test_stack_modifiers_examples()\n \"Test stack modifier utilities.\"\n```\n\n``` python\ndef test_stack_basic_divs_fasthtml_examples()\n \"Test basic stack with 3 divs from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_stack_images_fasthtml_examples()\n \"Test stacked images from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_stack_cards_fasthtml_examples()\n \"Test stacked cards from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_stack_cards_directions_fasthtml_examples():\n \"\"\"Test stacked cards with different directions from daisyUI v5 documentation.\"\"\"\n from fasthtml.common import Div\n from cjm_fasthtml_tailwind.utilities.sizing import size_util\n from cjm_fasthtml_tailwind.utilities.borders import border\n from cjm_fasthtml_tailwind.utilities.typography import text_align\n from cjm_fasthtml_daisyui.utilities.semantic_colors import bg_dui, border_dui\n from cjm_fasthtml_daisyui.components.data_display.card import card, card_body\n \n # Helper function to create a card\n def create_card(letter)\n \"Test stacked cards with different directions from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_stack_cards_shadow_fasthtml_examples()\n \"Test stacked cards with shadow from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_stack_notification_cards_fasthtml_examples()\n \"Test stacked notification cards from daisyUI v5 documentation.\"\n```\n\n#### Classes\n\n``` python\nclass StackModifier(str, Enum):\n```\n\n#### Variables\n\n``` python\nstack # Base stack component\nstack_modifiers # stack modifiers\n```\n\n### stat (`stat.ipynb`)\n\n> Stat is used to show numbers and data in a block.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.data_display.stat import (\n stats,\n stat,\n stat_title,\n stat_value,\n stat_desc,\n stat_figure,\n stat_actions,\n stats_direction,\n test_stat_basic_examples,\n test_stat_direction_examples,\n test_stat_basic_fasthtml_examples,\n test_stat_with_icons_fasthtml_examples,\n test_stat_detailed_fasthtml_examples,\n test_stat_centered_fasthtml_examples,\n test_stat_vertical_fasthtml_examples,\n test_stat_with_actions_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_stat_basic_examples()\n \"Test basic stat utilities.\"\n```\n\n``` python\ndef test_stat_direction_examples()\n \"Test stat direction modifiers.\"\n```\n\n``` python\ndef test_stat_basic_fasthtml_examples()\n \"Test basic stat examples from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_stat_with_icons_fasthtml_examples()\n \"Test stat with icons or image examples from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_stat_detailed_fasthtml_examples()\n \"Test detailed stat examples with different icons from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_stat_centered_fasthtml_examples()\n \"Test centered stat items examples from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_stat_vertical_fasthtml_examples()\n \"Test vertical and responsive stat examples from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_stat_with_actions_fasthtml_examples()\n \"Test stat with custom colors and button actions from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\nstats # Stats container\nstat # Stat block\nstat_title # Stat title\nstat_value # Stat value\nstat_desc # Stat description\nstat_figure # Stat figure\nstat_actions # Stat actions\n```\n\n### status (`status.ipynb`)\n\n> Status is a really small icon to visually show the current status of\n> an element, like online, offline, error, etc.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.data_display.status import (\n status,\n status_colors,\n status_sizes,\n test_status_basic_examples,\n test_status_colors_examples,\n test_status_sizes_examples,\n test_status_basic_fasthtml_examples,\n test_status_sizes_fasthtml_examples,\n test_status_colors_fasthtml_examples,\n test_status_animation_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_status_basic_examples()\n \"Test basic status utilities.\"\n```\n\n``` python\ndef test_status_colors_examples()\n \"Test status color variants.\"\n```\n\n``` python\ndef test_status_sizes_examples()\n \"Test status size variants.\"\n```\n\n``` python\ndef test_status_basic_fasthtml_examples()\n \"Test basic status from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_status_sizes_fasthtml_examples()\n \"Test status sizes from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_status_colors_fasthtml_examples()\n \"Test status with colors from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_status_animation_fasthtml_examples()\n \"Test status with ping and bounce animations from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\nstatus # Status icon\nstatus_colors # Status color variants\nstatus_sizes # Status size variants\n```\n\n### steps (`steps.ipynb`)\n\n> Steps can be used to show a list of steps in a process.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.navigation.steps import (\n steps,\n step,\n step_icon,\n step_colors,\n steps_directions,\n test_steps_basic_examples,\n test_step_colors_examples,\n test_steps_directions_examples,\n test_steps_horizontal_fasthtml_examples,\n test_steps_vertical_fasthtml_examples,\n test_steps_responsive_fasthtml_examples,\n test_steps_with_custom_content_fasthtml_examples,\n test_steps_with_data_content_fasthtml_examples,\n test_steps_custom_colors_fasthtml_examples,\n test_steps_with_scrollable_wrapper_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_steps_basic_examples()\n \"Test basic steps utilities.\"\n```\n\n``` python\ndef test_step_colors_examples()\n \"Test step color variants.\"\n```\n\n``` python\ndef test_steps_directions_examples()\n \"Test steps direction utilities.\"\n```\n\n``` python\ndef test_steps_horizontal_fasthtml_examples()\n \"Test horizontal steps from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_steps_vertical_fasthtml_examples()\n \"Test vertical steps from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_steps_responsive_fasthtml_examples()\n \"Test responsive steps (vertical on small screen, horizontal on large screen) from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_steps_with_custom_content_fasthtml_examples()\n \"Test steps with custom content in step-icon from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_steps_with_data_content_fasthtml_examples()\n \"Test steps with data-content attribute from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_steps_custom_colors_fasthtml_examples()\n \"Test steps with custom colors from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_steps_with_scrollable_wrapper_fasthtml_examples()\n \"Test steps with scrollable wrapper from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\nsteps # Base steps component\nstep # step part\nstep_icon # step icon part\nstep_colors # Step color variants\n```\n\n### styles (`styles.ipynb`)\n\n> Named style support for daisyUI components\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.builders.styles import (\n OutlineStyle,\n DashStyle,\n SoftStyle,\n GhostStyle,\n BorderStyle,\n HoverStyle\n)\n```\n\n#### Classes\n\n``` python\nclass OutlineStyle(str, Enum):\n \"daisyUI style names.\"\n```\n\n``` python\nclass DashStyle(str, Enum):\n \"daisyUI style names.\"\n```\n\n``` python\nclass SoftStyle(str, Enum):\n \"daisyUI style names.\"\n```\n\n``` python\nclass GhostStyle(str, Enum):\n \"daisyUI style names.\"\n```\n\n``` python\nclass BorderStyle(str, Enum):\n \"daisyUI style names.\"\n```\n\n``` python\nclass HoverStyle(str, Enum):\n \"daisyUI style names.\"\n```\n\n### swap (`swap.ipynb`)\n\n> Swap allows you to toggle the visibility of two elements using a\n> checkbox or a class name.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.actions.swap import (\n swap,\n swap_on,\n swap_off,\n swap_indeterminate,\n swap_styles,\n test_swap_basic_examples,\n test_swap_styles_examples,\n test_swap_basic_fasthtml_examples,\n test_swap_effects_fasthtml_examples,\n test_swap_advanced_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_swap_basic_examples()\n \"Test basic swap utilities.\"\n```\n\n``` python\ndef test_swap_styles_examples()\n \"Test swap style utilities.\"\n```\n\n``` python\ndef test_swap_basic_fasthtml_examples()\n \"Test basic swap examples including text and icon swaps.\"\n```\n\n``` python\ndef test_swap_effects_fasthtml_examples()\n \"Test swap examples with rotate and flip effects.\"\n```\n\n``` python\ndef test_swap_advanced_fasthtml_examples()\n \"Test advanced swap examples including hamburger button and class-based activation.\"\n```\n\n#### Variables\n\n``` python\nswap # Swap container\nswap_on # Swap on state\nswap_off # Swap off state\nswap_indeterminate # Swap indeterminate state\n```\n\n### table (`table.ipynb`)\n\n> Table can be used to show a list of data in a table format.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.data_display.table import (\n table,\n table_modifiers,\n table_sizes,\n test_table_basic_examples,\n test_table_modifiers_examples,\n test_table_sizes_examples,\n test_table_basic_fasthtml_examples,\n test_table_style_fasthtml_examples,\n test_table_visual_elements_fasthtml_examples,\n test_table_sizes_fasthtml_examples,\n test_table_pinned_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_table_basic_examples()\n \"Test basic table utilities.\"\n```\n\n``` python\ndef test_table_modifiers_examples()\n \"Test table modifier utilities.\"\n```\n\n``` python\ndef test_table_sizes_examples()\n \"Test table size variants.\"\n```\n\n``` python\ndef test_table_basic_fasthtml_examples()\n \"Test basic table and table with border and background from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_table_style_fasthtml_examples()\n \"Test table with active row, hover row, and zebra stripes from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_table_visual_elements_fasthtml_examples()\n \"Test table with visual elements from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_table_sizes_fasthtml_examples()\n \"Test table xs size from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_table_pinned_fasthtml_examples()\n \"Test table with pinned rows and pinned rows+columns from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\ntable # Table component\ntable_sizes # Table size variants\n```\n\n### tabs (`tabs.ipynb`)\n\n> Tabs can be used to show a list of links in a tabbed format.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.navigation.tabs import (\n tabs,\n tab,\n tab_content,\n tabs_styles,\n tab_modifiers,\n tabs_placement,\n tabs_sizes,\n BoxStyle,\n LiftStyle,\n test_tabs_basic_examples,\n test_tab_modifiers_examples,\n test_tab_placement_examples,\n test_tabs_sizes_examples,\n test_tabs_basic_fasthtml_examples,\n test_tabs_styles_fasthtml_examples,\n test_tabs_radio_inputs_fasthtml_examples,\n test_tabs_sizes_fasthtml_examples,\n test_tabs_with_content_fasthtml_examples,\n test_tabs_with_icons_fasthtml_examples,\n test_tabs_special_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_tabs_basic_examples()\n \"Test basic tabs utilities.\"\n```\n\n``` python\ndef test_tab_modifiers_examples()\n \"Test tab modifier utilities.\"\n```\n\n``` python\ndef test_tab_placement_examples()\n \"Test tab modifier utilities.\"\n```\n\n``` python\ndef test_tabs_sizes_examples()\n \"Test tabs size variants.\"\n```\n\n``` python\ndef test_tabs_basic_fasthtml_examples()\n \"Test basic tabs example from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_tabs_styles_fasthtml_examples()\n \"Test tabs style variations from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_tabs_radio_inputs_fasthtml_examples()\n \"Test tabs using radio inputs from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_tabs_sizes_fasthtml_examples()\n \"Test tabs size variations from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_tabs_with_content_fasthtml_examples()\n \"Test tabs with content panels from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_tabs_with_icons_fasthtml_examples()\n \"Test tabs with icons and content from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_tabs_special_fasthtml_examples()\n \"Test special tabs variations from daisyUI v5 documentation.\"\n```\n\n#### Classes\n\n``` python\nclass BoxStyle(str, Enum):\n```\n\n``` python\nclass LiftStyle(str, Enum):\n```\n\n#### Variables\n\n``` python\ntabs # Base tabs component\ntab # tab part\ntab_content # tab content part\ntabs_styles # Tabs style variants\ntabs_sizes # Tabs size variants\n```\n\n### testing (`testing.ipynb`)\n\n> Standardized test page creation for Jupyter notebooks with FastHTML\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.core.testing import (\n create_theme_selector,\n create_test_app,\n create_test_page,\n start_test_server\n)\n```\n\n#### Functions\n\n``` python\ndef create_theme_selector(\n custom_themes: Optional[List[str]] = None # Optional list of custom theme names to include\n) -> Div: # Div containing theme selector dropdown with theme-change script\n \"Create a daisyUI theme selector dropdown component. Uses theme-change library to persist theme selection in localStorage.\"\n```\n\n``` python\ndef create_test_app(\n theme: Union[DaisyUITheme, str] = DaisyUITheme.LIGHT, # Default theme\n custom_css: Optional[List[Union[str, Link]]] = None, # Additional CSS\n custom_js: Optional[List[Union[str, Script]]] = None, # Additional JS\n custom_theme_css: Optional[str] = None, # Custom theme CSS as string\n custom_theme_paths: Optional[List[Union[str, Path]]] = None, # List of paths to custom theme CSS files\n custom_theme_names: Optional[List[str]] = None, # Names of custom themes to include in selector\n debug: bool = True, # Enable debug mode\n **kwargs\n) -> tuple: # Tuple containing (app, rt) - FastHTML app instance and route decorator\n \"Create a standardized test app for Jupyter notebooks with daisyUI and Tailwind.\"\n```\n\n``` python\ndef create_test_page(\n title: str, # Page title\n *content, # Page content elements\n include_theme_selector: bool = True, # Include theme selector\n use_container: bool = True, # Wrap in container\n custom_theme_names: Optional[List[str]] = None # Custom themes for selector\n) -> Div: # Div containing complete page layout with navbar and content\n \"Create a standardized test page layout with optional theme selector.\"\n```\n\n``` python\ndef start_test_server(\n app: FastHTML, # FastHTML app instance created by create_test_app or fast_app\n port: int = 8000, # Port\n) -> JupyUvi: # JupyUvi server instance for Jupyter notebook testing\n \"\"\"\n Start a test server and return the JupyUvi instance.\n \n Usage:\n server = start_test_server(app)\n HTMX() # Display the app\n \n # Later, in another cell:\n server.stop()\n \"\"\"\n```\n\n### text input (`text_input.ipynb`)\n\n> Text Input is a simple input field.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.data_input.text_input import (\n text_input,\n text_input_styles,\n text_input_colors,\n text_input_sizes,\n test_text_input_basic_examples,\n test_text_input_styles_examples,\n test_text_input_colors_examples,\n test_text_input_sizes_examples,\n test_text_input_basic_fasthtml_examples,\n test_text_input_with_labels_fasthtml_examples,\n test_text_input_styles_and_fieldset_fasthtml_examples,\n test_text_input_colors_fasthtml_examples,\n test_text_input_sizes_fasthtml_examples,\n test_text_input_special_types_fasthtml_examples,\n test_text_input_validators_part1_fasthtml_examples,\n test_text_input_validators_part2_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_text_input_basic_examples()\n \"Test basic text_input utilities.\"\n```\n\n``` python\ndef test_text_input_styles_examples()\n \"Test text_input style variants.\"\n```\n\n``` python\ndef test_text_input_colors_examples()\n \"Test text_input color variants.\"\n```\n\n``` python\ndef test_text_input_sizes_examples()\n \"Test text_input size variants.\"\n```\n\n``` python\ndef test_text_input_basic_fasthtml_examples()\n \"Test basic text input examples from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_text_input_with_labels_fasthtml_examples()\n \"Test text input with labels from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_text_input_styles_and_fieldset_fasthtml_examples()\n \"Test text input styles and fieldset from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_text_input_colors_fasthtml_examples()\n \"Test text input color variants from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_text_input_sizes_fasthtml_examples()\n \"Test text input size variants from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_text_input_special_types_fasthtml_examples()\n \"Test special input types from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_text_input_validators_part1_fasthtml_examples()\n \"Test text input validators part 1: username, search, email from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_text_input_validators_part2_fasthtml_examples()\n \"Test text input validators part 2: password, number, phone, URL from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\ntext_input # Base text_input component\ntext_input_styles # text_input style variants\ntext_input_colors # text_input color variants\ntext_input_sizes # text_input size variants\n```\n\n### textarea (`textarea.ipynb`)\n\n> Textarea allows users to enter text in multiple lines.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.data_input.textarea import (\n textarea,\n textarea_styles,\n textarea_colors,\n textarea_sizes,\n test_textarea_basic_examples,\n test_textarea_styles_examples,\n test_textarea_colors_examples,\n test_textarea_sizes_examples,\n test_textarea_basic_fasthtml_examples,\n test_textarea_ghost_fasthtml_examples,\n test_textarea_with_form_control_fasthtml_examples,\n test_textarea_colors_fasthtml_examples,\n test_textarea_sizes_fasthtml_examples,\n test_textarea_disabled_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_textarea_basic_examples()\n \"Test basic textarea utilities.\"\n```\n\n``` python\ndef test_textarea_styles_examples()\n \"Test textarea style variants.\"\n```\n\n``` python\ndef test_textarea_colors_examples()\n \"Test textarea color variants.\"\n```\n\n``` python\ndef test_textarea_sizes_examples()\n \"Test textarea size variants.\"\n```\n\n``` python\ndef test_textarea_basic_fasthtml_examples()\n \"Test basic textarea example from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_textarea_ghost_fasthtml_examples()\n \"Test ghost textarea (no background) from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_textarea_with_form_control_fasthtml_examples()\n \"Test textarea with form control and labels from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_textarea_colors_fasthtml_examples()\n \"Test textarea color variations from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_textarea_sizes_fasthtml_examples()\n \"Test textarea size variations from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_textarea_disabled_fasthtml_examples()\n \"Test disabled textarea from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\ntextarea # Base textarea component\ntextarea_styles # textarea style variants\ntextarea_colors # textarea color variants\ntextarea_sizes # textarea size variants\n```\n\n### theme controller (`theme_controller.ipynb`)\n\n> If a checked checkbox input or a checked radio input with\n> theme-controller class exists in the page, The page will have the same\n> theme as that input\u2019s value.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.actions.theme_controller import (\n theme_controller,\n test_theme_controller_basic_examples,\n test_theme_controller_basic_fasthtml_examples,\n test_theme_controller_swap_fasthtml_examples,\n test_theme_controller_radio_fasthtml_examples,\n test_theme_controller_advanced_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_theme_controller_basic_examples()\n \"Test basic theme controller utility.\"\n```\n\n``` python\ndef test_theme_controller_basic_fasthtml_examples()\n \"Test basic theme controller examples with toggle and checkbox inputs.\"\n```\n\n``` python\ndef test_theme_controller_swap_fasthtml_examples()\n \"Test theme controller examples using swap component.\"\n```\n\n``` python\ndef test_theme_controller_radio_fasthtml_examples()\n \"Test theme controller examples using radio inputs.\"\n```\n\n``` python\ndef test_theme_controller_advanced_fasthtml_examples()\n \"Test advanced theme controller examples including dropdown and custom styles.\"\n```\n\n### themes (`themes.ipynb`)\n\n> Type-safe theme management for daisyUI\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.core.themes import (\n DaisyUITheme,\n get_theme_value,\n ThemeColors,\n ThemeConfig,\n create_theme_css,\n save_theme_css,\n save_theme_json,\n load_theme_json,\n load_style_css\n)\n```\n\n#### Functions\n\n``` python\ndef get_theme_value(\n theme: Union[DaisyUITheme, str], # The theme to validate (DaisyUITheme enum or string)\n allow_custom: bool = False # If True, allows any string value for custom themes\n) -> str: # The validated theme name as a string\n \"Get the string value of a theme, supporting both enum and string inputs. This allows flexibility in how themes are specified while maintaining type safety.\"\n```\n\n``` python\ndef create_theme_css(\n theme: ThemeConfig # Theme configuration with colors, sizes, and effects\n) -> str: # CSS string with theme variables\n \"\"\"\n Generate CSS for a custom daisyUI theme.\n \n This creates the CSS variables needed for a custom theme when using the CDN approach.\n \"\"\"\n```\n\n``` python\ndef save_theme_css(\n theme: ThemeConfig, # Theme configuration to convert to CSS\n path: Union[str, Path] # File path where CSS will be saved\n) -> None: # None\n \"Save a theme configuration as a CSS file.\"\n```\n\n``` python\ndef save_theme_json(\n theme: ThemeConfig, # Theme configuration to save\n path: Union[str, Path] # File path where JSON will be saved\n) -> None: # None\n \"Save a theme configuration as a JSON file for reuse.\"\n```\n\n``` python\ndef load_theme_json(\n path: Union[str, Path] # Path to JSON file containing theme configuration\n) -> ThemeConfig: # Theme configuration dictionary\n \"Load a theme configuration from a JSON file.\"\n```\n\n``` python\ndef load_style_css(\n path: Union[str, Path] # Path to CSS file containing theme configuration\n) -> Style: # FasthHTML Style element\n \"Load a theme configuration from a CSS file to a FasthHTML Style element.\"\n```\n\n#### Classes\n\n``` python\nclass DaisyUITheme(str, Enum):\n \"All built-in daisyUI themes.\"\n```\n\n``` python\nclass ThemeColors(TypedDict):\n \"Color definitions for a daisyUI theme using OKLCH color space.\"\n```\n\n``` python\nclass ThemeConfig(TypedDict):\n \"Complete configuration for a custom daisyUI theme.\"\n```\n\n### timeline (`timeline.ipynb`)\n\n> Timeline component shows a list of events in chronological order.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.data_display.timeline import (\n timeline,\n timeline_start,\n timeline_middle,\n timeline_end,\n timeline_modifiers,\n timeline_direction,\n test_timeline_basic_examples,\n test_timeline_modifiers_examples,\n test_timeline_direction_examples,\n test_timeline_basic_fasthtml_examples,\n test_timeline_single_side_fasthtml_examples,\n test_timeline_alternating_fasthtml_examples,\n test_timeline_without_icons_fasthtml_examples,\n test_timeline_vertical_fasthtml_examples,\n test_timeline_vertical_advanced_fasthtml_examples,\n test_timeline_responsive_fasthtml_examples,\n test_timeline_snap_icon_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_timeline_basic_examples()\n \"Test basic timeline utilities.\"\n```\n\n``` python\ndef test_timeline_modifiers_examples()\n \"Test timeline modifier utilities.\"\n```\n\n``` python\ndef test_timeline_direction_examples()\n \"Test timeline direction utilities.\"\n```\n\n``` python\ndef test_timeline_basic_fasthtml_examples()\n \"Test timeline with text on both sides and icon from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_timeline_single_side_fasthtml_examples()\n \"Test timeline with bottom side only and top side only from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_timeline_alternating_fasthtml_examples()\n \"Test timeline with different sides and colorful lines from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_timeline_without_icons_fasthtml_examples()\n \"Test timeline without icons from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_timeline_vertical_fasthtml_examples()\n \"Test vertical timeline variations from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_timeline_vertical_advanced_fasthtml_examples()\n \"Test vertical timeline with different sides, colorful lines, and without icons from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_timeline_responsive_fasthtml_examples()\n \"Test responsive timeline (vertical by default, horizontal on large screen) from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_timeline_snap_icon_fasthtml_examples()\n \"Test timeline with icon snapped to the start from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\ntimeline # Timeline container\ntimeline_start # Timeline start\ntimeline_middle # Timeline middle\ntimeline_end # Timeline end\n```\n\n### toast (`toast.ipynb`)\n\n> Toast is a wrapper to stack elements, positioned on the corner of\n> page.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.feedback.toast import (\n toast,\n toast_placement,\n ToastPlacement,\n test_toast_basic_examples,\n test_toast_placement_examples,\n test_toast_basic_fasthtml_examples,\n test_toast_top_positions_fasthtml_examples,\n test_toast_middle_positions_fasthtml_examples,\n test_toast_bottom_positions_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_toast_basic_examples()\n \"Test basic toast utilities.\"\n```\n\n``` python\ndef test_toast_placement_examples()\n \"Test toast placement options.\"\n```\n\n``` python\ndef test_toast_basic_fasthtml_examples()\n \"Test basic toast with alert inside from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_toast_top_positions_fasthtml_examples()\n \"Test toast positioning at top (start, center, end) from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_toast_middle_positions_fasthtml_examples()\n \"Test toast positioning at middle (start, center, end) from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_toast_bottom_positions_fasthtml_examples()\n \"Test toast positioning at bottom (start, center, end) from daisyUI v5 documentation.\"\n```\n\n#### Classes\n\n``` python\nclass ToastPlacement(str, Enum):\n```\n\n#### Variables\n\n``` python\ntoast # Base toast component\ntoast_placement # toast placement options\n```\n\n### toggle (`toggle.ipynb`)\n\n> Toggle is a checkbox that is styled to look like a switch button.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.data_input.toggle import (\n toggle,\n toggle_colors,\n toggle_sizes,\n test_toggle_basic_examples,\n test_toggle_colors_examples,\n test_toggle_sizes_examples,\n test_toggle_basic_fasthtml_examples,\n test_toggle_with_fieldset_fasthtml_examples,\n test_toggle_sizes_fasthtml_examples,\n test_toggle_colors_fasthtml_examples,\n test_toggle_disabled_fasthtml_examples,\n test_toggle_with_icons_fasthtml_examples,\n test_toggle_custom_colors_fasthtml_examples,\n test_toggle_indeterminate_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_toggle_basic_examples()\n \"Test basic toggle utilities.\"\n```\n\n``` python\ndef test_toggle_colors_examples()\n \"Test toggle color variants.\"\n```\n\n``` python\ndef test_toggle_sizes_examples()\n \"Test toggle size variants.\"\n```\n\n``` python\ndef test_toggle_basic_fasthtml_examples()\n \"Test basic toggle example from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_toggle_with_fieldset_fasthtml_examples()\n \"Test toggle with fieldset and label from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_toggle_sizes_fasthtml_examples()\n \"Test toggle size variations from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_toggle_colors_fasthtml_examples()\n \"Test toggle color variations from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_toggle_disabled_fasthtml_examples()\n \"Test disabled toggle states from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_toggle_with_icons_fasthtml_examples()\n \"Test toggle with icons inside from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_toggle_custom_colors_fasthtml_examples()\n \"Test toggle with custom colors from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_toggle_indeterminate_fasthtml_examples():\n \"\"\"Test indeterminate toggle state from daisyUI v5 documentation.\"\"\"\n from fasthtml.common import Input, Script, Div\n \n # Indeterminate toggle\n # Note: The indeterminate state must be set via JavaScript\n \"Test indeterminate toggle state from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\ntoggle # Base toggle component\ntoggle_colors # toggle color variants\ntoggle_sizes # toggle size variants\n```\n\n### tooltip (`tooltip.ipynb`)\n\n> Tooltip can be used to show a message when hovering over an element.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.feedback.tooltip import (\n tooltip,\n tooltip_content,\n tooltip_placement,\n tooltip_modifiers,\n tooltip_colors,\n TooltipPlacement,\n TooltipModifier,\n test_tooltip_basic_examples,\n test_tooltip_placement_examples,\n test_tooltip_modifiers_examples,\n test_tooltip_colors_examples,\n test_tooltip_basic_fasthtml_examples,\n test_tooltip_with_content_fasthtml_examples,\n test_tooltip_positions_fasthtml_examples,\n test_tooltip_colors_fasthtml_examples,\n test_tooltip_responsive_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_tooltip_basic_examples()\n \"Test basic tooltip utilities.\"\n```\n\n``` python\ndef test_tooltip_placement_examples()\n \"Test tooltip placement options.\"\n```\n\n``` python\ndef test_tooltip_modifiers_examples()\n \"Test tooltip modifier utilities.\"\n```\n\n``` python\ndef test_tooltip_colors_examples()\n \"Test tooltip color variants.\"\n```\n\n``` python\ndef test_tooltip_basic_fasthtml_examples()\n \"Test basic tooltip examples from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_tooltip_with_content_fasthtml_examples()\n \"Test tooltip with tooltip-content from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_tooltip_positions_fasthtml_examples()\n \"Test tooltip position variations from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_tooltip_colors_fasthtml_examples()\n \"Test tooltip color variations from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_tooltip_responsive_fasthtml_examples()\n \"Test responsive tooltip from daisyUI v5 documentation.\"\n```\n\n#### Classes\n\n``` python\nclass TooltipPlacement(str, Enum):\n```\n\n``` python\nclass TooltipModifier(str, Enum):\n```\n\n#### Variables\n\n``` python\ntooltip # Base tooltip component\ntooltip_content # Base tooltip content part\ntooltip_placement # tooltip placement options\ntooltip_modifiers # tooltip modifiers\ntooltip_colors # Tooltip color variants\n```\n\n### validator (`validator.ipynb`)\n\n> Validator class changes the color of form elements to error or success\n> based on input\u2019s validation rules.\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.data_input.validator import (\n validator,\n validator_hint,\n test_validator_basic_examples,\n test_validator_basic_fasthtml_examples,\n test_validator_with_hint_fasthtml_examples,\n test_validator_password_fasthtml_examples,\n test_validator_username_phone_fasthtml_examples,\n test_validator_url_date_number_fasthtml_examples,\n test_validator_checkbox_toggle_select_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_validator_basic_examples()\n \"Test basic validator utilities.\"\n```\n\n``` python\ndef test_validator_basic_fasthtml_examples()\n \"Test basic validator example from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_validator_with_hint_fasthtml_examples()\n \"Test validator with hint from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_validator_password_fasthtml_examples()\n \"Test password requirement validator from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_validator_username_phone_fasthtml_examples()\n \"Test username and phone requirement validators from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_validator_url_date_number_fasthtml_examples()\n \"Test URL, date, and number requirement validators from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_validator_checkbox_toggle_select_fasthtml_examples()\n \"Test checkbox, toggle, and select requirement validators from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\nvalidator # Base validator component\nvalidator_hint # validator_hint component\n```\n\n### components.mockup.window (`window.ipynb`)\n\n#### Import\n\n``` python\nfrom cjm_fasthtml_daisyui.components.mockup.window import (\n mockup_window,\n test_mockup_window_basic_examples,\n test_window_mockup_with_border_fasthtml_examples,\n test_window_mockup_with_background_fasthtml_examples\n)\n```\n\n#### Functions\n\n``` python\ndef test_mockup_window_basic_examples()\n \"Test basic mockup_window utilities.\"\n```\n\n``` python\ndef test_window_mockup_with_border_fasthtml_examples()\n \"Test window mockup with border from daisyUI v5 documentation.\"\n```\n\n``` python\ndef test_window_mockup_with_background_fasthtml_examples()\n \"Test window mockup with background color from daisyUI v5 documentation.\"\n```\n\n#### Variables\n\n``` python\nmockup_window # Base mockup window component\n```\n",
"bugtrack_url": null,
"license": "Apache Software License 2.0",
"summary": "Python-native daisyUI v5 component and utility class builder providing type-safe, dynamic class generation with full abstraction for FastHTML projects.",
"version": "0.0.6",
"project_urls": {
"Homepage": "https://github.com/cj-mills/cjm-fasthtml-daisyui"
},
"split_keywords": [
"nbdev",
"jupyter",
"notebook",
"python"
],
"urls": [
{
"comment_text": null,
"digests": {
"blake2b_256": "8b773877c747ab28187f0030fa9730a13cfcbb7c79067bf405433ba375ebf8f6",
"md5": "667944b0fed1e46d54291aa3706725d3",
"sha256": "cc725a4d11a1869cb63d43c308687c2c921a11529b0fc3a5c8d89f2a8c9819d9"
},
"downloads": -1,
"filename": "cjm_fasthtml_daisyui-0.0.6-py3-none-any.whl",
"has_sig": false,
"md5_digest": "667944b0fed1e46d54291aa3706725d3",
"packagetype": "bdist_wheel",
"python_version": "py3",
"requires_python": ">=3.11",
"size": 253087,
"upload_time": "2025-08-27T01:15:08",
"upload_time_iso_8601": "2025-08-27T01:15:08.858518Z",
"url": "https://files.pythonhosted.org/packages/8b/77/3877c747ab28187f0030fa9730a13cfcbb7c79067bf405433ba375ebf8f6/cjm_fasthtml_daisyui-0.0.6-py3-none-any.whl",
"yanked": false,
"yanked_reason": null
},
{
"comment_text": null,
"digests": {
"blake2b_256": "5a56916eecd606cca821a9013d10d139e5af698ffa4734e409d350e46ebf4f3a",
"md5": "d75f4dffa8a6f52d66964c7e3501405f",
"sha256": "5da46753181507d1e1610528fdcdd99e395762214f03a9fd87706ff687f4aa27"
},
"downloads": -1,
"filename": "cjm_fasthtml_daisyui-0.0.6.tar.gz",
"has_sig": false,
"md5_digest": "d75f4dffa8a6f52d66964c7e3501405f",
"packagetype": "sdist",
"python_version": "source",
"requires_python": ">=3.11",
"size": 249720,
"upload_time": "2025-08-27T01:15:10",
"upload_time_iso_8601": "2025-08-27T01:15:10.370244Z",
"url": "https://files.pythonhosted.org/packages/5a/56/916eecd606cca821a9013d10d139e5af698ffa4734e409d350e46ebf4f3a/cjm_fasthtml_daisyui-0.0.6.tar.gz",
"yanked": false,
"yanked_reason": null
}
],
"upload_time": "2025-08-27 01:15:10",
"github": true,
"gitlab": false,
"bitbucket": false,
"codeberg": false,
"github_user": "cj-mills",
"github_project": "cjm-fasthtml-daisyui",
"github_not_found": true,
"lcname": "cjm-fasthtml-daisyui"
}
JSON
