@cartbot/vehicle-search-beta 3.0.5 → 3.0.7

package/dist/js/vehicle-search.es.js

@@ -5,7 +5,7 @@ import vt from "js-cookie";
 import { Combobox as pt, ComboboxInput as ht, ComboboxButton as ut, ComboboxOptions as ft, ComboboxOption as mt } from "@headlessui/react";
 import gt from "fuzzysearch";
 import Fe from "pluralize";
-import re from "clsx";
+import te from "clsx";
 import { MeiliSearch as bt } from "meilisearch";
 import wt from "lodash/debounce";
 import yt from "tinycolor2";
@@ -113,32 +113,32 @@ function Ne({ className: g = "" }) {
     }
   );
 }
-function K({
+function Q({
   label: g,
   items: f,
-  selected: c,
+  selected: v,
   refine: D,
   showPopular: I,
   bgDark: F,
   sortOptions: A = !0,
-  showLabel: R = !1,
+  showLabel: U = !1,
   isMobile: k = !1,
-  loading: U = !1,
+  loading: Y = !1,
   shouldBeActive: B = !1
   // True when parent fields are selected and this field tried to load
 }) {
-  const [X, p] = M(""), [w, y] = M(c || null), O = (i) => {
-    y(i), p(""), !(i && i.value === (c == null ? void 0 : c.value)) && D(i);
-  }, J = (i) => {
+  const [W, p] = M(""), [w, y] = M(v || null), O = (i) => {
+    y(i), p(""), !(i && i.value === (v == null ? void 0 : v.value)) && D(i);
+  }, K = (i) => {
     i.preventDefault(), i.stopPropagation(), p(""), y(null), D("");
   };
   L(() => {
-    p(""), y(c || null);
-  }, [c, f]);
-  let G = /* @__PURE__ */ new Set(), x = [];
+    p(""), y(v || null);
+  }, [v, f]);
+  let X = /* @__PURE__ */ new Set(), x = [];
   f && (f.forEach((i) => {
     String(i.value).split(/,(?![^(]*\))/).forEach((m) => {
-      m = m.trim(), m && gt(X, m.toLowerCase()) && !G.has(m.toLowerCase()) && (G.add(m.toLowerCase()), x.push({
+      m = m.trim(), m && gt(W, m.toLowerCase()) && !X.has(m.toLowerCase()) && (X.add(m.toLowerCase()), x.push({
         ...i,
         value: m,
         refinement: i.value
@@ -151,9 +151,9 @@ function K({
   ), x.sort(
     (i, z) => i.value.localeCompare(z.value, "en", { numeric: !0 })
   ), x = C.concat(x));
-  const v = !x || x.length === 0;
+  const h = !x || x.length === 0;
   return /* @__PURE__ */ $("div", { className: "vs:relative vs:flex vs:flex-col", children: [
-    R && /* @__PURE__ */ n(
+    U && /* @__PURE__ */ n(
       "span",
       {
         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)`,
@@ -187,11 +187,11 @@ function K({
           ]
         }
       ),
-      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))]!" }) }),
-      !U && (w == null ? void 0 : w.value) && /* @__PURE__ */ n(
+      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(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))]!" }) }),
+      !Y && (w == null ? void 0 : w.value) && /* @__PURE__ */ n(
         "button",
         {
-          onClick: J,
+          onClick: K,
           tabIndex: -1,
           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",
           children: /* @__PURE__ */ n(
@@ -215,7 +215,7 @@ function K({
         value: w || null,
         onChange: O,
         virtual: { options: x },
-        disabled: v,
+        disabled: h,
         immediate: !0,
         children: [
           /* @__PURE__ */ $("div", { className: "vs:flex vs:h-full", children: [
@@ -224,7 +224,7 @@ function K({
               {
                 autoComplete: "off",
                 spellCheck: "false",
-                placeholder: v && B ? "N/A" : g,
+                placeholder: h && B ? "N/A" : g,
                 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",
                 displayValue: (i) => (i == null ? void 0 : i.value) || "",
                 onChange: (i) => p(i.target.value),
@@ -235,7 +235,7 @@ function K({
               (w == null ? void 0 : w.value) && /* @__PURE__ */ n(
                 "button",
                 {
-                  onClick: J,
+                  onClick: K,
                   tabIndex: -1,
                   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",
                   children: /* @__PURE__ */ n(
@@ -252,7 +252,7 @@ function K({
                   )
                 }
               ),
-              /* @__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(
+              /* @__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: Y ? /* @__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(
                 "svg",
                 {
                   className: "vs:h-[calc(var(--partbot-font-size)*0.9)]! vs:w-[calc(var(--partbot-font-size)*0.9)]! vs:text-stone-400",
@@ -280,7 +280,7 @@ function K({
                   mt,
                   {
                     value: i,
-                    className: ({ focus: m }) => re(
+                    className: ({ focus: m }) => te(
                       "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",
                       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",
                       z && "vs:font-bold!"
@@ -289,17 +289,17 @@ function K({
                       /* @__PURE__ */ n(
                         "span",
                         {
-                          className: re(
-                            i.value === (c == null ? void 0 : c.value) ? "vs:font-semibold" : "vs:font-normal",
+                          className: te(
+                            i.value === (v == null ? void 0 : v.value) ? "vs:font-semibold" : "vs:font-normal",
                             "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"
                           ),
                           children: i.value
                         }
                       ),
-                      i.value === (c == null ? void 0 : c.value) && /* @__PURE__ */ n(
+                      i.value === (v == null ? void 0 : v.value) && /* @__PURE__ */ n(
                         "span",
                         {
-                          className: re(
+                          className: te(
                             "vs:text-[rgb(var(--partbot-theme))]",
                             "vs:flex vs:items-center group-vs:hover:text-white"
                           ),
@@ -330,49 +330,49 @@ function K({
 }
 console.info("Vehicle Search powered by Partbot https://use.partbot.io");
 function ce(g = [], f = []) {
-  const c = [];
+  const v = [];
   return g.forEach((D) => {
     const [I, ...F] = D.split(":"), A = F.join(":");
     if (A.includes(" > ")) {
-      const R = A.split(" > "), k = R[R.length - 1].trim();
-      if (I !== "make" && R.length >= 2) {
-        const U = R[0].trim();
-        c.push(`make = "${U}"`);
+      const U = A.split(" > "), k = U[U.length - 1].trim();
+      if (I !== "make" && U.length >= 2) {
+        const Y = U[0].trim();
+        v.push(`make = "${Y}"`);
       }
-      c.push(`${I} = "${k}"`);
+      v.push(`${I} = "${k}"`);
     } else
-      c.push(`${I} = "${A}"`);
+      v.push(`${I} = "${A}"`);
   }), f.forEach((D) => {
-    c.push(D);
-  }), c.length > 0 ? c.join(" AND ") : null;
+    v.push(D);
+  }), v.length > 0 ? v.join(" AND ") : null;
 }
 function Ct({
   apiKey: g,
   makes: f = "",
-  models: c = "",
+  models: v = "",
   callbackUrl: D = "",
   layout: I = "row",
   fields: F,
   fieldPrefix: A = "",
-  showBranding: R = !0,
+  showBranding: U = !0,
   showLabels: k = !1,
-  mobileFullWidthButton: U = !0,
+  mobileFullWidthButton: Y = !0,
   mobileDrawer: B = !0,
-  modifyQueryString: X = !0,
+  modifyQueryString: W = !0,
   onChange: p,
   buttonLabel: w = "Search",
   showButton: y = !0,
   onSubmit: O,
-  store: J,
-  useStoreVehicles: G = !0,
+  store: K,
+  useStoreVehicles: X = !0,
   fieldOrder: x = "MMY",
   // "MMY" (Make→Model→Year) or "YMM" (Year→Make→Model)
   enableFeatureFlags: C = !1,
   // Use api.cartbot.io instead of api.partbot.io
-  yearOptional: v = !1
+  yearOptional: h = !1
   // Make year selection optional, only requiring make + model
 }) {
-  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({
+  const i = Z(null), z = Z(null), m = Z(null), G = Z(null), R = Z(null), ie = Z(null), ke = Z(null), S = Z(null), J = Z(!1), _ = x === "YMM", [ve, Ce] = M([]), [pe, _e] = M([]), [ae, se] = M([]), [Ye, he] = M([]), [Re, ue] = M([]), [Te, fe] = M([]), [Ze, me] = M([]), [Oe, ge] = M([]), He = Z([]), [re, ze] = M([]), [e, H] = M({
     make: null,
     model: null,
     year: null,
@@ -407,12 +407,12 @@ function Ct({
       disable_session_recording: !1
     });
   }, []);
-  const [ae, Ke] = M({}), [Mt, Je] = M(""), Ae = j(async () => {
+  const [oe, Ke] = M({}), [Mt, Je] = M(""), Ae = j(async () => {
     if (!g)
       return;
     const r = `${C ? "https://api.cartbot.io" : "https://api.partbot.io"}/v1/vehicles/auth`;
     try {
-      const o = await fetch(r, {
+      const a = await fetch(r, {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
@@ -421,35 +421,35 @@ function Ct({
         },
         body: JSON.stringify(
           (() => {
-            const N = { use_store_vehicles: G };
-            return J && (N.store = J), N;
+            const N = { use_store_vehicles: X };
+            return K && (N.store = K), N;
           })()
         )
       });
-      if (!o.ok)
-        throw new Error(`Error: ${o.status} ${o.statusText}`);
+      if (!a.ok)
+        throw new Error(`Error: ${a.status} ${a.statusText}`);
       const {
-        merchant: a,
-        vehicle_makes: l,
-        vehicle_models: s,
-        meilisearch_search_key: d,
-        meilisearch_index_name: h,
+        merchant: o,
+        vehicle_makes: s,
+        vehicle_models: l,
+        meilisearch_search_key: c,
+        meilisearch_index_name: d,
         algolia_search_key: E,
         // Fallback for backward compatibility
-        algolia_index_name: Q,
+        algolia_index_name: ne,
         // Fallback for backward compatibility
         store_index_name: u,
         store_popular_makes: b,
         // Array of popular make values for this store (from PostHog)
         store_popular_models: V
         // Object mapping makes to popular models: { "TOYOTA": ["HILUX", "LANDCRUISER"], ... }
-      } = await o.json();
-      z.current = a, m.current = (l || []).map((N) => ({
+      } = await a.json();
+      z.current = o, m.current = (s || []).map((N) => ({
         ...N,
         refinement: N.value
-      })), 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(
+      })), 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(
         "[VehicleSearch] PostHog popular makes:",
-        Y.current
+        R.current
       ), ie.current = V || null, console.log(
         "[VehicleSearch] PostHog popular models:",
         ie.current
@@ -458,19 +458,19 @@ function Ct({
         indexName: "otto_v1_vehicles_production",
         storeIndexName: u || "shopify_partbot-app-test_development"
       });
-    } catch (o) {
-      console.error("[VehicleSearch] Auth failed:", o), Je(o);
+    } catch (a) {
+      console.error("[VehicleSearch] Auth failed:", a), Je(a);
     }
-  }, [g, J, G, C]);
+  }, [g, K, X, C]);
   L(() => {
     Ae();
   }, [Ae]), L(() => {
-    if (ae.searchKey) {
+    if (oe.searchKey) {
       try {
         ke.current = new bt({
           host: "https://search.partbot.io",
-          apiKey: ae.searchKey
-        }), S.current = ke.current.index(ae.indexName);
+          apiKey: oe.searchKey
+        }), S.current = ke.current.index(oe.indexName);
       } catch (t) {
         console.error("[VehicleSearch] Failed to initialize Meilisearch:", t);
       }
@@ -478,57 +478,57 @@ function Ct({
         ke.current = null;
       };
     }
-  }, [ae.searchKey, g]);
+  }, [oe.searchKey, g]);
   const [T, We] = M(!1), Pe = j(() => {
-    function t(s) {
-      if (!s) return "rgba(0,0,0,1)";
-      var d = r(), h = window.getComputedStyle(s).backgroundColor;
-      return h !== d ? h : s.parentElement ? t(s.parentElement) : "rgba(255,255,255,1)";
+    function t(l) {
+      if (!l) return "rgba(0,0,0,1)";
+      var c = r(), d = window.getComputedStyle(l).backgroundColor;
+      return d !== c ? d : l.parentElement ? t(l.parentElement) : "rgba(255,255,255,1)";
     }
     function r() {
-      var s = document.createElement("div");
-      document.head.appendChild(s);
-      var d = window.getComputedStyle(s).backgroundColor;
-      return document.head.removeChild(s), d;
+      var l = document.createElement("div");
+      document.head.appendChild(l);
+      var c = window.getComputedStyle(l).backgroundColor;
+      return document.head.removeChild(l), c;
     }
-    const o = document.querySelector("vehicle-search");
-    let a;
-    o ? a = t(o) : a = t(i.current);
-    const l = yt(a).isDark();
-    We(l);
+    const a = document.querySelector("vehicle-search");
+    let o;
+    a ? o = t(a) : o = t(i.current);
+    const s = yt(o).isDark();
+    We(s);
   }, []);
   L(() => {
     async function t() {
-      if (!(v ? e.make && e.model : e.make) || !S.current)
+      if (!e.make || !S.current)
         return;
-      let o = [], a = [];
-      e.make && o.push(`make:${e.make.refinement}`), e.model && o.push(
+      let r = [], a = [];
+      e.make && r.push(`make:${e.make.refinement}`), e.model && r.push(
         `model:${e.make.refinement} > ${e.model.refinement}`
       ), e.year && (a = [
         `year_from <= ${e.year.value}`,
         `year_to >= ${e.year.value}`
-      ]), e.body && o.push(
+      ]), e.body && r.push(
         `body:${e.make.refinement} > ${e.model.refinement} > ${e.body.refinement}`
-      ), e.series && o.push(`series:${e.series.refinement}`), e.engine && o.push(`engine:${e.engine.refinement}`), e.engine_capacity && o.push(
+      ), e.series && r.push(`series:${e.series.refinement}`), e.engine && r.push(`engine:${e.engine.refinement}`), e.engine_capacity && r.push(
         `engine_capacity:${e.engine_capacity.refinement}`
       );
       let s = (await S.current.search("", {
-        filter: ce(o, a),
-        attributesToRetrieve: ["swd_id"],
+        filter: ce(r, a),
+        attributesToRetrieve: ["otto_id"],
         limit: 500
         // Reduced from 1000 for faster queries
-      })).hits.map((E) => E.swd_id);
+      })).hits.map((d) => d.otto_id);
       ze(s);
-      let h = {
+      let c = {
         ...Object.fromEntries(
-          Object.entries(e || {}).map(([E, Q]) => [E, Q && Q.value || null]).filter(([E, Q]) => Q !== null)
+          Object.entries(e || {}).map(([d, E]) => [d, E && E.value || null]).filter(([d, E]) => E !== null)
         ),
         merchant: z.current
       };
-      Ee.capture("vehicle select", h);
+      Ee.capture("vehicle select", c);
     }
     t();
-  }, [e, S, v]);
+  }, [e, S, h]);
   const Me = (t) => A ? `${A}${t}` : t, Xe = (t) => A ? t.replace(new RegExp(`^${A}`), "") : t, Ge = j(() => {
     const t = new URL(window.location.href).searchParams, r = [
       "make",
@@ -538,24 +538,24 @@ function Ct({
       "series",
       "engine",
       "engine_capacity"
-    ].map(Me), o = Object.fromEntries(
-      [...t.entries()].filter(([a]) => r.includes(a)).map(([a, l]) => [Xe(a), { value: l, refinement: l }])
+    ].map(Me), a = Object.fromEntries(
+      [...t.entries()].filter(([o]) => r.includes(o)).map(([o, s]) => [Xe(o), { value: s, refinement: s }])
     );
-    H(o);
-  }, []), P = j(({ query: t, value: r, remove: o }) => {
-    if (X && "URLSearchParams" in window) {
-      let a = new URLSearchParams(window.location.search);
-      t = Me(t), t && r && a.set(t, r), t && !r && a.delete(t), o && o.forEach((s) => {
-        s = Me(s), a.delete(s);
+    H(a);
+  }, []), P = j(({ query: t, value: r, remove: a }) => {
+    if (W && "URLSearchParams" in window) {
+      let o = new URLSearchParams(window.location.search);
+      t = Me(t), t && r && o.set(t, r), t && !r && o.delete(t), a && a.forEach((l) => {
+        l = Me(l), o.delete(l);
       });
-      const l = window.location.pathname + "?" + a.toString();
-      window.history.pushState(null, "", l);
+      const s = window.location.pathname + "?" + o.toString();
+      window.history.pushState(null, "", s);
     }
   }, []), et = j(() => {
-    var o;
+    var a;
     const t = {
-      vehicle_ids: oe,
-      vehicle: (o = e == null ? void 0 : e.make) != null && o.value ? e : {}
+      vehicle_ids: re,
+      vehicle: (a = e == null ? void 0 : e.make) != null && a.value ? e : {}
     };
     O && O(t);
     const r = new CustomEvent("vehicle-search-submit", {
@@ -564,21 +564,21 @@ function Ct({
     document.dispatchEvent(r), setTimeout(() => {
       Se(!1);
     }, 900);
-  }, [oe, O]), Ve = j(() => {
-    var o, a, l, s, d, h, E, Q, u;
+  }, [re, O]), Ve = j(() => {
+    var a, o, s, l, c, d, E, ne, u;
     const t = {
-      vehicle_ids: oe,
-      vehicle: (o = e == null ? void 0 : e.make) != null && o.value ? e : {}
+      vehicle_ids: re,
+      vehicle: (a = e == null ? void 0 : e.make) != null && a.value ? e : {}
     };
     p && p(t);
     const r = new CustomEvent("vehicle-search-change", {
       detail: t
     });
-    if (W.current === !0 && !localStorage.getItem("partbot_plate_details")) {
+    if (J.current === !0 && !localStorage.getItem("partbot_plate_details")) {
       const b = JSON.stringify({
-        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(),
-        vehicle_ids: oe,
-        vehicle: e ? Object.entries(e).reduce((V, [N, te]) => (V[N] = te != null && te.value ? te.value : {}, V), {}) : {}
+        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) || ""} ${((ne = e.engine) == null ? void 0 : ne.value) || ""} ${((u = e.engine_capacity) == null ? void 0 : u.value) || ""}`.trim(),
+        vehicle_ids: re,
+        vehicle: e ? Object.entries(e).reduce((V, [N, ee]) => (V[N] = ee != null && ee.value ? ee.value : {}, V), {}) : {}
       });
       localStorage.setItem(
         "partbot_selected_vehicle",
@@ -587,21 +587,21 @@ function Ct({
         secure: !0
       });
     }
-    document.dispatchEvent(r), He.current = oe, setTimeout(() => {
+    document.dispatchEvent(r), He.current = re, setTimeout(() => {
       Se(!1);
     }, 900);
-  }, [oe, p]), we = ct(
+  }, [re, p]), we = ct(
     () => wt(Ve, 100),
     [Ve]
   );
   L(() => {
     we();
-  }, [oe, we]), L(() => () => {
+  }, [re, we]), L(() => () => {
     we.cancel();
   }, [we]), L(() => {
-    ae.searchKey && (_ || it(), Ge());
-  }, [ae.searchKey, _]), L(() => {
-    _ && S.current && ne.length === 0 && !e.year && (console.log(
+    oe.searchKey && (_ || it(), Ge());
+  }, [oe.searchKey, _]), L(() => {
+    _ && S.current && ae.length === 0 && !e.year && (console.log(
       "[VehicleSearch] YMM mode: Loading year range from dataset..."
     ), S.current.search("", {
       attributesToRetrieve: ["year_from", "year_to"],
@@ -612,37 +612,37 @@ function Ct({
         t.length,
         "hits for year range"
       );
-      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);
+      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);
       console.log(
         "[VehicleSearch] YMM mode: Year range:",
-        a,
+        o,
         "-",
-        l
+        s
       );
-      const s = Array.from(
-        { length: l - a + 1 },
-        (d, h) => ({ value: a + h, refinement: a + h })
+      const l = Array.from(
+        { length: s - o + 1 },
+        (c, d) => ({ value: o + d, refinement: o + d })
       ).reverse();
       console.log(
         "[VehicleSearch] YMM mode: Setting",
-        s.length,
+        l.length,
         "years"
-      ), se(s);
+      ), se(l);
     }).catch((t) => {
       console.error("[VehicleSearch] Error loading year range:", t);
     }));
-  }, [_, ae.searchKey, ne.length, e.year]), L(() => {
+  }, [_, oe.searchKey, ae.length, e.year]), L(() => {
     typeof document > "u" || Pe();
   }, [Pe]);
   const Le = j(
     (t) => {
-      W.current = !0, _e([]), !_ && !v && se([]), he([]), ue([]), fe([]), ge([]), me([]), H((r) => ({
+      J.current = !0, _e([]), !_ && !h && se([]), he([]), ue([]), fe([]), ge([]), me([]), H((r) => ({
         make: t,
-        year: _ || v ? r.year : null
+        year: _ || h ? r.year : null
       })), P({
         query: "make",
         value: (t == null ? void 0 : t.value) ?? "",
-        remove: _ ? ["model", "body", "series", "engine", "variant", "engine_capacity"] : v ? [
+        remove: _ ? ["model", "body", "series", "engine", "variant", "engine_capacity"] : h ? [
           "model",
           "body",
           "series",
@@ -660,23 +660,23 @@ function Ct({
         ]
       }), t || ze([]);
     },
-    [P, _, v]
+    [P, _, h]
   ), Ie = j(
     (t) => {
-      W.current = !0, H((r) => ({
+      J.current = !0, H((r) => ({
         ...r,
         model: t !== "" ? t : null,
-        year: _ || v ? r.year : null,
+        year: _ || h ? r.year : null,
         // Preserve year in YMM mode or yearOptional mode
         body: null,
         series: null,
         variant: null,
         engine: null,
         engine_capacity: null
-      })), !_ && !v && se([]), he([]), ue([]), fe([]), ge([]), me([]), P({
+      })), !_ && !h && se([]), he([]), ue([]), fe([]), ge([]), me([]), P({
         query: "model",
         value: (t == null ? void 0 : t.value) ?? "",
-        remove: _ ? ["body", "series", "engine", "variant", "engine_capacity"] : v ? ["body", "series", "engine", "variant", "engine_capacity"] : [
+        remove: _ ? ["body", "series", "engine", "variant", "engine_capacity"] : h ? ["body", "series", "engine", "variant", "engine_capacity"] : [
           "year",
           "body",
           "series",
@@ -686,12 +686,12 @@ function Ct({
         ]
       });
     },
-    [P, _, v]
+    [P, _, h]
   ), Be = j(
     (t) => {
-      W.current = !0, _ ? (Ce([]), _e([]), H({
+      J.current = !0, _ ? (Ce([]), _e([]), H({
         year: t !== "" ? t : null
-      }), (!t || t === "") && se([])) : H(v ? (r) => ({
+      }), (!t || t === "") && se([])) : H(h ? (r) => ({
         ...r,
         year: t !== "" ? t : null
       }) : (r) => ({
@@ -702,7 +702,7 @@ function Ct({
         variant: null,
         engine: null,
         engine_capacity: null
-      })), v || (he([]), ue([]), fe([]), ge([]), me([])), P({
+      })), h || (he([]), ue([]), fe([]), ge([]), me([])), P({
         query: "year",
         value: (t == null ? void 0 : t.value) ?? "",
         remove: _ ? [
@@ -713,13 +713,13 @@ function Ct({
           "variant",
           "engine",
           "engine_capacity"
-        ] : v ? [] : ["body", "series", "variant", "engine", "engine_capacity"]
-      }), !v && (!t || t === "") && ze([]);
+        ] : h ? [] : ["body", "series", "variant", "engine", "engine_capacity"]
+      }), !h && (!t || t === "") && ze([]);
     },
-    [P, _, v]
+    [P, _, h]
   ), tt = j(
     (t) => {
-      W.current = !0, H((r) => ({
+      J.current = !0, H((r) => ({
         ...r,
         body: t !== "" ? t : null
       })), P({
@@ -730,7 +730,7 @@ function Ct({
     [P]
   ), rt = j(
     (t) => {
-      W.current = !0, H((r) => ({
+      J.current = !0, H((r) => ({
         ...r,
         series: t !== "" ? t : null
       })), P({
@@ -741,7 +741,7 @@ function Ct({
     [P]
   ), ot = j(
     (t) => {
-      W.current = !0, H((r) => ({
+      J.current = !0, H((r) => ({
         ...r,
         variant: t !== "" ? t : null
       })), P({
@@ -752,7 +752,7 @@ function Ct({
     [P]
   ), at = j(
     (t) => {
-      W.current = !0, H((r) => ({
+      J.current = !0, H((r) => ({
         ...r,
         engine: t !== "" ? t : null
       })), P({
@@ -763,7 +763,7 @@ function Ct({
     [P]
   ), nt = j(
     (t) => {
-      W.current = !0, H((r) => ({
+      J.current = !0, H((r) => ({
         ...r,
         engine_capacity: t !== "" ? t : null
       })), P({
@@ -780,22 +780,22 @@ function Ct({
           filter: `year_from <= ${e.year.value} AND year_to >= ${e.year.value}`,
           attributesToRetrieve: ["make", "make_popularity"],
           limit: 1e4
-        }), o = /* @__PURE__ */ new Map();
-        r.hits.forEach((s) => {
-          s.make && !o.has(s.make) && o.set(s.make, {
-            value: s.make.toUpperCase(),
-            refinement: s.make.toUpperCase(),
-            popularity: s.make_popularity || 0
+        }), a = /* @__PURE__ */ new Map();
+        r.hits.forEach((l) => {
+          l.make && !a.has(l.make) && a.set(l.make, {
+            value: l.make.toUpperCase(),
+            refinement: l.make.toUpperCase(),
+            popularity: l.make_popularity || 0
           });
         });
-        let a = Array.from(o.values());
-        const l = new Set(Y.current || []);
-        l.size > 0 ? a.sort((s, d) => {
-          const h = l.has(s.value), E = l.has(d.value);
-          return h && !E ? -1 : !h && E ? 1 : h && E ? Y.current.indexOf(s.value) - Y.current.indexOf(d.value) : s.value.localeCompare(d.value);
-        }) : a.sort(
-          (s, d) => d.popularity === s.popularity ? s.value.localeCompare(d.value) : d.popularity - s.popularity
-        ), Ce(a);
+        let o = Array.from(a.values());
+        const s = new Set(R.current || []);
+        s.size > 0 ? o.sort((l, c) => {
+          const d = s.has(l.value), E = s.has(c.value);
+          return d && !E ? -1 : !d && E ? 1 : d && E ? R.current.indexOf(l.value) - R.current.indexOf(c.value) : l.value.localeCompare(c.value);
+        }) : o.sort(
+          (l, c) => c.popularity === l.popularity ? l.value.localeCompare(c.value) : c.popularity - l.popularity
+        ), Ce(o);
       } catch (r) {
         console.error("[VehicleSearch] Error loading makes for year:", r);
       }
@@ -808,34 +808,34 @@ function Ct({
         r = m.current;
       else if (S.current)
         try {
-          const o = await S.current.search("", {
+          const a = await S.current.search("", {
             attributesToRetrieve: ["make", "make_popularity"],
             limit: 1e3
-          }), a = /* @__PURE__ */ new Map();
-          o.hits.forEach((l) => {
-            l.make && !a.has(l.make) && a.set(l.make, {
-              value: l.make.toUpperCase(),
-              refinement: l.make.toUpperCase(),
-              popularity: l.make_popularity || 0
+          }), o = /* @__PURE__ */ new Map();
+          a.hits.forEach((s) => {
+            s.make && !o.has(s.make) && o.set(s.make, {
+              value: s.make.toUpperCase(),
+              refinement: s.make.toUpperCase(),
+              popularity: s.make_popularity || 0
             });
-          }), r = Array.from(a.values());
-        } catch (o) {
-          console.error("[VehicleSearch] Error loading makes:", o);
+          }), r = Array.from(o.values());
+        } catch (a) {
+          console.error("[VehicleSearch] Error loading makes:", a);
         }
       if (f && r.length) {
-        const o = f.trim().split(",").map((a) => a.trim().toUpperCase());
+        const a = f.trim().split(",").map((o) => o.trim().toUpperCase());
         r = r.filter(
-          (a) => o.includes(a.value)
+          (o) => a.includes(o.value)
         );
       }
-      if (Y.current && Y.current.length > 0) {
-        const o = new Set(Y.current);
-        r.sort((a, l) => {
-          const s = o.has(a.value), d = o.has(l.value);
-          return s && !d ? -1 : !s && d ? 1 : s && d ? Y.current.indexOf(a.value) - Y.current.indexOf(l.value) : a.value.localeCompare(l.value);
+      if (R.current && R.current.length > 0) {
+        const a = new Set(R.current);
+        r.sort((o, s) => {
+          const l = a.has(o.value), c = a.has(s.value);
+          return l && !c ? -1 : !l && c ? 1 : l && c ? R.current.indexOf(o.value) - R.current.indexOf(s.value) : o.value.localeCompare(s.value);
         });
       } else
-        r.sort((o, a) => o.popularity === a.popularity ? o.value.localeCompare(a.value) : a.popularity - o.popularity);
+        r.sort((a, o) => a.popularity === o.popularity ? a.value.localeCompare(o.value) : o.popularity - a.popularity);
       Ce(r);
     })();
   }, [f]);
@@ -847,52 +847,52 @@ function Ct({
         `year_to >= ${e.year.value}`
       ]), S.current.search("", {
         filter: ce(t, r),
-        attributesToRetrieve: ["model", "model_popularity", "swd_id"],
+        attributesToRetrieve: ["model", "model_popularity", "otto_id"],
         limit: 1e3
         // Meilisearch can handle larger limits efficiently
-      }).then(({ hits: o }) => {
-        var E, Q;
-        const a = Array.isArray(ee.current) ? ee.current : typeof ee.current == "string" && ee.current.length ? ee.current.split(",").map((u) => u.trim()).filter(Boolean) : [];
-        let l = a;
-        if (c) {
-          const u = c.trim().split(",").map((V) => V.trim()).filter(Boolean), b = new Set(
+      }).then(({ hits: a }) => {
+        var E, ne;
+        const o = Array.isArray(G.current) ? G.current : typeof G.current == "string" && G.current.length ? G.current.split(",").map((u) => u.trim()).filter(Boolean) : [];
+        let s = o;
+        if (v) {
+          const u = v.trim().split(",").map((V) => V.trim()).filter(Boolean), b = new Set(
             u.map((V) => V.toLowerCase())
           );
-          l = a.length ? a.filter(
+          s = o.length ? o.filter(
             (V) => b.has(String(V).toLowerCase())
-          ) : u, o = o.filter(
+          ) : u, a = a.filter(
             (V) => b.has(
               V.model.match(/[^>]*$/)[0].trim().toLowerCase()
             )
           );
         }
-        if (l && l.length) {
+        if (s && s.length) {
           const u = new Set(
-            l.map((b) => String(b).toLowerCase())
+            s.map((b) => String(b).toLowerCase())
           );
-          o = o.filter(
+          a = a.filter(
             (b) => u.has(
               b.model.match(/[^>]*$/)[0].trim().toLowerCase()
             )
           );
         }
-        let s = /* @__PURE__ */ new Set();
-        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) => ({
+        let l = /* @__PURE__ */ new Set();
+        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) => ({
           value: u.model.match(/[^>]*$/)[0].trim(),
           refinement: u.model.match(/[^>]*$/)[0].trim(),
           popularity: u.model_popularity
         }));
-        const d = (E = e.make) == null ? void 0 : E.refinement, h = (Q = ie.current) == null ? void 0 : Q[d];
-        if (h && Array.isArray(h) && h.length > 0) {
+        const c = (E = e.make) == null ? void 0 : E.refinement, d = (ne = ie.current) == null ? void 0 : ne[c];
+        if (d && Array.isArray(d) && d.length > 0) {
           const u = new Set(
-            h.map((b) => String(b).trim().toUpperCase())
+            d.map((b) => String(b).trim().toUpperCase())
           );
-          o.sort((b, V) => {
-            const N = u.has(b.value), te = u.has(V.value);
-            if (N && !te) return -1;
-            if (!N && te) return 1;
-            if (N && te) {
-              const De = h.map(
+          a.sort((b, V) => {
+            const N = u.has(b.value), ee = u.has(V.value);
+            if (N && !ee) return -1;
+            if (!N && ee) return 1;
+            if (N && ee) {
+              const De = d.map(
                 (lt) => String(lt).trim().toUpperCase()
               );
               return De.indexOf(b.value) - De.indexOf(V.value);
@@ -900,11 +900,11 @@ function Ct({
             return b.value.localeCompare(V.value);
           });
         } else
-          o.sort((u, b) => u.popularity === b.popularity ? u.value.localeCompare(b.value) : b.popularity - u.popularity);
-        _e(o);
+          a.sort((u, b) => u.popularity === b.popularity ? u.value.localeCompare(b.value) : b.popularity - u.popularity);
+        _e(a);
       });
     }
-  }, [e.make, c, g]), L(() => {
+  }, [e.make, v, g]), L(() => {
     if (S.current && e.make && e.model) {
       console.log(
         "[VehicleSearch] Fetching year range for:",
@@ -915,13 +915,13 @@ function Ct({
       let t = [
         `model:${e.make.refinement} > ${e.model.refinement}`
       ];
-      v && (e.body && t.push(
+      h && (e.body && t.push(
         `body:${e.make.refinement} > ${e.model.refinement} > ${e.body.refinement}`
       ), e.series && t.push(`series:${e.series.refinement}`), e.engine && t.push(`engine:${e.engine.refinement}`), e.engine_capacity && t.push(
         `engine_capacity:${e.engine_capacity.refinement}`
       )), S.current.search("", {
         filter: ce(t, []),
-        attributesToRetrieve: ["year_from", "year_to", "swd_id"],
+        attributesToRetrieve: ["year_from", "year_to", "otto_id"],
         limit: 200
         // Reduced from 1000 for faster queries
       }).then(({ hits: r }) => {
@@ -929,13 +929,13 @@ function Ct({
           "[VehicleSearch] Year search returned hits:",
           r.length
         );
-        const o = r.map((h) => h.year_from), a = Math.min(...o), l = r.map((h) => h.year_to), s = Math.max(...l);
-        let d = Array.apply(null, {
-          length: s + 1 - a
-        }).map(function(h, E) {
-          return E + a;
+        const a = r.map((d) => d.year_from), o = Math.min(...a), s = r.map((d) => d.year_to), l = Math.max(...s);
+        let c = Array.apply(null, {
+          length: l + 1 - o
+        }).map(function(d, E) {
+          return E + o;
         });
-        d = d.reverse().map((h) => ({ value: h, refinement: h })), se(d);
+        c = c.reverse().map((d) => ({ value: d, refinement: d })), se(c);
       }).catch((r) => {
         console.error("[VehicleSearch] Error fetching years:", r);
       });
@@ -944,13 +944,13 @@ function Ct({
     e.model,
     e.make,
     _,
-    v,
+    h,
     e.body,
     e.series,
     e.engine,
     e.engine_capacity
   ]), L(() => {
-    const t = v ? e.make && e.model : e.year && e.make && e.model;
+    const t = h ? e.make && e.model : e.year && e.make && e.model;
     if (S.current && t) {
       const r = e.year ? [
         `year_from <= ${e.year.value}`,
@@ -961,30 +961,30 @@ function Ct({
           [`model:${e.make.refinement} > ${e.model.refinement}`],
           r
         ),
-        attributesToRetrieve: ["body", "swd_id"],
+        attributesToRetrieve: ["body", "otto_id"],
         limit: 1e3
-      }).then(({ hits: o }) => {
-        o = [...new Map(o.map((a) => [a.body, a])).values()].map((a) => ({
-          value: a.body.match(/[^>]*$/)[0].trim(),
-          refinement: a.body.match(/[^>]*$/)[0].trim()
-        })).filter((a) => a.value), he(o);
+      }).then(({ hits: a }) => {
+        a = [...new Map(a.map((o) => [o.body, o])).values()].map((o) => ({
+          value: o.body.match(/[^>]*$/)[0].trim(),
+          refinement: o.body.match(/[^>]*$/)[0].trim()
+        })).filter((o) => o.value), he(a);
       });
     }
-  }, [e.year, e.make, e.model, v]);
-  const le = j(({ hits: t, attribute: r, stateCallback: o }) => {
-    let a = [
-      ...new Map(t.map((l) => [l[r], l])).values()
-    ].map((l) => ({
-      value: l[r].match(/[^|]*$/)[0].trim(),
-      refinement: l[r].match(/[^|]*$/)[0].trim()
-    })).filter((l) => l.refinement);
-    o(a);
+  }, [e.year, e.make, e.model, h]);
+  const le = j(({ hits: t, attribute: r, stateCallback: a }) => {
+    let o = [
+      ...new Map(t.map((s) => [s[r], s])).values()
+    ].map((s) => ({
+      value: s[r].match(/[^|]*$/)[0].trim(),
+      refinement: s[r].match(/[^|]*$/)[0].trim()
+    })).filter((s) => s.refinement);
+    a(o);
   }, []), st = j(() => {
     const t = be.current ? be.current.length + 3 : 3, r = y ? t + 1 : t;
     return `vs:lg:grid-cols-${r > 8 ? 8 : r}`;
   }, [y]);
   L(() => {
-    const t = v ? e.make && e.model : e.make && e.model && e.year;
+    const t = h ? e.make && e.model : e.make && e.model && e.year;
     if (S.current && t) {
       let r = [
         `make:${e.make.refinement}`,
@@ -994,37 +994,37 @@ function Ct({
         e.variant ? `variant:${e.variant.refinement}` : "",
         e.engine ? `engine:${e.engine.refinement}` : "",
         e.engine_capacity ? `engine_capacity:${e.engine_capacity.refinement}` : ""
-      ].filter((a) => a);
-      const o = e.year ? [
+      ].filter((o) => o);
+      const a = e.year ? [
         `year_from <= ${e.year.value}`,
         `year_to >= ${e.year.value}`
       ] : [];
       S.current.search("", {
-        filter: ce(r, o),
+        filter: ce(r, a),
         attributesToRetrieve: [
           "series",
           "engine_capacity",
           "engine",
           "cylinders",
           "variant",
-          "swd_id"
+          "otto_id"
         ],
         limit: 1e3
-      }).then(({ hits: a }) => {
+      }).then(({ hits: o }) => {
         le({
-          hits: a,
+          hits: o,
           attribute: "series",
           stateCallback: ue
         }), le({
-          hits: a,
+          hits: o,
           attribute: "variant",
           stateCallback: fe
         }), le({
-          hits: a,
+          hits: o,
           attribute: "engine",
           stateCallback: me
         }), le({
-          hits: a,
+          hits: o,
           attribute: "engine_capacity",
           stateCallback: ge
         });
@@ -1040,7 +1040,7 @@ function Ct({
     e.make,
     e.model,
     e.year,
-    v
+    h
   ]);
   const [ye, $e] = M(!1);
   return L(() => {
@@ -1054,9 +1054,9 @@ function Ct({
       {
         onClick: () => $e(!0),
         type: "button",
-        className: re(
+        className: te(
           "vehicle-search-btn vs:md:hidden!",
-          U ? "vs:w-full! vs:flex! vs:shrink-0!" : "vs:w-auto! vs:inline-flex! vs:shrink!"
+          Y ? "vs:w-full! vs:flex! vs:shrink-0!" : "vs:w-auto! vs:inline-flex! vs:shrink!"
         ),
         children: /* @__PURE__ */ n("span", { children: "Select Vehicle" })
       }
@@ -1065,7 +1065,7 @@ function Ct({
       "div",
       {
         onClick: () => $e(!1),
-        className: re(
+        className: te(
           "vs:z-10 vs:fixed vs:inset-0 vs:bg-stone-900 vs:transition-all vs:duration-300",
           ye ? "vs:opacity-75" : "vs:pointer-events-none vs:opacity-0"
         )
@@ -1074,7 +1074,7 @@ function Ct({
     /* @__PURE__ */ $(
       "div",
       {
-        className: re(
+        className: te(
           B && "partbot-mmyvs-container",
           B && ye && "active",
           "w-full"
@@ -1108,7 +1108,7 @@ function Ct({
             "div",
             {
               ref: i,
-              className: re(
+              className: te(
                 "vs:grid vs:gap-3",
                 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",
                 "vs:w-full vs:transition vs:lg:mx-auto"
@@ -1116,21 +1116,21 @@ function Ct({
               children: [
                 _ ? /* @__PURE__ */ $(xe, { children: [
                   /* @__PURE__ */ n(
-                    K,
+                    Q,
                     {
                       label: "Year",
-                      items: ne,
+                      items: ae,
                       refine: Be,
                       selected: e.year,
                       bgDark: T,
                       showLabel: k,
                       isMobile: q,
                       sortOptions: !1,
-                      loading: ne.length === 0
+                      loading: ae.length === 0
                     }
                   ),
                   /* @__PURE__ */ n(
-                    K,
+                    Q,
                     {
                       label: "Make",
                       items: ve,
@@ -1145,7 +1145,7 @@ function Ct({
                     }
                   ),
                   /* @__PURE__ */ n(
-                    K,
+                    Q,
                     {
                       label: "Model",
                       items: pe,
@@ -1161,7 +1161,7 @@ function Ct({
                   )
                 ] }) : /* @__PURE__ */ $(xe, { children: [
                   /* @__PURE__ */ n(
-                    K,
+                    Q,
                     {
                       label: "Make",
                       items: ve,
@@ -1176,7 +1176,7 @@ function Ct({
                     }
                   ),
                   /* @__PURE__ */ n(
-                    K,
+                    Q,
                     {
                       label: "Model",
                       items: pe,
@@ -1191,17 +1191,17 @@ function Ct({
                     }
                   ),
                   /* @__PURE__ */ n(
-                    K,
+                    Q,
                     {
                       label: "Year",
-                      items: ne,
+                      items: ae,
                       refine: Be,
                       selected: e.year,
                       bgDark: T,
                       showLabel: k,
                       isMobile: q,
                       sortOptions: !1,
-                      loading: e.model && ne.length === 0
+                      loading: e.model && ae.length === 0
                     }
                   )
                 ] }),
@@ -1210,10 +1210,10 @@ function Ct({
                   switch (t) {
                     case "body":
                       r = /* @__PURE__ */ n(
-                        K,
+                        Q,
                         {
                           label: "Body",
-                          items: Ue,
+                          items: Ye,
                           refine: tt,
                           selected: e.body,
                           bgDark: T,
@@ -1227,10 +1227,10 @@ function Ct({
                       break;
                     case "series":
                       r = /* @__PURE__ */ n(
-                        K,
+                        Q,
                         {
                           label: "Series",
-                          items: Ye,
+                          items: Re,
                           refine: rt,
                           selected: e.series,
                           bgDark: T,
@@ -1244,7 +1244,7 @@ function Ct({
                       break;
                     case "variant":
                       r = /* @__PURE__ */ n(
-                        K,
+                        Q,
                         {
                           label: "Variant",
                           items: Te,
@@ -1261,7 +1261,7 @@ function Ct({
                       break;
                     case "engine_capacity":
                       r = /* @__PURE__ */ n(
-                        K,
+                        Q,
                         {
                           label: "Engine Capacity",
                           items: Oe,
@@ -1278,7 +1278,7 @@ function Ct({
                       break;
                     case "engine":
                       r = /* @__PURE__ */ n(
-                        K,
+                        Q,
                         {
                           label: "Engine",
                           items: Ze,
@@ -1312,10 +1312,10 @@ function Ct({
               ]
             }
           ),
-          R && /* @__PURE__ */ n(
+          U && /* @__PURE__ */ n(
             "div",
             {
-              className: re(
+              className: te(
                 "vs:flex vs:w-full vs:justify-center vs:items-center",
                 I === "row" ? "vs:md:items-end vs:md:justify-end" : "vs:md:justify-center",
                 "vs:mt-4 vs:md:mt-3 vs:md:pr-1.5"
@@ -1341,27 +1341,27 @@ function Ct({
     )
   ] });
 }
-let Re = !1, de = !1;
+let Ue = !1, de = !1;
 function _t(g) {
-  var B, X;
+  var B, W;
   const f = g.shadowRoot;
   if (!f) {
     console.error("[ShadowDOMPatch] No shadow root found");
     return;
   }
-  const c = f.children[1];
-  if (!c) {
+  const v = f.children[1];
+  if (!v) {
     console.error("[ShadowDOMPatch] No mount point found in shadow root");
     return;
   }
   if (new MutationObserver((p) => {
     p.forEach((w) => {
       w.addedNodes.forEach((y) => {
-        y.nodeType === 1 && y.id === "headlessui-portal-root" && (c.appendChild(y), de = !0);
+        y.nodeType === 1 && y.id === "headlessui-portal-root" && (v.appendChild(y), de = !0);
       });
     }), p.forEach((w) => {
       w.removedNodes.forEach((y) => {
-        y.nodeType === 1 && y.id === "headlessui-portal-root" && (c.querySelector(
+        y.nodeType === 1 && y.id === "headlessui-portal-root" && (v.querySelector(
           "#headlessui-portal-root"
         ) || (de = !1));
       });
@@ -1374,10 +1374,10 @@ function _t(g) {
         y.nodeType === 1 && y.id === "headlessui-portal-root" && (de = !1);
       });
     });
-  }).observe(c, {
+  }).observe(v, {
     childList: !0,
     subtree: !0
-  }), Re)
+  }), Ue)
     return;
   const F = (B = Object.getOwnPropertyDescriptor(
     Document.prototype,
@@ -1389,17 +1389,17 @@ function _t(g) {
       return p === g ? f.activeElement : p;
     }
   });
-  const A = (X = Object.getOwnPropertyDescriptor(
+  const A = (W = Object.getOwnPropertyDescriptor(
     Event.prototype,
     "target"
-  )) == null ? void 0 : X.get;
+  )) == null ? void 0 : W.get;
   Object.defineProperty(Event.prototype, "target", {
     get: function() {
       const p = A == null ? void 0 : A.call(this);
       return p === g ? this.composedPath()[0] : p;
     }
   });
-  const R = (p) => {
+  const U = (p) => {
     try {
       return document.body && p === document.body.style;
     } catch {
@@ -1407,24 +1407,24 @@ function _t(g) {
     }
   }, k = CSSStyleDeclaration.prototype.setProperty;
   CSSStyleDeclaration.prototype.setProperty = function(p, w, y) {
-    if (!(R(this) && p === "overflow" && w === "hidden" && de))
+    if (!(U(this) && p === "overflow" && w === "hidden" && de))
       return k.call(this, p, w, y);
   };
-  const U = Object.getOwnPropertyDescriptor(
+  const Y = Object.getOwnPropertyDescriptor(
     CSSStyleDeclaration.prototype,
     "overflow"
   );
-  U && Object.defineProperty(CSSStyleDeclaration.prototype, "overflow", {
+  Y && Object.defineProperty(CSSStyleDeclaration.prototype, "overflow", {
     get: function() {
-      return U.get.call(this);
+      return Y.get.call(this);
     },
     set: function(p) {
-      if (!(R(this) && p === "hidden" && de))
-        return U.set.call(this, p);
+      if (!(U(this) && p === "hidden" && de))
+        return Y.set.call(this, p);
     }
-  }), Re = !0;
+  }), Ue = !0;
 }
-const zt = "/css/vehicle-search.css", Rt = zt;
+const zt = "/css/vehicle-search.css", Ut = zt;
 class St extends HTMLElement {
   connectedCallback() {
     if (!document.getElementById("vehicle-search-inter-font")) {
@@ -1433,13 +1433,13 @@ class St extends HTMLElement {
     }
     let f = document.createElement("style");
     f.textContent = xt;
-    const c = document.createElement("div"), D = this.attachShadow({ mode: "open" }), I = (C, v, i) => {
+    const v = document.createElement("div"), D = this.attachShadow({ mode: "open" }), I = (C, h, i) => {
       let z;
-      if (this.hasAttribute(v)) {
-        const m = this.getAttribute(v);
+      if (this.hasAttribute(h)) {
+        const m = this.getAttribute(h);
         if (/^#[0-9A-F]{6}$/i.test(m)) {
-          const ee = parseInt(m.slice(1, 3), 16), Y = parseInt(m.slice(3, 5), 16), ie = parseInt(m.slice(5, 7), 16);
-          z = `${ee} ${Y} ${ie}`;
+          const G = parseInt(m.slice(1, 3), 16), R = parseInt(m.slice(3, 5), 16), ie = parseInt(m.slice(5, 7), 16);
+          z = `${G} ${R} ${ie}`;
         }
       }
       return z = z || i, `:host { --${C}: ${z}; }`;
@@ -1452,7 +1452,7 @@ class St extends HTMLElement {
       "partbot-button-color",
       "data-button-color",
       "99 102 241"
-    ), R = I(
+    ), U = I(
       "partbot-button-hover-color",
       "data-button-hover-color",
       "79 70 229"
@@ -1460,7 +1460,7 @@ class St extends HTMLElement {
       "partbot-button-label-color",
       "data-button-label-color",
       "255 255 255"
-    ), U = I(
+    ), Y = I(
       "partbot-button-hover-label-color",
       "data-button-hover-label-color",
       "255 255 255"
@@ -1468,29 +1468,29 @@ class St extends HTMLElement {
       "partbot-mobile-background-color",
       "data-mobile-background-color",
       "12 24 39"
-    ), 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"}}`;
-    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);
+    ), 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"}}`;
+    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);
     const O = this.getAttribute("data-api-key");
     if (!O) {
       console.warn("Missing attributes: " + (O ? "" : "data-api-key "));
       return;
     }
-    const J = this.attributes, G = {};
-    for (let C = 0; C < J.length; C++) {
-      const { name: v, value: i } = J[C];
-      if (v.startsWith("data-")) {
-        const z = v.slice(5).replace(/-([a-z])/g, (m) => m[1].toUpperCase());
-        G[z] = i === "true" ? !0 : i === "false" ? !1 : i;
+    const K = this.attributes, X = {};
+    for (let C = 0; C < K.length; C++) {
+      const { name: h, value: i } = K[C];
+      if (h.startsWith("data-")) {
+        const z = h.slice(5).replace(/-([a-z])/g, (m) => m[1].toUpperCase());
+        X[z] = i === "true" ? !0 : i === "false" ? !1 : i;
       }
     }
     _t(this);
-    const x = /* @__PURE__ */ n(Ct, { ...G });
-    dt.render(x, c);
+    const x = /* @__PURE__ */ n(Ct, { ...X });
+    dt.render(x, v);
   }
 }
 customElements.define("vehicle-search", St);
 export {
   Ct as VehicleSearch,
   Ct as default,
-  Rt as vehicleSearchCssUrl
+  Ut as vehicleSearchCssUrl
 };