@cartbot/plate-search 3.1.0 → 3.1.1

package/README.md

@@ -16,6 +16,25 @@ import PlateSearch from "@cartbot/plate-search";
 
 **Note:** CSS is automatically included via Shadow DOM - no separate stylesheet import needed! All styles are perfectly isolated and won't affect your application.
 
+### TypeScript
+
+Full TypeScript support is included:
+
+```tsx
+import PlateSearch, { PlateSearchProps } from "@cartbot/plate-search";
+
+const MyComponent = () => {
+  return (
+    <PlateSearch
+      apiKey="YOUR_API_KEY"
+      themeColor="#10b981"
+      responsive={true}
+      onVehicleSelect={(vehicle) => console.log(vehicle)}
+    />
+  );
+};
+```
+
 ### Advanced Usage
 
 If you need direct access to the component without Shadow DOM isolation (for example, to apply your own styling), you can import the raw component:

package/build/dist/js/plate-search.js

@@ -36,7 +36,7 @@ Error generating stack: `+o.message+`
  *
  * Copyright 2006, 2015 Klaus Hartl & Fagner Brack
  * Released under the MIT license
- */(function(e,t){(function(n){var r;if(e.exports=n(),r=!0,!r){var l=window.Cookies,o=window.Cookies=n();o.noConflict=function(){return window.Cookies=l,o}}})(function(){function n(){for(var o=0,i={};o<arguments.length;o++){var a=arguments[o];for(var s in a)i[s]=a[s]}return i}function r(o){return o.replace(/(%[0-9A-Z]{2})+/g,decodeURIComponent)}function l(o){function i(){}function a(u,h,g){if(!(typeof document>"u")){g=n({path:"/"},i.defaults,g),typeof g.expires=="number"&&(g.expires=new Date(new Date*1+g.expires*864e5)),g.expires=g.expires?g.expires.toUTCString():"";try{var v=JSON.stringify(h);/^[\{\[]/.test(v)&&(h=v)}catch{}h=o.write?o.write(h,u):encodeURIComponent(String(h)).replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g,decodeURIComponent),u=encodeURIComponent(String(u)).replace(/%(23|24|26|2B|5E|60|7C)/g,decodeURIComponent).replace(/[\(\)]/g,escape);var x="";for(var k in g)g[k]&&(x+="; "+k,g[k]!==!0&&(x+="="+g[k].split(";")[0]));return document.cookie=u+"="+h+x}}function s(u,h){if(!(typeof document>"u")){for(var g={},v=document.cookie?document.cookie.split("; "):[],x=0;x<v.length;x++){var k=v[x].split("="),_=k.slice(1).join("=");!h&&_.charAt(0)==='"'&&(_=_.slice(1,-1));try{var U=r(k[0]);if(_=(o.read||o)(_,U)||r(_),h)try{_=JSON.parse(_)}catch{}if(g[U]=_,u===U)break}catch{}}return u?g[u]:g}}return i.set=a,i.get=function(u){return s(u,!1)},i.getJSON=function(u){return s(u,!0)},i.remove=function(u,h){a(u,"",n(h,{expires:-1}))},i.defaults={},i.withConverter=l,i}return l(function(){})})})(bf);var p1=bf.exports;const ja=Qt(p1);var Vf={exports:{}},m1="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",h1=m1,g1=h1;function $f(){}function Wf(){}Wf.resetWarningCache=$f;var v1=function(){function e(r,l,o,i,a,s){if(s!==g1){var u=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw u.name="Invariant Violation",u}}e.isRequired=e;function t(){return e}var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:Wf,resetWarningCache:$f};return n.PropTypes=n,n};Vf.exports=v1();var y1=Vf.exports;const tt=Qt(y1);function Bf({error:e}){return React.createElement("div",{className:"rounded-md bg-red-50 p-4"},React.createElement("div",{className:"flex justify-center items-center"},React.createElement("div",{className:"flex-shrink-0"},React.createElement(jf,{size:20,weight:"bold",className:"text-red-400","aria-hidden":"true"})),React.createElement("div",{className:"ml-3"},React.createElement("h3",{className:"text-sm font-medium text-red-800"},e))))}Bf.propTypes={error:tt.string.isRequired};function w1({className:e,alt:t="Partbot Logo"}){return React.createElement("span",{className:e,role:"img","aria-label":t},React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"239.19",height:"54.22",viewBox:"0 0 239.19 54.22",focusable:"false","aria-hidden":"true",style:{width:"auto",height:"100%"}},React.createElement("g",null,React.createElement("rect",{fill:"currentColor",y:".22",width:"24.45",height:"24.45",rx:"1.81",ry:"1.81"}),React.createElement("rect",{fill:"currentColor",y:"29.76",width:"24.45",height:"24.45",rx:"1.7",ry:"1.7"}),React.createElement("path",{fill:"currentColor",d:"M36.91,34.61h-5.67c-.94,0-1.7-.76-1.7-1.7V1.7C29.55.76,30.31,0,31.25,0h5.67c9.44,0,17.09,7.65,17.09,17.09h0v.43c0,9.44-7.65,17.09-17.09,17.09Z"}),React.createElement("path",{fill:"currentColor",d:"M97.79,12.21c-1.74-.96-3.67-1.44-5.8-1.44h-13.54v31.48h7.56v-8.81h5.98c2.13,0,4.06-.48,5.8-1.44,1.74-.96,3.13-2.3,4.18-4.03,1.05-1.72,1.57-3.7,1.57-5.91s-.52-4.18-1.57-5.87c-1.05-1.69-2.44-3.02-4.18-3.98ZM95.32,24.8c-.45.75-1.04,1.32-1.78,1.71-.74.39-1.54.58-2.41.58h-5.13v-10.03h5.13c.87,0,1.67.2,2.41.61.73.4,1.33.98,1.78,1.73.45.75.67,1.65.67,2.7s-.22,1.95-.67,2.7Z"}),React.createElement("path",{fill:"currentColor",d:"M124.27,20.24c-1.81-1.06-4.01-1.6-6.59-1.6s-4.76.54-6.63,1.62c-1.87,1.08-3.32,2.54-4.34,4.39-1.02,1.84-1.53,3.93-1.53,6.27s.43,4.26,1.3,6.05c.87,1.78,2.08,3.2,3.64,4.25,1.56,1.05,3.36,1.57,5.4,1.57,1.29,0,2.41-.18,3.35-.54.94-.36,1.75-.86,2.41-1.51.66-.64,1.2-1.37,1.62-2.18h.18v3.69h6.84v-11.47c0-2.28-.49-4.34-1.46-6.18s-2.37-3.3-4.18-4.36ZM122.18,33.8c-.42.93-1.03,1.66-1.82,2.18s-1.72.79-2.77.79-2.02-.26-2.83-.79-1.42-1.25-1.84-2.18c-.42-.93-.63-1.96-.63-3.1s.21-2.11.63-3.01c.42-.9,1.03-1.61,1.84-2.14s1.75-.79,2.83-.79,1.97.26,2.77.79,1.4,1.24,1.82,2.14c.42.9.63,1.9.63,3.01s-.21,2.17-.63,3.1Z"}),React.createElement("path",{fill:"currentColor",d:"M159.56,13.56h-7.02v5.62h-12.06c-2.13,0-3.79.64-4.99,1.84s-1.8,2.85-1.8,4.95v16.28h6.97v-15.83c0-.45.15-.82.45-1.1.3-.28.66-.43,1.08-.43h10.35v10.61c0,2.07.6,3.71,1.8,4.92,1.2,1.21,2.86,1.82,4.99,1.82h6.57v-5.85h-5.04c-.36,0-.67-.13-.92-.38-.26-.25-.38-.56-.38-.92v-10.21h6.34v-5.71h-6.34v-5.62Z"}),React.createElement("path",{fill:"currentColor",d:"M189.1,20.13c-1.65-.99-3.57-1.48-5.76-1.48-.93,0-1.81.12-2.63.36-.83.24-1.57.59-2.25,1.06-.67.47-1.24,1.01-1.69,1.64h-.14v-12.28h-6.97v20.87c0,2.52.51,4.72,1.53,6.61,1.02,1.89,2.46,3.34,4.32,4.36,1.86,1.02,4.03,1.53,6.52,1.53,1.95,0,3.68-.3,5.19-.9,1.51-.6,2.8-1.46,3.87-2.59,1.06-1.12,1.88-2.45,2.45-3.98.57-1.53.85-3.19.85-4.99,0-2.34-.47-4.38-1.42-6.12-.94-1.74-2.24-3.1-3.89-4.09ZM186.65,33.82c-.44.91-1.04,1.63-1.82,2.16-.78.52-1.71.79-2.79.79s-2.02-.26-2.81-.79-1.4-1.24-1.82-2.16-.63-1.94-.63-3.08.21-2.16.63-3.06c.42-.9,1.03-1.61,1.82-2.14s1.73-.79,2.81-.79,2.01.26,2.79.79c.78.52,1.39,1.24,1.82,2.14.43.9.65,1.92.65,3.06s-.22,2.17-.65,3.08Z"}),React.createElement("path",{fill:"currentColor",d:"M215.96,20.24c-1.87-1.06-4-1.6-6.36-1.6s-4.5.53-6.39,1.6c-1.89,1.06-3.38,2.5-4.48,4.32-1.09,1.81-1.64,3.88-1.64,6.18s.55,4.33,1.64,6.16c1.09,1.83,2.59,3.27,4.48,4.32,1.89,1.05,4.02,1.57,6.39,1.57s4.45-.52,6.34-1.57,3.38-2.49,4.47-4.32c1.09-1.83,1.64-3.88,1.64-6.16s-.55-4.37-1.64-6.18c-1.09-1.81-2.58-3.25-4.45-4.32ZM214.37,33.75c-.45.9-1.08,1.62-1.89,2.16s-1.77.81-2.88.81-2.08-.27-2.9-.81-1.46-1.26-1.91-2.16c-.45-.9-.67-1.92-.67-3.06s.22-2.11.67-3.01c.45-.9,1.09-1.62,1.91-2.16s1.79-.81,2.9-.81,2.07.27,2.88.81,1.44,1.26,1.89,2.16c.45.9.67,1.9.67,3.01s-.22,2.16-.67,3.06Z"}),React.createElement("path",{fill:"currentColor",d:"M239.19,24.89v-5.71h-6.34v-5.62h-7.02v21.95c0,2.07.6,3.71,1.8,4.92,1.2,1.21,2.86,1.82,4.99,1.82h6.57v-5.85h-5.04c-.36,0-.67-.13-.92-.38-.26-.25-.38-.56-.38-.92v-10.21h6.34Z"}))))}const ba={version:"3.1.0"},Zf=["ACT","NSW","NT","QLD","SA","TAS","VIC","WA"],Qf="https://api.partbot.io/v1/vehicles/plate-search",Gf="https://api.partbot.io/v1/vehicles/plate-search-retry";function Br(e){const[t,n]=m.useState(!1),[r,l]=m.useState(!1),[o,i]=m.useState(""),[a,s]=m.useState(""),[u,h]=m.useState(null),[g,v]=m.useState(!1),x=m.useRef(null),[k,_]=m.useState(Qf),[U,d]=m.useState(null),c=e.apiKey,p=e.callbackUrl,y=e.productsUrl,C=e.useGeolocation==="true",A=e.themeColor||"#4f46e5",M=e.buttonTheme||"light",z=e.responsive!==void 0?e.responsive:!0,G=e.intro||"Enter your Number&nbsp;Plate and select your State or Territory to find your vehicle.",D=e.placeholder||"PL8SRCH",b=e.supportMessage;m.useEffect(()=>{console.info(`Vehicle Registration Search (v${ba.version}) powered by Partbot https://use.partbot.io`)},[]),m.useEffect(()=>{const w=localStorage.getItem("partbot_selected_vehicle");if(w){const R=JSON.parse(w);R.description&&(R.vehicle_ids.length>0||Object.values(R.vehicle).every(N=>N!==null&&N!==""&&(typeof N!="object"||Object.keys(N).length>0)))&&d(R)}},[]),m.useEffect(()=>{document.documentElement.style.setProperty("--partbot-theme",A)},[A]),m.useEffect(()=>{t&&C&&"geolocation"in navigator&&navigator.geolocation.getCurrentPosition(async function(w){const{latitude:R,longitude:N}=w.coords;try{const B=await(await fetch(`https://maps.googleapis.com/maps/api/geocode/json?latlng=${R},${N}&key=AIzaSyDAdDL5E8iWK_oc0FLqdW-QAhZo84xIX0k`)).json();if(B.results&&B.results[0]){const Fe=B.results[0].address_components.find($=>$.types.includes("administrative_area_level_1"));if(Fe){const $=Fe.short_name;s($)}}}catch(O){console.error("Geocoding error:",O)}})},[C,t]),m.useEffect(()=>{let w=localStorage.getItem("partbot_plate_details");w&&(w=JSON.parse(w),w.plate?i(w.plate.number):localStorage.removeItem("partbot_plate_details"))},[]),m.useEffect(()=>{t&&!r&&l(!0),t&&x.current&&x.current.focus()},[t,r]),m.useEffect(()=>{if(t){const w=document.documentElement.style.overflow,R=document.documentElement.style.paddingRight,N=window.innerWidth-document.documentElement.clientWidth;return N>0&&(document.documentElement.style.paddingRight=`${N}px`),document.documentElement.style.overflow="hidden",()=>{document.documentElement.style.overflow=w,document.documentElement.style.paddingRight=R}}},[t]);const Ze=w=>{if(w&&w.preventDefault(),!a||!o)return;v(!0);const R={plate:o,state:a};async function N(){return(await fetch(k,{method:"POST",mode:"cors",cache:"no-cache",credentials:"same-origin",headers:{"Content-Type":"application/json",Authorization:`Basic ${c}`},redirect:"follow",referrerPolicy:"no-referrer",body:JSON.stringify(R)})).json()}N().then(O=>{v(!1),O.plate?(localStorage.setItem("partbot_plate_details",JSON.stringify(O)),h(O)):O&&O.indexOf("Invalid API Key")!==-1?h({error:O}):h({error:"Could not find any matching vehicles."})}).catch(O=>{console.error("Error:",O),h({error:"Could not find any matching vehicles."})})};m.useEffect(()=>{Ze()},[k]);const nt=w=>{localStorage.removeItem("partbot_plate_details"),localStorage.removeItem("partbot_selected_vehicle"),ja.remove("partbot_selected_vehicle"),h(null),_(Gf)},Wt=w=>{window.open(`mailto:report@partbot.io?subject=${encodeURIComponent("Registration Search Issue")}&body=${encodeURIComponent(`Incorrect vehicles were shown for ${a} number plate: ${o}, vehicle: ${u.factory_vehicle.make} ${u.factory_vehicle.model} ${u.factory_vehicle.year} ${u.factory_vehicle.body} ${u.factory_vehicle.series}. Please provide details of the correct vehicle below:`)}`)},$n=w=>{i(""),h(null),_(Qf),d(null),localStorage.removeItem("partbot_plate_details"),localStorage.removeItem("partbot_selected_vehicle"),ja.remove("partbot_selected_vehicle")},Bt=w=>{var R=JSON.stringify({description:w.description,vehicle_ids:w.vehicle_ids,vehicle:{...w.vehicle,year:u.factory_vehicle.year}});localStorage.setItem("partbot_selected_vehicle",R),ja.set("partbot_selected_vehicle",R,{secure:!0});var N=new CustomEvent("plate-search-change",{detail:{vehicle_ids:w.vehicle_ids}});document.dispatchEvent(N),d(w),p&&p!==window.location.href&&(n(!1),window.location.href=p+window.location.search)},cn=w=>{if(n(!1),y)try{const R=new URL(y,window.location.origin);if(R.origin!==window.location.origin){console.warn("Partbot: Blocked navigation to external productsUrl",R.toString());return}window.location.assign(R.href)}catch(R){console.error("Partbot: Invalid productsUrl provided",y,R)}},T=w=>{const R=["series","variant","body","fuel_type","drivetrain","engine","engine_capacity","cylinders"];return Object.entries(w).filter(([N,O])=>O!==null&&R.includes(N)&&typeof O!="object").map(([N,O])=>N==="cylinders"?`${O}cyl`:O).join(" ")};return React.createElement(React.Fragment,null,React.createElement("button",{onClick:w=>n(!t),type:"button",className:`${M==="dark"?"bg-transparent text-gray-100 hover:text-white":"bg-white text-gray-700 hover:bg-gray-50"} inline-flex items-center ${z?"px-2 md:px-3":"px-3"} text-md focus:outline-none focus:ring-bg-theme-color h-[44px] rounded-md border-4 border-double border-gray-400 font-license text-base font-medium shadow-sm transition cursor-pointer leading-none`},React.createElement(Ff,{weight:"fill",className:z?"h-5 w-5 md:-ml-1 md:mr-2":"mr-2 -ml-1 h-5 w-5","aria-hidden":"true"}),React.createElement("span",{className:z?"hidden md:inline mt-0.5":"inline mt-0.5"},o||D)),React.createElement("div",{className:`${t?"modal-container modal-container-open":"modal-container modal-container-close"}`,style:{zIndex:2147483647,...!t&&!r?{display:"none"}:{}},onClick:w=>{w.target===w.currentTarget&&n(!1)}},React.createElement("div",{role:"dialog","aria-modal":"true","aria-label":"Number plate search dialog",className:t?"modal modal-open":"modal modal-close"},React.createElement("div",{className:"absolute top-0 right-0 pt-4 pr-4"},React.createElement("button",{type:"button",className:"focus:outline-none focus:ring-bg-theme-color rounded-md bg-white text-gray-400 hover:text-gray-500",onClick:()=>n(!1)},React.createElement("span",{className:"sr-only"},"Close"),React.createElement(Uf,{size:16,weight:"bold","aria-hidden":"true"}))),u&&!U&&React.createElement("div",{className:"modal-content"},React.createElement("div",{className:"mb-5 text-center"},React.createElement("div",{className:"inline-flex items-center text-center text-2xl font-extrabold tracking-tight text-black"},React.createElement("div",null,"Results for"," ",React.createElement("span",{className:"text-theme-color"},o," (",a,")"))),React.createElement("div",{className:"mt-6"},React.createElement("div",{className:"modal-scroll-area"},u.vehicles?React.createElement("div",{className:"grid gap-3 text-left"},u.vehicles.map(function(w,R){return React.createElement("div",{key:R,className:"focus:outline-none relative grid cursor-pointer gap-4 rounded-lg border border-gray-300 bg-white px-4 py-4 shadow-sm hover:border-gray-400 sm:flex sm:justify-between"},React.createElement("div",{className:"pr-5 text-xs"},React.createElement("div",{className:"grid gap-2"},React.createElement("div",{className:"text-sm font-bold text-gray-900"},w.description),React.createElement("div",{className:"text-gray-600"},T(w.vehicle)))),React.createElement("div",null,React.createElement("button",{className:"justify-center rounded-md border border-transparent bg-theme-color px-2 py-1.5 text-xs font-medium text-white shadow-sm",onClick:()=>Bt(w)},"Select vehicle")))}),u.differing_attributes&&u.vehicle_breakdown&&u.vehicle_breakdown.length>0&&React.createElement("div",null,React.createElement("details",{className:"[&_summary::-webkit-details-marker]:hidden group rounded-lg border border-gray-300 bg-white"},React.createElement("summary",{className:"flex cursor-pointer items-center justify-between px-4 py-2 text-left text-sm font-medium text-gray-900"},React.createElement("span",null,"More options..."),React.createElement("svg",{className:"!h-5 !w-5 text-gray-500 transition duration-300 group-open:rotate-180",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor"},React.createElement("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"}))),React.createElement("div",{className:"border-t border-gray-200 px-4 py-3"},React.createElement("div",{className:"grid gap-3"},u.vehicle_breakdown&&u.vehicle_breakdown.map((w,R)=>React.createElement("div",{key:R,className:"flex items-center justify-between rounded-md border border-gray-200 p-3 text-sm"},React.createElement("div",null,u.differing_attributes.map(N=>React.createElement("div",{key:N,className:"text-xs text-gray-600"},React.createElement("span",{className:"font-medium capitalize"},N,":")," ",w.vehicle[N]))),React.createElement("button",{onClick:()=>Bt(w),className:"ml-4 rounded-md bg-theme-color px-3 py-1.5 text-xs font-medium text-white hover:bg-opacity-90"},"Select")))))))):React.createElement("div",{className:"my-5"},React.createElement(Bf,{error:u.error}))),u.vehicles&&u.vehicles.length>3&&React.createElement("div",{className:"pb-4 text-center text-xs text-gray-500"},"Scroll for more..."),b&&React.createElement("div",{className:"pl8srch-text mx-auto my-6 w-full text-sm text-gray-500",dangerouslySetInnerHTML:{__html:If.sanitize(b)}}),k!==Gf&&React.createElement("button",{type:"button",className:"mb-5 hidden w-full items-center justify-center rounded-md border border-theme-color bg-transparent px-4 py-2 text-base font-medium text-theme-color shadow-sm hover:bg-theme-color hover:text-white",onClick:nt},"Try Again"," ",React.createElement(Df,{size:16,weight:"bold",className:"ml-3","aria-hidden":"true"})),React.createElement("div",{className:"align-center flex justify-between"},React.createElement("button",{onClick:Wt,className:"text-xs text-theme-color"},"Report incorrect search results"),React.createElement("button",{onClick:$n,className:"text-xs text-theme-color"},React.createElement(Of,{size:12,weight:"bold",className:"mr-1 inline"})," ","Back to search"))))),U&&React.createElement("div",{className:"modal-content"},React.createElement("div",{className:"mb-5 text-center"},React.createElement("div",{className:"grid items-center"},React.createElement("div",{className:"inline-flex items-center justify-center gap-1 text-center text-2xl font-extrabold tracking-tight text-black"},React.createElement("span",null,"Selected Vehicle"),o&&React.createElement("span",{className:"text-theme-color"},"(",o,")")),React.createElement("div",{className:"text-medium mt-5 text-sm text-gray-500"},u&&u.factory_vehicle?`${u.factory_vehicle.make} ${u.factory_vehicle.model} ${u.factory_vehicle.year}`:U.description),U.vehicle&&React.createElement("div",{className:"mt-2 text-xs text-gray-600"},T(U.vehicle))),React.createElement("div",{className:"mt-6 flex gap-4"},React.createElement("button",{className:"mb-5 flex w-full items-center justify-center rounded-md border border-theme-color bg-transparent px-4 py-2 text-sm font-medium text-theme-color shadow-sm hover:bg-theme-color hover:text-white",onClick:$n},"Clear Vehicle"),y&&React.createElement("button",{className:"mb-5 flex w-full items-center justify-center rounded-md border border-theme-color bg-transparent px-4 py-2 text-sm font-medium text-theme-color shadow-sm hover:bg-theme-color hover:text-white",onClick:cn},"Show Products")))),!U&&!u&&React.createElement("div",{className:"modal-content"},React.createElement("div",{className:"mb-5 text-center"},React.createElement("div",{className:"inline-flex items-center text-2xl font-extrabold tracking-tight text-black"},React.createElement("span",null,"Number Plate Search")),React.createElement("div",{className:"[&>a]:text-theme-color hover:[&>a]:text-theme-color pl8srch-text text-balance mx-auto mt-3 mb-4 max-w-sm text-sm text-gray-500 whitespace-normal!",dangerouslySetInnerHTML:{__html:If.sanitize(G)}})),React.createElement("form",{onSubmit:Ze,className:"flex flex-col items-center text-black"},React.createElement("input",{type:"text",name:"plate",ref:x,className:`pl8srch-input h-[130px] w-full rounded-xl border-[6px] px-6 pt-5 pb-2 text-center font-license text-[60px] uppercase md:h-[150px] md:border-8 md:text-[75px] focus:outline-none focus:ring-bg-theme-color focus:border-theme-color transition-all duration-200 ${o?"border-theme-color":"border-stone-300"}`,placeholder:D,value:o,onChange:w=>i(w.target.value.toUpperCase())}),React.createElement("span",{className:"relative z-0 my-5 flex w-full rounded-md items-stretch shadow-sm"},Zf.map((w,R)=>{let N="bg-white text-gray-700 hover:bg-gray-50 border-gray-300";return w===a&&(N="bg-theme-color text-white hover:bg-theme-color border-theme-color"),R===0?React.createElement("button",{key:w,onClick:O=>s(w),type:"button",className:`focus:outline-none focus:ring-bg-theme-color text-center justify-center flex-grow focus:border-bg-theme-color relative inline-flex items-center cursor-pointer rounded-l-md border px-2 py-2 text-xs font-medium focus:z-10 focus:ring-1 sm:px-3 ${N}`},w):Zf.length===R+1?React.createElement("button",{key:w,onClick:O=>s(w),type:"button",className:`focus:outline-none focus:ring-bg-theme-color text-center justify-center flex-grow focus:border-bg-theme-color relative -ml-px inline-flex items-center cursor-pointer rounded-r-md border px-2 py-2 text-xs font-medium focus:z-10 focus:ring-1 sm:px-3 ${N}`},w):React.createElement("button",{key:w,onClick:O=>s(w),type:"button",className:`focus:outline-none focus:ring-bg-theme-color text-center justify-center flex-grow focus:border-bg-theme-color relative -ml-px inline-flex items-center cursor-pointer border px-2 py-2 text-xs font-medium focus:z-10 focus:ring-1 sm:px-3 ${N}`},w)})),React.createElement("button",{type:"submit",className:"hover:bg-theme-color-800 flex w-full items-center justify-center rounded-md border border-transparent bg-theme-color px-4 py-2 text-base font-medium text-white shadow-sm"},"Find your vehicle",g?React.createElement(Hf,{weight:"bold",className:"ml-3 h-4 w-4 animate-spin","aria-hidden":"true"}):""))),React.createElement("div",{className:"mt-8 text-center"},React.createElement("a",{href:`https://use.partbot.io/?ref=${window.location.hostname}`,target:"_blank",rel:"noreferrer",className:"mx-auto inline-flex max-w-sm items-center text-center text-xs font-medium tracking-tight text-gray-500 transition gap-2"},React.createElement("span",null,"Powered by"),React.createElement(w1,{className:"inline h-4"}))))))}Br.propTypes={apiKey:tt.string.isRequired,callbackUrl:tt.string,productsUrl:tt.string,themeColor:tt.string,useGeolocation:tt.bool,buttonTheme:tt.oneOf(["light","dark"]),responsive:tt.bool,placeholder:tt.string,intro:tt.string,supportMessage:tt.string};const Va='@import"https://fonts.googleapis.com/css2?family=Inter:wght@400..800&display=swap";/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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;--tw-ease:initial;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}plate-search,plate-search *,plate-search:before,plate-search:after,plate-search::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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;--tw-ease:initial;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}:host,:host *,:host:before,:host:after,:host::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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;--tw-ease:initial;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-400:oklch(70.4% .191 22.216);--color-red-800:oklch(44.4% .177 26.899);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-stone-50:oklch(98.5% .001 106.423);--color-stone-300:oklch(86.9% .005 56.366);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--container-2xl:42rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wide:.025em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-license:"License Plate"}plate-search,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-400:oklch(70.4% .191 22.216);--color-red-800:oklch(44.4% .177 26.899);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-stone-50:oklch(98.5% .001 106.423);--color-stone-300:oklch(86.9% .005 56.366);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--container-2xl:42rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wide:.025em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-license:"License Plate"}:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-400:oklch(70.4% .191 22.216);--color-red-800:oklch(44.4% .177 26.899);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-stone-50:oklch(98.5% .001 106.423);--color-stone-300:oklch(86.9% .005 56.366);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--container-2xl:42rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wide:.025em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-license:"License Plate"}}@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(--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(--default-font-feature-settings,normal);font-variation-settings:var(--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(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--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{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-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}:-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}}@layer components{.modal-container{inset:calc(var(--spacing)*0);top:calc(var(--spacing)*0);z-index:9999;background-color:#00000080;justify-content:center;align-items:flex-start;width:100vw;height:100vh;display:flex;position:fixed;overflow-y:auto}@supports (color:color-mix(in lab,red,red)){.modal-container{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.modal-container{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (min-width:48rem){.modal-container{align-items:center}}.modal-container-open{pointer-events:auto;opacity:1;--tw-duration:.2s;--tw-ease:var(--ease-out);transition-duration:.2s;transition-timing-function:var(--ease-out)}.modal-container-close{pointer-events:none;opacity:0;--tw-duration:.2s;--tw-ease:var(--ease-in);transition-duration:.2s;transition-timing-function:var(--ease-in)}.modal{width:100vw;height:100vh;transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,);overscroll-behavior:auto;background-color:var(--color-white);padding-inline:calc(var(--spacing)*6);padding-top:calc(var(--spacing)*8);padding-bottom:calc(var(--spacing)*8);text-align:left;vertical-align:bottom;font-family:var(--font-sans);--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:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));display:inline-block;overflow:hidden}@media (min-width:40rem){.modal{margin-block:calc(var(--spacing)*8);width:100%;max-width:var(--container-lg);vertical-align:middle}}@media (min-width:48rem){.modal{margin:calc(var(--spacing)*3);height:auto;max-width:var(--container-lg);border-radius:var(--radius-xl);padding-inline:calc(var(--spacing)*12)}}.modal-close{--tw-translate-y:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y);opacity:0;--tw-duration:.2s;--tw-ease:var(--ease-in);transition-duration:.2s;transition-timing-function:var(--ease-in)}@media (min-width:40rem){.modal-close{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}.modal-open{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y);opacity:1;--tw-duration:.3s;--tw-ease:var(--ease-out);transition-duration:.3s;transition-timing-function:var(--ease-out)}.modal-scroll-area{margin-top:calc(var(--spacing)*3);margin-bottom:calc(var(--spacing)*3);max-height:380px;overflow:auto}.pl8srch-text a{color:var(--partbot-theme);opacity:.8;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;text-decoration-line:underline;transition-duration:.2s}@media (hover:hover){.pl8srch-text a:hover{color:var(--partbot-theme);opacity:1}}}@layer utilities{.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.right-0{right:calc(var(--spacing)*0)}.isolate{isolation:isolate}.z-0{z-index:0}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing)*4)}.my-5{margin-block:calc(var(--spacing)*5)}.my-6{margin-block:calc(var(--spacing)*6)}.mt-0\\.5{margin-top:calc(var(--spacing)*.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-auto{margin-top:auto}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.-ml-px{margin-left:-1px}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-4{margin-left:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.\\!h-5{height:calc(var(--spacing)*5)!important}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-\\[44px\\]{height:44px}.h-\\[130px\\]{height:130px}.h-full{height:100%}.min-h-screen{min-height:100vh}.\\!w-5{width:calc(var(--spacing)*5)!important}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-full{width:100%}.max-w-7xl{max-width:var(--container-7xl)}.max-w-prose{max-width:65ch}.max-w-sm{max-width:var(--container-sm)}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\\[6px\\]{border-style:var(--tw-border-style);border-width:6px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-double{--tw-border-style:double;border-style:double}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-stone-300{border-color:var(--color-stone-300)}.border-theme-color{border-color:var(--partbot-theme)}.border-transparent{border-color:#0000}.border-t-white\\/20{border-top-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-t-white\\/20{border-top-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.border-b-emerald-600{border-bottom-color:var(--color-emerald-600)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-red-50{background-color:var(--color-red-50)}.bg-stone-50{background-color:var(--color-stone-50)}.bg-theme-color{background-color:var(--partbot-theme)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-8{padding:calc(var(--spacing)*8)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-1\\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-8{padding-block:calc(var(--spacing)*8)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-5{padding-right:calc(var(--spacing)*5)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[60px\\]{font-size:60px}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-balance{text-wrap:balance}.whitespace-normal\\!{white-space:normal!important}.whitespace-nowrap{white-space:nowrap}.text-black{color:var(--color-black)}.text-emerald-100{color:var(--color-emerald-100)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-400{color:var(--color-emerald-400)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-700{color:var(--color-emerald-700)}.text-gray-100{color:var(--color-gray-100)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-red-400{color:var(--color-red-400)}.text-red-800{color:var(--color-red-800)}.text-theme-color{color:var(--partbot-theme)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.shadow,.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)}.shadow-xl{--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{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,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.group-open\\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}@media (hover:hover){.hover\\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\\:bg-emerald-500:hover{background-color:var(--color-emerald-500)}.hover\\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\\:bg-theme-color:hover{background-color:var(--partbot-theme)}.hover\\:text-gray-500:hover{color:var(--color-gray-500)}.hover\\:text-white:hover{color:var(--color-white)}}.focus\\:z-10:focus{z-index:10}.focus\\:border-bg-theme-color:focus,.focus\\:border-theme-color:focus{border-color:var(--partbot-theme)}.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)}.focus\\:ring-bg-theme-color:focus{--tw-ring-color:var(--partbot-theme)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (min-width:40rem){.sm\\:flex{display:flex}.sm\\:max-w-prose{max-width:65ch}.sm\\:justify-between{justify-content:space-between}.sm\\:overflow-hidden{overflow:hidden}.sm\\:px-3{padding-inline:calc(var(--spacing)*3)}.sm\\:px-6{padding-inline:calc(var(--spacing)*6)}}@media (min-width:48rem){.md\\:mt-6{margin-top:calc(var(--spacing)*6)}.md\\:mt-12{margin-top:calc(var(--spacing)*12)}.md\\:mr-2{margin-right:calc(var(--spacing)*2)}.md\\:-ml-1{margin-left:calc(var(--spacing)*-1)}.md\\:inline{display:inline}.md\\:h-\\[150px\\]{height:150px}.md\\:max-w-2xl{max-width:var(--container-2xl)}.md\\:flex-row{flex-direction:row}.md\\:items-center{align-items:center}.md\\:justify-center{justify-content:center}.md\\:border-8{border-style:var(--tw-border-style);border-width:8px}.md\\:p-4{padding:calc(var(--spacing)*4)}.md\\:px-3{padding-inline:calc(var(--spacing)*3)}.md\\:py-12{padding-block:calc(var(--spacing)*12)}.md\\:text-center{text-align:center}.md\\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.md\\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\\:text-\\[75px\\]{font-size:75px}}@media (min-width:64rem){.lg\\:px-8{padding-inline:calc(var(--spacing)*8)}.lg\\:py-12{padding-block:calc(var(--spacing)*12)}.lg\\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.lg\\:leading-20{--tw-leading:calc(var(--spacing)*20);line-height:calc(var(--spacing)*20)}}.\\[\\&_summary\\:\\:-webkit-details-marker\\]\\:hidden summary::-webkit-details-marker{display:none}.\\[\\&\\>a\\]\\:text-theme-color>a{color:var(--partbot-theme)}@media (hover:hover){.hover\\:\\[\\&\\>a\\]\\:text-theme-color:hover>a{color:var(--partbot-theme)}}.font-license{font-family:var(--font-license)}}@font-face{font-family:License Plate;src:url(https://res.cloudinary.com/proex/raw/upload/v1730709140/partbot/PartbotPlate.woff2)format("woff2");font-weight:400;font-style:normal}:host{overflow-wrap:break-word;white-space:normal;display:block;overflow:visible}@property --tw-space-y-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-tracking{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}@property --tw-ease{syntax:"*";inherits:false}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}';function x1({domElement:e}){const t=e.getAttribute("data-api-key"),n=e.getAttribute("data-callback-url"),r=e.getAttribute("data-products-url"),l=e.getAttribute("data-theme-color"),o=e.getAttribute("data-use-geolocation")==="true",i=e.getAttribute("data-button"),a=e.getAttribute("data-responsive")?e.getAttribute("data-responsive")==="true":!0,s=e.getAttribute("data-placeholder"),u=e.getAttribute("data-intro"),h=e.getAttribute("data-support-message");return React.createElement("div",{className:"App"},React.createElement(Br,{className:"partbot",apiKey:t,callbackUrl:n,productsUrl:r,themeColor:l,useGeolocation:o,buttonTheme:i,responsive:a,placeholder:s,intro:u,supportMessage:h}))}class bn extends HTMLElement{constructor(){super(),this.apiKey=this.dataset.apiKey,this.callbackUrl=this.dataset.callbackUrl,this.productsUrl=this.dataset.productsUrl,this.themeColor=this.dataset.themeColor,this.useGeolocation=this.dataset.useGeolocation,this.debug=this.dataset.debug==="true",this.assetUrl=this.dataset.assetUrl,this.buttonTheme=this.dataset.button,this.responsive=this.dataset.responsive?this.dataset.responsive==="true":!0,this.placeholder=this.dataset.placeholder,this.intro=this.dataset.intro,this.supportMessage=this.dataset.supportMessage}connectedCallback(){var i;this.style.position||(this.style.position="relative"),this.style.zIndex="2147483647",this.style.visibility="hidden";let t;if(this.assetUrl&&(t=new URL(this.assetUrl.replace(/\/$/,"")+"/css/plate-search.css",window.location.href)),!t){let a="latest";try{const u=(((i=document.currentScript)==null?void 0:i.src)||"").match(/plate-search@([^/]+)/);u&&u[1]&&(a=u[1])}catch{}a==="latest"&&ba.version&&(a=ba.version),t=new URL(`https://unpkg.com/@cartbot/plate-search@${a}/build/dist/css/plate-search.css`)}const r=[["data-api-key",this.apiKey],["data-callback-url",this.callbackUrl],["data-products-url",this.productsUrl],["data-theme-color",this.themeColor],["data-use-geolocation",this.useGeolocation],["data-button",this.buttonTheme],["data-responsive",this.responsive],["data-placeholder",this.placeholder],["data-intro",this.intro],["data-support-message",this.supportMessage]].filter(([a,s])=>s!=null).map(([a,s])=>`${a}="${s}"`).join(" "),l=(a,s)=>{if(!/@import/i.test(a)&&"adoptedStyleSheets"in Document.prototype)try{const g=new CSSStyleSheet;return g.replaceSync(a),console.info(`Partbot: using constructable stylesheet (${s})`),g}catch(g){console.warn("Partbot: constructable sheet failed, falling back",g)}const h=document.createElement("style");return h.textContent=a,this.debug&&console.info(`Partbot: using <style> element fallback (${s})`,h.textContent),h};bn.__stylePromise||(t?bn.__stylePromise=fetch(t).then(a=>{if(!a.ok)throw new Error(`HTTP ${a.status}`);return a.text()}).then(a=>l(a,t.href)).catch(a=>(console.warn("Partbot: external stylesheet failed, falling back to inline",a),l(Va,"inline-fallback"))):bn.__stylePromise=Promise.resolve(l(Va,"inline")));const o=document.createElement("template");if(o.innerHTML=`
+ */(function(e,t){(function(n){var r;if(e.exports=n(),r=!0,!r){var l=window.Cookies,o=window.Cookies=n();o.noConflict=function(){return window.Cookies=l,o}}})(function(){function n(){for(var o=0,i={};o<arguments.length;o++){var a=arguments[o];for(var s in a)i[s]=a[s]}return i}function r(o){return o.replace(/(%[0-9A-Z]{2})+/g,decodeURIComponent)}function l(o){function i(){}function a(u,h,g){if(!(typeof document>"u")){g=n({path:"/"},i.defaults,g),typeof g.expires=="number"&&(g.expires=new Date(new Date*1+g.expires*864e5)),g.expires=g.expires?g.expires.toUTCString():"";try{var v=JSON.stringify(h);/^[\{\[]/.test(v)&&(h=v)}catch{}h=o.write?o.write(h,u):encodeURIComponent(String(h)).replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g,decodeURIComponent),u=encodeURIComponent(String(u)).replace(/%(23|24|26|2B|5E|60|7C)/g,decodeURIComponent).replace(/[\(\)]/g,escape);var x="";for(var k in g)g[k]&&(x+="; "+k,g[k]!==!0&&(x+="="+g[k].split(";")[0]));return document.cookie=u+"="+h+x}}function s(u,h){if(!(typeof document>"u")){for(var g={},v=document.cookie?document.cookie.split("; "):[],x=0;x<v.length;x++){var k=v[x].split("="),_=k.slice(1).join("=");!h&&_.charAt(0)==='"'&&(_=_.slice(1,-1));try{var U=r(k[0]);if(_=(o.read||o)(_,U)||r(_),h)try{_=JSON.parse(_)}catch{}if(g[U]=_,u===U)break}catch{}}return u?g[u]:g}}return i.set=a,i.get=function(u){return s(u,!1)},i.getJSON=function(u){return s(u,!0)},i.remove=function(u,h){a(u,"",n(h,{expires:-1}))},i.defaults={},i.withConverter=l,i}return l(function(){})})})(bf);var p1=bf.exports;const ja=Qt(p1);var Vf={exports:{}},m1="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",h1=m1,g1=h1;function $f(){}function Wf(){}Wf.resetWarningCache=$f;var v1=function(){function e(r,l,o,i,a,s){if(s!==g1){var u=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw u.name="Invariant Violation",u}}e.isRequired=e;function t(){return e}var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:Wf,resetWarningCache:$f};return n.PropTypes=n,n};Vf.exports=v1();var y1=Vf.exports;const tt=Qt(y1);function Bf({error:e}){return React.createElement("div",{className:"rounded-md bg-red-50 p-4"},React.createElement("div",{className:"flex justify-center items-center"},React.createElement("div",{className:"flex-shrink-0"},React.createElement(jf,{size:20,weight:"bold",className:"text-red-400","aria-hidden":"true"})),React.createElement("div",{className:"ml-3"},React.createElement("h3",{className:"text-sm font-medium text-red-800"},e))))}Bf.propTypes={error:tt.string.isRequired};function w1({className:e,alt:t="Partbot Logo"}){return React.createElement("span",{className:e,role:"img","aria-label":t},React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"239.19",height:"54.22",viewBox:"0 0 239.19 54.22",focusable:"false","aria-hidden":"true",style:{width:"auto",height:"100%"}},React.createElement("g",null,React.createElement("rect",{fill:"currentColor",y:".22",width:"24.45",height:"24.45",rx:"1.81",ry:"1.81"}),React.createElement("rect",{fill:"currentColor",y:"29.76",width:"24.45",height:"24.45",rx:"1.7",ry:"1.7"}),React.createElement("path",{fill:"currentColor",d:"M36.91,34.61h-5.67c-.94,0-1.7-.76-1.7-1.7V1.7C29.55.76,30.31,0,31.25,0h5.67c9.44,0,17.09,7.65,17.09,17.09h0v.43c0,9.44-7.65,17.09-17.09,17.09Z"}),React.createElement("path",{fill:"currentColor",d:"M97.79,12.21c-1.74-.96-3.67-1.44-5.8-1.44h-13.54v31.48h7.56v-8.81h5.98c2.13,0,4.06-.48,5.8-1.44,1.74-.96,3.13-2.3,4.18-4.03,1.05-1.72,1.57-3.7,1.57-5.91s-.52-4.18-1.57-5.87c-1.05-1.69-2.44-3.02-4.18-3.98ZM95.32,24.8c-.45.75-1.04,1.32-1.78,1.71-.74.39-1.54.58-2.41.58h-5.13v-10.03h5.13c.87,0,1.67.2,2.41.61.73.4,1.33.98,1.78,1.73.45.75.67,1.65.67,2.7s-.22,1.95-.67,2.7Z"}),React.createElement("path",{fill:"currentColor",d:"M124.27,20.24c-1.81-1.06-4.01-1.6-6.59-1.6s-4.76.54-6.63,1.62c-1.87,1.08-3.32,2.54-4.34,4.39-1.02,1.84-1.53,3.93-1.53,6.27s.43,4.26,1.3,6.05c.87,1.78,2.08,3.2,3.64,4.25,1.56,1.05,3.36,1.57,5.4,1.57,1.29,0,2.41-.18,3.35-.54.94-.36,1.75-.86,2.41-1.51.66-.64,1.2-1.37,1.62-2.18h.18v3.69h6.84v-11.47c0-2.28-.49-4.34-1.46-6.18s-2.37-3.3-4.18-4.36ZM122.18,33.8c-.42.93-1.03,1.66-1.82,2.18s-1.72.79-2.77.79-2.02-.26-2.83-.79-1.42-1.25-1.84-2.18c-.42-.93-.63-1.96-.63-3.1s.21-2.11.63-3.01c.42-.9,1.03-1.61,1.84-2.14s1.75-.79,2.83-.79,1.97.26,2.77.79,1.4,1.24,1.82,2.14c.42.9.63,1.9.63,3.01s-.21,2.17-.63,3.1Z"}),React.createElement("path",{fill:"currentColor",d:"M159.56,13.56h-7.02v5.62h-12.06c-2.13,0-3.79.64-4.99,1.84s-1.8,2.85-1.8,4.95v16.28h6.97v-15.83c0-.45.15-.82.45-1.1.3-.28.66-.43,1.08-.43h10.35v10.61c0,2.07.6,3.71,1.8,4.92,1.2,1.21,2.86,1.82,4.99,1.82h6.57v-5.85h-5.04c-.36,0-.67-.13-.92-.38-.26-.25-.38-.56-.38-.92v-10.21h6.34v-5.71h-6.34v-5.62Z"}),React.createElement("path",{fill:"currentColor",d:"M189.1,20.13c-1.65-.99-3.57-1.48-5.76-1.48-.93,0-1.81.12-2.63.36-.83.24-1.57.59-2.25,1.06-.67.47-1.24,1.01-1.69,1.64h-.14v-12.28h-6.97v20.87c0,2.52.51,4.72,1.53,6.61,1.02,1.89,2.46,3.34,4.32,4.36,1.86,1.02,4.03,1.53,6.52,1.53,1.95,0,3.68-.3,5.19-.9,1.51-.6,2.8-1.46,3.87-2.59,1.06-1.12,1.88-2.45,2.45-3.98.57-1.53.85-3.19.85-4.99,0-2.34-.47-4.38-1.42-6.12-.94-1.74-2.24-3.1-3.89-4.09ZM186.65,33.82c-.44.91-1.04,1.63-1.82,2.16-.78.52-1.71.79-2.79.79s-2.02-.26-2.81-.79-1.4-1.24-1.82-2.16-.63-1.94-.63-3.08.21-2.16.63-3.06c.42-.9,1.03-1.61,1.82-2.14s1.73-.79,2.81-.79,2.01.26,2.79.79c.78.52,1.39,1.24,1.82,2.14.43.9.65,1.92.65,3.06s-.22,2.17-.65,3.08Z"}),React.createElement("path",{fill:"currentColor",d:"M215.96,20.24c-1.87-1.06-4-1.6-6.36-1.6s-4.5.53-6.39,1.6c-1.89,1.06-3.38,2.5-4.48,4.32-1.09,1.81-1.64,3.88-1.64,6.18s.55,4.33,1.64,6.16c1.09,1.83,2.59,3.27,4.48,4.32,1.89,1.05,4.02,1.57,6.39,1.57s4.45-.52,6.34-1.57,3.38-2.49,4.47-4.32c1.09-1.83,1.64-3.88,1.64-6.16s-.55-4.37-1.64-6.18c-1.09-1.81-2.58-3.25-4.45-4.32ZM214.37,33.75c-.45.9-1.08,1.62-1.89,2.16s-1.77.81-2.88.81-2.08-.27-2.9-.81-1.46-1.26-1.91-2.16c-.45-.9-.67-1.92-.67-3.06s.22-2.11.67-3.01c.45-.9,1.09-1.62,1.91-2.16s1.79-.81,2.9-.81,2.07.27,2.88.81,1.44,1.26,1.89,2.16c.45.9.67,1.9.67,3.01s-.22,2.16-.67,3.06Z"}),React.createElement("path",{fill:"currentColor",d:"M239.19,24.89v-5.71h-6.34v-5.62h-7.02v21.95c0,2.07.6,3.71,1.8,4.92,1.2,1.21,2.86,1.82,4.99,1.82h6.57v-5.85h-5.04c-.36,0-.67-.13-.92-.38-.26-.25-.38-.56-.38-.92v-10.21h6.34Z"}))))}const ba={version:"3.1.1"},Zf=["ACT","NSW","NT","QLD","SA","TAS","VIC","WA"],Qf="https://api.partbot.io/v1/vehicles/plate-search",Gf="https://api.partbot.io/v1/vehicles/plate-search-retry";function Br(e){const[t,n]=m.useState(!1),[r,l]=m.useState(!1),[o,i]=m.useState(""),[a,s]=m.useState(""),[u,h]=m.useState(null),[g,v]=m.useState(!1),x=m.useRef(null),[k,_]=m.useState(Qf),[U,d]=m.useState(null),c=e.apiKey,p=e.callbackUrl,y=e.productsUrl,C=e.useGeolocation==="true",A=e.themeColor||"#4f46e5",M=e.buttonTheme||"light",z=e.responsive!==void 0?e.responsive:!0,G=e.intro||"Enter your Number&nbsp;Plate and select your State or Territory to find your vehicle.",D=e.placeholder||"PL8SRCH",b=e.supportMessage;m.useEffect(()=>{console.info(`Vehicle Registration Search (v${ba.version}) powered by Partbot https://use.partbot.io`)},[]),m.useEffect(()=>{const w=localStorage.getItem("partbot_selected_vehicle");if(w){const R=JSON.parse(w);R.description&&(R.vehicle_ids.length>0||Object.values(R.vehicle).every(N=>N!==null&&N!==""&&(typeof N!="object"||Object.keys(N).length>0)))&&d(R)}},[]),m.useEffect(()=>{document.documentElement.style.setProperty("--partbot-theme",A)},[A]),m.useEffect(()=>{t&&C&&"geolocation"in navigator&&navigator.geolocation.getCurrentPosition(async function(w){const{latitude:R,longitude:N}=w.coords;try{const B=await(await fetch(`https://maps.googleapis.com/maps/api/geocode/json?latlng=${R},${N}&key=AIzaSyDAdDL5E8iWK_oc0FLqdW-QAhZo84xIX0k`)).json();if(B.results&&B.results[0]){const Fe=B.results[0].address_components.find($=>$.types.includes("administrative_area_level_1"));if(Fe){const $=Fe.short_name;s($)}}}catch(O){console.error("Geocoding error:",O)}})},[C,t]),m.useEffect(()=>{let w=localStorage.getItem("partbot_plate_details");w&&(w=JSON.parse(w),w.plate?i(w.plate.number):localStorage.removeItem("partbot_plate_details"))},[]),m.useEffect(()=>{t&&!r&&l(!0),t&&x.current&&x.current.focus()},[t,r]),m.useEffect(()=>{if(t){const w=document.documentElement.style.overflow,R=document.documentElement.style.paddingRight,N=window.innerWidth-document.documentElement.clientWidth;return N>0&&(document.documentElement.style.paddingRight=`${N}px`),document.documentElement.style.overflow="hidden",()=>{document.documentElement.style.overflow=w,document.documentElement.style.paddingRight=R}}},[t]);const Ze=w=>{if(w&&w.preventDefault(),!a||!o)return;v(!0);const R={plate:o,state:a};async function N(){return(await fetch(k,{method:"POST",mode:"cors",cache:"no-cache",credentials:"same-origin",headers:{"Content-Type":"application/json",Authorization:`Basic ${c}`},redirect:"follow",referrerPolicy:"no-referrer",body:JSON.stringify(R)})).json()}N().then(O=>{v(!1),O.plate?(localStorage.setItem("partbot_plate_details",JSON.stringify(O)),h(O)):O&&O.indexOf("Invalid API Key")!==-1?h({error:O}):h({error:"Could not find any matching vehicles."})}).catch(O=>{console.error("Error:",O),h({error:"Could not find any matching vehicles."})})};m.useEffect(()=>{Ze()},[k]);const nt=w=>{localStorage.removeItem("partbot_plate_details"),localStorage.removeItem("partbot_selected_vehicle"),ja.remove("partbot_selected_vehicle"),h(null),_(Gf)},Wt=w=>{window.open(`mailto:report@partbot.io?subject=${encodeURIComponent("Registration Search Issue")}&body=${encodeURIComponent(`Incorrect vehicles were shown for ${a} number plate: ${o}, vehicle: ${u.factory_vehicle.make} ${u.factory_vehicle.model} ${u.factory_vehicle.year} ${u.factory_vehicle.body} ${u.factory_vehicle.series}. Please provide details of the correct vehicle below:`)}`)},$n=w=>{i(""),h(null),_(Qf),d(null),localStorage.removeItem("partbot_plate_details"),localStorage.removeItem("partbot_selected_vehicle"),ja.remove("partbot_selected_vehicle")},Bt=w=>{var R=JSON.stringify({description:w.description,vehicle_ids:w.vehicle_ids,vehicle:{...w.vehicle,year:u.factory_vehicle.year}});localStorage.setItem("partbot_selected_vehicle",R),ja.set("partbot_selected_vehicle",R,{secure:!0});var N=new CustomEvent("plate-search-change",{detail:{vehicle_ids:w.vehicle_ids}});document.dispatchEvent(N),d(w),p&&p!==window.location.href&&(n(!1),window.location.href=p+window.location.search)},cn=w=>{if(n(!1),y)try{const R=new URL(y,window.location.origin);if(R.origin!==window.location.origin){console.warn("Partbot: Blocked navigation to external productsUrl",R.toString());return}window.location.assign(R.href)}catch(R){console.error("Partbot: Invalid productsUrl provided",y,R)}},T=w=>{const R=["series","variant","body","fuel_type","drivetrain","engine","engine_capacity","cylinders"];return Object.entries(w).filter(([N,O])=>O!==null&&R.includes(N)&&typeof O!="object").map(([N,O])=>N==="cylinders"?`${O}cyl`:O).join(" ")};return React.createElement(React.Fragment,null,React.createElement("button",{onClick:w=>n(!t),type:"button",className:`${M==="dark"?"bg-transparent text-gray-100 hover:text-white":"bg-white text-gray-700 hover:bg-gray-50"} inline-flex items-center ${z?"px-2 md:px-3":"px-3"} text-md focus:outline-none focus:ring-bg-theme-color h-[44px] rounded-md border-4 border-double border-gray-400 font-license text-base font-medium shadow-sm transition cursor-pointer leading-none`},React.createElement(Ff,{weight:"fill",className:z?"h-5 w-5 md:-ml-1 md:mr-2":"mr-2 -ml-1 h-5 w-5","aria-hidden":"true"}),React.createElement("span",{className:z?"hidden md:inline mt-0.5":"inline mt-0.5"},o||D)),React.createElement("div",{className:`${t?"modal-container modal-container-open":"modal-container modal-container-close"}`,style:{zIndex:2147483647,...!t&&!r?{display:"none"}:{}},onClick:w=>{w.target===w.currentTarget&&n(!1)}},React.createElement("div",{role:"dialog","aria-modal":"true","aria-label":"Number plate search dialog",className:t?"modal modal-open":"modal modal-close"},React.createElement("div",{className:"absolute top-0 right-0 pt-4 pr-4"},React.createElement("button",{type:"button",className:"focus:outline-none focus:ring-bg-theme-color rounded-md bg-white text-gray-400 hover:text-gray-500",onClick:()=>n(!1)},React.createElement("span",{className:"sr-only"},"Close"),React.createElement(Uf,{size:16,weight:"bold","aria-hidden":"true"}))),u&&!U&&React.createElement("div",{className:"modal-content"},React.createElement("div",{className:"mb-5 text-center"},React.createElement("div",{className:"inline-flex items-center text-center text-2xl font-extrabold tracking-tight text-black"},React.createElement("div",null,"Results for"," ",React.createElement("span",{className:"text-theme-color"},o," (",a,")"))),React.createElement("div",{className:"mt-6"},React.createElement("div",{className:"modal-scroll-area"},u.vehicles?React.createElement("div",{className:"grid gap-3 text-left"},u.vehicles.map(function(w,R){return React.createElement("div",{key:R,className:"focus:outline-none relative grid cursor-pointer gap-4 rounded-lg border border-gray-300 bg-white px-4 py-4 shadow-sm hover:border-gray-400 sm:flex sm:justify-between"},React.createElement("div",{className:"pr-5 text-xs"},React.createElement("div",{className:"grid gap-2"},React.createElement("div",{className:"text-sm font-bold text-gray-900"},w.description),React.createElement("div",{className:"text-gray-600"},T(w.vehicle)))),React.createElement("div",null,React.createElement("button",{className:"justify-center rounded-md border border-transparent bg-theme-color px-2 py-1.5 text-xs font-medium text-white shadow-sm",onClick:()=>Bt(w)},"Select vehicle")))}),u.differing_attributes&&u.vehicle_breakdown&&u.vehicle_breakdown.length>0&&React.createElement("div",null,React.createElement("details",{className:"[&_summary::-webkit-details-marker]:hidden group rounded-lg border border-gray-300 bg-white"},React.createElement("summary",{className:"flex cursor-pointer items-center justify-between px-4 py-2 text-left text-sm font-medium text-gray-900"},React.createElement("span",null,"More options..."),React.createElement("svg",{className:"!h-5 !w-5 text-gray-500 transition duration-300 group-open:rotate-180",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor"},React.createElement("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"}))),React.createElement("div",{className:"border-t border-gray-200 px-4 py-3"},React.createElement("div",{className:"grid gap-3"},u.vehicle_breakdown&&u.vehicle_breakdown.map((w,R)=>React.createElement("div",{key:R,className:"flex items-center justify-between rounded-md border border-gray-200 p-3 text-sm"},React.createElement("div",null,u.differing_attributes.map(N=>React.createElement("div",{key:N,className:"text-xs text-gray-600"},React.createElement("span",{className:"font-medium capitalize"},N,":")," ",w.vehicle[N]))),React.createElement("button",{onClick:()=>Bt(w),className:"ml-4 rounded-md bg-theme-color px-3 py-1.5 text-xs font-medium text-white hover:bg-opacity-90"},"Select")))))))):React.createElement("div",{className:"my-5"},React.createElement(Bf,{error:u.error}))),u.vehicles&&u.vehicles.length>3&&React.createElement("div",{className:"pb-4 text-center text-xs text-gray-500"},"Scroll for more..."),b&&React.createElement("div",{className:"pl8srch-text mx-auto my-6 w-full text-sm text-gray-500",dangerouslySetInnerHTML:{__html:If.sanitize(b)}}),k!==Gf&&React.createElement("button",{type:"button",className:"mb-5 hidden w-full items-center justify-center rounded-md border border-theme-color bg-transparent px-4 py-2 text-base font-medium text-theme-color shadow-sm hover:bg-theme-color hover:text-white",onClick:nt},"Try Again"," ",React.createElement(Df,{size:16,weight:"bold",className:"ml-3","aria-hidden":"true"})),React.createElement("div",{className:"align-center flex justify-between"},React.createElement("button",{onClick:Wt,className:"text-xs text-theme-color"},"Report incorrect search results"),React.createElement("button",{onClick:$n,className:"text-xs text-theme-color"},React.createElement(Of,{size:12,weight:"bold",className:"mr-1 inline"})," ","Back to search"))))),U&&React.createElement("div",{className:"modal-content"},React.createElement("div",{className:"mb-5 text-center"},React.createElement("div",{className:"grid items-center"},React.createElement("div",{className:"inline-flex items-center justify-center gap-1 text-center text-2xl font-extrabold tracking-tight text-black"},React.createElement("span",null,"Selected Vehicle"),o&&React.createElement("span",{className:"text-theme-color"},"(",o,")")),React.createElement("div",{className:"text-medium mt-5 text-sm text-gray-500"},u&&u.factory_vehicle?`${u.factory_vehicle.make} ${u.factory_vehicle.model} ${u.factory_vehicle.year}`:U.description),U.vehicle&&React.createElement("div",{className:"mt-2 text-xs text-gray-600"},T(U.vehicle))),React.createElement("div",{className:"mt-6 flex gap-4"},React.createElement("button",{className:"mb-5 flex w-full items-center justify-center rounded-md border border-theme-color bg-transparent px-4 py-2 text-sm font-medium text-theme-color shadow-sm hover:bg-theme-color hover:text-white",onClick:$n},"Clear Vehicle"),y&&React.createElement("button",{className:"mb-5 flex w-full items-center justify-center rounded-md border border-theme-color bg-transparent px-4 py-2 text-sm font-medium text-theme-color shadow-sm hover:bg-theme-color hover:text-white",onClick:cn},"Show Products")))),!U&&!u&&React.createElement("div",{className:"modal-content"},React.createElement("div",{className:"mb-5 text-center"},React.createElement("div",{className:"inline-flex items-center text-2xl font-extrabold tracking-tight text-black"},React.createElement("span",null,"Number Plate Search")),React.createElement("div",{className:"[&>a]:text-theme-color hover:[&>a]:text-theme-color pl8srch-text text-balance mx-auto mt-3 mb-4 max-w-sm text-sm text-gray-500 whitespace-normal!",dangerouslySetInnerHTML:{__html:If.sanitize(G)}})),React.createElement("form",{onSubmit:Ze,className:"flex flex-col items-center text-black"},React.createElement("input",{type:"text",name:"plate",ref:x,className:`pl8srch-input h-[130px] w-full rounded-xl border-[6px] px-6 pt-5 pb-2 text-center font-license text-[60px] uppercase md:h-[150px] md:border-8 md:text-[75px] focus:outline-none focus:ring-bg-theme-color focus:border-theme-color transition-all duration-200 ${o?"border-theme-color":"border-stone-300"}`,placeholder:D,value:o,onChange:w=>i(w.target.value.toUpperCase())}),React.createElement("span",{className:"relative z-0 my-5 flex w-full rounded-md items-stretch shadow-sm"},Zf.map((w,R)=>{let N="bg-white text-gray-700 hover:bg-gray-50 border-gray-300";return w===a&&(N="bg-theme-color text-white hover:bg-theme-color border-theme-color"),R===0?React.createElement("button",{key:w,onClick:O=>s(w),type:"button",className:`focus:outline-none focus:ring-bg-theme-color text-center justify-center flex-grow focus:border-bg-theme-color relative inline-flex items-center cursor-pointer rounded-l-md border px-2 py-2 text-xs font-medium focus:z-10 focus:ring-1 sm:px-3 ${N}`},w):Zf.length===R+1?React.createElement("button",{key:w,onClick:O=>s(w),type:"button",className:`focus:outline-none focus:ring-bg-theme-color text-center justify-center flex-grow focus:border-bg-theme-color relative -ml-px inline-flex items-center cursor-pointer rounded-r-md border px-2 py-2 text-xs font-medium focus:z-10 focus:ring-1 sm:px-3 ${N}`},w):React.createElement("button",{key:w,onClick:O=>s(w),type:"button",className:`focus:outline-none focus:ring-bg-theme-color text-center justify-center flex-grow focus:border-bg-theme-color relative -ml-px inline-flex items-center cursor-pointer border px-2 py-2 text-xs font-medium focus:z-10 focus:ring-1 sm:px-3 ${N}`},w)})),React.createElement("button",{type:"submit",className:"hover:bg-theme-color-800 flex w-full items-center justify-center rounded-md border border-transparent bg-theme-color px-4 py-2 text-base font-medium text-white shadow-sm"},"Find your vehicle",g?React.createElement(Hf,{weight:"bold",className:"ml-3 h-4 w-4 animate-spin","aria-hidden":"true"}):""))),React.createElement("div",{className:"mt-8 text-center"},React.createElement("a",{href:`https://use.partbot.io/?ref=${window.location.hostname}`,target:"_blank",rel:"noreferrer",className:"mx-auto inline-flex max-w-sm items-center text-center text-xs font-medium tracking-tight text-gray-500 transition gap-2"},React.createElement("span",null,"Powered by"),React.createElement(w1,{className:"inline h-4"}))))))}Br.propTypes={apiKey:tt.string.isRequired,callbackUrl:tt.string,productsUrl:tt.string,themeColor:tt.string,useGeolocation:tt.bool,buttonTheme:tt.oneOf(["light","dark"]),responsive:tt.bool,placeholder:tt.string,intro:tt.string,supportMessage:tt.string};const Va='@import"https://fonts.googleapis.com/css2?family=Inter:wght@400..800&display=swap";/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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;--tw-ease:initial;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}plate-search,plate-search *,plate-search:before,plate-search:after,plate-search::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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;--tw-ease:initial;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}:host,:host *,:host:before,:host:after,:host::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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;--tw-ease:initial;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-400:oklch(70.4% .191 22.216);--color-red-800:oklch(44.4% .177 26.899);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-stone-50:oklch(98.5% .001 106.423);--color-stone-300:oklch(86.9% .005 56.366);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--container-2xl:42rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wide:.025em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-license:"License Plate"}plate-search,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-400:oklch(70.4% .191 22.216);--color-red-800:oklch(44.4% .177 26.899);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-stone-50:oklch(98.5% .001 106.423);--color-stone-300:oklch(86.9% .005 56.366);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--container-2xl:42rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wide:.025em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-license:"License Plate"}:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-400:oklch(70.4% .191 22.216);--color-red-800:oklch(44.4% .177 26.899);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-stone-50:oklch(98.5% .001 106.423);--color-stone-300:oklch(86.9% .005 56.366);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--container-2xl:42rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wide:.025em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-license:"License Plate"}}@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(--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(--default-font-feature-settings,normal);font-variation-settings:var(--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(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--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{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-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}:-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}}@layer components{.modal-container{inset:calc(var(--spacing)*0);top:calc(var(--spacing)*0);z-index:9999;background-color:#00000080;justify-content:center;align-items:flex-start;width:100vw;height:100vh;display:flex;position:fixed;overflow-y:auto}@supports (color:color-mix(in lab,red,red)){.modal-container{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.modal-container{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (min-width:48rem){.modal-container{align-items:center}}.modal-container-open{pointer-events:auto;opacity:1;--tw-duration:.2s;--tw-ease:var(--ease-out);transition-duration:.2s;transition-timing-function:var(--ease-out)}.modal-container-close{pointer-events:none;opacity:0;--tw-duration:.2s;--tw-ease:var(--ease-in);transition-duration:.2s;transition-timing-function:var(--ease-in)}.modal{width:100vw;height:100vh;transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,);overscroll-behavior:auto;background-color:var(--color-white);padding-inline:calc(var(--spacing)*6);padding-top:calc(var(--spacing)*8);padding-bottom:calc(var(--spacing)*8);text-align:left;vertical-align:bottom;font-family:var(--font-sans);--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:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));display:inline-block;overflow:hidden}@media (min-width:40rem){.modal{margin-block:calc(var(--spacing)*8);width:100%;max-width:var(--container-lg);vertical-align:middle}}@media (min-width:48rem){.modal{margin:calc(var(--spacing)*3);height:auto;max-width:var(--container-lg);border-radius:var(--radius-xl);padding-inline:calc(var(--spacing)*12)}}.modal-close{--tw-translate-y:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y);opacity:0;--tw-duration:.2s;--tw-ease:var(--ease-in);transition-duration:.2s;transition-timing-function:var(--ease-in)}@media (min-width:40rem){.modal-close{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}.modal-open{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y);opacity:1;--tw-duration:.3s;--tw-ease:var(--ease-out);transition-duration:.3s;transition-timing-function:var(--ease-out)}.modal-scroll-area{margin-top:calc(var(--spacing)*3);margin-bottom:calc(var(--spacing)*3);max-height:380px;overflow:auto}.pl8srch-text a{color:var(--partbot-theme);opacity:.8;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;text-decoration-line:underline;transition-duration:.2s}@media (hover:hover){.pl8srch-text a:hover{color:var(--partbot-theme);opacity:1}}}@layer utilities{.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.right-0{right:calc(var(--spacing)*0)}.isolate{isolation:isolate}.z-0{z-index:0}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing)*4)}.my-5{margin-block:calc(var(--spacing)*5)}.my-6{margin-block:calc(var(--spacing)*6)}.mt-0\\.5{margin-top:calc(var(--spacing)*.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-auto{margin-top:auto}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.-ml-px{margin-left:-1px}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-4{margin-left:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.\\!h-5{height:calc(var(--spacing)*5)!important}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-\\[44px\\]{height:44px}.h-\\[130px\\]{height:130px}.h-full{height:100%}.min-h-screen{min-height:100vh}.\\!w-5{width:calc(var(--spacing)*5)!important}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-full{width:100%}.max-w-7xl{max-width:var(--container-7xl)}.max-w-prose{max-width:65ch}.max-w-sm{max-width:var(--container-sm)}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\\[6px\\]{border-style:var(--tw-border-style);border-width:6px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-double{--tw-border-style:double;border-style:double}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-stone-300{border-color:var(--color-stone-300)}.border-theme-color{border-color:var(--partbot-theme)}.border-transparent{border-color:#0000}.border-t-white\\/20{border-top-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-t-white\\/20{border-top-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.border-b-emerald-600{border-bottom-color:var(--color-emerald-600)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-red-50{background-color:var(--color-red-50)}.bg-stone-50{background-color:var(--color-stone-50)}.bg-theme-color{background-color:var(--partbot-theme)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-8{padding:calc(var(--spacing)*8)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-1\\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-8{padding-block:calc(var(--spacing)*8)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-5{padding-right:calc(var(--spacing)*5)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[60px\\]{font-size:60px}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-balance{text-wrap:balance}.whitespace-normal\\!{white-space:normal!important}.whitespace-nowrap{white-space:nowrap}.text-black{color:var(--color-black)}.text-emerald-100{color:var(--color-emerald-100)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-400{color:var(--color-emerald-400)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-700{color:var(--color-emerald-700)}.text-gray-100{color:var(--color-gray-100)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-red-400{color:var(--color-red-400)}.text-red-800{color:var(--color-red-800)}.text-theme-color{color:var(--partbot-theme)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.shadow,.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)}.shadow-xl{--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{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,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.group-open\\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}@media (hover:hover){.hover\\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\\:bg-emerald-500:hover{background-color:var(--color-emerald-500)}.hover\\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\\:bg-theme-color:hover{background-color:var(--partbot-theme)}.hover\\:text-gray-500:hover{color:var(--color-gray-500)}.hover\\:text-white:hover{color:var(--color-white)}}.focus\\:z-10:focus{z-index:10}.focus\\:border-bg-theme-color:focus,.focus\\:border-theme-color:focus{border-color:var(--partbot-theme)}.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)}.focus\\:ring-bg-theme-color:focus{--tw-ring-color:var(--partbot-theme)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (min-width:40rem){.sm\\:flex{display:flex}.sm\\:max-w-prose{max-width:65ch}.sm\\:justify-between{justify-content:space-between}.sm\\:overflow-hidden{overflow:hidden}.sm\\:px-3{padding-inline:calc(var(--spacing)*3)}.sm\\:px-6{padding-inline:calc(var(--spacing)*6)}}@media (min-width:48rem){.md\\:mt-6{margin-top:calc(var(--spacing)*6)}.md\\:mt-12{margin-top:calc(var(--spacing)*12)}.md\\:mr-2{margin-right:calc(var(--spacing)*2)}.md\\:-ml-1{margin-left:calc(var(--spacing)*-1)}.md\\:inline{display:inline}.md\\:h-\\[150px\\]{height:150px}.md\\:max-w-2xl{max-width:var(--container-2xl)}.md\\:flex-row{flex-direction:row}.md\\:items-center{align-items:center}.md\\:justify-center{justify-content:center}.md\\:border-8{border-style:var(--tw-border-style);border-width:8px}.md\\:p-4{padding:calc(var(--spacing)*4)}.md\\:px-3{padding-inline:calc(var(--spacing)*3)}.md\\:py-12{padding-block:calc(var(--spacing)*12)}.md\\:text-center{text-align:center}.md\\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.md\\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\\:text-\\[75px\\]{font-size:75px}}@media (min-width:64rem){.lg\\:px-8{padding-inline:calc(var(--spacing)*8)}.lg\\:py-12{padding-block:calc(var(--spacing)*12)}.lg\\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.lg\\:leading-20{--tw-leading:calc(var(--spacing)*20);line-height:calc(var(--spacing)*20)}}.\\[\\&_summary\\:\\:-webkit-details-marker\\]\\:hidden summary::-webkit-details-marker{display:none}.\\[\\&\\>a\\]\\:text-theme-color>a{color:var(--partbot-theme)}@media (hover:hover){.hover\\:\\[\\&\\>a\\]\\:text-theme-color:hover>a{color:var(--partbot-theme)}}.font-license{font-family:var(--font-license)}}@font-face{font-family:License Plate;src:url(https://res.cloudinary.com/proex/raw/upload/v1730709140/partbot/PartbotPlate.woff2)format("woff2");font-weight:400;font-style:normal}:host{overflow-wrap:break-word;white-space:normal;display:block;overflow:visible}@property --tw-space-y-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-tracking{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}@property --tw-ease{syntax:"*";inherits:false}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}';function x1({domElement:e}){const t=e.getAttribute("data-api-key"),n=e.getAttribute("data-callback-url"),r=e.getAttribute("data-products-url"),l=e.getAttribute("data-theme-color"),o=e.getAttribute("data-use-geolocation")==="true",i=e.getAttribute("data-button"),a=e.getAttribute("data-responsive")?e.getAttribute("data-responsive")==="true":!0,s=e.getAttribute("data-placeholder"),u=e.getAttribute("data-intro"),h=e.getAttribute("data-support-message");return React.createElement("div",{className:"App"},React.createElement(Br,{className:"partbot",apiKey:t,callbackUrl:n,productsUrl:r,themeColor:l,useGeolocation:o,buttonTheme:i,responsive:a,placeholder:s,intro:u,supportMessage:h}))}class bn extends HTMLElement{constructor(){super(),this.apiKey=this.dataset.apiKey,this.callbackUrl=this.dataset.callbackUrl,this.productsUrl=this.dataset.productsUrl,this.themeColor=this.dataset.themeColor,this.useGeolocation=this.dataset.useGeolocation,this.debug=this.dataset.debug==="true",this.assetUrl=this.dataset.assetUrl,this.buttonTheme=this.dataset.button,this.responsive=this.dataset.responsive?this.dataset.responsive==="true":!0,this.placeholder=this.dataset.placeholder,this.intro=this.dataset.intro,this.supportMessage=this.dataset.supportMessage}connectedCallback(){var i;this.style.position||(this.style.position="relative"),this.style.zIndex="2147483647",this.style.visibility="hidden";let t;if(this.assetUrl&&(t=new URL(this.assetUrl.replace(/\/$/,"")+"/css/plate-search.css",window.location.href)),!t){let a="latest";try{const u=(((i=document.currentScript)==null?void 0:i.src)||"").match(/plate-search@([^/]+)/);u&&u[1]&&(a=u[1])}catch{}a==="latest"&&ba.version&&(a=ba.version),t=new URL(`https://unpkg.com/@cartbot/plate-search@${a}/build/dist/css/plate-search.css`)}const r=[["data-api-key",this.apiKey],["data-callback-url",this.callbackUrl],["data-products-url",this.productsUrl],["data-theme-color",this.themeColor],["data-use-geolocation",this.useGeolocation],["data-button",this.buttonTheme],["data-responsive",this.responsive],["data-placeholder",this.placeholder],["data-intro",this.intro],["data-support-message",this.supportMessage]].filter(([a,s])=>s!=null).map(([a,s])=>`${a}="${s}"`).join(" "),l=(a,s)=>{if(!/@import/i.test(a)&&"adoptedStyleSheets"in Document.prototype)try{const g=new CSSStyleSheet;return g.replaceSync(a),console.info(`Partbot: using constructable stylesheet (${s})`),g}catch(g){console.warn("Partbot: constructable sheet failed, falling back",g)}const h=document.createElement("style");return h.textContent=a,this.debug&&console.info(`Partbot: using <style> element fallback (${s})`,h.textContent),h};bn.__stylePromise||(t?bn.__stylePromise=fetch(t).then(a=>{if(!a.ok)throw new Error(`HTTP ${a.status}`);return a.text()}).then(a=>l(a,t.href)).catch(a=>(console.warn("Partbot: external stylesheet failed, falling back to inline",a),l(Va,"inline-fallback"))):bn.__stylePromise=Promise.resolve(l(Va,"inline")));const o=document.createElement("template");if(o.innerHTML=`
 <div class="partbot-plate-search isolate" ${r}></div>`,this.attachShadow({mode:"open"}),bn.__stylePromise.then(a=>{var s,u;if(a){if(a instanceof CSSStyleSheet?this.shadowRoot.adoptedStyleSheets=[a]:a instanceof HTMLStyleElement&&this.shadowRoot.prepend(a.cloneNode(!0)),this.debug)try{const h=(s=this.shadowRoot.adoptedStyleSheets)==null?void 0:s[0];h&&console.info("Partbot debug: first rule in adopted sheet →",(u=h.cssRules[0])==null?void 0:u.cssText);const g=getComputedStyle(this).getPropertyValue("--tw-border-style");console.info("Partbot debug: --tw-border-style on :host →",g)}catch(h){console.warn("Partbot debug: failed to inspect stylesheet",h)}requestAnimationFrame(()=>{this.style.visibility="visible"})}}),this.shadowRoot.appendChild(o.content.cloneNode(!0)),!document.head.querySelector("style[data-partbot-license]")){const a=document.createElement("style");a.setAttribute("data-partbot-license",""),a.appendChild(document.createTextNode(`
       @font-face {
         font-family: "License Plate";

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

@@ -981,7 +981,7 @@ function rr({ className: a, alt: r = "Partbot Logo" }) {
     ))
   ));
 }
-const or = "3.1.0", dt = {
+const or = "3.1.1", dt = {
   version: or
 }, Wt = ["ACT", "NSW", "NT", "QLD", "SA", "TAS", "VIC", "WA"], $t = "https://api.partbot.io/v1/vehicles/plate-search", Gt = "https://api.partbot.io/v1/vehicles/plate-search-retry";
 function Fe(a) {

package/dist/js/plate-search.js

@@ -36,7 +36,7 @@ Error generating stack: `+o.message+`
  *
  * Copyright 2006, 2015 Klaus Hartl & Fagner Brack
  * Released under the MIT license
- */(function(e,t){(function(n){var r;if(e.exports=n(),r=!0,!r){var l=window.Cookies,o=window.Cookies=n();o.noConflict=function(){return window.Cookies=l,o}}})(function(){function n(){for(var o=0,i={};o<arguments.length;o++){var a=arguments[o];for(var s in a)i[s]=a[s]}return i}function r(o){return o.replace(/(%[0-9A-Z]{2})+/g,decodeURIComponent)}function l(o){function i(){}function a(u,h,g){if(!(typeof document>"u")){g=n({path:"/"},i.defaults,g),typeof g.expires=="number"&&(g.expires=new Date(new Date*1+g.expires*864e5)),g.expires=g.expires?g.expires.toUTCString():"";try{var v=JSON.stringify(h);/^[\{\[]/.test(v)&&(h=v)}catch{}h=o.write?o.write(h,u):encodeURIComponent(String(h)).replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g,decodeURIComponent),u=encodeURIComponent(String(u)).replace(/%(23|24|26|2B|5E|60|7C)/g,decodeURIComponent).replace(/[\(\)]/g,escape);var x="";for(var k in g)g[k]&&(x+="; "+k,g[k]!==!0&&(x+="="+g[k].split(";")[0]));return document.cookie=u+"="+h+x}}function s(u,h){if(!(typeof document>"u")){for(var g={},v=document.cookie?document.cookie.split("; "):[],x=0;x<v.length;x++){var k=v[x].split("="),_=k.slice(1).join("=");!h&&_.charAt(0)==='"'&&(_=_.slice(1,-1));try{var U=r(k[0]);if(_=(o.read||o)(_,U)||r(_),h)try{_=JSON.parse(_)}catch{}if(g[U]=_,u===U)break}catch{}}return u?g[u]:g}}return i.set=a,i.get=function(u){return s(u,!1)},i.getJSON=function(u){return s(u,!0)},i.remove=function(u,h){a(u,"",n(h,{expires:-1}))},i.defaults={},i.withConverter=l,i}return l(function(){})})})(bf);var p1=bf.exports;const ja=Qt(p1);var Vf={exports:{}},m1="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",h1=m1,g1=h1;function $f(){}function Wf(){}Wf.resetWarningCache=$f;var v1=function(){function e(r,l,o,i,a,s){if(s!==g1){var u=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw u.name="Invariant Violation",u}}e.isRequired=e;function t(){return e}var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:Wf,resetWarningCache:$f};return n.PropTypes=n,n};Vf.exports=v1();var y1=Vf.exports;const tt=Qt(y1);function Bf({error:e}){return React.createElement("div",{className:"rounded-md bg-red-50 p-4"},React.createElement("div",{className:"flex justify-center items-center"},React.createElement("div",{className:"flex-shrink-0"},React.createElement(jf,{size:20,weight:"bold",className:"text-red-400","aria-hidden":"true"})),React.createElement("div",{className:"ml-3"},React.createElement("h3",{className:"text-sm font-medium text-red-800"},e))))}Bf.propTypes={error:tt.string.isRequired};function w1({className:e,alt:t="Partbot Logo"}){return React.createElement("span",{className:e,role:"img","aria-label":t},React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"239.19",height:"54.22",viewBox:"0 0 239.19 54.22",focusable:"false","aria-hidden":"true",style:{width:"auto",height:"100%"}},React.createElement("g",null,React.createElement("rect",{fill:"currentColor",y:".22",width:"24.45",height:"24.45",rx:"1.81",ry:"1.81"}),React.createElement("rect",{fill:"currentColor",y:"29.76",width:"24.45",height:"24.45",rx:"1.7",ry:"1.7"}),React.createElement("path",{fill:"currentColor",d:"M36.91,34.61h-5.67c-.94,0-1.7-.76-1.7-1.7V1.7C29.55.76,30.31,0,31.25,0h5.67c9.44,0,17.09,7.65,17.09,17.09h0v.43c0,9.44-7.65,17.09-17.09,17.09Z"}),React.createElement("path",{fill:"currentColor",d:"M97.79,12.21c-1.74-.96-3.67-1.44-5.8-1.44h-13.54v31.48h7.56v-8.81h5.98c2.13,0,4.06-.48,5.8-1.44,1.74-.96,3.13-2.3,4.18-4.03,1.05-1.72,1.57-3.7,1.57-5.91s-.52-4.18-1.57-5.87c-1.05-1.69-2.44-3.02-4.18-3.98ZM95.32,24.8c-.45.75-1.04,1.32-1.78,1.71-.74.39-1.54.58-2.41.58h-5.13v-10.03h5.13c.87,0,1.67.2,2.41.61.73.4,1.33.98,1.78,1.73.45.75.67,1.65.67,2.7s-.22,1.95-.67,2.7Z"}),React.createElement("path",{fill:"currentColor",d:"M124.27,20.24c-1.81-1.06-4.01-1.6-6.59-1.6s-4.76.54-6.63,1.62c-1.87,1.08-3.32,2.54-4.34,4.39-1.02,1.84-1.53,3.93-1.53,6.27s.43,4.26,1.3,6.05c.87,1.78,2.08,3.2,3.64,4.25,1.56,1.05,3.36,1.57,5.4,1.57,1.29,0,2.41-.18,3.35-.54.94-.36,1.75-.86,2.41-1.51.66-.64,1.2-1.37,1.62-2.18h.18v3.69h6.84v-11.47c0-2.28-.49-4.34-1.46-6.18s-2.37-3.3-4.18-4.36ZM122.18,33.8c-.42.93-1.03,1.66-1.82,2.18s-1.72.79-2.77.79-2.02-.26-2.83-.79-1.42-1.25-1.84-2.18c-.42-.93-.63-1.96-.63-3.1s.21-2.11.63-3.01c.42-.9,1.03-1.61,1.84-2.14s1.75-.79,2.83-.79,1.97.26,2.77.79,1.4,1.24,1.82,2.14c.42.9.63,1.9.63,3.01s-.21,2.17-.63,3.1Z"}),React.createElement("path",{fill:"currentColor",d:"M159.56,13.56h-7.02v5.62h-12.06c-2.13,0-3.79.64-4.99,1.84s-1.8,2.85-1.8,4.95v16.28h6.97v-15.83c0-.45.15-.82.45-1.1.3-.28.66-.43,1.08-.43h10.35v10.61c0,2.07.6,3.71,1.8,4.92,1.2,1.21,2.86,1.82,4.99,1.82h6.57v-5.85h-5.04c-.36,0-.67-.13-.92-.38-.26-.25-.38-.56-.38-.92v-10.21h6.34v-5.71h-6.34v-5.62Z"}),React.createElement("path",{fill:"currentColor",d:"M189.1,20.13c-1.65-.99-3.57-1.48-5.76-1.48-.93,0-1.81.12-2.63.36-.83.24-1.57.59-2.25,1.06-.67.47-1.24,1.01-1.69,1.64h-.14v-12.28h-6.97v20.87c0,2.52.51,4.72,1.53,6.61,1.02,1.89,2.46,3.34,4.32,4.36,1.86,1.02,4.03,1.53,6.52,1.53,1.95,0,3.68-.3,5.19-.9,1.51-.6,2.8-1.46,3.87-2.59,1.06-1.12,1.88-2.45,2.45-3.98.57-1.53.85-3.19.85-4.99,0-2.34-.47-4.38-1.42-6.12-.94-1.74-2.24-3.1-3.89-4.09ZM186.65,33.82c-.44.91-1.04,1.63-1.82,2.16-.78.52-1.71.79-2.79.79s-2.02-.26-2.81-.79-1.4-1.24-1.82-2.16-.63-1.94-.63-3.08.21-2.16.63-3.06c.42-.9,1.03-1.61,1.82-2.14s1.73-.79,2.81-.79,2.01.26,2.79.79c.78.52,1.39,1.24,1.82,2.14.43.9.65,1.92.65,3.06s-.22,2.17-.65,3.08Z"}),React.createElement("path",{fill:"currentColor",d:"M215.96,20.24c-1.87-1.06-4-1.6-6.36-1.6s-4.5.53-6.39,1.6c-1.89,1.06-3.38,2.5-4.48,4.32-1.09,1.81-1.64,3.88-1.64,6.18s.55,4.33,1.64,6.16c1.09,1.83,2.59,3.27,4.48,4.32,1.89,1.05,4.02,1.57,6.39,1.57s4.45-.52,6.34-1.57,3.38-2.49,4.47-4.32c1.09-1.83,1.64-3.88,1.64-6.16s-.55-4.37-1.64-6.18c-1.09-1.81-2.58-3.25-4.45-4.32ZM214.37,33.75c-.45.9-1.08,1.62-1.89,2.16s-1.77.81-2.88.81-2.08-.27-2.9-.81-1.46-1.26-1.91-2.16c-.45-.9-.67-1.92-.67-3.06s.22-2.11.67-3.01c.45-.9,1.09-1.62,1.91-2.16s1.79-.81,2.9-.81,2.07.27,2.88.81,1.44,1.26,1.89,2.16c.45.9.67,1.9.67,3.01s-.22,2.16-.67,3.06Z"}),React.createElement("path",{fill:"currentColor",d:"M239.19,24.89v-5.71h-6.34v-5.62h-7.02v21.95c0,2.07.6,3.71,1.8,4.92,1.2,1.21,2.86,1.82,4.99,1.82h6.57v-5.85h-5.04c-.36,0-.67-.13-.92-.38-.26-.25-.38-.56-.38-.92v-10.21h6.34Z"}))))}const ba={version:"3.1.0"},Zf=["ACT","NSW","NT","QLD","SA","TAS","VIC","WA"],Qf="https://api.partbot.io/v1/vehicles/plate-search",Gf="https://api.partbot.io/v1/vehicles/plate-search-retry";function Br(e){const[t,n]=m.useState(!1),[r,l]=m.useState(!1),[o,i]=m.useState(""),[a,s]=m.useState(""),[u,h]=m.useState(null),[g,v]=m.useState(!1),x=m.useRef(null),[k,_]=m.useState(Qf),[U,d]=m.useState(null),c=e.apiKey,p=e.callbackUrl,y=e.productsUrl,C=e.useGeolocation==="true",A=e.themeColor||"#4f46e5",M=e.buttonTheme||"light",z=e.responsive!==void 0?e.responsive:!0,G=e.intro||"Enter your Number&nbsp;Plate and select your State or Territory to find your vehicle.",D=e.placeholder||"PL8SRCH",b=e.supportMessage;m.useEffect(()=>{console.info(`Vehicle Registration Search (v${ba.version}) powered by Partbot https://use.partbot.io`)},[]),m.useEffect(()=>{const w=localStorage.getItem("partbot_selected_vehicle");if(w){const R=JSON.parse(w);R.description&&(R.vehicle_ids.length>0||Object.values(R.vehicle).every(N=>N!==null&&N!==""&&(typeof N!="object"||Object.keys(N).length>0)))&&d(R)}},[]),m.useEffect(()=>{document.documentElement.style.setProperty("--partbot-theme",A)},[A]),m.useEffect(()=>{t&&C&&"geolocation"in navigator&&navigator.geolocation.getCurrentPosition(async function(w){const{latitude:R,longitude:N}=w.coords;try{const B=await(await fetch(`https://maps.googleapis.com/maps/api/geocode/json?latlng=${R},${N}&key=AIzaSyDAdDL5E8iWK_oc0FLqdW-QAhZo84xIX0k`)).json();if(B.results&&B.results[0]){const Fe=B.results[0].address_components.find($=>$.types.includes("administrative_area_level_1"));if(Fe){const $=Fe.short_name;s($)}}}catch(O){console.error("Geocoding error:",O)}})},[C,t]),m.useEffect(()=>{let w=localStorage.getItem("partbot_plate_details");w&&(w=JSON.parse(w),w.plate?i(w.plate.number):localStorage.removeItem("partbot_plate_details"))},[]),m.useEffect(()=>{t&&!r&&l(!0),t&&x.current&&x.current.focus()},[t,r]),m.useEffect(()=>{if(t){const w=document.documentElement.style.overflow,R=document.documentElement.style.paddingRight,N=window.innerWidth-document.documentElement.clientWidth;return N>0&&(document.documentElement.style.paddingRight=`${N}px`),document.documentElement.style.overflow="hidden",()=>{document.documentElement.style.overflow=w,document.documentElement.style.paddingRight=R}}},[t]);const Ze=w=>{if(w&&w.preventDefault(),!a||!o)return;v(!0);const R={plate:o,state:a};async function N(){return(await fetch(k,{method:"POST",mode:"cors",cache:"no-cache",credentials:"same-origin",headers:{"Content-Type":"application/json",Authorization:`Basic ${c}`},redirect:"follow",referrerPolicy:"no-referrer",body:JSON.stringify(R)})).json()}N().then(O=>{v(!1),O.plate?(localStorage.setItem("partbot_plate_details",JSON.stringify(O)),h(O)):O&&O.indexOf("Invalid API Key")!==-1?h({error:O}):h({error:"Could not find any matching vehicles."})}).catch(O=>{console.error("Error:",O),h({error:"Could not find any matching vehicles."})})};m.useEffect(()=>{Ze()},[k]);const nt=w=>{localStorage.removeItem("partbot_plate_details"),localStorage.removeItem("partbot_selected_vehicle"),ja.remove("partbot_selected_vehicle"),h(null),_(Gf)},Wt=w=>{window.open(`mailto:report@partbot.io?subject=${encodeURIComponent("Registration Search Issue")}&body=${encodeURIComponent(`Incorrect vehicles were shown for ${a} number plate: ${o}, vehicle: ${u.factory_vehicle.make} ${u.factory_vehicle.model} ${u.factory_vehicle.year} ${u.factory_vehicle.body} ${u.factory_vehicle.series}. Please provide details of the correct vehicle below:`)}`)},$n=w=>{i(""),h(null),_(Qf),d(null),localStorage.removeItem("partbot_plate_details"),localStorage.removeItem("partbot_selected_vehicle"),ja.remove("partbot_selected_vehicle")},Bt=w=>{var R=JSON.stringify({description:w.description,vehicle_ids:w.vehicle_ids,vehicle:{...w.vehicle,year:u.factory_vehicle.year}});localStorage.setItem("partbot_selected_vehicle",R),ja.set("partbot_selected_vehicle",R,{secure:!0});var N=new CustomEvent("plate-search-change",{detail:{vehicle_ids:w.vehicle_ids}});document.dispatchEvent(N),d(w),p&&p!==window.location.href&&(n(!1),window.location.href=p+window.location.search)},cn=w=>{if(n(!1),y)try{const R=new URL(y,window.location.origin);if(R.origin!==window.location.origin){console.warn("Partbot: Blocked navigation to external productsUrl",R.toString());return}window.location.assign(R.href)}catch(R){console.error("Partbot: Invalid productsUrl provided",y,R)}},T=w=>{const R=["series","variant","body","fuel_type","drivetrain","engine","engine_capacity","cylinders"];return Object.entries(w).filter(([N,O])=>O!==null&&R.includes(N)&&typeof O!="object").map(([N,O])=>N==="cylinders"?`${O}cyl`:O).join(" ")};return React.createElement(React.Fragment,null,React.createElement("button",{onClick:w=>n(!t),type:"button",className:`${M==="dark"?"bg-transparent text-gray-100 hover:text-white":"bg-white text-gray-700 hover:bg-gray-50"} inline-flex items-center ${z?"px-2 md:px-3":"px-3"} text-md focus:outline-none focus:ring-bg-theme-color h-[44px] rounded-md border-4 border-double border-gray-400 font-license text-base font-medium shadow-sm transition cursor-pointer leading-none`},React.createElement(Ff,{weight:"fill",className:z?"h-5 w-5 md:-ml-1 md:mr-2":"mr-2 -ml-1 h-5 w-5","aria-hidden":"true"}),React.createElement("span",{className:z?"hidden md:inline mt-0.5":"inline mt-0.5"},o||D)),React.createElement("div",{className:`${t?"modal-container modal-container-open":"modal-container modal-container-close"}`,style:{zIndex:2147483647,...!t&&!r?{display:"none"}:{}},onClick:w=>{w.target===w.currentTarget&&n(!1)}},React.createElement("div",{role:"dialog","aria-modal":"true","aria-label":"Number plate search dialog",className:t?"modal modal-open":"modal modal-close"},React.createElement("div",{className:"absolute top-0 right-0 pt-4 pr-4"},React.createElement("button",{type:"button",className:"focus:outline-none focus:ring-bg-theme-color rounded-md bg-white text-gray-400 hover:text-gray-500",onClick:()=>n(!1)},React.createElement("span",{className:"sr-only"},"Close"),React.createElement(Uf,{size:16,weight:"bold","aria-hidden":"true"}))),u&&!U&&React.createElement("div",{className:"modal-content"},React.createElement("div",{className:"mb-5 text-center"},React.createElement("div",{className:"inline-flex items-center text-center text-2xl font-extrabold tracking-tight text-black"},React.createElement("div",null,"Results for"," ",React.createElement("span",{className:"text-theme-color"},o," (",a,")"))),React.createElement("div",{className:"mt-6"},React.createElement("div",{className:"modal-scroll-area"},u.vehicles?React.createElement("div",{className:"grid gap-3 text-left"},u.vehicles.map(function(w,R){return React.createElement("div",{key:R,className:"focus:outline-none relative grid cursor-pointer gap-4 rounded-lg border border-gray-300 bg-white px-4 py-4 shadow-sm hover:border-gray-400 sm:flex sm:justify-between"},React.createElement("div",{className:"pr-5 text-xs"},React.createElement("div",{className:"grid gap-2"},React.createElement("div",{className:"text-sm font-bold text-gray-900"},w.description),React.createElement("div",{className:"text-gray-600"},T(w.vehicle)))),React.createElement("div",null,React.createElement("button",{className:"justify-center rounded-md border border-transparent bg-theme-color px-2 py-1.5 text-xs font-medium text-white shadow-sm",onClick:()=>Bt(w)},"Select vehicle")))}),u.differing_attributes&&u.vehicle_breakdown&&u.vehicle_breakdown.length>0&&React.createElement("div",null,React.createElement("details",{className:"[&_summary::-webkit-details-marker]:hidden group rounded-lg border border-gray-300 bg-white"},React.createElement("summary",{className:"flex cursor-pointer items-center justify-between px-4 py-2 text-left text-sm font-medium text-gray-900"},React.createElement("span",null,"More options..."),React.createElement("svg",{className:"!h-5 !w-5 text-gray-500 transition duration-300 group-open:rotate-180",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor"},React.createElement("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"}))),React.createElement("div",{className:"border-t border-gray-200 px-4 py-3"},React.createElement("div",{className:"grid gap-3"},u.vehicle_breakdown&&u.vehicle_breakdown.map((w,R)=>React.createElement("div",{key:R,className:"flex items-center justify-between rounded-md border border-gray-200 p-3 text-sm"},React.createElement("div",null,u.differing_attributes.map(N=>React.createElement("div",{key:N,className:"text-xs text-gray-600"},React.createElement("span",{className:"font-medium capitalize"},N,":")," ",w.vehicle[N]))),React.createElement("button",{onClick:()=>Bt(w),className:"ml-4 rounded-md bg-theme-color px-3 py-1.5 text-xs font-medium text-white hover:bg-opacity-90"},"Select")))))))):React.createElement("div",{className:"my-5"},React.createElement(Bf,{error:u.error}))),u.vehicles&&u.vehicles.length>3&&React.createElement("div",{className:"pb-4 text-center text-xs text-gray-500"},"Scroll for more..."),b&&React.createElement("div",{className:"pl8srch-text mx-auto my-6 w-full text-sm text-gray-500",dangerouslySetInnerHTML:{__html:If.sanitize(b)}}),k!==Gf&&React.createElement("button",{type:"button",className:"mb-5 hidden w-full items-center justify-center rounded-md border border-theme-color bg-transparent px-4 py-2 text-base font-medium text-theme-color shadow-sm hover:bg-theme-color hover:text-white",onClick:nt},"Try Again"," ",React.createElement(Df,{size:16,weight:"bold",className:"ml-3","aria-hidden":"true"})),React.createElement("div",{className:"align-center flex justify-between"},React.createElement("button",{onClick:Wt,className:"text-xs text-theme-color"},"Report incorrect search results"),React.createElement("button",{onClick:$n,className:"text-xs text-theme-color"},React.createElement(Of,{size:12,weight:"bold",className:"mr-1 inline"})," ","Back to search"))))),U&&React.createElement("div",{className:"modal-content"},React.createElement("div",{className:"mb-5 text-center"},React.createElement("div",{className:"grid items-center"},React.createElement("div",{className:"inline-flex items-center justify-center gap-1 text-center text-2xl font-extrabold tracking-tight text-black"},React.createElement("span",null,"Selected Vehicle"),o&&React.createElement("span",{className:"text-theme-color"},"(",o,")")),React.createElement("div",{className:"text-medium mt-5 text-sm text-gray-500"},u&&u.factory_vehicle?`${u.factory_vehicle.make} ${u.factory_vehicle.model} ${u.factory_vehicle.year}`:U.description),U.vehicle&&React.createElement("div",{className:"mt-2 text-xs text-gray-600"},T(U.vehicle))),React.createElement("div",{className:"mt-6 flex gap-4"},React.createElement("button",{className:"mb-5 flex w-full items-center justify-center rounded-md border border-theme-color bg-transparent px-4 py-2 text-sm font-medium text-theme-color shadow-sm hover:bg-theme-color hover:text-white",onClick:$n},"Clear Vehicle"),y&&React.createElement("button",{className:"mb-5 flex w-full items-center justify-center rounded-md border border-theme-color bg-transparent px-4 py-2 text-sm font-medium text-theme-color shadow-sm hover:bg-theme-color hover:text-white",onClick:cn},"Show Products")))),!U&&!u&&React.createElement("div",{className:"modal-content"},React.createElement("div",{className:"mb-5 text-center"},React.createElement("div",{className:"inline-flex items-center text-2xl font-extrabold tracking-tight text-black"},React.createElement("span",null,"Number Plate Search")),React.createElement("div",{className:"[&>a]:text-theme-color hover:[&>a]:text-theme-color pl8srch-text text-balance mx-auto mt-3 mb-4 max-w-sm text-sm text-gray-500 whitespace-normal!",dangerouslySetInnerHTML:{__html:If.sanitize(G)}})),React.createElement("form",{onSubmit:Ze,className:"flex flex-col items-center text-black"},React.createElement("input",{type:"text",name:"plate",ref:x,className:`pl8srch-input h-[130px] w-full rounded-xl border-[6px] px-6 pt-5 pb-2 text-center font-license text-[60px] uppercase md:h-[150px] md:border-8 md:text-[75px] focus:outline-none focus:ring-bg-theme-color focus:border-theme-color transition-all duration-200 ${o?"border-theme-color":"border-stone-300"}`,placeholder:D,value:o,onChange:w=>i(w.target.value.toUpperCase())}),React.createElement("span",{className:"relative z-0 my-5 flex w-full rounded-md items-stretch shadow-sm"},Zf.map((w,R)=>{let N="bg-white text-gray-700 hover:bg-gray-50 border-gray-300";return w===a&&(N="bg-theme-color text-white hover:bg-theme-color border-theme-color"),R===0?React.createElement("button",{key:w,onClick:O=>s(w),type:"button",className:`focus:outline-none focus:ring-bg-theme-color text-center justify-center flex-grow focus:border-bg-theme-color relative inline-flex items-center cursor-pointer rounded-l-md border px-2 py-2 text-xs font-medium focus:z-10 focus:ring-1 sm:px-3 ${N}`},w):Zf.length===R+1?React.createElement("button",{key:w,onClick:O=>s(w),type:"button",className:`focus:outline-none focus:ring-bg-theme-color text-center justify-center flex-grow focus:border-bg-theme-color relative -ml-px inline-flex items-center cursor-pointer rounded-r-md border px-2 py-2 text-xs font-medium focus:z-10 focus:ring-1 sm:px-3 ${N}`},w):React.createElement("button",{key:w,onClick:O=>s(w),type:"button",className:`focus:outline-none focus:ring-bg-theme-color text-center justify-center flex-grow focus:border-bg-theme-color relative -ml-px inline-flex items-center cursor-pointer border px-2 py-2 text-xs font-medium focus:z-10 focus:ring-1 sm:px-3 ${N}`},w)})),React.createElement("button",{type:"submit",className:"hover:bg-theme-color-800 flex w-full items-center justify-center rounded-md border border-transparent bg-theme-color px-4 py-2 text-base font-medium text-white shadow-sm"},"Find your vehicle",g?React.createElement(Hf,{weight:"bold",className:"ml-3 h-4 w-4 animate-spin","aria-hidden":"true"}):""))),React.createElement("div",{className:"mt-8 text-center"},React.createElement("a",{href:`https://use.partbot.io/?ref=${window.location.hostname}`,target:"_blank",rel:"noreferrer",className:"mx-auto inline-flex max-w-sm items-center text-center text-xs font-medium tracking-tight text-gray-500 transition gap-2"},React.createElement("span",null,"Powered by"),React.createElement(w1,{className:"inline h-4"}))))))}Br.propTypes={apiKey:tt.string.isRequired,callbackUrl:tt.string,productsUrl:tt.string,themeColor:tt.string,useGeolocation:tt.bool,buttonTheme:tt.oneOf(["light","dark"]),responsive:tt.bool,placeholder:tt.string,intro:tt.string,supportMessage:tt.string};const Va='@import"https://fonts.googleapis.com/css2?family=Inter:wght@400..800&display=swap";/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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;--tw-ease:initial;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}plate-search,plate-search *,plate-search:before,plate-search:after,plate-search::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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;--tw-ease:initial;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}:host,:host *,:host:before,:host:after,:host::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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;--tw-ease:initial;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-400:oklch(70.4% .191 22.216);--color-red-800:oklch(44.4% .177 26.899);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-stone-50:oklch(98.5% .001 106.423);--color-stone-300:oklch(86.9% .005 56.366);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--container-2xl:42rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wide:.025em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-license:"License Plate"}plate-search,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-400:oklch(70.4% .191 22.216);--color-red-800:oklch(44.4% .177 26.899);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-stone-50:oklch(98.5% .001 106.423);--color-stone-300:oklch(86.9% .005 56.366);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--container-2xl:42rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wide:.025em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-license:"License Plate"}:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-400:oklch(70.4% .191 22.216);--color-red-800:oklch(44.4% .177 26.899);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-stone-50:oklch(98.5% .001 106.423);--color-stone-300:oklch(86.9% .005 56.366);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--container-2xl:42rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wide:.025em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-license:"License Plate"}}@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(--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(--default-font-feature-settings,normal);font-variation-settings:var(--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(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--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{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-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}:-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}}@layer components{.modal-container{inset:calc(var(--spacing)*0);top:calc(var(--spacing)*0);z-index:9999;background-color:#00000080;justify-content:center;align-items:flex-start;width:100vw;height:100vh;display:flex;position:fixed;overflow-y:auto}@supports (color:color-mix(in lab,red,red)){.modal-container{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.modal-container{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (min-width:48rem){.modal-container{align-items:center}}.modal-container-open{pointer-events:auto;opacity:1;--tw-duration:.2s;--tw-ease:var(--ease-out);transition-duration:.2s;transition-timing-function:var(--ease-out)}.modal-container-close{pointer-events:none;opacity:0;--tw-duration:.2s;--tw-ease:var(--ease-in);transition-duration:.2s;transition-timing-function:var(--ease-in)}.modal{width:100vw;height:100vh;transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,);overscroll-behavior:auto;background-color:var(--color-white);padding-inline:calc(var(--spacing)*6);padding-top:calc(var(--spacing)*8);padding-bottom:calc(var(--spacing)*8);text-align:left;vertical-align:bottom;font-family:var(--font-sans);--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:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));display:inline-block;overflow:hidden}@media (min-width:40rem){.modal{margin-block:calc(var(--spacing)*8);width:100%;max-width:var(--container-lg);vertical-align:middle}}@media (min-width:48rem){.modal{margin:calc(var(--spacing)*3);height:auto;max-width:var(--container-lg);border-radius:var(--radius-xl);padding-inline:calc(var(--spacing)*12)}}.modal-close{--tw-translate-y:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y);opacity:0;--tw-duration:.2s;--tw-ease:var(--ease-in);transition-duration:.2s;transition-timing-function:var(--ease-in)}@media (min-width:40rem){.modal-close{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}.modal-open{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y);opacity:1;--tw-duration:.3s;--tw-ease:var(--ease-out);transition-duration:.3s;transition-timing-function:var(--ease-out)}.modal-scroll-area{margin-top:calc(var(--spacing)*3);margin-bottom:calc(var(--spacing)*3);max-height:380px;overflow:auto}.pl8srch-text a{color:var(--partbot-theme);opacity:.8;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;text-decoration-line:underline;transition-duration:.2s}@media (hover:hover){.pl8srch-text a:hover{color:var(--partbot-theme);opacity:1}}}@layer utilities{.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.right-0{right:calc(var(--spacing)*0)}.isolate{isolation:isolate}.z-0{z-index:0}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing)*4)}.my-5{margin-block:calc(var(--spacing)*5)}.my-6{margin-block:calc(var(--spacing)*6)}.mt-0\\.5{margin-top:calc(var(--spacing)*.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-auto{margin-top:auto}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.-ml-px{margin-left:-1px}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-4{margin-left:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.\\!h-5{height:calc(var(--spacing)*5)!important}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-\\[44px\\]{height:44px}.h-\\[130px\\]{height:130px}.h-full{height:100%}.min-h-screen{min-height:100vh}.\\!w-5{width:calc(var(--spacing)*5)!important}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-full{width:100%}.max-w-7xl{max-width:var(--container-7xl)}.max-w-prose{max-width:65ch}.max-w-sm{max-width:var(--container-sm)}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\\[6px\\]{border-style:var(--tw-border-style);border-width:6px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-double{--tw-border-style:double;border-style:double}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-stone-300{border-color:var(--color-stone-300)}.border-theme-color{border-color:var(--partbot-theme)}.border-transparent{border-color:#0000}.border-t-white\\/20{border-top-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-t-white\\/20{border-top-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.border-b-emerald-600{border-bottom-color:var(--color-emerald-600)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-red-50{background-color:var(--color-red-50)}.bg-stone-50{background-color:var(--color-stone-50)}.bg-theme-color{background-color:var(--partbot-theme)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-8{padding:calc(var(--spacing)*8)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-1\\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-8{padding-block:calc(var(--spacing)*8)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-5{padding-right:calc(var(--spacing)*5)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[60px\\]{font-size:60px}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-balance{text-wrap:balance}.whitespace-normal\\!{white-space:normal!important}.whitespace-nowrap{white-space:nowrap}.text-black{color:var(--color-black)}.text-emerald-100{color:var(--color-emerald-100)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-400{color:var(--color-emerald-400)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-700{color:var(--color-emerald-700)}.text-gray-100{color:var(--color-gray-100)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-red-400{color:var(--color-red-400)}.text-red-800{color:var(--color-red-800)}.text-theme-color{color:var(--partbot-theme)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.shadow,.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)}.shadow-xl{--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{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,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.group-open\\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}@media (hover:hover){.hover\\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\\:bg-emerald-500:hover{background-color:var(--color-emerald-500)}.hover\\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\\:bg-theme-color:hover{background-color:var(--partbot-theme)}.hover\\:text-gray-500:hover{color:var(--color-gray-500)}.hover\\:text-white:hover{color:var(--color-white)}}.focus\\:z-10:focus{z-index:10}.focus\\:border-bg-theme-color:focus,.focus\\:border-theme-color:focus{border-color:var(--partbot-theme)}.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)}.focus\\:ring-bg-theme-color:focus{--tw-ring-color:var(--partbot-theme)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (min-width:40rem){.sm\\:flex{display:flex}.sm\\:max-w-prose{max-width:65ch}.sm\\:justify-between{justify-content:space-between}.sm\\:overflow-hidden{overflow:hidden}.sm\\:px-3{padding-inline:calc(var(--spacing)*3)}.sm\\:px-6{padding-inline:calc(var(--spacing)*6)}}@media (min-width:48rem){.md\\:mt-6{margin-top:calc(var(--spacing)*6)}.md\\:mt-12{margin-top:calc(var(--spacing)*12)}.md\\:mr-2{margin-right:calc(var(--spacing)*2)}.md\\:-ml-1{margin-left:calc(var(--spacing)*-1)}.md\\:inline{display:inline}.md\\:h-\\[150px\\]{height:150px}.md\\:max-w-2xl{max-width:var(--container-2xl)}.md\\:flex-row{flex-direction:row}.md\\:items-center{align-items:center}.md\\:justify-center{justify-content:center}.md\\:border-8{border-style:var(--tw-border-style);border-width:8px}.md\\:p-4{padding:calc(var(--spacing)*4)}.md\\:px-3{padding-inline:calc(var(--spacing)*3)}.md\\:py-12{padding-block:calc(var(--spacing)*12)}.md\\:text-center{text-align:center}.md\\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.md\\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\\:text-\\[75px\\]{font-size:75px}}@media (min-width:64rem){.lg\\:px-8{padding-inline:calc(var(--spacing)*8)}.lg\\:py-12{padding-block:calc(var(--spacing)*12)}.lg\\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.lg\\:leading-20{--tw-leading:calc(var(--spacing)*20);line-height:calc(var(--spacing)*20)}}.\\[\\&_summary\\:\\:-webkit-details-marker\\]\\:hidden summary::-webkit-details-marker{display:none}.\\[\\&\\>a\\]\\:text-theme-color>a{color:var(--partbot-theme)}@media (hover:hover){.hover\\:\\[\\&\\>a\\]\\:text-theme-color:hover>a{color:var(--partbot-theme)}}.font-license{font-family:var(--font-license)}}@font-face{font-family:License Plate;src:url(https://res.cloudinary.com/proex/raw/upload/v1730709140/partbot/PartbotPlate.woff2)format("woff2");font-weight:400;font-style:normal}:host{overflow-wrap:break-word;white-space:normal;display:block;overflow:visible}@property --tw-space-y-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-tracking{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}@property --tw-ease{syntax:"*";inherits:false}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}';function x1({domElement:e}){const t=e.getAttribute("data-api-key"),n=e.getAttribute("data-callback-url"),r=e.getAttribute("data-products-url"),l=e.getAttribute("data-theme-color"),o=e.getAttribute("data-use-geolocation")==="true",i=e.getAttribute("data-button"),a=e.getAttribute("data-responsive")?e.getAttribute("data-responsive")==="true":!0,s=e.getAttribute("data-placeholder"),u=e.getAttribute("data-intro"),h=e.getAttribute("data-support-message");return React.createElement("div",{className:"App"},React.createElement(Br,{className:"partbot",apiKey:t,callbackUrl:n,productsUrl:r,themeColor:l,useGeolocation:o,buttonTheme:i,responsive:a,placeholder:s,intro:u,supportMessage:h}))}class bn extends HTMLElement{constructor(){super(),this.apiKey=this.dataset.apiKey,this.callbackUrl=this.dataset.callbackUrl,this.productsUrl=this.dataset.productsUrl,this.themeColor=this.dataset.themeColor,this.useGeolocation=this.dataset.useGeolocation,this.debug=this.dataset.debug==="true",this.assetUrl=this.dataset.assetUrl,this.buttonTheme=this.dataset.button,this.responsive=this.dataset.responsive?this.dataset.responsive==="true":!0,this.placeholder=this.dataset.placeholder,this.intro=this.dataset.intro,this.supportMessage=this.dataset.supportMessage}connectedCallback(){var i;this.style.position||(this.style.position="relative"),this.style.zIndex="2147483647",this.style.visibility="hidden";let t;if(this.assetUrl&&(t=new URL(this.assetUrl.replace(/\/$/,"")+"/css/plate-search.css",window.location.href)),!t){let a="latest";try{const u=(((i=document.currentScript)==null?void 0:i.src)||"").match(/plate-search@([^/]+)/);u&&u[1]&&(a=u[1])}catch{}a==="latest"&&ba.version&&(a=ba.version),t=new URL(`https://unpkg.com/@cartbot/plate-search@${a}/build/dist/css/plate-search.css`)}const r=[["data-api-key",this.apiKey],["data-callback-url",this.callbackUrl],["data-products-url",this.productsUrl],["data-theme-color",this.themeColor],["data-use-geolocation",this.useGeolocation],["data-button",this.buttonTheme],["data-responsive",this.responsive],["data-placeholder",this.placeholder],["data-intro",this.intro],["data-support-message",this.supportMessage]].filter(([a,s])=>s!=null).map(([a,s])=>`${a}="${s}"`).join(" "),l=(a,s)=>{if(!/@import/i.test(a)&&"adoptedStyleSheets"in Document.prototype)try{const g=new CSSStyleSheet;return g.replaceSync(a),console.info(`Partbot: using constructable stylesheet (${s})`),g}catch(g){console.warn("Partbot: constructable sheet failed, falling back",g)}const h=document.createElement("style");return h.textContent=a,this.debug&&console.info(`Partbot: using <style> element fallback (${s})`,h.textContent),h};bn.__stylePromise||(t?bn.__stylePromise=fetch(t).then(a=>{if(!a.ok)throw new Error(`HTTP ${a.status}`);return a.text()}).then(a=>l(a,t.href)).catch(a=>(console.warn("Partbot: external stylesheet failed, falling back to inline",a),l(Va,"inline-fallback"))):bn.__stylePromise=Promise.resolve(l(Va,"inline")));const o=document.createElement("template");if(o.innerHTML=`
+ */(function(e,t){(function(n){var r;if(e.exports=n(),r=!0,!r){var l=window.Cookies,o=window.Cookies=n();o.noConflict=function(){return window.Cookies=l,o}}})(function(){function n(){for(var o=0,i={};o<arguments.length;o++){var a=arguments[o];for(var s in a)i[s]=a[s]}return i}function r(o){return o.replace(/(%[0-9A-Z]{2})+/g,decodeURIComponent)}function l(o){function i(){}function a(u,h,g){if(!(typeof document>"u")){g=n({path:"/"},i.defaults,g),typeof g.expires=="number"&&(g.expires=new Date(new Date*1+g.expires*864e5)),g.expires=g.expires?g.expires.toUTCString():"";try{var v=JSON.stringify(h);/^[\{\[]/.test(v)&&(h=v)}catch{}h=o.write?o.write(h,u):encodeURIComponent(String(h)).replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g,decodeURIComponent),u=encodeURIComponent(String(u)).replace(/%(23|24|26|2B|5E|60|7C)/g,decodeURIComponent).replace(/[\(\)]/g,escape);var x="";for(var k in g)g[k]&&(x+="; "+k,g[k]!==!0&&(x+="="+g[k].split(";")[0]));return document.cookie=u+"="+h+x}}function s(u,h){if(!(typeof document>"u")){for(var g={},v=document.cookie?document.cookie.split("; "):[],x=0;x<v.length;x++){var k=v[x].split("="),_=k.slice(1).join("=");!h&&_.charAt(0)==='"'&&(_=_.slice(1,-1));try{var U=r(k[0]);if(_=(o.read||o)(_,U)||r(_),h)try{_=JSON.parse(_)}catch{}if(g[U]=_,u===U)break}catch{}}return u?g[u]:g}}return i.set=a,i.get=function(u){return s(u,!1)},i.getJSON=function(u){return s(u,!0)},i.remove=function(u,h){a(u,"",n(h,{expires:-1}))},i.defaults={},i.withConverter=l,i}return l(function(){})})})(bf);var p1=bf.exports;const ja=Qt(p1);var Vf={exports:{}},m1="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",h1=m1,g1=h1;function $f(){}function Wf(){}Wf.resetWarningCache=$f;var v1=function(){function e(r,l,o,i,a,s){if(s!==g1){var u=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw u.name="Invariant Violation",u}}e.isRequired=e;function t(){return e}var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:Wf,resetWarningCache:$f};return n.PropTypes=n,n};Vf.exports=v1();var y1=Vf.exports;const tt=Qt(y1);function Bf({error:e}){return React.createElement("div",{className:"rounded-md bg-red-50 p-4"},React.createElement("div",{className:"flex justify-center items-center"},React.createElement("div",{className:"flex-shrink-0"},React.createElement(jf,{size:20,weight:"bold",className:"text-red-400","aria-hidden":"true"})),React.createElement("div",{className:"ml-3"},React.createElement("h3",{className:"text-sm font-medium text-red-800"},e))))}Bf.propTypes={error:tt.string.isRequired};function w1({className:e,alt:t="Partbot Logo"}){return React.createElement("span",{className:e,role:"img","aria-label":t},React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"239.19",height:"54.22",viewBox:"0 0 239.19 54.22",focusable:"false","aria-hidden":"true",style:{width:"auto",height:"100%"}},React.createElement("g",null,React.createElement("rect",{fill:"currentColor",y:".22",width:"24.45",height:"24.45",rx:"1.81",ry:"1.81"}),React.createElement("rect",{fill:"currentColor",y:"29.76",width:"24.45",height:"24.45",rx:"1.7",ry:"1.7"}),React.createElement("path",{fill:"currentColor",d:"M36.91,34.61h-5.67c-.94,0-1.7-.76-1.7-1.7V1.7C29.55.76,30.31,0,31.25,0h5.67c9.44,0,17.09,7.65,17.09,17.09h0v.43c0,9.44-7.65,17.09-17.09,17.09Z"}),React.createElement("path",{fill:"currentColor",d:"M97.79,12.21c-1.74-.96-3.67-1.44-5.8-1.44h-13.54v31.48h7.56v-8.81h5.98c2.13,0,4.06-.48,5.8-1.44,1.74-.96,3.13-2.3,4.18-4.03,1.05-1.72,1.57-3.7,1.57-5.91s-.52-4.18-1.57-5.87c-1.05-1.69-2.44-3.02-4.18-3.98ZM95.32,24.8c-.45.75-1.04,1.32-1.78,1.71-.74.39-1.54.58-2.41.58h-5.13v-10.03h5.13c.87,0,1.67.2,2.41.61.73.4,1.33.98,1.78,1.73.45.75.67,1.65.67,2.7s-.22,1.95-.67,2.7Z"}),React.createElement("path",{fill:"currentColor",d:"M124.27,20.24c-1.81-1.06-4.01-1.6-6.59-1.6s-4.76.54-6.63,1.62c-1.87,1.08-3.32,2.54-4.34,4.39-1.02,1.84-1.53,3.93-1.53,6.27s.43,4.26,1.3,6.05c.87,1.78,2.08,3.2,3.64,4.25,1.56,1.05,3.36,1.57,5.4,1.57,1.29,0,2.41-.18,3.35-.54.94-.36,1.75-.86,2.41-1.51.66-.64,1.2-1.37,1.62-2.18h.18v3.69h6.84v-11.47c0-2.28-.49-4.34-1.46-6.18s-2.37-3.3-4.18-4.36ZM122.18,33.8c-.42.93-1.03,1.66-1.82,2.18s-1.72.79-2.77.79-2.02-.26-2.83-.79-1.42-1.25-1.84-2.18c-.42-.93-.63-1.96-.63-3.1s.21-2.11.63-3.01c.42-.9,1.03-1.61,1.84-2.14s1.75-.79,2.83-.79,1.97.26,2.77.79,1.4,1.24,1.82,2.14c.42.9.63,1.9.63,3.01s-.21,2.17-.63,3.1Z"}),React.createElement("path",{fill:"currentColor",d:"M159.56,13.56h-7.02v5.62h-12.06c-2.13,0-3.79.64-4.99,1.84s-1.8,2.85-1.8,4.95v16.28h6.97v-15.83c0-.45.15-.82.45-1.1.3-.28.66-.43,1.08-.43h10.35v10.61c0,2.07.6,3.71,1.8,4.92,1.2,1.21,2.86,1.82,4.99,1.82h6.57v-5.85h-5.04c-.36,0-.67-.13-.92-.38-.26-.25-.38-.56-.38-.92v-10.21h6.34v-5.71h-6.34v-5.62Z"}),React.createElement("path",{fill:"currentColor",d:"M189.1,20.13c-1.65-.99-3.57-1.48-5.76-1.48-.93,0-1.81.12-2.63.36-.83.24-1.57.59-2.25,1.06-.67.47-1.24,1.01-1.69,1.64h-.14v-12.28h-6.97v20.87c0,2.52.51,4.72,1.53,6.61,1.02,1.89,2.46,3.34,4.32,4.36,1.86,1.02,4.03,1.53,6.52,1.53,1.95,0,3.68-.3,5.19-.9,1.51-.6,2.8-1.46,3.87-2.59,1.06-1.12,1.88-2.45,2.45-3.98.57-1.53.85-3.19.85-4.99,0-2.34-.47-4.38-1.42-6.12-.94-1.74-2.24-3.1-3.89-4.09ZM186.65,33.82c-.44.91-1.04,1.63-1.82,2.16-.78.52-1.71.79-2.79.79s-2.02-.26-2.81-.79-1.4-1.24-1.82-2.16-.63-1.94-.63-3.08.21-2.16.63-3.06c.42-.9,1.03-1.61,1.82-2.14s1.73-.79,2.81-.79,2.01.26,2.79.79c.78.52,1.39,1.24,1.82,2.14.43.9.65,1.92.65,3.06s-.22,2.17-.65,3.08Z"}),React.createElement("path",{fill:"currentColor",d:"M215.96,20.24c-1.87-1.06-4-1.6-6.36-1.6s-4.5.53-6.39,1.6c-1.89,1.06-3.38,2.5-4.48,4.32-1.09,1.81-1.64,3.88-1.64,6.18s.55,4.33,1.64,6.16c1.09,1.83,2.59,3.27,4.48,4.32,1.89,1.05,4.02,1.57,6.39,1.57s4.45-.52,6.34-1.57,3.38-2.49,4.47-4.32c1.09-1.83,1.64-3.88,1.64-6.16s-.55-4.37-1.64-6.18c-1.09-1.81-2.58-3.25-4.45-4.32ZM214.37,33.75c-.45.9-1.08,1.62-1.89,2.16s-1.77.81-2.88.81-2.08-.27-2.9-.81-1.46-1.26-1.91-2.16c-.45-.9-.67-1.92-.67-3.06s.22-2.11.67-3.01c.45-.9,1.09-1.62,1.91-2.16s1.79-.81,2.9-.81,2.07.27,2.88.81,1.44,1.26,1.89,2.16c.45.9.67,1.9.67,3.01s-.22,2.16-.67,3.06Z"}),React.createElement("path",{fill:"currentColor",d:"M239.19,24.89v-5.71h-6.34v-5.62h-7.02v21.95c0,2.07.6,3.71,1.8,4.92,1.2,1.21,2.86,1.82,4.99,1.82h6.57v-5.85h-5.04c-.36,0-.67-.13-.92-.38-.26-.25-.38-.56-.38-.92v-10.21h6.34Z"}))))}const ba={version:"3.1.1"},Zf=["ACT","NSW","NT","QLD","SA","TAS","VIC","WA"],Qf="https://api.partbot.io/v1/vehicles/plate-search",Gf="https://api.partbot.io/v1/vehicles/plate-search-retry";function Br(e){const[t,n]=m.useState(!1),[r,l]=m.useState(!1),[o,i]=m.useState(""),[a,s]=m.useState(""),[u,h]=m.useState(null),[g,v]=m.useState(!1),x=m.useRef(null),[k,_]=m.useState(Qf),[U,d]=m.useState(null),c=e.apiKey,p=e.callbackUrl,y=e.productsUrl,C=e.useGeolocation==="true",A=e.themeColor||"#4f46e5",M=e.buttonTheme||"light",z=e.responsive!==void 0?e.responsive:!0,G=e.intro||"Enter your Number&nbsp;Plate and select your State or Territory to find your vehicle.",D=e.placeholder||"PL8SRCH",b=e.supportMessage;m.useEffect(()=>{console.info(`Vehicle Registration Search (v${ba.version}) powered by Partbot https://use.partbot.io`)},[]),m.useEffect(()=>{const w=localStorage.getItem("partbot_selected_vehicle");if(w){const R=JSON.parse(w);R.description&&(R.vehicle_ids.length>0||Object.values(R.vehicle).every(N=>N!==null&&N!==""&&(typeof N!="object"||Object.keys(N).length>0)))&&d(R)}},[]),m.useEffect(()=>{document.documentElement.style.setProperty("--partbot-theme",A)},[A]),m.useEffect(()=>{t&&C&&"geolocation"in navigator&&navigator.geolocation.getCurrentPosition(async function(w){const{latitude:R,longitude:N}=w.coords;try{const B=await(await fetch(`https://maps.googleapis.com/maps/api/geocode/json?latlng=${R},${N}&key=AIzaSyDAdDL5E8iWK_oc0FLqdW-QAhZo84xIX0k`)).json();if(B.results&&B.results[0]){const Fe=B.results[0].address_components.find($=>$.types.includes("administrative_area_level_1"));if(Fe){const $=Fe.short_name;s($)}}}catch(O){console.error("Geocoding error:",O)}})},[C,t]),m.useEffect(()=>{let w=localStorage.getItem("partbot_plate_details");w&&(w=JSON.parse(w),w.plate?i(w.plate.number):localStorage.removeItem("partbot_plate_details"))},[]),m.useEffect(()=>{t&&!r&&l(!0),t&&x.current&&x.current.focus()},[t,r]),m.useEffect(()=>{if(t){const w=document.documentElement.style.overflow,R=document.documentElement.style.paddingRight,N=window.innerWidth-document.documentElement.clientWidth;return N>0&&(document.documentElement.style.paddingRight=`${N}px`),document.documentElement.style.overflow="hidden",()=>{document.documentElement.style.overflow=w,document.documentElement.style.paddingRight=R}}},[t]);const Ze=w=>{if(w&&w.preventDefault(),!a||!o)return;v(!0);const R={plate:o,state:a};async function N(){return(await fetch(k,{method:"POST",mode:"cors",cache:"no-cache",credentials:"same-origin",headers:{"Content-Type":"application/json",Authorization:`Basic ${c}`},redirect:"follow",referrerPolicy:"no-referrer",body:JSON.stringify(R)})).json()}N().then(O=>{v(!1),O.plate?(localStorage.setItem("partbot_plate_details",JSON.stringify(O)),h(O)):O&&O.indexOf("Invalid API Key")!==-1?h({error:O}):h({error:"Could not find any matching vehicles."})}).catch(O=>{console.error("Error:",O),h({error:"Could not find any matching vehicles."})})};m.useEffect(()=>{Ze()},[k]);const nt=w=>{localStorage.removeItem("partbot_plate_details"),localStorage.removeItem("partbot_selected_vehicle"),ja.remove("partbot_selected_vehicle"),h(null),_(Gf)},Wt=w=>{window.open(`mailto:report@partbot.io?subject=${encodeURIComponent("Registration Search Issue")}&body=${encodeURIComponent(`Incorrect vehicles were shown for ${a} number plate: ${o}, vehicle: ${u.factory_vehicle.make} ${u.factory_vehicle.model} ${u.factory_vehicle.year} ${u.factory_vehicle.body} ${u.factory_vehicle.series}. Please provide details of the correct vehicle below:`)}`)},$n=w=>{i(""),h(null),_(Qf),d(null),localStorage.removeItem("partbot_plate_details"),localStorage.removeItem("partbot_selected_vehicle"),ja.remove("partbot_selected_vehicle")},Bt=w=>{var R=JSON.stringify({description:w.description,vehicle_ids:w.vehicle_ids,vehicle:{...w.vehicle,year:u.factory_vehicle.year}});localStorage.setItem("partbot_selected_vehicle",R),ja.set("partbot_selected_vehicle",R,{secure:!0});var N=new CustomEvent("plate-search-change",{detail:{vehicle_ids:w.vehicle_ids}});document.dispatchEvent(N),d(w),p&&p!==window.location.href&&(n(!1),window.location.href=p+window.location.search)},cn=w=>{if(n(!1),y)try{const R=new URL(y,window.location.origin);if(R.origin!==window.location.origin){console.warn("Partbot: Blocked navigation to external productsUrl",R.toString());return}window.location.assign(R.href)}catch(R){console.error("Partbot: Invalid productsUrl provided",y,R)}},T=w=>{const R=["series","variant","body","fuel_type","drivetrain","engine","engine_capacity","cylinders"];return Object.entries(w).filter(([N,O])=>O!==null&&R.includes(N)&&typeof O!="object").map(([N,O])=>N==="cylinders"?`${O}cyl`:O).join(" ")};return React.createElement(React.Fragment,null,React.createElement("button",{onClick:w=>n(!t),type:"button",className:`${M==="dark"?"bg-transparent text-gray-100 hover:text-white":"bg-white text-gray-700 hover:bg-gray-50"} inline-flex items-center ${z?"px-2 md:px-3":"px-3"} text-md focus:outline-none focus:ring-bg-theme-color h-[44px] rounded-md border-4 border-double border-gray-400 font-license text-base font-medium shadow-sm transition cursor-pointer leading-none`},React.createElement(Ff,{weight:"fill",className:z?"h-5 w-5 md:-ml-1 md:mr-2":"mr-2 -ml-1 h-5 w-5","aria-hidden":"true"}),React.createElement("span",{className:z?"hidden md:inline mt-0.5":"inline mt-0.5"},o||D)),React.createElement("div",{className:`${t?"modal-container modal-container-open":"modal-container modal-container-close"}`,style:{zIndex:2147483647,...!t&&!r?{display:"none"}:{}},onClick:w=>{w.target===w.currentTarget&&n(!1)}},React.createElement("div",{role:"dialog","aria-modal":"true","aria-label":"Number plate search dialog",className:t?"modal modal-open":"modal modal-close"},React.createElement("div",{className:"absolute top-0 right-0 pt-4 pr-4"},React.createElement("button",{type:"button",className:"focus:outline-none focus:ring-bg-theme-color rounded-md bg-white text-gray-400 hover:text-gray-500",onClick:()=>n(!1)},React.createElement("span",{className:"sr-only"},"Close"),React.createElement(Uf,{size:16,weight:"bold","aria-hidden":"true"}))),u&&!U&&React.createElement("div",{className:"modal-content"},React.createElement("div",{className:"mb-5 text-center"},React.createElement("div",{className:"inline-flex items-center text-center text-2xl font-extrabold tracking-tight text-black"},React.createElement("div",null,"Results for"," ",React.createElement("span",{className:"text-theme-color"},o," (",a,")"))),React.createElement("div",{className:"mt-6"},React.createElement("div",{className:"modal-scroll-area"},u.vehicles?React.createElement("div",{className:"grid gap-3 text-left"},u.vehicles.map(function(w,R){return React.createElement("div",{key:R,className:"focus:outline-none relative grid cursor-pointer gap-4 rounded-lg border border-gray-300 bg-white px-4 py-4 shadow-sm hover:border-gray-400 sm:flex sm:justify-between"},React.createElement("div",{className:"pr-5 text-xs"},React.createElement("div",{className:"grid gap-2"},React.createElement("div",{className:"text-sm font-bold text-gray-900"},w.description),React.createElement("div",{className:"text-gray-600"},T(w.vehicle)))),React.createElement("div",null,React.createElement("button",{className:"justify-center rounded-md border border-transparent bg-theme-color px-2 py-1.5 text-xs font-medium text-white shadow-sm",onClick:()=>Bt(w)},"Select vehicle")))}),u.differing_attributes&&u.vehicle_breakdown&&u.vehicle_breakdown.length>0&&React.createElement("div",null,React.createElement("details",{className:"[&_summary::-webkit-details-marker]:hidden group rounded-lg border border-gray-300 bg-white"},React.createElement("summary",{className:"flex cursor-pointer items-center justify-between px-4 py-2 text-left text-sm font-medium text-gray-900"},React.createElement("span",null,"More options..."),React.createElement("svg",{className:"!h-5 !w-5 text-gray-500 transition duration-300 group-open:rotate-180",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor"},React.createElement("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"}))),React.createElement("div",{className:"border-t border-gray-200 px-4 py-3"},React.createElement("div",{className:"grid gap-3"},u.vehicle_breakdown&&u.vehicle_breakdown.map((w,R)=>React.createElement("div",{key:R,className:"flex items-center justify-between rounded-md border border-gray-200 p-3 text-sm"},React.createElement("div",null,u.differing_attributes.map(N=>React.createElement("div",{key:N,className:"text-xs text-gray-600"},React.createElement("span",{className:"font-medium capitalize"},N,":")," ",w.vehicle[N]))),React.createElement("button",{onClick:()=>Bt(w),className:"ml-4 rounded-md bg-theme-color px-3 py-1.5 text-xs font-medium text-white hover:bg-opacity-90"},"Select")))))))):React.createElement("div",{className:"my-5"},React.createElement(Bf,{error:u.error}))),u.vehicles&&u.vehicles.length>3&&React.createElement("div",{className:"pb-4 text-center text-xs text-gray-500"},"Scroll for more..."),b&&React.createElement("div",{className:"pl8srch-text mx-auto my-6 w-full text-sm text-gray-500",dangerouslySetInnerHTML:{__html:If.sanitize(b)}}),k!==Gf&&React.createElement("button",{type:"button",className:"mb-5 hidden w-full items-center justify-center rounded-md border border-theme-color bg-transparent px-4 py-2 text-base font-medium text-theme-color shadow-sm hover:bg-theme-color hover:text-white",onClick:nt},"Try Again"," ",React.createElement(Df,{size:16,weight:"bold",className:"ml-3","aria-hidden":"true"})),React.createElement("div",{className:"align-center flex justify-between"},React.createElement("button",{onClick:Wt,className:"text-xs text-theme-color"},"Report incorrect search results"),React.createElement("button",{onClick:$n,className:"text-xs text-theme-color"},React.createElement(Of,{size:12,weight:"bold",className:"mr-1 inline"})," ","Back to search"))))),U&&React.createElement("div",{className:"modal-content"},React.createElement("div",{className:"mb-5 text-center"},React.createElement("div",{className:"grid items-center"},React.createElement("div",{className:"inline-flex items-center justify-center gap-1 text-center text-2xl font-extrabold tracking-tight text-black"},React.createElement("span",null,"Selected Vehicle"),o&&React.createElement("span",{className:"text-theme-color"},"(",o,")")),React.createElement("div",{className:"text-medium mt-5 text-sm text-gray-500"},u&&u.factory_vehicle?`${u.factory_vehicle.make} ${u.factory_vehicle.model} ${u.factory_vehicle.year}`:U.description),U.vehicle&&React.createElement("div",{className:"mt-2 text-xs text-gray-600"},T(U.vehicle))),React.createElement("div",{className:"mt-6 flex gap-4"},React.createElement("button",{className:"mb-5 flex w-full items-center justify-center rounded-md border border-theme-color bg-transparent px-4 py-2 text-sm font-medium text-theme-color shadow-sm hover:bg-theme-color hover:text-white",onClick:$n},"Clear Vehicle"),y&&React.createElement("button",{className:"mb-5 flex w-full items-center justify-center rounded-md border border-theme-color bg-transparent px-4 py-2 text-sm font-medium text-theme-color shadow-sm hover:bg-theme-color hover:text-white",onClick:cn},"Show Products")))),!U&&!u&&React.createElement("div",{className:"modal-content"},React.createElement("div",{className:"mb-5 text-center"},React.createElement("div",{className:"inline-flex items-center text-2xl font-extrabold tracking-tight text-black"},React.createElement("span",null,"Number Plate Search")),React.createElement("div",{className:"[&>a]:text-theme-color hover:[&>a]:text-theme-color pl8srch-text text-balance mx-auto mt-3 mb-4 max-w-sm text-sm text-gray-500 whitespace-normal!",dangerouslySetInnerHTML:{__html:If.sanitize(G)}})),React.createElement("form",{onSubmit:Ze,className:"flex flex-col items-center text-black"},React.createElement("input",{type:"text",name:"plate",ref:x,className:`pl8srch-input h-[130px] w-full rounded-xl border-[6px] px-6 pt-5 pb-2 text-center font-license text-[60px] uppercase md:h-[150px] md:border-8 md:text-[75px] focus:outline-none focus:ring-bg-theme-color focus:border-theme-color transition-all duration-200 ${o?"border-theme-color":"border-stone-300"}`,placeholder:D,value:o,onChange:w=>i(w.target.value.toUpperCase())}),React.createElement("span",{className:"relative z-0 my-5 flex w-full rounded-md items-stretch shadow-sm"},Zf.map((w,R)=>{let N="bg-white text-gray-700 hover:bg-gray-50 border-gray-300";return w===a&&(N="bg-theme-color text-white hover:bg-theme-color border-theme-color"),R===0?React.createElement("button",{key:w,onClick:O=>s(w),type:"button",className:`focus:outline-none focus:ring-bg-theme-color text-center justify-center flex-grow focus:border-bg-theme-color relative inline-flex items-center cursor-pointer rounded-l-md border px-2 py-2 text-xs font-medium focus:z-10 focus:ring-1 sm:px-3 ${N}`},w):Zf.length===R+1?React.createElement("button",{key:w,onClick:O=>s(w),type:"button",className:`focus:outline-none focus:ring-bg-theme-color text-center justify-center flex-grow focus:border-bg-theme-color relative -ml-px inline-flex items-center cursor-pointer rounded-r-md border px-2 py-2 text-xs font-medium focus:z-10 focus:ring-1 sm:px-3 ${N}`},w):React.createElement("button",{key:w,onClick:O=>s(w),type:"button",className:`focus:outline-none focus:ring-bg-theme-color text-center justify-center flex-grow focus:border-bg-theme-color relative -ml-px inline-flex items-center cursor-pointer border px-2 py-2 text-xs font-medium focus:z-10 focus:ring-1 sm:px-3 ${N}`},w)})),React.createElement("button",{type:"submit",className:"hover:bg-theme-color-800 flex w-full items-center justify-center rounded-md border border-transparent bg-theme-color px-4 py-2 text-base font-medium text-white shadow-sm"},"Find your vehicle",g?React.createElement(Hf,{weight:"bold",className:"ml-3 h-4 w-4 animate-spin","aria-hidden":"true"}):""))),React.createElement("div",{className:"mt-8 text-center"},React.createElement("a",{href:`https://use.partbot.io/?ref=${window.location.hostname}`,target:"_blank",rel:"noreferrer",className:"mx-auto inline-flex max-w-sm items-center text-center text-xs font-medium tracking-tight text-gray-500 transition gap-2"},React.createElement("span",null,"Powered by"),React.createElement(w1,{className:"inline h-4"}))))))}Br.propTypes={apiKey:tt.string.isRequired,callbackUrl:tt.string,productsUrl:tt.string,themeColor:tt.string,useGeolocation:tt.bool,buttonTheme:tt.oneOf(["light","dark"]),responsive:tt.bool,placeholder:tt.string,intro:tt.string,supportMessage:tt.string};const Va='@import"https://fonts.googleapis.com/css2?family=Inter:wght@400..800&display=swap";/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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;--tw-ease:initial;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}plate-search,plate-search *,plate-search:before,plate-search:after,plate-search::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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;--tw-ease:initial;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}:host,:host *,:host:before,:host:after,:host::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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;--tw-ease:initial;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-400:oklch(70.4% .191 22.216);--color-red-800:oklch(44.4% .177 26.899);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-stone-50:oklch(98.5% .001 106.423);--color-stone-300:oklch(86.9% .005 56.366);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--container-2xl:42rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wide:.025em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-license:"License Plate"}plate-search,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-400:oklch(70.4% .191 22.216);--color-red-800:oklch(44.4% .177 26.899);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-stone-50:oklch(98.5% .001 106.423);--color-stone-300:oklch(86.9% .005 56.366);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--container-2xl:42rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wide:.025em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-license:"License Plate"}:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-400:oklch(70.4% .191 22.216);--color-red-800:oklch(44.4% .177 26.899);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-stone-50:oklch(98.5% .001 106.423);--color-stone-300:oklch(86.9% .005 56.366);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--container-2xl:42rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wide:.025em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-license:"License Plate"}}@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(--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(--default-font-feature-settings,normal);font-variation-settings:var(--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(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--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{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-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}:-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}}@layer components{.modal-container{inset:calc(var(--spacing)*0);top:calc(var(--spacing)*0);z-index:9999;background-color:#00000080;justify-content:center;align-items:flex-start;width:100vw;height:100vh;display:flex;position:fixed;overflow-y:auto}@supports (color:color-mix(in lab,red,red)){.modal-container{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.modal-container{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (min-width:48rem){.modal-container{align-items:center}}.modal-container-open{pointer-events:auto;opacity:1;--tw-duration:.2s;--tw-ease:var(--ease-out);transition-duration:.2s;transition-timing-function:var(--ease-out)}.modal-container-close{pointer-events:none;opacity:0;--tw-duration:.2s;--tw-ease:var(--ease-in);transition-duration:.2s;transition-timing-function:var(--ease-in)}.modal{width:100vw;height:100vh;transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,);overscroll-behavior:auto;background-color:var(--color-white);padding-inline:calc(var(--spacing)*6);padding-top:calc(var(--spacing)*8);padding-bottom:calc(var(--spacing)*8);text-align:left;vertical-align:bottom;font-family:var(--font-sans);--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:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));display:inline-block;overflow:hidden}@media (min-width:40rem){.modal{margin-block:calc(var(--spacing)*8);width:100%;max-width:var(--container-lg);vertical-align:middle}}@media (min-width:48rem){.modal{margin:calc(var(--spacing)*3);height:auto;max-width:var(--container-lg);border-radius:var(--radius-xl);padding-inline:calc(var(--spacing)*12)}}.modal-close{--tw-translate-y:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y);opacity:0;--tw-duration:.2s;--tw-ease:var(--ease-in);transition-duration:.2s;transition-timing-function:var(--ease-in)}@media (min-width:40rem){.modal-close{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}}.modal-open{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y);opacity:1;--tw-duration:.3s;--tw-ease:var(--ease-out);transition-duration:.3s;transition-timing-function:var(--ease-out)}.modal-scroll-area{margin-top:calc(var(--spacing)*3);margin-bottom:calc(var(--spacing)*3);max-height:380px;overflow:auto}.pl8srch-text a{color:var(--partbot-theme);opacity:.8;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;text-decoration-line:underline;transition-duration:.2s}@media (hover:hover){.pl8srch-text a:hover{color:var(--partbot-theme);opacity:1}}}@layer utilities{.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.right-0{right:calc(var(--spacing)*0)}.isolate{isolation:isolate}.z-0{z-index:0}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing)*4)}.my-5{margin-block:calc(var(--spacing)*5)}.my-6{margin-block:calc(var(--spacing)*6)}.mt-0\\.5{margin-top:calc(var(--spacing)*.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-auto{margin-top:auto}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.-ml-px{margin-left:-1px}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-4{margin-left:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.\\!h-5{height:calc(var(--spacing)*5)!important}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-\\[44px\\]{height:44px}.h-\\[130px\\]{height:130px}.h-full{height:100%}.min-h-screen{min-height:100vh}.\\!w-5{width:calc(var(--spacing)*5)!important}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-full{width:100%}.max-w-7xl{max-width:var(--container-7xl)}.max-w-prose{max-width:65ch}.max-w-sm{max-width:var(--container-sm)}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\\[6px\\]{border-style:var(--tw-border-style);border-width:6px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-double{--tw-border-style:double;border-style:double}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-stone-300{border-color:var(--color-stone-300)}.border-theme-color{border-color:var(--partbot-theme)}.border-transparent{border-color:#0000}.border-t-white\\/20{border-top-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-t-white\\/20{border-top-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.border-b-emerald-600{border-bottom-color:var(--color-emerald-600)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-red-50{background-color:var(--color-red-50)}.bg-stone-50{background-color:var(--color-stone-50)}.bg-theme-color{background-color:var(--partbot-theme)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-8{padding:calc(var(--spacing)*8)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-1\\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-8{padding-block:calc(var(--spacing)*8)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-5{padding-right:calc(var(--spacing)*5)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[60px\\]{font-size:60px}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-balance{text-wrap:balance}.whitespace-normal\\!{white-space:normal!important}.whitespace-nowrap{white-space:nowrap}.text-black{color:var(--color-black)}.text-emerald-100{color:var(--color-emerald-100)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-400{color:var(--color-emerald-400)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-700{color:var(--color-emerald-700)}.text-gray-100{color:var(--color-gray-100)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-red-400{color:var(--color-red-400)}.text-red-800{color:var(--color-red-800)}.text-theme-color{color:var(--partbot-theme)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.shadow,.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)}.shadow-xl{--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{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,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.group-open\\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}@media (hover:hover){.hover\\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\\:bg-emerald-500:hover{background-color:var(--color-emerald-500)}.hover\\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\\:bg-theme-color:hover{background-color:var(--partbot-theme)}.hover\\:text-gray-500:hover{color:var(--color-gray-500)}.hover\\:text-white:hover{color:var(--color-white)}}.focus\\:z-10:focus{z-index:10}.focus\\:border-bg-theme-color:focus,.focus\\:border-theme-color:focus{border-color:var(--partbot-theme)}.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)}.focus\\:ring-bg-theme-color:focus{--tw-ring-color:var(--partbot-theme)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (min-width:40rem){.sm\\:flex{display:flex}.sm\\:max-w-prose{max-width:65ch}.sm\\:justify-between{justify-content:space-between}.sm\\:overflow-hidden{overflow:hidden}.sm\\:px-3{padding-inline:calc(var(--spacing)*3)}.sm\\:px-6{padding-inline:calc(var(--spacing)*6)}}@media (min-width:48rem){.md\\:mt-6{margin-top:calc(var(--spacing)*6)}.md\\:mt-12{margin-top:calc(var(--spacing)*12)}.md\\:mr-2{margin-right:calc(var(--spacing)*2)}.md\\:-ml-1{margin-left:calc(var(--spacing)*-1)}.md\\:inline{display:inline}.md\\:h-\\[150px\\]{height:150px}.md\\:max-w-2xl{max-width:var(--container-2xl)}.md\\:flex-row{flex-direction:row}.md\\:items-center{align-items:center}.md\\:justify-center{justify-content:center}.md\\:border-8{border-style:var(--tw-border-style);border-width:8px}.md\\:p-4{padding:calc(var(--spacing)*4)}.md\\:px-3{padding-inline:calc(var(--spacing)*3)}.md\\:py-12{padding-block:calc(var(--spacing)*12)}.md\\:text-center{text-align:center}.md\\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.md\\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\\:text-\\[75px\\]{font-size:75px}}@media (min-width:64rem){.lg\\:px-8{padding-inline:calc(var(--spacing)*8)}.lg\\:py-12{padding-block:calc(var(--spacing)*12)}.lg\\:text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.lg\\:leading-20{--tw-leading:calc(var(--spacing)*20);line-height:calc(var(--spacing)*20)}}.\\[\\&_summary\\:\\:-webkit-details-marker\\]\\:hidden summary::-webkit-details-marker{display:none}.\\[\\&\\>a\\]\\:text-theme-color>a{color:var(--partbot-theme)}@media (hover:hover){.hover\\:\\[\\&\\>a\\]\\:text-theme-color:hover>a{color:var(--partbot-theme)}}.font-license{font-family:var(--font-license)}}@font-face{font-family:License Plate;src:url(https://res.cloudinary.com/proex/raw/upload/v1730709140/partbot/PartbotPlate.woff2)format("woff2");font-weight:400;font-style:normal}:host{overflow-wrap:break-word;white-space:normal;display:block;overflow:visible}@property --tw-space-y-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-tracking{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}@property --tw-ease{syntax:"*";inherits:false}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}';function x1({domElement:e}){const t=e.getAttribute("data-api-key"),n=e.getAttribute("data-callback-url"),r=e.getAttribute("data-products-url"),l=e.getAttribute("data-theme-color"),o=e.getAttribute("data-use-geolocation")==="true",i=e.getAttribute("data-button"),a=e.getAttribute("data-responsive")?e.getAttribute("data-responsive")==="true":!0,s=e.getAttribute("data-placeholder"),u=e.getAttribute("data-intro"),h=e.getAttribute("data-support-message");return React.createElement("div",{className:"App"},React.createElement(Br,{className:"partbot",apiKey:t,callbackUrl:n,productsUrl:r,themeColor:l,useGeolocation:o,buttonTheme:i,responsive:a,placeholder:s,intro:u,supportMessage:h}))}class bn extends HTMLElement{constructor(){super(),this.apiKey=this.dataset.apiKey,this.callbackUrl=this.dataset.callbackUrl,this.productsUrl=this.dataset.productsUrl,this.themeColor=this.dataset.themeColor,this.useGeolocation=this.dataset.useGeolocation,this.debug=this.dataset.debug==="true",this.assetUrl=this.dataset.assetUrl,this.buttonTheme=this.dataset.button,this.responsive=this.dataset.responsive?this.dataset.responsive==="true":!0,this.placeholder=this.dataset.placeholder,this.intro=this.dataset.intro,this.supportMessage=this.dataset.supportMessage}connectedCallback(){var i;this.style.position||(this.style.position="relative"),this.style.zIndex="2147483647",this.style.visibility="hidden";let t;if(this.assetUrl&&(t=new URL(this.assetUrl.replace(/\/$/,"")+"/css/plate-search.css",window.location.href)),!t){let a="latest";try{const u=(((i=document.currentScript)==null?void 0:i.src)||"").match(/plate-search@([^/]+)/);u&&u[1]&&(a=u[1])}catch{}a==="latest"&&ba.version&&(a=ba.version),t=new URL(`https://unpkg.com/@cartbot/plate-search@${a}/build/dist/css/plate-search.css`)}const r=[["data-api-key",this.apiKey],["data-callback-url",this.callbackUrl],["data-products-url",this.productsUrl],["data-theme-color",this.themeColor],["data-use-geolocation",this.useGeolocation],["data-button",this.buttonTheme],["data-responsive",this.responsive],["data-placeholder",this.placeholder],["data-intro",this.intro],["data-support-message",this.supportMessage]].filter(([a,s])=>s!=null).map(([a,s])=>`${a}="${s}"`).join(" "),l=(a,s)=>{if(!/@import/i.test(a)&&"adoptedStyleSheets"in Document.prototype)try{const g=new CSSStyleSheet;return g.replaceSync(a),console.info(`Partbot: using constructable stylesheet (${s})`),g}catch(g){console.warn("Partbot: constructable sheet failed, falling back",g)}const h=document.createElement("style");return h.textContent=a,this.debug&&console.info(`Partbot: using <style> element fallback (${s})`,h.textContent),h};bn.__stylePromise||(t?bn.__stylePromise=fetch(t).then(a=>{if(!a.ok)throw new Error(`HTTP ${a.status}`);return a.text()}).then(a=>l(a,t.href)).catch(a=>(console.warn("Partbot: external stylesheet failed, falling back to inline",a),l(Va,"inline-fallback"))):bn.__stylePromise=Promise.resolve(l(Va,"inline")));const o=document.createElement("template");if(o.innerHTML=`
 <div class="partbot-plate-search isolate" ${r}></div>`,this.attachShadow({mode:"open"}),bn.__stylePromise.then(a=>{var s,u;if(a){if(a instanceof CSSStyleSheet?this.shadowRoot.adoptedStyleSheets=[a]:a instanceof HTMLStyleElement&&this.shadowRoot.prepend(a.cloneNode(!0)),this.debug)try{const h=(s=this.shadowRoot.adoptedStyleSheets)==null?void 0:s[0];h&&console.info("Partbot debug: first rule in adopted sheet →",(u=h.cssRules[0])==null?void 0:u.cssText);const g=getComputedStyle(this).getPropertyValue("--tw-border-style");console.info("Partbot debug: --tw-border-style on :host →",g)}catch(h){console.warn("Partbot debug: failed to inspect stylesheet",h)}requestAnimationFrame(()=>{this.style.visibility="visible"})}}),this.shadowRoot.appendChild(o.content.cloneNode(!0)),!document.head.querySelector("style[data-partbot-license]")){const a=document.createElement("style");a.setAttribute("data-partbot-license",""),a.appendChild(document.createTextNode(`
       @font-face {
         font-family: "License Plate";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cartbot/plate-search",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "author": "Partbot",
   "url": "https://plate-search.partbot.io",
   "description": "Compatible with [Partbot](https://use.partbot.io) connected ecommerce stores and synced products.",
@@ -8,6 +8,7 @@
   "files": [
     "dist/js",
     "dist/css",
+    "dist/index.d.ts",
     "build/dist/js",
     "build/dist/css",
     "README.md"
@@ -33,7 +34,7 @@
     "copy:legacy": "rm -rf build/dist && mkdir -p build/dist/js && cp dist/js/plate-search.js build/dist/js/ && if [ -d dist/css ]; then mkdir -p build/dist/css && cp -R dist/css/* build/dist/css/; fi",
     "copy:assets": "cp public/*.svg public/*.png public/robots.txt dist/ 2>/dev/null || true && mkdir -p dist/fonts && cp -R public/fonts/* dist/fonts/",
     "preview": "vite preview",
-    "publish": "npm publish --access public",
+    "release": "npm publish --access public",
     "test": "vitest",
     "serve:dist": "npx serve dist"
   },
@@ -75,8 +76,10 @@
   },
   "main": "dist/js/plate-search.js",
   "module": "dist/js/plate-search.es.js",
+  "types": "dist/index.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/js/plate-search.es.js",
       "require": "./dist/js/plate-search.js"
     }