[2.x] Optimize rendering and customization

.github/workflows/frontend-tests.yml

@@ -0,0 +1,30 @@
+name: frontend-tests
+
+on:
+  push:
+    branches: [2.x-dev]
+  pull_request:
+    branches: [2.x-dev]
+
+permissions:
+  contents: read
+
+jobs:
+  tailwind:
+    name: Tailwind CSS 4 compile
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v7
+
+      - name: Setup Node
+        uses: actions/setup-node@v6
+        with:
+          node-version: 24
+
+      - name: Install frontend dependencies
+        run: npm install --no-audit --no-fund
+
+      - name: Compile Tailwind and verify Lazy UI classes
+        run: npm run test:css

.github/workflows/phpstan.yml

@@ -5,6 +5,12 @@ permissions:
 
 on:
   push:
+    branches: [2.x-dev]
+    paths:
+      - '**.php'
+      - 'phpstan.neon.dist'
+  pull_request:
+    branches: [2.x-dev]
     paths:
       - '**.php'
       - 'phpstan.neon.dist'

.github/workflows/run-tests.yml

@@ -16,19 +16,19 @@ jobs:
       fail-fast: true
       matrix:
         os: [ubuntu-latest, windows-latest]
-        php: [8.4, 8.3, 8.2]
-        laravel: [12.*, 11.*, 10.*]
+        php: [8.5, 8.4, 8.3, 8.2]
+        laravel: [13.*, 12.*]
         stability: [prefer-stable]
+        exclude:
+          - php: 8.2
+            laravel: 13.*
         include:
+          - laravel: 13.*
+            testbench: 11.*
+            carbon: '>=3.8.4 <4.0'
           - laravel: 12.*
             testbench: 10.*
             carbon: '>=3.8.4 <4.0'
-          - laravel: 11.*
-            testbench: 9.*
-            carbon: '>=2.72.6 <4.0'
-          - laravel: 10.*
-            testbench: 8.*
-            carbon: '>=2.72.6 <3.0'
 
     name: P${{ matrix.php }} - L${{ matrix.laravel }} - ${{ matrix.stability }} - ${{ matrix.os }}
 

README.md

@@ -11,7 +11,7 @@ This is where your description should go. Limit it to a paragraph or two. Consid
 
 ## 2.x frontend stack
 
-Lazy UI 2.x uses:
+Lazy UI 2.x supports Laravel 12 and 13 and uses:
 
 - Tailwind CSS 4
 - daisyUI 5
@@ -62,84 +62,101 @@ composer test
 
 ## 📁 List of components
 
+Lazy UI 2.x provides wrappers for all current daisyUI 5 component families while keeping daisyUI class names internal to the package.
+
 <details>
 <summary>
   show / hide
 </summary>
 
 - Actions
-
     - [x] Button
-    - [ ] Dropdown
-    - [ ] Modal
+    - [x] Dropdown
+    - [x] FAB / Speed Dial
+    - [x] Modal
     - [x] Swap
+    - [x] Theme Controller
 
 - Data display
-
-    - [x] Alert
+    - [x] Accordion
     - [x] Avatar
+    - [x] Aura
     - [x] Badge
-    - [ ] Banner
-    - [ ] Calendar
-    - [ ] Card
-    - [ ] Carousel
+    - [x] Card
+    - [x] Carousel
     - [x] Chat bubble
-    - [ ] Collapse
-    - [ ] Countdown
-    - [ ] Empty placeholder
+    - [x] Collapse
+    - [x] Countdown
+    - [x] Diff
+    - [x] Hover 3D
+    - [x] Hover Gallery
     - [x] Kbd
+    - [x] List
+    - [x] Stat
+    - [x] Status
+    - [x] Table
+    - [x] Text Rotate
+    - [x] Timeline
+
+- Navigation
+    - [x] Breadcrumbs
+    - [x] Dock
+    - [x] Link
+    - [x] Megamenu
+    - [x] Menu
+    - [x] Navbar
+    - [x] Pagination
+    - [x] Steps
+    - [x] Tabs
+
+- Feedback
+    - [x] Alert
     - [x] Loading
     - [x] Progress
     - [x] Radial progress
-    - [ ] Stat
-    - [ ] Table
-    - [ ] Tag
-    - [ ] Timeline
-    - [ ] Toast
+    - [x] Skeleton
+    - [x] Toast
     - [x] Tooltip
-    - [ ] Treeview
 
 - Data input
+    - [x] Calendar
     - [x] Checkbox
-    - [ ] File input
-    - [x] Text input
-    - [ ] Radio
+    - [x] Fieldset
+    - [x] File Input
+    - [x] Filter
+    - [x] Label
+    - [x] Radio
     - [x] Range
-    - [ ] Rating
-    - [ ] Select
-    - [ ] Multi select
+    - [x] Rating
+    - [x] Select
+    - [x] Text Input
     - [x] Textarea
     - [x] Toggle
-- Layout
+    - [x] Validator
+    - [x] OTP
 
-    - [ ] Artboard
-    - [x] Button group
+- Layout
     - [x] Divider
-    - [ ] Drawer
-    - [ ] Footer
+    - [x] Drawer
+    - [x] Footer
+    - [x] Hero
+    - [x] Indicator
     - [x] Join
-    - [ ] Hero
-    - [ ] Indicator
-    - [x] Input group
     - [x] Mask
     - [x] Stack
 
-- Navigation
-
-    - [ ] Bottom Navigation
-    - [x] Breadcrumbs
-    - [x] Link
-    - [ ] Menu
-    - [ ] Navbar
-    - [ ] Pagination
-    - [ ] Steps
-    - [x] Tab
-
 - Mockup
-    - [ ] Browser
-    - [ ] Code
+    - [x] Browser
+    - [x] Code
     - [x] Phone
-    - [ ] Window
+    - [x] Window
+
+### Legacy compatibility
+
+- [x] Button Group → Join
+- [x] `danger` → daisyUI `error`
+- [x] `boxed` / `lifted` / `bordered` tab API → daisyUI 5 tab classes
+- [x] Legacy square/parallelogram masks retained by Lazy UI compatibility CSS
 
 </details>
 

composer.json

@@ -25,20 +25,19 @@
         }
     ],
     "require": {
-        "php": "^8.1",
-        "illuminate/contracts": "^v10.17.1|^v11.0|^12.0",
+        "php": "^8.2",
+        "illuminate/contracts": "^12.0|^13.0",
         "livewire/livewire": "^4.4",
         "spatie/laravel-package-tools": "^1.14.0"
     },
     "require-dev": {
-
         "laravel/pint": "^1.14",
-        "nunomaduro/collision": "^8.1.1||^7.10.0",
-        "larastan/larastan": "^2.9||^3.0",
-        "orchestra/testbench": "^10.0.0||^9.0.0||^8.22.0",
-        "pestphp/pest": "^2.0||^3.0",
-        "pestphp/pest-plugin-arch": "^2.0||^3.0",
-        "pestphp/pest-plugin-laravel": "^2.0||^3.0",
+        "nunomaduro/collision": "^8.1.1||^9.0",
+        "larastan/larastan": "^3.0",
+        "orchestra/testbench": "^10.0||^11.0",
+        "pestphp/pest": "^3.0||^4.0",
+        "pestphp/pest-plugin-arch": "^3.0||^4.0",
+        "pestphp/pest-plugin-laravel": "^3.0||^4.0",
         "phpstan/extension-installer": "^1.3||^2.0",
         "phpstan/phpstan-deprecation-rules": "^1.1||^2.0",
         "phpstan/phpstan-phpunit": "^1.3||^2.0"

config/lazy/themes.php

@@ -6,44 +6,53 @@
      * Available options: multiple, single, toggle
      */
     'theme_toggle' => 'multiple',
+
     /*
-     * This is the list of themes that will be available for the theme switcher.
-     * You can add your own themes here.
+     * Themes displayed by the Lazy UI theme switcher.
+     *
+     * To add a custom daisyUI theme, define it in your application's
+     * resources/css/lazy.css and add the same theme name here.
      */
     'themes' => [
         'light',
         'dark',
-        'acid',
-        'aqua',
-        'autumn',
-        'black',
+        'cupcake',
         'bumblebee',
-        'business',
-        'cmyk',
-        'coffee',
+        'emerald',
         'corporate',
-        'cupcake',
+        'synthwave',
+        'retro',
         'cyberpunk',
-        'dracula',
-        'emerald',
-        'fantasy',
-        'forest',
-        'garden',
+        'valentine',
         'halloween',
-        'lemonade',
+        'garden',
+        'forest',
+        'aqua',
         'lofi',
+        'pastel',
+        'fantasy',
+        'wireframe',
+        'black',
         'luxury',
+        'dracula',
+        'cmyk',
+        'autumn',
+        'business',
+        'acid',
+        'lemonade',
         'night',
-        'pastel',
-        'retro',
-        'synthwave',
-        'valentine',
+        'coffee',
         'winter',
-        'wireframe',
+        'dim',
+        'nord',
+        'sunset',
+        'caramellatte',
+        'abyss',
+        'silk',
     ],
 
     /*
-     * This is list to toggle themes.
+     * Themes used by the two-state theme toggle.
      */
     'toggle_themes' => [
         'light',

docs/upgrade-1-to-2.md

@@ -1,6 +1,6 @@
 # Upgrade from Lazy UI 1.x to 2.x
 
-Lazy UI 2.x is a major frontend migration.
+Lazy UI 2.x is a major frontend migration and supports Laravel 12 and 13 only.
 
 | Lazy UI | Tailwind CSS | daisyUI | Quill |
 | --- | --- | --- | --- |
@@ -11,6 +11,8 @@ Lazy UI 1.x remains the maintenance line for projects that need Tailwind CSS 3 o
 
 ## Before upgrading
 
+Make sure the application is running Laravel 12 or 13 before upgrading Lazy UI. Laravel 10 and 11 are not supported by Lazy UI 2.x.
+
 Create a branch and make sure the current application builds before changing dependencies.
 
 ```bash

package.json

@@ -3,14 +3,24 @@
   "version": "2.0.0-dev",
   "description": "TallStack components",
   "license": "MIT",
-  "keywords": ["design-system","tailwindcss","components","ui-library","component","framework","tailwind"],
+  "keywords": [
+    "design-system",
+    "tailwindcss",
+    "components",
+    "ui-library",
+    "component",
+    "framework",
+    "tailwind"
+  ],
+  "scripts": {
+    "test:css": "tailwindcss -i ./tests/frontend/lazy.css -o ./build/lazy-ui.css --minify && node ./tests/frontend/assert-css.mjs"
+  },
   "dependencies": {
-    "alpinejs": "^3.13.1",
     "axios": "^1.6.0",
-    "quill": "^2.0.3",
-    "theme-change": "^2.5.0"
+    "quill": "^2.0.3"
   },
   "devDependencies": {
+    "@tailwindcss/cli": "^4.3.3",
     "@tailwindcss/forms": "^0.5.6",
     "@tailwindcss/postcss": "^4.3.3",
     "daisyui": "^5.7.46",

phpstan.neon.dist

@@ -9,5 +9,4 @@ parameters:
     tmpDir: build/phpstan
     checkOctaneCompatibility: true
     checkModelProperties: true
-    checkMissingIterableValueType: false
     treatPhpDocTypesAsCertain: true

phpunit.xml.dist

@@ -5,13 +5,6 @@
       <directory>tests</directory>
     </testsuite>
   </testsuites>
-  <coverage>
-    <report>
-      <html outputDirectory="build/coverage"/>
-      <text outputFile="build/coverage.txt"/>
-      <clover outputFile="build/logs/clover.xml"/>
-    </report>
-  </coverage>
   <logging>
     <junit outputFile="build/report.junit.xml"/>
   </logging>