├── dist
    └── manifest.json
├── src
    ├── helpers.php
    ├── Flux.php
    └── ClassBuilder.php
├── stubs
    └── resources
    │   └── views
    │       └── flux
    │           ├── checkbox
    │               ├── all.blade.php
    │               ├── group
    │               │   ├── index.blade.php
    │               │   └── variants
    │               │   │   └── default.blade.php
    │               ├── index.blade.php
    │               ├── variants
    │               │   └── default.blade.php
    │               └── indicator.blade.php
    │           ├── otp
    │               ├── separator.blade.php
    │               ├── group.blade.php
    │               ├── input.blade.php
    │               └── index.blade.php
    │           ├── spacer.blade.php
    │           ├── modal
    │               ├── close.blade.php
    │               └── trigger.blade.php
    │           ├── sidebar
    │               ├── spacer.blade.php
    │               ├── nav.blade.php
    │               ├── header.blade.php
    │               ├── toggle.blade.php
    │               ├── backdrop.blade.php
    │               ├── index.blade.php
    │               ├── collapse.blade.php
    │               └── profile.blade.php
    │           ├── callout
    │               ├── text.blade.php
    │               ├── link.blade.php
    │               └── heading.blade.php
    │           ├── breadcrumbs
    │               └── index.blade.php
    │           ├── menu
    │               ├── radio
    │               │   ├── group.blade.php
    │               │   └── index.blade.php
    │               ├── checkbox
    │               │   ├── group.blade.php
    │               │   └── index.blade.php
    │               ├── separator.blade.php
    │               ├── heading.blade.php
    │               ├── index.blade.php
    │               ├── group.blade.php
    │               └── submenu.blade.php
    │           ├── skeleton
    │               ├── group.blade.php
    │               ├── index.blade.php
    │               └── line.blade.php
    │           ├── legend.blade.php
    │           ├── radio
    │               ├── group
    │               │   ├── index.blade.php
    │               │   └── variants
    │               │   │   ├── default.blade.php
    │               │   │   └── segmented.blade.php
    │               ├── index.blade.php
    │               ├── variants
    │               │   ├── default.blade.php
    │               │   └── segmented.blade.php
    │               └── indicator.blade.php
    │           ├── navmenu
    │               ├── separator.blade.php
    │               └── index.blade.php
    │           ├── select
    │               ├── index.blade.php
    │               ├── option
    │               │   ├── variants
    │               │   │   └── default.blade.php
    │               │   └── index.blade.php
    │               └── variants
    │               │   └── default.blade.php
    │           ├── container.blade.php
    │           ├── with-container.blade.php
    │           ├── icon
    │               ├── index.blade.php
    │               ├── minus.blade.php
    │               ├── stop.blade.php
    │               ├── slash.blade.php
    │               ├── plus.blade.php
    │               ├── chevron-up.blade.php
    │               ├── play.blade.php
    │               ├── minus-circle.blade.php
    │               ├── chevron-left.blade.php
    │               ├── chevron-right.blade.php
    │               ├── chevron-down.blade.php
    │               ├── equals.blade.php
    │               ├── arrow-down-right.blade.php
    │               ├── check.blade.php
    │               ├── cloud.blade.php
    │               ├── ellipsis-vertical.blade.php
    │               ├── clock.blade.php
    │               ├── ellipsis-horizontal.blade.php
    │               ├── arrow-up-left.blade.php
    │               ├── arrow-up-right.blade.php
    │               ├── x-mark.blade.php
    │               ├── bars-2.blade.php
    │               ├── arrow-down-left.blade.php
    │               ├── arrow-up.blade.php
    │               ├── arrow-long-up.blade.php
    │               ├── magnifying-glass.blade.php
    │               ├── arrow-down.blade.php
    │               ├── arrow-left.blade.php
    │               ├── arrow-right.blade.php
    │               ├── arrow-long-down.blade.php
    │               ├── arrow-long-left.blade.php
    │               ├── arrow-long-right.blade.php
    │               ├── bolt.blade.php
    │               ├── italic.blade.php
    │               ├── pause.blade.php
    │               ├── cube.blade.php
    │               ├── user.blade.php
    │               ├── view-columns.blade.php
    │               ├── bookmark.blade.php
    │               ├── exclamation-circle.blade.php
    │               ├── plus-circle.blade.php
    │               ├── check-circle.blade.php
    │               ├── moon.blade.php
    │               ├── pencil.blade.php
    │               ├── lock-open.blade.php
    │               ├── arrow-turn-down-right.blade.php
    │               ├── arrow-turn-up-left.blade.php
    │               ├── arrow-turn-up-right.blade.php
    │               ├── no-symbol.blade.php
    │               ├── arrow-turn-down-left.blade.php
    │               ├── arrow-turn-right-down.blade.php
    │               ├── paper-airplane.blade.php
    │               ├── arrow-turn-left-down.blade.php
    │               ├── arrow-turn-right-up.blade.php
    │               ├── arrow-up-circle.blade.php
    │               ├── underline.blade.php
    │               ├── arrow-down-circle.blade.php
    │               ├── arrow-left-circle.blade.php
    │               └── arrow-right-circle.blade.php
    │           ├── navlist
    │               ├── index.blade.php
    │               └── group.blade.php
    │           ├── button-or-div.blade.php
    │           ├── footer.blade.php
    │           ├── navbar
    │               └── index.blade.php
    │           ├── avatar
    │               └── group.blade.php
    │           ├── description.blade.php
    │           ├── input
    │               ├── group
    │               │   ├── affix.blade.php
    │               │   ├── prefix.blade.php
    │               │   └── suffix.blade.php
    │               ├── expandable.blade.php
    │               ├── clearable.blade.php
    │               ├── copyable.blade.php
    │               └── viewable.blade.php
    │           ├── main.blade.php
    │           ├── subheading.blade.php
    │           ├── aside.blade.php
    │           ├── tooltip
    │               ├── content.blade.php
    │               └── index.blade.php
    │           ├── dropdown.blade.php
    │           ├── with-tooltip.blade.php
    │           ├── badge
    │               └── close.blade.php
    │           ├── with-reversed-inline-field.blade.php
    │           ├── with-inline-field.blade.php
    │           ├── button-or-link-pure.blade.php
    │           ├── header.blade.php
    │           ├── error.blade.php
    │           ├── separator.blade.php
    │           ├── fieldset.blade.php
    │           ├── heading.blade.php
    │           ├── link.blade.php
    │           ├── label.blade.php
    │           ├── textarea.blade.php
    │           ├── with-field.blade.php
    │           ├── text.blade.php
    │           ├── button-or-link.blade.php
    │           ├── field.blade.php
    │           └── profile.blade.php
└── composer.json


/dist/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 |   "/flux.js": "618aa74b"
3 | }


--------------------------------------------------------------------------------
/src/helpers.php:
--------------------------------------------------------------------------------
1 | <?php
2 | 
3 | namespace Flux;
4 | 
5 | //
6 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/checkbox/all.blade.php:
--------------------------------------------------------------------------------
1 | 
2 | <flux:checkbox all :$attributes />
3 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/otp/separator.blade.php:
--------------------------------------------------------------------------------
1 | <flux:text class="px-2">&mdash;</flux:text>


--------------------------------------------------------------------------------
/stubs/resources/views/flux/otp/group.blade.php:
--------------------------------------------------------------------------------
1 | <flux:input.group>
2 |     {{ $slot }}
3 | </flux:input.group>


--------------------------------------------------------------------------------
/stubs/resources/views/flux/spacer.blade.php:
--------------------------------------------------------------------------------
1 | @blaze
2 | 
3 | <div {{ $attributes->class('flex-1') }} data-flux-spacer></div>
4 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/modal/close.blade.php:
--------------------------------------------------------------------------------
1 | @blaze
2 | 
3 | <ui-close data-flux-modal-close {{ $attributes }}>
4 |     {{ $slot }}
5 | </ui-close>
6 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/sidebar/spacer.blade.php:
--------------------------------------------------------------------------------
1 | @blaze
2 | 
3 | <div {{ $attributes->class('flex-1 pointer-events-none') }} data-flux-sidebar-spacer></div>


--------------------------------------------------------------------------------
/stubs/resources/views/flux/callout/text.blade.php:
--------------------------------------------------------------------------------
1 | @blaze
2 | 
3 | <div {{ $attributes->class('text-sm') }} data-slot="text">
4 |     {{ $slot }}
5 | </div>
6 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/breadcrumbs/index.blade.php:
--------------------------------------------------------------------------------
1 | @blaze
2 | 
3 | <div {{ $attributes->class('flex') }} data-flux-breadcrumbs>
4 |     {{ $slot }}
5 | </div>
6 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/menu/radio/group.blade.php:
--------------------------------------------------------------------------------
1 | @blaze
2 | 
3 | <ui-menu-radio-group {{ $attributes }} data-flux-menu-radio-group>
4 |     {{ $slot }}
5 | </ui-menu-radio-group>
6 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/sidebar/nav.blade.php:
--------------------------------------------------------------------------------
1 | @blaze
2 | 
3 | <nav {{ $attributes->class('flex flex-col overflow-visible min-h-auto') }} data-flux-sidebar-nav>
4 |     {{ $slot }}
5 | </nav>
6 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/skeleton/group.blade.php:
--------------------------------------------------------------------------------
1 | @blaze
2 | 
3 | @props([
4 |     'animate' => null,
5 | ])
6 | 
7 | <div {{ $attributes }} data-flux-skeleton-group>
8 |     {{ $slot }}
9 | </div>


--------------------------------------------------------------------------------
/stubs/resources/views/flux/legend.blade.php:
--------------------------------------------------------------------------------
1 | @blaze
2 | 
3 | <legend {{ $attributes->class('text-base font-medium text-zinc-800 dark:text-white') }} data-flux-legend>
4 |     {{ $slot }}
5 | </legend>
6 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/menu/checkbox/group.blade.php:
--------------------------------------------------------------------------------
1 | @blaze
2 | 
3 | <ui-menu-checkbox-group {{ $attributes }} data-flux-menu-checkbox-group>
4 |     {{ $slot }}
5 | </ui-menu-checkbox-group>
6 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/sidebar/header.blade.php:
--------------------------------------------------------------------------------
1 | @blaze
2 | 
3 | <div {{ $attributes->class('flex items-center justify-between gap-2 min-h-10') }} data-flux-sidebar-header>
4 |     {{ $slot }}
5 | </div>


--------------------------------------------------------------------------------
/stubs/resources/views/flux/menu/separator.blade.php:
--------------------------------------------------------------------------------
1 | @blaze
2 | 
3 | <div class="-mx-[.3125rem] my-[.3125rem] h-px" {{ $attributes }} data-flux-menu-separator>
4 |     <flux:separator class="dark:bg-zinc-600!" />
5 | </div>
6 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/radio/group/index.blade.php:
--------------------------------------------------------------------------------
1 | @props([
2 |     'variant' => 'default',
3 | ])
4 | 
5 | <flux:delegate-component :component="'radio.group.variants.' . $variant">{{ $slot }}</flux:delegate-component>
6 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/checkbox/group/index.blade.php:
--------------------------------------------------------------------------------
1 | @props([
2 |     'variant' => 'default',
3 | ])
4 | 
5 | <flux:delegate-component :component="'checkbox.group.variants.' . $variant">{{ $slot }}</flux:delegate-component>
6 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/navmenu/separator.blade.php:
--------------------------------------------------------------------------------
1 | @blaze
2 | 
3 | <div class="-mx-[.3125rem] my-[.3125rem] h-px" {{ $attributes }} data-flux-navmenu-separator>
4 |     <flux:separator class="dark:bg-zinc-600!" />
5 | </div>
6 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/select/index.blade.php:
--------------------------------------------------------------------------------
1 | @props([
2 |     'variant' => 'default',
3 | ])
4 | 
5 | <flux:with-field :$attributes>
6 |     <flux:delegate-component :component="'select.variants.' . $variant">{{ $slot }}</flux:delegate-component>
7 | </flux:with-field>
8 | 


--------------------------------------------------------------------------------
/src/Flux.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Flux;
 4 | 
 5 | use Illuminate\Support\Facades\Facade;
 6 | 
 7 | /**
 8 |  * @see \Flux\FluxManager
 9 |  */
10 | class Flux extends Facade
11 | {
12 |     public static function getFacadeAccessor()
13 |     {
14 |         return 'flux';
15 |     }
16 | }
17 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/container.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @php
 4 | $classes = Flux::classes()
 5 |     ->add('mx-auto w-full [:where(&)]:max-w-7xl px-6 lg:px-8')
 6 |     ;
 7 | @endphp
 8 | 
 9 | <div {{ $attributes->class($classes) }} data-flux-container>
10 |     {{ $slot }}
11 | </div>
12 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/select/option/variants/default.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @props([
 4 |     'value' => null,
 5 | ])
 6 | 
 7 | <option
 8 |     {{ $attributes }}
 9 |     @if (isset($value)) value="{{ $value }}" @endif
10 |     @if (isset($value)) wire:key="{{ $value }}" @endif
11 | >{{ $slot }}</option>


--------------------------------------------------------------------------------
/stubs/resources/views/flux/with-container.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @props([
 4 |     'container' => null,
 5 | ])
 6 | 
 7 | <?php if ($container): ?>
 8 |     <flux:container class="{!! $attributes->get('class') !!}">
 9 |         {{ $slot }}
10 |     </flux:container>
11 | <?php else: ?>
12 |     {{ $slot }}
13 | <?php endif; ?>
14 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/sidebar/toggle.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | <flux:button
 4 |     :attributes="$attributes->class('shrink-0')"
 5 |     variant="subtle"
 6 |     square
 7 |     x-data
 8 |     x-on:click="$dispatch('flux-sidebar-toggle')"
 9 |     aria-label="{{ __('Toggle sidebar') }}"
10 |     data-flux-sidebar-toggle
11 | />
12 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/index.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'icon' => null,
 7 |     'name' => null,
 8 | ])
 9 | 
10 | @php
11 | $icon = $name ?? $icon;
12 | @endphp
13 | 
14 | <flux:delegate-component :component="'icon.' . $icon">{{ $slot }}</flux:delegate-component>
15 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/navlist/index.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @props([
 4 |     'variant' => null,
 5 | ])
 6 | 
 7 | @php
 8 | $classes = Flux::classes()
 9 |     ->add('flex flex-col')
10 |     ->add('overflow-visible min-h-auto')
11 |     ;
12 | @endphp
13 | 
14 | <nav {{ $attributes->class($classes) }} data-flux-navlist>
15 |     {{ $slot }}
16 | </nav>
17 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/button-or-div.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @props([
 4 |     'as' => null,
 5 | ])
 6 | 
 7 | <?php if ($as === 'button'): ?>
 8 |     <button {{ $attributes->merge(['type' => 'button']) }}>
 9 |         {{ $slot }}
10 |     </button>
11 | <?php else: ?>
12 |     <div {{ $attributes }}>
13 |         {{ $slot }}
14 |     </div>
15 | <?php endif; ?>
16 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/sidebar/backdrop.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @php
 4 | $classes = Flux::classes()
 5 |     ->add('z-20 fixed inset-0 bg-black/10 hidden')
 6 |     ->add('data-flux-sidebar-on-mobile:not-data-flux-sidebar-collapsed-mobile:block')
 7 |     ;
 8 | @endphp
 9 | 
10 | <ui-sidebar-toggle {{ $attributes->class($classes) }} data-flux-sidebar-backdrop></ui-sidebar-toggle>
11 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/footer.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @php
 4 | $classes = Flux::classes('[grid-area:footer]')
 5 |     ->add($attributes->has('container') ? '' : 'p-6 lg:p-8')
 6 |     ;
 7 | @endphp
 8 | 
 9 | <div {{ $attributes->class($classes) }} data-flux-footer>
10 |     <flux:with-container :attributes="$attributes->except('class')->class('p-6 lg:p-8')">
11 |         {{ $slot }}
12 |     </flux:with-container>
13 | </div>
14 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/navbar/index.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @props([
 4 |     'scrollable' => false,
 5 |     'variant' => null,
 6 | ])
 7 | 
 8 | @php
 9 | $classes = Flux::classes()
10 |     ->add('flex items-center gap-1 py-3')
11 |     ->add($scrollable ? ['overflow-x-auto overflow-y-hidden'] : [])
12 |     ;
13 | @endphp
14 | 
15 | <nav {{ $attributes->class($classes) }} data-flux-navbar>
16 |     {{ $slot }}
17 | </nav>
18 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/navmenu/index.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @php
 4 | $classes = Flux::classes()
 5 |     ->add('[:where(&)]:min-w-48 p-[.3125rem]')
 6 |     ->add('rounded-lg shadow-xs')
 7 |     ->add('border border-zinc-200 dark:border-zinc-600')
 8 |     ->add('bg-white dark:bg-zinc-700')
 9 |     ;
10 | @endphp
11 | 
12 | <nav {{ $attributes->class($classes) }} popover="manual" data-flux-navmenu>
13 |     {{ $slot }}
14 | </nav>
15 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/avatar/group.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @php
 4 | $classes = Flux::classes()
 5 |     ->add('flex isolate')
 6 |     ->add('*:not-first:-ml-2 **:ring-white **:dark:ring-zinc-900')
 7 |     ->add('**:data-[slot=avatar]:ring-4 **:data-[slot=avatar]:data-[size=sm]:ring-2 **:data-[slot=avatar]:data-[size=xs]:ring-2')
 8 |     ;
 9 | @endphp
10 | 
11 | <div {{ $attributes->class($classes) }}>
12 |     {{ $slot }}
13 | </div>
14 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/description.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @php $srOnly = $srOnly ??= $attributes->pluck('sr-only'); @endphp
 4 | 
 5 | @props([
 6 |     'srOnly' => null,
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes()
11 |     ->add('text-sm text-zinc-500 dark:text-white/60')
12 |     ->add($srOnly ? 'sr-only' : '')
13 |     ;
14 | @endphp
15 | 
16 | <ui-description {{ $attributes->class($classes) }} data-flux-description>
17 |     {{ $slot }}
18 | </ui-description>
19 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/input/group/affix.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @php
 4 | $classes = Flux::classes([
 5 |     'flex items-center px-4 text-sm whitespace-nowrap',
 6 |     'text-zinc-800 dark:text-zinc-200',
 7 |     'bg-zinc-800/5 dark:bg-white/20',
 8 |     'border-zinc-200 dark:border-white/10',
 9 |     'border border-x-zinc-100 shadow-xs',
10 | ]);
11 | @endphp
12 | 
13 | <div {{ $attributes->class($classes) }} data-flux-input-group-label>
14 |     {{ $slot }}
15 | </div>
16 | 


--------------------------------------------------------------------------------
/src/ClassBuilder.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace Flux;
 4 | 
 5 | use Illuminate\Support\Arr;
 6 | use Stringable;
 7 | 
 8 | class ClassBuilder implements Stringable
 9 | {
10 |     protected $pending = [];
11 | 
12 |     public function add($classes)
13 |     {
14 |         $this->pending[] = Arr::toCssClasses($classes);
15 | 
16 |         return $this;
17 |     }
18 | 
19 |     public function __toString()
20 |     {
21 |         return (string) collect($this->pending)->join(' ');
22 |     }
23 | }
24 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/main.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @props([
 4 |     'container' => null,
 5 | ])
 6 | 
 7 | @php
 8 | $classes = Flux::classes('[grid-area:main]')
 9 |     ->add('p-6 lg:p-8')
10 |     ->add('[[data-flux-container]_&]:px-0') // If there is a wrapping container, let IT handle the x padding...
11 |     ->add($container ? 'mx-auto w-full [:where(&)]:max-w-7xl' : '')
12 |     ;
13 | @endphp
14 | 
15 | <div {{ $attributes->class($classes) }} data-flux-main>
16 |     {{ $slot }}
17 | </div>
18 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/menu/heading.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @php
 4 | $classes = Flux::classes([
 5 |     'p-2 pb-1 w-full',
 6 |     'flex items-center',
 7 |     'text-start text-xs font-medium',
 8 |     'text-zinc-500 font-medium dark:text-zinc-300',
 9 | ]);
10 | @endphp
11 | 
12 | <div {{ $attributes->class($classes) }} data-flux-menu-heading>
13 |     <div class="w-7 hidden [[data-flux-menu]:has(>[data-flux-menu-item-has-icon])_&]:block"></div>
14 | 
15 |     <div>{{ $slot }}</div>
16 | </div>
17 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/input/group/prefix.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @php
 4 | $classes = Flux::classes([
 5 |     'flex items-center px-4 text-sm whitespace-nowrap',
 6 |     'text-zinc-800 dark:text-zinc-200',
 7 |     'bg-zinc-800/5 dark:bg-white/20',
 8 |     'border-zinc-200 dark:border-white/10',
 9 |     'rounded-s-lg',
10 |     'border-s border-t border-b shadow-xs',
11 | ]);
12 | @endphp
13 | 
14 | <div {{ $attributes->class($classes) }} data-flux-input-group-prefix>
15 |     {{ $slot }}
16 | </div>
17 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/input/group/suffix.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @php
 4 | $classes = Flux::classes([
 5 |     'flex items-center px-4 text-sm whitespace-nowrap',
 6 |     'text-zinc-800 dark:text-zinc-200',
 7 |     'bg-zinc-800/5 dark:bg-white/20',
 8 |     'border-zinc-200 dark:border-white/10',
 9 |     'rounded-e-lg',
10 |     'border-e border-t border-b shadow-xs',
11 | ]);
12 | @endphp
13 | 
14 | <div {{ $attributes->class($classes) }} data-flux-input-group-suffix>
15 |     {{ $slot }}
16 | </div>
17 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/menu/index.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @php
 4 | $classes = Flux::classes()
 5 |     ->add('[:where(&)]:min-w-48 p-[.3125rem]')
 6 |     ->add('rounded-lg shadow-xs')
 7 |     ->add('border border-zinc-200 dark:border-zinc-600')
 8 |     ->add('bg-white dark:bg-zinc-700')
 9 |     ->add('focus:outline-hidden')
10 |     ;
11 | @endphp
12 | 
13 | <ui-menu
14 |     {{ $attributes->class($classes) }}
15 |     popover="manual"
16 |     data-flux-menu
17 | >
18 |     {{ $slot }}
19 | </ui-menu>
20 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/input/expandable.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @php
 4 | $attributes = $attributes->merge([
 5 |     'variant' => 'subtle',
 6 |     'class' => '-me-1',
 7 |     'square' => true,
 8 |     'size' => null,
 9 | ]);
10 | @endphp
11 | 
12 | <flux:button
13 |     :$attributes
14 |     :size="$size === 'sm' || $size === 'xs' ? 'xs' : 'sm'"
15 |     x-on:click="$el.closest('[data-flux-input]').querySelector('input').value = ''"
16 | >
17 |     <flux:icon.chevron-down variant="micro" />
18 | </flux:button>
19 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/subheading.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @props([
 4 |     'size' => 'base',
 5 | ])
 6 | 
 7 | @php
 8 | $classes = Flux::classes()
 9 |     ->add(match ($size) {
10 |         'xl' => 'text-lg',
11 |         'lg' => 'text-base',
12 |         default => 'text-sm',
13 |         'sm' => 'text-xs',
14 |     })
15 |     ->add('[:where(&)]:text-zinc-500 [:where(&)]:dark:text-white/70')
16 |     ;
17 | @endphp
18 | 
19 | <div {{ $attributes->class($classes) }} data-flux-subheading>
20 |     {{ $slot }}
21 | </div>
22 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/radio/index.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @aware([ 'variant' ])
 4 | 
 5 | @props([
 6 |     'variant' => 'default',
 7 | ])
 8 | 
 9 | @php
10 | // This prevents variants picked up by `@aware()` from other wrapping components like flux::modal from being used here...
11 | $variant = $variant !== 'default' && Flux::componentExists('radio.variants.' . $variant)
12 |     ? $variant
13 |     : 'default';
14 | @endphp
15 | 
16 | <flux:delegate-component :component="'radio.variants.' . $variant">{{ $slot }}</flux:delegate-component>
17 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/select/option/index.blade.php:
--------------------------------------------------------------------------------
 1 | @aware([ 'variant' ])
 2 | 
 3 | @props([
 4 |     'variant' => 'default',
 5 | ])
 6 | 
 7 | @php
 8 | // This prevents variants picked up by `@aware()` from other wrapping components like flux::modal from being used here...
 9 | $variant = $variant !== 'default' && Flux::componentExists('select.variants.' . $variant)
10 |     ? 'custom'
11 |     : 'default';
12 | @endphp
13 | 
14 | <flux:delegate-component :component="'select.option.variants.' . $variant">{{ $slot }}</flux:delegate-component>
15 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/callout/link.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @props([
 4 |     'external' => null,
 5 | ])
 6 | 
 7 | @php
 8 | $classes = Flux::classes()
 9 |     ->add('inline font-medium')
10 |     ->add('underline underline-offset-[6px] hover:decoration-current')
11 |     ->add('decoration-zinc-800/20 dark:decoration-white/20')
12 |     ;
13 | @endphp
14 | {{-- NOTE: It's important that this file has NO newline at the end of the file. --}}
15 | <a {{ $attributes->class($classes) }} <?php if ($external) : ?>target="_blank"<?php endif; ?>>{{ $slot }}</a>


--------------------------------------------------------------------------------
/stubs/resources/views/flux/checkbox/index.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @aware([ 'variant' ])
 4 | 
 5 | @props([
 6 |     'variant' => 'default',
 7 | ])
 8 | 
 9 | @php
10 | // This prevents variants picked up by `@aware()` from other wrapping components like flux::modal from being used here...
11 | $variant = $variant !== 'default' && Flux::componentExists('checkbox.variants.' . $variant)
12 |     ? $variant
13 |     : 'default';
14 | @endphp
15 | 
16 | <flux:delegate-component :component="'checkbox.variants.' . $variant">{{ $slot }}</flux:delegate-component>
17 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/modal/trigger.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @props([
 4 |     'shortcut' => null,
 5 |     'name' => null,
 6 | ])
 7 | 
 8 | <div
 9 |     {{ $attributes->class('contents') }}
10 |     x-data
11 |     x-on:click="$el.querySelector('button[disabled]') || $dispatch('modal-show', { name: '{{ $name }}' })"
12 |     @if ($shortcut)
13 |         x-on:keydown.{{ $shortcut }}.document="$event.preventDefault(); $dispatch('modal-show', { name: '{{ $name }}' })"
14 |     @endif
15 |     data-flux-modal-trigger
16 | >
17 |     {{ $slot }}
18 | </div>
19 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/aside.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @props([
 4 |     'sticky' => null,
 5 | ])
 6 | 
 7 | @php
 8 | $classes = Flux::classes('[grid-area:aside]');
 9 | 
10 | if ($sticky) {
11 |     $attributes = $attributes->merge([
12 |         'x-data' => '',
13 |         'x-bind:style' => '{ position: \'sticky\', top: $el.offsetTop + \'px\', \'max-height\': \'calc(100dvh - \' + $el.offsetTop + \'px)\' }',
14 |         'class' => 'max-h-[100vh] overflow-y-auto',
15 |     ]);
16 | }
17 | @endphp
18 | 
19 | <div {{ $attributes->class($classes) }} data-flux-aside>
20 |     {{ $slot }}
21 | </div>
22 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/tooltip/content.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @props([
 4 |     'kbd' => null,
 5 | ])
 6 | 
 7 | @php
 8 | $classes = Flux::classes([
 9 |     'relative py-2 px-2.5',
10 |     'rounded-md',
11 |     'text-xs text-white font-medium',
12 |     'bg-zinc-800 dark:bg-zinc-700 dark:border dark:border-white/10',
13 |     'p-0 overflow-visible',
14 | ]);
15 | @endphp
16 | 
17 | <div popover="manual" {{ $attributes->class($classes) }} data-flux-tooltip-content>
18 |     {{ $slot }}
19 | 
20 |     <?php if ($kbd): ?>
21 |         <span class="ps-1 text-zinc-300">{{ $kbd }}</span>
22 |     <?php endif; ?>
23 | </div>
24 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/dropdown.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @props([
 4 |     'position' => 'bottom',
 5 |     'align' => 'start',
 6 | ])
 7 | 
 8 | @php
 9 | // Support adding the .self modifier to the wire:model directive...
10 | if (($wireModel = $attributes->wire('model')) && $wireModel->directive && ! $wireModel->hasModifier('self')) {
11 |     unset($attributes[$wireModel->directive]);
12 | 
13 |     $wireModel->directive .= '.self';
14 | 
15 |     $attributes = $attributes->merge([$wireModel->directive => $wireModel->value]);
16 | }
17 | @endphp
18 | 
19 | <ui-dropdown position="{{ $position }} {{ $align }}" {{ $attributes }} data-flux-dropdown>
20 |     {{ $slot }}
21 | </ui-dropdown>
22 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/otp/input.blade.php:
--------------------------------------------------------------------------------
 1 | @aware(['mode' => 'numeric', 'private' => false])
 2 | 
 3 | @php
 4 |     $attributes = $attributes
 5 |         ->merge([
 6 |             'class' => 'w-8! grow-0 has-focus-within:z-10',
 7 |             'class:input' => 'px-0! py-3 text-center disabled:opacity-75 disabled:shadow-xs! dark:disabled:shadow-none!',
 8 |         ])
 9 |         ->merge(['data-flux-otp-input' => ''])
10 |     ;
11 | 
12 |     if ($mode == 'numeric') {
13 |         $attributes = $attributes->merge(['inputmode' => 'numeric']);
14 |     }
15 | 
16 |     if ($private) {
17 |         $attributes = $attributes->merge(['type' => 'password']);
18 |     }
19 | @endphp
20 | 
21 | <flux:input {{ $attributes }} />


--------------------------------------------------------------------------------
/stubs/resources/views/flux/radio/variants/default.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @props([
 4 |     'name' => $attributes->whereStartsWith('wire:model')->first(),
 5 | ])
 6 | 
 7 | <flux:with-inline-field variant="inline" :$attributes>
 8 |     {{-- We have to put tabindex="-1" here because otherwise, Livewire requests will wipe out tabindex state, --}}
 9 |     {{-- even with durable attributes for some reason... --}}
10 |     {{-- We are redundantly setting the size of this container to 1.125rem so that the focus outline isn't oblong. --}}
11 |     <ui-radio {{ $attributes->class('flex size-[1.125rem] rounded-full mt-px outline-offset-2') }} data-flux-control data-flux-radio tabindex="-1">
12 |         <flux:radio.indicator />
13 |     </ui-radio>
14 | </flux:with-inline-field>
15 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/menu/group.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @props([
 4 |     'heading' => null,
 5 | ])
 6 | 
 7 | @php
 8 | $classes = Flux::classes()
 9 |     ->add('-mx-[.3125rem] px-[.3125rem]')
10 |     ->add('[&+&>[data-flux-menu-separator-top]]:hidden [&:first-child>[data-flux-menu-separator-top]]:hidden [&:last-child>[data-flux-menu-separator-bottom]]:hidden')
11 |     ;
12 | @endphp
13 | 
14 | <div {{ $attributes->class($classes) }} role="group" data-flux-menu-group>
15 |     <flux:menu.separator data-flux-menu-separator-top />
16 | 
17 |     <?php if ($heading): ?>
18 |         <flux:menu.heading>{{ $heading }}</flux:menu.heading>
19 |     <?php endif; ?>
20 | 
21 |     {{ $slot }}
22 | 
23 |     <flux:menu.separator data-flux-menu-separator-bottom />
24 | </div>
25 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/with-tooltip.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @php
 4 | extract(Flux::forwardedAttributes($attributes, [
 5 |     'tooltipPosition',
 6 |     'tooltipKbd',
 7 |     'tooltip',
 8 | ]));
 9 | @endphp
10 | 
11 | @php $tooltipPosition = $tooltipPosition ??= $attributes->pluck('tooltip:position'); @endphp
12 | @php $tooltipKbd = $tooltipKbd ??= $attributes->pluck('tooltip:kbd'); @endphp
13 | @php $tooltip = $tooltip ??= $attributes->pluck('tooltip'); @endphp
14 | 
15 | @props([
16 |     'tooltipPosition' => 'top',
17 |     'tooltipKbd' => null,
18 |     'tooltip' => null,
19 | ])
20 | 
21 | <?php if ($tooltip): ?>
22 |     <flux:tooltip :content="$tooltip" :position="$tooltipPosition" :kbd="$tooltipKbd">
23 |         {{ $slot }}
24 |     </flux:tooltip>
25 | <?php else: ?>
26 |     {{ $slot }}
27 | <?php endif; ?>
28 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/checkbox/variants/default.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @props([
 4 |     'name' => null,
 5 | ])
 6 | 
 7 | @php
 8 | // We only want to show the name attribute on the checkbox if it has been set
 9 | // manually, but not if it has been set from the wire:model attribute...
10 | $showName = isset($name);
11 | 
12 | if (! isset($name)) {
13 |     $name = $attributes->whereStartsWith('wire:model')->first();
14 | }
15 | 
16 | $classes = Flux::classes()
17 |     ->add('flex size-[1.125rem] rounded-[.3rem] mt-px outline-offset-2')
18 |     ;
19 | @endphp
20 | 
21 | <flux:with-inline-field :$attributes>
22 |     <ui-checkbox {{ $attributes->class($classes) }} @if($showName) name="{{ $name }}" @endif data-flux-control data-flux-checkbox>
23 |         <flux:checkbox.indicator />
24 |     </ui-checkbox>
25 | </flux:with-inline-field>
26 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/badge/close.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @php $iconVariant ??= $attributes->pluck('icon:variant'); @endphp
 4 | 
 5 | @props([
 6 |     'iconVariant' => 'micro',
 7 |     'icon' => 'x-mark',
 8 | ])
 9 | 
10 | @php
11 | // When using the outline icon variant, we need to size it down to match the default icon sizes...
12 | $iconClasses = Flux::classes()->add($iconVariant === 'outline' ? 'size-4' : '');
13 | 
14 | $classes = Flux::classes()
15 |     ->add('p-1 -my-1 -me-1 opacity-50 hover:opacity-100')
16 |     ;
17 | @endphp
18 | 
19 | <button type="button" {{ $attributes->class($classes) }} data-flux-badge-close>
20 |     <?php if (is_string($icon) && $icon !== ''): ?>
21 |         <flux:icon :$icon :variant="$iconVariant" :class="$iconClasses" />
22 |     <?php else: ?>
23 |         {{ $icon }}
24 |     <?php endif; ?>
25 | </button>
26 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/with-reversed-inline-field.blade.php:
--------------------------------------------------------------------------------
 1 | @php
 2 | extract(flux::forwardedattributes($attributes, [
 3 |     'name',
 4 |     'description',
 5 |     'label',
 6 | ]));
 7 | @endphp
 8 | 
 9 | @props([
10 |     'name' => $attributes->whereStartsWith('wire:model')->first(),
11 |     'description' => null,
12 |     'label' => null,
13 | ])
14 | 
15 | <?php if ($label || $description): ?>
16 |     <flux:field variant="inline">
17 |         <?php if ($label): ?>
18 |             <flux:label>{{ $label }}</flux:label>
19 |         <?php endif; ?>
20 | 
21 |         <?php if ($description): ?>
22 |             <flux:description>{{ $description }}</flux:description>
23 |         <?php endif; ?>
24 | 
25 |         {{ $slot }}
26 | 
27 |         <flux:error :$name />
28 |     </flux:field>
29 | <?php else: ?>
30 |     {{ $slot }}
31 | <?php endif; ?>
32 | 
33 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/input/clearable.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @php
 4 | $attributes = $attributes->merge([
 5 |     'variant' => 'subtle',
 6 |     'class' => '-me-1 [[data-flux-input]:has(input:placeholder-shown)_&]:hidden [[data-flux-input]:has(input[disabled])_&]:hidden',
 7 |     'square' => true,
 8 |     'size' => null,
 9 | ]);
10 | @endphp
11 | 
12 | <flux:button
13 |     :$attributes
14 |     :size="$size === 'sm' || $size === 'xs' ? 'xs' : 'sm'"
15 |     x-data
16 |     x-on:click="let input = $el.closest('[data-flux-input]').querySelector('input'); input.value = ''; input.dispatchEvent(new Event('input', { bubbles: false })); input.dispatchEvent(new Event('change', { bubbles: false })); input.focus()"
17 |     tabindex="-1"
18 |     aria-label="Clear input"
19 |     data-flux-clear-button
20 | >
21 |     <flux:icon.x-mark variant="micro" />
22 | </flux:button>
23 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/otp/index.blade.php:
--------------------------------------------------------------------------------
 1 | @props([
 2 |     'length' => null,
 3 |     'private' => false,
 4 | ])
 5 | 
 6 | @php
 7 |     $classes = Flux::classes()
 8 |         ->add('flex items-center gap-2 isolate w-fit')
 9 |         ->add('[&_[data-flux-input-group]]:w-auto')
10 | @endphp
11 | 
12 | <flux:with-field :$attributes>
13 |     <ui-otp
14 |         {{ $attributes->class($classes) }}
15 |         data-flux-otp
16 |         data-flux-control
17 |         role="group"
18 |         data-flux-input-aria-label="{{ __('Character {current} of {total}') }}"
19 |     >
20 |         <?php if($slot->isEmpty() && $length): ?>
21 |             <?php for($i = 0; $i < $length; $i++): ?>
22 |                 <flux:otp.input />
23 |             <?php endfor; ?>
24 |         <?php else: ?>
25 |             {{ $slot }}
26 |         <?php endif; ?>
27 |     </ui-otp>
28 | </flux:with-field>


--------------------------------------------------------------------------------
/stubs/resources/views/flux/with-inline-field.blade.php:
--------------------------------------------------------------------------------
 1 | @php
 2 | extract(flux::forwardedattributes($attributes, [
 3 |     'name',
 4 |     'description',
 5 |     'label',
 6 | ]));
 7 | @endphp
 8 | 
 9 | @props([
10 |     'name' => $attributes->whereStartsWith('wire:model')->first(),
11 |     'description' => null,
12 |     'label' => null,
13 | ])
14 | 
15 | <?php if (isset($label) || isset($description)): ?>
16 |     <flux:field variant="inline">
17 |         {{ $slot }}
18 | 
19 |         <?php if (isset($label)): ?>
20 |             <flux:label>{{ $label }}</flux:label>
21 |         <?php endif; ?>
22 | 
23 |         <?php if (isset($description)): ?>
24 |             <flux:description>{{ $description }}</flux:description>
25 |         <?php endif; ?>
26 | 
27 |         <flux:error :$name />
28 |     </flux:field>
29 | <?php else: ?>
30 |     {{ $slot }}
31 | <?php endif; ?>
32 | 
33 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/button-or-link-pure.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @php
 4 | extract(Flux::forwardedAttributes($attributes, [
 5 |     'type',
 6 |     'href',
 7 |     'as',
 8 | ]));
 9 | @endphp
10 | 
11 | @props([
12 |     'type' => 'button',
13 |     'href' => null,
14 |     'as' => null,
15 | ])
16 | 
17 | <?php if ($as === 'div' && ! $href): ?>
18 |     <div {{ $attributes }}>
19 |         {{ $slot }}
20 |     </div>
21 | <?php elseif ($as === 'a' || $href): ?>
22 |     {{-- We are using e() here to escape the href attribute value instead of "{{ }}" because the latter will escape the entire attribute value, including the "&" character... --}}
23 |     <a href="{!! e($href) !!}" {{ $attributes }}>
24 |         {{ $slot }}
25 |     </a>
26 | <?php else: ?>
27 |     <button {{ $attributes->merge(['type' => $type]) }}>
28 |         {{ $slot }}
29 |     </button>
30 | <?php endif; ?>
31 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/checkbox/group/variants/default.blade.php:
--------------------------------------------------------------------------------
 1 | @php
 2 | $classes = Flux::classes()
 3 |     ->add('*:data-flux-field:mb-3')
 4 |     ->add('[&>[data-flux-field]:has(>[data-flux-description])]:mb-4')
 5 |     ->add('[&>[data-flux-field]:last-child]:mb-0!')
 6 |     ;
 7 | 
 8 | // Support adding the .self modifier to the wire:model directive...
 9 | if (($wireModel = $attributes->wire('model')) && $wireModel->directive && ! $wireModel->hasModifier('self')) {
10 |     unset($attributes[$wireModel->directive]);
11 | 
12 |     $wireModel->directive .= '.self';
13 | 
14 |     $attributes = $attributes->merge([$wireModel->directive => $wireModel->value]);
15 | }
16 | @endphp
17 | 
18 | <flux:with-field :$attributes>
19 |     <ui-checkbox-group {{ $attributes->class($classes) }} data-flux-checkbox-group>
20 |         {{ $slot }}
21 |     </ui-checkbox-group>
22 | </flux:with-field>
23 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/header.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @props([
 4 |     'sticky' => null,
 5 |     'container' => null,
 6 | ])
 7 | 
 8 | @php
 9 | $classes = Flux::classes('[grid-area:header]')
10 |     ->add('z-10 min-h-14')
11 |     ->add($container ? '' : 'flex items-center px-6 lg:px-8')
12 |     ;
13 | 
14 | if ($sticky) {
15 |     $attributes = $attributes->merge([
16 |         'x-data' => '',
17 |         'x-bind:style' => '{ position: \'sticky\', top: $el.offsetTop + \'px\', \'max-height\': \'calc(100vh - \' + $el.offsetTop + \'px)\' }',
18 |     ]);
19 | }
20 | @endphp
21 | 
22 | <header {{ $attributes->class($classes) }} data-flux-header>
23 |     @if ($container)
24 |         <div class="mx-auto w-full h-full [:where(&)]:max-w-7xl px-6 lg:px-8 flex items-center">
25 |             {{ $slot }}
26 |         </div>
27 |     @else
28 |         {{ $slot }}
29 |     @endif
30 | </header>
31 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/callout/heading.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @php $iconVariant ??= $attributes->pluck('icon:variant'); @endphp
 4 | 
 5 | @props([
 6 |     'iconVariant' => 'mini',
 7 |     'icon' => null,
 8 | ])
 9 | 
10 | @php
11 |     $classes = Flux::classes()
12 |         ->add('flex items-center gap-2 text-sm font-medium')
13 |         ;
14 | 
15 |     $iconClasses = Flux::classes()
16 |         ->add('inline-block size-5 text-[var(--callout-icon)] dark:text-[var(--callout-icon)]')
17 |         ->add($attributes->pluck('class:icon'))
18 |         ;
19 | @endphp
20 | 
21 | <div {{ $attributes->class($classes) }} data-slot="heading">
22 |     <?php if (is_string($icon) && $icon !== ''): ?>
23 |         <flux:icon :icon="$icon" :variant="$iconVariant" :class="$iconClasses" />
24 |     <?php elseif ($icon): ?>
25 |         {{ $icon }}
26 |     <?php endif; ?>
27 | 
28 |     {{ $slot }}
29 | </div>
30 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/input/copyable.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @php
 4 | $attributes = $attributes->merge([
 5 |     'variant' => 'subtle',
 6 |     'class' => '-me-1',
 7 |     'square' => true,
 8 |     'size' => null,
 9 | ]);
10 | @endphp
11 | 
12 | <flux:button
13 |     :$attributes
14 |     :size="$size === 'sm' || $size === 'xs' ? 'xs' : 'sm'"
15 |     x-data="{ copied: false }"
16 |     x-on:click="copied = ! copied; navigator.clipboard && navigator.clipboard.writeText($el.closest('[data-flux-input]').querySelector('input').value); setTimeout(() => copied = false, 2000)"
17 |     x-bind:data-copyable-copied="copied"
18 |     aria-label="{{ __('Copy to clipboard') }}"
19 | >
20 |     <flux:icon.clipboard-document-check variant="mini" class="hidden [[data-copyable-copied]>&]:block" />
21 |     <flux:icon.clipboard-document variant="mini" class="block [[data-copyable-copied]>&]:hidden" />
22 | </flux:button>
23 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/radio/group/variants/default.blade.php:
--------------------------------------------------------------------------------
 1 | @props([
 2 |     'name' => null,
 3 |     'variant' => null,
 4 | ])
 5 | 
 6 | @php
 7 | // We only want to show the name attribute it has been set manually
 8 | // but not if it has been set from the `wire:model` attribute...
 9 | $showName = isset($name);
10 | if (! isset($name)) {
11 |     $name = $attributes->whereStartsWith('wire:model')->first();
12 | }
13 | 
14 | $classes = Flux::classes()
15 |     // Adjust spacing between fields...
16 |     ->add('*:data-flux-field:mb-3')
17 |     ->add('[&>[data-flux-field]:has(>[data-flux-description])]:mb-4')
18 |     ->add('[&>[data-flux-field]:last-child]:mb-0!')
19 |     ;
20 | @endphp
21 | 
22 | <flux:with-field :$attributes>
23 |     <ui-radio-group {{ $attributes->class($classes) }} @if($showName) name="{{ $name }}" @endif data-flux-radio-group>
24 |         {{ $slot }}
25 |     </ui-radio-group>
26 | </flux:with-field>
27 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/radio/group/variants/segmented.blade.php:
--------------------------------------------------------------------------------
 1 | @props([
 2 |     'name' => null,
 3 |     'variant' => null,
 4 |     'size' => null,
 5 | ])
 6 | 
 7 | @php
 8 | // We only want to show the name attribute on the checkbox if it has been set
 9 | // manually, but not if it has been set from the wire:model attribute...
10 | $showName = isset($name);
11 | 
12 | if (! isset($name)) {
13 |     $name = $attributes->whereStartsWith('wire:model')->first();
14 | }
15 | 
16 | $classes = Flux::classes()
17 |     ->add('block flex p-1')
18 |     ->add('rounded-lg bg-zinc-800/5 dark:bg-white/10')
19 |     ->add($size === 'sm' ? 'h-8 py-[3px] px-[3px]' : 'h-10 p-1')
20 |     ->add($size === 'sm' ? '-my-px h-[calc(2rem+2px)]' : '')
21 |     ;
22 | @endphp
23 | 
24 | <flux:with-field :$attributes>
25 |     <ui-radio-group {{ $attributes->class($classes) }} @if($showName) name="{{ $name }}" @endif data-flux-radio-group-segmented>
26 |         {{ $slot }}
27 |     </ui-radio-group>
28 | </flux:with-field>
29 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/error.blade.php:
--------------------------------------------------------------------------------
 1 | @props([
 2 |     'icon' => 'exclamation-triangle',
 3 |     'bag' => 'default',
 4 |     'message' => null,
 5 |     'nested' => true,
 6 |     'name' => null,
 7 | ])
 8 | 
 9 | @php
10 | $errorBag = $errors->getBag($bag);
11 | $message ??= $name ? $errorBag->first($name) : null;
12 | 
13 | if ($name && (is_null($message) || $message === '') && filter_var($nested, FILTER_VALIDATE_BOOLEAN, FILTER_NULL_ON_FAILURE) !== false) {
14 |     $message = $errorBag->first($name . '.*');
15 | }
16 | 
17 | $classes = Flux::classes('mt-3 text-sm font-medium text-red-500 dark:text-red-400')
18 |     ->add($message ? '' : 'hidden');
19 | @endphp
20 | 
21 | <div role="alert" aria-live="polite" aria-atomic="true" {{ $attributes->class($classes) }} data-flux-error>
22 |     <?php if ($message) : ?>
23 |         <?php if ($icon) : ?>
24 |             <flux:icon :name="$icon" variant="mini" class="inline" />
25 |         <?php endif; ?>
26 | 
27 |         {{ $message }}
28 |     <?php endif; ?>
29 | </div>
30 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/skeleton/index.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @aware(['animate' => null])
 4 | 
 5 | @props([
 6 |     'animate' => null,
 7 | ])
 8 | 
 9 | @php
10 |     $classes = Flux::classes()
11 |         ->add('[:where(&)]:h-4 [:where(&)]:rounded-md [:where(&)]:bg-zinc-400/20')
12 |         ->add(match ($animate) {
13 |             'shimmer' => [
14 |                 'relative before:absolute before:inset-0 before:-translate-x-full',
15 |                 'overflow-hidden isolate',
16 |                 '[:where(&)]:[--flux-shimmer-color:white]',
17 |                 'dark:[:where(&)]:[--flux-shimmer-color:var(--color-zinc-900)]',
18 |                 'before:z-10 before:animate-[flux-shimmer_2s_infinite]',
19 |                 'before:bg-gradient-to-r before:from-transparent before:via-[var(--flux-shimmer-color)]/50 dark:before:via-[var(--flux-shimmer-color)]/50 before:to-transparent',
20 |             ],
21 |             'pulse' => 'animate-pulse',
22 |             default => '',
23 |         })
24 |         ;
25 | @endphp
26 | 
27 | <div {{ $attributes->class($classes) }} data-flux-skeleton>
28 |     {{ $slot }}
29 | </div>


--------------------------------------------------------------------------------
/composer.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "livewire/flux",
 3 |     "description": "The official UI component library for Livewire.",
 4 |     "keywords": ["flux", "laravel", "livewire", "components", "ui"],
 5 |     "license": "proprietary",
 6 |     "authors": [
 7 |         {
 8 |             "name": "Caleb Porzio",
 9 |             "email": "calebporzio@gmail.com"
10 |         }
11 |     ],
12 |     "require": {
13 |         "php": "^8.1",
14 |         "illuminate/console": "^10.0|^11.0|^12.0",
15 |         "illuminate/support": "^10.0|^11.0|^12.0",
16 |         "illuminate/view": "^10.0|^11.0|^12.0",
17 |         "symfony/console": "^6.0|^7.0",
18 |         "livewire/livewire": "^3.5.19|^4.0",
19 |         "laravel/prompts": "^0.1|^0.2|^0.3"
20 |     },
21 |     "conflict": {
22 |         "livewire/blaze": "<1.0.0"
23 |     },
24 |     "autoload": {
25 |         "psr-4": {
26 |             "Flux\\": "src/"
27 |         }
28 |     },
29 |     "extra": {
30 |         "laravel": {
31 |             "providers": [
32 |                 "Flux\\FluxServiceProvider"
33 |             ],
34 |             "aliases": {
35 |                 "Flux": "Flux\\Flux"
36 |             }
37 |         }
38 |     }
39 | }
40 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/skeleton/line.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @aware(['animate' => null])
 4 | 
 5 | @props([
 6 |     'size' => 'base',
 7 |     'animate' => null,
 8 | ])
 9 | 
10 | @php
11 | $classes = Flux::classes()
12 |     ->add('[:where(&)]:w-full')
13 |     ->add(match ($size) {
14 |         'base' => '[:where(&)]:h-5 py-[3px]',
15 |         'lg' => 'h-6 py-[2px]',
16 |     })
17 |     ->add(match ($animate) {
18 |         'shimmer' => [
19 |             'relative before:absolute before:inset-0 before:-translate-x-full',
20 |             'overflow-hidden isolate',
21 |             '[:where(&)]:[--flux-shimmer-color:white]',
22 |             'dark:[:where(&)]:[--flux-shimmer-color:var(--color-zinc-900)]',
23 |             'before:z-10 before:animate-[flux-shimmer_2s_infinite]',
24 |             'before:bg-gradient-to-r before:from-transparent before:via-[var(--flux-shimmer-color)]/50 dark:before:via-[var(--flux-shimmer-color)]/50 before:to-transparent',
25 |         ],
26 |         'pulse' => 'animate-pulse',
27 |         default => '',
28 |     })
29 |     ;
30 | @endphp
31 | 
32 | <div {{ $attributes->class($classes) }} data-flux-skeleton-line>
33 |     <div class="h-full [:where(&)]:rounded [:where(&)]:bg-zinc-400/20">{{ $slot }}</div>
34 | </div>


--------------------------------------------------------------------------------
/stubs/resources/views/flux/separator.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @props([
 4 |     'orientation' => null,
 5 |     'vertical' => false,
 6 |     'variant' => null,
 7 |     'faint' => false,
 8 |     'text' => null,
 9 | ])
10 | 
11 | @php
12 | $orientation ??= $vertical ? 'vertical' : 'horizontal';
13 | 
14 | $classes = Flux::classes('border-0 [print-color-adjust:exact]')
15 |     ->add(match ($variant) {
16 |         'subtle' => 'bg-zinc-800/5 dark:bg-white/10',
17 |         default => 'bg-zinc-800/15 dark:bg-white/20',
18 |     })
19 |     ->add(match ($orientation) {
20 |         'horizontal' => 'h-px w-full',
21 |         'vertical' => 'self-stretch self-center w-px',
22 |     })
23 |     ;
24 | @endphp
25 | 
26 | <?php if ($text): ?>
27 |     <div data-orientation="{{ $orientation }}" class="flex items-center w-full" role="none" data-flux-separator>
28 |         <div {{ $attributes->class([$classes, 'grow']) }}></div>
29 | 
30 |         <span class="shrink mx-6 font-medium text-sm text-zinc-500 dark:text-zinc-300 whitespace-nowrap">{{ $text }}</span>
31 | 
32 |         <div {{ $attributes->class([$classes, 'grow']) }}></div>
33 |     </div>
34 | <?php else: ?>
35 |     <div data-orientation="{{ $orientation }}" role="none" {{ $attributes->class($classes, 'shrink-0') }} data-flux-separator></div>
36 | <?php endif; ?>
37 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/fieldset.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @props([
 4 |     'legend' => null,
 5 |     'description' => null,
 6 | ])
 7 | 
 8 | @php
 9 | $classes = Flux::classes()
10 |     ->add('[&[disabled]_[data-flux-label]]:opacity-50') // Dim labels when the fieldset is disabled...
11 |     ->add('[&[disabled]_[data-flux-legend]]:opacity-50') // Dim legend when the fieldset is disabled...
12 | 
13 |     // Adjust spacing between fields...
14 |     ->add('*:data-flux-field:mb-3')
15 | 
16 |     // Adjust spacing between fields...
17 |     ->add('*:data-flux-field:mb-3')
18 |     ->add('[&>[data-flux-field]:has(>[data-flux-description])]:mb-4')
19 |     ->add('[&>[data-flux-field]:last-child]:mb-0!')
20 | 
21 |     // Adjust spacing below legend...
22 |     ->add('[&>legend]:mb-4')
23 |     ->add('[&>legend:has(+[data-flux-description])]:mb-2')
24 | 
25 |     // Adjust spacing below description...
26 |     ->add('[&>legend+[data-flux-description]]:mb-4')
27 |     ;
28 | @endphp
29 | 
30 | <fieldset {{ $attributes->class($classes) }} data-flux-fieldset>
31 |     <?php if ($legend): ?>
32 |         <flux:legend>{{ $legend }}</flux:legend>
33 |     <?php endif; ?>
34 | 
35 |     <?php if ($description): ?>
36 |         <flux:description>{{ $description }}</flux:description>
37 |     <?php endif; ?>
38 | 
39 |     {{ $slot }}
40 | </fieldset>
41 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/tooltip/index.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @props([
 4 |     'interactive' => null,
 5 |     'position' => 'top',
 6 |     'align' => 'center',
 7 |     'content' => null,
 8 |     'kbd' => null,
 9 |     'toggleable' => null,
10 | ])
11 | 
12 | @php
13 | // Support adding the .self modifier to the wire:model directive...
14 | if (($wireModel = $attributes->wire('model')) && $wireModel->directive && ! $wireModel->hasModifier('self')) {
15 |     unset($attributes[$wireModel->directive]);
16 | 
17 |     $wireModel->directive .= '.self';
18 | 
19 |     $attributes = $attributes->merge([$wireModel->directive => $wireModel->value]);
20 | }
21 | @endphp
22 | 
23 | <?php if ($toggleable): ?>
24 |     <ui-dropdown position="{{ $position }} {{ $align }}" {{ $attributes }} data-flux-tooltip>
25 |         {{ $slot }}
26 | 
27 |         <?php if ($content !== null): ?>
28 |             <flux:tooltip.content :$kbd>{{ $content }}</flux:tooltip.content>
29 |         <?php endif; ?>
30 |     </ui-dropdown>
31 | <?php else: ?>
32 |     <ui-tooltip position="{{ $position }} {{ $align }}" {{ $attributes }} data-flux-tooltip @if ($interactive) interactive @endif>
33 |         {{ $slot }}
34 | 
35 |         <?php if ($content !== null): ?>
36 |             <flux:tooltip.content :$kbd>{{ $content }}</flux:tooltip.content>
37 |         <?php endif; ?>
38 |     </ui-tooltip>
39 | <?php endif; ?>
40 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/radio/indicator.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @php
 4 | $classes = Flux::classes()
 5 |     ->add('shrink-0 size-[1.125rem] rounded-full')
 6 |     ->add('text-sm text-zinc-700 dark:text-zinc-800')
 7 |     ->add('shadow-xs [ui-radio[disabled]_&]:opacity-75 [ui-radio[data-checked][disabled]_&]:opacity-50 [ui-radio[disabled]_&]:shadow-none [ui-radio[data-checked]_&]:shadow-none')
 8 |     ->add('flex justify-center items-center [ui-radio[data-checked]_&>div]:block')
 9 |     ->add([
10 |         'border',
11 |         'border-zinc-300 dark:border-white/10',
12 |         '[ui-radio[disabled]_&]:border-zinc-200 dark:[ui-radio[disabled]_&]:border-white/5',
13 |         '[ui-radio[data-checked]_&]:border-transparent data-indeterminate:border-transparent',
14 |         '[ui-radio[data-checked]_&]:[ui-radio[disabled]_&]:border-transparent data-indeterminate:border-transparent',
15 |         '[print-color-adjust:exact]',
16 |     ])
17 |     ->add([
18 |         'bg-white dark:bg-white/10',
19 |         '[ui-radio[data-checked]_&]:bg-[var(--color-accent)]',
20 |         'hover:[ui-radio[data-checked]_&]:bg-(--color-accent)',
21 |         'focus:[ui-radio[data-checked]_&]:bg-(--color-accent)',
22 |     ])
23 |     ;
24 | @endphp
25 | 
26 | <div {{ $attributes->class($classes) }} data-flux-radio-indicator>
27 |     <div class="hidden size-2 rounded-full bg-[var(--color-accent-foreground)]"></div>
28 | </div>
29 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/input/viewable.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @php
 4 | $attributes = $attributes->merge([
 5 |     'variant' => 'subtle',
 6 |     'class' => '-me-1',
 7 |     'square' => true,
 8 |     'size' => null,
 9 | ]);
10 | @endphp
11 | 
12 | <flux:button
13 |     :$attributes
14 |     :size="$size === 'sm' || $size === 'xs' ? 'xs' : 'sm'"
15 |     x-data="{ open: false }"
16 |     x-on:click="open = ! open; $el.closest('[data-flux-input]').querySelector('input').setAttribute('type', open ? 'text' : 'password')"
17 |     x-bind:data-viewable-open="open"
18 |     aria-label="{{ __('Toggle password visibility') }}"
19 | 
20 |     {{-- We need to make the input type "durable" (immune to Livewire morph manipulations): --}}
21 |     x-init="
22 |         let input = $el.closest('[data-flux-input]')?.querySelector('input');
23 | 
24 |         if (! input) return;
25 | 
26 |         let observer = new MutationObserver(() => {
27 |             let type = open ? 'text' : 'password';
28 |             if (input.getAttribute('type') === type) return;
29 |             input.setAttribute('type', type)
30 |         });
31 | 
32 |         observer.observe(input, { attributes: true, attributeFilter: ['type'] });
33 |     "
34 | >
35 |     <flux:icon.eye-slash variant="micro" class="hidden [[data-viewable-open]>&]:block" />
36 |     <flux:icon.eye variant="micro" class="block [[data-viewable-open]>&]:hidden" />
37 | </flux:button>
38 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/heading.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @props([
 4 |     'size' => 'base',
 5 |     'accent' => false,
 6 |     'level' => null,
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes()
11 |     ->add('font-medium')
12 |     ->add(match ($accent) {
13 |         true => 'text-[var(--color-accent-content)]',
14 |         default => '[:where(&)]:text-zinc-800 [:where(&)]:dark:text-white',
15 |     })
16 |     ->add(match ($size) {
17 |         'xl' => 'text-2xl [&:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&]:mt-2',
18 |         'lg' => 'text-base [&:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&]:mt-2',
19 |         default => 'text-sm [&:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&]:mt-2',
20 |     })
21 |     ;
22 | @endphp
23 | 
24 | <?php switch ((int) $level): case(1): ?>
25 |         <h1 {{ $attributes->class($classes) }} data-flux-heading>{{ $slot }}</h1>
26 | 
27 |         @break
28 |     <?php case(2): ?>
29 |         <h2 {{ $attributes->class($classes) }} data-flux-heading>{{ $slot }}</h2>
30 | 
31 |         @break
32 |     <?php case(3): ?>
33 |         <h3 {{ $attributes->class($classes) }} data-flux-heading>{{ $slot }}</h3>
34 | 
35 |         @break
36 |     <?php case(4): ?>
37 |         <h4 {{ $attributes->class($classes) }} data-flux-heading>{{ $slot }}</h4>
38 | 
39 |         @break
40 |     <?php default: ?>
41 |         <div {{ $attributes->class($classes) }} data-flux-heading>{{ $slot }}</div>
42 | <?php endswitch; ?>
43 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/link.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @props([
 4 |     'as' => null,
 5 |     'external' => null,
 6 |     'accent' => true,
 7 |     'variant' => null,
 8 |     'strong' => false,
 9 | ])
10 | 
11 | @php
12 | $classes = Flux::classes()
13 |     ->add('inline font-medium')
14 |     ->add('underline-offset-[6px] hover:decoration-current')
15 |     ->add(match ($variant) {
16 |         'ghost' => 'no-underline hover:underline',
17 |         'subtle' => 'no-underline',
18 |         default => 'underline',
19 |     })
20 |     ->add('[[data-color]>&]:text-inherit [[data-color]>&]:decoration-current/20 dark:[[data-color]>&]:decoration-current/50 [[data-color]>&]:hover:decoration-current')
21 |     ->add(match ($variant) {
22 |         'subtle' => 'text-zinc-500 dark:text-white/70 hover:text-zinc-800 dark:hover:text-white',
23 |         default => match ($accent) {
24 |             true => 'text-[var(--color-accent-content)] decoration-[color-mix(in_oklab,var(--color-accent-content),transparent_80%)]',
25 |             false => 'text-zinc-800 dark:text-white decoration-zinc-800/20 dark:decoration-white/20',
26 |         },
27 |     })
28 |     ;
29 | @endphp
30 | {{-- NOTE: It's important that this file has NO newline at the end of the file. --}}
31 | <?php if ($as !== 'button') : ?><a {{ $attributes->class($classes) }} data-flux-link <?php if ($external) : ?>target="_blank"<?php endif; ?>>{{ $slot }}</a><?php else : ?><button {{ $attributes->merge(['class' => $classes, 'type' => 'button']) }} data-flux-link>{{ $slot }}</button><?php endif; ?>


--------------------------------------------------------------------------------
/stubs/resources/views/flux/label.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @php $srOnly = $srOnly ??= $attributes->pluck('sr-only'); @endphp
 4 | 
 5 | @props([
 6 |     'badge' => null,
 7 |     'aside' => null,
 8 |     'trailing' => null,
 9 |     'srOnly' => null,
10 | ])
11 | 
12 | @php
13 |     $classes = Flux::classes()
14 |         ->add('inline-flex items-center')
15 |         ->add('text-sm font-medium')
16 |         ->add($srOnly ? 'sr-only' : '')
17 |         ->add('[:where(&)]:text-zinc-800 [:where(&)]:dark:text-white')
18 |         ->add('[&:has([data-flux-label-trailing])]:flex')
19 |         ;
20 | @endphp
21 | 
22 | <ui-label {{ $attributes->class($classes) }} data-flux-label>
23 |     {{ $slot }}
24 | 
25 |     <?php if (is_string($badge)): ?>
26 |         <span class="ms-1.5 text-zinc-800/70 text-xs bg-zinc-800/5 px-1.5 py-1 -my-1 rounded-[4px] dark:bg-white/10 dark:text-zinc-300" aria-hidden="true">
27 |             {{ $badge }}
28 |         </span>
29 |     <?php elseif ($badge): ?>
30 |         <span class="ms-1.5" aria-hidden="true">
31 |             {{ $badge }}
32 |         </span>
33 |     <?php endif; ?>
34 | 
35 |     <?php if ($aside): ?>
36 |         <span class="ms-1.5 text-zinc-800/70 text-xs bg-zinc-800/5 px-1.5 py-1 -my-1 rounded-[4px] dark:bg-white/10 dark:text-zinc-300" aria-hidden="true">
37 |             {{ $aside }}
38 |         </span>
39 |     <?php endif; ?>
40 | 
41 |     <?php if ($trailing): ?>
42 |         <div class="ml-auto" data-flux-label-trailing>
43 |             {{ $trailing }}
44 |         </div>
45 |     <?php endif; ?>
46 | </ui-label>
47 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/textarea.blade.php:
--------------------------------------------------------------------------------
 1 | @props([
 2 |     'name' => $attributes->whereStartsWith('wire:model')->first(),
 3 |     'resize' => 'vertical',
 4 |     'invalid' => null,
 5 |     'rows' => 4,
 6 | ])
 7 | 
 8 | @php
 9 | $invalid ??= ($name && $errors->has($name));
10 | 
11 | $classes = Flux::classes()
12 |     ->add('block p-3 w-full')
13 |     ->add('shadow-xs disabled:shadow-none border rounded-lg')
14 |     ->add('bg-white dark:bg-white/10 dark:disabled:bg-white/[7%]')
15 |     ->add($resize ? 'resize-y' : 'resize-none')
16 |     ->add('text-base sm:text-sm text-zinc-700 disabled:text-zinc-500 placeholder-zinc-400 disabled:placeholder-zinc-400/70 dark:text-zinc-300 dark:disabled:text-zinc-400 dark:placeholder-zinc-400 dark:disabled:placeholder-zinc-500')
17 |     ->add($invalid ? 'border-red-500' : 'border-zinc-200 border-b-zinc-300/80 dark:border-white/10')
18 |     ;
19 | 
20 | $resizeStyle = match ($resize) {
21 |     'none' => 'resize: none',
22 |     'both' => 'resize: both',
23 |     'horizontal' => 'resize: horizontal',
24 |     'vertical' => 'resize: vertical',
25 | };
26 | @endphp
27 | 
28 | <flux:with-field :$attributes>
29 |     <textarea
30 |         {{ $attributes->class($classes) }}
31 |         rows="{{ $rows }}"
32 |         style="{{ $resizeStyle }}; {{ $rows === 'auto' ? 'field-sizing: content' : '' }}"
33 |         @isset ($name) name="{{ $name }}" @endisset
34 |         @if ($invalid) aria-invalid="true" data-invalid @endif
35 |         data-flux-control
36 |         data-flux-textarea
37 |     >{{ $slot }}</textarea>
38 | </flux:with-field>
39 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/menu/submenu.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @php $iconTrailing ??= $attributes->pluck('icon:trailing'); @endphp
 4 | @php $iconVariant ??= $attributes->pluck('icon:variant'); @endphp
 5 | 
 6 | @props([
 7 |     'iconVariant' => 'mini',
 8 |     'iconTrailing' => null,
 9 |     'heading' => '',
10 |     'icon' => null,
11 |     'keepOpen' => false,
12 | ])
13 | 
14 | @php
15 | $iconClasses = Flux::classes()
16 |     ->add('ms-auto text-zinc-400 [[data-flux-menu-item]:hover_&]:text-current')
17 |     // When using the outline icon variant, we need to size it down to match the default icon sizes...
18 |     ->add($iconVariant === 'outline' ? 'size-5' : '');
19 | @endphp
20 | 
21 | <ui-submenu data-flux-menu-submenu>
22 |     <flux:menu.item :$icon :$iconVariant>
23 |         {{ $heading }}
24 | 
25 |         <x-slot:suffix>
26 |             <?php if (is_string($iconTrailing) && $iconTrailing !== ''): ?>
27 |                 <flux:icon :icon="$iconTrailing" :variant="$iconVariant" :class="$iconClasses" />
28 |             <?php elseif ($iconTrailing): ?>
29 |                 {{ $iconTrailing }}
30 |             <?php else: ?>
31 |                 <flux:icon icon="chevron-right" :variant="$iconVariant" :class="$iconClasses->add('rtl:hidden')" />
32 |                 <flux:icon icon="chevron-left" :variant="$iconVariant" :class="$iconClasses->add('hidden rtl:inline')" />
33 |             <?php endif; ?>
34 |         </x-slot:suffix>
35 |     </flux:menu.item>
36 | 
37 |     <flux:menu :keep-open="$keepOpen">
38 |         {{ $slot }}
39 |     </flux:menu>
40 | </ui-submenu>
41 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/navlist/group.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @props([
 4 |     'expandable' => false,
 5 |     'expanded' => true,
 6 |     'heading' => null,
 7 | ])
 8 | 
 9 | <?php if ($expandable && $heading): ?>
10 |     <ui-disclosure {{ $attributes->class('group/disclosure') }} @if ($expanded === true) open @endif data-flux-navlist-group>
11 |         <button type="button" class="w-full h-10 lg:h-8 flex items-center group/disclosure-button mb-[2px] rounded-lg hover:bg-zinc-800/5 dark:hover:bg-white/[7%] text-zinc-500 hover:text-zinc-800 dark:text-white/80 dark:hover:text-white">
12 |             <div class="ps-3 pe-4">
13 |                 <flux:icon.chevron-down class="size-3! hidden group-data-open/disclosure-button:block" />
14 |                 <flux:icon.chevron-right class="size-3! block group-data-open/disclosure-button:hidden rtl:rotate-180" />
15 |             </div>
16 | 
17 |             <span class="text-sm font-medium leading-none">{{ $heading }}</span>
18 |         </button>
19 | 
20 |         <div class="relative hidden data-open:block space-y-[2px] ps-7" @if ($expanded === true) data-open @endif>
21 |             <div class="absolute inset-y-[3px] w-px bg-zinc-200 dark:bg-white/30 start-0 ms-4"></div>
22 | 
23 |             {{ $slot }}
24 |         </div>
25 |     </ui-disclosure>
26 | <?php elseif ($heading): ?>
27 |     <div {{ $attributes->class('block space-y-[2px]') }}>
28 |         <div class="px-3 py-2">
29 |             <div class="text-sm text-zinc-400 font-medium leading-none">{{ $heading }}</div>
30 |         </div>
31 | 
32 |         <div>
33 |             {{ $slot }}
34 |         </div>
35 |     </div>
36 | <?php else: ?>
37 |     <div {{ $attributes->class('block space-y-[2px]') }}>
38 |         {{ $slot }}
39 |     </div>
40 | <?php endif; ?>
41 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/with-field.blade.php:
--------------------------------------------------------------------------------
 1 | @php
 2 | extract(Flux::forwardedAttributes($attributes, [
 3 |     'name',
 4 |     'descriptionTrailing',
 5 |     'description',
 6 |     'label',
 7 |     'badge',
 8 | ]));
 9 | @endphp
10 | 
11 | @php $descriptionTrailing = $descriptionTrailing ??= $attributes->pluck('description:trailing'); @endphp
12 | 
13 | @props([
14 |     'name' => $attributes->whereStartsWith('wire:model')->first(),
15 |     'descriptionTrailing' => null,
16 |     'description' => null,
17 |     'label' => null,
18 |     'badge' => null,
19 | ])
20 | 
21 | <?php if (isset($label) || isset($description)): ?>
22 |     <?php
23 | 
24 |         $fieldAttributes = Flux::attributesAfter('field:', $attributes, []);
25 |         $labelAttributes = Flux::attributesAfter('label:', $attributes, ['badge' => $badge]);
26 |         $descriptionAttributes = Flux::attributesAfter('description:', $attributes, []);
27 |         $errorAttributes = Flux::attributesAfter('error:', $attributes, ['name' => $name]);
28 |     ?>
29 |     <flux:field :attributes="$fieldAttributes">
30 |         <?php if (isset($label)): ?>
31 |             <flux:label :attributes="$labelAttributes">{{ $label }}</flux:label>
32 |         <?php endif; ?>
33 | 
34 |         <?php if (isset($description)): ?>
35 |             <flux:description :attributes="$descriptionAttributes">{{ $description }}</flux:description>
36 |         <?php endif; ?>
37 | 
38 |         {{ $slot }}
39 | 
40 |         <flux:error :attributes="$errorAttributes" />
41 | 
42 |         <?php if (isset($descriptionTrailing)): ?>
43 |             <flux:description :attributes="$descriptionAttributes">{{ $descriptionTrailing }}</flux:description>
44 |         <?php endif; ?>
45 |     </flux:field>
46 | <?php else: ?>
47 |     {{ $slot }}
48 | <?php endif; ?>
49 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/checkbox/indicator.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @php
 4 | $classes = Flux::classes()
 5 |     ->add('shrink-0 size-[1.125rem] rounded-[.3rem] flex justify-center items-center')
 6 |     ->add('text-sm text-zinc-700 dark:text-zinc-800')
 7 |     ->add('shadow-xs [ui-checkbox[disabled]_&]:opacity-75 [ui-checkbox[data-checked][disabled]_&]:opacity-50 [ui-checkbox[disabled]_&]:shadow-none [ui-checkbox[data-checked]_&]:shadow-none [ui-checkbox[data-indeterminate]_&]:shadow-none')
 8 |     ->add('[ui-checkbox[data-checked]:not([data-indeterminate])_&>svg:first-child]:block [ui-checkbox[data-indeterminate]_&>svg:last-child]:block')
 9 |     ->add([
10 |         'border',
11 |         'border-zinc-300 dark:border-white/10',
12 |         '[ui-checkbox[disabled]_&]:border-zinc-200 dark:[ui-checkbox[disabled]_&]:border-white/5',
13 |         '[ui-checkbox[data-checked]_&]:border-transparent [ui-checkbox[data-indeterminate]_&]:border-transparent',
14 |         '[ui-checkbox[disabled][data-checked]_&]:border-transparent [ui-checkbox[disabled][data-indeterminate]_&]:border-transparent',
15 |         '[print-color-adjust:exact]',
16 |     ])
17 |     ->add([
18 |         'bg-white dark:bg-white/10',
19 |         '[ui-checkbox[data-checked]_&]:bg-[var(--color-accent)]',
20 |         'hover:[ui-checkbox[data-checked]_&]:bg-(--color-accent)',
21 |         'focus:[ui-checkbox[data-checked]_&]:bg-(--color-accent)',
22 |         '[ui-checkbox[data-indeterminate]_&]:bg-[var(--color-accent)]',
23 |         'hover:[ui-checkbox[data-indeterminate]_&]:bg-(--color-accent)',
24 |         'focus:[ui-checkbox[data-indeterminate]_&]:bg-(--color-accent)',
25 |     ])
26 |     ;
27 | @endphp
28 | 
29 | <div {{ $attributes->class($classes) }} data-flux-checkbox-indicator>
30 |     <flux:icon.check variant="micro" class="hidden text-[var(--color-accent-foreground)]" />
31 |     <flux:icon.minus variant="micro" class="hidden text-[var(--color-accent-foreground)]" />
32 | </div>
33 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/minus.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M5 12h14"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M4.25 12a.75.75 0 0 1 .75-.75h14a.75.75 0 0 1 0 1.5H5a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M4 10a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H4.75A.75.75 0 0 1 4 10Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path d="M3.75 7.25a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5h-8.5Z"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/select/variants/default.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @props([
 4 |     'name' => $attributes->whereStartsWith('wire:model')->first(),
 5 |     'placeholder' => null,
 6 |     'invalid' => null,
 7 |     'size' => null,
 8 | ])
 9 | 
10 | @php
11 | $invalid ??= ($name && $errors->has($name));
12 | 
13 | $classes = Flux::classes()
14 |     ->add('appearance-none') // Strip the browser's default <select> styles...
15 |     ->add('[:where(&)]:w-full ps-3 pe-10 block')
16 |     ->add(match ($size) {
17 |         default => 'h-10 py-2 text-base sm:text-sm leading-[1.375rem] rounded-lg',
18 |         'sm' => 'h-8 py-1.5 text-sm leading-[1.125rem] rounded-md',
19 |         'xs' => 'h-6 text-xs leading-[1.125rem] rounded-md',
20 |     })
21 |     ->add('shadow-xs border')
22 |     ->add('bg-white dark:bg-white/10 dark:disabled:bg-white/[7%]')
23 |     ->add('text-zinc-700 dark:text-zinc-300 disabled:text-zinc-500 dark:disabled:text-zinc-400')
24 |     // Make the placeholder match the text color of standard input placeholders...
25 |     ->add('has-[option.placeholder:checked]:text-zinc-400 dark:has-[option.placeholder:checked]:text-zinc-400')
26 |     // Options on Windows don't inherit dark mode styles, so we need to force them...
27 |     ->add('dark:[&>option]:bg-zinc-700 dark:[&>option]:text-white')
28 |     ->add('disabled:shadow-none')
29 |     ->add($invalid
30 |         ? 'border border-red-500'
31 |         : 'border border-zinc-200 border-b-zinc-300/80 dark:border-white/10'
32 |     )
33 |     ;
34 | @endphp
35 | 
36 | <select
37 |     {{ $attributes->class($classes) }}
38 |     @if ($invalid) aria-invalid="true" data-invalid @endif
39 |     @isset ($name) name="{{ $name }}" @endisset
40 |     @if (is_numeric($size)) size="{{ $size }}" @endif
41 |     data-flux-control
42 |     data-flux-select-native
43 |     data-flux-group-target
44 | >
45 |     <?php if ($placeholder): ?>
46 |         <option value="" disabled selected class="placeholder">{{ $placeholder }}</option>
47 |     <?php endif; ?>
48 | 
49 |     {{ $slot }}
50 | </select>
51 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/stop.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M5.25 7.5A2.25 2.25 0 0 1 7.5 5.25h9a2.25 2.25 0 0 1 2.25 2.25v9a2.25 2.25 0 0 1-2.25 2.25h-9a2.25 2.25 0 0 1-2.25-2.25v-9Z"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M4.5 7.5a3 3 0 0 1 3-3h9a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3h-9a3 3 0 0 1-3-3v-9Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path d="M5.25 3A2.25 2.25 0 0 0 3 5.25v9.5A2.25 2.25 0 0 0 5.25 17h9.5A2.25 2.25 0 0 0 17 14.75v-9.5A2.25 2.25 0 0 0 14.75 3h-9.5Z"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <rect width="10" height="10" x="3" y="3" rx="1.5"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/sidebar/index.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @props([
 4 |     'collapsible' => null,
 5 |     'stashable' => null, // @deprecated
 6 |     'sticky' => null,
 7 | ])
 8 | 
 9 | @php
10 | $collapsibleOnMobile = $stashable || $collapsible === 'mobile' || $collapsible === true;
11 | 
12 | if ($stashable && $collapsible === null) {
13 |     $collapsible = 'mobile';
14 | }
15 | 
16 | $classes = Flux::classes('[grid-area:sidebar]')
17 |     ->add('z-1 flex flex-col gap-4 [:where(&)]:w-64 p-4')
18 |     ->add('data-flux-sidebar-collapsed-desktop:w-14 data-flux-sidebar-collapsed-desktop:px-2')
19 |     ->add('data-flux-sidebar-collapsed-desktop:cursor-e-resize rtl:data-flux-sidebar-collapsed-desktop:cursor-w-resize')
20 |     ;
21 | 
22 | if ($sticky) {
23 |     $attributes = $attributes->merge([
24 |         'class' => 'max-h-dvh overflow-y-auto overscroll-contain',
25 |     ]);
26 | }
27 | 
28 | if ($collapsibleOnMobile) {
29 |     $attributes = $attributes->merge([
30 |         // Prevent mobile sidebar from transitioning out on load...
31 |         'x-init' => '$el.classList.add(\'transition-transform\')',
32 |     ])->class([
33 |         // Prevent mobile sidebar from flashing on-load...
34 |         'max-lg:data-flux-sidebar-cloak:hidden',
35 |         'data-flux-sidebar-on-mobile:data-flux-sidebar-collapsed-mobile:-translate-x-full data-flux-sidebar-on-mobile:data-flux-sidebar-collapsed-mobile:rtl:translate-x-full',
36 |         'z-20! data-flux-sidebar-on-mobile:start-0! data-flux-sidebar-on-mobile:fixed! data-flux-sidebar-on-mobile:top-0! data-flux-sidebar-on-mobile:min-h-dvh! data-flux-sidebar-on-mobile:max-h-dvh!'
37 |     ]);
38 | }
39 | @endphp
40 | 
41 | @if ($collapsibleOnMobile)
42 |     <flux:sidebar.backdrop />
43 | @endif
44 | 
45 | <ui-sidebar
46 |     {{ $attributes->class($classes) }}
47 |     @if ($collapsible) collapsible="{{ $collapsible === 'mobile' ? 'mobile' : 'true' }}" @endif
48 |     @if ($stashable) stashable @endif
49 |     @if ($sticky) sticky @endif
50 |     x-data
51 |     data-flux-sidebar-cloak
52 |     data-flux-sidebar
53 | >
54 |     {{ $slot }}
55 | </ui-sidebar>
56 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/slash.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="m9 20.247 6-16.5"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M15.256 3.042a.75.75 0 0 1 .449.962l-6 16.5a.75.75 0 1 1-1.41-.513l6-16.5a.75.75 0 0 1 .961-.449Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M12.528 3.047a.75.75 0 0 1 .449.961L8.433 16.504a.75.75 0 1 1-1.41-.512l4.544-12.496a.75.75 0 0 1 .961-.449Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M10.074 2.047a.75.75 0 0 1 .449.961L6.705 13.507a.75.75 0 0 1-1.41-.513L9.113 2.496a.75.75 0 0 1 .961-.449Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/plus.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M12 3.75a.75.75 0 0 1 .75.75v6.75h6.75a.75.75 0 0 1 0 1.5h-6.75v6.75a.75.75 0 0 1-1.5 0v-6.75H4.5a.75.75 0 0 1 0-1.5h6.75V4.5a.75.75 0 0 1 .75-.75Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path d="M10.75 4.75a.75.75 0 0 0-1.5 0v4.5h-4.5a.75.75 0 0 0 0 1.5h4.5v4.5a.75.75 0 0 0 1.5 0v-4.5h4.5a.75.75 0 0 0 0-1.5h-4.5v-4.5Z"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path d="M8.75 3.75a.75.75 0 0 0-1.5 0v3.5h-3.5a.75.75 0 0 0 0 1.5h3.5v3.5a.75.75 0 0 0 1.5 0v-3.5h3.5a.75.75 0 0 0 0-1.5h-3.5v-3.5Z"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/text.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @props([
 4 |     'inline' => false,
 5 |     'variant' => null,
 6 |     'color' => null,
 7 |     'size' => null,
 8 | ])
 9 | 
10 | @php
11 | $classes = Flux::classes()
12 |     ->add(match ($size) {
13 |         'xl' => 'text-lg',
14 |         'lg' => 'text-base',
15 |         default => '[:where(&)]:text-sm',
16 |         'sm' => 'text-xs',
17 |     })
18 |     ->add($color ? match($color) {
19 |         'red' => 'text-red-600 dark:text-red-400',
20 |         'orange' => 'text-orange-600 dark:text-orange-400',
21 |         'amber' => 'text-amber-600 dark:text-amber-500',
22 |         'yellow' => 'text-yellow-600 dark:text-yellow-500',
23 |         'lime' => 'text-lime-600 dark:text-lime-500',
24 |         'green' => 'text-green-600 dark:text-green-500',
25 |         'emerald' => 'text-emerald-600 dark:text-emerald-400',
26 |         'teal' => 'text-teal-600 dark:text-teal-400',
27 |         'cyan' => 'text-cyan-600 dark:text-cyan-400',
28 |         'sky' => 'text-sky-600 dark:text-sky-400',
29 |         'blue' => 'text-blue-600 dark:text-blue-400',
30 |         'indigo' => 'text-indigo-600 dark:text-indigo-400',
31 |         'violet' => 'text-violet-600 dark:text-violet-400',
32 |         'purple' => 'text-purple-600 dark:text-purple-400',
33 |         'fuchsia' => 'text-fuchsia-600 dark:text-fuchsia-400',
34 |         'pink' => 'text-pink-600 dark:text-pink-400',
35 |         'rose' => 'text-rose-600 dark:text-rose-400',
36 |     } : match ($variant) {
37 |         'strong' => '[:where(&)]:text-zinc-800 [:where(&)]:dark:text-white',
38 |         'subtle' => '[:where(&)]:text-zinc-400 [:where(&)]:dark:text-white/50',
39 |         default => '[:where(&)]:text-zinc-500 [:where(&)]:dark:text-white/70',
40 |     })
41 |     ;
42 | @endphp
43 | {{-- NOTE: It's important that this file has NO newline at the end of the file. --}}
44 | <?php if ($inline) : ?><span {{ $attributes->class($classes) }} data-flux-text @if ($color) color="{{ $color }}" @endif>{{ $slot }}</span><?php else: ?><p {{ $attributes->class($classes) }} data-flux-text @if ($color) data-color="{{ $color }}" @endif>{{ $slot }}</p><?php endif; ?>


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/chevron-up.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 15.75 7.5-7.5 7.5 7.5"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M11.47 7.72a.75.75 0 0 1 1.06 0l7.5 7.5a.75.75 0 1 1-1.06 1.06L12 9.31l-6.97 6.97a.75.75 0 0 1-1.06-1.06l7.5-7.5Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M9.47 6.47a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 1 1-1.06 1.06L10 8.06l-3.72 3.72a.75.75 0 0 1-1.06-1.06l4.25-4.25Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M11.78 9.78a.75.75 0 0 1-1.06 0L8 7.06 5.28 9.78a.75.75 0 0 1-1.06-1.06l3.25-3.25a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/play.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.347a1.125 1.125 0 0 1 0 1.972l-11.54 6.347a1.125 1.125 0 0 1-1.667-.986V5.653Z"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643V5.653Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path d="M6.3 2.84A1.5 1.5 0 0 0 4 4.11v11.78a1.5 1.5 0 0 0 2.3 1.27l9.344-5.891a1.5 1.5 0 0 0 0-2.538L6.3 2.841Z"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path d="M3 3.732a1.5 1.5 0 0 1 2.305-1.265l6.706 4.267a1.5 1.5 0 0 1 0 2.531l-6.706 4.268A1.5 1.5 0 0 1 3 12.267V3.732Z"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/minus-circle.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M15 12H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm3 10.5a.75.75 0 0 0 0-1.5H9a.75.75 0 0 0 0 1.5h6Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16ZM6.75 9.25a.75.75 0 0 0 0 1.5h6.5a.75.75 0 0 0 0-1.5h-6.5Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm4-7a.75.75 0 0 0-.75-.75h-6.5a.75.75 0 0 0 0 1.5h6.5A.75.75 0 0 0 12 8Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/chevron-left.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5 8.25 12l7.5-7.5"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M7.72 12.53a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 1 1 1.06 1.06L9.31 12l6.97 6.97a.75.75 0 1 1-1.06 1.06l-7.5-7.5Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M11.78 5.22a.75.75 0 0 1 0 1.06L8.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M9.78 4.22a.75.75 0 0 1 0 1.06L7.06 8l2.72 2.72a.75.75 0 1 1-1.06 1.06L5.47 8.53a.75.75 0 0 1 0-1.06l3.25-3.25a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/chevron-right.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M16.28 11.47a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 0 1-1.06-1.06L14.69 12 7.72 5.03a.75.75 0 0 1 1.06-1.06l7.5 7.5Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/chevron-down.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 0 1 1.06-1.06L12 14.69l6.97-6.97a.75.75 0 1 1 1.06 1.06l-7.5 7.5Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M4.22 6.22a.75.75 0 0 1 1.06 0L8 8.94l2.72-2.72a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/equals.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M4.499 8.248h15m-15 7.501h15"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M3.748 8.248a.75.75 0 0 1 .75-.75h15a.75.75 0 0 1 0 1.5h-15a.75.75 0 0 1-.75-.75ZM3.748 15.75a.75.75 0 0 1 .75-.751h15a.75.75 0 0 1 0 1.5h-15a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path d="M3.75 6a.75.75 0 0 0 0 1.5h12.5a.75.75 0 0 0 0-1.5H3.75ZM3.75 13.5a.75.75 0 0 0 0 1.5h12.5a.75.75 0 0 0 0-1.5H3.75Z"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M2 4.75A.75.75 0 0 1 2.75 4h10.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 4.75ZM2 11.25a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/arrow-down-right.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 4.5 15 15m0 0V8.25m0 11.25H8.25"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M3.97 3.97a.75.75 0 0 1 1.06 0l13.72 13.72V8.25a.75.75 0 0 1 1.5 0V19.5a.75.75 0 0 1-.75.75H8.25a.75.75 0 0 1 0-1.5h9.44L3.97 5.03a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06l7.22 7.22H6.75a.75.75 0 0 0 0 1.5h7.5a.747.747 0 0 0 .75-.75v-7.5a.75.75 0 0 0-1.5 0v5.69L6.28 5.22Z"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M4.22 4.22a.75.75 0 0 0 0 1.06l5.22 5.22H5.75a.75.75 0 0 0 0 1.5h5.5a.75.75 0 0 0 .75-.75v-5.5a.75.75 0 0 0-1.5 0v3.69L5.28 4.22a.75.75 0 0 0-1.06 0Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/button-or-link.blade.php:
--------------------------------------------------------------------------------
 1 | @php
 2 | extract(Flux::forwardedAttributes($attributes, [
 3 |     'type',
 4 |     'current',
 5 |     'href',
 6 |     'as',
 7 | ]));
 8 | @endphp
 9 | 
10 | @props([
11 |     'type' => 'button',
12 |     'current' => null,
13 |     'href' => null,
14 |     'as' => null,
15 | ])
16 | 
17 | @php
18 | if ($as !== 'div' || $href) {
19 |     if ($current !== null) {
20 |         // If the user manually specified :current="true/false", we need to stop Livewire from managing
21 |         // the data-current attribute as it would be automatically added/removed when using wire:navigate...
22 |         $attributes = $attributes->merge(['data-current' => $current, 'wire:current.ignore' => true]);
23 |     } else {
24 |         $hrefForCurrentDetection = str($href)->startsWith(trim(config('app.url')))
25 |             ? (string) str($href)->after(trim(config('app.url'), '/'))
26 |             : $href;
27 | 
28 |         if ($hrefForCurrentDetection === '') $hrefForCurrentDetection = '/';
29 | 
30 |         $requestIs = function ($pattern) {
31 |             // Support current route detection during Livewire update requests as well...
32 |             return app('livewire')?->isLivewireRequest()
33 |                 ? str()->is($pattern, app('livewire')->originalPath())
34 |                 : request()->is($pattern);
35 |         };
36 | 
37 |         $current = $hrefForCurrentDetection
38 |             ? $requestIs($hrefForCurrentDetection === '/' ? '/' : trim($hrefForCurrentDetection, '/'))
39 |             : false;
40 | 
41 |         $attributes = $attributes->merge(['data-current' => $current]);
42 |     }
43 | }
44 | @endphp
45 | 
46 | <?php if ($as === 'div' && ! $href): ?>
47 |     <div {{ $attributes }}>
48 |         {{ $slot }}
49 |     </div>
50 | <?php elseif ($as === 'a' || $href): ?>
51 |     {{-- We are using e() here to escape the href attribute value instead of "{{ }}" because the latter will escape the entire attribute value, including the "&" character... --}}
52 |     <a href="{!! e($href) !!}" {{ $attributes }}>
53 |         {{ $slot }}
54 |     </a>
55 | <?php else: ?>
56 |     <button {{ $attributes->merge(['type' => $type]) }}>
57 |         {{ $slot }}
58 |     </button>
59 | <?php endif; ?>
60 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/field.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @props([
 4 |     'variant' => 'block',
 5 | ])
 6 | 
 7 | @php
 8 | $classes = Flux::classes()
 9 |     ->add('min-w-0') // This is here to allow nested input elements like flux::input.file to truncate properly...
10 |     ->add('[&:not(:has([data-flux-field])):has([data-flux-control][disabled])>[data-flux-label]]:opacity-50') // Dim labels for fields with no nested fields when a control is disabled...
11 |     ->add('[&:has(>[data-flux-radio-group][disabled])>[data-flux-label]]:opacity-50') // Special case for radio groups because they are nested fields...
12 |     ->add('[&:has(>[data-flux-checkbox-group][disabled])>[data-flux-label]]:opacity-50') // Special case for checkbox groups because they are nested fields...
13 |     ->add(match ($variant) {
14 |         default => 'block',
15 |         'inline' => [
16 |             'grid gap-x-3 gap-y-1.5',
17 |             'has-[[data-flux-label]~[data-flux-control]]:grid-cols-[1fr_auto]',
18 |             'has-[[data-flux-control]~[data-flux-label]]:grid-cols-[auto_1fr]',
19 |             '[&>[data-flux-control]~[data-flux-description]]:row-start-2 [&>[data-flux-control]~[data-flux-description]]:col-start-2',
20 |             '[&>[data-flux-control]~[data-flux-error]]:col-span-2 [&>[data-flux-control]~[data-flux-error]]:mt-1', // Position error messages...
21 |             '[&>[data-flux-label]~[data-flux-control]]:row-start-1 [&>[data-flux-label]~[data-flux-control]]:col-start-2',
22 |         ],
23 |     })
24 |     ->add(match ($variant) {
25 |         default => [ // Adjust spacing around label...
26 |             '*:data-flux-label:mb-3 [&>[data-flux-label]:has(+[data-flux-description])]:mb-2',
27 |         ],
28 |         'inline' => '',
29 |     })
30 |     ->add(match ($variant) {
31 |         default => [ // Adjust spacing around description...
32 |             '[&>[data-flux-label]+[data-flux-description]]:mt-0',
33 |             '[&>[data-flux-label]+[data-flux-description]]:mb-3',
34 |             '[&>*:not([data-flux-label])+[data-flux-description]]:mt-3',
35 |         ],
36 |         'inline' => '',
37 |     });
38 | @endphp
39 | 
40 | <ui-field {{ $attributes->class($classes) }} data-flux-field>
41 |     {{ $slot }}
42 | </ui-field>
43 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/check.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M12.416 3.376a.75.75 0 0 1 .208 1.04l-5 7.5a.75.75 0 0 1-1.154.114l-3-3a.75.75 0 0 1 1.06-1.06l2.353 2.353 4.493-6.74a.75.75 0 0 1 1.04-.207Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/cloud.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 15a4.5 4.5 0 0 0 4.5 4.5H18a3.75 3.75 0 0 0 1.332-7.257 3 3 0 0 0-3.758-3.848 5.25 5.25 0 0 0-10.233 2.33A4.502 4.502 0 0 0 2.25 15Z"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M4.5 9.75a6 6 0 0 1 11.573-2.226 3.75 3.75 0 0 1 4.133 4.303A4.5 4.5 0 0 1 18 20.25H6.75a5.25 5.25 0 0 1-2.23-10.004 6.072 6.072 0 0 1-.02-.496Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path d="M1 12.5A4.5 4.5 0 0 0 5.5 17H15a4 4 0 0 0 1.866-7.539 3.504 3.504 0 0 0-4.504-4.272A4.5 4.5 0 0 0 4.06 8.235 4.502 4.502 0 0 0 1 12.5Z"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path d="M1 9.5A3.5 3.5 0 0 0 4.5 13H12a3 3 0 0 0 .917-5.857 2.503 2.503 0 0 0-3.198-3.019 3.5 3.5 0 0 0-6.628 2.171A3.5 3.5 0 0 0 1 9.5Z"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/ellipsis-vertical.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M12 6.75a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5ZM12 12.75a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5ZM12 18.75a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5Z"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M10.5 6a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Zm0 6a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Zm0 6a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path d="M10 3a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM10 8.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM11.5 15.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path d="M8 2a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM8 6.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM9.5 12.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/clock.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25ZM12.75 6a.75.75 0 0 0-1.5 0v6c0 .414.336.75.75.75h4.5a.75.75 0 0 0 0-1.5h-3.75V6Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm.75-13a.75.75 0 0 0-1.5 0v5c0 .414.336.75.75.75h4a.75.75 0 0 0 0-1.5h-3.25V5Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M1 8a7 7 0 1 1 14 0A7 7 0 0 1 1 8Zm7.75-4.25a.75.75 0 0 0-1.5 0V8c0 .414.336.75.75.75h3.25a.75.75 0 0 0 0-1.5h-2.5v-3.5Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/ellipsis-horizontal.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM12.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM18.75 12a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M4.5 12a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Zm6 0a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Zm6 0a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path d="M3 10a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM8.5 10a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM15.5 8.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path d="M2 8a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM6.5 8a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0ZM12.5 6.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/radio/variants/segmented.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @php $iconTrailing ??= $attributes->pluck('icon:trailing'); @endphp
 4 | @php $iconVariant ??= $attributes->pluck('icon:variant'); @endphp
 5 | 
 6 | @aware([ 'size' ])
 7 | 
 8 | @props([
 9 |     'iconTrailing' => null,
10 |     'iconVariant' => null,
11 |     'label' => null,
12 |     'icon' => null,
13 |     'size' => null,
14 | ])
15 | 
16 | @php
17 | $classes = Flux::classes()
18 |     ->add('flex whitespace-nowrap flex-1 justify-center items-center gap-2')
19 |     ->add('rounded-md data-checked:shadow-xs')
20 |     ->add('text-sm font-medium text-zinc-600 hover:text-zinc-800 dark:hover:text-white dark:text-white/70 data-checked:text-zinc-800 dark:data-checked:text-white')
21 |     ->add('data-checked:bg-white dark:data-checked:bg-white/20')
22 |     ->add('[&[disabled]]:opacity-50 dark:[&[disabled]]:opacity-75 [&[disabled]]:cursor-default [&[disabled]]:pointer-events-none')
23 |     ->add(match ($size) {
24 |         'sm' => 'px-3 text-sm',
25 |         default => 'px-4',
26 |     })
27 |     ;
28 | 
29 | $iconVariant ??= 'mini';
30 | 
31 | $iconClasses = Flux::classes('text-zinc-500 dark:text-zinc-400 [ui-radio[data-checked]_&]:text-zinc-800 dark:[ui-radio[data-checked]_&]:text-white')
32 |     // When using the outline icon variant, we need to size it down to match the default icon sizes...
33 |     ->add($iconVariant === 'outline' ? 'size-5' : '')
34 |     ;
35 | 
36 | @endphp
37 | 
38 | {{-- We have to put tabindex="-1" here because otherwise, Livewire requests will wipe out tabindex state, --}}
39 | {{-- even with durable attributes for some reason... --}}
40 | <ui-radio {{ $attributes->class($classes) }} data-flux-control data-flux-radio-segmented tabindex="-1">
41 |     <?php if (is_string($icon) && $icon !== ''): ?>
42 |         <flux:icon :$icon :variant="$iconVariant" class="{!! $iconClasses !!}" />
43 |     <?php elseif ($icon): ?>
44 |         {{ $icon }}
45 |     <?php endif; ?>
46 | 
47 |     {{ $label ?? $slot }}
48 | 
49 |     <?php if (is_string($iconTrailing) && $iconTrailing !== ''): ?>
50 |         <flux:icon :icon="$iconTrailing" variant="micro" />
51 |     <?php elseif ($iconTrailing): ?>
52 |         {{ $iconTrailing }}
53 |     <?php endif; ?>
54 | </ui-radio>
55 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/arrow-up-left.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 19.5-15-15m0 0v11.25m0-11.25h11.25"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M5.25 6.31v9.44a.75.75 0 0 1-1.5 0V4.5a.75.75 0 0 1 .75-.75h11.25a.75.75 0 0 1 0 1.5H6.31l13.72 13.72a.75.75 0 1 1-1.06 1.06L5.25 6.31Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M14.78 14.78a.75.75 0 0 1-1.06 0L6.5 7.56v5.69a.75.75 0 0 1-1.5 0v-7.5A.75.75 0 0 1 5.75 5h7.5a.75.75 0 0 1 0 1.5H7.56l7.22 7.22a.75.75 0 0 1 0 1.06Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M11.78 11.78a.75.75 0 0 0 0-1.06L6.56 5.5h3.69a.75.75 0 0 0 0-1.5h-5.5a.75.75 0 0 0-.75.75v5.5a.75.75 0 0 0 1.5 0V6.56l5.22 5.22a.75.75 0 0 0 1.06 0Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/arrow-up-right.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M8.25 3.75H19.5a.75.75 0 0 1 .75.75v11.25a.75.75 0 0 1-1.5 0V6.31L5.03 20.03a.75.75 0 0 1-1.06-1.06L17.69 5.25H8.25a.75.75 0 0 1 0-1.5Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M5.22 14.78a.75.75 0 0 0 1.06 0l7.22-7.22v5.69a.75.75 0 0 0 1.5 0v-7.5a.75.75 0 0 0-.75-.75h-7.5a.75.75 0 0 0 0 1.5h5.69l-7.22 7.22a.75.75 0 0 0 0 1.06Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M4.22 11.78a.75.75 0 0 1 0-1.06L9.44 5.5H5.75a.75.75 0 0 1 0-1.5h5.5a.75.75 0 0 1 .75.75v5.5a.75.75 0 0 1-1.5 0V6.56l-5.22 5.22a.75.75 0 0 1-1.06 0Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/x-mark.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path d="M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94 5.28 4.22Z"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/bars-2.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 9h16.5m-16.5 6.75h16.5"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M3 9a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 9Zm0 6.75a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M2 6.75A.75.75 0 0 1 2.75 6h14.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 6.75Zm0 6.5a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M2 4.75A.75.75 0 0 1 2.75 4h10.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 4.75Zm0 6.5a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/arrow-down-left.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 4.5-15 15m0 0h11.25m-11.25 0V8.25"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M20.03 3.97a.75.75 0 0 1 0 1.06L6.31 18.75h9.44a.75.75 0 0 1 0 1.5H4.5a.75.75 0 0 1-.75-.75V8.25a.75.75 0 0 1 1.5 0v9.44L18.97 3.97a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M14.78 5.22a.75.75 0 0 0-1.06 0L6.5 12.44V6.75a.75.75 0 0 0-1.5 0v7.5c0 .414.336.75.75.75h7.5a.75.75 0 0 0 0-1.5H7.56l7.22-7.22a.75.75 0 0 0 0-1.06Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M11.78 4.22a.75.75 0 0 1 0 1.06L6.56 10.5h3.69a.75.75 0 0 1 0 1.5h-5.5a.75.75 0 0 1-.75-.75v-5.5a.75.75 0 0 1 1.5 0v3.69l5.22-5.22a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/arrow-up.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M11.47 2.47a.75.75 0 0 1 1.06 0l7.5 7.5a.75.75 0 1 1-1.06 1.06l-6.22-6.22V21a.75.75 0 0 1-1.5 0V4.81l-6.22 6.22a.75.75 0 1 1-1.06-1.06l7.5-7.5Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M10 17a.75.75 0 0 1-.75-.75V5.612L5.29 9.77a.75.75 0 0 1-1.08-1.04l5.25-5.5a.75.75 0 0 1 1.08 0l5.25 5.5a.75.75 0 1 1-1.08 1.04l-3.96-4.158V16.25A.75.75 0 0 1 10 17Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M8 14a.75.75 0 0 1-.75-.75V4.56L4.03 7.78a.75.75 0 0 1-1.06-1.06l4.5-4.5a.75.75 0 0 1 1.06 0l4.5 4.5a.75.75 0 0 1-1.06 1.06L8.75 4.56v8.69A.75.75 0 0 1 8 14Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/arrow-long-up.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 6.75 12 3m0 0 3.75 3.75M12 3v18"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M11.47 2.47a.75.75 0 0 1 1.06 0l3.75 3.75a.75.75 0 0 1-1.06 1.06l-2.47-2.47V21a.75.75 0 0 1-1.5 0V4.81L8.78 7.28a.75.75 0 0 1-1.06-1.06l3.75-3.75Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M10 18a.75.75 0 0 1-.75-.75V4.66L7.3 6.76a.75.75 0 0 1-1.1-1.02l3.25-3.5a.75.75 0 0 1 1.1 0l3.25 3.5a.75.75 0 1 1-1.1 1.02l-1.95-2.1v12.59A.75.75 0 0 1 10 18Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M8 14a.75.75 0 0 0 .75-.75V4.56l1.22 1.22a.75.75 0 1 0 1.06-1.06l-2.5-2.5a.75.75 0 0 0-1.06 0l-2.5 2.5a.75.75 0 0 0 1.06 1.06l1.22-1.22v8.69c0 .414.336.75.75.75Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/magnifying-glass.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M10.5 3.75a6.75 6.75 0 1 0 0 13.5 6.75 6.75 0 0 0 0-13.5ZM2.25 10.5a8.25 8.25 0 1 1 14.59 5.28l4.69 4.69a.75.75 0 1 1-1.06 1.06l-4.69-4.69A8.25 8.25 0 0 1 2.25 10.5Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M9 3.5a5.5 5.5 0 1 0 0 11 5.5 5.5 0 0 0 0-11ZM2 9a7 7 0 1 1 12.452 4.391l3.328 3.329a.75.75 0 1 1-1.06 1.06l-3.329-3.328A7 7 0 0 1 2 9Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M9.965 11.026a5 5 0 1 1 1.06-1.06l2.755 2.754a.75.75 0 1 1-1.06 1.06l-2.755-2.754ZM10.5 7a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/arrow-down.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 13.5 12 21m0 0-7.5-7.5M12 21V3"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M12 2.25a.75.75 0 0 1 .75.75v16.19l6.22-6.22a.75.75 0 1 1 1.06 1.06l-7.5 7.5a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 1 1 1.06-1.06l6.22 6.22V3a.75.75 0 0 1 .75-.75Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M10 3a.75.75 0 0 1 .75.75v10.638l3.96-4.158a.75.75 0 1 1 1.08 1.04l-5.25 5.5a.75.75 0 0 1-1.08 0l-5.25-5.5a.75.75 0 1 1 1.08-1.04l3.96 4.158V3.75A.75.75 0 0 1 10 3Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M8 2a.75.75 0 0 1 .75.75v8.69l3.22-3.22a.75.75 0 1 1 1.06 1.06l-4.5 4.5a.75.75 0 0 1-1.06 0l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.22 3.22V2.75A.75.75 0 0 1 8 2Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/arrow-left.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M11.03 3.97a.75.75 0 0 1 0 1.06l-6.22 6.22H21a.75.75 0 0 1 0 1.5H4.81l6.22 6.22a.75.75 0 1 1-1.06 1.06l-7.5-7.5a.75.75 0 0 1 0-1.06l7.5-7.5a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M17 10a.75.75 0 0 1-.75.75H5.612l4.158 3.96a.75.75 0 1 1-1.04 1.08l-5.5-5.25a.75.75 0 0 1 0-1.08l5.5-5.25a.75.75 0 1 1 1.04 1.08L5.612 9.25H16.25A.75.75 0 0 1 17 10Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M14 8a.75.75 0 0 1-.75.75H4.56l3.22 3.22a.75.75 0 1 1-1.06 1.06l-4.5-4.5a.75.75 0 0 1 0-1.06l4.5-4.5a.75.75 0 0 1 1.06 1.06L4.56 7.25h8.69A.75.75 0 0 1 14 8Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/arrow-right.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M12.97 3.97a.75.75 0 0 1 1.06 0l7.5 7.5a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 1 1-1.06-1.06l6.22-6.22H3a.75.75 0 0 1 0-1.5h16.19l-6.22-6.22a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M2 8a.75.75 0 0 1 .75-.75h8.69L8.22 4.03a.75.75 0 0 1 1.06-1.06l4.5 4.5a.75.75 0 0 1 0 1.06l-4.5 4.5a.75.75 0 0 1-1.06-1.06l3.22-3.22H2.75A.75.75 0 0 1 2 8Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/arrow-long-down.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 17.25 12 21m0 0-3.75-3.75M12 21V3"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M12 2.25a.75.75 0 0 1 .75.75v16.19l2.47-2.47a.75.75 0 1 1 1.06 1.06l-3.75 3.75a.75.75 0 0 1-1.06 0l-3.75-3.75a.75.75 0 1 1 1.06-1.06l2.47 2.47V3a.75.75 0 0 1 .75-.75Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M10 2a.75.75 0 0 1 .75.75v12.59l1.95-2.1a.75.75 0 1 1 1.1 1.02l-3.25 3.5a.75.75 0 0 1-1.1 0l-3.25-3.5a.75.75 0 1 1 1.1-1.02l1.95 2.1V2.75A.75.75 0 0 1 10 2Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M8 2a.75.75 0 0 1 .75.75v8.69l1.22-1.22a.75.75 0 1 1 1.06 1.06l-2.5 2.5a.75.75 0 0 1-1.06 0l-2.5-2.5a.75.75 0 1 1 1.06-1.06l1.22 1.22V2.75A.75.75 0 0 1 8 2Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/arrow-long-left.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 15.75 3 12m0 0 3.75-3.75M3 12h18"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M7.28 7.72a.75.75 0 0 1 0 1.06l-2.47 2.47H21a.75.75 0 0 1 0 1.5H4.81l2.47 2.47a.75.75 0 1 1-1.06 1.06l-3.75-3.75a.75.75 0 0 1 0-1.06l3.75-3.75a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M18 10a.75.75 0 0 1-.75.75H4.66l2.1 1.95a.75.75 0 1 1-1.02 1.1l-3.5-3.25a.75.75 0 0 1 0-1.1l3.5-3.25a.75.75 0 1 1 1.02 1.1l-2.1 1.95h12.59A.75.75 0 0 1 18 10Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M14 8a.75.75 0 0 1-.75.75H4.56l1.22 1.22a.75.75 0 1 1-1.06 1.06l-2.5-2.5a.75.75 0 0 1 0-1.06l2.5-2.5a.75.75 0 0 1 1.06 1.06L4.56 7.25h8.69A.75.75 0 0 1 14 8Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/arrow-long-right.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M16.72 7.72a.75.75 0 0 1 1.06 0l3.75 3.75a.75.75 0 0 1 0 1.06l-3.75 3.75a.75.75 0 1 1-1.06-1.06l2.47-2.47H3a.75.75 0 0 1 0-1.5h16.19l-2.47-2.47a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M2 10a.75.75 0 0 1 .75-.75h12.59l-2.1-1.95a.75.75 0 1 1 1.02-1.1l3.5 3.25a.75.75 0 0 1 0 1.1l-3.5 3.25a.75.75 0 1 1-1.02-1.1l2.1-1.95H2.75A.75.75 0 0 1 2 10Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M2 8c0 .414.336.75.75.75h8.69l-1.22 1.22a.75.75 0 1 0 1.06 1.06l2.5-2.5a.75.75 0 0 0 0-1.06l-2.5-2.5a.75.75 0 1 0-1.06 1.06l1.22 1.22H2.75A.75.75 0 0 0 2 8Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/bolt.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="m3.75 13.5 10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75Z"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M14.615 1.595a.75.75 0 0 1 .359.852L12.982 9.75h7.268a.75.75 0 0 1 .548 1.262l-10.5 11.25a.75.75 0 0 1-1.272-.71l1.992-7.302H3.75a.75.75 0 0 1-.548-1.262l10.5-11.25a.75.75 0 0 1 .913-.143Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path d="M11.983 1.907a.75.75 0 0 0-1.292-.657l-8.5 9.5A.75.75 0 0 0 2.75 12h6.572l-1.305 6.093a.75.75 0 0 0 1.292.657l8.5-9.5A.75.75 0 0 0 17.25 8h-6.572l1.305-6.093Z"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M9.58 1.077a.75.75 0 0 1 .405.82L9.165 6h4.085a.75.75 0 0 1 .567 1.241l-6.5 7.5a.75.75 0 0 1-1.302-.638L6.835 10H2.75a.75.75 0 0 1-.567-1.241l6.5-7.5a.75.75 0 0 1 .897-.182Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/profile.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @php $iconVariant ??= $attributes->pluck('icon:variant'); @endphp
 4 | @php $iconTrailing ??= $attributes->pluck('icon:trailing'); @endphp
 5 | 
 6 | @props([
 7 |     'iconVariant' => 'micro',
 8 |     'iconTrailing' => null,
 9 |     'initials' => null,
10 |     'chevron' => true,
11 |     'circle' => null,
12 |     'avatar' => null,
13 |     'name' => null,
14 | ])
15 | 
16 | @php
17 | $iconTrailing = $iconTrailing ?? ($chevron ? 'chevron-down' : null);
18 | 
19 | // When using the outline icon variant, we need to size it down to match the default icon sizes...
20 | $iconClasses = Flux::classes('text-zinc-400 dark:text-white/80 group-hover:text-zinc-800 dark:group-hover:text-white')
21 |     ->add($iconVariant === 'outline' ? 'size-4' : '');
22 | 
23 | $classes = Flux::classes()
24 |     ->add('group flex items-center')
25 |     ->add('rounded-lg has-data-[circle=true]:rounded-full')
26 |     ->add('[ui-dropdown>&]:w-full') // Without this, the "name" won't get truncated in a sidebar dropdown...
27 |     ->add('p-1 hover:bg-zinc-800/5 dark:hover:bg-white/10')
28 |     ;
29 | @endphp
30 | 
31 | <button type="button" {{ $attributes->class($classes) }} data-flux-profile>
32 |     <div class="shrink-0">
33 |         <?php if ($avatar instanceof \Illuminate\View\ComponentSlot): ?>
34 |             {{ $avatar }}
35 |         <?php else: ?>
36 |             <?php $avatarAttributes = Flux::attributesAfter('avatar:', $attributes, ['src' => $avatar, 'size' => 'sm', 'circle' => $circle, 'name' => $name, 'initials' => $initials]); ?>
37 |             <flux:avatar :attributes="$avatarAttributes" />
38 |         <?php endif; ?>
39 |     </div>
40 | 
41 |     <?php if ($name): ?>
42 |         <span class="mx-2 text-sm text-zinc-500 dark:text-white/80 group-hover:text-zinc-800 dark:group-hover:text-white font-medium truncate">
43 |             {{ $name }}
44 |         </span>
45 |     <?php endif; ?>
46 | 
47 |     <?php if (is_string($iconTrailing) && $iconTrailing !== ''): ?>
48 |         <div class="shrink-0 ms-auto size-8 flex justify-center items-center">
49 |             <flux:icon :icon="$iconTrailing" :variant="$iconVariant" :class="$iconClasses" />
50 |         </div>
51 |     <?php elseif ($iconTrailing): ?>
52 |         {{ $iconTrailing }}
53 |     <?php endif; ?>
54 | </button>
55 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/italic.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M5.248 20.246H9.05m0 0h3.696m-3.696 0 5.893-16.502m0 0h-3.697m3.697 0h3.803"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M10.497 3.744a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-3.275l-5.357 15.002h2.632a.75.75 0 1 1 0 1.5h-7.5a.75.75 0 1 1 0-1.5h3.275l5.357-15.002h-2.632a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M8 2.75A.75.75 0 0 1 8.75 2h7.5a.75.75 0 0 1 0 1.5h-3.215l-4.483 13h2.698a.75.75 0 0 1 0 1.5h-7.5a.75.75 0 0 1 0-1.5h3.215l4.483-13H8.75A.75.75 0 0 1 8 2.75Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M6.25 2.75A.75.75 0 0 1 7 2h6a.75.75 0 0 1 0 1.5h-2.483l-3.429 9H9A.75.75 0 0 1 9 14H3a.75.75 0 0 1 0-1.5h2.483l3.429-9H7a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/pause.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 5.25v13.5m-7.5-13.5v13.5"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M6.75 5.25a.75.75 0 0 1 .75-.75H9a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H7.5a.75.75 0 0 1-.75-.75V5.25Zm7.5 0A.75.75 0 0 1 15 4.5h1.5a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H15a.75.75 0 0 1-.75-.75V5.25Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path d="M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5ZM12.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path d="M4.5 2a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-11a.5.5 0 0 0-.5-.5h-1ZM10.5 2a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-11a.5.5 0 0 0-.5-.5h-1Z"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/cube.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="m21 7.5-9-5.25L3 7.5m18 0-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path d="M12.378 1.602a.75.75 0 0 0-.756 0L3 6.632l9 5.25 9-5.25-8.622-5.03ZM21.75 7.93l-9 5.25v9l8.628-5.032a.75.75 0 0 0 .372-.648V7.93ZM11.25 22.18v-9l-9-5.25v8.57a.75.75 0 0 0 .372.648l8.628 5.033Z"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path d="M10.362 1.093a.75.75 0 0 0-.724 0L2.523 5.018 10 9.143l7.477-4.125-7.115-3.925ZM18 6.443l-7.25 4v8.25l6.862-3.786A.75.75 0 0 0 18 14.25V6.443ZM9.25 18.693v-8.25l-7.25-4v7.807a.75.75 0 0 0 .388.657l6.862 3.786Z"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path d="M8.372 1.349a.75.75 0 0 0-.744 0l-4.81 2.748L8 7.131l5.182-3.034-4.81-2.748ZM14 5.357 8.75 8.43v6.005l4.872-2.784A.75.75 0 0 0 14 11V5.357ZM7.25 14.435V8.43L2 5.357V11c0 .27.144.518.378.651l4.872 2.784Z"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/user.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M7.5 6a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0ZM3.751 20.105a8.25 8.25 0 0 1 16.498 0 .75.75 0 0 1-.437.695A18.683 18.683 0 0 1 12 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 0 1-.437-.695Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path d="M10 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM3.465 14.493a1.23 1.23 0 0 0 .41 1.412A9.957 9.957 0 0 0 10 18c2.31 0 4.438-.784 6.131-2.1.43-.333.604-.903.408-1.41a7.002 7.002 0 0 0-13.074.003Z"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM12.735 14c.618 0 1.093-.561.872-1.139a6.002 6.002 0 0 0-11.215 0c-.22.578.254 1.139.872 1.139h9.47Z"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/view-columns.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M9 4.5v15m6-15v15m-10.875 0h15.75c.621 0 1.125-.504 1.125-1.125V5.625c0-.621-.504-1.125-1.125-1.125H4.125C3.504 4.5 3 5.004 3 5.625v12.75c0 .621.504 1.125 1.125 1.125Z"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path d="M15 3.75H9v16.5h6V3.75ZM16.5 20.25h3.375c1.035 0 1.875-.84 1.875-1.875V5.625c0-1.036-.84-1.875-1.875-1.875H16.5v16.5ZM4.125 3.75H7.5v16.5H4.125a1.875 1.875 0 0 1-1.875-1.875V5.625c0-1.036.84-1.875 1.875-1.875Z"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path d="M14 17h2.75A2.25 2.25 0 0 0 19 14.75v-9.5A2.25 2.25 0 0 0 16.75 3H14v14ZM12.5 3h-5v14h5V3ZM3.25 3H6v14H3.25A2.25 2.25 0 0 1 1 14.75v-9.5A2.25 2.25 0 0 1 3.25 3Z"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path d="M9.836 3h-3.67v10h3.67V3ZM11.336 13H13.5a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 13.5 3h-2.164v10ZM2.5 3h2.166v10H2.5A1.5 1.5 0 0 1 1 11.5v-7A1.5 1.5 0 0 1 2.5 3Z"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/bookmark.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M10 2c-1.716 0-3.408.106-5.07.31C3.806 2.45 3 3.414 3 4.517V17.25a.75.75 0 0 0 1.075.676L10 15.082l5.925 2.844A.75.75 0 0 0 17 17.25V4.517c0-1.103-.806-2.068-1.93-2.207A41.403 41.403 0 0 0 10 2Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path d="M3.75 2a.75.75 0 0 0-.75.75v10.5a.75.75 0 0 0 1.28.53L8 10.06l3.72 3.72a.75.75 0 0 0 1.28-.53V2.75a.75.75 0 0 0-.75-.75h-8.5Z"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/exclamation-circle.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m9-.75a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 3.75h.008v.008H12v-.008Z"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12ZM12 8.25a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75Zm0 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-8-5a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1-1.5 0v-4.5A.75.75 0 0 1 10 5Zm0 10a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM8 4a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0v-3A.75.75 0 0 1 8 4Zm0 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/plus-circle.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v6m3-3H9m12 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25ZM12.75 9a.75.75 0 0 0-1.5 0v2.25H9a.75.75 0 0 0 0 1.5h2.25V15a.75.75 0 0 0 1.5 0v-2.25H15a.75.75 0 0 0 0-1.5h-2.25V9Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm.75-11.25a.75.75 0 0 0-1.5 0v2.5h-2.5a.75.75 0 0 0 0 1.5h2.5v2.5a.75.75 0 0 0 1.5 0v-2.5h2.5a.75.75 0 0 0 0-1.5h-2.5v-2.5Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm.75-10.25v2.5h2.5a.75.75 0 0 1 0 1.5h-2.5v2.5a.75.75 0 0 1-1.5 0v-2.5h-2.5a.75.75 0 0 1 0-1.5h2.5v-2.5a.75.75 0 0 1 1.5 0Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/check-circle.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm3.857-9.809a.75.75 0 0 0-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 1 0-1.06 1.061l2.5 2.5a.75.75 0 0 0 1.137-.089l4-5.5Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm3.844-8.791a.75.75 0 0 0-1.188-.918l-3.7 4.79-1.649-1.833a.75.75 0 1 0-1.114 1.004l2.25 2.5a.75.75 0 0 0 1.15-.043l4.25-5.5Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/menu/radio/index.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @php $iconTrailing ??= $attributes->pluck('icon:trailing'); @endphp
 4 | @php $iconVariant ??= $attributes->pluck('icon:variant'); @endphp
 5 | 
 6 | @props([
 7 |     'iconVariant' => 'mini',
 8 |     'iconTrailing' => null,
 9 |     'variant' => 'default',
10 |     'indent' => false,
11 |     'suffix' => null,
12 |     'label' => null,
13 |     'kbd' => null,
14 | ])
15 | 
16 | @php
17 | if ($kbd) $suffix = $kbd;
18 | 
19 | $iconClasses = Flux::classes()
20 |     // When using the outline icon variant, we need to size it down to match the default icon sizes...
21 |     ->add($iconVariant === 'outline' ? 'size-5' : null)
22 |     ;
23 | 
24 | $iconTrailingClasses = Flux::classes()
25 |     ->add('ms-auto')
26 |     // When using the outline icon variant, we need to size it down to match the default icon sizes...
27 |     ->add($iconVariant === 'outline' ? 'size-5' : null)
28 |     ;
29 | 
30 | $classes = Flux::classes()
31 |     ->add('group/menu-radio flex items-center px-2 py-1.5 w-full focus:outline-hidden')
32 |     ->add('rounded-md')
33 |     ->add('text-start text-sm font-medium')
34 |     ->add('[[disabled]_&]:opacity-50 [&[disabled]]:opacity-50')
35 |     ->add([
36 |         'text-zinc-800 data-active:bg-zinc-50 dark:text-white dark:data-active:bg-zinc-600',
37 |         '**:data-flux-menu-item-icon:text-zinc-400 dark:**:data-flux-menu-item-icon:text-white/60 [&[data-active]_[data-flux-menu-item-icon]]:text-current',
38 |     ])
39 |     ;
40 | @endphp
41 | 
42 | <ui-menu-radio {{ $attributes->class($classes) }} data-flux-menu-item-has-icon data-flux-menu-radio>
43 |     <div class="w-7">
44 |         <div class="hidden group-data-checked/menu-radio:block">
45 |             <flux:icon :variant="$iconVariant" icon="check" :class="$iconClasses" data-flux-menu-item-icon />
46 |         </div>
47 |     </div>
48 | 
49 |     {{ $label ?? $slot }}
50 | 
51 |     <?php if ($suffix): ?>
52 |         <div class="ms-auto opacity-50 text-xs">
53 |             {{ $suffix }}
54 |         </div>
55 |     <?php endif; ?>
56 | 
57 |     <?php if (is_string($iconTrailing) && $iconTrailing !== ''): ?>
58 |         <flux:icon :icon="$iconTrailing" :variant="$iconVariant" :class="$iconTrailingClasses" data-flux-menu-item-icon />
59 |     <?php elseif ($iconTrailing): ?>
60 |         {{ $iconTrailing }}
61 |     <?php endif; ?>
62 | </ui-menu-radio>
63 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/moon.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M9.528 1.718a.75.75 0 0 1 .162.819A8.97 8.97 0 0 0 9 6a9 9 0 0 0 9 9 8.97 8.97 0 0 0 3.463-.69.75.75 0 0 1 .981.98 10.503 10.503 0 0 1-9.694 6.46c-5.799 0-10.5-4.7-10.5-10.5 0-4.368 2.667-8.112 6.46-9.694a.75.75 0 0 1 .818.162Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M7.455 2.004a.75.75 0 0 1 .26.77 7 7 0 0 0 9.958 7.967.75.75 0 0 1 1.067.853A8.5 8.5 0 1 1 6.647 1.921a.75.75 0 0 1 .808.083Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path d="M14.438 10.148c.19-.425-.321-.787-.748-.601A5.5 5.5 0 0 1 6.453 2.31c.186-.427-.176-.938-.6-.748a6.501 6.501 0 1 0 8.585 8.586Z"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/sidebar/collapse.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @php $tooltipPosition = $tooltipPosition ??= $attributes->pluck('tooltip:position'); @endphp
 4 | @php $tooltipKbd = $tooltipKbd ??= $attributes->pluck('tooltip:kbd'); @endphp
 5 | @php $tooltip = $tooltip ??= $attributes->pluck('tooltip'); @endphp
 6 | 
 7 | @props([
 8 |     'tooltipPosition' => 'right',
 9 |     'tooltipKbd' => null,
10 |     'tooltip' => __('Toggle sidebar'),
11 |     'inset' => null,
12 | ])
13 | 
14 | @php
15 | $classes = Flux::classes()
16 |     ->add('w-10 h-8 flex items-center justify-center')
17 |     ->add('in-data-flux-sidebar-collapsed-desktop:opacity-0')
18 |     ->add('in-data-flux-sidebar-collapsed-desktop:absolute')
19 |     ->add('in-data-flux-sidebar-collapsed-desktop:in-data-flux-sidebar-active:opacity-100')
20 |     ->add($inset ? Flux::applyInset($inset, top: '-mt-2.5', right: '-me-2.5', bottom: '-mb-2.5', left: '-ms-2.5') : '')
21 |     ;
22 | 
23 | $buttonClasses = Flux::classes()
24 |     ->add('size-10 relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none text-sm rounded-lg inline-flex  bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-500 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white')
25 |     ->add('in-data-flux-sidebar-collapsed-desktop:cursor-e-resize rtl:in-data-flux-sidebar-collapsed-desktop:cursor-w-resize')
26 |     ->add('[&[collapsible="mobile"]]:in-data-flux-sidebar-on-desktop:hidden')
27 |     ->add('rtl:rotate-180')
28 |     ;
29 | @endphp
30 | 
31 | <ui-sidebar-toggle {{ $attributes->class($classes) }} data-flux-sidebar-collapse>
32 |     <flux:tooltip :content="$tooltip" :position="$tooltipPosition" :kbd="$tooltipKbd">
33 |         <button type="button" class="{{ $buttonClasses }}">
34 |             <svg class="text-zinc-500 dark:text-zinc-400" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
35 |                 <path d="M7.5 3.75V16.25M3.4375 16.25H16.5625C17.08 16.25 17.5 15.83 17.5 15.3125V4.6875C17.5 4.17 17.08 3.75 16.5625 3.75H3.4375C2.92 3.75 2.5 4.17 2.5 4.6875V15.3125C2.5 15.83 2.92 16.25 3.4375 16.25Z" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
36 |             </svg>
37 |         </button>
38 |     </flux:tooltip>
39 | </ui-sidebar-toggle>
40 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/menu/checkbox/index.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @php $iconTrailing ??= $attributes->pluck('icon:trailing'); @endphp
 4 | @php $iconVariant ??= $attributes->pluck('icon:variant'); @endphp
 5 | 
 6 | @props([
 7 |     'iconVariant' => 'mini',
 8 |     'iconTrailing' => null,
 9 |     'variant' => 'default',
10 |     'indent' => false,
11 |     'suffix' => null,
12 |     'label' => null,
13 |     'kbd' => null,
14 | ])
15 | 
16 | @php
17 | if ($kbd) $suffix = $kbd;
18 | 
19 | $iconClasses = Flux::classes()
20 |     // When using the outline icon variant, we need to size it down to match the default icon sizes...
21 |     ->add($iconVariant === 'outline' ? 'size-5' : null)
22 |     ;
23 | 
24 | $iconTrailingClasses = Flux::classes()
25 |     ->add('ms-auto')
26 |     // When using the outline icon variant, we need to size it down to match the default icon sizes...
27 |     ->add($iconVariant === 'outline' ? 'size-5' : null)
28 |     ;
29 | 
30 | $classes = Flux::classes()
31 |     ->add('group/menu-checkbox flex items-center px-2 py-1.5 w-full focus:outline-hidden')
32 |     ->add('rounded-md')
33 |     ->add('text-start text-sm font-medium')
34 |     ->add('[[disabled]_&]:opacity-50 [&[disabled]]:opacity-50')
35 |     ->add([
36 |         'text-zinc-800 data-active:bg-zinc-50 dark:text-white dark:data-active:bg-zinc-600',
37 |         '**:data-flux-menu-item-icon:text-zinc-400 dark:**:data-flux-menu-item-icon:text-white/60 [&[data-active]_[data-flux-menu-item-icon]]:text-current',
38 |     ])
39 |     ;
40 | @endphp
41 | 
42 | <ui-menu-checkbox {{ $attributes->class($classes) }} data-flux-menu-item-has-icon data-flux-menu-checkbox>
43 |     <div class="w-7">
44 |         <div class="hidden group-data-checked/menu-checkbox:block">
45 |             <flux:icon :variant="$iconVariant" icon="check" :class="$iconClasses" data-flux-menu-item-icon />
46 |         </div>
47 |     </div>
48 | 
49 |     {{ $label ?? $slot }}
50 | 
51 |     <?php if ($suffix): ?>
52 |         <div class="ms-auto opacity-50 text-xs">
53 |             {{ $suffix }}
54 |         </div>
55 |     <?php endif; ?>
56 | 
57 |     <?php if (is_string($iconTrailing) && $iconTrailing !== ''): ?>
58 |         <flux:icon :icon="$iconTrailing" :variant="$iconVariant" :class="$iconTrailingClasses" data-flux-menu-item-icon />
59 |     <?php elseif ($iconTrailing): ?>
60 |         {{ $iconTrailing }}
61 |     <?php endif; ?>
62 | </ui-menu-checkbox>
63 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/pencil.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 0 1 1.13-1.897L16.863 4.487Zm0 0L19.5 7.125"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path d="M21.731 2.269a2.625 2.625 0 0 0-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 0 0 0-3.712ZM19.513 8.199l-3.712-3.712-12.15 12.15a5.25 5.25 0 0 0-1.32 2.214l-.8 2.685a.75.75 0 0 0 .933.933l2.685-.8a5.25 5.25 0 0 0 2.214-1.32L19.513 8.2Z"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path d="m2.695 14.762-1.262 3.155a.5.5 0 0 0 .65.65l3.155-1.262a4 4 0 0 0 1.343-.886L17.5 5.501a2.121 2.121 0 0 0-3-3L3.58 13.419a4 4 0 0 0-.885 1.343Z"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M11.013 2.513a1.75 1.75 0 0 1 2.475 2.474L6.226 12.25a2.751 2.751 0 0 1-.892.596l-2.047.848a.75.75 0 0 1-.98-.98l.848-2.047a2.75 2.75 0 0 1 .596-.892l7.262-7.261Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/lock-open.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 10.5V6.75a4.5 4.5 0 1 1 9 0v3.75M3.75 21.75h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H3.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path d="M18 1.5c2.9 0 5.25 2.35 5.25 5.25v3.75a.75.75 0 0 1-1.5 0V6.75a3.75 3.75 0 1 0-7.5 0v3a3 3 0 0 1 3 3v6.75a3 3 0 0 1-3 3H3.75a3 3 0 0 1-3-3v-6.75a3 3 0 0 1 3-3h9v-3c0-2.9 2.35-5.25 5.25-5.25Z"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M14.5 1A4.5 4.5 0 0 0 10 5.5V9H3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2h-1.5V5.5a3 3 0 1 1 6 0v2.75a.75.75 0 0 0 1.5 0V5.5A4.5 4.5 0 0 0 14.5 1Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path d="M11.5 1A3.5 3.5 0 0 0 8 4.5V7H2.5A1.5 1.5 0 0 0 1 8.5v5A1.5 1.5 0 0 0 2.5 15h7a1.5 1.5 0 0 0 1.5-1.5v-5A1.5 1.5 0 0 0 9.5 7V4.5a2 2 0 1 1 4 0v1.75a.75.75 0 0 0 1.5 0V4.5A3.5 3.5 0 0 0 11.5 1Z"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/sidebar/profile.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | @php $iconVariant ??= $attributes->pluck('icon:variant'); @endphp
 4 | @php $iconTrailing ??= $attributes->pluck('icon:trailing'); @endphp
 5 | 
 6 | @props([
 7 |     'iconVariant' => 'micro',
 8 |     'iconTrailing' => null,
 9 |     'initials' => null,
10 |     'chevron' => true,
11 |     'circle' => null,
12 |     'avatar' => null,
13 |     'name' => null,
14 | ])
15 | 
16 | @php
17 | $iconTrailing = $iconTrailing ?? ($chevron ? 'chevron-down' : null);
18 | 
19 | // When using the outline icon variant, we need to size it down to match the default icon sizes...
20 | $iconClasses = Flux::classes('text-zinc-400 dark:text-white/80 group-hover:text-zinc-800 dark:group-hover:text-white')
21 |     ->add($iconVariant === 'outline' ? 'size-4' : '');
22 | 
23 | $classes = Flux::classes()
24 |     ->add('group flex items-center')
25 |     ->add('rounded-lg has-data-[circle=true]:rounded-full')
26 |     ->add('[ui-dropdown>&]:w-full') // Without this, the "name" won't get truncated in a sidebar dropdown...
27 |     ->add('p-1 hover:bg-zinc-800/5 dark:hover:bg-white/10')
28 |     ;
29 | @endphp
30 | 
31 | <button type="button" {{ $attributes->class($classes) }} data-flux-sidebar-profile>
32 |     <div class="shrink-0">
33 |         <?php if ($avatar instanceof \Illuminate\View\ComponentSlot): ?>
34 |             {{ $avatar }}
35 |         <?php else: ?>
36 |             <?php $avatarAttributes = Flux::attributesAfter('avatar:', $attributes, ['src' => $avatar, 'size' => 'sm', 'circle' => $circle, 'name' => $name, 'initials' => $initials]); ?>
37 |             <flux:avatar :attributes="$avatarAttributes" />
38 |         <?php endif; ?>
39 |     </div>
40 | 
41 |     <?php if ($name): ?>
42 |         <span class="in-data-flux-sidebar-collapsed-desktop:hidden mx-2 text-sm text-zinc-500 dark:text-white/80 group-hover:text-zinc-800 dark:group-hover:text-white font-medium truncate">
43 |             {{ $name }}
44 |         </span>
45 |     <?php endif; ?>
46 | 
47 |     <?php if (is_string($iconTrailing) && $iconTrailing !== ''): ?>
48 |         <div class="in-data-flux-sidebar-collapsed-desktop:hidden shrink-0 ms-auto size-8 flex justify-center items-center">
49 |             <flux:icon :icon="$iconTrailing" :variant="$iconVariant" :class="$iconClasses" />
50 |         </div>
51 |     <?php elseif ($iconTrailing): ?>
52 |         {{ $iconTrailing }}
53 |     <?php endif; ?>
54 | </button>
55 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/arrow-turn-down-right.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75 3.75m0 0-3.75 3.75m3.75-3.75H3.74V4.499"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M3.74 3.749a.75.75 0 0 1 .75.75V15h13.938l-2.47-2.47a.75.75 0 0 1 1.061-1.06l3.75 3.75a.75.75 0 0 1 0 1.06l-3.75 3.75a.75.75 0 0 1-1.06-1.06l2.47-2.47H3.738a.75.75 0 0 1-.75-.75V4.5a.75.75 0 0 1 .75-.751Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M3.75 3a.75.75 0 0 1 .75.75v7.5h10.94l-1.97-1.97a.75.75 0 0 1 1.06-1.06l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 1 1-1.06-1.06l1.97-1.97H3.75A.75.75 0 0 1 3 12V3.75A.75.75 0 0 1 3.75 3Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M2.75 2a.75.75 0 0 1 .75.75v6.5h7.94l-.97-.97a.75.75 0 0 1 1.06-1.06l2.25 2.25a.75.75 0 0 1 0 1.06l-2.25 2.25a.75.75 0 1 1-1.06-1.06l.97-.97H2.75A.75.75 0 0 1 2 10V2.75A.75.75 0 0 1 2.75 2Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/arrow-turn-up-left.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M7.49 12 3.74 8.248m0 0 3.75-3.75m-3.75 3.75h16.5V19.5"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M20.239 20.25a.75.75 0 0 1-.75-.75V8.999H5.549l2.47 2.47a.75.75 0 0 1-1.06 1.06l-3.75-3.75a.75.75 0 0 1 0-1.06l3.75-3.75a.75.75 0 1 1 1.06 1.06l-2.47 2.47h14.69a.75.75 0 0 1 .75.75V19.5a.75.75 0 0 1-.75.75Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M16.25 17a.75.75 0 0 1-.75-.75v-7.5H4.56l1.97 1.97a.75.75 0 1 1-1.06 1.06L2.22 8.53a.75.75 0 0 1 0-1.06l3.25-3.25a.75.75 0 0 1 1.06 1.06L4.56 7.25h11.69A.75.75 0 0 1 17 8v8.25a.75.75 0 0 1-.75.75Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M13.25 14a.75.75 0 0 1-.75-.75v-6.5H4.56l.97.97a.75.75 0 0 1-1.06 1.06L2.22 6.53a.75.75 0 0 1 0-1.06l2.25-2.25a.75.75 0 0 1 1.06 1.06l-.97.97h8.69A.75.75 0 0 1 14 6v7.25a.75.75 0 0 1-.75.75Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/arrow-turn-up-right.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="m16.49 12 3.75-3.751m0 0-3.75-3.75m3.75 3.75H3.74V19.5"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M3.74 20.25a.75.75 0 0 0 .75-.75V8.999h13.938l-2.47 2.47a.75.75 0 0 0 1.061 1.06l3.75-3.75a.75.75 0 0 0 0-1.06l-3.75-3.75a.75.75 0 0 0-1.06 1.06l2.47 2.47H3.738a.75.75 0 0 0-.75.75V19.5c0 .414.336.75.75.75Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M3.75 17a.75.75 0 0 0 .75-.75v-7.5h10.94l-1.97 1.97a.75.75 0 1 0 1.06 1.06l3.25-3.25a.75.75 0 0 0 0-1.06l-3.25-3.25a.75.75 0 1 0-1.06 1.06l1.97 1.97H3.75A.75.75 0 0 0 3 8v8.25c0 .414.336.75.75.75Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M2.75 14a.75.75 0 0 0 .75-.75v-6.5h7.94l-.97.97a.75.75 0 0 0 1.06 1.06l2.25-2.25a.75.75 0 0 0 0-1.06l-2.25-2.25a.75.75 0 1 0-1.06 1.06l.97.97H2.75A.75.75 0 0 0 2 6v7.25c0 .414.336.75.75.75Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/no-symbol.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M18.364 18.364A9 9 0 0 0 5.636 5.636m12.728 12.728A9 9 0 0 1 5.636 5.636m12.728 12.728L5.636 5.636"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="m6.72 5.66 11.62 11.62A8.25 8.25 0 0 0 6.72 5.66Zm10.56 12.68L5.66 6.72a8.25 8.25 0 0 0 11.62 11.62ZM5.105 5.106c3.807-3.808 9.98-3.808 13.788 0 3.808 3.807 3.808 9.98 0 13.788-3.807 3.808-9.98 3.808-13.788 0-3.808-3.807-3.808-9.98 0-13.788Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="m5.965 4.904 9.131 9.131a6.5 6.5 0 0 0-9.131-9.131Zm8.07 10.192L4.904 5.965a6.5 6.5 0 0 0 9.131 9.131ZM4.343 4.343a8 8 0 1 1 11.314 11.314A8 8 0 0 1 4.343 4.343Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M3.05 3.05a7 7 0 1 1 9.9 9.9 7 7 0 0 1-9.9-9.9Zm1.627.566 7.707 7.707a5.501 5.501 0 0 0-7.707-7.707Zm6.646 8.768L3.616 4.677a5.501 5.501 0 0 0 7.707 7.707Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/arrow-turn-down-left.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="m7.49 12-3.75 3.75m0 0 3.75 3.75m-3.75-3.75h16.5V4.499"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M20.239 3.749a.75.75 0 0 0-.75.75V15H5.549l2.47-2.47a.75.75 0 0 0-1.06-1.06l-3.75 3.75a.75.75 0 0 0 0 1.06l3.75 3.75a.75.75 0 1 0 1.06-1.06L5.55 16.5h14.69a.75.75 0 0 0 .75-.75V4.5a.75.75 0 0 0-.75-.751Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M16.25 3a.75.75 0 0 0-.75.75v7.5H4.56l1.97-1.97a.75.75 0 0 0-1.06-1.06l-3.25 3.25a.75.75 0 0 0 0 1.06l3.25 3.25a.75.75 0 0 0 1.06-1.06l-1.97-1.97h11.69A.75.75 0 0 0 17 12V3.75a.75.75 0 0 0-.75-.75Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M13.25 2a.75.75 0 0 0-.75.75v6.5H4.56l.97-.97a.75.75 0 0 0-1.06-1.06L2.22 9.47a.75.75 0 0 0 0 1.06l2.25 2.25a.75.75 0 0 0 1.06-1.06l-.97-.97h8.69A.75.75 0 0 0 14 10V2.75a.75.75 0 0 0-.75-.75Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/arrow-turn-right-down.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="m11.99 16.5 3.75 3.75m0 0 3.75-3.75m-3.75 3.75V3.75H4.49"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M3.738 3.75c0 .414.336.75.75.75H14.99v13.939l-2.47-2.47a.75.75 0 0 0-1.06 1.061l3.75 3.75a.75.75 0 0 0 1.06 0l3.751-3.75a.75.75 0 0 0-1.06-1.06l-2.47 2.469V3.75a.75.75 0 0 0-.75-.75H4.487a.75.75 0 0 0-.75.75Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M3 3.75c0 .414.336.75.75.75h7.5v10.94l-1.97-1.97a.75.75 0 0 0-1.06 1.06l3.25 3.25a.75.75 0 0 0 1.06 0l3.25-3.25a.75.75 0 1 0-1.06-1.06l-1.97 1.97V3.75A.75.75 0 0 0 12 3H3.75a.75.75 0 0 0-.75.75Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M2 2.75c0 .414.336.75.75.75h6.5v7.94l-.97-.97a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.06 0l2.25-2.25a.75.75 0 1 0-1.06-1.06l-.97.97V2.75A.75.75 0 0 0 10 2H2.75a.75.75 0 0 0-.75.75Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/paper-airplane.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M6 12 3.269 3.125A59.769 59.769 0 0 1 21.485 12 59.768 59.768 0 0 1 3.27 20.875L5.999 12Zm0 0h7.5"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path d="M3.478 2.404a.75.75 0 0 0-.926.941l2.432 7.905H13.5a.75.75 0 0 1 0 1.5H4.984l-2.432 7.905a.75.75 0 0 0 .926.94 60.519 60.519 0 0 0 18.445-8.986.75.75 0 0 0 0-1.218A60.517 60.517 0 0 0 3.478 2.404Z"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path d="M3.105 2.288a.75.75 0 0 0-.826.95l1.414 4.926A1.5 1.5 0 0 0 5.135 9.25h6.115a.75.75 0 0 1 0 1.5H5.135a1.5 1.5 0 0 0-1.442 1.086l-1.414 4.926a.75.75 0 0 0 .826.95 28.897 28.897 0 0 0 15.293-7.155.75.75 0 0 0 0-1.114A28.897 28.897 0 0 0 3.105 2.288Z"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path d="M2.87 2.298a.75.75 0 0 0-.812 1.021L3.39 6.624a1 1 0 0 0 .928.626H8.25a.75.75 0 0 1 0 1.5H4.318a1 1 0 0 0-.927.626l-1.333 3.305a.75.75 0 0 0 .811 1.022 24.89 24.89 0 0 0 11.668-5.115.75.75 0 0 0 0-1.175A24.89 24.89 0 0 0 2.869 2.298Z"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/arrow-turn-left-down.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="m11.99 16.5-3.75 3.75m0 0L4.49 16.5m3.75 3.75V3.75h11.25"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M20.24 3.75a.75.75 0 0 1-.75.75H8.989v13.939l2.47-2.47a.75.75 0 1 1 1.06 1.061l-3.75 3.75a.75.75 0 0 1-1.06 0l-3.751-3.75a.75.75 0 1 1 1.06-1.06l2.47 2.469V3.75a.75.75 0 0 1 .75-.75H19.49a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M16 3.75a.75.75 0 0 1-.75.75h-7.5v10.94l1.97-1.97a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0l-3.25-3.25a.75.75 0 1 1 1.06-1.06l1.97 1.97V3.75A.75.75 0 0 1 7 3h8.25a.75.75 0 0 1 .75.75Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M5.47 2.22A.75.75 0 0 1 6 2h7.25a.75.75 0 0 1 0 1.5h-6.5v7.94l.97-.97a.75.75 0 0 1 1.06 1.06l-2.25 2.25a.75.75 0 0 1-1.06 0l-2.25-2.25a.75.75 0 1 1 1.06-1.06l.97.97V2.75a.75.75 0 0 1 .22-.53Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/arrow-turn-right-up.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="m11.99 7.5 3.75-3.75m0 0 3.75 3.75m-3.75-3.75v16.499H4.49"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M3.738 20.249a.75.75 0 0 1 .75-.75H14.99V5.56l-2.47 2.47a.75.75 0 0 1-1.06-1.061l3.75-3.75a.75.75 0 0 1 1.06 0l3.751 3.75a.75.75 0 0 1-1.06 1.06L16.49 5.56V20.25a.75.75 0 0 1-.75.75H4.487a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M3 16.25a.75.75 0 0 1 .75-.75h7.5V4.56L9.28 6.53a.75.75 0 0 1-1.06-1.06l3.25-3.25a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1-1.06 1.06l-1.97-1.97v11.69A.75.75 0 0 1 12 17H3.75a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M2 13.25a.75.75 0 0 1 .75-.75h6.5V4.56l-.97.97a.75.75 0 0 1-1.06-1.06l2.25-2.25a.75.75 0 0 1 1.06 0l2.25 2.25a.75.75 0 0 1-1.06 1.06l-.97-.97v8.69A.75.75 0 0 1 10 14H2.75a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/arrow-up-circle.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="m15 11.25-3-3m0 0-3 3m3-3v7.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm.53 5.47a.75.75 0 0 0-1.06 0l-3 3a.75.75 0 1 0 1.06 1.06l1.72-1.72v5.69a.75.75 0 0 0 1.5 0v-5.69l1.72 1.72a.75.75 0 1 0 1.06-1.06l-3-3Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm-.75-4.75a.75.75 0 0 0 1.5 0V8.66l1.95 2.1a.75.75 0 1 0 1.1-1.02l-3.25-3.5a.75.75 0 0 0-1.1 0L6.2 9.74a.75.75 0 1 0 1.1 1.02l1.95-2.1v4.59Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1Zm-.75 10.25a.75.75 0 0 0 1.5 0V6.56l1.22 1.22a.75.75 0 1 0 1.06-1.06l-2.5-2.5a.75.75 0 0 0-1.06 0l-2.5 2.5a.75.75 0 0 0 1.06 1.06l1.22-1.22v4.69Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/underline.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="M17.995 3.744v7.5a6 6 0 1 1-12 0v-7.5m-2.25 16.502h16.5"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M5.995 2.994a.75.75 0 0 1 .75.75v7.5a5.25 5.25 0 1 0 10.5 0v-7.5a.75.75 0 0 1 1.5 0v7.5a6.75 6.75 0 1 1-13.5 0v-7.5a.75.75 0 0 1 .75-.75Zm-3 17.252a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5h-16.5a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M4.75 2a.75.75 0 0 1 .75.75V9a4.5 4.5 0 1 0 9 0V2.75a.75.75 0 0 1 1.5 0V9A6 6 0 0 1 4 9V2.75A.75.75 0 0 1 4.75 2ZM2 17.25a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M4.75 2a.75.75 0 0 1 .75.75V7a2.5 2.5 0 0 0 5 0V2.75a.75.75 0 0 1 1.5 0V7a4 4 0 0 1-8 0V2.75A.75.75 0 0 1 4.75 2ZM2 13.25a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/arrow-down-circle.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="m9 12.75 3 3m0 0 3-3m-3 3v-7.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-.53 14.03a.75.75 0 0 0 1.06 0l3-3a.75.75 0 1 0-1.06-1.06l-1.72 1.72V8.25a.75.75 0 0 0-1.5 0v5.69l-1.72-1.72a.75.75 0 0 0-1.06 1.06l3 3Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm.75-11.25a.75.75 0 0 0-1.5 0v4.59L7.3 9.24a.75.75 0 0 0-1.1 1.02l3.25 3.5a.75.75 0 0 0 1.1 0l3.25-3.5a.75.75 0 1 0-1.1-1.02l-1.95 2.1V6.75Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm.75-10.25a.75.75 0 0 0-1.5 0v4.69L6.03 8.22a.75.75 0 0 0-1.06 1.06l2.5 2.5a.75.75 0 0 0 1.06 0l2.5-2.5a.75.75 0 1 0-1.06-1.06L8.75 9.44V4.75Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/arrow-left-circle.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 9-3 3m0 0 3 3m-3-3h7.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-4.28 9.22a.75.75 0 0 0 0 1.06l3 3a.75.75 0 1 0 1.06-1.06l-1.72-1.72h5.69a.75.75 0 0 0 0-1.5h-5.69l1.72-1.72a.75.75 0 0 0-1.06-1.06l-3 3Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm3.25-7.25a.75.75 0 0 0 0-1.5H8.66l2.1-1.95a.75.75 0 1 0-1.02-1.1l-3.5 3.25a.75.75 0 0 0 0 1.1l3.5 3.25a.75.75 0 0 0 1.02-1.1l-2.1-1.95h4.59Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8Zm10.25.75a.75.75 0 0 0 0-1.5H6.56l1.22-1.22a.75.75 0 0 0-1.06-1.06l-2.5 2.5a.75.75 0 0 0 0 1.06l2.5 2.5a.75.75 0 1 0 1.06-1.06L6.56 8.75h4.69Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------
/stubs/resources/views/flux/icon/arrow-right-circle.blade.php:
--------------------------------------------------------------------------------
 1 | @blaze
 2 | 
 3 | {{-- Credit: Heroicons (https://heroicons.com) --}}
 4 | 
 5 | @props([
 6 |     'variant' => 'outline',
 7 | ])
 8 | 
 9 | @php
10 | $classes = Flux::classes('shrink-0')
11 |     ->add(match($variant) {
12 |         'outline' => '[:where(&)]:size-6',
13 |         'solid' => '[:where(&)]:size-6',
14 |         'mini' => '[:where(&)]:size-5',
15 |         'micro' => '[:where(&)]:size-4',
16 |     });
17 | @endphp
18 | 
19 | <?php switch ($variant): case ('outline'): ?>
20 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon">
21 |   <path stroke-linecap="round" stroke-linejoin="round" d="m12.75 15 3-3m0 0-3-3m3 3h-7.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"/>
22 | </svg>
23 | 
24 |         <?php break; ?>
25 | 
26 |     <?php case ('solid'): ?>
27 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon">
28 |   <path fill-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm4.28 10.28a.75.75 0 0 0 0-1.06l-3-3a.75.75 0 1 0-1.06 1.06l1.72 1.72H8.25a.75.75 0 0 0 0 1.5h5.69l-1.72 1.72a.75.75 0 1 0 1.06 1.06l3-3Z" clip-rule="evenodd"/>
29 | </svg>
30 | 
31 |         <?php break; ?>
32 | 
33 |     <?php case ('mini'): ?>
34 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon">
35 |   <path fill-rule="evenodd" d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16ZM6.75 9.25a.75.75 0 0 0 0 1.5h4.59l-2.1 1.95a.75.75 0 0 0 1.02 1.1l3.5-3.25a.75.75 0 0 0 0-1.1l-3.5-3.25a.75.75 0 1 0-1.02 1.1l2.1 1.95H6.75Z" clip-rule="evenodd"/>
36 | </svg>
37 | 
38 |         <?php break; ?>
39 | 
40 |     <?php case ('micro'): ?>
41 | <svg {{ $attributes->class($classes) }} data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon">
42 |   <path fill-rule="evenodd" d="M15 8A7 7 0 1 0 1 8a7 7 0 0 0 14 0ZM4.75 7.25a.75.75 0 0 0 0 1.5h4.69L8.22 9.97a.75.75 0 1 0 1.06 1.06l2.5-2.5a.75.75 0 0 0 0-1.06l-2.5-2.5a.75.75 0 0 0-1.06 1.06l1.22 1.22H4.75Z" clip-rule="evenodd"/>
43 | </svg>
44 | 
45 |         <?php break; ?>
46 | 
47 | <?php endswitch; ?>
48 | 


--------------------------------------------------------------------------------