fix screenshots

docs-assets/app/app/Livewire/Panels/Navigation/BadgeColor.php

@@ -20,7 +20,7 @@ class BadgeColor extends Page
                     ->label('Orders')
                     ->url(fn (): string => '#')
                     ->icon(Heroicon::OutlinedShoppingCart)
-                    ->badge(32, Color::Red),
+                    ->badge(32, 'danger'),
             ]);
     }
 }

docs-assets/app/app/Livewire/TablesDemo.php

@@ -8,6 +8,8 @@ use Filament\Actions\Action;
 use Filament\Actions\ActionGroup;
 use Filament\Actions\BulkAction;
 use Filament\Actions\BulkActionGroup;
+use Filament\Actions\Concerns\InteractsWithActions;
+use Filament\Actions\Contracts\HasActions;
 use Filament\Actions\CreateAction;
 use Filament\Actions\DeleteAction;
 use Filament\Actions\DeleteBulkAction;
@@ -53,8 +55,9 @@ use Illuminate\Database\Eloquent\Builder;
 use Livewire\Component;
 use stdClass;
 
-class TablesDemo extends Component implements HasSchemas, HasTable
+class TablesDemo extends Component implements HasActions, HasSchemas, HasTable
 {
+    use InteractsWithActions;
     use InteractsWithSchemas;
     use InteractsWithTable;
 

docs-assets/app/app/Providers/Filament/configure.php

@@ -2,6 +2,6 @@
 
 use Filament\Panel;
 
-return function (Panel $panel): void {
+return function (Panel $panel) {
     //
 };

docs-assets/app/public/js/filament/forms/components/checkbox-list.js

@@ -1 +1 @@
-function s({livewireId:i}){return{areAllCheckboxesChecked:!1,checkboxListOptions:[],search:"",visibleCheckboxListOptions:[],init:function(){this.checkboxListOptions=Array.from(this.$root.querySelectorAll(".fi-fo-checkbox-list-option-label")),this.updateVisibleCheckboxListOptions(),this.$nextTick(()=>{this.checkIfAllCheckboxesAreChecked()}),Livewire.hook("commit",({component:e,commit:t,succeed:o,fail:c,respond:h})=>{o(({snapshot:l,effect:r})=>{this.$nextTick(()=>{e.id===i&&(this.checkboxListOptions=Array.from(this.$root.querySelectorAll(".fi-fo-checkbox-list-option-label")),this.updateVisibleCheckboxListOptions(),this.checkIfAllCheckboxesAreChecked())})})}),this.$watch("search",()=>{this.updateVisibleCheckboxListOptions(),this.checkIfAllCheckboxesAreChecked()})},checkIfAllCheckboxesAreChecked:function(){this.areAllCheckboxesChecked=this.visibleCheckboxListOptions.length===this.visibleCheckboxListOptions.filter(e=>e.querySelector("input[type=checkbox]:checked")).length},toggleAllCheckboxes:function(){this.visibleCheckboxListOptions.forEach(e=>{let t=e.querySelector("input[type=checkbox]");t.disabled||(t.checked=!this.areAllCheckboxesChecked,t.dispatchEvent(new Event("change")))}),this.areAllCheckboxesChecked=!this.areAllCheckboxesChecked},updateVisibleCheckboxListOptions:function(){this.visibleCheckboxListOptions=this.checkboxListOptions.filter(e=>e.querySelector(".fi-fo-checkbox-list-option-label")?.innerText.toLowerCase().includes(this.search.toLowerCase())?!0:e.querySelector(".fi-fo-checkbox-list-option-description")?.innerText.toLowerCase().includes(this.search.toLowerCase()))}}}export{s as default};
+function s({livewireId:t}){return{areAllCheckboxesChecked:!1,checkboxListOptions:[],search:"",visibleCheckboxListOptions:[],init:function(){this.checkboxListOptions=Array.from(this.$root.querySelectorAll(".fi-fo-checkbox-list-option")),this.updateVisibleCheckboxListOptions(),this.$nextTick(()=>{this.checkIfAllCheckboxesAreChecked()}),Livewire.hook("commit",({component:e,commit:i,succeed:o,fail:c,respond:h})=>{o(({snapshot:r,effect:n})=>{this.$nextTick(()=>{e.id===t&&(this.checkboxListOptions=Array.from(this.$root.querySelectorAll(".fi-fo-checkbox-list-option")),this.updateVisibleCheckboxListOptions(),this.checkIfAllCheckboxesAreChecked())})})}),this.$watch("search",()=>{this.updateVisibleCheckboxListOptions(),this.checkIfAllCheckboxesAreChecked()})},checkIfAllCheckboxesAreChecked:function(){this.areAllCheckboxesChecked=this.visibleCheckboxListOptions.length===this.visibleCheckboxListOptions.filter(e=>e.querySelector("input[type=checkbox]:checked")).length},toggleAllCheckboxes:function(){this.visibleCheckboxListOptions.forEach(e=>{let i=e.querySelector("input[type=checkbox]");i.disabled||(i.checked=!this.areAllCheckboxesChecked,i.dispatchEvent(new Event("change")))}),this.areAllCheckboxesChecked=!this.areAllCheckboxesChecked},updateVisibleCheckboxListOptions:function(){this.visibleCheckboxListOptions=this.checkboxListOptions.filter(e=>["",null,void 0].includes(this.search)||e.querySelector(".fi-fo-checkbox-list-option-label")?.innerText.toLowerCase().includes(this.search.toLowerCase())?!0:e.querySelector(".fi-fo-checkbox-list-option-description")?.innerText.toLowerCase().includes(this.search.toLowerCase()))}}}export{s as default};

docs-assets/app/routes/web.php

@@ -52,7 +52,7 @@ Route::prefix('schemas')->group(function (): void {
     Route::get('layout', LayoutDemo::class);
 });
 
-Route::prefix('panels')->group(function (): void {
+Route::prefix('panels')->middleware(['panel:admin'])->group(function (): void {
     Route::prefix('navigation')->group(function (): void {
         Route::get('user-menu-customization', UserMenuCustomization::class);
         Route::get('disabled-navigation', DisabledNavigation::class);