diff --git a/resources/views/livewire-tables/components/pagination.blade.php b/resources/views/livewire-tables/components/pagination.blade.php
deleted file mode 100644
index 805f5ca..0000000
--- a/resources/views/livewire-tables/components/pagination.blade.php
+++ /dev/null
@@ -1,42 +0,0 @@
-@aware(['component'])
-@props(['rows'])
-
-@php
-    $theme = $component->getTheme();
-@endphp
-
-@if ($component->hasConfigurableAreaFor('before-pagination'))
-    @include(
-        $component->getConfigurableAreaFor('before-pagination'),
-        $component->getParametersForConfigurableArea('before-pagination'))
-@endif
-
-<div class="card-footer d-flex align-items-center">
-    @if ($component->paginationVisibilityIsEnabled())
-        @if ($component->paginationIsEnabled() && ($component->isPaginationMethod('simple') || ($component->isPaginationMethod('standard') && $rows->lastPage() > 1)))
-            <p class="m-0 text-secondary">
-                @lang('Showing')
-                <span>{{ $rows->count() ? $rows->firstItem() : 0 }}</span>
-                @lang('to')
-                <span>{{ $rows->count() ? $rows->lastItem() : 0 }}</span>
-                @lang('of')
-                <span><span x-text="paginationTotalItemCount"></span></span>
-                @lang('results')
-            </p>
-
-            {{ $rows->links('admix-ui::livewire-tables.includes.pagination-items') }}
-        @else
-            <p class="m-0 text-secondary">
-                @lang('Showing')
-                <span>{{ $rows->count() }}</span>
-                @lang('results')
-            </p>
-        @endif
-    @endif
-</div>
-
-@if ($component->hasConfigurableAreaFor('after-pagination'))
-    @include(
-        $component->getConfigurableAreaFor('after-pagination'),
-        $component->getParametersForConfigurableArea('after-pagination'))
-@endif
diff --git a/resources/views/livewire-tables/components/tools/toolbar/items/bulk-actions.blade.php b/resources/views/livewire-tables/components/tools/toolbar/items/bulk-actions.blade.php
deleted file mode 100644
index 9112eca..0000000
--- a/resources/views/livewire-tables/components/tools/toolbar/items/bulk-actions.blade.php
+++ /dev/null
@@ -1,96 +0,0 @@
-@aware(['component', 'tableName'])
-<div
-        x-data="{ open: false, childElementOpen: false, isTailwind: @js($component->isTailwind()), isBootstrap: @js($component->isBootstrap()) }"
-        x-cloak x-show="(selectedItems.length > 0 || hideBulkActionsWhenEmpty == false)"
-        @class([
-            'mb-3 mb-md-0' => $component->isBootstrap(),
-            'w-full md:w-auto mb-4 md:mb-0' => $component->isTailwind(),
-        ])
->
-    <div @class([
-            'dropdown d-block d-md-inline' => $component->isBootstrap(),
-            'relative inline-block text-left z-10 w-full md:w-auto' => $component->isTailwind(),
-        ])
-    >
-        <button
-                @class([
-                    'btn dropdown-toggle d-block d-md-inline' => $component->isBootstrap(),
-                    'inline-flex justify-center w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 dark:bg-gray-700 dark:text-white dark:border-gray-600 dark:hover:bg-gray-600' => $component->isTailwind(),
-                ])
-                type="button"
-                id="{{ $tableName }}-bulkActionsDropdown"
-
-
-                @if($component->isTailwind())
-                    x-on:click="open = !open"
-                @else
-                    data-toggle="dropdown" data-bs-toggle="dropdown"
-                @endif
-                aria-haspopup="true" aria-expanded="false">
-
-            @lang('Bulk Actions')
-            @if($component->isTailwind())
-                <x-heroicon-m-chevron-down class="-mr-1 ml-2 h-5 w-5"/>
-            @endif
-        </button>
-
-        @if($component->isTailwind())
-            <div
-                    x-on:click.away="if (!childElementOpen) { open = false }"
-                    @keydown.window.escape="if (!childElementOpen) { open = false }"
-                    x-cloak x-show="open"
-                    x-transition:enter="transition ease-out duration-100"
-                    x-transition:enter-start="transform opacity-0 scale-95"
-                    x-transition:enter-end="transform opacity-100 scale-100"
-                    x-transition:leave="transition ease-in duration-75"
-                    x-transition:leave-start="transform opacity-100 scale-100"
-                    x-transition:leave-end="transform opacity-0 scale-95"
-                    class="origin-top-right absolute right-0 mt-2 w-full md:w-48 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 divide-y divide-gray-100 focus:outline-none z-50"
-            >
-                <div class="rounded-md bg-white shadow-xs dark:bg-gray-700 dark:text-white">
-                    <div class="py-1" role="menu" aria-orientation="vertical">
-                        @foreach ($component->getBulkActions() as $action => $title)
-                            <button
-                                    wire:click="{{ $action }}"
-                                    @if($component->hasConfirmationMessage($action))
-                                        wire:confirm="{{ $component->getBulkActionConfirmMessage($action) }}"
-                                    @endif
-                                    wire:key="{{ $tableName }}-bulk-action-{{ $action }}"
-                                    type="button"
-                                    class="block w-full px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:bg-gray-100 focus:text-gray-900 flex items-center space-x-2 dark:text-white dark:hover:bg-gray-600"
-                                    role="menuitem"
-                            >
-                                <span>{{ $title }}</span>
-                            </button>
-                        @endforeach
-                    </div>
-                </div>
-            </div>
-        @else
-            <div
-                    @class([
-                        'dropdown-menu dropdown-menu-right w-100' => $component->isBootstrap4(),
-                        'dropdown-menu -dropdown-menu-end w-100' => $component->isBootstrap5(),
-                    ])
-                    aria-labelledby="{{ $tableName }}-bulkActionsDropdown"
-            >
-                @foreach ($component->getBulkActions() as $action => $title)
-                    <a
-                            href="#"
-                            @if($component->hasConfirmationMessage($action))
-                                wire:confirm="{{ $component->getBulkActionConfirmMessage($action) }}"
-                            @endif
-                            wire:click="{{ $action }}"
-                            wire:key="{{ $tableName }}-bulk-action-{{ $action }}"
-                            @class([
-                                'dropdown-item' => $component->isBootstrap(),
-                            ])
-                    >
-                        {{ $title }}
-                    </a>
-                @endforeach
-            </div>
-        @endif
-
-    </div>
-</div>
diff --git a/resources/views/livewire-tables/components/tools/toolbar/items/column-select.blade.php b/resources/views/livewire-tables/components/tools/toolbar/items/column-select.blade.php
deleted file mode 100644
index f84d3a0..0000000
--- a/resources/views/livewire-tables/components/tools/toolbar/items/column-select.blade.php
+++ /dev/null
@@ -1,198 +0,0 @@
-@aware(['component', 'tableName'])
-@if ($component->isTailwind())
-    <div class="@if ($component->getColumnSelectIsHiddenOnMobile()) hidden sm:block @elseif ($component->getColumnSelectIsHiddenOnTablet()) hidden md:block @endif mb-4 w-full md:w-auto md:mb-0 md:ml-2">
-        <div
-                x-data="{ open: false, childElementOpen: false }"
-                @keydown.window.escape="if (!childElementOpen) { open = false }"
-                x-on:click.away="if (!childElementOpen) { open = false }"
-                class="inline-block relative w-full text-left md:w-auto"
-                wire:key="{{ $tableName }}-column-select-button"
-        >
-            <div>
-                <span class="rounded-md shadow-sm">
-                    <button
-                            x-on:click="open = !open"
-                            type="button"
-                            class="inline-flex justify-center px-4 py-2 w-full text-sm font-medium text-gray-700 bg-white rounded-md border border-gray-300 shadow-sm hover:bg-gray-50 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 dark:bg-gray-700 dark:text-white dark:border-gray-600 dark:hover:bg-gray-600"
-                            aria-haspopup="true"
-                            x-bind:aria-expanded="open"
-                            aria-expanded="true"
-                    >
-                        @lang('Columns')
-
-                        <x-heroicon-m-chevron-down class="-mr-1 ml-2 h-5 w-5"/>
-                    </button>
-                </span>
-            </div>
-
-            <div
-                    x-cloak x-show="open"
-                    x-transition:enter="transition ease-out duration-100"
-                    x-transition:enter-start="transform opacity-0 scale-95"
-                    x-transition:enter-end="transform opacity-100 scale-100"
-                    x-transition:leave="transition ease-in duration-75"
-                    x-transition:leave-start="transform opacity-100 scale-100"
-                    x-transition:leave-end="transform opacity-0 scale-95"
-                    class="absolute right-0 z-50 mt-2 w-full rounded-md divide-y divide-gray-100 ring-1 ring-black ring-opacity-5 shadow-lg origin-top-right md:w-48 focus:outline-none"
-            >
-                <div class="bg-white rounded-md shadow-xs dark:bg-gray-700 dark:text-white">
-                    <div class="p-2" role="menu" aria-orientation="vertical"
-                         aria-labelledby="column-select-menu"
-                    >
-                        <div wire:key="{{ $tableName }}-columnSelect-selectAll-{{ rand(0,1000) }}">
-                            <label
-                                    wire:loading.attr="disabled"
-                                    class="inline-flex items-center px-2 py-1 disabled:opacity-50 disabled:cursor-wait"
-                            >
-                                <input
-                                        class="text-indigo-600 transition duration-150 ease-in-out border-gray-300 rounded shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 dark:bg-gray-900 dark:text-white dark:border-gray-600 dark:hover:bg-gray-600 dark:focus:bg-gray-600 disabled:opacity-50 disabled:cursor-wait"
-                                        wire:loading.attr="disabled"
-                                        type="checkbox"
-                                        @checked($component->getSelectableSelectedColumns()->count() == $component->getSelectableColumns()->count())
-                                        @if($component->getSelectableSelectedColumns()->count() == $component->getSelectableColumns()->count())  wire:click="deselectAllColumns"
-                                        @else wire:click="selectAllColumns" @endif
-                                >
-                                <span class="ml-2">{{ __('All Columns') }}</span>
-                            </label>
-                        </div>
-
-                        @foreach ($component->getColumnsForColumnSelect() as $columnSlug => $columnTitle)
-                            <div
-                                    wire:key="{{ $tableName }}-columnSelect-{{ $loop->index }}"
-                            >
-                                <label
-                                        wire:loading.attr="disabled"
-                                        wire:target="selectedColumns"
-                                        class="inline-flex items-center px-2 py-1 disabled:opacity-50 disabled:cursor-wait"
-                                >
-                                    <input
-                                            class="text-indigo-600 rounded border-gray-300 shadow-sm transition duration-150 ease-in-out focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 dark:bg-gray-900 dark:text-white dark:border-gray-600 dark:hover:bg-gray-600 dark:focus:bg-gray-600 disabled:opacity-50 disabled:cursor-wait"
-                                            wire:model.live="selectedColumns" wire:target="selectedColumns"
-                                            wire:loading.attr="disabled" type="checkbox"
-                                            value="{{ $columnSlug }}"/>
-                                    <span class="ml-2">{{ $columnTitle }}</span>
-                                </label>
-                            </div>
-                        @endforeach
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-@elseif ($component->isBootstrap())
-    <div
-            @class([
-                'd-none d-sm mb-3 mb-md-0 pl-0 pl-md-2' => $component->getColumnSelectIsHiddenOnMobile() && $component->isBootstrap4(),
-                'd-none d-md-block mb-3 mb-md-0 pl-0 pl-md-2' => $component->getColumnSelectIsHiddenOnTablet() && $component->isBootstrap4(),
-                'd-none d-sm-block' => $component->getColumnSelectIsHiddenOnMobile() && $component->isBootstrap5(),
-                'd-none d-md-block' => $component->getColumnSelectIsHiddenOnTablet() && $component->isBootstrap5(),
-                'mb-3 mb-md-0 md-0 ms-md-2' => $component->isBootstrap5()
-            ])
-    >
-        <div
-                x-data="{ open: false, childElementOpen: false }"
-                x-on:keydown.escape.stop="if (!childElementOpen) { open = false }"
-                x-on:mousedown.away="if (!childElementOpen) { open = false }"
-                @class([
-                    'dropdown d-block d-md-inline' => $component->isBootstrap(),
-                ])
-                wire:key="{{ $tableName }}-column-select-button"
-        >
-            <button
-                    x-on:click="open = !open"
-                    @class([
-                        'btn dropdown-toggle d-block w-100 d-md-inline' => $component->isBootstrap(),
-                    ])
-                    type="button" id="{{ $tableName }}-columnSelect" aria-haspopup="true"
-                    x-bind:aria-expanded="open"
-                    x-bind:class="{ 'show': open }"
-            >
-                @lang('Columns')
-            </button>
-
-            <div
-                    x-bind:class="{ 'show': open }"
-                    @class([
-                        'dropdown-menu dropdown-menu-right w-100 mt-0 mt-md-3' => $component->isBootstrap4(),
-                        'dropdown-menu dropdown-menu-end w-100' => $component->isBootstrap5(),
-                    ])
-                    aria-labelledby="columnSelect-{{ $tableName }}"
-            >
-                @if($component->isBootstrap4())
-                    <div wire:key="{{ $tableName }}-columnSelect-selectAll-{{ rand(0,1000) }}">
-                        <label wire:loading.attr="disabled" class="px-2 mb-1">
-                            <input
-                                    wire:loading.attr="disabled"
-                                    type="checkbox"
-                                    @if($component->getSelectableSelectedColumns()->count() == $component->getSelectableColumns()->count()) checked
-                                    wire:click="deselectAllColumns" @else unchecked wire:click="selectAllColumns" @endif
-                            />
-
-                            <span class="ml-2">{{ __('All Columns') }}</span>
-                        </label>
-                    </div>
-                @elseif($component->isBootstrap5())
-                    <div wire:key="{{ $tableName }}-columnSelect-selectAll-{{ rand(0,1000) }}">
-                        <label wire:loading.attr="disabled" class="dropdown-item">
-                            <input
-                                    wire:loading.attr="disabled"
-                                    type="checkbox"
-                                    class="form-check-input m-0 me-2"
-                                    @if($component->getSelectableSelectedColumns()->count() == $component->getSelectableColumns()->count()) checked
-                                    wire:click="deselectAllColumns" @else unchecked wire:click="selectAllColumns" @endif
-                            />
-                            {{ __('All Columns') }}
-                        </label>
-                    </div>
-                @endif
-
-                @foreach ($component->getColumnsForColumnSelect() as $columnSlug => $columnTitle)
-                    <div
-                            wire:key="{{ $tableName }}-columnSelect-{{ $loop->index }}"
-                            @class([
-        //                        'form-check ms-2' => $component->isBootstrap5(),
-                            ])
-                    >
-                        @if ($component->isBootstrap4())
-                            <label
-                                    wire:loading.attr="disabled"
-                                    wire:target="selectedColumns"
-                                    class="px-2 {{ $loop->last ? 'mb-0' : 'mb-1' }}"
-                            >
-                                <input
-                                        wire:model.live="selectedColumns"
-                                        wire:target="selectedColumns"
-                                        wire:loading.attr="disabled" type="checkbox"
-                                        value="{{ $columnSlug }}"
-                                />
-                                <span class="ml-2">
-                                    {{ $columnTitle }}
-                                </span>
-                            </label>
-                        @elseif($component->isBootstrap5())
-                            <label
-                                    wire:loading.attr="disabled"
-                                    wire:target="selectedColumns"
-                                    @class([
-                                        'dropdown-item',
-                                        'mb-0' => $loop->last,
-                                    ])
-                            >
-                                <input
-                                        wire:model.live="selectedColumns"
-                                        wire:target="selectedColumns"
-                                        wire:loading.attr="disabled"
-                                        type="checkbox"
-                                        class="form-check-input m-0 me-2"
-                                        value="{{ $columnSlug }}"
-                                />
-                                {{ str($columnTitle)->ucfirst() }}
-                            </label>
-                        @endif
-                    </div>
-                @endforeach
-            </div>
-        </div>
-    </div>
-
-@endif
diff --git a/resources/views/livewire-tables/components/tools/toolbar/items/filter-button.blade.php b/resources/views/livewire-tables/components/tools/toolbar/items/filter-button.blade.php
deleted file mode 100644
index 54a8b08..0000000
--- a/resources/views/livewire-tables/components/tools/toolbar/items/filter-button.blade.php
+++ /dev/null
@@ -1,64 +0,0 @@
-@aware(['component', 'tableName'])
-@props(['filterGenericData'])
-
-<div x-cloak x-show="!currentlyReorderingStatus"
-        @class([
-            'ml-0 ml-md-2 mb-3 mb-md-0' => $component->isBootstrap4(),
-            'ms-0 ms-md-2 mb-3 mb-md-0' => $component->isBootstrap5() && $component->searchIsEnabled(),
-            'mb-3 mb-md-0' => $component->isBootstrap5() && !$component->searchIsEnabled(),
-        ])
->
-    <div
-            @if ($component->isFilterLayoutPopover())
-                x-data="{ filterPopoverOpen: false }"
-            x-on:keydown.escape.stop="if (!this.childElementOpen) { filterPopoverOpen = false }"
-            x-on:mousedown.away="if (!this.childElementOpen) { filterPopoverOpen = false }"
-            @endif
-            @class([
-                'btn-group d-block d-md-inline' => $component->isBootstrap(),
-                'relative block md:inline-block text-left' => $component->isTailwind(),
-            ])
-    >
-        <div>
-            <button
-                    type="button"
-                    @class([
-                        'btn dropdown-toggle d-block w-100 d-md-inline' => $component->isBootstrap(),
-                        'inline-flex justify-center w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 dark:bg-gray-700 dark:text-white dark:border-gray-600 dark:hover:bg-gray-600' => $component->isTailwind(),
-                    ])
-                    @if ($component->isFilterLayoutPopover()) x-on:click="filterPopoverOpen = !filterPopoverOpen"
-                    aria-haspopup="true"
-                    x-bind:aria-expanded="filterPopoverOpen"
-                    x-bind:class="{ 'show': filterPopoverOpen }"
-                    aria-expanded="true"
-                    @endif
-                    @if ($component->isFilterLayoutSlideDown()) x-on:click="filtersOpen = !filtersOpen" @endif
-            >
-                @lang('Filters')
-
-                @if ($count = $component->getFilterBadgeCount())
-                    <span @class([
-                            'badge bg-info' => $component->isBootstrap(),
-                            'ml-1 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium leading-4 bg-indigo-100 text-indigo-800 capitalize dark:bg-indigo-200 dark:text-indigo-900' => $component->isTailwind(),
-                        ])>
-                        {{ $count }}
-                    </span>
-                @endif
-
-                @if($component->isTailwind())
-                    <x-heroicon-o-funnel class="-mr-1 ml-2 h-5 w-5"/>
-                @else
-                    <span @class([
-                    'caret' => $component->isBootstrap(),
-                ])></span>
-                @endif
-
-            </button>
-        </div>
-
-        @if ($component->isFilterLayoutPopover())
-            <x-livewire-tables::tools.toolbar.items.filter-popover :$filterGenericData/>
-        @endif
-
-    </div>
-</div>
diff --git a/resources/views/livewire-tables/components/tools/toolbar/items/filter-popover.blade.php b/resources/views/livewire-tables/components/tools/toolbar/items/filter-popover.blade.php
deleted file mode 100644
index f0c905b..0000000
--- a/resources/views/livewire-tables/components/tools/toolbar/items/filter-popover.blade.php
+++ /dev/null
@@ -1,82 +0,0 @@
-@aware(['component', 'tableName'])
-@if($component->isBootstrap())
-    <div
-            x-cloak
-            @class([
-                'dropdown-menu w-100 mt-md-5' => $component->isBootstrap4(),
-                'dropdown-menu w-100' => $component->isBootstrap5(),
-            ])
-            x-bind:class="{ 'show': filterPopoverOpen }"
-            role="menu"
-    >
-        @foreach ($component->getVisibleFilters() as $filter)
-            <div
-                    wire:key="{{ $tableName }}-filter-{{ $filter->getKey() }}-toolbar"
-                    @class([
-                        'dropdown-item d-block' => $component->isBootstrap(),
-                    ])
-                    id="{{ $tableName }}-filter-{{ $filter->getKey() }}-wrapper"
-            >
-                {{ $filter->setGenericDisplayData($filterGenericData)->render() }}
-            </div>
-        @endforeach
-
-        @if ($component->hasAppliedVisibleFiltersWithValuesThatCanBeCleared())
-            <div
-                    @class([
-                        'dropdown-divider' => $component->isBootstrap(),
-                    ])
-            >
-            </div>
-
-            <button
-                    wire:click.prevent="setFilterDefaults" x-on:click="filterPopoverOpen = false"
-                    @class([
-                        'dropdown-item btn text-center' => $component->isBootstrap4(),
-                        'dropdown-item text-center' => $component->isBootstrap5(),
-                    ])
-            >
-                @lang('Clear')
-            </button>
-        @endif
-    </div>
-@else
-    <div
-            x-cloak x-show="filterPopoverOpen"
-            x-transition:enter="transition ease-out duration-100"
-            x-transition:enter-start="transform opacity-0 scale-95"
-            x-transition:enter-end="transform opacity-100 scale-100"
-            x-transition:leave="transition ease-in duration-75"
-            x-transition:leave-start="transform opacity-100 scale-100"
-            x-transition:leave-end="transform opacity-0 scale-95"
-            class="origin-top-left absolute left-0 mt-2 w-full md:w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 divide-y divide-gray-100 focus:outline-none z-50 dark:bg-gray-700 dark:text-white dark:divide-gray-600"
-            role="menu"
-            aria-orientation="vertical"
-            aria-labelledby="filters-menu"
-    >
-        @foreach ($component->getVisibleFilters() as $filter)
-            <div class="py-1" role="none">
-                <div
-                        class="block px-4 py-2 text-sm text-gray-700 space-y-1"
-                        role="menuitem"
-                        id="{{ $tableName }}-filter-{{ $filter->getKey() }}-wrapper"
-                >
-                    {{ $filter->setGenericDisplayData($filterGenericData)->render() }}
-                </div>
-            </div>
-        @endforeach
-
-        @if ($component->hasAppliedVisibleFiltersWithValuesThatCanBeCleared())
-            <div class="block px-4 py-3 text-sm text-gray-700 dark:text-white" role="menuitem">
-                <button
-                        x-on:click="filterPopoverOpen = false"
-                        wire:click.prevent="setFilterDefaults"
-                        type="button"
-                        class="w-full inline-flex items-center justify-center px-3 py-2 border border-gray-300 shadow-sm text-sm leading-4 font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 dark:bg-gray-800 dark:border-gray-600 dark:text-white dark:hover:border-gray-500 dark:hover:bg-gray-600"
-                >
-                    @lang('Clear')
-                </button>
-            </div>
-        @endif
-    </div>
-@endif
diff --git a/resources/views/livewire-tables/components/tools/toolbar/items/search-field.blade.php b/resources/views/livewire-tables/components/tools/toolbar/items/search-field.blade.php
deleted file mode 100644
index 47cbbdb..0000000
--- a/resources/views/livewire-tables/components/tools/toolbar/items/search-field.blade.php
+++ /dev/null
@@ -1,40 +0,0 @@
-@aware(['component', 'tableName'])
-
-<div x-cloak x-show="!currentlyReorderingStatus"
-        @class([
-            'mb-3 mb-md-0 input-group input-group-flat' => $component->isBootstrap(),
-            'flex rounded-md shadow-sm' => $component->isTailwind(),
-        ])>
-    <input
-            wire:model{{ $component->getSearchOptions() }}="search"
-            placeholder="{{ $component->getSearchPlaceholder() }}"
-            type="text"
-            {{
-                $attributes->merge($component->getSearchFieldAttributes())
-                ->class([
-                    'block w-full border-gray-300 rounded-md shadow-sm transition duration-150 ease-in-out sm:text-sm sm:leading-5 dark:bg-gray-700 dark:text-white dark:border-gray-600 rounded-none rounded-l-md focus:ring-0 focus:border-gray-300' => $component->isTailwind() && $component->hasSearch() && $component->getSearchFieldAttributes()['default'] ?? true,
-                    'block w-full border-gray-300 rounded-md shadow-sm transition duration-150 ease-in-out sm:text-sm sm:leading-5 dark:bg-gray-700 dark:text-white dark:border-gray-600 rounded-md focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50' => $component->isTailwind() && !$component->hasSearch() && $component->getSearchFieldAttributes()['default'] ?? true,
-                    'form-control' => $component->isBootstrap() && $component->getSearchFieldAttributes()['default'] ?? true,
-                ])
-                ->except('default')
-            }}
-    />
-
-    @if ($component->hasSearch())
-        <span class="input-group-text">
-            <a href="#" wire:click.prevent="clearSearch" class="link-secondary" -data-bs-toggle="tooltip"
-               aria-label="{{ __('Clear search') }}" data-bs-original-title="{{ __('Clear search') }}">
-                <!-- Download SVG icon from http://tabler-icons.io/i/x -->
-                <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24"
-                     stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round"
-                     stroke-linejoin="round">
-                    <path
-                            stroke="none" d="M0 0h24v24H0z" fill="none"></path>
-                    <path d="M18 6l-12 12"></path>
-                    <path
-                            d="M6 6l12 12"></path>
-                </svg>
-            </a>
-        </span>
-    @endif
-</div>