merge([ 'class' => "$class $contact_card_css $has_border_css $header_compact_css $shadow_css $hover_css"]) }}>
+ @if($header)
+
+ {{ $header }}
+
+ @endif
+ @if($title && ! $header)
+
{{ $title }}
+ @endif
+
+ {{ $slot }}
+
+ @if($footer)
+
+ {{$footer}}
+
+ @endif
+
($alignItems == 'center'),
+ 'items-start' => ($alignItems != 'center'),
+ "border$border_width border-$border_colour-400/50 hover:border-$border_colour-500/80 dark:border-dark-500 dark:hover:border-dark-500",
+ $class => (!empty($class)),
+ $radii[$radius],
+ $name,
+ 'py-3 px-4' => ($compact),
+ 'p-5' => (!$compact)
+]) {{ $attributes->merge([ 'class' => ""]) }} onclick="selectCheckcard('{{$name}}', '{{$value}}', '{{$border_colour}}')"
+ data-value="{{$value}}">
+
+ @if(!empty($icon))
+
+ @elseif(!empty($avatar))
+
+ @endif
+
+
+ @if(!empty($title))
+
{{$title}}
+ @endif
+
+ {{$slot}}
+
+
+
+
<x-bladewind.dropdown />: ensure the value you set as label_key exists in your array data
');
+ }
+ if( !empty($url_key) && ! isset($data[0][$url_key]) ) {
+ die('<x-bladewind.dropdown />: ensure the value you set as url_key exists in your array
');
+ }
+
+ if( !empty($flag_key) && !isset($data[0][$flag_key]) ) {
+ die('<x-bladewind.dropdown />: ensure the value you set as flag_key exists in your array
');
+ }
+
+@endphp
+
+ ($divided && $header),
+ 'border-y border-t-slate-200/75 border-b-white dark:!border-t-gray-800/40 dark:border-b-gray-100/10 my-1' => ($divider && !$header && !$divided),
+ 'hidden' => ($divider && !$header && $divided),
+ 'py-2 px-2.5' => (!$divider && $padded),
+ 'p-0' => (!$divider && !$padded),
+ 'flex-row-reverse justify-between' => ($iconRight && !empty($icon)),
+ 'hover:rounded-md hover:dark:text-dark-100 hover:bg-slate-200/75 hover:dark:!bg-dark-800' => (!$header && $hover),
+ '!cursor-default border-b border-b-slate-200/75 dark:!border-b-gray-100/10 mb-1' => $header,
+]) {{$attributes->merge(['data-item' => "true"])}}>
+ @if(!empty($icon) && !$header)
+
+ @endif
+ {!! $slot !!}
+
\ No newline at end of file
diff --git a/resources/views/components/bladewind/dropmenu.blade.php b/resources/views/components/bladewind/dropmenu.blade.php
new file mode 100644
index 0000000..92b18e6
--- /dev/null
+++ b/resources/views/components/bladewind/dropmenu.blade.php
@@ -0,0 +1,70 @@
+@props([
+ 'name' => uniqid('bw-dropmenu-'),
+ 'trigger' => config('bladewind.dropmenu.trigger', 'ellipsis-horizontal-icon'),
+ 'trigger_css' => '',
+ 'trigger_on' => config('bladewind.dropmenu.trigger_on', 'click'),
+ 'divided' => config('bladewind.dropmenu.divided', false),
+ 'scrollable' => false,
+ 'height' => 200,
+ 'hide_after_click' => true,
+ 'position' => 'right',
+ 'class' => '',
+ 'modular' => false, // append type="module" to script tags
+ 'pickerColour' => 'pink',
+ 'icon_right' => config('bladewind.dropmenu.icon_right', false),
+ 'padded' => config('bladewind.dropmenu.padded', true),
+])
+@php
+ $name = preg_replace('/[\s-]/', '_', $name);
+ $height = !is_numeric($height) ? 200 : $height;
+ $trigger_on = (!in_array($trigger_on, ['click', 'mouseover'])) ? 'click' : $trigger_on;
+ $divided = parseBladewindVariable($divided);
+ $padded = parseBladewindVariable($padded);
+ $scrollable = parseBladewindVariable($scrollable);
+ $hide_after_click = parseBladewindVariable($hide_after_click);
+ $icon_right = parseBladewindVariable($icon_right);
+
+ // TODO: Remove in 3.0.0 when Php < 8 support is dropped
+ if (!function_exists('str_ends_with')) {
+ function str_ends_with($str, $end): bool {
+ return (@substr_compare($str, $end, -strlen($end))==0);
+ }
+ }
+@endphp
+
+
+
+
diff --git a/resources/views/components/bladewind/empty-state.blade.php b/resources/views/components/bladewind/empty-state.blade.php
new file mode 100644
index 0000000..f1b94d8
--- /dev/null
+++ b/resources/views/components/bladewind/empty-state.blade.php
@@ -0,0 +1,41 @@
+@props([
+ 'image' => config('bladewind.empty_state.image', '/vendor/bladewind/images/empty-state.svg'),
+ 'heading' => '',
+ 'buttonLabel' => '',
+ 'message' => '', // message to display
+ // true or false. set to false if you want to fully control the content
+ 'showImage' => config('bladewind.empty_state.show_image', true),
+ 'onclick' => '',
+ 'class' => '',
+ 'imageCss' => '',
+ 'imageSize' => 'medium',
+])
+@php
+ $show_image = parseBladewindVariable($showImage);
+ $button_label = $buttonLabel;
+ $size = in_array($imageSize, ['small','medium','large','xl','omg']) ? $imageSize : 'medium';
+ $sizes = [
+ 'small' => 'h-28',
+ 'medium' => 'h-40',
+ 'large' => 'h-64',
+ 'xl' => 'h-80',
+ 'omg' => 'h-96',
+];
+@endphp
+
+ @if($show_image == 'true')
+
+ @endif
+ @if($heading != '')
+
{!!$heading!!}
+ @endif
+ @if($message != '')
+
{!!$message!!}
+ @endif
+
{!! $slot !!}
+ @if($button_label != '')
+
{{$button_label}}
+ @endif
+
+
+
+
+ {{ $placeholder }}
+ @if($required)
+ *
+ @endif
+
+
+
+
+ @if(!empty($selected_value))
+
+ @endif
+
+