wip

Author: driesvints

app/View/Components/Forms/Inputs/Email.php

@@ -1,4 +1,5 @@
 @import 'tailwindcss';
+@import '../../vendor/livewire/flux/dist/flux.css';
 
 @import 'highlight.js/styles/hybrid.css' layer(base);
 
@@ -12,6 +13,8 @@
 
 @config '../../tailwind.config.js';
 
+@custom-variant dark (&:where(.dark, .dark *));
+
 /*
   The default border color has changed to `currentcolor` in Tailwind CSS v4,
   so we've added these compatibility styles to make sure everything still

app/View/Components/Forms/Inputs/Input.php

@@ -8,12 +8,12 @@
 @endunless
 
 @if ($user->githubUsername())
-    <x-buk-avatar
-        :search="$user->githubUsername()"
-        provider="github"
-        :fallback="asset('https://laravel.io/images/laravelio-icon-gray.svg')"
-        {{-- :alt="$user->name()" --}}
-        {{ $attributes->merge(['class' => 'bg-gray-50 rounded-full']) }}
+    <flux:avatar
+        circle
+        src="{{ sprintf('https://unavatar.io/github/%s?%s', $user->githubUsername(), http_build_query([
+            'fallback' => asset('https://laravel.io/images/laravelio-icon-gray.svg'),
+        ])) }}"
+        {{ $attributes->merge(['class' => 'bg-gray-50']) }}
     />
 @else
     <img loading="lazy"

app/View/Components/Forms/Inputs/Password.php

@@ -1,3 +1,5 @@
+@props(['name', 'value' => null])
+
 <x-forms.inputs.input
     type="email"
     name="{{ $name }}"

app/View/Components/Forms/Inputs/Textarea.php

@@ -1,3 +1,10 @@
+@props([
+    'name',
+    'id' => null,
+    'type' => 'text',
+    'value' => null,
+])
+
 <div>
     <div class="relative">
         @if ($attributes->get('prefix-icon'))
@@ -10,7 +17,7 @@
             name="{{ $name }}"
             type="{{ $type }}"
             id="{{ $id }}"
-            value="{{ $value ?: '' }}"
+            value="{{ old($name, $value ?? '') }}"
             {{ $attributes->merge([
                 'class' => 'block w-full border-gray-300 rounded-md focus:border-lio-300 focus:ring-3 focus:ring-lio-200 focus:ring-opacity-50 sm:text-sm sm:leading-5 mt-1' . ($attributes->get('prefix-icon') ? ' pl-10' : '') . ($errors->has($name) ? ' border-red-300 text-red-900 placeholder-red-300 focus:outline-hidden focus:ring-red-500 focus:border-red-500' : '')
             ]) }}

app/View/Components/Forms/Label.php

@@ -1,3 +1,5 @@
+@props(['name'])
+
 <x-forms.inputs.input
     type="password"
     name="{{ $name }}"

resources/css/app.css

@@ -1,3 +1,5 @@
+@props(['name', 'id' => null, 'rows' => 3])
+
 <div class="relative">
     <textarea
         name="{{ $name }}"

resources/views/components/avatar.blade.php

@@ -33,6 +33,7 @@
     @include('layouts._social')
     @include('layouts._fathom')
 
+    @fluxAppearance
     @livewireStyles
 </head>
 
@@ -49,6 +50,7 @@
 
 @vite(['resources/js/app.js'])
 
+@fluxScripts
 @livewireScripts
 
 </body>