From dbcf72e68bf5d587b2c524e295a78ceff96b20b3 Mon Sep 17 00:00:00 2001
From: Zain Adam <zainadam.id@gmail.com>
Date: Thu, 27 Jun 2024 21:34:23 +0800
Subject: [PATCH] chore: fix new lint rule

---
 README.md                                     | 10 ++-
 src/views/components/_assets.blade.php        | 18 ++--
 src/views/components/alert.blade.php          | 22 +++--
 src/views/components/banner.blade.php         | 22 +++--
 src/views/components/button.blade.php         | 16 ++--
 src/views/components/card-header.blade.php    | 20 +++--
 src/views/components/checkbox.blade.php       | 20 +++--
 src/views/components/chip.blade.php           | 38 +++++----
 .../components/circular-progress.blade.php    | 84 +++++++++++--------
 src/views/components/data-table.blade.php     | 80 +++++++++++-------
 src/views/components/fab.blade.php            |  6 +-
 src/views/components/icon-button.blade.php    | 24 ++++--
 src/views/components/list/item.blade.php      |  8 +-
 src/views/components/snackbar.blade.php       | 20 +++--
 src/views/components/switch.blade.php         | 16 ++--
 src/views/components/tab-bar.blade.php        | 30 ++++---
 16 files changed, 274 insertions(+), 160 deletions(-)
diff --git a/README.md b/README.md
index 6123139..ca43ed8 100644
--- a/README.md
+++ b/README.md
@@ -95,8 +95,14 @@ Next step, you must includes once the `<x-MaterialBlade::_assets />` inside `<he
 <html lang="en">
     <head>
         <meta charset="UTF-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+        <meta
+            name="viewport"
+            content="width=device-width, initial-scale=1.0"
+        />
+        <meta
+            http-equiv="X-UA-Compatible"
+            content="ie=edge"
+        />
         <title>Material Blade Example</title>
 
         <!-- Material Blade required assets -->
diff --git a/src/views/components/_assets.blade.php b/src/views/components/_assets.blade.php
index d98a127..74d713a 100644
--- a/src/views/components/_assets.blade.php
+++ b/src/views/components/_assets.blade.php
@@ -1,6 +1,12 @@
-<link rel="stylesheet"
-      href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp">
-<link rel="stylesheet"
-      href="{{ route('material-blade.assets', ['main', 'css']) }}">
-<script type="module"
-        src="{{ route('material-blade.assets', ['main', 'js']) }}"></script>
+<link
+    rel="stylesheet"
+    href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp"
+>
+<link
+    rel="stylesheet"
+    href="{{ route('material-blade.assets', ['main', 'css']) }}"
+>
+<script
+    type="module"
+    src="{{ route('material-blade.assets', ['main', 'js']) }}"
+></script>
diff --git a/src/views/components/alert.blade.php b/src/views/components/alert.blade.php
index dba9937..ba64977 100644
--- a/src/views/components/alert.blade.php
+++ b/src/views/components/alert.blade.php
@@ -1,15 +1,21 @@
-<x-mbc::card variant="outlined"
-             {{ $attributesPreprocess($attributes) }}>
-    <x-mbc::card-content class="mbc-p-2"
-                         style="display: flex; gap: 1em; color: inherit">
+<x-mbc::card
+    variant="outlined"
+    {{ $attributesPreprocess($attributes) }}
+>
+    <x-mbc::card-content
+        class="mbc-p-2"
+        style="display: flex; gap: 1em; color: inherit"
+    >
         <x-mbc::icon :icon="$getIcon()" />
 
         <div>
             @isset($title)
-                <x-mbc::typography class="mbc-m-0"
-                                   style="font-weight: bold; line-height: unset"
-                                   element="p"
-                                   variant="h6">{{ $title }}</x-mbc::typography>
+                <x-mbc::typography
+                    class="mbc-m-0"
+                    style="font-weight: bold; line-height: unset"
+                    element="p"
+                    variant="h6"
+                >{{ $title }}</x-mbc::typography>
             @endisset
 
             <x-mbc::typography class="mbc-mt-1">{{ $slot }}</x-mbc::typography>
diff --git a/src/views/components/banner.blade.php b/src/views/components/banner.blade.php
index efd0310..a5ef9fe 100644
--- a/src/views/components/banner.blade.php
+++ b/src/views/components/banner.blade.php
@@ -3,17 +3,23 @@
     @if ($isFixed)
         <div class="mdc-banner__fixed">
     @endif
-    <div class="mdc-banner__content"
-         role="alertdialog"
-         aria-live="assertive">
+    <div
+        class="mdc-banner__content"
+        role="alertdialog"
+        aria-live="assertive"
+    >
         <div class="mdc-banner__graphic-text-wrapper">
 
             @if ($icon)
-                <div class="mdc-banner__graphic"
-                     role="img"
-                     alt="">
-                    <x-mbc::Icon class="mdc-banner__icon"
-                                 :icon="$icon" />
+                <div
+                    class="mdc-banner__graphic"
+                    role="img"
+                    alt=""
+                >
+                    <x-mbc::Icon
+                        class="mdc-banner__icon"
+                        :icon="$icon"
+                    />
                 </div>
             @endif
 
diff --git a/src/views/components/button.blade.php b/src/views/components/button.blade.php
index 45d427f..9e5c39e 100644
--- a/src/views/components/button.blade.php
+++ b/src/views/components/button.blade.php
@@ -18,17 +18,21 @@
 @endif
 
 @if ($startIcon)
-    <x-mbc::Icon :icon="$startIcon"
-                 class="mdc-button__icon"
-                 aria-hidden="true" />
+    <x-mbc::Icon
+        :icon="$startIcon"
+        class="mdc-button__icon"
+        aria-hidden="true"
+    />
 @endif
 
 <span class="mdc-button__label">{{ $label ?: $slot }}</span>
 
 @if ($endIcon)
-    <x-mbc::Icon :icon="$endIcon"
-                 class="mdc-button__icon"
-                 aria-hidden="true" />
+    <x-mbc::Icon
+        :icon="$endIcon"
+        class="mdc-button__icon"
+        aria-hidden="true"
+    />
 @endif
 
 @if ($attributes->has('href'))
diff --git a/src/views/components/card-header.blade.php b/src/views/components/card-header.blade.php
index 4fe452e..46e0824 100644
--- a/src/views/components/card-header.blade.php
+++ b/src/views/components/card-header.blade.php
@@ -1,15 +1,19 @@
 <div {{ $attributesPreprocess($attributes) }}>
     @if (isset($title))
-        <x-mbc::Typography class="mdc-card__header-title"
-                           variant="h6"
-                           :element="$titleElement"
-                           :slot="$title" />
+        <x-mbc::Typography
+            class="mdc-card__header-title"
+            variant="h6"
+            :element="$titleElement"
+            :slot="$title"
+        />
     @endif
 
     @if (isset($subtitle))
-        <x-mbc::Typography class="mdc-card__header-subtitle"
-                           variant="subtitle2"
-                           :element="$subtitleElement"
-                           :slot="$subtitle" />
+        <x-mbc::Typography
+            class="mdc-card__header-subtitle"
+            variant="subtitle2"
+            :element="$subtitleElement"
+            :slot="$subtitle"
+        />
     @endif
 </div>
diff --git a/src/views/components/checkbox.blade.php b/src/views/components/checkbox.blade.php
index 8d7f729..4a81a87 100644
--- a/src/views/components/checkbox.blade.php
+++ b/src/views/components/checkbox.blade.php
@@ -3,13 +3,19 @@
     {{ $attributes->has('disabled') ? 'mdc-checkbox--disabled' : null }}
     ">
         <input {{ $attributesPreprocess($attributes) }} />
-        <div class="mdc-checkbox__background"
-             style="--mdc-checkbox-checked-color: {{ MaterialBlade\Helper::getColor($color) }}">
-            <svg class="mdc-checkbox__checkmark"
-                 viewBox="0 0 24 24">
-                <path class="mdc-checkbox__checkmark-path"
-                      fill="none"
-                      d="M1.73,12.91 8.1,19.28 22.79,4.59" />
+        <div
+            class="mdc-checkbox__background"
+            style="--mdc-checkbox-checked-color: {{ MaterialBlade\Helper::getColor($color) }}"
+        >
+            <svg
+                class="mdc-checkbox__checkmark"
+                viewBox="0 0 24 24"
+            >
+                <path
+                    class="mdc-checkbox__checkmark-path"
+                    fill="none"
+                    d="M1.73,12.91 8.1,19.28 22.79,4.59"
+                />
             </svg>
             <div class="mdc-checkbox__mixedmark"></div>
         </div>
diff --git a/src/views/components/chip.blade.php b/src/views/components/chip.blade.php
index a370b37..4f39be5 100644
--- a/src/views/components/chip.blade.php
+++ b/src/views/components/chip.blade.php
@@ -8,26 +8,34 @@
     <div class="mdc-chip__ripple"></div>
 
     @if ($icon)
-        <x-mbc::Icon :icon="$icon"
-                     class="mdc-chip__icon mdc-chip__icon--leading{{ $isSelected ? ' mdc-chip__icon--leading-hidden' : null }}" />
+        <x-mbc::Icon
+            :icon="$icon"
+            class="mdc-chip__icon mdc-chip__icon--leading{{ $isSelected ? ' mdc-chip__icon--leading-hidden' : null }}"
+        />
     @endif
 
     @if ($variant === 'filter')
         <span class="mdc-chip__checkmark">
-            <svg class="mdc-chip__checkmark-svg"
-                 viewBox="-2 -3 30 30">
-                <path class="mdc-chip__checkmark-path"
-                      fill="none"
-                      stroke="black"
-                      d="M1.73,12.91 8.1,19.28 22.79,4.59" />
+            <svg
+                class="mdc-chip__checkmark-svg"
+                viewBox="-2 -3 30 30"
+            >
+                <path
+                    class="mdc-chip__checkmark-path"
+                    fill="none"
+                    stroke="black"
+                    d="M1.73,12.91 8.1,19.28 22.79,4.59"
+                />
             </svg>
         </span>
     @endif
 
     <span role="gridcell">
-        <span role="{{ $variant === 'filter' ? 'checkbox' : 'button' }}"
-              tabindex="0"
-              class="mdc-chip__primary-action"@if ($variant === 'filter') aria-checked="{{ $isSelected }}" @endif>
+        <span
+            role="{{ $variant === 'filter' ? 'checkbox' : 'button' }}"
+            tabindex="0"
+            class="mdc-chip__primary-action"@if ($variant === 'filter') aria-checked="{{ $isSelected }}" @endif
+        >
 
             @if ($isWithWrapper)
                 <div class="mdc-chip__touch"></div>
@@ -39,9 +47,11 @@ class="mdc-chip__primary-action"@if ($variant === 'filter') aria-checked="{{ $is
 
     @if ($variant === 'input' && !$isDisabled)
         <span role="gridcell">
-            <i class="material-icons mdc-chip__icon mdc-chip__icon--trailing mdc-chip__action--trailing"
-               tabindex="-1"
-               role="button">cancel</i>
+            <i
+                class="material-icons mdc-chip__icon mdc-chip__icon--trailing mdc-chip__action--trailing"
+                tabindex="-1"
+                role="button"
+            >cancel</i>
         </span>
     @endif
 </div>
diff --git a/src/views/components/circular-progress.blade.php b/src/views/components/circular-progress.blade.php
index 935a952..bf2d3d3 100644
--- a/src/views/components/circular-progress.blade.php
+++ b/src/views/components/circular-progress.blade.php
@@ -29,51 +29,69 @@
 @endphp
 
 <div
-     {{ $attributesPreprocess($attributes->merge(['style' => $attributes->prepends('width: ' . $wh . '; height: ' . $wh . ';')])) }}>
+    {{ $attributesPreprocess($attributes->merge(['style' => $attributes->prepends('width: ' . $wh . '; height: ' . $wh . ';')])) }}>
     <div class="mdc-circular-progress__determinate-container">
-        <svg class="mdc-circular-progress__determinate-circle-graphic"
-             viewBox="{{ $viewBox }}"
-             xmlns="http://www.w3.org/2000/svg">
-            <circle class="mdc-circular-progress__determinate-track"
-                    {!! $cx !!}
-                    stroke-width="{{ $strokeWidth }}" />
-            <circle class="mdc-circular-progress__determinate-circle"
-                    {!! $cx !!}
-                    stroke-dasharray="{{ $strokeDasharray }}"
-                    stroke-dashoffset="{{ $strokeDasharray }}"
-                    stroke-width="{{ $strokeWidth }}" />
+        <svg
+            class="mdc-circular-progress__determinate-circle-graphic"
+            viewBox="{{ $viewBox }}"
+            xmlns="http://www.w3.org/2000/svg"
+        >
+            <circle
+                class="mdc-circular-progress__determinate-track"
+                {!! $cx !!}
+                stroke-width="{{ $strokeWidth }}"
+            />
+            <circle
+                class="mdc-circular-progress__determinate-circle"
+                {!! $cx !!}
+                stroke-dasharray="{{ $strokeDasharray }}"
+                stroke-dashoffset="{{ $strokeDasharray }}"
+                stroke-width="{{ $strokeWidth }}"
+            />
         </svg>
     </div>
     <div class="mdc-circular-progress__indeterminate-container">
         <div class="mdc-circular-progress__spinner-layer">
             <div class="mdc-circular-progress__circle-clipper mdc-circular-progress__circle-left">
-                <svg class="mdc-circular-progress__indeterminate-circle-graphic"
-                     viewBox="{{ $viewBox }}"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <circle {!! $cx !!}
-                            stroke-dasharray="{{ $strokeDasharray }}"
-                            stroke-dashoffset="{{ $strokeDashoffset }}"
-                            stroke-width="{{ $strokeWidth }}" />
+                <svg
+                    class="mdc-circular-progress__indeterminate-circle-graphic"
+                    viewBox="{{ $viewBox }}"
+                    xmlns="http://www.w3.org/2000/svg"
+                >
+                    <circle
+                        {!! $cx !!}
+                        stroke-dasharray="{{ $strokeDasharray }}"
+                        stroke-dashoffset="{{ $strokeDashoffset }}"
+                        stroke-width="{{ $strokeWidth }}"
+                    />
                 </svg>
             </div>
             <div class="mdc-circular-progress__gap-patch">
-                <svg class="mdc-circular-progress__indeterminate-circle-graphic"
-                     viewBox="{{ $viewBox }}"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <circle {!! $cx !!}
-                            stroke-dasharray="{{ $strokeDasharray }}"
-                            stroke-dashoffset="{{ $strokeDashoffset }}"
-                            stroke-width="{{ $strokeWidth2 }}" />
+                <svg
+                    class="mdc-circular-progress__indeterminate-circle-graphic"
+                    viewBox="{{ $viewBox }}"
+                    xmlns="http://www.w3.org/2000/svg"
+                >
+                    <circle
+                        {!! $cx !!}
+                        stroke-dasharray="{{ $strokeDasharray }}"
+                        stroke-dashoffset="{{ $strokeDashoffset }}"
+                        stroke-width="{{ $strokeWidth2 }}"
+                    />
                 </svg>
             </div>
             <div class="mdc-circular-progress__circle-clipper mdc-circular-progress__circle-right">
-                <svg class="mdc-circular-progress__indeterminate-circle-graphic"
-                     viewBox="{{ $viewBox }}"
-                     xmlns="http://www.w3.org/2000/svg">
-                    <circle {!! $cx !!}
-                            stroke-dasharray="{{ $strokeDasharray }}"
-                            stroke-dashoffset="{{ $strokeDashoffset }}"
-                            stroke-width="{{ $strokeWidth }}" />
+                <svg
+                    class="mdc-circular-progress__indeterminate-circle-graphic"
+                    viewBox="{{ $viewBox }}"
+                    xmlns="http://www.w3.org/2000/svg"
+                >
+                    <circle
+                        {!! $cx !!}
+                        stroke-dasharray="{{ $strokeDasharray }}"
+                        stroke-dashoffset="{{ $strokeDashoffset }}"
+                        stroke-width="{{ $strokeWidth }}"
+                    />
                 </svg>
             </div>
         </div>
diff --git a/src/views/components/data-table.blade.php b/src/views/components/data-table.blade.php
index e9d734e..af0b2f0 100644
--- a/src/views/components/data-table.blade.php
+++ b/src/views/components/data-table.blade.php
@@ -1,24 +1,34 @@
 <div {{ $attributes->class(['mdc-data-table']) }}>
     <div class="mdc-data-table__table-container">
-        <table class="mdc-data-table__table"
-               {{ $attributes->has('aria-label') ? ' aria-label=' . $attributes->get('aria-label') : '' }}>
+        <table
+            class="mdc-data-table__table"
+            {{ $attributes->has('aria-label') ? ' aria-label=' . $attributes->get('aria-label') : '' }}
+        >
             @if ($header)
                 <thead>
                     <tr class="mdc-data-table__header-row">
                         @if ($isWithCheckbox)
-                            <th class="mdc-data-table__header-cell mdc-data-table__header-cell--checkbox"
+                            <th
+                                class="mdc-data-table__header-cell mdc-data-table__header-cell--checkbox"
                                 role="columnheader"
-                                scope="col">
+                                scope="col"
+                            >
                                 <div class="mdc-checkbox mdc-data-table__header-row-checkbox">
-                                    <input type="checkbox"
-                                           class="mdc-checkbox__native-control"
-                                           aria-label="Toggle all rows" />
+                                    <input
+                                        type="checkbox"
+                                        class="mdc-checkbox__native-control"
+                                        aria-label="Toggle all rows"
+                                    />
                                     <div class="mdc-checkbox__background">
-                                        <svg class="mdc-checkbox__checkmark"
-                                             viewBox="0 0 24 24">
-                                            <path class="mdc-checkbox__checkmark-path"
-                                                  fill="none"
-                                                  d="M1.73,12.91 8.1,19.28 22.79,4.59" />
+                                        <svg
+                                            class="mdc-checkbox__checkmark"
+                                            viewBox="0 0 24 24"
+                                        >
+                                            <path
+                                                class="mdc-checkbox__checkmark-path"
+                                                fill="none"
+                                                d="M1.73,12.91 8.1,19.28 22.79,4.59"
+                                            />
                                         </svg>
                                         <div class="mdc-checkbox__mixedmark"></div>
                                     </div>
@@ -27,9 +37,11 @@ class="mdc-checkbox__native-control"
                             </th>
                         @endif
                         @foreach ($header as $key => $col)
-                            <th class="mdc-data-table__header-cell{{ $col === 'numeric' ? ' mdc-data-table__header-cell--numeric' : null }}"
+                            <th
+                                class="mdc-data-table__header-cell{{ $col === 'numeric' ? ' mdc-data-table__header-cell--numeric' : null }}"
                                 role="columnheader"
-                                scope="col">{{ $col === 'numeric' ? $key : $col }}</th>
+                                scope="col"
+                            >{{ $col === 'numeric' ? $key : $col }}</th>
                         @endforeach
                     </tr>
                 </thead>
@@ -42,23 +54,31 @@ class="mdc-checkbox__native-control"
                             $uuid = uniqid();
                         @endphp
 
-                        <tr class="mdc-data-table__row"
+                        <tr
+                            class="mdc-data-table__row"
                             data-row-id="{{ $uuid }}"
-                            {{ $isWithCheckbox && $row[0] ? ' mdc-data-table__row--selected" aria-selected="true"' : '' }}>
+                            {{ $isWithCheckbox && $row[0] ? ' mdc-data-table__row--selected" aria-selected="true"' : '' }}
+                        >
                             @if ($isWithCheckbox)
                                 <td class="mdc-data-table__cell mdc-data-table__cell--checkbox">
                                     <div
-                                         class="mdc-checkbox mdc-data-table__row-checkbox{{ $row[0] ? ' mdc-checkbox--selected' : '' }}">
-                                        <input type="checkbox"
-                                               class="mdc-checkbox__native-control"
-                                               {{ $row[0] ? ' checked' : '' }}
-                                               aria-labelledby="{{ $uuid }}" />
+                                        class="mdc-checkbox mdc-data-table__row-checkbox{{ $row[0] ? ' mdc-checkbox--selected' : '' }}">
+                                        <input
+                                            type="checkbox"
+                                            class="mdc-checkbox__native-control"
+                                            {{ $row[0] ? ' checked' : '' }}
+                                            aria-labelledby="{{ $uuid }}"
+                                        />
                                         <div class="mdc-checkbox__background">
-                                            <svg class="mdc-checkbox__checkmark"
-                                                 viewBox="0 0 24 24">
-                                                <path class="mdc-checkbox__checkmark-path"
-                                                      fill="none"
-                                                      d="M1.73,12.91 8.1,19.28 22.79,4.59" />
+                                            <svg
+                                                class="mdc-checkbox__checkmark"
+                                                viewBox="0 0 24 24"
+                                            >
+                                                <path
+                                                    class="mdc-checkbox__checkmark-path"
+                                                    fill="none"
+                                                    d="M1.73,12.91 8.1,19.28 22.79,4.59"
+                                                />
                                             </svg>
                                             <div class="mdc-checkbox__mixedmark"></div>
                                         </div>
@@ -84,9 +104,11 @@ class="mdc-checkbox__native-control"
                                     $classAdd = is_numeric($cell) ? ' mdc-data-table__cell--numeric' : '';
                                 @endphp
 
-                                <{{ $el }} id="{{ $uuid }}"
-                                                     class="mdc-data-table__cell{{ $classAdd }}"
-                                                     {{ $scope }}>
+                                <{{ $el }}
+                                    id="{{ $uuid }}"
+                                    class="mdc-data-table__cell{{ $classAdd }}"
+                                    {{ $scope }}
+                                >
                                     {!! $cell !!}
                                     </{{ $el }}>
                             @endforeach
diff --git a/src/views/components/fab.blade.php b/src/views/components/fab.blade.php
index 740cc7d..d302026 100644
--- a/src/views/components/fab.blade.php
+++ b/src/views/components/fab.blade.php
@@ -6,8 +6,10 @@
     <div class="mdc-fab__ripple"></div>
 
     @if ($iconString)
-        <x-mbc::Icon :icon="$iconString"
-                     class="mdc-fab__icon" />
+        <x-mbc::Icon
+            :icon="$iconString"
+            class="mdc-fab__icon"
+        />
     @endif
 
     @if ($label)
diff --git a/src/views/components/icon-button.blade.php b/src/views/components/icon-button.blade.php
index bce52a3..5ff2e0d 100644
--- a/src/views/components/icon-button.blade.php
+++ b/src/views/components/icon-button.blade.php
@@ -28,16 +28,22 @@
             $onColor = null;
         }
     @endphp
-    <x-mbc::Icon class="mdc-icon-button__icon mdc-icon-button__icon--on"
-                 :icon="$icon"
-                 :color="$onColor" />
-
-    <x-mbc::Icon class="mdc-icon-button__icon"
-                 :icon="$offIcon ?: $icon"
-                 :color="$isDisabled ? null : ($offColor ?: $color)" />
+    <x-mbc::Icon
+        class="mdc-icon-button__icon mdc-icon-button__icon--on"
+        :icon="$icon"
+        :color="$onColor"
+    />
+
+    <x-mbc::Icon
+        class="mdc-icon-button__icon"
+        :icon="$offIcon ?: $icon"
+        :color="$isDisabled ? null : ($offColor ?: $color)"
+    />
 @else
-    <x-mbc::Icon :icon="$icon"
-                 :color="$isDisabled ? null : $color" />
+    <x-mbc::Icon
+        :icon="$icon"
+        :color="$isDisabled ? null : $color"
+    />
 @endif
 
 @if ($isWithWrapper)
diff --git a/src/views/components/list/item.blade.php b/src/views/components/list/item.blade.php
index 4c70b36..ed333e0 100644
--- a/src/views/components/list/item.blade.php
+++ b/src/views/components/list/item.blade.php
@@ -4,9 +4,11 @@
     <span class="mdc-deprecated-list-item__ripple"></span>
 
     @if ($icon)
-        <x-mbc::icon aria-hidden="true"
-                     :icon="$icon"
-                     class="mdc-deprecated-list-item__graphic" />
+        <x-mbc::icon
+            aria-hidden="true"
+            :icon="$icon"
+            class="mdc-deprecated-list-item__graphic"
+        />
     @endif
 
     <span class="mdc-deprecated-list-item__text">
diff --git a/src/views/components/snackbar.blade.php b/src/views/components/snackbar.blade.php
index ca07f5c..d9d5cd0 100644
--- a/src/views/components/snackbar.blade.php
+++ b/src/views/components/snackbar.blade.php
@@ -1,17 +1,23 @@
 @php $validateComponent($slot); @endphp
 
 <aside {{ $attributesPreprocess($attributes) }}>
-    <div class="mdc-snackbar__surface"
-         role="status"
-         aria-relevant="additions">
-        <div class="mdc-snackbar__label"
-             aria-atomic="false">
+    <div
+        class="mdc-snackbar__surface"
+        role="status"
+        aria-relevant="additions"
+    >
+        <div
+            class="mdc-snackbar__label"
+            aria-atomic="false"
+        >
             {{ $message ?? $slot }}
         </div>
 
         @if (isset($action))
-            <div class="mdc-snackbar__actions"
-                 aria-atomic="true">
+            <div
+                class="mdc-snackbar__actions"
+                aria-atomic="true"
+            >
                 {{ $action }}
             </div>
         @endif
diff --git a/src/views/components/switch.blade.php b/src/views/components/switch.blade.php
index a55dbea..11be109 100644
--- a/src/views/components/switch.blade.php
+++ b/src/views/components/switch.blade.php
@@ -10,15 +10,19 @@
             @if ($icon || $offIcon)
                 <div class="mdc-switch__icons">
                     @if ($icon)
-                        <x-mbc::Icon class="mdc-switch__icon mdc-switch__icon--on"
-                                     color="#fff"
-                                     :icon="$icon" />
+                        <x-mbc::Icon
+                            class="mdc-switch__icon mdc-switch__icon--on"
+                            color="#fff"
+                            :icon="$icon"
+                        />
                     @endif
 
                     @if ($offIcon)
-                        <x-mbc::Icon class="mdc-switch__icon mdc-switch__icon--off"
-                                     color="#fff"
-                                     :icon="$offIcon" />
+                        <x-mbc::Icon
+                            class="mdc-switch__icon mdc-switch__icon--off"
+                            color="#fff"
+                            :icon="$offIcon"
+                        />
                     @endif
                 </div>
             @endif
diff --git a/src/views/components/tab-bar.blade.php b/src/views/components/tab-bar.blade.php
index 9feb077..e7e4199 100644
--- a/src/views/components/tab-bar.blade.php
+++ b/src/views/components/tab-bar.blade.php
@@ -23,16 +23,20 @@
                         }
                     @endphp
 
-                    <button class="mdc-tab{{ $isStacked ? ' mdc-tab--stacked' : '' }}{{ $isTabActive ? ' mdc-tab--active' : '' }}{{ $isLightText ? ' light-text' : '' }}"
-                            {{ $isTabActive ? ' aria-selected="true"' : '' }}
-                            role="tab"
-                            tabindex="0">
+                    <button
+                        class="mdc-tab{{ $isStacked ? ' mdc-tab--stacked' : '' }}{{ $isTabActive ? ' mdc-tab--active' : '' }}{{ $isLightText ? ' light-text' : '' }}"
+                        {{ $isTabActive ? ' aria-selected="true"' : '' }}
+                        role="tab"
+                        tabindex="0"
+                    >
                         <span class="mdc-tab__content">
                             @if (!is_int($key) || $isIconOnly)
-                                <x-mbc::Icon aria-hidden="true"
-                                             class="mdc-tab__icon"
-                                             :icon="is_int($key) ? $tab : $key"
-                                             style="font-size: 24px" />
+                                <x-mbc::Icon
+                                    aria-hidden="true"
+                                    class="mdc-tab__icon"
+                                    :icon="is_int($key) ? $tab : $key"
+                                    style="font-size: 24px"
+                                />
                             @endif
                             @if (!$isIconOnly)
                                 <span class="mdc-tab__text-label">{{ $tab }}</span>
@@ -41,10 +45,12 @@ class="mdc-tab__icon"
 
                         <span class="mdc-tab-indicator{{ $classAdd }}">
                             @if (isset($indicatorIcon))
-                                <x-mbc::Icon aria-hidden="true"
-                                             class="mdc-tab-indicator__content mdc-tab-indicator__content--icon"
-                                             :icon="$indicatorIcon"
-                                             style="font-size: 24px" />
+                                <x-mbc::Icon
+                                    aria-hidden="true"
+                                    class="mdc-tab-indicator__content mdc-tab-indicator__content--icon"
+                                    :icon="$indicatorIcon"
+                                    style="font-size: 24px"
+                                />
                             @else
                                 <span class="mdc-tab-indicator__content mdc-tab-indicator__content--underline"></span>
                             @endif
