Build Your Bundle & Save
Craft your perfect cleansing ritual with our customizable body wash and bar bundles, featuring nature's most captivating scents.
You've unlocked 30% off!
You've unlocked 30% off!
Subscribe & Save ([value] Off)
- { ;if (!select?.contains($event.target) && select !== $event.target) { show_popover = false; show = false; } }"
@scroll.window="handleScroll()"
@resize.window="handleScroll()"
@keydown.esc="show_popover = false; show = false; $nextTick(() => select.focus());"
@keydown.left.prevent.stop="focusIndex = focusIndex > 0 ? focusIndex -1 : values.length - 1"
@keydown.up.prevent.stop="focusIndex = focusIndex > 0 ? focusIndex -1 : values.length - 1"
@keydown.down.prevent.stop="focusIndex = focusIndex + 1 < values.length ? focusIndex + 1 : 0"
@keydown.right.prevent.stop="focusIndex = focusIndex + 1 < values.length ? focusIndex + 1 : 0"
@keydown.space.prevent.stop="$data.setSellingPlan?.(value)"
@keydown.enter.prevent.stop="$data.setSellingPlan?.(value); show_popover = false; show = false; $nextTick(() => select.focus()); utils.refocusAfterRender(select);"
class="fixed z-max min-w-max mt-1 max-h-60 w-full overflow-auto rounded-md bg-[#F2E8DA] py-1 text-base shadow-lg outline-none ring-1 ring-black/5 transition-opacity duration-75 focus:outline-none sm:text-sm dropdown--input-select"
aria-label="Delivery frequency"
aria-orientation="vertical"
role="listbox"
:id="listbox_id"
tabindex="0"
x-show="show_popover"
x-cloak
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0">
- {
if (disabledItems[i] && `` !== 'true') return;
$data.setSellingPlan?.(value); focusIndex = i; show_popover = false; show = false; $nextTick(() => select.focus()); utils.refocusAfterRender(select);
}"
:disabled="!!disabledItems[i]"
:class="i === focusIndex ? 'active' : disabledItems[i] ? 'opacity-40' :''"
x-effect="if (i === focusIndex && $el.parentElement) { $el.parentElement.scrollTop = $el.offsetTop - 120; if (show_popover) requestAnimationFrame(() => $el.focus({ preventScroll: true })); }"
role="option"
tabindex="-1"
:aria-selected="i === focusIndex">
You've unlocked 30% off!
Subscribe & Save ([value] Off)
- { ;if (!select?.contains($event.target) && select !== $event.target) { show_popover = false; show = false; } }"
@scroll.window="handleScroll()"
@resize.window="handleScroll()"
@keydown.esc="show_popover = false; show = false; $nextTick(() => select.focus());"
@keydown.left.prevent.stop="focusIndex = focusIndex > 0 ? focusIndex -1 : values.length - 1"
@keydown.up.prevent.stop="focusIndex = focusIndex > 0 ? focusIndex -1 : values.length - 1"
@keydown.down.prevent.stop="focusIndex = focusIndex + 1 < values.length ? focusIndex + 1 : 0"
@keydown.right.prevent.stop="focusIndex = focusIndex + 1 < values.length ? focusIndex + 1 : 0"
@keydown.space.prevent.stop="$data.setSellingPlan?.(value)"
@keydown.enter.prevent.stop="$data.setSellingPlan?.(value); show_popover = false; show = false; $nextTick(() => select.focus()); utils.refocusAfterRender(select);"
class="fixed z-max min-w-max mt-1 max-h-60 w-full overflow-auto rounded-md bg-[#F2E8DA] py-1 text-base shadow-lg outline-none ring-1 ring-black/5 transition-opacity duration-75 focus:outline-none sm:text-sm dropdown--input-select"
aria-label="Delivery frequency"
aria-orientation="vertical"
role="listbox"
:id="listbox_id"
tabindex="0"
x-show="show_popover"
x-cloak
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0">
- {
if (disabledItems[i] && `` !== 'true') return;
$data.setSellingPlan?.(value); focusIndex = i; show_popover = false; show = false; $nextTick(() => select.focus()); utils.refocusAfterRender(select);
}"
:disabled="!!disabledItems[i]"
:class="i === focusIndex ? 'active' : disabledItems[i] ? 'opacity-40' :''"
x-effect="if (i === focusIndex && $el.parentElement) { $el.parentElement.scrollTop = $el.offsetTop - 120; if (show_popover) requestAnimationFrame(() => $el.focus({ preventScroll: true })); }"
role="option"
tabindex="-1"
:aria-selected="i === focusIndex">