Index

A

AddPreset — Class in namespace Beartropy\Ui\Commands: Artisan Command: Add Preset.
Alert — Class in namespace Beartropy\Ui\Components: Alert Component.
Avatar — Class in namespace Beartropy\Ui\Components: Avatar component.
$ Avatar#alt — Property in class Avatar: Alt text.
$ Badge#amber — Property in class Badge: Amber color.
$ ChatInput#action — Property in class ChatInput: Livewire action to fire on submit.
$ Checkbox#amber — Property in class Checkbox: Amber color.
$ CommandPalette#allowGuests — Property in class CommandPalette: Allow guests to view items.
$ FileDropzone#accept — Property in class FileDropzone: File accept attribute (e.g. "image/*,.pdf").
$ FileDropzone#amber — Property in class FileDropzone: Amber color.
$ FileInput#amber — Property in class FileInput: Amber color.
$ Radio#amber — Property in class Radio: Amber color.
$ Select#autosave — Property in class Select
$ Select#autosaveMethod — Property in class Select
$ Select#autosaveKey — Property in class Select
$ Select#autosaveDebounce — Property in class Select
$ Table#allowHtml — Property in class Table
$ Tag#amber — Property in class Tag: Amber color.
$ Toggle#amber — Property in class Toggle: Amber color.
$ ToggleTheme#ariaLabel — Property in class ToggleTheme: Custom aria-label (defaults to localized 'Toggle theme').
AssetController — Class in namespace Beartropy\Ui\Http\Controllers: Asset Controller.
ComponentDocs::availableComponents() — Method in class ComponentDocs

B

Beartropy — Class in namespace Beartropy\Ui: Beartropy UI Core Class.
BeartropyUiServiceProvider — Class in namespace Beartropy\Ui: Beartropy UI Service Provider.
BeartropyUiServiceProvider::boot() — Method in class BeartropyUiServiceProvider: Bootstrap any application services.
InstallSkills::buildComponentSkill() — Method in class InstallSkills: Build a component skill by concatenating LLM docs.
InstallSkills::buildReadme() — Method in class InstallSkills: Build a dynamic README.md listing all installed skills grouped by package.
Badge — Class in namespace Beartropy\Ui\Components: Badge Component.
$ Badge#beartropy — Property in class Badge: Beartropy color (default via config).
$ Badge#blue — Property in class Badge: Blue color.
ButtonBase — Class in namespace Beartropy\Ui\Components\Base: Base class for Button logic.
BeartropyComponent — Class in namespace Beartropy\Ui\Components: Base component class for all Beartropy UI components.
Button — Class in namespace Beartropy\Ui\Components: Button Component.
ButtonIcon — Class in namespace Beartropy\Ui\Components: ButtonIcon component.
$ ChatInput#border — Property in class ChatInput: Show border styling.
$ Checkbox#beartropy — Property in class Checkbox: Beartropy color (default).
$ Checkbox#blue — Property in class Checkbox: Blue color.
$ CommandPalette#bt_cp_data — Property in class CommandPalette
$ Fab#bottom — Property in class Fab: CSS bottom offset (default: '1rem').
$ FileDropzone#beartropy — Property in class FileDropzone: Beartropy color.
$ FileDropzone#blue — Property in class FileDropzone: Blue color.
$ FileInput#beartropy — Property in class FileInput: Beartropy color (default).
$ FileInput#blue — Property in class FileInput: Blue color.
$ Modal#blur — Property in class Modal: Backdrop blur level: none (default), sm, md, lg, xl, 2xl, 3xl.
$ Modal#bgColor — Property in class Modal: Background color classes (default: bg-white dark:bg-gray-900).
$ Radio#beartropy — Property in class Radio: Beartropy color (default).
$ Radio#blue — Property in class Radio: Blue color.
$ RadioGroup#beartropy — Property in class RadioGroup: Beartropy color (default).
$ RadioGroup#blue — Property in class RadioGroup: Blue color.
$ Slider#backdrop — Property in class Slider: Show semi-transparent backdrop overlay.
$ Slider#blur — Property in class Slider: Apply blur effect to the backdrop.
$ Slider#bodyPadding — Property in class Slider: Tailwind padding classes for the body.
$ Tag#beartropy — Property in class Tag: Beartropy color.
$ Tag#blue — Property in class Tag: Blue color.
$ Toast#bottomOffset — Property in class Toast: Bottom offset for mobile layout (CSS value, e.g. '1rem', '64px').
$ Toggle#beartropy — Property in class Toggle: Beartropy color (default).
$ Toggle#blue — Property in class Toggle: Blue color.
$ ToggleTheme#borderColorLight — Property in class ToggleTheme: Border classes in light mode (button/square-button).
$ ToggleTheme#borderColorDark — Property in class ToggleTheme: Border classes in dark mode (button/square-button).
Beartropy — Class in namespace Beartropy\Ui\Facades
AssetController::beartropyAssets() — Method in class AssetController: Serve a Beartropy UI static asset.
BeartropyAssets — Class in namespace Beartropy\Ui\Support: Beartropy Assets Manager.
HasDialogs::buildDialogPayload() — Method in class HasDialogs: Build a standard dialog payload.
HasPresets::buildCacheKey() — Method in class HasPresets
HasPresets::buildPresetNames() — Method in class HasPresets

C

$ Avatar#color — Property in class Avatar: Color preset.
$ Avatar#customSize — Property in class Avatar: Custom CSS size (e.g. 'h-12 w-12').
$ Badge#cyan — Property in class Badge: Cyan color.
CheckboxBase — Class in namespace Beartropy\Ui\Components\Base: Base class for Checkbox logic.
$ ButtonIcon#color — Property in class ButtonIcon: Button color.
Card — Class in namespace Beartropy\Ui\Components: Card Component.
ChatInput — Class in namespace Beartropy\Ui\Components: ChatInput component.
$ ChatInput#color — Property in class ChatInput: Color preset key.
$ ChatInput#customError — Property in class ChatInput: Custom error message.
Checkbox — Class in namespace Beartropy\Ui\Components: Checkbox Component.
$ Checkbox#cyan — Property in class Checkbox: Cyan color.
CommandPalette — Class in namespace Beartropy\Ui\Components: CommandPalette component.
$ CommandPalette#color — Property in class CommandPalette: Component color.
CommandPalette::cacheKeyParts() — Method in class CommandPalette: Build cache key parts.
$ Datetime#color — Property in class Datetime: Color preset key.
$ Datetime#customError — Property in class Datetime: Custom error message.
$ Datetime#clearable — Property in class Datetime: Allow clearing selection.
$ Fab#color — Property in class Fab: Color preset name.
$ FileDropzone#color — Property in class FileDropzone: Color preset.
$ FileDropzone#clearable — Property in class FileDropzone: Allow clearing selection.
$ FileDropzone#customError — Property in class FileDropzone: Custom error message.
$ FileDropzone#cyan — Property in class FileDropzone: Cyan color.
$ FileInput#cyan — Property in class FileInput: Cyan color.
$ Modal#closeOnClickOutside — Property in class Modal: Whether clicking the overlay closes the modal (default: true).
$ Modal#centered — Property in class Modal: Centers modal vertically (default: false, shows with top margin).
$ Nav#childItemClass — Property in class Nav: Base CSS classes for child items.
$ Nav#categoryClass — Property in class Nav: CSS classes for category headings.
$ Nav#childBorderClass — Property in class Nav: CSS classes for child container border.
$ Nav#collapseButtonAsItem — Property in class Nav
$ Nav#collapseButtonLabelCollapse — Property in class Nav
$ Nav#collapseButtonLabelExpand — Property in class Nav
$ Nav#collapseButtonIconCollapse — Property in class Nav
$ Nav#collapseButtonIconExpand — Property in class Nav
$ Radio#cyan — Property in class Radio: Cyan color.
$ Select#clearable — Property in class Select
$ Select#color — Property in class Select
$ Select#customError — Property in class Select
$ Skeleton#cols — Property in class Skeleton: Number of columns (table shape).
$ Slider#color — Property in class Slider: Color preset for close button styling.
$ Table#columns — Property in class Table
$ Table#color — Property in class Table
$ Tag#cyan — Property in class Tag: Cyan color.
$ TimePicker#color — Property in class TimePicker: Color preset key.
$ TimePicker#clearable — Property in class TimePicker: Allow clearing.
$ TimePicker#customError — Property in class TimePicker: Custom error message.
$ Toggle#cyan — Property in class Toggle: Cyan color.
$ ToggleTheme#class — Property in class ToggleTheme: Additional wrapper classes.
ComponentDocs — Class in namespace Beartropy\Ui\Mcp\Tools
HasDialogs::confirm() — Method in class HasDialogs: Show a confirmation dialog.
HasPresets::computeSupports() — Method in class HasPresets

D

$ AddPreset#description — Property in class AddPreset: The console command description.
$ InstallSkills#description — Property in class InstallSkills
InstallSkills::discoverPackages() — Method in class InstallSkills: Discover all beartropy packages that expose skills.
DropdownBase — Class in namespace Beartropy\Ui\Components\Base: Base class for Dropdown logic.
Button::detectForInput() — Method in class Button: Modify wrapper and spinner classes if the button is used as an input trigger.
$ ChatInput#disabled — Property in class ChatInput: Disabled state.
Datetime — Class in namespace Beartropy\Ui\Components: Datetime component.
$ Datetime#disabled — Property in class Datetime: Disabled state.
DebugBreakpoints — Class in namespace Beartropy\Ui\Components: DebugBreakpoints component.
Dialog — Class in namespace Beartropy\Ui\Components: Dialog Component.
Dropdown — Class in namespace Beartropy\Ui\Components: Dropdown Component.
$ FileDropzone#disabled — Property in class FileDropzone: Disabled state.
$ Select#defer — Property in class Select
$ Table#danger — Property in class Table: Danger color.
$ TimePicker#disabled — Property in class TimePicker: Disabled state.
$ Tooltip#delay — Property in class Tooltip: Delay in ms before showing (default 0).
$ ComponentDocs#description — Property in class ComponentDocs
$ ListComponents#description — Property in class ListComponents
$ ProjectContext#description — Property in class ProjectContext
HasDialogs::dialog() — Method in class HasDialogs: Fluent accessor for dialog methods.
HasDialogs::dispatchDialog() — Method in class HasDialogs: Dispatch the dialog event to the frontend.
HasDialogs::delete() — Method in class HasDialogs: Show a delete confirmation dialog (Danger/Destructive style).
HasPresets::detectHasVariants() — Method in class HasPresets
HasPresets::debugWarnings() — Method in class HasPresets

E

InstallSkills::extractFrontmatterField() — Method in class InstallSkills: Extract a field value from YAML frontmatter.
$ Badge#emerald — Property in class Badge: Emerald color.
$ Checkbox#emerald — Property in class Checkbox: Emerald color.
$ DebugBreakpoints#expanded — Property in class DebugBreakpoints: Initial expansion state (overridden by localStorage).
$ DebugBreakpoints#env — Property in class DebugBreakpoints: Environment to render in (default: 'local').
$ FileDropzone#existingFiles — Property in class FileDropzone: Existing files [{name, url, size?, type?}].

Color Presets
$ FileDropzone#emerald — Property in class FileDropzone: Emerald color.
$ FileInput#emerald — Property in class FileInput: Emerald color.
$ Radio#emerald — Property in class Radio: Emerald color.
$ Select#emptyMessage — Property in class Select
$ FieldHelp#errorMessage — Property in class FieldHelp: Error message.
$ Tag#emerald — Property in class Tag: Emerald color.
$ Toggle#emerald — Property in class Toggle: Emerald color.
HasDialogs::error() — Method in class HasDialogs: Show an error dialog.
HasToasts::error() — Method in class HasToasts

F

InstallSkills::findExistingSkills() — Method in class InstallSkills: Find existing Beartropy skill directories (bt- and legacy beartropy-).
$ Badge#fuchsia — Property in class Badge: Fuchsia color.
FileBase — Class in namespace Beartropy\Ui\Components\Base: Base class for File input logic.
$ Checkbox#fuchsia — Property in class Checkbox: Fuchsia color.
CommandPalette::filterByPermissions() — Method in class CommandPalette: Filter items by permissions (Spatie).
$ Datetime#format — Property in class Datetime: Date format (PHP format).
$ Datetime#formatDisplay — Property in class Datetime: Display format (JS format).
Fab — Class in namespace Beartropy\Ui\Components: Floating Action Button (FAB) component.
FileDropzone — Class in namespace Beartropy\Ui\Components: FileDropzone component.
$ FileDropzone#fuchsia — Property in class FileDropzone: Fuchsia color.
FileDropzone::formatBytes() — Method in class FileDropzone: Format bytes to a human-readable string.
FileInput — Class in namespace Beartropy\Ui\Components: FileInput component.
$ FileInput#fuchsia — Property in class FileInput: Fuchsia color.
Nav::filterNavCategories() — Method in class Nav: Filter navigation categories and their items based on permissions.
Nav::filterNavItems() — Method in class Nav: Filter a list of navigation items based on user permissions.
$ Radio#fuchsia — Property in class Radio: Fuchsia color.
$ Select#fitTrigger — Property in class Select
FieldHelp — Class in namespace Beartropy\Ui\Components\Support: FieldHelp component.
$ Tag#fuchsia — Property in class Tag: Fuchsia color.
$ TimePicker#format — Property in class TimePicker: Time format (H:i = 24h, h:i A = 12h).
$ Toggle#fuchsia — Property in class Toggle: Fuchsia color.

G

InstallSkills::getSkillContents() — Method in class InstallSkills: Get all skill contents from all discovered packages.
$ Badge#glass — Property in class Badge: Glassmorphism effect.

Magic Attributes (Color)
$ Badge#green — Property in class Badge: Green color.
ButtonBase::getTag() — Method in class ButtonBase: Determine the HTML tag to use.
ButtonBase::getWireTarget() — Method in class ButtonBase: Get the Livewire target for loading states.
BeartropyComponent::getWireModelState() — Method in class BeartropyComponent: Analyze wire:model attributes to determine binding state.
BeartropyComponent::getSizePreset() — Method in class BeartropyComponent: Resolve the size preset for the component.
$ Checkbox#green — Property in class Checkbox: Green color.
$ Checkbox#gray — Property in class Checkbox: Gray color.
$ FileDropzone#green — Property in class FileDropzone: Green color.
$ FileDropzone#gray — Property in class FileDropzone: Gray color.
FileDropzone::getAcceptHint() — Method in class FileDropzone: Build the accept/size hint string shown below the dropzone icon.
$ FileInput#green — Property in class FileInput: Green color.
$ FileInput#gray — Property in class FileInput: Gray color.
Icon::getClasses() — Method in class Icon: Resolve icon classes and component names.
$ Radio#green — Property in class Radio: Green color.
$ Radio#gray — Property in class Radio: Gray color.
$ RadioGroup#green — Property in class RadioGroup: Green color.
$ Tag#green — Property in class Tag: Green color.
$ Tag#gray — Property in class Tag: Gray color.
$ Toggle#green — Property in class Toggle: Green color.
$ Toggle#gray — Property in class Toggle: Gray color.
ToggleTheme::getViewData() — Method in class ToggleTheme: Get view data for the component.
Beartropy::getFacadeAccessor() — Method in class Beartropy: Get the registered name of the component.
HasErrorBag::getErrorState() — Method in class HasErrorBag: Determine the error state for a specific field.
HasPresets::getComponentPresets() — Method in class HasPresets: Compute component presets based on context.

H

AddPreset::handle() — Method in class AddPreset: Execute the console command.
InstallSkills::handle() — Method in class InstallSkills: Execute the console command.
$ ChatInput#help — Property in class ChatInput: Helper text.
$ ChatInput#hint — Property in class ChatInput: Hint text.
$ Datetime#hint — Property in class Datetime: Hint text below input.
$ Datetime#help — Property in class Datetime: Help text below input.
$ FileDropzone#help — Property in class FileDropzone: Help text.
$ FileDropzone#hint — Property in class FileDropzone: Hint text (alias for help).
$ Nav#highlightMode — Property in class Nav: Highlight mode: 'standard' (bg) or 'text' (text-only).
$ Nav#highlightParentClass — Property in class Nav: CSS classes for active parent items.
$ Nav#highlightChildClass — Property in class Nav: CSS classes for active child items.
$ Nav#hoverTextClass — Property in class Nav: Hover classes for parent items (text mode).
$ Nav#hoverTextChildClass — Property in class Nav: Hover classes for child items (text mode).
$ Nav#hideCategories — Property in class Nav
$ Nav#hoverMenuShowHeader — Property in class Nav
$ Nav#hoverMenuHeaderClass — Property in class Nav
$ Nav#hoverMenuHeaderTextClass — Property in class Nav
$ Select#hint — Property in class Select
$ Select#help — Property in class Select
$ Slider#headerPadding — Property in class Slider: Tailwind padding classes for the header.
$ FieldHelp#hint — Property in class FieldHelp: Hint text.
$ TimePicker#help — Property in class TimePicker: Help text below input.
$ TimePicker#hint — Property in class TimePicker: Hint text below input.
ComponentDocs::handle() — Method in class ComponentDocs
ListComponents::handle() — Method in class ListComponents
ProjectContext::handle() — Method in class ProjectContext
HasDialogs — Class in namespace Beartropy\Ui\Traits: Trait HasDialogs.
HasErrorBag — Class in namespace Beartropy\Ui\Traits: Trait HasErrorBag.
HasPresets — Class in namespace Beartropy\Ui\Traits: Trait HasPresets.
HasToasts — Class in namespace Beartropy\Ui\Traits: Trait HasToasts.

I

InstallSkills — Class in namespace Beartropy\Ui\Commands: Artisan Command: Install Beartropy AI coding skills.
InstallSkills::installForAgents() — Method in class InstallSkills: Install skills for the given agents.
InstallSkills::installForAgent() — Method in class InstallSkills: Install skills for a single agent.
InstallSkills::installModular() — Method in class InstallSkills: Install modular format (Claude Code): one directory per skill with SKILL.md.
InstallSkills::installSingle() — Method in class InstallSkills: Install single-file format (Codex, Copilot): all skills concatenated into one file.
InstallSkills::installMultiFile() — Method in class InstallSkills: Install multi-file format (Cursor, Windsurf): one file per skill.
$ Avatar#initials — Property in class Avatar: Fallback initials.
$ Badge#indigo — Property in class Badge: Indigo color.
InputBase — Class in namespace Beartropy\Ui\Components\Base: Base class for Text Input logic.
InputTriggerBase — Class in namespace Beartropy\Ui\Components\Base: Base class for Input Trigger logic (Selects, Datepickers, etc).
$ ButtonIcon#icon — Property in class ButtonIcon: Icon name.
$ ButtonIcon#iconSet — Property in class ButtonIcon: Icon set to use.
$ ButtonIcon#iconVariant — Property in class ButtonIcon: Icon variant.
$ ChatInput#id — Property in class ChatInput: Component id.
$ Checkbox#indigo — Property in class Checkbox: Indigo color.
$ CommandPalette#items — Property in class CommandPalette: Items definition array.
$ Datetime#id — Property in class Datetime: Component id.
$ Fab#icon — Property in class Fab: Heroicon name (default: 'plus').
$ FileDropzone#id — Property in class FileDropzone: Component ID.
$ FileDropzone#indigo — Property in class FileDropzone: Indigo color.
$ FileInput#indigo — Property in class FileInput: Indigo color.
Icon — Class in namespace Beartropy\Ui\Components: Icon Component.
Input — Class in namespace Beartropy\Ui\Components: Input Component.
$ Menu#iconClass — Property in class Menu: CSS classes for the icon wrapper (default 'w-4 h-4 shrink-0').
$ Modal#id — Property in class Modal: Custom modal ID. Auto-generated if omitted.
$ Nav#items — Property in class Nav: Resolved and permission-filtered navigation items.
$ Nav#itemClass — Property in class Nav: Base CSS classes for parent items.
$ Nav#iconClass — Property in class Nav: CSS classes for icon rendering.
Nav::isItemActive() — Method in class Nav: Determine if a navigation item is active based on current request.
$ Radio#indigo — Property in class Radio: Indigo color.
$ Select#icon — Property in class Select
$ Select#initialValue — Property in class Select
$ Select#isEmpty — Property in class Select
$ Skeleton#init — Property in class Skeleton: Livewire wire:init method name.
$ Table#items — Property in class Table
$ Table#info — Property in class Table: Info color.
$ Tag#indigo — Property in class Tag: Indigo color.
$ TimePicker#id — Property in class TimePicker: Component id.
$ TimePicker#interval — Property in class TimePicker: Minute step (1, 5, 10, 15, 30, 60).
$ Toggle#indigo — Property in class Toggle: Indigo color.
$ ToggleTheme#inheritColor — Property in class ToggleTheme: Inherit parent text color instead of defaults.
$ ToggleTheme#iconColorLight — Property in class ToggleTheme: Tailwind color class for the light-mode icon.
$ ToggleTheme#iconColorDark — Property in class ToggleTheme: Tailwind color class for the dark-mode icon.
$ ToggleTheme#iconLight — Property in class ToggleTheme: Heroicon name for light mode (replaces default SVG).
$ ToggleTheme#iconDark — Property in class ToggleTheme: Heroicon name for dark mode (replaces default SVG).
HasDialogs::info() — Method in class HasDialogs: Show an info dialog.
HasToasts::info() — Method in class HasToasts

L

$ Badge#lg — Property in class Badge: Large.
$ Badge#lime — Property in class Badge: Lime color.
$ ButtonIcon#label — Property in class ButtonIcon: Accessible label.
$ ChatInput#label — Property in class ChatInput: Input label.
$ Checkbox#lg — Property in class Checkbox: Large size.
$ Checkbox#lime — Property in class Checkbox: Lime color.
$ Datetime#label — Property in class Datetime: Input label.
$ Fab#label — Property in class Fab: Accessible label for aria-label.
$ FileDropzone#label — Property in class FileDropzone: Label text.
$ FileDropzone#lime — Property in class FileDropzone: Lime color.
$ FileInput#lg — Property in class FileInput: Large size.
$ FileInput#lime — Property in class FileInput: Lime color.
$ Icon#lg — Property in class Icon: Large.
Lookup — Class in namespace Beartropy\Ui\Components: Lookup Component.
$ Menu#level — Property in class Menu: Recursion depth (internal, default 0).
Nav::loadConfigNav() — Method in class Nav: Load navigation config file: config/beartropy/ui/navs/
.php
$ Radio#lg — Property in class Radio: Large size.
$ Radio#lime — Property in class Radio: Lime color.
$ Select#label — Property in class Select
$ Skeleton#lines — Property in class Skeleton: Number of lines.
$ Tag#lime — Property in class Tag: Lime color.
$ Tag#lg — Property in class Tag: Large.
$ TimePicker#label — Property in class TimePicker: Label text.
$ Toggle#lg — Property in class Toggle: Large size.
$ Toggle#lime — Property in class Toggle: Lime color.
$ ToggleTheme#label — Property in class ToggleTheme: Visible label text (button mode only).
$ ToggleTheme#labelPosition — Property in class ToggleTheme: Label position: left or right.
$ ToggleTheme#labelClass — Property in class ToggleTheme: Custom label CSS classes.
$ Tooltip#label — Property in class Tooltip: Tooltip text displayed inside the floating panel.
ListComponents — Class in namespace Beartropy\Ui\Mcp\Tools
HasPresets::loadPresets() — Method in class HasPresets
HasPresets::loadComponentDefaults() — Method in class HasPresets

M

$ Badge#md — Property in class Badge: Medium.
$ ChatInput#maxLength — Property in class ChatInput: Max character length.
$ Checkbox#md — Property in class Checkbox: Medium size (default).
$ Datetime#min — Property in class Datetime: Minimum date (YYYY-MM-DD).
$ Datetime#max — Property in class Datetime: Maximum date (YYYY-MM-DD).
$ FileDropzone#multiple — Property in class FileDropzone: Allow multiple files.
$ FileDropzone#maxFileSize — Property in class FileDropzone: Max file size in bytes (null = no limit).
$ FileDropzone#maxFiles — Property in class FileDropzone: Max number of files (null = unlimited).
$ FileInput#md — Property in class FileInput: Medium size (default).
$ Icon#md — Property in class Icon: Medium (default).
Menu — Class in namespace Beartropy\Ui\Components: Data-driven navigation menu with recursive nesting, section titles, badges, and active state detection.
$ Menu#mobile — Property in class Menu: Mobile styling flag (adds p-2, default false).
Modal — Class in namespace Beartropy\Ui\Components: Modal Component.
$ Modal#maxWidth — Property in class Modal: Max width key: sm, md, lg, xl, 2xl, 3xl (default), 4xl, 5xl, 6xl, 7xl, full.
$ Radio#md — Property in class Radio: Medium size (default).
$ Select#multiple — Property in class Select
$ Slider#maxWidth — Property in class Slider: Tailwind max-width classes for the panel.
$ FieldHelp#minHeight — Property in class FieldHelp: Min height class.
$ Tag#md — Property in class Tag: Medium (default).
$ TimePicker#min — Property in class TimePicker: Minimum allowed time (HH:mm).
$ TimePicker#max — Property in class TimePicker: Maximum allowed time (HH:mm).
$ Toast#maxVisible — Property in class Toast: Maximum number of visible toasts per position.
$ Toggle#md — Property in class Toggle: Medium size (default).
$ ToggleTheme#mode — Property in class ToggleTheme: Display mode: icon, button, square-button.

N

$ ChatInput#name — Property in class ChatInput: Input name.
$ Checkbox#neutral — Property in class Checkbox: Neutral color.
CommandPalette::normalize() — Method in class CommandPalette: Normalize items to ensure all keys exist.
$ Datetime#name — Property in class Datetime: Input name.
$ FileDropzone#name — Property in class FileDropzone: Input name.
$ FileDropzone#neutral — Property in class FileDropzone: Neutral color.
$ FileInput#neutral — Property in class FileInput: Neutral color.
Lookup::normalizeOptions() — Method in class Lookup: Normalize options into a standard format.
Nav — Class in namespace Beartropy\Ui\Components: Full-featured sidebar navigation with categories, nested children, permissions, and active state detection.
Nav::navId() — Method in class Nav: Generate a unique ID for a navigation item.
$ Radio#neutral — Property in class Radio: Neutral color.
Select::normalizeOptions() — Method in class Select: Normalize options into a standard array format.
$ Slider#name — Property in class Slider: Unique name for event-based triggers (open/close/toggle-slider).
Table::normalizeData() — Method in class Table: Normalize dataset into a standard array format.
$ Tag#neutral — Property in class Tag: Neutral color.

Magic Attributes (Size)
$ TimePicker#name — Property in class TimePicker: Input name.
$ Toggle#neutral — Property in class Toggle: Neutral color.
$ ComponentDocs#name — Property in class ComponentDocs
$ ListComponents#name — Property in class ListComponents
$ ProjectContext#name — Property in class ProjectContext

O

$ Badge#outline — Property in class Badge: Outline with border.
$ Badge#orange — Property in class Badge: Orange color.
$ Checkbox#orange — Property in class Checkbox: Orange color.
$ Fab#onlyMobile — Property in class Fab: When truthy, hides the FAB on md+ screens.
$ FileDropzone#orange — Property in class FileDropzone: Orange color.
$ FileInput#orange — Property in class FileInput: Orange color.
Option — Class in namespace Beartropy\Ui\Components: Option Component (data-only).
$ Radio#orange — Property in class Radio: Orange color.
$ Select#options — Property in class Select
$ Select#optionLabel — Property in class Select: Field map for option label.
$ Select#optionValue — Property in class Select: Field map for option value.
$ Select#optionDescription — Property in class Select: Field map for option description.
$ Select#optionIcon — Property in class Select: Field map for option icon.
$ Select#optionAvatar — Property in class Select: Field map for option avatar.
$ Tag#orange — Property in class Tag: Orange color.
$ Toggle#orange — Property in class Toggle: Orange color.

P

Beartropy::parseIcon() — Method in class Beartropy: Parse and render an icon relative to the UI context.
BeartropyUiServiceProvider::publishIndividualPresets() — Method in class BeartropyUiServiceProvider: Publish individual preset files.
AddPreset::prettyPrintPresetArray() — Method in class AddPreset: Pretty print for arrays like: [ 'default_color' => 'beartropy', 'colors' => [ 'beartropy' => [ ... ], ... ] ]
$ Badge#purple — Property in class Badge: Purple color.
$ Badge#pink — Property in class Badge: Pink color.
$ ChatInput#placeholder — Property in class ChatInput: Placeholder text.
$ Checkbox#primary — Property in class Checkbox: Primary color.
$ Checkbox#purple — Property in class Checkbox: Purple color.
$ Checkbox#pink — Property in class Checkbox: Pink color.
$ Datetime#placeholder — Property in class Datetime: Placeholder text.
$ FileDropzone#placeholder — Property in class FileDropzone: Override empty-state text.
$ FileDropzone#preview — Property in class FileDropzone: Show image previews.
$ FileDropzone#primary — Property in class FileDropzone: Primary color (alias for beartropy).
$ FileDropzone#purple — Property in class FileDropzone: Purple color.
$ FileDropzone#pink — Property in class FileDropzone: Pink color.
$ FileInput#primary — Property in class FileInput: Primary color.
$ FileInput#purple — Property in class FileInput: Purple color.
$ FileInput#pink — Property in class FileInput: Pink color.
$ Radio#primary — Property in class Radio: Primary color.
$ Radio#purple — Property in class Radio: Purple color.
$ Radio#pink — Property in class Radio: Pink color.
$ RadioGroup#primary — Property in class RadioGroup: Primary color.
$ Select#placeholder — Property in class Select
$ Select#perPage — Property in class Select
$ Select#pendingSlotOptions — Property in class Select
$ Table#perPage — Property in class Table
$ Table#paginated — Property in class Table
$ Table#primary — Property in class Table: Primary color.
$ Tag#primary — Property in class Tag: Primary color.
$ Tag#purple — Property in class Tag: Purple color.
$ Tag#pink — Property in class Tag: Pink color.
$ TimePicker#placeholder — Property in class TimePicker: Placeholder text.
$ Toast#position — Property in class Toast: Default toast position: top-right, top-left, bottom-right, bottom-left.
$ Toggle#primary — Property in class Toggle: Primary color.
$ Toggle#purple — Property in class Toggle: Purple color.
$ Toggle#pink — Property in class Toggle: Pink color.
$ Tooltip#position — Property in class Tooltip: Position relative to trigger: top, bottom, left, right (default right).
Beartropy::parseIcon() — Method in class Beartropy: Parse and render an icon.
ProjectContext — Class in namespace Beartropy\Ui\Mcp\Tools
ProjectContext::packageVersion() — Method in class ProjectContext

R

BeartropyUiServiceProvider::registerBoostTools() — Method in class BeartropyUiServiceProvider: Register Beartropy MCP tools with Laravel Boost when available.
BeartropyUiServiceProvider::registerCustomComponents() — Method in class BeartropyUiServiceProvider: Register custom Blade components.
BeartropyUiServiceProvider::register() — Method in class BeartropyUiServiceProvider: Register the application services.
InstallSkills::resolvePackageSkills() — Method in class InstallSkills: Resolve skills for a single package root.
InstallSkills::removeForAgents() — Method in class InstallSkills: Remove skills for the given agents.
InstallSkills::removeForAgent() — Method in class InstallSkills: Remove skills for a single agent.
InstallSkills::removeModular() — Method in class InstallSkills: Remove modular skills (Claude Code).
InstallSkills::removeSingle() — Method in class InstallSkills: Remove single-file skills (Codex, Copilot).
InstallSkills::removeMultiFile() — Method in class InstallSkills: Remove multi-file skills (Cursor, Windsurf).
Alert::render() — Method in class Alert: Get the view / contents that represent the component.
Avatar::render() — Method in class Avatar
$ Badge#red — Property in class Badge: Red color.
$ Badge#rose — Property in class Badge: Rose color.
Badge::render() — Method in class Badge
ButtonBase::render() — Method in class ButtonBase
CheckboxBase::render() — Method in class CheckboxBase
DropdownBase::render() — Method in class DropdownBase
FileBase::render() — Method in class FileBase
InputBase::render() — Method in class InputBase
InputTriggerBase::render() — Method in class InputTriggerBase
RangeBase — Class in namespace Beartropy\Ui\Components\Base: Base class for Range input logic.
RangeBase::render() — Method in class RangeBase
SelectBase::render() — Method in class SelectBase
Button::render() — Method in class Button: Get the view / contents that represent the component.
$ ButtonIcon#rounded — Property in class ButtonIcon: Rounded class (default 'full').
ButtonIcon::render() — Method in class ButtonIcon: Get the view / contents that represent the component.
Card::render() — Method in class Card
$ ChatInput#readonly — Property in class ChatInput: Readonly state.
$ ChatInput#required — Property in class ChatInput: Required state.
ChatInput::render() — Method in class ChatInput: Get the view / contents that represent the component.
$ Checkbox#red — Property in class Checkbox: Red color.
$ Checkbox#rose — Property in class Checkbox: Rose color.
Checkbox::render() — Method in class Checkbox
CommandPalette::render() — Method in class CommandPalette: Get the view / contents that represent the component.
CommandPalette::resolveItems() — Method in class CommandPalette: Resolve items from array or JSON file.
CommandPalette::readJsonFromStorage() — Method in class CommandPalette: Read JSON file from storage.
$ Datetime#readonly — Property in class Datetime: Readonly state.
$ Datetime#range — Property in class Datetime: Enable range mode.
Datetime::render() — Method in class Datetime: Get the view / contents that represent the component.
DebugBreakpoints::render() — Method in class DebugBreakpoints: Get the view / contents that represent the component.
Dialog::render() — Method in class Dialog: Get the view / contents that represent the component.
Dropdown::render() — Method in class Dropdown: Get the view / contents that represent the component.
$ Fab#right — Property in class Fab: CSS right offset (default: '1rem').
Fab::render() — Method in class Fab: Get the view / contents that represent the component.
$ FileDropzone#red — Property in class FileDropzone: Red color.
$ FileDropzone#rose — Property in class FileDropzone: Rose color.
FileDropzone::render() — Method in class FileDropzone: Get the view / contents that represent the component.
$ FileInput#red — Property in class FileInput: Red color.
$ FileInput#rose — Property in class FileInput: Rose color.
FileInput::render() — Method in class FileInput
Icon::render() — Method in class Icon
Input::render() — Method in class Input
Lookup::render() — Method in class Lookup: Get the view that represents the component.
Menu::renderIcon() — Method in class Menu: Render an icon name to HTML using the shared Icon component.
Menu::render() — Method in class Menu
Modal::render() — Method in class Modal
$ Nav#rememberCollapse — Property in class Nav
$ Nav#rememberCollapseKey — Property in class Nav
Nav::resolveItems() — Method in class Nav: Resolve the navigation items source.
Nav::renderIcon() — Method in class Nav: Render an icon for a navigation item.
Nav::render() — Method in class Nav: Get the view / contents that represent the component.
Option::render() — Method in class Option: Render nothing — this is a data-only component.
Radio — Class in namespace Beartropy\Ui\Components: Radio component.
$ Radio#red — Property in class Radio: Red color.
$ Radio#rose — Property in class Radio: Rose color.
Radio::render() — Method in class Radio
RadioGroup — Class in namespace Beartropy\Ui\Components: RadioGroup component.
$ RadioGroup#red — Property in class RadioGroup: Red color.
RadioGroup::render() — Method in class RadioGroup
$ Select#remote — Property in class Select
$ Select#remoteUrl — Property in class Select
Select::renderIcon() — Method in class Select: Pre-render an icon string into HTML.
Select::render() — Method in class Select: Get the view / contents that represent the component.
$ Skeleton#rounded — Property in class Skeleton: Border radius preset (none, sm, md, lg, xl, full).
$ Skeleton#rows — Property in class Skeleton: Number of rows (table shape).
Skeleton::render() — Method in class Skeleton: Get the view / contents that represent the component.
Slider::render() — Method in class Slider: Get the view / contents that represent the component.
FieldHelp::render() — Method in class FieldHelp: Get the view / contents that represent the component.
Table::render() — Method in class Table
$ Tag#red — Property in class Tag: Red color.
$ Tag#rose — Property in class Tag: Rose color.
Tag::render() — Method in class Tag
Textarea::render() — Method in class Textarea: Get the view / contents that represent the component.
ThemeHead::render() — Method in class ThemeHead
$ TimePicker#readonly — Property in class TimePicker: Readonly state.
TimePicker::render() — Method in class TimePicker: Get the view / contents that represent the component.
Toast::render() — Method in class Toast
$ Toggle#red — Property in class Toggle: Red color.
$ Toggle#rose — Property in class Toggle: Rose color.
Toggle::render() — Method in class Toggle
ToggleTheme::render() — Method in class ToggleTheme: Get the view / contents that represent the component.
Tooltip::render() — Method in class Tooltip: Get the view / contents that represent the component.
BeartropyAssets::render() — Method in class BeartropyAssets: Render the HTML tags for CSS and JS assets.
HasPresets::resolveSize() — Method in class HasPresets
HasPresets::resolveVariant() — Method in class HasPresets
HasPresets::resolveColor() — Method in class HasPresets
HasPresets::resolveFill() — Method in class HasPresets

S

$ AddPreset#signature — Property in class AddPreset: The name and signature of the console command.
$ InstallSkills#signature — Property in class InstallSkills
InstallSkills::stripFrontmatter() — Method in class InstallSkills: Strip YAML frontmatter from content.
$ Avatar#src — Property in class Avatar: Image source URL.
$ Avatar#size — Property in class Avatar: Size preset (e.g. 'sm', 'md').
$ Badge#sm — Property in class Badge: Small (default via config).
$ Badge#solid — Property in class Badge: Solid background (default).
$ Badge#soft — Property in class Badge: Soft/muted background.
$ Badge#sky — Property in class Badge: Sky color.
SelectBase — Class in namespace Beartropy\Ui\Components\Base: Base class for native Select logic.
$ BeartropyComponent#size — Property in class BeartropyComponent: Component size (md, lg, etc.) used for preset resolution.
$ ButtonIcon#size — Property in class ButtonIcon: Button size.
$ ButtonIcon#spinner — Property in class ButtonIcon: Show spinner on loading.
$ ChatInput#stacked — Property in class ChatInput: Stacked layout.
$ ChatInput#submitOnEnter — Property in class ChatInput: Submit form on Enter key.
$ Checkbox#sm — Property in class Checkbox: Small size.
$ Checkbox#sky — Property in class Checkbox: Sky color.
$ Checkbox#slate — Property in class Checkbox: Slate color.
$ Checkbox#stone — Property in class Checkbox: Stone color.
$ CommandPalette#source — Property in class CommandPalette: Legacy source path (unused).
$ CommandPalette#src — Property in class CommandPalette: JSON source path in storage/app.
CommandPalette::stripPermissions() — Method in class CommandPalette: Remove 'permission' key before sending to client.
$ Datetime#showTime — Property in class Datetime: Enable time picker.
$ Fab#size — Property in class Fab: Size preset name.
$ FileDropzone#sky — Property in class FileDropzone: Sky color.
$ FileDropzone#slate — Property in class FileDropzone: Slate color.
$ FileDropzone#stone — Property in class FileDropzone: Stone color.
$ FileInput#sm — Property in class FileInput: Small size.
$ FileInput#sky — Property in class FileInput: Sky color.
$ FileInput#slate — Property in class FileInput: Slate color.
$ FileInput#stone — Property in class FileInput: Stone color.
$ Icon#sm — Property in class Icon: Small.
$ Modal#styled — Property in class Modal: Enables styled mode with padded wrapper, title border, footer border (default: false).
$ Modal#showCloseButton — Property in class Modal: Whether to show the X close button (default: true).
$ Nav#sidebarBind — Property in class Nav: Alpine variable name for sidebar collapse binding.
$ Nav#singleOpenExpanded — Property in class Nav
$ Radio#sm — Property in class Radio: Small size.
$ Radio#sky — Property in class Radio: Sky color.
$ Radio#slate — Property in class Radio: Slate color.
$ Radio#stone — Property in class Radio: Stone color.
Select — Class in namespace Beartropy\Ui\Components: Select Component.
$ Select#selected — Property in class Select
$ Select#searchable — Property in class Select
$ Select#size — Property in class Select
$ Select#spinner — Property in class Select
Skeleton — Class in namespace Beartropy\Ui\Components: Skeleton component.
$ Skeleton#shape — Property in class Skeleton: Shape type (card, rectangle, image, table, none).
Slider — Class in namespace Beartropy\Ui\Components: Slider (slide-over panel) component.
$ Slider#show — Property in class Slider: Initial visibility (usually controlled via wire:model).
$ Slider#side — Property in class Slider: Side to slide from: 'left' or 'right'.
$ Slider#static — Property in class Slider: When true, backdrop click does not close the slider.
$ Table#sortable — Property in class Table
$ Table#searchable — Property in class Table
$ Table#striped — Property in class Table
$ Table#secondary — Property in class Table: Secondary color.
$ Table#success — Property in class Table: Success color.
$ Tag#sky — Property in class Tag: Sky color.
$ Tag#slate — Property in class Tag: Slate color.
$ Tag#stone — Property in class Tag: Stone color.
$ Tag#sm — Property in class Tag: Small.
$ TimePicker#seconds — Property in class TimePicker: Show seconds column.
$ Toggle#sm — Property in class Toggle: Small size.
$ Toggle#sky — Property in class Toggle: Sky color.
$ Toggle#slate — Property in class Toggle: Slate color.
$ Toggle#stone — Property in class Toggle: Stone color.
$ ToggleTheme#size — Property in class ToggleTheme: Size preset (xs, sm, md, lg, xl, 2xl).
ComponentDocs::schema() — Method in class ComponentDocs
ListComponents::schema() — Method in class ListComponents
ProjectContext::schema() — Method in class ProjectContext
HasDialogs::success() — Method in class HasDialogs: Show a success dialog.
HasPresets::syncInstanceProps() — Method in class HasPresets
HasToasts::success() — Method in class HasToasts
HasToasts::send() — Method in class HasToasts

T

$ Badge#tint — Property in class Badge: Tinted translucent background.
$ Badge#teal — Property in class Badge: Teal color.
$ Checkbox#teal — Property in class Checkbox: Teal color.
$ FileDropzone#teal — Property in class FileDropzone: Teal color.
$ FileInput#teal — Property in class FileInput: Teal color.
$ Modal#teleport — Property in class Modal: Teleports modal to target element (default: true).
$ Modal#teleportTarget — Property in class Modal: Teleport target selector (default: body).
$ Radio#teal — Property in class Radio: Teal color.
$ Skeleton#tag — Property in class Skeleton: HTML tag to use.
$ Slider#title — Property in class Slider: Panel header title text.
Table — Class in namespace Beartropy\Ui\Components: Table Component.
Tag — Class in namespace Beartropy\Ui\Components: Tag component.
$ Tag#teal — Property in class Tag: Teal color.
Textarea — Class in namespace Beartropy\Ui\Components: Textarea Component.
ThemeHead — Class in namespace Beartropy\Ui\Components: ThemeHead component.
TimePicker — Class in namespace Beartropy\Ui\Components: TimePicker component.
Toast — Class in namespace Beartropy\Ui\Components: Toast notification container component.
Toggle — Class in namespace Beartropy\Ui\Components: Toggle Component.
$ Toggle#teal — Property in class Toggle: Teal color.
ToggleTheme — Class in namespace Beartropy\Ui\Components: ToggleTheme component.
Tooltip — Class in namespace Beartropy\Ui\Components: Tooltip component.
HasToasts::toast() — Method in class HasToasts: Get the toast proxy instance.

U

$ Select#userSearchable — Property in class Select
$ Select#userClearable — Property in class Select

V

$ Badge#violet — Property in class Badge: Violet color.
$ Checkbox#violet — Property in class Checkbox: Violet color.
$ Datetime#value — Property in class Datetime: Initial value.
$ FileDropzone#violet — Property in class FileDropzone: Violet color.
$ FileInput#violet — Property in class FileInput: Violet color.
$ Radio#violet — Property in class Radio: Violet color.
$ Tag#violet — Property in class Tag: Violet color.
$ TimePicker#value — Property in class TimePicker: Initial value (HH:mm or HH:mm:ss).
$ Toggle#violet — Property in class Toggle: Violet color.

W

$ Nav#withnavigate — Property in class Nav: Whether to add wire:navigate to links.
$ Table#warning — Property in class Table: Warning color.
HasDialogs::warning() — Method in class HasDialogs: Show a warning dialog.
HasToasts::warning() — Method in class HasToasts

X

$ Badge#xs — Property in class Badge: Extra Small.
$ Badge#xl — Property in class Badge: Extra Large.

Magic Attributes (Variant)
$ Checkbox#xs — Property in class Checkbox: Extra Small size.
$ Checkbox#xl — Property in class Checkbox: Extra Large size.
$ FileInput#xs — Property in class FileInput: Extra Small size.
$ FileInput#xl — Property in class FileInput: Extra Large size.
$ Icon#xs — Property in class Icon: Extra Small.
$ Icon#xl — Property in class Icon: Extra Large.
$ Radio#xs — Property in class Radio: Extra Small size.
$ Radio#xl — Property in class Radio: Extra Large size.
$ Tag#xs — Property in class Tag: Extra Small.
$ Tag#xl — Property in class Tag: Extra Large.
$ Toggle#xs — Property in class Toggle: Extra Small size.
$ Toggle#xl — Property in class Toggle: Extra Large size.

Y

$ Badge#yellow — Property in class Badge: Yellow color.
$ Checkbox#yellow — Property in class Checkbox: Yellow color.
$ FileDropzone#yellow — Property in class FileDropzone: Yellow color.
$ FileInput#yellow — Property in class FileInput: Yellow color.
$ Radio#yellow — Property in class Radio: Yellow color.
$ Tag#yellow — Property in class Tag: Yellow color.
$ Toggle#yellow — Property in class Toggle: Yellow color.

Z

$ Checkbox#zinc — Property in class Checkbox: Zinc color.
$ Fab#zIndex — Property in class Fab: CSS z-index value (default: 50).
$ FileDropzone#zinc — Property in class FileDropzone: Zinc color.
$ FileInput#zinc — Property in class FileInput: Zinc color.
$ Modal#zIndex — Property in class Modal: Tailwind z-index number (default: 30).
$ Radio#zinc — Property in class Radio: Zinc color.
$ Tag#zinc — Property in class Tag: Zinc color.
$ Toggle#zinc — Property in class Toggle: Zinc color.
AssetController::ziggy() — Method in class AssetController: Serve the Ziggy route list as a JavaScript file.

_

Alert::__construct() — Method in class Alert: Create a new Alert component instance.
Avatar::__construct() — Method in class Avatar: Create a new Avatar component instance.
Badge::__construct() — Method in class Badge
ButtonBase::__construct() — Method in class ButtonBase
CheckboxBase::__construct() — Method in class CheckboxBase
DropdownBase::__construct() — Method in class DropdownBase
InputBase::__construct() — Method in class InputBase
InputTriggerBase::__construct() — Method in class InputTriggerBase
Button::__construct() — Method in class Button: Create a new Button component instance.
ButtonIcon::__construct() — Method in class ButtonIcon: Create a new ButtonIcon component instance.
Card::__construct() — Method in class Card: Create a new Card component instance.
ChatInput::__construct() — Method in class ChatInput: Create a new ChatInput component instance.
Checkbox::__construct() — Method in class Checkbox
CommandPalette::__construct() — Method in class CommandPalette: Create a new CommandPalette component instance.
Datetime::__construct() — Method in class Datetime: Create a new Datetime component instance.
DebugBreakpoints::__construct() — Method in class DebugBreakpoints: Create a new DebugBreakpoints component instance.
Dialog::__construct() — Method in class Dialog
Dropdown::__construct() — Method in class Dropdown
Fab::__construct() — Method in class Fab: Create a new Fab component instance.
FileDropzone::__construct() — Method in class FileDropzone: Create a new FileDropzone component instance.
FileInput::__construct() — Method in class FileInput
Icon::__construct() — Method in class Icon
Input::__construct() — Method in class Input: Create a new Input component instance.
Lookup::__construct() — Method in class Lookup: Create a new Lookup component instance.
Menu::__construct() — Method in class Menu
Modal::__construct() — Method in class Modal: Create a new Modal component instance.
Nav::__construct() — Method in class Nav: Create a new Nav component instance.
Option::__construct() — Method in class Option
Radio::__construct() — Method in class Radio
RadioGroup::__construct() — Method in class RadioGroup
Select::__construct() — Method in class Select: Create a new Select component instance.
Skeleton::__construct() — Method in class Skeleton: Create a new Skeleton component instance.
Slider::__construct() — Method in class Slider: Create a new Slider component instance.
FieldHelp::__construct() — Method in class FieldHelp: Create a new FieldHelp component instance.
Table::__construct() — Method in class Table: Create a new Table component instance.
Tag::__construct() — Method in class Tag: Create a new Tag component instance.
Textarea::__construct() — Method in class Textarea: Create a new Textarea component instance.
TimePicker::__construct() — Method in class TimePicker: Create a new TimePicker component instance.
Toast::__construct() — Method in class Toast: Create a new Toast component instance.
Toggle::__construct() — Method in class Toggle
ToggleTheme::__construct() — Method in class ToggleTheme: Create a new ToggleTheme component instance.
Tooltip::__construct() — Method in class Tooltip: Create a new Tooltip component instance.
$ HasToasts#_beartropy_toast_proxy — Property in class HasToasts
HasToasts::__construct() — Method in class HasToasts

A

B

C

D

E

Color Presets

F

G

Magic Attributes (Color)

H

I

L

M

N

Magic Attributes (Size)

O

P

R

S

T

U

V

W

X

Magic Attributes (Variant)

Y

Z

_