@cartbot/vehicle-search-beta 3.0.6 → 3.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,18 +1,18 @@
1
1
  import { jsx as n, jsxs as $, Fragment as xe } from "react/jsx-runtime";
2
- import { useState as M, useEffect as L, useRef as Z, useCallback as j, useMemo as ct } from "react";
3
- import dt from "react-dom";
4
- import vt from "js-cookie";
5
- import { Combobox as pt, ComboboxInput as ht, ComboboxButton as ut, ComboboxOptions as ft, ComboboxOption as mt } from "@headlessui/react";
6
- import gt from "fuzzysearch";
7
- import Fe from "pluralize";
8
- import re from "clsx";
9
- import { MeiliSearch as bt } from "meilisearch";
10
- import wt from "lodash/debounce";
11
- import yt from "tinycolor2";
12
- import Ee from "posthog-js";
13
- const xt = `@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{*,:before,:after,::backdrop{--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial}vehicle-search,vehicle-search *,vehicle-search:before,vehicle-search:after,vehicle-search::backdrop{--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial}:host,:host *,:host:before,:host:after,:host::backdrop{--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial}}@layer theme{:root,:host{--vs-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--vs-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--vs-color-red-300:oklch(80.8% .114 19.571);--vs-color-red-500:oklch(63.7% .237 25.331);--vs-color-stone-200:oklch(92.3% .003 48.717);--vs-color-stone-400:oklch(70.9% .01 56.259);--vs-color-stone-600:oklch(44.4% .011 73.639);--vs-color-stone-900:oklch(21.6% .006 56.043);--vs-color-black:#000;--vs-color-white:#fff;--vs-spacing:.25rem;--vs-text-base:1rem;--vs-text-base--line-height: 1.5 ;--vs-font-weight-normal:400;--vs-font-weight-medium:500;--vs-font-weight-semibold:600;--vs-font-weight-bold:700;--vs-leading-normal:1.5;--vs-animate-spin:spin 1s linear infinite;--vs-default-transition-duration:.15s;--vs-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--vs-default-font-family:var(--vs-font-sans);--vs-default-mono-font-family:var(--vs-font-mono);--vs-color-theme:oklch(from rgb(var(--partbot-theme))l c h/<alpha-value>);--vs-color-button-label:oklch(from rgb(var(--partbot-button-label-color))l c h/<alpha-value>)}vehicle-search,:host{--vs-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--vs-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--vs-color-red-300:oklch(80.8% .114 19.571);--vs-color-red-500:oklch(63.7% .237 25.331);--vs-color-stone-200:oklch(92.3% .003 48.717);--vs-color-stone-400:oklch(70.9% .01 56.259);--vs-color-stone-600:oklch(44.4% .011 73.639);--vs-color-stone-900:oklch(21.6% .006 56.043);--vs-color-black:#000;--vs-color-white:#fff;--vs-spacing:.25rem;--vs-text-base:1rem;--vs-text-base--line-height: 1.5 ;--vs-font-weight-normal:400;--vs-font-weight-medium:500;--vs-font-weight-semibold:600;--vs-font-weight-bold:700;--vs-leading-normal:1.5;--vs-animate-spin:spin 1s linear infinite;--vs-default-transition-duration:.15s;--vs-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--vs-default-font-family:var(--vs-font-sans);--vs-default-mono-font-family:var(--vs-font-mono);--vs-color-theme:oklch(from rgb(var(--partbot-theme))l c h/<alpha-value>);--vs-color-button-label:oklch(from rgb(var(--partbot-button-label-color))l c h/<alpha-value>)}:host{--vs-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--vs-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--vs-color-red-300:oklch(80.8% .114 19.571);--vs-color-red-500:oklch(63.7% .237 25.331);--vs-color-stone-200:oklch(92.3% .003 48.717);--vs-color-stone-400:oklch(70.9% .01 56.259);--vs-color-stone-600:oklch(44.4% .011 73.639);--vs-color-stone-900:oklch(21.6% .006 56.043);--vs-color-black:#000;--vs-color-white:#fff;--vs-spacing:.25rem;--vs-text-base:1rem;--vs-text-base--line-height: 1.5 ;--vs-font-weight-normal:400;--vs-font-weight-medium:500;--vs-font-weight-semibold:600;--vs-font-weight-bold:700;--vs-leading-normal:1.5;--vs-animate-spin:spin 1s linear infinite;--vs-default-transition-duration:.15s;--vs-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--vs-default-font-family:var(--vs-font-sans);--vs-default-mono-font-family:var(--vs-font-mono);--vs-color-theme:oklch(from rgb(var(--partbot-theme))l c h/<alpha-value>);--vs-color-button-label:oklch(from rgb(var(--partbot-button-label-color))l c h/<alpha-value>)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--vs-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--vs-default-font-feature-settings,normal);font-variation-settings:var(--vs-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--vs-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--vs-default-mono-font-feature-settings,normal);font-variation-settings:var(--vs-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--partbot-theme:79 70 229;--partbot-button-color:99 102 241;--partbot-button-hover-color:79 70 229;--partbot-button-label-color:255 255 255;--partbot-button-hover-label-color:255 255 255;--partbot-mobile-background-color:12 24 39;--partbot-button-border-radius:.375rem;--partbot-font-size:.875rem;--partbot-font-family:"Inter",Helvetica,sans-serif;--partbot-padding:.5rem}vehicle-search{--partbot-theme:79 70 229;--partbot-button-color:99 102 241;--partbot-button-hover-color:79 70 229;--partbot-button-label-color:255 255 255;--partbot-button-hover-label-color:255 255 255;--partbot-mobile-background-color:12 24 39;--partbot-button-border-radius:.375rem;--partbot-font-size:.875rem;--partbot-font-family:"Inter",Helvetica,sans-serif;--partbot-padding:.5rem}:host{--partbot-theme:79 70 229;--partbot-button-color:99 102 241;--partbot-button-hover-color:79 70 229;--partbot-button-label-color:255 255 255;--partbot-button-hover-label-color:255 255 255;--partbot-mobile-background-color:12 24 39;--partbot-button-border-radius:.375rem;--partbot-font-size:.875rem;--partbot-font-family:"Inter",Helvetica,sans-serif;--partbot-padding:.5rem}[class*="vs:"]:before,[class*="vs:"]:after,[class^=vehicle-search-]:before,[class^=vehicle-search-]:after{box-sizing:border-box;--tw-content:"";border:0 solid}[class*="vs:"],[class^=vehicle-search-]{box-sizing:border-box;border:0 solid}.vehicle-search-select{text-transform:none;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}.partbot-mmyvs-container{top:calc(var(--vs-spacing)*0);right:calc(var(--vs-spacing)*0);left:calc(var(--vs-spacing)*0);z-index:10000;background-color:rgb(var(--partbot-mobile-background-color));padding:calc(var(--vs-spacing)*8);--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--vs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vs-default-transition-duration));--tw-duration:.5s;transition-duration:.5s;position:fixed}@media (min-width:48rem){.partbot-mmyvs-container{z-index:10;padding:calc(var(--vs-spacing)*0);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#0000;position:relative;top:auto;left:auto;right:auto}}.partbot-mmyvs-container{transform:translateY(-100vh)}@media (min-width:768px){.partbot-mmyvs-container{transform:translateY(0)}}.partbot-mmyvs-container.active{transform:translateY(0)}[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;--tw-shadow:0 0 #0000;background-color:#fff;border-width:1px;border-color:#6a7282;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem}:is([type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select):focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#155dfc;outline:2px solid #0000}input::placeholder,textarea::placeholder{color:#6a7282;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em}::-webkit-date-and-time-value{text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-month-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-day-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-hour-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-minute-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-second-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-millisecond-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{-webkit-print-color-adjust:exact;print-color-adjust:exact;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;-webkit-print-color-adjust:unset;print-color-adjust:unset;padding-right:.75rem}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:middle;-webkit-user-select:none;user-select:none;color:#155dfc;--tw-shadow:0 0 #0000;background-color:#fff;background-origin:border-box;border-width:1px;border-color:#6a7282;flex-shrink:0;width:1rem;height:1rem;padding:0;display:inline-block}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid #0000}[type=checkbox]:checked,[type=radio]:checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors:active){[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors:active){[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{background-color:currentColor;border-color:#0000}[type=checkbox]:indeterminate{background-color:currentColor;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}@media (forced-colors:active){[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{background-color:currentColor;border-color:#0000}[type=file]{background:unset;border-color:inherit;font-size:unset;line-height:inherit;border-width:0;border-radius:0;padding:0}[type=file]:focus{outline:1px solid buttontext;outline:1px auto -webkit-focus-ring-color}}@layer components;@layer utilities{.vs\\:pointer-events-auto{pointer-events:auto}.vs\\:pointer-events-none{pointer-events:none}.vs\\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.vs\\:absolute{position:absolute}.vs\\:fixed{position:fixed}.vs\\:relative{position:relative}.vs\\:inset-0{inset:calc(var(--vs-spacing)*0)}.vs\\:inset-y-0{inset-block:calc(var(--vs-spacing)*0)}.vs\\:right-0{right:calc(var(--vs-spacing)*0)}.vs\\:right-\\[calc\\(var\\(--partbot-font-size\\)\\*1\\.95\\)\\]{right:calc(var(--partbot-font-size)*1.95)}.vs\\:z-10{z-index:10}.vs\\:z-99999\\!{z-index:99999!important}.vs\\:m-0{margin:calc(var(--vs-spacing)*0)}.vs\\:mt-2{margin-top:calc(var(--vs-spacing)*2)}.vs\\:mt-4{margin-top:calc(var(--vs-spacing)*4)}.vs\\:mb-1{margin-bottom:calc(var(--vs-spacing)*1)}.vs\\:block{display:block}.vs\\:flex{display:flex}.vs\\:flex\\!{display:flex!important}.vs\\:grid{display:grid}.vs\\:inline-flex{display:inline-flex}.vs\\:inline-flex\\!{display:inline-flex!important}.vs\\:h-5{height:calc(var(--vs-spacing)*5)}.vs\\:h-\\[13px\\]{height:13px}.vs\\:h-\\[calc\\(var\\(--partbot-font-size\\)\\*0\\.9\\)\\]\\!{height:calc(var(--partbot-font-size)*.9)!important}.vs\\:h-full{height:100%}.vs\\:max-h-60\\!{max-height:calc(var(--vs-spacing)*60)!important}.vs\\:w-\\(--input-width\\){width:var(--input-width)}.vs\\:w-5{width:calc(var(--vs-spacing)*5)}.vs\\:w-\\[calc\\(var\\(--partbot-font-size\\)\\*0\\.9\\)\\]\\!{width:calc(var(--partbot-font-size)*.9)!important}.vs\\:w-auto\\!{width:auto!important}.vs\\:w-full{width:100%}.vs\\:w-full\\!{width:100%!important}.vs\\:shrink\\!{flex-shrink:1!important}.vs\\:shrink-0\\!{flex-shrink:0!important}.vs\\:animate-spin{animation:var(--vs-animate-spin)}.vs\\:cursor-default{cursor:default}.vs\\:cursor-pointer{cursor:pointer}.vs\\:appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.vs\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.vs\\:flex-col{flex-direction:column}.vs\\:items-center{align-items:center}.vs\\:justify-between{justify-content:space-between}.vs\\:justify-center{justify-content:center}.vs\\:justify-end{justify-content:flex-end}.vs\\:gap-3{gap:calc(var(--vs-spacing)*3)}:where(.vs\\:space-x-1\\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--vs-spacing)*1.5)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--vs-spacing)*1.5)*calc(1 - var(--tw-space-x-reverse)))}:where(.vs\\:space-x-\\[calc\\(var\\(--partbot-padding\\)\\*0\\.25\\)\\]>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--partbot-padding)*.25)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--partbot-padding)*.25)*calc(1 - var(--tw-space-x-reverse)))}.vs\\:overflow-auto{overflow:auto}.vs\\:overflow-hidden{overflow:hidden}.vs\\:rounded-\\(--partbot-button-border-radius\\){border-radius:var(--partbot-button-border-radius)}.vs\\:rounded-\\[min\\(var\\(--partbot-button-border-radius\\)\\,0\\.89rem\\)\\]{border-radius:min(var(--partbot-button-border-radius),.89rem)}.vs\\:border{border-style:var(--tw-border-style);border-width:1px}.vs\\:border-none{--tw-border-style:none;border-style:none}.vs\\:border-stone-200{border-color:var(--vs-color-stone-200)}.vs\\:bg-\\[rgb\\(var\\(--partbot-theme\\)\\)\\]{background-color:rgb(var(--partbot-theme))}.vs\\:bg-stone-900{background-color:var(--vs-color-stone-900)}.vs\\:bg-transparent{background-color:#0000}.vs\\:bg-white{background-color:var(--vs-color-white)}.vs\\:p-\\(--partbot-padding\\){padding:var(--partbot-padding)}.vs\\:p-2{padding:calc(var(--vs-spacing)*2)}.vs\\:px-1\\.5{padding-inline:calc(var(--vs-spacing)*1.5)}.vs\\:px-\\[calc\\(var\\(--partbot-padding\\)\\*1\\.3\\)\\]{padding-inline:calc(var(--partbot-padding)*1.3)}.vs\\:py-\\(--partbot-padding\\){padding-block:var(--partbot-padding)}.vs\\:py-1{padding-block:calc(var(--vs-spacing)*1)}.vs\\:pr-\\(--partbot-padding\\){padding-right:var(--partbot-padding)}.vs\\:pr-2{padding-right:calc(var(--vs-spacing)*2)}.vs\\:pr-10{padding-right:calc(var(--vs-spacing)*10)}.vs\\:pr-\\[calc\\(var\\(--partbot-padding\\)\\*1\\.3\\)\\]{padding-right:calc(var(--partbot-padding)*1.3)}.vs\\:pb-4{padding-bottom:calc(var(--vs-spacing)*4)}.vs\\:pl-\\[calc\\(var\\(--partbot-padding\\)\\*1\\.3\\)\\]{padding-left:calc(var(--partbot-padding)*1.3)}.vs\\:text-center{text-align:center}.vs\\:text-left{text-align:left}.vs\\:font-\\(family-name\\:--partbot-font-family\\){font-family:var(--partbot-font-family)}.vs\\:font-sans{font-family:var(--vs-font-sans)}.vs\\:text-base{font-size:var(--vs-text-base);line-height:var(--tw-leading,var(--vs-text-base--line-height))}.vs\\:text-\\(length\\:--partbot-font-size\\){font-size:var(--partbot-font-size)}.vs\\:text-\\[10px\\]{font-size:10px}.vs\\:leading-\\[calc\\(var\\(--partbot-font-size\\)\\*1\\.5\\)\\]{--tw-leading:calc(var(--partbot-font-size)*1.5);line-height:calc(var(--partbot-font-size)*1.5)}.vs\\:leading-none{--tw-leading:1;line-height:1}.vs\\:leading-normal{--tw-leading:var(--vs-leading-normal);line-height:var(--vs-leading-normal)}.vs\\:font-bold{--tw-font-weight:var(--vs-font-weight-bold);font-weight:var(--vs-font-weight-bold)}.vs\\:font-bold\\!{--tw-font-weight:var(--vs-font-weight-bold)!important;font-weight:var(--vs-font-weight-bold)!important}.vs\\:font-medium{--tw-font-weight:var(--vs-font-weight-medium);font-weight:var(--vs-font-weight-medium)}.vs\\:font-normal{--tw-font-weight:var(--vs-font-weight-normal);font-weight:var(--vs-font-weight-normal)}.vs\\:font-semibold{--tw-font-weight:var(--vs-font-weight-semibold);font-weight:var(--vs-font-weight-semibold)}.vs\\:whitespace-pre-wrap{white-space:pre-wrap}.vs\\:text-\\[rgb\\(var\\(--partbot-button-label-color\\)\\)\\]{color:rgb(var(--partbot-button-label-color))}.vs\\:text-\\[rgb\\(var\\(--partbot-theme\\)\\)\\]{color:rgb(var(--partbot-theme))}.vs\\:text-\\[rgb\\(var\\(--partbot-theme\\)\\)\\]\\!{color:rgb(var(--partbot-theme))!important}.vs\\:text-black{color:var(--vs-color-black)}.vs\\:text-red-300{color:var(--vs-color-red-300)}.vs\\:text-red-300\\!{color:var(--vs-color-red-300)!important}.vs\\:text-stone-400{color:var(--vs-color-stone-400)}.vs\\:text-stone-900{color:var(--vs-color-stone-900)}.vs\\:text-white{color:var(--vs-color-white)}.vs\\:no-underline{text-decoration-line:none}.vs\\:opacity-0{opacity:0}.vs\\:opacity-75{opacity:.75}.vs\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.vs\\:shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.vs\\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.vs\\:ring-stone-200{--tw-ring-color:var(--vs-color-stone-200)}.vs\\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--vs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vs-default-transition-duration))}.vs\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--vs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vs-default-transition-duration))}.vs\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.vs\\:outline-none{--tw-outline-style:none;outline-style:none}.vs\\:placeholder\\:text-stone-600::placeholder{color:var(--vs-color-stone-600)}@media (hover:hover){.vs\\:hover\\:border-none:hover{--tw-border-style:none;border-style:none}.vs\\:hover\\:bg-theme:hover{background-color:var(--vs-color-theme)}.vs\\:hover\\:text-button-label:hover{color:var(--vs-color-button-label)}.vs\\:hover\\:text-red-500:hover{color:var(--vs-color-red-500)}.vs\\:hover\\:opacity-100:hover{opacity:1}.vs\\:hover\\:outline-none:hover{--tw-outline-style:none;outline-style:none}}.vs\\:focus\\:border-\\[rgb\\(var\\(--partbot-theme\\)\\)\\]:focus{border-color:rgb(var(--partbot-theme))}.vs\\:focus\\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.vs\\:focus\\:ring-\\[rgb\\(var\\(--partbot-theme\\)\\)\\]:focus{--tw-ring-color:rgb(var(--partbot-theme))}.vs\\:focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.vs\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.vs\\:disabled\\:text-stone-400\\!:disabled{color:var(--vs-color-stone-400)!important}.vs\\:disabled\\:opacity-100\\!:disabled{opacity:1!important}.vs\\:disabled\\:placeholder\\:text-stone-400:disabled::placeholder{color:var(--vs-color-stone-400)}@media (min-width:40rem){.vs\\:sm\\:text-\\(length\\:--partbot-font-size\\){font-size:var(--partbot-font-size)}}@media (min-width:48rem){.vs\\:md\\:col-span-3{grid-column:span 3/span 3}.vs\\:md\\:mt-3{margin-top:calc(var(--vs-spacing)*3)}.vs\\:md\\:hidden{display:none}.vs\\:md\\:hidden\\!{display:none!important}.vs\\:md\\:max-w-\\[400px\\]{max-width:400px}.vs\\:md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.vs\\:md\\:items-end{align-items:flex-end}.vs\\:md\\:justify-center{justify-content:center}.vs\\:md\\:justify-end{justify-content:flex-end}.vs\\:md\\:gap-5{gap:calc(var(--vs-spacing)*5)}.vs\\:md\\:pr-1\\.5{padding-right:calc(var(--vs-spacing)*1.5)}}@media (min-width:64rem){.vs\\:lg\\:col-span-1{grid-column:span 1/span 1}.vs\\:lg\\:mx-auto{margin-inline:auto}}.vehicle-search-btn{cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:relative!important}:where(.vehicle-search-btn>:not(:last-child)){--tw-space-x-reverse:0!important;margin-inline-start:calc(calc(var(--vs-spacing)*2)*var(--tw-space-x-reverse))!important;margin-inline-end:calc(calc(var(--vs-spacing)*2)*calc(1 - var(--tw-space-x-reverse)))!important}.vehicle-search-btn{border-radius:var(--partbot-button-border-radius);border-style:var(--tw-border-style);background-color:rgb(var(--partbot-button-color));padding-inline:var(--partbot-padding);padding-block:var(--partbot-padding);font-family:var(--partbot-font-family);font-size:var(--partbot-font-size);--tw-leading:calc(var(--partbot-font-size)*1.5);line-height:calc(var(--partbot-font-size)*1.5);--tw-font-weight:var(--vs-font-weight-medium);font-weight:var(--vs-font-weight-medium);white-space:nowrap;color:rgb(var(--partbot-button-label-color));--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--vs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vs-default-transition-duration));border-width:1px;border-color:#0000;text-decoration-line:none}@media (hover:hover){.vehicle-search-btn:hover{background-color:rgb(var(--partbot-button-hover-color));color:rgb(var(--partbot-button-hover-label-color))}}.vehicle-search-btn:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:rgb(var(--partbot-theme));--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-outline-style:none;outline-style:none}.vehicle-search-btn:disabled{pointer-events:none;opacity:.5}.vehicle-search-btn>*{pointer-events:none}@media (min-width:1024px){.vs\\:lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.vs\\:lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.vs\\:lg\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.vs\\:lg\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.vs\\:lg\\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.vs\\:lg\\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}}}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}`;
14
- function kt({ className: g }) {
15
- return /* @__PURE__ */ n("span", { className: g, children: /* @__PURE__ */ n(
2
+ import { useState as M, useEffect as L, useRef as Z, useCallback as j, useMemo as dt } from "react";
3
+ import vt from "react-dom";
4
+ import pt from "js-cookie";
5
+ import { Combobox as ht, ComboboxInput as ut, ComboboxButton as ft, ComboboxOptions as mt, ComboboxOption as gt } from "@headlessui/react";
6
+ import bt from "fuzzysearch";
7
+ import Ue from "pluralize";
8
+ import te from "clsx";
9
+ import { MeiliSearch as wt } from "meilisearch";
10
+ import yt from "lodash/debounce";
11
+ import xt from "tinycolor2";
12
+ import Ne from "posthog-js";
13
+ const kt = `@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{*,:before,:after,::backdrop{--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial}vehicle-search,vehicle-search *,vehicle-search:before,vehicle-search:after,vehicle-search::backdrop{--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial}:host,:host *,:host:before,:host:after,:host::backdrop{--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial}}@layer theme{:root,:host{--vs-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--vs-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--vs-color-red-300:oklch(80.8% .114 19.571);--vs-color-red-500:oklch(63.7% .237 25.331);--vs-color-stone-200:oklch(92.3% .003 48.717);--vs-color-stone-400:oklch(70.9% .01 56.259);--vs-color-stone-600:oklch(44.4% .011 73.639);--vs-color-stone-900:oklch(21.6% .006 56.043);--vs-color-black:#000;--vs-color-white:#fff;--vs-spacing:.25rem;--vs-text-base:1rem;--vs-text-base--line-height: 1.5 ;--vs-font-weight-normal:400;--vs-font-weight-medium:500;--vs-font-weight-semibold:600;--vs-font-weight-bold:700;--vs-leading-normal:1.5;--vs-animate-spin:spin 1s linear infinite;--vs-default-transition-duration:.15s;--vs-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--vs-default-font-family:var(--vs-font-sans);--vs-default-mono-font-family:var(--vs-font-mono);--vs-color-theme:oklch(from rgb(var(--partbot-theme))l c h/<alpha-value>);--vs-color-button-label:oklch(from rgb(var(--partbot-button-label-color))l c h/<alpha-value>)}vehicle-search,:host{--vs-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--vs-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--vs-color-red-300:oklch(80.8% .114 19.571);--vs-color-red-500:oklch(63.7% .237 25.331);--vs-color-stone-200:oklch(92.3% .003 48.717);--vs-color-stone-400:oklch(70.9% .01 56.259);--vs-color-stone-600:oklch(44.4% .011 73.639);--vs-color-stone-900:oklch(21.6% .006 56.043);--vs-color-black:#000;--vs-color-white:#fff;--vs-spacing:.25rem;--vs-text-base:1rem;--vs-text-base--line-height: 1.5 ;--vs-font-weight-normal:400;--vs-font-weight-medium:500;--vs-font-weight-semibold:600;--vs-font-weight-bold:700;--vs-leading-normal:1.5;--vs-animate-spin:spin 1s linear infinite;--vs-default-transition-duration:.15s;--vs-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--vs-default-font-family:var(--vs-font-sans);--vs-default-mono-font-family:var(--vs-font-mono);--vs-color-theme:oklch(from rgb(var(--partbot-theme))l c h/<alpha-value>);--vs-color-button-label:oklch(from rgb(var(--partbot-button-label-color))l c h/<alpha-value>)}:host{--vs-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--vs-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--vs-color-red-300:oklch(80.8% .114 19.571);--vs-color-red-500:oklch(63.7% .237 25.331);--vs-color-stone-200:oklch(92.3% .003 48.717);--vs-color-stone-400:oklch(70.9% .01 56.259);--vs-color-stone-600:oklch(44.4% .011 73.639);--vs-color-stone-900:oklch(21.6% .006 56.043);--vs-color-black:#000;--vs-color-white:#fff;--vs-spacing:.25rem;--vs-text-base:1rem;--vs-text-base--line-height: 1.5 ;--vs-font-weight-normal:400;--vs-font-weight-medium:500;--vs-font-weight-semibold:600;--vs-font-weight-bold:700;--vs-leading-normal:1.5;--vs-animate-spin:spin 1s linear infinite;--vs-default-transition-duration:.15s;--vs-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--vs-default-font-family:var(--vs-font-sans);--vs-default-mono-font-family:var(--vs-font-mono);--vs-color-theme:oklch(from rgb(var(--partbot-theme))l c h/<alpha-value>);--vs-color-button-label:oklch(from rgb(var(--partbot-button-label-color))l c h/<alpha-value>)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--vs-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--vs-default-font-feature-settings,normal);font-variation-settings:var(--vs-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--vs-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--vs-default-mono-font-feature-settings,normal);font-variation-settings:var(--vs-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--partbot-theme:79 70 229;--partbot-button-color:99 102 241;--partbot-button-hover-color:79 70 229;--partbot-button-label-color:255 255 255;--partbot-button-hover-label-color:255 255 255;--partbot-mobile-background-color:12 24 39;--partbot-button-border-radius:.375rem;--partbot-font-size:.875rem;--partbot-font-family:"Inter",Helvetica,sans-serif;--partbot-padding:.5rem}vehicle-search{--partbot-theme:79 70 229;--partbot-button-color:99 102 241;--partbot-button-hover-color:79 70 229;--partbot-button-label-color:255 255 255;--partbot-button-hover-label-color:255 255 255;--partbot-mobile-background-color:12 24 39;--partbot-button-border-radius:.375rem;--partbot-font-size:.875rem;--partbot-font-family:"Inter",Helvetica,sans-serif;--partbot-padding:.5rem}:host{--partbot-theme:79 70 229;--partbot-button-color:99 102 241;--partbot-button-hover-color:79 70 229;--partbot-button-label-color:255 255 255;--partbot-button-hover-label-color:255 255 255;--partbot-mobile-background-color:12 24 39;--partbot-button-border-radius:.375rem;--partbot-font-size:.875rem;--partbot-font-family:"Inter",Helvetica,sans-serif;--partbot-padding:.5rem}[class*="vs:"]:before,[class*="vs:"]:after,[class^=vehicle-search-]:before,[class^=vehicle-search-]:after{box-sizing:border-box;--tw-content:"";border:0 solid}[class*="vs:"],[class^=vehicle-search-]{box-sizing:border-box;border:0 solid}.vehicle-search-select{text-transform:none;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}.partbot-mmyvs-container{top:calc(var(--vs-spacing)*0);right:calc(var(--vs-spacing)*0);left:calc(var(--vs-spacing)*0);z-index:10000;background-color:rgb(var(--partbot-mobile-background-color));padding:calc(var(--vs-spacing)*8);--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--vs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vs-default-transition-duration));--tw-duration:.5s;transition-duration:.5s;position:fixed}@media (min-width:48rem){.partbot-mmyvs-container{z-index:10;padding:calc(var(--vs-spacing)*0);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-color:#0000;position:relative;top:auto;left:auto;right:auto}}.partbot-mmyvs-container{transform:translateY(-100vh)}@media (min-width:768px){.partbot-mmyvs-container{transform:translateY(0)}}.partbot-mmyvs-container.active{transform:translateY(0)}[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;--tw-shadow:0 0 #0000;background-color:#fff;border-width:1px;border-color:#6a7282;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem}:is([type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select):focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#155dfc;outline:2px solid #0000}input::placeholder,textarea::placeholder{color:#6a7282;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em}::-webkit-date-and-time-value{text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-month-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-day-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-hour-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-minute-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-second-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-millisecond-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{-webkit-print-color-adjust:exact;print-color-adjust:exact;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;-webkit-print-color-adjust:unset;print-color-adjust:unset;padding-right:.75rem}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:middle;-webkit-user-select:none;user-select:none;color:#155dfc;--tw-shadow:0 0 #0000;background-color:#fff;background-origin:border-box;border-width:1px;border-color:#6a7282;flex-shrink:0;width:1rem;height:1rem;padding:0;display:inline-block}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid #0000}[type=checkbox]:checked,[type=radio]:checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors:active){[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors:active){[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{background-color:currentColor;border-color:#0000}[type=checkbox]:indeterminate{background-color:currentColor;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}@media (forced-colors:active){[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{background-color:currentColor;border-color:#0000}[type=file]{background:unset;border-color:inherit;font-size:unset;line-height:inherit;border-width:0;border-radius:0;padding:0}[type=file]:focus{outline:1px solid buttontext;outline:1px auto -webkit-focus-ring-color}}@layer components;@layer utilities{.vs\\:pointer-events-auto{pointer-events:auto}.vs\\:pointer-events-none{pointer-events:none}.vs\\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.vs\\:absolute{position:absolute}.vs\\:fixed{position:fixed}.vs\\:relative{position:relative}.vs\\:inset-0{inset:calc(var(--vs-spacing)*0)}.vs\\:inset-y-0{inset-block:calc(var(--vs-spacing)*0)}.vs\\:right-0{right:calc(var(--vs-spacing)*0)}.vs\\:right-\\[calc\\(var\\(--partbot-font-size\\)\\*1\\.95\\)\\]{right:calc(var(--partbot-font-size)*1.95)}.vs\\:z-10{z-index:10}.vs\\:z-99999\\!{z-index:99999!important}.vs\\:m-0{margin:calc(var(--vs-spacing)*0)}.vs\\:mt-2{margin-top:calc(var(--vs-spacing)*2)}.vs\\:mt-4{margin-top:calc(var(--vs-spacing)*4)}.vs\\:mb-1{margin-bottom:calc(var(--vs-spacing)*1)}.vs\\:block{display:block}.vs\\:flex{display:flex}.vs\\:flex\\!{display:flex!important}.vs\\:grid{display:grid}.vs\\:inline-flex{display:inline-flex}.vs\\:inline-flex\\!{display:inline-flex!important}.vs\\:h-5{height:calc(var(--vs-spacing)*5)}.vs\\:h-\\[13px\\]{height:13px}.vs\\:h-\\[calc\\(var\\(--partbot-font-size\\)\\*0\\.9\\)\\]\\!{height:calc(var(--partbot-font-size)*.9)!important}.vs\\:h-full{height:100%}.vs\\:max-h-60\\!{max-height:calc(var(--vs-spacing)*60)!important}.vs\\:w-\\(--input-width\\){width:var(--input-width)}.vs\\:w-5{width:calc(var(--vs-spacing)*5)}.vs\\:w-\\[calc\\(var\\(--partbot-font-size\\)\\*0\\.9\\)\\]\\!{width:calc(var(--partbot-font-size)*.9)!important}.vs\\:w-auto\\!{width:auto!important}.vs\\:w-full{width:100%}.vs\\:w-full\\!{width:100%!important}.vs\\:shrink\\!{flex-shrink:1!important}.vs\\:shrink-0\\!{flex-shrink:0!important}.vs\\:animate-spin{animation:var(--vs-animate-spin)}.vs\\:cursor-default{cursor:default}.vs\\:cursor-pointer{cursor:pointer}.vs\\:appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.vs\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.vs\\:flex-col{flex-direction:column}.vs\\:items-center{align-items:center}.vs\\:justify-between{justify-content:space-between}.vs\\:justify-center{justify-content:center}.vs\\:justify-end{justify-content:flex-end}.vs\\:gap-3{gap:calc(var(--vs-spacing)*3)}:where(.vs\\:space-x-1\\.5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--vs-spacing)*1.5)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--vs-spacing)*1.5)*calc(1 - var(--tw-space-x-reverse)))}:where(.vs\\:space-x-\\[calc\\(var\\(--partbot-padding\\)\\*0\\.25\\)\\]>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--partbot-padding)*.25)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--partbot-padding)*.25)*calc(1 - var(--tw-space-x-reverse)))}.vs\\:overflow-auto{overflow:auto}.vs\\:overflow-hidden{overflow:hidden}.vs\\:rounded-\\(--partbot-button-border-radius\\){border-radius:var(--partbot-button-border-radius)}.vs\\:rounded-\\[min\\(var\\(--partbot-button-border-radius\\)\\,0\\.89rem\\)\\]{border-radius:min(var(--partbot-button-border-radius),.89rem)}.vs\\:border{border-style:var(--tw-border-style);border-width:1px}.vs\\:border-none{--tw-border-style:none;border-style:none}.vs\\:border-stone-200{border-color:var(--vs-color-stone-200)}.vs\\:bg-\\[rgb\\(var\\(--partbot-theme\\)\\)\\]{background-color:rgb(var(--partbot-theme))}.vs\\:bg-stone-900{background-color:var(--vs-color-stone-900)}.vs\\:bg-transparent{background-color:#0000}.vs\\:bg-white{background-color:var(--vs-color-white)}.vs\\:p-\\(--partbot-padding\\){padding:var(--partbot-padding)}.vs\\:p-2{padding:calc(var(--vs-spacing)*2)}.vs\\:px-1\\.5{padding-inline:calc(var(--vs-spacing)*1.5)}.vs\\:px-\\[calc\\(var\\(--partbot-padding\\)\\*1\\.3\\)\\]{padding-inline:calc(var(--partbot-padding)*1.3)}.vs\\:py-\\(--partbot-padding\\){padding-block:var(--partbot-padding)}.vs\\:py-1{padding-block:calc(var(--vs-spacing)*1)}.vs\\:pr-\\(--partbot-padding\\){padding-right:var(--partbot-padding)}.vs\\:pr-2{padding-right:calc(var(--vs-spacing)*2)}.vs\\:pr-10{padding-right:calc(var(--vs-spacing)*10)}.vs\\:pr-\\[calc\\(var\\(--partbot-padding\\)\\*1\\.3\\)\\]{padding-right:calc(var(--partbot-padding)*1.3)}.vs\\:pb-4{padding-bottom:calc(var(--vs-spacing)*4)}.vs\\:pl-\\[calc\\(var\\(--partbot-padding\\)\\*1\\.3\\)\\]{padding-left:calc(var(--partbot-padding)*1.3)}.vs\\:text-center{text-align:center}.vs\\:text-left{text-align:left}.vs\\:font-\\(family-name\\:--partbot-font-family\\){font-family:var(--partbot-font-family)}.vs\\:font-sans{font-family:var(--vs-font-sans)}.vs\\:text-base{font-size:var(--vs-text-base);line-height:var(--tw-leading,var(--vs-text-base--line-height))}.vs\\:text-\\(length\\:--partbot-font-size\\){font-size:var(--partbot-font-size)}.vs\\:text-\\[10px\\]{font-size:10px}.vs\\:leading-\\[calc\\(var\\(--partbot-font-size\\)\\*1\\.5\\)\\]{--tw-leading:calc(var(--partbot-font-size)*1.5);line-height:calc(var(--partbot-font-size)*1.5)}.vs\\:leading-none{--tw-leading:1;line-height:1}.vs\\:leading-normal{--tw-leading:var(--vs-leading-normal);line-height:var(--vs-leading-normal)}.vs\\:font-bold{--tw-font-weight:var(--vs-font-weight-bold);font-weight:var(--vs-font-weight-bold)}.vs\\:font-bold\\!{--tw-font-weight:var(--vs-font-weight-bold)!important;font-weight:var(--vs-font-weight-bold)!important}.vs\\:font-medium{--tw-font-weight:var(--vs-font-weight-medium);font-weight:var(--vs-font-weight-medium)}.vs\\:font-normal{--tw-font-weight:var(--vs-font-weight-normal);font-weight:var(--vs-font-weight-normal)}.vs\\:font-semibold{--tw-font-weight:var(--vs-font-weight-semibold);font-weight:var(--vs-font-weight-semibold)}.vs\\:whitespace-pre-wrap{white-space:pre-wrap}.vs\\:text-\\[rgb\\(var\\(--partbot-button-label-color\\)\\)\\]{color:rgb(var(--partbot-button-label-color))}.vs\\:text-\\[rgb\\(var\\(--partbot-theme\\)\\)\\]{color:rgb(var(--partbot-theme))}.vs\\:text-\\[rgb\\(var\\(--partbot-theme\\)\\)\\]\\!{color:rgb(var(--partbot-theme))!important}.vs\\:text-black{color:var(--vs-color-black)}.vs\\:text-red-300{color:var(--vs-color-red-300)}.vs\\:text-red-300\\!{color:var(--vs-color-red-300)!important}.vs\\:text-stone-400{color:var(--vs-color-stone-400)}.vs\\:text-stone-900{color:var(--vs-color-stone-900)}.vs\\:text-white{color:var(--vs-color-white)}.vs\\:no-underline{text-decoration-line:none}.vs\\:opacity-0{opacity:0}.vs\\:opacity-75{opacity:.75}.vs\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.vs\\:shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.vs\\:ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.vs\\:ring-stone-200{--tw-ring-color:var(--vs-color-stone-200)}.vs\\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--vs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vs-default-transition-duration))}.vs\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--vs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vs-default-transition-duration))}.vs\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.vs\\:outline-none{--tw-outline-style:none;outline-style:none}.vs\\:placeholder\\:text-stone-600::placeholder{color:var(--vs-color-stone-600)}@media (hover:hover){.vs\\:hover\\:border-none:hover{--tw-border-style:none;border-style:none}.vs\\:hover\\:bg-theme:hover{background-color:var(--vs-color-theme)}.vs\\:hover\\:text-button-label:hover{color:var(--vs-color-button-label)}.vs\\:hover\\:text-red-500:hover{color:var(--vs-color-red-500)}.vs\\:hover\\:opacity-100:hover{opacity:1}.vs\\:hover\\:outline-none:hover{--tw-outline-style:none;outline-style:none}}.vs\\:focus\\:border-\\[rgb\\(var\\(--partbot-theme\\)\\)\\]:focus{border-color:rgb(var(--partbot-theme))}.vs\\:focus\\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.vs\\:focus\\:ring-\\[rgb\\(var\\(--partbot-theme\\)\\)\\]:focus{--tw-ring-color:rgb(var(--partbot-theme))}.vs\\:focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.vs\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.vs\\:disabled\\:text-stone-400\\!:disabled{color:var(--vs-color-stone-400)!important}.vs\\:disabled\\:opacity-100\\!:disabled{opacity:1!important}.vs\\:disabled\\:placeholder\\:text-stone-400:disabled::placeholder{color:var(--vs-color-stone-400)}@media (min-width:40rem){.vs\\:sm\\:text-\\(length\\:--partbot-font-size\\){font-size:var(--partbot-font-size)}}@media (min-width:48rem){.vs\\:md\\:col-span-3{grid-column:span 3/span 3}.vs\\:md\\:mt-3{margin-top:calc(var(--vs-spacing)*3)}.vs\\:md\\:hidden{display:none}.vs\\:md\\:hidden\\!{display:none!important}.vs\\:md\\:max-w-\\[400px\\]{max-width:400px}.vs\\:md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.vs\\:md\\:items-end{align-items:flex-end}.vs\\:md\\:justify-center{justify-content:center}.vs\\:md\\:justify-end{justify-content:flex-end}.vs\\:md\\:gap-5{gap:calc(var(--vs-spacing)*5)}.vs\\:md\\:pr-1\\.5{padding-right:calc(var(--vs-spacing)*1.5)}}@media (min-width:64rem){.vs\\:lg\\:col-span-1{grid-column:span 1/span 1}.vs\\:lg\\:mx-auto{margin-inline:auto}}.vehicle-search-btn{cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:relative!important}:where(.vehicle-search-btn>:not(:last-child)){--tw-space-x-reverse:0!important;margin-inline-start:calc(calc(var(--vs-spacing)*2)*var(--tw-space-x-reverse))!important;margin-inline-end:calc(calc(var(--vs-spacing)*2)*calc(1 - var(--tw-space-x-reverse)))!important}.vehicle-search-btn{border-radius:var(--partbot-button-border-radius);border-style:var(--tw-border-style);background-color:rgb(var(--partbot-button-color));padding-inline:var(--partbot-padding);padding-block:var(--partbot-padding);font-family:var(--partbot-font-family);font-size:var(--partbot-font-size);--tw-leading:calc(var(--partbot-font-size)*1.5);line-height:calc(var(--partbot-font-size)*1.5);--tw-font-weight:var(--vs-font-weight-medium);font-weight:var(--vs-font-weight-medium);white-space:nowrap;color:rgb(var(--partbot-button-label-color));--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--vs-default-transition-timing-function));transition-duration:var(--tw-duration,var(--vs-default-transition-duration));border-width:1px;border-color:#0000;text-decoration-line:none}@media (hover:hover){.vehicle-search-btn:hover{background-color:rgb(var(--partbot-button-hover-color));color:rgb(var(--partbot-button-hover-label-color))}}.vehicle-search-btn:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:rgb(var(--partbot-theme));--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-outline-style:none;outline-style:none}.vehicle-search-btn:disabled{pointer-events:none;opacity:.5}.vehicle-search-btn>*{pointer-events:none}@media (min-width:1024px){.vs\\:lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.vs\\:lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.vs\\:lg\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.vs\\:lg\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.vs\\:lg\\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.vs\\:lg\\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}}}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}`;
14
+ function Ct({ className: m }) {
15
+ return /* @__PURE__ */ n("span", { className: m, children: /* @__PURE__ */ n(
16
16
  "svg",
17
17
  {
18
18
  xmlns: "http://www.w3.org/2000/svg",
@@ -99,11 +99,11 @@ function kt({ className: g }) {
99
99
  }
100
100
  ) });
101
101
  }
102
- function Ne({ className: g = "" }) {
102
+ function je({ className: m = "" }) {
103
103
  return /* @__PURE__ */ n(
104
104
  "svg",
105
105
  {
106
- className: g,
106
+ className: m,
107
107
  xmlns: "http://www.w3.org/2000/svg",
108
108
  width: "32",
109
109
  height: "32",
@@ -113,34 +113,34 @@ function Ne({ className: g = "" }) {
113
113
  }
114
114
  );
115
115
  }
116
- function K({
117
- label: g,
116
+ function Q({
117
+ label: m,
118
118
  items: f,
119
- selected: c,
119
+ selected: v,
120
120
  refine: D,
121
121
  showPopular: I,
122
122
  bgDark: F,
123
123
  sortOptions: A = !0,
124
- showLabel: R = !1,
124
+ showLabel: U = !1,
125
125
  isMobile: k = !1,
126
- loading: U = !1,
126
+ loading: Y = !1,
127
127
  shouldBeActive: B = !1
128
128
  // True when parent fields are selected and this field tried to load
129
129
  }) {
130
- const [X, p] = M(""), [w, y] = M(c || null), O = (i) => {
131
- y(i), p(""), !(i && i.value === (c == null ? void 0 : c.value)) && D(i);
132
- }, J = (i) => {
130
+ const [W, p] = M(""), [w, y] = M(v || null), O = (i) => {
131
+ y(i), p(""), !(i && i.value === (v == null ? void 0 : v.value)) && D(i);
132
+ }, K = (i) => {
133
133
  i.preventDefault(), i.stopPropagation(), p(""), y(null), D("");
134
134
  };
135
135
  L(() => {
136
- p(""), y(c || null);
137
- }, [c, f]);
138
- let G = /* @__PURE__ */ new Set(), x = [];
136
+ p(""), y(v || null);
137
+ }, [v, f]);
138
+ let X = /* @__PURE__ */ new Set(), x = [];
139
139
  f && (f.forEach((i) => {
140
- String(i.value).split(/,(?![^(]*\))/).forEach((m) => {
141
- m = m.trim(), m && gt(X, m.toLowerCase()) && !G.has(m.toLowerCase()) && (G.add(m.toLowerCase()), x.push({
140
+ String(i.value).split(/,(?![^(]*\))/).forEach((g) => {
141
+ g = g.trim(), g && bt(W, g.toLowerCase()) && !X.has(g.toLowerCase()) && (X.add(g.toLowerCase()), x.push({
142
142
  ...i,
143
- value: m,
143
+ value: g,
144
144
  refinement: i.value
145
145
  }));
146
146
  });
@@ -151,13 +151,13 @@ function K({
151
151
  ), x.sort(
152
152
  (i, z) => i.value.localeCompare(z.value, "en", { numeric: !0 })
153
153
  ), x = C.concat(x));
154
- const v = !x || x.length === 0;
154
+ const h = !x || x.length === 0;
155
155
  return /* @__PURE__ */ $("div", { className: "vs:relative vs:flex vs:flex-col", children: [
156
- R && /* @__PURE__ */ n(
156
+ U && /* @__PURE__ */ n(
157
157
  "span",
158
158
  {
159
159
  className: `${F ? "vs:text-white" : "vs:text-black"} vs:mb-1 vs:block vs:text-(length:--partbot-font-size) vs:leading-[calc(var(--partbot-font-size)*1.5)] vs:font-medium vs:font-(family-name:--partbot-font-family)`,
160
- children: g
160
+ children: m
161
161
  }
162
162
  ),
163
163
  k && /* @__PURE__ */ $("div", { className: "vs:relative vs:flex vs:flex-col", children: [
@@ -166,7 +166,7 @@ function K({
166
166
  {
167
167
  onChange: (i) => {
168
168
  const z = x.find(
169
- (m) => m.value.toString() === i.target.value.toString()
169
+ (g) => g.value.toString() === i.target.value.toString()
170
170
  );
171
171
  z && O(z);
172
172
  },
@@ -175,10 +175,10 @@ function K({
175
175
  disabled: !(x && x.length),
176
176
  value: w ? w.value : "",
177
177
  children: [
178
- /* @__PURE__ */ n("option", { value: "", disabled: !0, children: g }),
178
+ /* @__PURE__ */ n("option", { value: "", disabled: !0, children: m }),
179
179
  C.length > 0 ? /* @__PURE__ */ $(xe, { children: [
180
- /* @__PURE__ */ n("optgroup", { label: `Popular ${Fe(g)}`, children: C.map((i) => /* @__PURE__ */ n("option", { value: i.refinement, children: i.value }, i.value)) }),
181
- /* @__PURE__ */ n("optgroup", { label: `All ${Fe(g)}`, children: x.filter(
180
+ /* @__PURE__ */ n("optgroup", { label: `Popular ${Ue(m)}`, children: C.map((i) => /* @__PURE__ */ n("option", { value: i.refinement, children: i.value }, i.value)) }),
181
+ /* @__PURE__ */ n("optgroup", { label: `All ${Ue(m)}`, children: x.filter(
182
182
  (i) => !C.some(
183
183
  (z) => z.value === i.value
184
184
  )
@@ -187,11 +187,11 @@ function K({
187
187
  ]
188
188
  }
189
189
  ),
190
- U && /* @__PURE__ */ n("div", { className: "vs:absolute vs:inset-y-0 vs:right-[calc(var(--partbot-font-size)*1.95)] vs:items-center vs:pr-(--partbot-padding) vs:text-[rgb(var(--partbot-theme))]! vs:pointer-events-none vs:flex vs:justify-center", children: /* @__PURE__ */ n(Ne, { className: "vs:h-[calc(var(--partbot-font-size)*0.9)]! vs:w-[calc(var(--partbot-font-size)*0.9)]! vs:animate-spin vs:text-[rgb(var(--partbot-theme))]!" }) }),
191
- !U && (w == null ? void 0 : w.value) && /* @__PURE__ */ n(
190
+ Y && /* @__PURE__ */ n("div", { className: "vs:absolute vs:inset-y-0 vs:right-[calc(var(--partbot-font-size)*1.95)] vs:items-center vs:pr-(--partbot-padding) vs:text-[rgb(var(--partbot-theme))]! vs:pointer-events-none vs:flex vs:justify-center", children: /* @__PURE__ */ n(je, { className: "vs:h-[calc(var(--partbot-font-size)*0.9)]! vs:w-[calc(var(--partbot-font-size)*0.9)]! vs:animate-spin vs:text-[rgb(var(--partbot-theme))]!" }) }),
191
+ !Y && (w == null ? void 0 : w.value) && /* @__PURE__ */ n(
192
192
  "button",
193
193
  {
194
- onClick: J,
194
+ onClick: K,
195
195
  tabIndex: -1,
196
196
  className: "vs:absolute vs:inset-y-0 vs:right-[calc(var(--partbot-font-size)*1.95)] vs:items-center vs:pr-(--partbot-padding) vs:text-red-300 vs:hover:text-red-500 vs:bg-transparent vs:border-none vs:outline-none vs:p-(--partbot-padding) vs:text-(length:--partbot-font-size) vs:leading-[calc(var(--partbot-font-size)*1.5)] vs:font-medium vs:transition vs:pointer-events-auto vs:flex vs:justify-center",
197
197
  children: /* @__PURE__ */ n(
@@ -210,32 +210,32 @@ function K({
210
210
  )
211
211
  ] }),
212
212
  !k && /* @__PURE__ */ $(
213
- pt,
213
+ ht,
214
214
  {
215
215
  value: w || null,
216
216
  onChange: O,
217
217
  virtual: { options: x },
218
- disabled: v,
218
+ disabled: h,
219
219
  immediate: !0,
220
220
  children: [
221
221
  /* @__PURE__ */ $("div", { className: "vs:flex vs:h-full", children: [
222
222
  /* @__PURE__ */ n(
223
- ht,
223
+ ut,
224
224
  {
225
225
  autoComplete: "off",
226
226
  spellCheck: "false",
227
- placeholder: v && B ? "N/A" : g,
227
+ placeholder: h && B ? "N/A" : m,
228
228
  className: "vs:w-full vs:cursor-default vs:rounded-(--partbot-button-border-radius) vs:border vs:border-stone-200 vs:bg-white vs:py-(--partbot-padding) vs:pl-[calc(var(--partbot-padding)*1.3)] vs:pr-10 vs:text-left vs:shadow-sm vs:focus:border-[rgb(var(--partbot-theme))] vs:focus:outline-none vs:focus:ring-1 vs:focus:ring-[rgb(var(--partbot-theme))] vs:text-(length:--partbot-font-size) vs:leading-[calc(var(--partbot-font-size)*1.5)] vs:font-(family-name:--partbot-font-family) vs:text-stone-900 vs:placeholder:text-stone-600 vs:disabled:placeholder:text-stone-400 vs:disabled:cursor-not-allowed",
229
229
  displayValue: (i) => (i == null ? void 0 : i.value) || "",
230
230
  onChange: (i) => p(i.target.value),
231
- title: g
231
+ title: m
232
232
  }
233
233
  ),
234
234
  /* @__PURE__ */ $("div", { className: "vs:absolute vs:pointer-events-none vs:h-full vs:right-0 vs:flex vs:space-x-[calc(var(--partbot-padding)*0.25)] vs:items-center", children: [
235
235
  (w == null ? void 0 : w.value) && /* @__PURE__ */ n(
236
236
  "button",
237
237
  {
238
- onClick: J,
238
+ onClick: K,
239
239
  tabIndex: -1,
240
240
  className: "vs:inset-y-0 vs:pr-2 vs:text-red-300 vs:hover:text-red-500 vs:bg-transparent vs:border-none vs:outline-none vs:p-2 vs:text-(length:--partbot-font-size) vs:leading-[calc(var(--partbot-font-size)*1.5)] vs:font-medium vs:transition vs:pointer-events-auto vs:flex vs:items-center vs:justify-center vs:cursor-pointer",
241
241
  children: /* @__PURE__ */ n(
@@ -252,7 +252,7 @@ function K({
252
252
  )
253
253
  }
254
254
  ),
255
- /* @__PURE__ */ n(ut, { className: "vs:inset-y-0 vs:flex vs:items-center vs:pr-[calc(var(--partbot-padding)*1.3)] vs:pointer-events-auto vs:bg-transparent vs:border-none vs:outline-none", children: U ? /* @__PURE__ */ n(Ne, { className: "vs:h-[calc(var(--partbot-font-size)*0.9)]! vs:w-[calc(var(--partbot-font-size)*0.9)]! vs:text-stone-400 vs:animate-spin" }) : /* @__PURE__ */ n(
255
+ /* @__PURE__ */ n(ft, { className: "vs:inset-y-0 vs:flex vs:items-center vs:pr-[calc(var(--partbot-padding)*1.3)] vs:pointer-events-auto vs:bg-transparent vs:border-none vs:outline-none", children: Y ? /* @__PURE__ */ n(je, { className: "vs:h-[calc(var(--partbot-font-size)*0.9)]! vs:w-[calc(var(--partbot-font-size)*0.9)]! vs:text-stone-400 vs:animate-spin" }) : /* @__PURE__ */ n(
256
256
  "svg",
257
257
  {
258
258
  className: "vs:h-[calc(var(--partbot-font-size)*0.9)]! vs:w-[calc(var(--partbot-font-size)*0.9)]! vs:text-stone-400",
@@ -267,39 +267,39 @@ function K({
267
267
  ] })
268
268
  ] }),
269
269
  /* @__PURE__ */ n(
270
- ft,
270
+ mt,
271
271
  {
272
272
  portal: !0,
273
273
  anchor: "bottom start",
274
274
  className: "vs:w-(--input-width) vs:z-99999! vs:max-h-60! vs:overflow-auto vs:rounded-[min(var(--partbot-button-border-radius),0.89rem)] vs:bg-white vs:py-1 vs:text-base vs:shadow-lg vs:ring-1 vs:ring-stone-200 vs:focus:outline-none vs:sm:text-(length:--partbot-font-size) empty:vs:invisible vs:mt-2",
275
275
  children: ({ option: i }) => {
276
276
  const z = i && C.some(
277
- (m) => m.value === i.value
277
+ (g) => g.value === i.value
278
278
  );
279
279
  return /* @__PURE__ */ n(
280
- mt,
280
+ gt,
281
281
  {
282
282
  value: i,
283
- className: ({ focus: m }) => re(
283
+ className: ({ focus: g }) => te(
284
284
  "vs:group vs:relative vs:w-full vs:cursor-default vs:py-(--partbot-padding) vs:px-[calc(var(--partbot-padding)*1.3)] vs:text-left vs:border-none",
285
- m ? "vs:bg-[rgb(var(--partbot-theme))] vs:text-[rgb(var(--partbot-button-label-color))]" : "vs:bg-white vs:text-stone-900 vs:hover:bg-theme vs:hover:text-button-label",
285
+ g ? "vs:bg-[rgb(var(--partbot-theme))] vs:text-[rgb(var(--partbot-button-label-color))]" : "vs:bg-white vs:text-stone-900 vs:hover:bg-theme vs:hover:text-button-label",
286
286
  z && "vs:font-bold!"
287
287
  ),
288
- children: ({ selected: m }) => /* @__PURE__ */ $("div", { className: "vs:flex vs:w-full vs:items-center vs:justify-between", children: [
288
+ children: ({ selected: g }) => /* @__PURE__ */ $("div", { className: "vs:flex vs:w-full vs:items-center vs:justify-between", children: [
289
289
  /* @__PURE__ */ n(
290
290
  "span",
291
291
  {
292
- className: re(
293
- i.value === (c == null ? void 0 : c.value) ? "vs:font-semibold" : "vs:font-normal",
292
+ className: te(
293
+ i.value === (v == null ? void 0 : v.value) ? "vs:font-semibold" : "vs:font-normal",
294
294
  "vs:block vs:font-(family-name:--partbot-font-family) vs:whitespace-pre-wrap vs:text-left vs:text-(length:--partbot-font-size) vs:leading-none"
295
295
  ),
296
296
  children: i.value
297
297
  }
298
298
  ),
299
- i.value === (c == null ? void 0 : c.value) && /* @__PURE__ */ n(
299
+ i.value === (v == null ? void 0 : v.value) && /* @__PURE__ */ n(
300
300
  "span",
301
301
  {
302
- className: re(
302
+ className: te(
303
303
  "vs:text-[rgb(var(--partbot-theme))]",
304
304
  "vs:flex vs:items-center group-vs:hover:text-white"
305
305
  ),
@@ -329,50 +329,52 @@ function K({
329
329
  ] });
330
330
  }
331
331
  console.info("Vehicle Search powered by Partbot https://use.partbot.io");
332
- function ce(g = [], f = []) {
333
- const c = [];
334
- return g.forEach((D) => {
332
+ function ce(m = [], f = []) {
333
+ const v = [];
334
+ return m.forEach((D) => {
335
335
  const [I, ...F] = D.split(":"), A = F.join(":");
336
336
  if (A.includes(" > ")) {
337
- const R = A.split(" > "), k = R[R.length - 1].trim();
338
- if (I !== "make" && R.length >= 2) {
339
- const U = R[0].trim();
340
- c.push(`make = "${U}"`);
337
+ const U = A.split(" > "), k = U[U.length - 1].trim();
338
+ if (I !== "make" && U.length >= 2) {
339
+ const Y = U[0].trim();
340
+ v.push(`make = "${Y}"`);
341
341
  }
342
- c.push(`${I} = "${k}"`);
342
+ v.push(`${I} = "${k}"`);
343
343
  } else
344
- c.push(`${I} = "${A}"`);
344
+ v.push(`${I} = "${A}"`);
345
345
  }), f.forEach((D) => {
346
- c.push(D);
347
- }), c.length > 0 ? c.join(" AND ") : null;
346
+ v.push(D);
347
+ }), v.length > 0 ? v.join(" AND ") : null;
348
348
  }
349
- function Ct({
350
- apiKey: g,
349
+ function _t({
350
+ apiKey: m,
351
351
  makes: f = "",
352
- models: c = "",
352
+ models: v = "",
353
353
  callbackUrl: D = "",
354
354
  layout: I = "row",
355
355
  fields: F,
356
356
  fieldPrefix: A = "",
357
- showBranding: R = !0,
357
+ showBranding: U = !0,
358
358
  showLabels: k = !1,
359
- mobileFullWidthButton: U = !0,
359
+ mobileFullWidthButton: Y = !0,
360
360
  mobileDrawer: B = !0,
361
- modifyQueryString: X = !0,
361
+ modifyQueryString: W = !0,
362
362
  onChange: p,
363
363
  buttonLabel: w = "Search",
364
364
  showButton: y = !0,
365
365
  onSubmit: O,
366
- store: J,
367
- useStoreVehicles: G = !0,
366
+ store: K,
367
+ useStoreVehicles: X = !0,
368
368
  fieldOrder: x = "MMY",
369
369
  // "MMY" (Make→Model→Year) or "YMM" (Year→Make→Model)
370
370
  enableFeatureFlags: C = !1,
371
371
  // Use api.cartbot.io instead of api.partbot.io
372
- yearOptional: v = !1
372
+ yearOptional: h = !1,
373
373
  // Make year selection optional, only requiring make + model
374
+ mobileButtonLabel: i = "Select Vehicle"
375
+ // Label for mobile drawer trigger button
374
376
  }) {
375
- const i = Z(null), z = Z(null), m = Z(null), ee = Z(null), Y = Z(null), ie = Z(null), ke = Z(null), S = Z(null), W = Z(!1), _ = x === "YMM", [ve, Ce] = M([]), [pe, _e] = M([]), [ne, se] = M([]), [Ue, he] = M([]), [Ye, ue] = M([]), [Te, fe] = M([]), [Ze, me] = M([]), [Oe, ge] = M([]), He = Z([]), [oe, ze] = M([]), [e, H] = M({
377
+ const z = Z(null), g = Z(null), ae = Z(null), G = Z(null), R = Z(null), ke = Z(null), Ce = Z(null), S = Z(null), J = Z(!1), _ = x === "YMM", [ve, _e] = M([]), [pe, ze] = M([]), [ne, se] = M([]), [Re, he] = M([]), [Te, ue] = M([]), [Ze, fe] = M([]), [Oe, me] = M([]), [He, ge] = M([]), qe = Z([]), [re, Se] = M([]), [e, H] = M({
376
378
  make: null,
377
379
  model: null,
378
380
  year: null,
@@ -381,25 +383,25 @@ function Ct({
381
383
  variant: null,
382
384
  engine: null,
383
385
  engine_capacity: null
384
- }), [qe, Se] = M(!1), je = Z([
386
+ }), [Qe, Me] = M(!1), Ae = Z([
385
387
  "body",
386
388
  "series",
387
389
  "variant",
388
390
  "engine",
389
391
  "engine_capacity"
390
392
  ]), be = Z(
391
- F && F.length && je.current ? F.split(",").filter((t) => {
393
+ F && F.length && Ae.current ? F.split(",").filter((t) => {
392
394
  var r;
393
- return (r = je.current) == null ? void 0 : r.includes(t);
395
+ return (r = Ae.current) == null ? void 0 : r.includes(t);
394
396
  }) : null
395
- ), [q, Qe] = M(!1);
397
+ ), [q, Ke] = M(!1);
396
398
  L(() => {
397
399
  const t = navigator.userAgent;
398
- Qe(
400
+ Ke(
399
401
  /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
400
402
  t
401
403
  )
402
- ), Ee.__loaded || Ee.init("phc_mLZkVvweXDfwCPYS7kSCxoAxgQUkw8fgyDiplKnleGw", {
404
+ ), Ne.__loaded || Ne.init("phc_mLZkVvweXDfwCPYS7kSCxoAxgQUkw8fgyDiplKnleGw", {
403
405
  api_host: "https://app.posthog.com",
404
406
  autocapture: !1,
405
407
  capture_pageview: !1,
@@ -407,129 +409,129 @@ function Ct({
407
409
  disable_session_recording: !1
408
410
  });
409
411
  }, []);
410
- const [ae, Ke] = M({}), [Mt, Je] = M(""), Ae = j(async () => {
411
- if (!g)
412
+ const [oe, Je] = M({}), [$t, We] = M(""), Pe = j(async () => {
413
+ if (!m)
412
414
  return;
413
415
  const r = `${C ? "https://api.cartbot.io" : "https://api.partbot.io"}/v1/vehicles/auth`;
414
416
  try {
415
- const o = await fetch(r, {
417
+ const a = await fetch(r, {
416
418
  method: "POST",
417
419
  headers: {
418
420
  "Content-Type": "application/json",
419
- Authorization: `Bearer ${g}`,
421
+ Authorization: `Bearer ${m}`,
420
422
  referrerPolicy: "no-referrer"
421
423
  },
422
424
  body: JSON.stringify(
423
425
  (() => {
424
- const N = { use_store_vehicles: G };
425
- return J && (N.store = J), N;
426
+ const N = { use_store_vehicles: X };
427
+ return K && (N.store = K), N;
426
428
  })()
427
429
  )
428
430
  });
429
- if (!o.ok)
430
- throw new Error(`Error: ${o.status} ${o.statusText}`);
431
+ if (!a.ok)
432
+ throw new Error(`Error: ${a.status} ${a.statusText}`);
431
433
  const {
432
- merchant: a,
433
- vehicle_makes: l,
434
- vehicle_models: s,
435
- meilisearch_search_key: d,
436
- meilisearch_index_name: h,
434
+ merchant: o,
435
+ vehicle_makes: s,
436
+ vehicle_models: l,
437
+ meilisearch_search_key: c,
438
+ meilisearch_index_name: d,
437
439
  algolia_search_key: E,
438
440
  // Fallback for backward compatibility
439
- algolia_index_name: Q,
441
+ algolia_index_name: ie,
440
442
  // Fallback for backward compatibility
441
443
  store_index_name: u,
442
444
  store_popular_makes: b,
443
445
  // Array of popular make values for this store (from PostHog)
444
446
  store_popular_models: V
445
447
  // Object mapping makes to popular models: { "TOYOTA": ["HILUX", "LANDCRUISER"], ... }
446
- } = await o.json();
447
- z.current = a, m.current = (l || []).map((N) => ({
448
+ } = await a.json();
449
+ g.current = o, ae.current = (s || []).map((N) => ({
448
450
  ...N,
449
451
  refinement: N.value
450
- })), ee.current = Array.isArray(s) ? s.map((N) => N && N.value ? String(N.value).trim() : "").filter(Boolean) : [], Y.current = Array.isArray(b) ? b.map((N) => String(N).trim().toUpperCase()) : null, console.log(
452
+ })), G.current = Array.isArray(l) ? l.map((N) => N && N.value ? String(N.value).trim() : "").filter(Boolean) : [], R.current = Array.isArray(b) ? b.map((N) => String(N).trim().toUpperCase()) : null, console.log(
451
453
  "[VehicleSearch] PostHog popular makes:",
452
- Y.current
453
- ), ie.current = V || null, console.log(
454
+ R.current
455
+ ), ke.current = V || null, console.log(
454
456
  "[VehicleSearch] PostHog popular models:",
455
- ie.current
456
- ), Ke({
457
+ ke.current
458
+ ), Je({
457
459
  searchKey: "f0be4e6a192a51ad360e4f5886be389d34334bb930bb32e5cd6d32ceddba17ff",
458
460
  indexName: "otto_v1_vehicles_production",
459
461
  storeIndexName: u || "shopify_partbot-app-test_development"
460
462
  });
461
- } catch (o) {
462
- console.error("[VehicleSearch] Auth failed:", o), Je(o);
463
+ } catch (a) {
464
+ console.error("[VehicleSearch] Auth failed:", a), We(a);
463
465
  }
464
- }, [g, J, G, C]);
466
+ }, [m, K, X, C]);
465
467
  L(() => {
466
- Ae();
467
- }, [Ae]), L(() => {
468
- if (ae.searchKey) {
468
+ Pe();
469
+ }, [Pe]), L(() => {
470
+ if (oe.searchKey) {
469
471
  try {
470
- ke.current = new bt({
472
+ Ce.current = new wt({
471
473
  host: "https://search.partbot.io",
472
- apiKey: ae.searchKey
473
- }), S.current = ke.current.index(ae.indexName);
474
+ apiKey: oe.searchKey
475
+ }), S.current = Ce.current.index(oe.indexName);
474
476
  } catch (t) {
475
477
  console.error("[VehicleSearch] Failed to initialize Meilisearch:", t);
476
478
  }
477
479
  return () => {
478
- ke.current = null;
480
+ Ce.current = null;
479
481
  };
480
482
  }
481
- }, [ae.searchKey, g]);
482
- const [T, We] = M(!1), Pe = j(() => {
483
- function t(s) {
484
- if (!s) return "rgba(0,0,0,1)";
485
- var d = r(), h = window.getComputedStyle(s).backgroundColor;
486
- return h !== d ? h : s.parentElement ? t(s.parentElement) : "rgba(255,255,255,1)";
483
+ }, [oe.searchKey, m]);
484
+ const [T, Xe] = M(!1), Ve = j(() => {
485
+ function t(l) {
486
+ if (!l) return "rgba(0,0,0,1)";
487
+ var c = r(), d = window.getComputedStyle(l).backgroundColor;
488
+ return d !== c ? d : l.parentElement ? t(l.parentElement) : "rgba(255,255,255,1)";
487
489
  }
488
490
  function r() {
489
- var s = document.createElement("div");
490
- document.head.appendChild(s);
491
- var d = window.getComputedStyle(s).backgroundColor;
492
- return document.head.removeChild(s), d;
491
+ var l = document.createElement("div");
492
+ document.head.appendChild(l);
493
+ var c = window.getComputedStyle(l).backgroundColor;
494
+ return document.head.removeChild(l), c;
493
495
  }
494
- const o = document.querySelector("vehicle-search");
495
- let a;
496
- o ? a = t(o) : a = t(i.current);
497
- const l = yt(a).isDark();
498
- We(l);
496
+ const a = document.querySelector("vehicle-search");
497
+ let o;
498
+ a ? o = t(a) : o = t(z.current);
499
+ const s = xt(o).isDark();
500
+ Xe(s);
499
501
  }, []);
500
502
  L(() => {
501
503
  async function t() {
502
- if (!(v ? e.make && e.model : e.make) || !S.current)
504
+ if (!e.make || !S.current)
503
505
  return;
504
- let o = [], a = [];
505
- e.make && o.push(`make:${e.make.refinement}`), e.model && o.push(
506
+ let r = [], a = [];
507
+ e.make && r.push(`make:${e.make.refinement}`), e.model && r.push(
506
508
  `model:${e.make.refinement} > ${e.model.refinement}`
507
509
  ), e.year && (a = [
508
510
  `year_from <= ${e.year.value}`,
509
511
  `year_to >= ${e.year.value}`
510
- ]), e.body && o.push(
512
+ ]), e.body && r.push(
511
513
  `body:${e.make.refinement} > ${e.model.refinement} > ${e.body.refinement}`
512
- ), e.series && o.push(`series:${e.series.refinement}`), e.engine && o.push(`engine:${e.engine.refinement}`), e.engine_capacity && o.push(
514
+ ), e.series && r.push(`series:${e.series.refinement}`), e.engine && r.push(`engine:${e.engine.refinement}`), e.engine_capacity && r.push(
513
515
  `engine_capacity:${e.engine_capacity.refinement}`
514
516
  );
515
517
  let s = (await S.current.search("", {
516
- filter: ce(o, a),
518
+ filter: ce(r, a),
517
519
  attributesToRetrieve: ["otto_id"],
518
520
  limit: 500
519
521
  // Reduced from 1000 for faster queries
520
- })).hits.map((E) => E.otto_id);
521
- ze(s);
522
- let h = {
522
+ })).hits.map((d) => d.otto_id);
523
+ Se(s);
524
+ let c = {
523
525
  ...Object.fromEntries(
524
- Object.entries(e || {}).map(([E, Q]) => [E, Q && Q.value || null]).filter(([E, Q]) => Q !== null)
526
+ Object.entries(e || {}).map(([d, E]) => [d, E && E.value || null]).filter(([d, E]) => E !== null)
525
527
  ),
526
- merchant: z.current
528
+ merchant: g.current
527
529
  };
528
- Ee.capture("vehicle select", h);
530
+ Ne.capture("vehicle select", c);
529
531
  }
530
532
  t();
531
- }, [e, S, v]);
532
- const Me = (t) => A ? `${A}${t}` : t, Xe = (t) => A ? t.replace(new RegExp(`^${A}`), "") : t, Ge = j(() => {
533
+ }, [e, S, h]);
534
+ const $e = (t) => A ? `${A}${t}` : t, Ge = (t) => A ? t.replace(new RegExp(`^${A}`), "") : t, et = j(() => {
533
535
  const t = new URL(window.location.href).searchParams, r = [
534
536
  "make",
535
537
  "model",
@@ -538,69 +540,69 @@ function Ct({
538
540
  "series",
539
541
  "engine",
540
542
  "engine_capacity"
541
- ].map(Me), o = Object.fromEntries(
542
- [...t.entries()].filter(([a]) => r.includes(a)).map(([a, l]) => [Xe(a), { value: l, refinement: l }])
543
+ ].map($e), a = Object.fromEntries(
544
+ [...t.entries()].filter(([o]) => r.includes(o)).map(([o, s]) => [Ge(o), { value: s, refinement: s }])
543
545
  );
544
- H(o);
545
- }, []), P = j(({ query: t, value: r, remove: o }) => {
546
- if (X && "URLSearchParams" in window) {
547
- let a = new URLSearchParams(window.location.search);
548
- t = Me(t), t && r && a.set(t, r), t && !r && a.delete(t), o && o.forEach((s) => {
549
- s = Me(s), a.delete(s);
546
+ H(a);
547
+ }, []), P = j(({ query: t, value: r, remove: a }) => {
548
+ if (W && "URLSearchParams" in window) {
549
+ let o = new URLSearchParams(window.location.search);
550
+ t = $e(t), t && r && o.set(t, r), t && !r && o.delete(t), a && a.forEach((l) => {
551
+ l = $e(l), o.delete(l);
550
552
  });
551
- const l = window.location.pathname + "?" + a.toString();
552
- window.history.pushState(null, "", l);
553
+ const s = window.location.pathname + "?" + o.toString();
554
+ window.history.pushState(null, "", s);
553
555
  }
554
- }, []), et = j(() => {
555
- var o;
556
+ }, []), tt = j(() => {
557
+ var a;
556
558
  const t = {
557
- vehicle_ids: oe,
558
- vehicle: (o = e == null ? void 0 : e.make) != null && o.value ? e : {}
559
+ vehicle_ids: re,
560
+ vehicle: (a = e == null ? void 0 : e.make) != null && a.value ? e : {}
559
561
  };
560
562
  O && O(t);
561
563
  const r = new CustomEvent("vehicle-search-submit", {
562
564
  detail: t
563
565
  });
564
566
  document.dispatchEvent(r), setTimeout(() => {
565
- Se(!1);
567
+ Me(!1);
566
568
  }, 900);
567
- }, [oe, O]), Ve = j(() => {
568
- var o, a, l, s, d, h, E, Q, u;
569
+ }, [re, O]), Le = j(() => {
570
+ var a, o, s, l, c, d, E, ie, u;
569
571
  const t = {
570
- vehicle_ids: oe,
571
- vehicle: (o = e == null ? void 0 : e.make) != null && o.value ? e : {}
572
+ vehicle_ids: re,
573
+ vehicle: (a = e == null ? void 0 : e.make) != null && a.value ? e : {}
572
574
  };
573
575
  p && p(t);
574
576
  const r = new CustomEvent("vehicle-search-change", {
575
577
  detail: t
576
578
  });
577
- if (W.current === !0 && !localStorage.getItem("partbot_plate_details")) {
579
+ if (J.current === !0 && !localStorage.getItem("partbot_plate_details")) {
578
580
  const b = JSON.stringify({
579
- description: `${((a = e.make) == null ? void 0 : a.value) || ""} ${((l = e.model) == null ? void 0 : l.value) || ""} ${((s = e.year) == null ? void 0 : s.value) || ""} ${((d = e.body) == null ? void 0 : d.value) || ""} ${((h = e.series) == null ? void 0 : h.value) || ""} ${((E = e.variant) == null ? void 0 : E.value) || ""} ${((Q = e.engine) == null ? void 0 : Q.value) || ""} ${((u = e.engine_capacity) == null ? void 0 : u.value) || ""}`.trim(),
580
- vehicle_ids: oe,
581
- vehicle: e ? Object.entries(e).reduce((V, [N, te]) => (V[N] = te != null && te.value ? te.value : {}, V), {}) : {}
581
+ description: `${((o = e.make) == null ? void 0 : o.value) || ""} ${((s = e.model) == null ? void 0 : s.value) || ""} ${((l = e.year) == null ? void 0 : l.value) || ""} ${((c = e.body) == null ? void 0 : c.value) || ""} ${((d = e.series) == null ? void 0 : d.value) || ""} ${((E = e.variant) == null ? void 0 : E.value) || ""} ${((ie = e.engine) == null ? void 0 : ie.value) || ""} ${((u = e.engine_capacity) == null ? void 0 : u.value) || ""}`.trim(),
582
+ vehicle_ids: re,
583
+ vehicle: e ? Object.entries(e).reduce((V, [N, ee]) => (V[N] = ee != null && ee.value ? ee.value : {}, V), {}) : {}
582
584
  });
583
585
  localStorage.setItem(
584
586
  "partbot_selected_vehicle",
585
587
  b
586
- ), vt.set("partbot_selected_vehicle", b, {
588
+ ), pt.set("partbot_selected_vehicle", b, {
587
589
  secure: !0
588
590
  });
589
591
  }
590
- document.dispatchEvent(r), He.current = oe, setTimeout(() => {
591
- Se(!1);
592
+ document.dispatchEvent(r), qe.current = re, setTimeout(() => {
593
+ Me(!1);
592
594
  }, 900);
593
- }, [oe, p]), we = ct(
594
- () => wt(Ve, 100),
595
- [Ve]
595
+ }, [re, p]), we = dt(
596
+ () => yt(Le, 100),
597
+ [Le]
596
598
  );
597
599
  L(() => {
598
600
  we();
599
- }, [oe, we]), L(() => () => {
601
+ }, [re, we]), L(() => () => {
600
602
  we.cancel();
601
603
  }, [we]), L(() => {
602
- ae.searchKey && (_ || it(), Ge());
603
- }, [ae.searchKey, _]), L(() => {
604
+ oe.searchKey && (_ || st(), et());
605
+ }, [oe.searchKey, _]), L(() => {
604
606
  _ && S.current && ne.length === 0 && !e.year && (console.log(
605
607
  "[VehicleSearch] YMM mode: Loading year range from dataset..."
606
608
  ), S.current.search("", {
@@ -612,37 +614,37 @@ function Ct({
612
614
  t.length,
613
615
  "hits for year range"
614
616
  );
615
- const r = t.map((d) => d.year_from).filter(Boolean), o = t.map((d) => d.year_to).filter(Boolean), a = Math.min(...r), l = Math.max(...o);
617
+ const r = t.map((c) => c.year_from).filter(Boolean), a = t.map((c) => c.year_to).filter(Boolean), o = Math.min(...r), s = Math.max(...a);
616
618
  console.log(
617
619
  "[VehicleSearch] YMM mode: Year range:",
618
- a,
620
+ o,
619
621
  "-",
620
- l
622
+ s
621
623
  );
622
- const s = Array.from(
623
- { length: l - a + 1 },
624
- (d, h) => ({ value: a + h, refinement: a + h })
624
+ const l = Array.from(
625
+ { length: s - o + 1 },
626
+ (c, d) => ({ value: o + d, refinement: o + d })
625
627
  ).reverse();
626
628
  console.log(
627
629
  "[VehicleSearch] YMM mode: Setting",
628
- s.length,
630
+ l.length,
629
631
  "years"
630
- ), se(s);
632
+ ), se(l);
631
633
  }).catch((t) => {
632
634
  console.error("[VehicleSearch] Error loading year range:", t);
633
635
  }));
634
- }, [_, ae.searchKey, ne.length, e.year]), L(() => {
635
- typeof document > "u" || Pe();
636
- }, [Pe]);
637
- const Le = j(
636
+ }, [_, oe.searchKey, ne.length, e.year]), L(() => {
637
+ typeof document > "u" || Ve();
638
+ }, [Ve]);
639
+ const Ie = j(
638
640
  (t) => {
639
- W.current = !0, _e([]), !_ && !v && se([]), he([]), ue([]), fe([]), ge([]), me([]), H((r) => ({
641
+ J.current = !0, ze([]), !_ && !h && se([]), he([]), ue([]), fe([]), ge([]), me([]), H((r) => ({
640
642
  make: t,
641
- year: _ || v ? r.year : null
643
+ year: _ || h ? r.year : null
642
644
  })), P({
643
645
  query: "make",
644
646
  value: (t == null ? void 0 : t.value) ?? "",
645
- remove: _ ? ["model", "body", "series", "engine", "variant", "engine_capacity"] : v ? [
647
+ remove: _ ? ["model", "body", "series", "engine", "variant", "engine_capacity"] : h ? [
646
648
  "model",
647
649
  "body",
648
650
  "series",
@@ -658,25 +660,25 @@ function Ct({
658
660
  "variant",
659
661
  "engine_capacity"
660
662
  ]
661
- }), t || ze([]);
663
+ }), t || Se([]);
662
664
  },
663
- [P, _, v]
664
- ), Ie = j(
665
+ [P, _, h]
666
+ ), Be = j(
665
667
  (t) => {
666
- W.current = !0, H((r) => ({
668
+ J.current = !0, H((r) => ({
667
669
  ...r,
668
670
  model: t !== "" ? t : null,
669
- year: _ || v ? r.year : null,
671
+ year: _ || h ? r.year : null,
670
672
  // Preserve year in YMM mode or yearOptional mode
671
673
  body: null,
672
674
  series: null,
673
675
  variant: null,
674
676
  engine: null,
675
677
  engine_capacity: null
676
- })), !_ && !v && se([]), he([]), ue([]), fe([]), ge([]), me([]), P({
678
+ })), !_ && !h && se([]), he([]), ue([]), fe([]), ge([]), me([]), P({
677
679
  query: "model",
678
680
  value: (t == null ? void 0 : t.value) ?? "",
679
- remove: _ ? ["body", "series", "engine", "variant", "engine_capacity"] : v ? ["body", "series", "engine", "variant", "engine_capacity"] : [
681
+ remove: _ ? ["body", "series", "engine", "variant", "engine_capacity"] : h ? ["body", "series", "engine", "variant", "engine_capacity"] : [
680
682
  "year",
681
683
  "body",
682
684
  "series",
@@ -686,12 +688,12 @@ function Ct({
686
688
  ]
687
689
  });
688
690
  },
689
- [P, _, v]
690
- ), Be = j(
691
+ [P, _, h]
692
+ ), De = j(
691
693
  (t) => {
692
- W.current = !0, _ ? (Ce([]), _e([]), H({
694
+ J.current = !0, _ ? (_e([]), ze([]), H({
693
695
  year: t !== "" ? t : null
694
- }), (!t || t === "") && se([])) : H(v ? (r) => ({
696
+ }), (!t || t === "") && se([])) : H(h ? (r) => ({
695
697
  ...r,
696
698
  year: t !== "" ? t : null
697
699
  }) : (r) => ({
@@ -702,7 +704,7 @@ function Ct({
702
704
  variant: null,
703
705
  engine: null,
704
706
  engine_capacity: null
705
- })), v || (he([]), ue([]), fe([]), ge([]), me([])), P({
707
+ })), h || (he([]), ue([]), fe([]), ge([]), me([])), P({
706
708
  query: "year",
707
709
  value: (t == null ? void 0 : t.value) ?? "",
708
710
  remove: _ ? [
@@ -713,13 +715,13 @@ function Ct({
713
715
  "variant",
714
716
  "engine",
715
717
  "engine_capacity"
716
- ] : v ? [] : ["body", "series", "variant", "engine", "engine_capacity"]
717
- }), !v && (!t || t === "") && ze([]);
718
+ ] : h ? [] : ["body", "series", "variant", "engine", "engine_capacity"]
719
+ }), !h && (!t || t === "") && Se([]);
718
720
  },
719
- [P, _, v]
720
- ), tt = j(
721
+ [P, _, h]
722
+ ), rt = j(
721
723
  (t) => {
722
- W.current = !0, H((r) => ({
724
+ J.current = !0, H((r) => ({
723
725
  ...r,
724
726
  body: t !== "" ? t : null
725
727
  })), P({
@@ -728,9 +730,9 @@ function Ct({
728
730
  });
729
731
  },
730
732
  [P]
731
- ), rt = j(
733
+ ), ot = j(
732
734
  (t) => {
733
- W.current = !0, H((r) => ({
735
+ J.current = !0, H((r) => ({
734
736
  ...r,
735
737
  series: t !== "" ? t : null
736
738
  })), P({
@@ -739,9 +741,9 @@ function Ct({
739
741
  });
740
742
  },
741
743
  [P]
742
- ), ot = j(
744
+ ), at = j(
743
745
  (t) => {
744
- W.current = !0, H((r) => ({
746
+ J.current = !0, H((r) => ({
745
747
  ...r,
746
748
  variant: t !== "" ? t : null
747
749
  })), P({
@@ -750,9 +752,9 @@ function Ct({
750
752
  });
751
753
  },
752
754
  [P]
753
- ), at = j(
755
+ ), nt = j(
754
756
  (t) => {
755
- W.current = !0, H((r) => ({
757
+ J.current = !0, H((r) => ({
756
758
  ...r,
757
759
  engine: t !== "" ? t : null
758
760
  })), P({
@@ -761,9 +763,9 @@ function Ct({
761
763
  });
762
764
  },
763
765
  [P]
764
- ), nt = j(
766
+ ), it = j(
765
767
  (t) => {
766
- W.current = !0, H((r) => ({
768
+ J.current = !0, H((r) => ({
767
769
  ...r,
768
770
  engine_capacity: t !== "" ? t : null
769
771
  })), P({
@@ -780,67 +782,67 @@ function Ct({
780
782
  filter: `year_from <= ${e.year.value} AND year_to >= ${e.year.value}`,
781
783
  attributesToRetrieve: ["make", "make_popularity"],
782
784
  limit: 1e4
783
- }), o = /* @__PURE__ */ new Map();
784
- r.hits.forEach((s) => {
785
- s.make && !o.has(s.make) && o.set(s.make, {
786
- value: s.make.toUpperCase(),
787
- refinement: s.make.toUpperCase(),
788
- popularity: s.make_popularity || 0
785
+ }), a = /* @__PURE__ */ new Map();
786
+ r.hits.forEach((l) => {
787
+ l.make && !a.has(l.make) && a.set(l.make, {
788
+ value: l.make.toUpperCase(),
789
+ refinement: l.make.toUpperCase(),
790
+ popularity: l.make_popularity || 0
789
791
  });
790
792
  });
791
- let a = Array.from(o.values());
792
- const l = new Set(Y.current || []);
793
- l.size > 0 ? a.sort((s, d) => {
794
- const h = l.has(s.value), E = l.has(d.value);
795
- return h && !E ? -1 : !h && E ? 1 : h && E ? Y.current.indexOf(s.value) - Y.current.indexOf(d.value) : s.value.localeCompare(d.value);
796
- }) : a.sort(
797
- (s, d) => d.popularity === s.popularity ? s.value.localeCompare(d.value) : d.popularity - s.popularity
798
- ), Ce(a);
793
+ let o = Array.from(a.values());
794
+ const s = new Set(R.current || []);
795
+ s.size > 0 ? o.sort((l, c) => {
796
+ const d = s.has(l.value), E = s.has(c.value);
797
+ return d && !E ? -1 : !d && E ? 1 : d && E ? R.current.indexOf(l.value) - R.current.indexOf(c.value) : l.value.localeCompare(c.value);
798
+ }) : o.sort(
799
+ (l, c) => c.popularity === l.popularity ? l.value.localeCompare(c.value) : c.popularity - l.popularity
800
+ ), _e(o);
799
801
  } catch (r) {
800
802
  console.error("[VehicleSearch] Error loading makes for year:", r);
801
803
  }
802
804
  })();
803
805
  }, [_, e.year]);
804
- const it = j(() => {
806
+ const st = j(() => {
805
807
  (async () => {
806
808
  let r = [];
807
- if (m.current && m.current.length)
808
- r = m.current;
809
+ if (ae.current && ae.current.length)
810
+ r = ae.current;
809
811
  else if (S.current)
810
812
  try {
811
- const o = await S.current.search("", {
813
+ const a = await S.current.search("", {
812
814
  attributesToRetrieve: ["make", "make_popularity"],
813
815
  limit: 1e3
814
- }), a = /* @__PURE__ */ new Map();
815
- o.hits.forEach((l) => {
816
- l.make && !a.has(l.make) && a.set(l.make, {
817
- value: l.make.toUpperCase(),
818
- refinement: l.make.toUpperCase(),
819
- popularity: l.make_popularity || 0
816
+ }), o = /* @__PURE__ */ new Map();
817
+ a.hits.forEach((s) => {
818
+ s.make && !o.has(s.make) && o.set(s.make, {
819
+ value: s.make.toUpperCase(),
820
+ refinement: s.make.toUpperCase(),
821
+ popularity: s.make_popularity || 0
820
822
  });
821
- }), r = Array.from(a.values());
822
- } catch (o) {
823
- console.error("[VehicleSearch] Error loading makes:", o);
823
+ }), r = Array.from(o.values());
824
+ } catch (a) {
825
+ console.error("[VehicleSearch] Error loading makes:", a);
824
826
  }
825
827
  if (f && r.length) {
826
- const o = f.trim().split(",").map((a) => a.trim().toUpperCase());
828
+ const a = f.trim().split(",").map((o) => o.trim().toUpperCase());
827
829
  r = r.filter(
828
- (a) => o.includes(a.value)
830
+ (o) => a.includes(o.value)
829
831
  );
830
832
  }
831
- if (Y.current && Y.current.length > 0) {
832
- const o = new Set(Y.current);
833
- r.sort((a, l) => {
834
- const s = o.has(a.value), d = o.has(l.value);
835
- return s && !d ? -1 : !s && d ? 1 : s && d ? Y.current.indexOf(a.value) - Y.current.indexOf(l.value) : a.value.localeCompare(l.value);
833
+ if (R.current && R.current.length > 0) {
834
+ const a = new Set(R.current);
835
+ r.sort((o, s) => {
836
+ const l = a.has(o.value), c = a.has(s.value);
837
+ return l && !c ? -1 : !l && c ? 1 : l && c ? R.current.indexOf(o.value) - R.current.indexOf(s.value) : o.value.localeCompare(s.value);
836
838
  });
837
839
  } else
838
- r.sort((o, a) => o.popularity === a.popularity ? o.value.localeCompare(a.value) : a.popularity - o.popularity);
839
- Ce(r);
840
+ r.sort((a, o) => a.popularity === o.popularity ? a.value.localeCompare(o.value) : o.popularity - a.popularity);
841
+ _e(r);
840
842
  })();
841
843
  }, [f]);
842
844
  L(() => {
843
- if (S.current && e.make && e.make.refinement && g) {
845
+ if (S.current && e.make && e.make.refinement && m) {
844
846
  let t = [`make:${e.make.refinement}`], r = [];
845
847
  _ && e.year && (r = [
846
848
  `year_from <= ${e.year.value}`,
@@ -850,61 +852,61 @@ function Ct({
850
852
  attributesToRetrieve: ["model", "model_popularity", "otto_id"],
851
853
  limit: 1e3
852
854
  // Meilisearch can handle larger limits efficiently
853
- }).then(({ hits: o }) => {
854
- var E, Q;
855
- const a = Array.isArray(ee.current) ? ee.current : typeof ee.current == "string" && ee.current.length ? ee.current.split(",").map((u) => u.trim()).filter(Boolean) : [];
856
- let l = a;
857
- if (c) {
858
- const u = c.trim().split(",").map((V) => V.trim()).filter(Boolean), b = new Set(
855
+ }).then(({ hits: a }) => {
856
+ var E, ie;
857
+ const o = Array.isArray(G.current) ? G.current : typeof G.current == "string" && G.current.length ? G.current.split(",").map((u) => u.trim()).filter(Boolean) : [];
858
+ let s = o;
859
+ if (v) {
860
+ const u = v.trim().split(",").map((V) => V.trim()).filter(Boolean), b = new Set(
859
861
  u.map((V) => V.toLowerCase())
860
862
  );
861
- l = a.length ? a.filter(
863
+ s = o.length ? o.filter(
862
864
  (V) => b.has(String(V).toLowerCase())
863
- ) : u, o = o.filter(
865
+ ) : u, a = a.filter(
864
866
  (V) => b.has(
865
867
  V.model.match(/[^>]*$/)[0].trim().toLowerCase()
866
868
  )
867
869
  );
868
870
  }
869
- if (l && l.length) {
871
+ if (s && s.length) {
870
872
  const u = new Set(
871
- l.map((b) => String(b).toLowerCase())
873
+ s.map((b) => String(b).toLowerCase())
872
874
  );
873
- o = o.filter(
875
+ a = a.filter(
874
876
  (b) => u.has(
875
877
  b.model.match(/[^>]*$/)[0].trim().toLowerCase()
876
878
  )
877
879
  );
878
880
  }
879
- let s = /* @__PURE__ */ new Set();
880
- o = o.filter((u) => u.model && u.model !== "" && !s.has(u.model) && u.model.match(/[^>]*$/)[0].trim() !== "" ? (s.add(u.model), !0) : !1), o = o.map((u) => ({
881
+ let l = /* @__PURE__ */ new Set();
882
+ a = a.filter((u) => u.model && u.model !== "" && !l.has(u.model) && u.model.match(/[^>]*$/)[0].trim() !== "" ? (l.add(u.model), !0) : !1), a = a.map((u) => ({
881
883
  value: u.model.match(/[^>]*$/)[0].trim(),
882
884
  refinement: u.model.match(/[^>]*$/)[0].trim(),
883
885
  popularity: u.model_popularity
884
886
  }));
885
- const d = (E = e.make) == null ? void 0 : E.refinement, h = (Q = ie.current) == null ? void 0 : Q[d];
886
- if (h && Array.isArray(h) && h.length > 0) {
887
+ const c = (E = e.make) == null ? void 0 : E.refinement, d = (ie = ke.current) == null ? void 0 : ie[c];
888
+ if (d && Array.isArray(d) && d.length > 0) {
887
889
  const u = new Set(
888
- h.map((b) => String(b).trim().toUpperCase())
890
+ d.map((b) => String(b).trim().toUpperCase())
889
891
  );
890
- o.sort((b, V) => {
891
- const N = u.has(b.value), te = u.has(V.value);
892
- if (N && !te) return -1;
893
- if (!N && te) return 1;
894
- if (N && te) {
895
- const De = h.map(
896
- (lt) => String(lt).trim().toUpperCase()
892
+ a.sort((b, V) => {
893
+ const N = u.has(b.value), ee = u.has(V.value);
894
+ if (N && !ee) return -1;
895
+ if (!N && ee) return 1;
896
+ if (N && ee) {
897
+ const Fe = d.map(
898
+ (ct) => String(ct).trim().toUpperCase()
897
899
  );
898
- return De.indexOf(b.value) - De.indexOf(V.value);
900
+ return Fe.indexOf(b.value) - Fe.indexOf(V.value);
899
901
  }
900
902
  return b.value.localeCompare(V.value);
901
903
  });
902
904
  } else
903
- o.sort((u, b) => u.popularity === b.popularity ? u.value.localeCompare(b.value) : b.popularity - u.popularity);
904
- _e(o);
905
+ a.sort((u, b) => u.popularity === b.popularity ? u.value.localeCompare(b.value) : b.popularity - u.popularity);
906
+ ze(a);
905
907
  });
906
908
  }
907
- }, [e.make, c, g]), L(() => {
909
+ }, [e.make, v, m]), L(() => {
908
910
  if (S.current && e.make && e.model) {
909
911
  console.log(
910
912
  "[VehicleSearch] Fetching year range for:",
@@ -915,7 +917,7 @@ function Ct({
915
917
  let t = [
916
918
  `model:${e.make.refinement} > ${e.model.refinement}`
917
919
  ];
918
- v && (e.body && t.push(
920
+ h && (e.body && t.push(
919
921
  `body:${e.make.refinement} > ${e.model.refinement} > ${e.body.refinement}`
920
922
  ), e.series && t.push(`series:${e.series.refinement}`), e.engine && t.push(`engine:${e.engine.refinement}`), e.engine_capacity && t.push(
921
923
  `engine_capacity:${e.engine_capacity.refinement}`
@@ -929,13 +931,13 @@ function Ct({
929
931
  "[VehicleSearch] Year search returned hits:",
930
932
  r.length
931
933
  );
932
- const o = r.map((h) => h.year_from), a = Math.min(...o), l = r.map((h) => h.year_to), s = Math.max(...l);
933
- let d = Array.apply(null, {
934
- length: s + 1 - a
935
- }).map(function(h, E) {
936
- return E + a;
934
+ const a = r.map((d) => d.year_from), o = Math.min(...a), s = r.map((d) => d.year_to), l = Math.max(...s);
935
+ let c = Array.apply(null, {
936
+ length: l + 1 - o
937
+ }).map(function(d, E) {
938
+ return E + o;
937
939
  });
938
- d = d.reverse().map((h) => ({ value: h, refinement: h })), se(d);
940
+ c = c.reverse().map((d) => ({ value: d, refinement: d })), se(c);
939
941
  }).catch((r) => {
940
942
  console.error("[VehicleSearch] Error fetching years:", r);
941
943
  });
@@ -944,13 +946,13 @@ function Ct({
944
946
  e.model,
945
947
  e.make,
946
948
  _,
947
- v,
949
+ h,
948
950
  e.body,
949
951
  e.series,
950
952
  e.engine,
951
953
  e.engine_capacity
952
954
  ]), L(() => {
953
- const t = v ? e.make && e.model : e.year && e.make && e.model;
955
+ const t = h ? e.make && e.model : e.year && e.make && e.model;
954
956
  if (S.current && t) {
955
957
  const r = e.year ? [
956
958
  `year_from <= ${e.year.value}`,
@@ -963,28 +965,28 @@ function Ct({
963
965
  ),
964
966
  attributesToRetrieve: ["body", "otto_id"],
965
967
  limit: 1e3
966
- }).then(({ hits: o }) => {
967
- o = [...new Map(o.map((a) => [a.body, a])).values()].map((a) => ({
968
- value: a.body.match(/[^>]*$/)[0].trim(),
969
- refinement: a.body.match(/[^>]*$/)[0].trim()
970
- })).filter((a) => a.value), he(o);
968
+ }).then(({ hits: a }) => {
969
+ a = [...new Map(a.map((o) => [o.body, o])).values()].map((o) => ({
970
+ value: o.body.match(/[^>]*$/)[0].trim(),
971
+ refinement: o.body.match(/[^>]*$/)[0].trim()
972
+ })).filter((o) => o.value), he(a);
971
973
  });
972
974
  }
973
- }, [e.year, e.make, e.model, v]);
974
- const le = j(({ hits: t, attribute: r, stateCallback: o }) => {
975
- let a = [
976
- ...new Map(t.map((l) => [l[r], l])).values()
977
- ].map((l) => ({
978
- value: l[r].match(/[^|]*$/)[0].trim(),
979
- refinement: l[r].match(/[^|]*$/)[0].trim()
980
- })).filter((l) => l.refinement);
981
- o(a);
982
- }, []), st = j(() => {
975
+ }, [e.year, e.make, e.model, h]);
976
+ const le = j(({ hits: t, attribute: r, stateCallback: a }) => {
977
+ let o = [
978
+ ...new Map(t.map((s) => [s[r], s])).values()
979
+ ].map((s) => ({
980
+ value: s[r].match(/[^|]*$/)[0].trim(),
981
+ refinement: s[r].match(/[^|]*$/)[0].trim()
982
+ })).filter((s) => s.refinement);
983
+ a(o);
984
+ }, []), lt = j(() => {
983
985
  const t = be.current ? be.current.length + 3 : 3, r = y ? t + 1 : t;
984
986
  return `vs:lg:grid-cols-${r > 8 ? 8 : r}`;
985
987
  }, [y]);
986
988
  L(() => {
987
- const t = v ? e.make && e.model : e.make && e.model && e.year;
989
+ const t = h ? e.make && e.model : e.make && e.model && e.year;
988
990
  if (S.current && t) {
989
991
  let r = [
990
992
  `make:${e.make.refinement}`,
@@ -994,13 +996,13 @@ function Ct({
994
996
  e.variant ? `variant:${e.variant.refinement}` : "",
995
997
  e.engine ? `engine:${e.engine.refinement}` : "",
996
998
  e.engine_capacity ? `engine_capacity:${e.engine_capacity.refinement}` : ""
997
- ].filter((a) => a);
998
- const o = e.year ? [
999
+ ].filter((o) => o);
1000
+ const a = e.year ? [
999
1001
  `year_from <= ${e.year.value}`,
1000
1002
  `year_to >= ${e.year.value}`
1001
1003
  ] : [];
1002
1004
  S.current.search("", {
1003
- filter: ce(r, o),
1005
+ filter: ce(r, a),
1004
1006
  attributesToRetrieve: [
1005
1007
  "series",
1006
1008
  "engine_capacity",
@@ -1010,21 +1012,21 @@ function Ct({
1010
1012
  "otto_id"
1011
1013
  ],
1012
1014
  limit: 1e3
1013
- }).then(({ hits: a }) => {
1015
+ }).then(({ hits: o }) => {
1014
1016
  le({
1015
- hits: a,
1017
+ hits: o,
1016
1018
  attribute: "series",
1017
1019
  stateCallback: ue
1018
1020
  }), le({
1019
- hits: a,
1021
+ hits: o,
1020
1022
  attribute: "variant",
1021
1023
  stateCallback: fe
1022
1024
  }), le({
1023
- hits: a,
1025
+ hits: o,
1024
1026
  attribute: "engine",
1025
1027
  stateCallback: me
1026
1028
  }), le({
1027
- hits: a,
1029
+ hits: o,
1028
1030
  attribute: "engine_capacity",
1029
1031
  stateCallback: ge
1030
1032
  });
@@ -1040,9 +1042,9 @@ function Ct({
1040
1042
  e.make,
1041
1043
  e.model,
1042
1044
  e.year,
1043
- v
1045
+ h
1044
1046
  ]);
1045
- const [ye, $e] = M(!1);
1047
+ const [ye, Ee] = M(!1);
1046
1048
  return L(() => {
1047
1049
  if (B)
1048
1050
  return ye ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
@@ -1052,20 +1054,20 @@ function Ct({
1052
1054
  B && /* @__PURE__ */ n(
1053
1055
  "button",
1054
1056
  {
1055
- onClick: () => $e(!0),
1057
+ onClick: () => Ee(!0),
1056
1058
  type: "button",
1057
- className: re(
1059
+ className: te(
1058
1060
  "vehicle-search-btn vs:md:hidden!",
1059
- U ? "vs:w-full! vs:flex! vs:shrink-0!" : "vs:w-auto! vs:inline-flex! vs:shrink!"
1061
+ Y ? "vs:w-full! vs:flex! vs:shrink-0!" : "vs:w-auto! vs:inline-flex! vs:shrink!"
1060
1062
  ),
1061
- children: /* @__PURE__ */ n("span", { children: "Select Vehicle" })
1063
+ children: /* @__PURE__ */ n("span", { children: i })
1062
1064
  }
1063
1065
  ),
1064
1066
  B && /* @__PURE__ */ n(
1065
1067
  "div",
1066
1068
  {
1067
- onClick: () => $e(!1),
1068
- className: re(
1069
+ onClick: () => Ee(!1),
1070
+ className: te(
1069
1071
  "vs:z-10 vs:fixed vs:inset-0 vs:bg-stone-900 vs:transition-all vs:duration-300",
1070
1072
  ye ? "vs:opacity-75" : "vs:pointer-events-none vs:opacity-0"
1071
1073
  )
@@ -1074,18 +1076,18 @@ function Ct({
1074
1076
  /* @__PURE__ */ $(
1075
1077
  "div",
1076
1078
  {
1077
- className: re(
1079
+ className: te(
1078
1080
  B && "partbot-mmyvs-container",
1079
1081
  B && ye && "active",
1080
1082
  "w-full"
1081
1083
  ),
1082
1084
  children: [
1083
1085
  B && /* @__PURE__ */ $("div", { className: "vs:flex vs:justify-between vs:items-center vs:pb-4 vs:font-bold vs:text-white vs:md:hidden", children: [
1084
- /* @__PURE__ */ n("span", { children: "Select Vehicle..." }),
1086
+ /* @__PURE__ */ n("span", { children: "Select Vehicle" }),
1085
1087
  /* @__PURE__ */ $(
1086
1088
  "button",
1087
1089
  {
1088
- onClick: () => $e(!1),
1090
+ onClick: () => Ee(!1),
1089
1091
  type: "button",
1090
1092
  className: "vs:appearance-none vs:bg-transparent vs:border-none vs:ring-none vs:outline-none vs:hover:border-none vs:hover:ring-none vs:hover:outline-none",
1091
1093
  children: [
@@ -1107,20 +1109,20 @@ function Ct({
1107
1109
  /* @__PURE__ */ $(
1108
1110
  "div",
1109
1111
  {
1110
- ref: i,
1111
- className: re(
1112
+ ref: z,
1113
+ className: te(
1112
1114
  "vs:grid vs:gap-3",
1113
- I === "row" ? `${st()} vs:grid-cols-1 vs:md:grid-cols-3` : "vs:grid-cols-1 vs:md:max-w-[400px] vs:md:gap-5",
1115
+ I === "row" ? `${lt()} vs:grid-cols-1 vs:md:grid-cols-3` : "vs:grid-cols-1 vs:md:max-w-[400px] vs:md:gap-5",
1114
1116
  "vs:w-full vs:transition vs:lg:mx-auto"
1115
1117
  ),
1116
1118
  children: [
1117
1119
  _ ? /* @__PURE__ */ $(xe, { children: [
1118
1120
  /* @__PURE__ */ n(
1119
- K,
1121
+ Q,
1120
1122
  {
1121
1123
  label: "Year",
1122
1124
  items: ne,
1123
- refine: Be,
1125
+ refine: De,
1124
1126
  selected: e.year,
1125
1127
  bgDark: T,
1126
1128
  showLabel: k,
@@ -1130,11 +1132,11 @@ function Ct({
1130
1132
  }
1131
1133
  ),
1132
1134
  /* @__PURE__ */ n(
1133
- K,
1135
+ Q,
1134
1136
  {
1135
1137
  label: "Make",
1136
1138
  items: ve,
1137
- refine: Le,
1139
+ refine: Ie,
1138
1140
  selected: e.make,
1139
1141
  showPopular: !0,
1140
1142
  bgDark: T,
@@ -1145,11 +1147,11 @@ function Ct({
1145
1147
  }
1146
1148
  ),
1147
1149
  /* @__PURE__ */ n(
1148
- K,
1150
+ Q,
1149
1151
  {
1150
1152
  label: "Model",
1151
1153
  items: pe,
1152
- refine: Ie,
1154
+ refine: Be,
1153
1155
  selected: e.model,
1154
1156
  showPopular: !0,
1155
1157
  bgDark: T,
@@ -1161,11 +1163,11 @@ function Ct({
1161
1163
  )
1162
1164
  ] }) : /* @__PURE__ */ $(xe, { children: [
1163
1165
  /* @__PURE__ */ n(
1164
- K,
1166
+ Q,
1165
1167
  {
1166
1168
  label: "Make",
1167
1169
  items: ve,
1168
- refine: Le,
1170
+ refine: Ie,
1169
1171
  selected: e.make,
1170
1172
  showPopular: !0,
1171
1173
  bgDark: T,
@@ -1176,11 +1178,11 @@ function Ct({
1176
1178
  }
1177
1179
  ),
1178
1180
  /* @__PURE__ */ n(
1179
- K,
1181
+ Q,
1180
1182
  {
1181
1183
  label: "Model",
1182
1184
  items: pe,
1183
- refine: Ie,
1185
+ refine: Be,
1184
1186
  selected: e.model,
1185
1187
  showPopular: !0,
1186
1188
  bgDark: T,
@@ -1191,11 +1193,11 @@ function Ct({
1191
1193
  }
1192
1194
  ),
1193
1195
  /* @__PURE__ */ n(
1194
- K,
1196
+ Q,
1195
1197
  {
1196
1198
  label: "Year",
1197
1199
  items: ne,
1198
- refine: Be,
1200
+ refine: De,
1199
1201
  selected: e.year,
1200
1202
  bgDark: T,
1201
1203
  showLabel: k,
@@ -1210,11 +1212,11 @@ function Ct({
1210
1212
  switch (t) {
1211
1213
  case "body":
1212
1214
  r = /* @__PURE__ */ n(
1213
- K,
1215
+ Q,
1214
1216
  {
1215
1217
  label: "Body",
1216
- items: Ue,
1217
- refine: tt,
1218
+ items: Re,
1219
+ refine: rt,
1218
1220
  selected: e.body,
1219
1221
  bgDark: T,
1220
1222
  showLabel: k,
@@ -1227,11 +1229,11 @@ function Ct({
1227
1229
  break;
1228
1230
  case "series":
1229
1231
  r = /* @__PURE__ */ n(
1230
- K,
1232
+ Q,
1231
1233
  {
1232
1234
  label: "Series",
1233
- items: Ye,
1234
- refine: rt,
1235
+ items: Te,
1236
+ refine: ot,
1235
1237
  selected: e.series,
1236
1238
  bgDark: T,
1237
1239
  showLabel: k,
@@ -1244,11 +1246,11 @@ function Ct({
1244
1246
  break;
1245
1247
  case "variant":
1246
1248
  r = /* @__PURE__ */ n(
1247
- K,
1249
+ Q,
1248
1250
  {
1249
1251
  label: "Variant",
1250
- items: Te,
1251
- refine: ot,
1252
+ items: Ze,
1253
+ refine: at,
1252
1254
  selected: e.variant,
1253
1255
  bgDark: T,
1254
1256
  showLabel: k,
@@ -1261,11 +1263,11 @@ function Ct({
1261
1263
  break;
1262
1264
  case "engine_capacity":
1263
1265
  r = /* @__PURE__ */ n(
1264
- K,
1266
+ Q,
1265
1267
  {
1266
1268
  label: "Engine Capacity",
1267
- items: Oe,
1268
- refine: nt,
1269
+ items: He,
1270
+ refine: it,
1269
1271
  selected: e.engine_capacity,
1270
1272
  bgDark: T,
1271
1273
  showLabel: k,
@@ -1278,11 +1280,11 @@ function Ct({
1278
1280
  break;
1279
1281
  case "engine":
1280
1282
  r = /* @__PURE__ */ n(
1281
- K,
1283
+ Q,
1282
1284
  {
1283
1285
  label: "Engine",
1284
- items: Ze,
1285
- refine: at,
1286
+ items: Oe,
1287
+ refine: nt,
1286
1288
  selected: e.engine,
1287
1289
  bgDark: T,
1288
1290
  showLabel: k,
@@ -1301,21 +1303,21 @@ function Ct({
1301
1303
  {
1302
1304
  className: "vehicle-search-btn",
1303
1305
  onClick: () => {
1304
- Se(!0), D && !O ? window.location.href = D + window.location.search : et();
1306
+ Me(!0), D && !O ? window.location.href = D + window.location.search : tt();
1305
1307
  },
1306
1308
  children: [
1307
1309
  /* @__PURE__ */ n("span", { children: w }),
1308
- qe && /* @__PURE__ */ n(Ne, { className: "vs:w-[calc(var(--partbot-font-size)*0.9)]! vs:h-[calc(var(--partbot-font-size)*0.9)]! vs:animate-spin" })
1310
+ Qe && /* @__PURE__ */ n(je, { className: "vs:w-[calc(var(--partbot-font-size)*0.9)]! vs:h-[calc(var(--partbot-font-size)*0.9)]! vs:animate-spin" })
1309
1311
  ]
1310
1312
  }
1311
1313
  ) })
1312
1314
  ]
1313
1315
  }
1314
1316
  ),
1315
- R && /* @__PURE__ */ n(
1317
+ U && /* @__PURE__ */ n(
1316
1318
  "div",
1317
1319
  {
1318
- className: re(
1320
+ className: te(
1319
1321
  "vs:flex vs:w-full vs:justify-center vs:items-center",
1320
1322
  I === "row" ? "vs:md:items-end vs:md:justify-end" : "vs:md:justify-center",
1321
1323
  "vs:mt-4 vs:md:mt-3 vs:md:pr-1.5"
@@ -1330,7 +1332,7 @@ function Ct({
1330
1332
  className: `${T ? "vs:text-white" : "vs:text-black"} vs:flex vs:items-center vs:space-x-1.5 vs:px-1.5 vs:text-center vs:leading-normal vs:text-[10px] vs:opacity-75 vs:transition vs:hover:opacity-100 vs:font-sans vs:no-underline vs:m-0 pb-1.5`,
1331
1333
  children: [
1332
1334
  /* @__PURE__ */ n("span", { children: "Powered by" }),
1333
- /* @__PURE__ */ n(kt, { className: "vs:inline-flex vs:h-[13px]" })
1335
+ /* @__PURE__ */ n(Ct, { className: "vs:inline-flex vs:h-[13px]" })
1334
1336
  ]
1335
1337
  }
1336
1338
  )
@@ -1341,27 +1343,27 @@ function Ct({
1341
1343
  )
1342
1344
  ] });
1343
1345
  }
1344
- let Re = !1, de = !1;
1345
- function _t(g) {
1346
- var B, X;
1347
- const f = g.shadowRoot;
1346
+ let Ye = !1, de = !1;
1347
+ function zt(m) {
1348
+ var B, W;
1349
+ const f = m.shadowRoot;
1348
1350
  if (!f) {
1349
1351
  console.error("[ShadowDOMPatch] No shadow root found");
1350
1352
  return;
1351
1353
  }
1352
- const c = f.children[1];
1353
- if (!c) {
1354
+ const v = f.children[1];
1355
+ if (!v) {
1354
1356
  console.error("[ShadowDOMPatch] No mount point found in shadow root");
1355
1357
  return;
1356
1358
  }
1357
1359
  if (new MutationObserver((p) => {
1358
1360
  p.forEach((w) => {
1359
1361
  w.addedNodes.forEach((y) => {
1360
- y.nodeType === 1 && y.id === "headlessui-portal-root" && (c.appendChild(y), de = !0);
1362
+ y.nodeType === 1 && y.id === "headlessui-portal-root" && (v.appendChild(y), de = !0);
1361
1363
  });
1362
1364
  }), p.forEach((w) => {
1363
1365
  w.removedNodes.forEach((y) => {
1364
- y.nodeType === 1 && y.id === "headlessui-portal-root" && (c.querySelector(
1366
+ y.nodeType === 1 && y.id === "headlessui-portal-root" && (v.querySelector(
1365
1367
  "#headlessui-portal-root"
1366
1368
  ) || (de = !1));
1367
1369
  });
@@ -1374,10 +1376,10 @@ function _t(g) {
1374
1376
  y.nodeType === 1 && y.id === "headlessui-portal-root" && (de = !1);
1375
1377
  });
1376
1378
  });
1377
- }).observe(c, {
1379
+ }).observe(v, {
1378
1380
  childList: !0,
1379
1381
  subtree: !0
1380
- }), Re)
1382
+ }), Ye)
1381
1383
  return;
1382
1384
  const F = (B = Object.getOwnPropertyDescriptor(
1383
1385
  Document.prototype,
@@ -1386,20 +1388,20 @@ function _t(g) {
1386
1388
  Object.defineProperty(Document.prototype, "activeElement", {
1387
1389
  get: function() {
1388
1390
  const p = F == null ? void 0 : F.call(this);
1389
- return p === g ? f.activeElement : p;
1391
+ return p === m ? f.activeElement : p;
1390
1392
  }
1391
1393
  });
1392
- const A = (X = Object.getOwnPropertyDescriptor(
1394
+ const A = (W = Object.getOwnPropertyDescriptor(
1393
1395
  Event.prototype,
1394
1396
  "target"
1395
- )) == null ? void 0 : X.get;
1397
+ )) == null ? void 0 : W.get;
1396
1398
  Object.defineProperty(Event.prototype, "target", {
1397
1399
  get: function() {
1398
1400
  const p = A == null ? void 0 : A.call(this);
1399
- return p === g ? this.composedPath()[0] : p;
1401
+ return p === m ? this.composedPath()[0] : p;
1400
1402
  }
1401
1403
  });
1402
- const R = (p) => {
1404
+ const U = (p) => {
1403
1405
  try {
1404
1406
  return document.body && p === document.body.style;
1405
1407
  } catch {
@@ -1407,39 +1409,39 @@ function _t(g) {
1407
1409
  }
1408
1410
  }, k = CSSStyleDeclaration.prototype.setProperty;
1409
1411
  CSSStyleDeclaration.prototype.setProperty = function(p, w, y) {
1410
- if (!(R(this) && p === "overflow" && w === "hidden" && de))
1412
+ if (!(U(this) && p === "overflow" && w === "hidden" && de))
1411
1413
  return k.call(this, p, w, y);
1412
1414
  };
1413
- const U = Object.getOwnPropertyDescriptor(
1415
+ const Y = Object.getOwnPropertyDescriptor(
1414
1416
  CSSStyleDeclaration.prototype,
1415
1417
  "overflow"
1416
1418
  );
1417
- U && Object.defineProperty(CSSStyleDeclaration.prototype, "overflow", {
1419
+ Y && Object.defineProperty(CSSStyleDeclaration.prototype, "overflow", {
1418
1420
  get: function() {
1419
- return U.get.call(this);
1421
+ return Y.get.call(this);
1420
1422
  },
1421
1423
  set: function(p) {
1422
- if (!(R(this) && p === "hidden" && de))
1423
- return U.set.call(this, p);
1424
+ if (!(U(this) && p === "hidden" && de))
1425
+ return Y.set.call(this, p);
1424
1426
  }
1425
- }), Re = !0;
1427
+ }), Ye = !0;
1426
1428
  }
1427
- const zt = "/css/vehicle-search.css", Rt = zt;
1428
- class St extends HTMLElement {
1429
+ const St = "/css/vehicle-search.css", Yt = St;
1430
+ class Mt extends HTMLElement {
1429
1431
  connectedCallback() {
1430
1432
  if (!document.getElementById("vehicle-search-inter-font")) {
1431
1433
  const C = document.createElement("link");
1432
1434
  C.id = "vehicle-search-inter-font", C.rel = "stylesheet", C.href = "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap", document.head.appendChild(C);
1433
1435
  }
1434
1436
  let f = document.createElement("style");
1435
- f.textContent = xt;
1436
- const c = document.createElement("div"), D = this.attachShadow({ mode: "open" }), I = (C, v, i) => {
1437
+ f.textContent = kt;
1438
+ const v = document.createElement("div"), D = this.attachShadow({ mode: "open" }), I = (C, h, i) => {
1437
1439
  let z;
1438
- if (this.hasAttribute(v)) {
1439
- const m = this.getAttribute(v);
1440
- if (/^#[0-9A-F]{6}$/i.test(m)) {
1441
- const ee = parseInt(m.slice(1, 3), 16), Y = parseInt(m.slice(3, 5), 16), ie = parseInt(m.slice(5, 7), 16);
1442
- z = `${ee} ${Y} ${ie}`;
1440
+ if (this.hasAttribute(h)) {
1441
+ const g = this.getAttribute(h);
1442
+ if (/^#[0-9A-F]{6}$/i.test(g)) {
1443
+ const ae = parseInt(g.slice(1, 3), 16), G = parseInt(g.slice(3, 5), 16), R = parseInt(g.slice(5, 7), 16);
1444
+ z = `${ae} ${G} ${R}`;
1443
1445
  }
1444
1446
  }
1445
1447
  return z = z || i, `:host { --${C}: ${z}; }`;
@@ -1452,7 +1454,7 @@ class St extends HTMLElement {
1452
1454
  "partbot-button-color",
1453
1455
  "data-button-color",
1454
1456
  "99 102 241"
1455
- ), R = I(
1457
+ ), U = I(
1456
1458
  "partbot-button-hover-color",
1457
1459
  "data-button-hover-color",
1458
1460
  "79 70 229"
@@ -1460,7 +1462,7 @@ class St extends HTMLElement {
1460
1462
  "partbot-button-label-color",
1461
1463
  "data-button-label-color",
1462
1464
  "255 255 255"
1463
- ), U = I(
1465
+ ), Y = I(
1464
1466
  "partbot-button-hover-label-color",
1465
1467
  "data-button-hover-label-color",
1466
1468
  "255 255 255"
@@ -1468,29 +1470,29 @@ class St extends HTMLElement {
1468
1470
  "partbot-mobile-background-color",
1469
1471
  "data-mobile-background-color",
1470
1472
  "12 24 39"
1471
- ), X = `:host { --partbot-button-border-radius: ${this.getAttribute("data-button-border-radius") || "0.375rem"}}`, p = `:host { --partbot-font-size: ${this.getAttribute("data-font-size") || "0.875rem"}}`, w = `:host { --partbot-font-family: ${this.getAttribute("data-font") && this.getAttribute("data-font").trim() !== "" ? this.getAttribute("data-font") : '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif'}}`, y = `:host { --partbot-padding: ${this.getAttribute("data-padding") || "0.5rem"}}`;
1472
- f.textContent += F, f.textContent += A, f.textContent += R, f.textContent += k, f.textContent += U, f.textContent += B, f.textContent += X, f.textContent += p, f.textContent += w, f.textContent += y, D.appendChild(f), D.appendChild(c);
1473
+ ), W = `:host { --partbot-button-border-radius: ${this.getAttribute("data-button-border-radius") || "0.375rem"}}`, p = `:host { --partbot-font-size: ${this.getAttribute("data-font-size") || "0.875rem"}}`, w = `:host { --partbot-font-family: ${this.getAttribute("data-font") && this.getAttribute("data-font").trim() !== "" ? this.getAttribute("data-font") : '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif'}}`, y = `:host { --partbot-padding: ${this.getAttribute("data-padding") || "0.5rem"}}`;
1474
+ f.textContent += F, f.textContent += A, f.textContent += U, f.textContent += k, f.textContent += Y, f.textContent += B, f.textContent += W, f.textContent += p, f.textContent += w, f.textContent += y, D.appendChild(f), D.appendChild(v);
1473
1475
  const O = this.getAttribute("data-api-key");
1474
1476
  if (!O) {
1475
1477
  console.warn("Missing attributes: " + (O ? "" : "data-api-key "));
1476
1478
  return;
1477
1479
  }
1478
- const J = this.attributes, G = {};
1479
- for (let C = 0; C < J.length; C++) {
1480
- const { name: v, value: i } = J[C];
1481
- if (v.startsWith("data-")) {
1482
- const z = v.slice(5).replace(/-([a-z])/g, (m) => m[1].toUpperCase());
1483
- G[z] = i === "true" ? !0 : i === "false" ? !1 : i;
1480
+ const K = this.attributes, X = {};
1481
+ for (let C = 0; C < K.length; C++) {
1482
+ const { name: h, value: i } = K[C];
1483
+ if (h.startsWith("data-")) {
1484
+ const z = h.slice(5).replace(/-([a-z])/g, (g) => g[1].toUpperCase());
1485
+ X[z] = i === "true" ? !0 : i === "false" ? !1 : i;
1484
1486
  }
1485
1487
  }
1486
- _t(this);
1487
- const x = /* @__PURE__ */ n(Ct, { ...G });
1488
- dt.render(x, c);
1488
+ zt(this);
1489
+ const x = /* @__PURE__ */ n(_t, { ...X });
1490
+ vt.render(x, v);
1489
1491
  }
1490
1492
  }
1491
- customElements.define("vehicle-search", St);
1493
+ customElements.define("vehicle-search", Mt);
1492
1494
  export {
1493
- Ct as VehicleSearch,
1494
- Ct as default,
1495
- Rt as vehicleSearchCssUrl
1495
+ _t as VehicleSearch,
1496
+ _t as default,
1497
+ Yt as vehicleSearchCssUrl
1496
1498
  };