@partbot/stockist-map 0.1.2 → 0.1.3

package/dist/stockist-search.js

@@ -1,7 +1,7 @@
 var ae = Object.defineProperty;
 var ie = (e, t, r) => t in e ? ae(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
 var O = (e, t, r) => ie(e, typeof t != "symbol" ? t + "" : t, r);
-import { jsxs as y, jsx as l } from "react/jsx-runtime";
+import { jsxs as y, jsx as c } from "react/jsx-runtime";
 import { createRoot as Y } from "react-dom/client";
 import * as s from "react";
 import { createContext as le } from "react";
@@ -15,10 +15,10 @@ const ce = le({
     const {
       alt: r,
       color: n,
-      size: c,
+      size: i,
       weight: M,
-      mirrored: z,
-      children: i,
+      mirrored: D,
+      children: l,
       weights: R,
       ...w
     } = e, {
@@ -33,16 +33,16 @@ const ce = le({
       {
         ref: t,
         xmlns: "http://www.w3.org/2000/svg",
-        width: c ?? A,
-        height: c ?? A,
+        width: i ?? A,
+        height: i ?? A,
         fill: n ?? S,
         viewBox: "0 0 256 256",
-        transform: z || N ? "scale(-1, 1)" : void 0,
+        transform: D || N ? "scale(-1, 1)" : void 0,
         ...v,
         ...w
       },
       !!r && /* @__PURE__ */ s.createElement("title", null, r),
-      i,
+      l,
       R.get(M ?? m)
     );
   }
@@ -81,7 +81,7 @@ const ue = /* @__PURE__ */ new Map([
   ]
 ]), W = s.forwardRef((e, t) => /* @__PURE__ */ s.createElement(Q, { ref: t, ...e, weights: ue }));
 W.displayName = "NavigationArrowIcon";
-const de = "https://tile.openstreetmap.org/{z}/{x}/{y}.png", J = "https://basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}@2x.png", X = "OpenStreetMap contributors, CARTO", ee = "https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json", F = {
+const de = "https://tile.openstreetmap.org/{z}/{x}/{y}.png", J = "https://basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}@2x.png", X = "OpenStreetMap contributors, CARTO", ee = "https://basemaps.cartocdn.com/gl/voyager-gl-style/style.json", q = {
   primaryColor: "#111111",
   markerColor: "#111111",
   borderRadius: 8,
@@ -96,15 +96,15 @@ const de = "https://tile.openstreetmap.org/{z}/{x}/{y}.png", J = "https://basema
 };
 function pe(e = {}) {
   return {
-    ...F,
+    ...q,
     ...e,
     defaultCenter: {
-      ...F.defaultCenter,
+      ...q.defaultCenter,
       ...e.defaultCenter || {}
     },
     styleUrl: e.styleUrl || ee,
     mapPalette: e.mapPalette || "monotone",
-    borderRadius: Number.isFinite(Number(e.borderRadius)) ? Number(e.borderRadius) : F.borderRadius,
+    borderRadius: Number.isFinite(Number(e.borderRadius)) ? Number(e.borderRadius) : q.borderRadius,
     tileUrl: !e.tileUrl || e.tileUrl === de ? J : e.tileUrl,
     tileAttribution: e.tileAttribution || X,
     radiusUnit: "km"
@@ -138,8 +138,8 @@ function H(e) {
   return e * Math.PI / 180;
 }
 function xe(e, t) {
-  const r = H(t.lat - e.lat), n = H(t.lng - e.lng), c = Math.sin(r / 2) ** 2 + Math.cos(H(e.lat)) * Math.cos(H(t.lat)) * Math.sin(n / 2) ** 2;
-  return 2 * ge * Math.atan2(Math.sqrt(c), Math.sqrt(1 - c));
+  const r = H(t.lat - e.lat), n = H(t.lng - e.lng), i = Math.sin(r / 2) ** 2 + Math.cos(H(e.lat)) * Math.cos(H(t.lat)) * Math.sin(n / 2) ** 2;
+  return 2 * ge * Math.atan2(Math.sqrt(i), Math.sqrt(1 - i));
 }
 function ye(e) {
   return `${e.toFixed(1)} km`;
@@ -148,43 +148,57 @@ function we(e) {
   const t = ["localhost", "127.0.0.1", "::1"].includes(window.location.hostname);
   return window.location.protocol !== "https:" && !t ? "Browser location is blocked on this local Partbot domain. Chrome and Brave only allow location access on HTTPS, localhost, or origins manually trusted in browser flags." : e.code === e.PERMISSION_DENIED ? "Location permission is blocked for this site. Allow location access in your browser settings, then try again." : e.code === e.POSITION_UNAVAILABLE ? "Your browser could not determine your location. Try again, or search by suburb or postcode." : e.code === e.TIMEOUT ? "Finding your location timed out. Try again, or search by suburb or postcode." : `Browser location failed with error code ${e.code}. Try again, or search by suburb or postcode.`;
 }
-const q = 3, $ = 50, ve = 350;
-function Ee(e, t) {
-  return t ? e.map((r) => ({ ...r, distanceKm: xe(t, r._geo) })).sort((r, n) => (r.distanceKm || 0) - (n.distanceKm || 0)).slice(0, q) : e.slice(0, q);
+function ve(e) {
+  return e.stockist_id ?? e.id;
+}
+function ke(e) {
+  const t = /* @__PURE__ */ new Set();
+  return e.filter((r) => {
+    const n = ve(r);
+    return t.has(n) ? !1 : (t.add(n), !0);
+  });
+}
+const Ee = 3, Se = 100, Z = 50, Ae = 350;
+function $(e) {
+  return e.display_address || e.address;
+}
+function Te(e, t) {
+  const r = t ? e.map((n) => ({ ...n, distanceKm: xe(t, n._geo) })).sort((n, i) => (n.distanceKm || 0) - (i.distanceKm || 0)) : e;
+  return ke(r).slice(0, Ee);
 }
 function te({
   token: e,
   configUrl: t,
   config: r,
   theme: n,
-  initialQuery: c = "",
+  initialQuery: i = "",
   viewAllUrl: M = "/pages/stockists",
-  className: z = ""
+  className: D = ""
 }) {
-  const [i, R] = s.useState(r || null), [w, S] = s.useState(c), [A, m] = s.useState(
-    c.trim() ? "typed" : null
-  ), [N, v] = s.useState([]), [L, I] = s.useState(!1), [E, k] = s.useState(!1), [re, d] = s.useState(!1), [K, g] = s.useState(!1), [_, b] = s.useState(null), T = s.useRef(null), f = s.useRef(0), x = s.useRef(0), C = s.useRef(null), Z = s.useId(), B = s.useMemo(
-    () => pe({ ...(i == null ? void 0 : i.theme) || {}, ...n || {} }),
-    [i == null ? void 0 : i.theme, n]
+  const [l, R] = s.useState(r || null), [w, S] = s.useState(i), [A, m] = s.useState(
+    i.trim() ? "typed" : null
+  ), [N, v] = s.useState([]), [L, I] = s.useState(!1), [k, E] = s.useState(!1), [re, d] = s.useState(!1), [F, g] = s.useState(!1), [_, b] = s.useState(null), T = s.useRef(null), f = s.useRef(0), x = s.useRef(0), C = s.useRef(null), K = s.useId(), z = s.useMemo(
+    () => pe({ ...(l == null ? void 0 : l.theme) || {}, ...n || {} }),
+    [l == null ? void 0 : l.theme, n]
   ), p = s.useCallback(() => {
     C.current && (clearTimeout(C.current), C.current = null);
   }, []), U = s.useCallback(() => {
     f.current += 1, p(), v([]), I(!1), g(!1), b(null), d(!1);
   }, [p]), P = s.useCallback(
     async ({ activeQuery: o, center: a }) => {
-      if (!i) return;
+      if (!l) return;
       const u = f.current + 1;
       f.current = u, p(), I(!0), g(!0), b(null), d(!0);
       try {
-        const h = await me(i.search.url, {
+        const h = await me(l.search.url, {
           query: o,
           center: a,
-          radiusKm: $,
-          limit: q,
+          radiusKm: Z,
+          limit: Se,
           locationSearch: !a && !!o
         });
         if (u !== f.current) return;
-        v(Ee(h.hits, h.center || a));
+        v(Te(h.hits, h.center || a));
       } catch (h) {
         if (u !== f.current) return;
         v([]), b(h instanceof Error ? h.message : "Could not search stockists");
@@ -192,10 +206,10 @@ function te({
         u === f.current && I(!1);
       }
     },
-    [p, i]
+    [p, l]
   );
   s.useEffect(() => {
-    if (x.current += 1, f.current += 1, p(), R(r || null), S(c), m(c.trim() ? "typed" : null), v([]), I(!1), k(!1), g(!1), d(!1), b(null), r) return;
+    if (x.current += 1, f.current += 1, p(), R(r || null), S(i), m(i.trim() ? "typed" : null), v([]), I(!1), E(!1), g(!1), d(!1), b(null), r) return;
     const o = t || (e ? be(e) : null);
     if (!o) return;
     let a = !1;
@@ -206,8 +220,8 @@ function te({
     }), () => {
       a = !0;
     };
-  }, [p, t, c, r, e]), s.useEffect(() => {
-    if (!i || A !== "typed") return;
+  }, [p, t, i, r, e]), s.useEffect(() => {
+    if (!l || A !== "typed") return;
     const o = w.trim();
     if (!o) {
       U();
@@ -215,8 +229,8 @@ function te({
     }
     return p(), C.current = setTimeout(() => {
       C.current = null, P({ activeQuery: o, center: null });
-    }, ve), p;
-  }, [p, i, w, U, P, A]), s.useEffect(() => {
+    }, Ae), p;
+  }, [p, l, w, U, P, A]), s.useEffect(() => {
     const o = (a) => {
       const u = typeof a.composedPath == "function" ? a.composedPath() : [], h = a.target instanceof Node ? a.target : null;
       T.current && u.includes(T.current) || T.current && h && T.current.contains(h) || d(!1);
@@ -229,7 +243,7 @@ function te({
     [p]
   );
   const oe = () => {
-    if (x.current += 1, U(), m(null), k(!1), typeof window < "u" && window.isSecureContext === !1) {
+    if (x.current += 1, U(), m(null), E(!1), typeof window < "u" && window.isSecureContext === !1) {
       b("Browser location is blocked on this site. Search by suburb or postcode instead."), g(!0), d(!0);
       return;
     }
@@ -239,42 +253,42 @@ function te({
       ), g(!0), d(!0);
       return;
     }
-    m("location"), k(!0), b(null), d(!0);
+    m("location"), E(!0), b(null), d(!0);
     const o = x.current;
     navigator.geolocation.getCurrentPosition(
       (a) => {
         if (o !== x.current) return;
         const u = { lat: a.coords.latitude, lng: a.coords.longitude };
-        S(""), k(!1), P({ activeQuery: "", center: u });
+        S(""), E(!1), P({ activeQuery: "", center: u });
       },
       (a) => {
-        o === x.current && (k(!1), g(!0), b(we(a)), d(!0));
+        o === x.current && (E(!1), g(!0), b(we(a)), d(!0));
       },
       { enableHighAccuracy: !1, timeout: 8e3 }
     );
   }, ne = () => {
     const o = w.trim();
     o && (m("typed"), P({ activeQuery: o, center: null }));
-  }, D = re && (L || E || K || !!_);
+  }, B = re && (L || k || F || !!_);
   return /* @__PURE__ */ y(
     "div",
     {
       ref: T,
-      className: `pbss-root ${B.darkMode ? "is-dark" : ""} ${z}`.trim(),
+      className: `pbss-root ${z.darkMode ? "is-dark" : ""} ${D}`.trim(),
       style: {
-        "--pbss-primary": B.primaryColor,
-        "--pbss-radius": `${Math.max(0, B.borderRadius)}px`
+        "--pbss-primary": z.primaryColor,
+        "--pbss-radius": `${Math.max(0, z.borderRadius)}px`
       },
       onKeyDown: (o) => {
         o.key === "Escape" && d(!1);
       },
       children: [
         /* @__PURE__ */ y("div", { className: "pbss-search-control", children: [
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ c(
             "input",
             {
-              "aria-controls": D ? Z : void 0,
-              "aria-expanded": D,
+              "aria-controls": B ? K : void 0,
+              "aria-expanded": B,
               "aria-label": "Search stockists",
               autoComplete: "postal-code",
               className: "pbss-input",
@@ -284,10 +298,10 @@ function te({
               value: w,
               onChange: (o) => {
                 const a = o.target.value;
-                x.current += 1, U(), k(!1), S(a), m(a.trim() ? "typed" : null);
+                x.current += 1, U(), E(!1), S(a), m(a.trim() ? "typed" : null);
               },
               onFocus: () => {
-                (L || E || K || _) && d(!0);
+                (L || k || F || _) && d(!0);
               },
               onKeyDown: (o) => {
                 o.key === "Enter" && (o.preventDefault(), ne());
@@ -297,38 +311,38 @@ function te({
           /* @__PURE__ */ y(
             "button",
             {
-              "aria-label": E ? "Finding your location" : "Use my location",
+              "aria-label": k ? "Finding your location" : "Use my location",
               className: "pbss-location-button",
-              disabled: E || L || !i,
+              disabled: k || L || !l,
               type: "button",
               onClick: oe,
               children: [
-                E ? /* @__PURE__ */ l("span", { "aria-hidden": "true", className: "pbss-spinner" }) : /* @__PURE__ */ l(W, { "aria-hidden": "true", "data-slot": "icon", weight: "bold" }),
-                /* @__PURE__ */ l("span", { "aria-hidden": "true", className: "pbss-touch-target" })
+                k ? /* @__PURE__ */ c("span", { "aria-hidden": "true", className: "pbss-spinner" }) : /* @__PURE__ */ c(W, { "aria-hidden": "true", "data-slot": "icon", weight: "bold" }),
+                /* @__PURE__ */ c("span", { "aria-hidden": "true", className: "pbss-touch-target" })
               ]
             }
           )
         ] }),
-        D && /* @__PURE__ */ y(
+        B && /* @__PURE__ */ y(
           "div",
           {
             "aria-label": "Nearest stockists",
             className: "pbss-results-panel",
-            id: Z,
+            id: K,
             role: "region",
             children: [
-              /* @__PURE__ */ l("div", { "aria-live": "polite", className: "pbss-results-status", children: L || E ? /* @__PURE__ */ l("div", { className: "pbss-loading", children: "Finding nearby stockists." }) : _ ? /* @__PURE__ */ l("div", { className: "pbss-error", children: _ }) : N.length > 0 ? /* @__PURE__ */ l("ul", { className: "pbss-results", role: "list", children: N.map((o) => /* @__PURE__ */ y("li", { className: "pbss-result", children: [
+              /* @__PURE__ */ c("div", { "aria-live": "polite", className: "pbss-results-status", children: L || k ? /* @__PURE__ */ c("div", { className: "pbss-loading", children: "Finding nearby stockists." }) : _ ? /* @__PURE__ */ c("div", { className: "pbss-error", children: _ }) : N.length > 0 ? /* @__PURE__ */ c("ul", { className: "pbss-results", role: "list", children: N.map((o) => /* @__PURE__ */ y("li", { className: "pbss-result", children: [
                 /* @__PURE__ */ y("div", { className: "pbss-result-heading", children: [
-                  /* @__PURE__ */ l("div", { className: "pbss-result-name", children: o.name }),
-                  typeof o.distanceKm == "number" && /* @__PURE__ */ l("div", { className: "pbss-result-distance", children: ye(o.distanceKm) })
+                  /* @__PURE__ */ c("div", { className: "pbss-result-name", children: o.name }),
+                  typeof o.distanceKm == "number" && /* @__PURE__ */ c("div", { className: "pbss-result-distance", children: ye(o.distanceKm) })
                 ] }),
-                o.address && /* @__PURE__ */ l("div", { className: "pbss-result-address", children: o.address })
+                $(o) && /* @__PURE__ */ c("div", { className: "pbss-result-address", children: $(o) })
               ] }, o.id)) }) : /* @__PURE__ */ y("div", { className: "pbss-empty", children: [
                 "No stockists found within ",
-                $,
+                Z,
                 " km. Try another location."
               ] }) }),
-              /* @__PURE__ */ l("a", { className: "pbss-view-all", href: M || "/pages/stockists", children: "View All Stockists" })
+              /* @__PURE__ */ c("a", { className: "pbss-view-all", href: M || "/pages/stockists", children: "View All Stockists" })
             ]
           }
         )
@@ -336,21 +350,21 @@ function te({
     }
   );
 }
-const ke = ":host{display:block}partbot-stockist-search{display:block}.pbss-root{--pbss-primary: #111111;--pbss-action-color: var(--pbss-primary);--pbss-radius: 8px;--pbss-surface: #ffffff;--pbss-control-surface: #ffffff;--pbss-border: rgb(28 25 23 / .14);--pbss-divider: rgb(28 25 23 / .09);--pbss-text: #1c1917;--pbss-muted-text: #78716c;--pbss-placeholder-text: #57534e;--pbss-danger-surface: #fff1f2;--pbss-danger-text: #9f1239;color:var(--pbss-text);container-type:inline-size;font-family:inherit;isolation:isolate;position:relative;width:100%;-webkit-font-smoothing:antialiased}.pbss-search-control{align-items:center;display:flex;min-width:0;position:relative}.pbss-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pbss-control-surface);border:0;border-radius:var(--pbss-radius);box-shadow:inset 0 0 0 1px var(--pbss-border);color:var(--pbss-text);font:inherit;font-size:16px;line-height:1.5;min-height:48px;min-width:0;padding:10px 56px 10px 14px;width:100%}.pbss-input::-webkit-search-cancel-button{margin-right:4px}.pbss-input::placeholder{color:var(--pbss-placeholder-text);opacity:1}.pbss-input:focus{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--pbss-action-color) 70%,transparent),0 0 0 3px color-mix(in srgb,var(--pbss-action-color) 14%,transparent);outline:none}.pbss-location-button{align-items:center;background:transparent;border:0;border-radius:max(4px,calc(var(--pbss-radius) - 4px));color:var(--pbss-action-color);cursor:pointer;display:inline-flex;height:40px;justify-content:center;padding:0;position:absolute;right:4px;width:40px}.pbss-location-button [data-slot=icon]{flex:0 0 auto;height:16px;width:16px}.pbss-location-button:hover{background:color-mix(in srgb,var(--pbss-action-color) 8%,transparent)}.pbss-location-button:focus-visible{outline:2px solid var(--pbss-action-color);outline-offset:-2px}.pbss-location-button:disabled{cursor:not-allowed;opacity:.5}.pbss-touch-target{height:max(100%,48px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:max(100%,48px)}.pbss-spinner{animation:pbss-spin .7s linear infinite;border:2px solid color-mix(in srgb,var(--pbss-action-color) 22%,transparent);border-radius:999px;border-top-color:var(--pbss-action-color);height:16px;width:16px}.pbss-results-panel{background:var(--pbss-surface);border-radius:var(--pbss-radius);box-shadow:0 16px 36px #1c191729,0 2px 8px #1c191714,0 0 0 1px #1c19170f;display:grid;left:0;margin-top:6px;overflow:hidden;position:absolute;right:0;z-index:20}.pbss-results-status{min-width:0}.pbss-results{list-style:none;margin:0;padding:0}.pbss-result{display:grid;gap:4px;padding:14px}.pbss-result+.pbss-result{border-top:1px solid var(--pbss-divider)}.pbss-result-heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;min-width:0}.pbss-result-name{font-size:16px;font-weight:600;line-height:1.35;min-width:0}.pbss-result-distance{color:var(--pbss-action-color);flex:0 0 auto;font-size:14px;font-variant-numeric:tabular-nums;font-weight:600;line-height:1.35}.pbss-result-address,.pbss-loading,.pbss-empty,.pbss-error{font-size:16px;line-height:1.45}.pbss-result-address{color:var(--pbss-muted-text)}.pbss-loading,.pbss-empty,.pbss-error{padding:16px 14px}.pbss-loading,.pbss-empty{color:var(--pbss-muted-text)}.pbss-error{background:var(--pbss-danger-surface);color:var(--pbss-danger-text)}.pbss-view-all{border-top:1px solid var(--pbss-divider);color:var(--pbss-action-color);font-size:16px;font-weight:600;line-height:1.4;padding:13px 14px;text-align:center;text-decoration:none}.pbss-view-all:hover{background:color-mix(in srgb,var(--pbss-action-color) 6%,var(--pbss-surface));text-decoration:underline;text-underline-offset:3px}.pbss-view-all:focus-visible{outline:2px solid var(--pbss-action-color);outline-offset:-3px}@container (min-width: 480px){.pbss-result-name,.pbss-result-address,.pbss-loading,.pbss-empty,.pbss-error,.pbss-view-all{font-size:14px}.pbss-result-distance{font-size:12px}}.pbss-root.is-dark{--pbss-action-color: #f5f3f0;--pbss-surface: #1c1917;--pbss-control-surface: #292524;--pbss-border: rgb(255 255 255 / .16);--pbss-divider: rgb(255 255 255 / .1);--pbss-text: #f5f3f0;--pbss-muted-text: #d6d3d1;--pbss-placeholder-text: #d6d3d1;--pbss-danger-surface: #4c0519;--pbss-danger-text: #fecdd3}.pbss-root.is-dark .pbss-results-panel{box-shadow:0 18px 38px #0000006b,0 0 0 1px #ffffff1a}@media(prefers-reduced-motion:reduce){.pbss-spinner{animation-duration:1.4s}}@keyframes pbss-spin{to{transform:rotate(360deg)}}";
-function Se(e, t) {
+const Ce = ":host{display:block}partbot-stockist-search{display:block}.pbss-root{--pbss-primary: #111111;--pbss-action-color: var(--pbss-primary);--pbss-radius: 8px;--pbss-surface: #ffffff;--pbss-control-surface: #ffffff;--pbss-border: rgb(28 25 23 / .14);--pbss-divider: rgb(28 25 23 / .09);--pbss-text: #1c1917;--pbss-muted-text: #78716c;--pbss-placeholder-text: #57534e;--pbss-danger-surface: #fff1f2;--pbss-danger-text: #9f1239;color:var(--pbss-text);container-type:inline-size;font-family:inherit;isolation:isolate;position:relative;width:100%;-webkit-font-smoothing:antialiased}.pbss-search-control{align-items:center;display:flex;min-width:0;position:relative}.pbss-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pbss-control-surface);border:0;border-radius:var(--pbss-radius);box-shadow:inset 0 0 0 1px var(--pbss-border);color:var(--pbss-text);font:inherit;font-size:16px;line-height:1.5;min-height:48px;min-width:0;padding:10px 56px 10px 14px;width:100%}.pbss-input::-webkit-search-cancel-button{margin-right:4px}.pbss-input::placeholder{color:var(--pbss-placeholder-text);opacity:1}.pbss-input:focus{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--pbss-action-color) 70%,transparent),0 0 0 3px color-mix(in srgb,var(--pbss-action-color) 14%,transparent);outline:none}.pbss-location-button{align-items:center;background:transparent;border:0;border-radius:max(4px,calc(var(--pbss-radius) - 4px));color:var(--pbss-action-color);cursor:pointer;display:inline-flex;height:40px;justify-content:center;padding:0;position:absolute;right:4px;width:40px}.pbss-location-button [data-slot=icon]{flex:0 0 auto;height:16px;width:16px}.pbss-location-button:hover{background:color-mix(in srgb,var(--pbss-action-color) 8%,transparent)}.pbss-location-button:focus-visible{outline:2px solid var(--pbss-action-color);outline-offset:-2px}.pbss-location-button:disabled{cursor:not-allowed;opacity:.5}.pbss-touch-target{height:max(100%,48px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:max(100%,48px)}.pbss-spinner{animation:pbss-spin .7s linear infinite;border:2px solid color-mix(in srgb,var(--pbss-action-color) 22%,transparent);border-radius:999px;border-top-color:var(--pbss-action-color);height:16px;width:16px}.pbss-results-panel{background:var(--pbss-surface);border-radius:var(--pbss-radius);box-shadow:0 16px 36px #1c191729,0 2px 8px #1c191714,0 0 0 1px #1c19170f;display:grid;left:0;margin-top:6px;overflow:hidden;position:absolute;right:0;z-index:20}.pbss-results-status{min-width:0}.pbss-results{list-style:none;margin:0;padding:0}.pbss-result{display:grid;gap:4px;padding:14px}.pbss-result+.pbss-result{border-top:1px solid var(--pbss-divider)}.pbss-result-heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;min-width:0}.pbss-result-name{font-size:16px;font-weight:600;line-height:1.35;min-width:0}.pbss-result-distance{color:var(--pbss-action-color);flex:0 0 auto;font-size:14px;font-variant-numeric:tabular-nums;font-weight:600;line-height:1.35}.pbss-result-address,.pbss-loading,.pbss-empty,.pbss-error{font-size:16px;line-height:1.45}.pbss-result-address{color:var(--pbss-muted-text)}.pbss-loading,.pbss-empty,.pbss-error{padding:16px 14px}.pbss-loading,.pbss-empty{color:var(--pbss-muted-text)}.pbss-error{background:var(--pbss-danger-surface);color:var(--pbss-danger-text)}.pbss-view-all{border-top:1px solid var(--pbss-divider);color:var(--pbss-action-color);font-size:16px;font-weight:600;line-height:1.4;padding:13px 14px;text-align:center;text-decoration:none}.pbss-view-all:hover{background:color-mix(in srgb,var(--pbss-action-color) 6%,var(--pbss-surface));text-decoration:underline;text-underline-offset:3px}.pbss-view-all:focus-visible{outline:2px solid var(--pbss-action-color);outline-offset:-3px}@container (min-width: 480px){.pbss-result-name,.pbss-result-address,.pbss-loading,.pbss-empty,.pbss-error,.pbss-view-all{font-size:14px}.pbss-result-distance{font-size:12px}}.pbss-root.is-dark{--pbss-action-color: #f5f3f0;--pbss-surface: #1c1917;--pbss-control-surface: #292524;--pbss-border: rgb(255 255 255 / .16);--pbss-divider: rgb(255 255 255 / .1);--pbss-text: #f5f3f0;--pbss-muted-text: #d6d3d1;--pbss-placeholder-text: #d6d3d1;--pbss-danger-surface: #4c0519;--pbss-danger-text: #fecdd3}.pbss-root.is-dark .pbss-results-panel{box-shadow:0 18px 38px #0000006b,0 0 0 1px #ffffff1a}@media(prefers-reduced-motion:reduce){.pbss-spinner{animation-duration:1.4s}}@keyframes pbss-spin{to{transform:rotate(360deg)}}";
+function Me(e, t) {
   const r = Y(e);
-  return r.render(/* @__PURE__ */ l(te, { ...t })), r;
+  return r.render(/* @__PURE__ */ c(te, { ...t })), r;
 }
 const j = "data-partbot-stockist-search-styles", G = "data-partbot-stockist-search-root";
-function Ae(e) {
+function Re(e) {
   return e.shadowRoot || e.attachShadow({ mode: "open" });
 }
-function Te(e) {
+function Ne(e) {
   if (e.querySelector(`style[${j}]`)) return;
   const t = document.createElement("style");
-  t.setAttribute(j, ""), t.textContent = ke, e.prepend(t);
+  t.setAttribute(j, ""), t.textContent = Ce, e.prepend(t);
 }
-function Ce(e) {
+function Le(e) {
   const t = e.querySelector(
     `div[${G}]`
   );
@@ -358,9 +372,9 @@ function Ce(e) {
   const r = document.createElement("div");
   return r.setAttribute(G, ""), e.appendChild(r), r;
 }
-const Me = typeof HTMLElement > "u" ? class {
+const Ie = typeof HTMLElement > "u" ? class {
 } : HTMLElement;
-class se extends Me {
+class se extends Ie {
   constructor() {
     super(...arguments);
     O(this, "root");
@@ -377,8 +391,8 @@ class se extends Me {
     this.isConnected && this.renderStockistSearch();
   }
   renderStockistSearch() {
-    const r = Ae(this);
-    Te(r), this.mountElement || (this.mountElement = Ce(r)), this.root || (this.root = Y(this.mountElement)), this.root.render(/* @__PURE__ */ l(te, { ...this.stockistSearchProps() }));
+    const r = Re(this);
+    Ne(r), this.mountElement || (this.mountElement = Le(r)), this.root || (this.root = Y(this.mountElement)), this.root.render(/* @__PURE__ */ c(te, { ...this.stockistSearchProps() }));
   }
   stockistSearchProps() {
     return {
@@ -395,11 +409,11 @@ function V() {
 }
 typeof window < "u" && (V(), window.PartbotStockistSearch = {
   defineCustomElement: V,
-  mount: Se
+  mount: Me
 });
 export {
   se as PartbotStockistSearchElement,
   te as StockistSearch,
   V as defineStockistSearchElement,
-  Se as mountStockistSearch
+  Me as mountStockistSearch
 };