updating dependencies

.env.example

@@ -1,4 +1,4 @@
-APP_NAME=Laravel
+APP_NAME="TallStackUi, TALL Stack Components."
 APP_ENV=local
 APP_KEY=
 APP_DEBUG=true

app/Enums/Examples/Ui/Toast.php

@@ -72,6 +72,12 @@ public function cancelled(string $message): void
     }
     HTML;
 
+    public const TIME = <<<'HTML'
+    $this->toast()
+        ->timeout(seconds: 10)
+        ->success('Success', 'This is a success message.');
+    HTML;
+
     public const Z_INDEX = <<<'HTML'
     <x-toast z-index="z-50" />
     HTML;

composer.json

@@ -13,7 +13,7 @@
         "laravel/tinker": "^2.8",
         "livewire/livewire": "^3.0",
         "livewire/volt": "^1.0",
-        "tallstackui/tallstackui": "^0.1.0",
+        "tallstackui/tallstackui": "^0.2.0",
         "torchlight/torchlight-laravel": "^0.5.14"
     },
     "require-dev": {

config/tallstackui.php

@@ -8,7 +8,7 @@
     | Icon Style
     |--------------------------------------------------------------------------
     |
-    | Configure the default icon style. Supported: "solid", "outline"
+    | Configure the default icon style. Alloweds: "solid", "outline"
     */
     'icon' => 'solid',
 
@@ -21,19 +21,23 @@
     */
     'personalizations' => [
         'input' => [
+            /* Input, Textarea & Password */
             'square' => false,
+            /* Input & Password Only */
             'round' => false,
         ],
         'tabs' => [
             'square' => false,
         ],
         'dialog' => [
             'z-index' => 'z-50',
-            'closeable' => true,
+            'blur' => false,
+            'uncloseable' => false,
             'square' => false,
         ],
         'toast' => [
             'z-index' => 'z-50',
+            /* Alloweds: "top-right", "top-left", "bottom-right", "bottom-left" */
             'position' => 'top-right',
             'square' => false,
         ],

database/seeders/CreateUserSeeder.php

@@ -9,9 +9,6 @@ class CreateUserSeeder extends Seeder
 {
     public function run(): void
     {
-        User::factory()->create([
-            'name' => 'Test User',
-            'email' => '[email protected]',
-        ]);
+        User::create(['name' => 'Test User', 'email' => '[email protected]', 'password' => bcrypt('password')]);
     }
 }

resources/views/documentation/ui/toast.blade.php

@@ -29,5 +29,12 @@
             <livewire:documentation.interactions.toast.confirmation/>
         </x-preview>
     </x-section>
+    <x-section>
+        <x-preview title="Time Controul"
+                   description="Increase the time to show the toast."
+                   :contents="$time">
+            <livewire:documentation.interactions.toast.timeout/>
+        </x-preview>
+    </x-section>
     <x-available-configuration />
 </x-layout>

resources/views/layouts/app.blade.php

@@ -9,6 +9,15 @@ class="h-full antialiased"
 
     <title>{{ config('app.name', 'Laravel') }}</title>
 
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:site" content="{{ config('app.url') }}">
+    <meta name="twitter:creator" content="@devajmeireles">
+    <meta name="twitter:title" content="TALLStackUi">
+    <meta name="twitter:description" content="TALL Stack Compponents">
+
+    <meta property="og:url" content="{{ config('app.url') }}" />
+    <meta property="og:title" content="TALLStackUi, TALL Stack Compponents" />
+
     <link rel="preconnect" href="https://fonts.bunny.net">
     <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet"/>
 

resources/views/livewire/documentation/interactions/dialog/confirmation.blade.php

@@ -1,6 +1,5 @@
 <?php
 
-use function Livewire\Volt\{state};
 use TallStackUi\Traits\Interactions;
 use Livewire\Volt\Component;
 use Livewire\Attributes\On;

resources/views/livewire/documentation/interactions/dialog/examples.blade.php

@@ -1,6 +1,5 @@
 <?php
 
-use function Livewire\Volt\{state};
 use TallStackUi\Traits\Interactions;
 use Livewire\Volt\Component;
 

resources/views/livewire/documentation/interactions/toast/confirmation.blade.php

@@ -1,6 +1,5 @@
 <?php
 
-use function Livewire\Volt\{state};
 use TallStackUi\Traits\Interactions;
 use Livewire\Volt\Component;
 use Livewire\Attributes\On;

resources/views/livewire/documentation/interactions/toast/examples.blade.php

@@ -1,6 +1,5 @@
 <?php
 
-use function Livewire\Volt\{state};
 use TallStackUi\Traits\Interactions;
 use Livewire\Volt\Component;
 

resources/views/livewire/documentation/interactions/toast/timeout.blade.php

@@ -0,0 +1,19 @@
+<?php
+
+use TallStackUi\Traits\Interactions;
+use Livewire\Volt\Component;
+
+new class extends Component {
+    use Interactions;
+
+    public function success(): void
+    {
+        $this->toast()
+            ->timeout(seconds: 10)
+            ->success('Success', 'This is a success message.');
+    }
+} ?>
+
+<div>
+    <x-button color="green" wire:click="success">10 seconds</x-button>
+</div>

resources/views/livewire/documentation/ui/select/searchable.blade.php

@@ -2,8 +2,8 @@
 
 use function Livewire\Volt\{state};
 
-$model   = state('model', 1);
-$value   = state('value', 1);
+$model = state('model', 1);
+$value = state('value', 1);
 $options = state('options', [1,2,3]);
 
 ?>