pluck('icon:trailing'); ?> pluck('icon:variant'); ?> $__value) { $__consumeVariable = is_string($__key) ? $__key : $__value; $$__consumeVariable = is_string($__key) ? $__env->getConsumableComponentData($__key, $__value) : $__env->getConsumableComponentData($__value); } ?> 'outline', 'iconTrailing' => null, 'badgeColor' => null, 'variant' => null, 'iconDot' => null, 'accent' => true, 'badge' => null, 'icon' => null, ])); foreach ($attributes->all() as $__key => $__value) { if (in_array($__key, $__propNames)) { $$__key = $$__key ?? $__value; } else { $__newAttributes[$__key] = $__value; } } $attributes = new \Illuminate\View\ComponentAttributeBag($__newAttributes); unset($__propNames); unset($__newAttributes); foreach (array_filter(([ 'iconVariant' => 'outline', 'iconTrailing' => null, 'badgeColor' => null, 'variant' => null, 'iconDot' => null, 'accent' => true, 'badge' => null, 'icon' => null, ]), 'is_string', ARRAY_FILTER_USE_KEY) as $__key => $__value) { $$__key = $$__key ?? $__value; } $__defined_vars = get_defined_vars(); foreach ($attributes->all() as $__key => $__value) { if (array_key_exists($__key, $__defined_vars)) unset($$__key); } unset($__defined_vars); ?> isEmpty(); // Size-up icons in square/icon-only buttons... $iconClasses = Flux::classes($square ? 'size-5!' : 'size-4!'); $classes = Flux::classes() ->add('h-10 lg:h-8 relative flex items-center gap-3 rounded-lg') ->add($square ? 'px-2.5!' : '') ->add('py-0 text-start w-full px-3 my-px') ->add('text-zinc-500 dark:text-white/80') ->add(match ($variant) { 'outline' => match ($accent) { true => [ 'data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content)', 'data-current:bg-white dark:data-current:bg-white/[7%] data-current:border data-current:border-zinc-200 dark:data-current:border-transparent', 'hover:text-zinc-800 dark:hover:text-white dark:hover:bg-white/[7%] hover:bg-zinc-800/5 ', 'border border-transparent', ], false => [ 'data-current:text-zinc-800 dark:data-current:text-zinc-100 data-current:border-zinc-200', 'data-current:bg-white dark:data-current:bg-white/10 data-current:border data-current:border-zinc-200 dark:data-current:border-white/10 data-current:shadow-xs', 'hover:text-zinc-800 dark:hover:text-white', ], }, default => match ($accent) { true => [ 'data-current:text-(--color-accent-content) hover:data-current:text-(--color-accent-content)', 'data-current:bg-zinc-800/[4%] dark:data-current:bg-white/[7%]', 'hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/[7%]', ], false => [ 'data-current:text-zinc-800 dark:data-current:text-zinc-100', 'data-current:bg-zinc-800/[4%] dark:data-current:bg-white/10', 'hover:text-zinc-800 dark:hover:text-white hover:bg-zinc-800/[4%] dark:hover:bg-white/10', ], }, }) ; ?> 'e60dd9d2c3a62d619c9acb38f20d5aa5::button-or-link','data' => ['attributes' => $attributes->class($classes),'dataFluxNavlistItem' => true]] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?> withName('flux::button-or-link'); ?> shouldRender()): ?> startComponent($component->resolveView(), $component->data()); ?> except(\Illuminate\View\AnonymousComponent::ignoredParameterNames()); ?> withAttributes(['attributes' => \Illuminate\View\Compilers\BladeCompiler::sanitizeComponentAttribute($attributes->class($classes)),'data-flux-navlist-item' => true]); ?>