beartropy/ui
Beartropy UI is a small Laravel UI package providing ready-made components and helpers to speed up building admin and front-end screens. Drop in common layouts, forms, and UI utilities to get a consistent look fast with minimal setup.
max-w-[20rem] from the outer searchbox container to the search input wrapper so justify-between can push the actions slot to the right. Added searchbar preset key for outer container spacing.actions slot not being pushed to the right — wrapped search input in a block-level div so justify-between works correctly.actions slot for rendering content (buttons, filters) in the top-right of the table header, opposite the search input.render() generating different ?v= cache-busting values on every request when assets are not published to public/. The time() fallback is replaced with filemtime() on the package's source files, producing a stable version string that prevents Livewire's data-navigate-once from duplicating <script> and <link> tags during wire:navigate SPA navigation./request and /requested when on /requested. Child item active detection now uses segment-aware path matching (/request/ boundary) instead of naive string startsWith.beartropy-ui-lang tag.minWidth and maxWidth props for constraining dropdown panel dimensions.$width class from teleport div to prevent w-full expanding to viewport.fitAnchor to false so calendar panel sizes independently from narrow triggers.min-width: 12rem, max-width: 32rem.min-width: 12rem, max-width: 32rem.min-width: 12rem, max-width: 22rem.min-width: 16rem, max-width: 25rem.max-w-40).wire:navigate navigation. Added livewire:navigated event listener to re-apply theme after SPA navigation and restored data-bt-theme attribute in MutationObserver callback.wire:navigate by replacing the livewire:navigated listener with a MutationObserver that reapplies the theme before the browser repaints.end slot into the start area so the end slot is exclusively available for user-provided content.$id property.html:not([data-bt-theme]) body{opacity:0}) to prevent dark-mode FOUC on Chrome/Linux. The inline script now sets data-bt-theme on <html> before body renders, lifting the guard instantly.detail.property check forgiving when the field is absent, and added fallback branches for when wire:model value is not available.[@beartropyHtmlClass](https://github.com/beartropyHtmlClass) Blade directive — reads a bt_theme cookie server-side and renders the dark class on <html> for zero-FOUC on first paint.bt_theme cookie alongside localStorage, enabling server-side rendering.wire:navigate by adding data-navigate-once to all [@BeartropyAssets](https://github.com/BeartropyAssets) head elements, preventing Livewire from removing and re-adding the stylesheet during navigation.<style> with color-scheme CSS rules so native form controls (inputs, selects) respect dark mode without waiting for JS.stopPropagation.[@click](https://github.com/click).stop on modal container that broke [@click](https://github.com/click).outside for nested components.[@beartropyAssets](https://github.com/beartropyAssets) now includes an inline theme script automatically, preventing FOUC without requiring <x-bt-theme-head />.toggle-theme and theme-head docs to clarify that [@beartropyAssets](https://github.com/beartropyAssets) handles FOUC prevention automatically.<x-bt-theme-head /> component — a blocking inline script for <head> that applies the saved dark/light theme before CSS renders, preventing the light-to-dark FOUC on page load and during wire:navigate navigation.initTheme() now guards against duplicate livewire:navigated listeners when <x-bt-theme-head /> is present.size prop to support magic size attributes.beartropy/* packages via convention-based scanning and optional skills.json manifest.--force produces a clean state./bt-* slash command hint.beartropy-* to bt-ui-* prefix for consistency with the convention-based discovery pattern.beartropy to bt prefix.beartropy-project-context tool that returns project configuration (version, prefix, icon set, component defaults).ListComponents::CATEGORIES constant public for cross-tool reuse.beartropy-component-docs, beartropy-list-components) for automatic component documentation access.beartropy:skills command (Claude, Codex, Copilot, Cursor, Windsurf).release and beartropy-docs-maintenance skills for maintainers.border-color prop to allow using a specific preset's border style independently.white preset to chat-input configuration.addEventListener in init().name prop and external trigger support via $dispatch events (open-slider, close-slider, toggle-slider).chat-input textarea stability with hysteresis and debounced layout changes.chat-input textarea resize preventing internal scroll.x-cloak to chat-input component to prevent flash of unstyled content.placeholder:text-sm from all chat-input color presets so placeholder text matches input text size.confirm variant.x-cloak to slider component to prevent initial loading glitch.title and footer slots to allow custom classes and attributes.modal-root component for better attribute handling and cleaner code.tools and actions slots for enhanced customization.stacked, submitOnEnter, and action props for layout control and behavior.beartropy custom icon set.Icon component not forwarding attributes (e.g., event listeners) to the underlying element.ChatInput component.How can I help you explore Laravel packages today?