@next-degree/pickle-shared-js 0.4.31 → 0.5.31

package/dist/index.cjs

@@ -39,9 +39,11 @@ __export(index_exports, {
   Input: () => Input_default,
   Label: () => Label_default,
   ListItem: () => ListItem_default,
+  MapComponent: () => MapComponent_default,
   PlacesQueryInput: () => PlacesQueryInput_default,
   Select: () => Select_default,
-  cn: () => cn
+  cn: () => cn,
+  fetchLocation: () => fetchLocation
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -532,6 +534,26 @@ var inputVariants = (0, import_cva2.cva)(
 );
 var Input_default = Input;
 
+// src/components/ui/MapComponent.tsx
+var import_react_google_maps = require("@vis.gl/react-google-maps");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function MapComponent({ apiKey, mapId, position, className, zoom = 15 }) {
+  const defaultPosition = { lat: 40.715021, lng: -74.00459 };
+  const defaultZoom = 11;
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_google_maps.APIProvider, { apiKey, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: cn("h-screen max-w-full", className), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_react_google_maps.Map,
+    {
+      zoom: position ? zoom : defaultZoom,
+      center: position || defaultPosition,
+      mapId,
+      keyboardShortcuts: false,
+      disableDefaultUI: true,
+      children: position && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_google_maps.AdvancedMarker, { position, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_google_maps.Pin, { background: "#0B5441", borderColor: "#EBFDF1", glyphColor: "#D4F500" }) })
+    }
+  ) }) });
+}
+var MapComponent_default = MapComponent;
+
 // src/components/primitives/command.tsx
 var import_cmdk = require("cmdk");
 var import_lucide_react8 = require("lucide-react");
@@ -541,9 +563,9 @@ var React4 = __toESM(require("react"), 1);
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_lucide_react7 = require("lucide-react");
 var React3 = __toESM(require("react"), 1);
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var DialogPortal = DialogPrimitive.Portal;
-var DialogOverlay = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var DialogOverlay = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -555,9 +577,9 @@ var DialogOverlay = React3.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React3.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(DialogPortal, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DialogOverlay, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+var DialogContent = React3.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(DialogPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DialogOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     DialogPrimitive.Content,
     {
       ref,
@@ -568,18 +590,18 @@ var DialogContent = React3.forwardRef(({ className, children, ...props }, ref) =
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-500 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-400", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react7.X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-500 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-400", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react7.X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] }));
 DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   "div",
   {
     className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
@@ -587,7 +609,7 @@ var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_r
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var DialogTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   DialogPrimitive.Title,
   {
     ref,
@@ -596,7 +618,7 @@ var DialogTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var DialogDescription = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   DialogPrimitive.Description,
   {
     ref,
@@ -607,8 +629,8 @@ var DialogDescription = React3.forwardRef(({ className, ...props }, ref) => /* @
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/primitives/command.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var Command = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var Command = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   import_cmdk.Command,
   {
     ref,
@@ -620,9 +642,9 @@ var Command = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   }
 ));
 Command.displayName = import_cmdk.Command.displayName;
-var CommandInput = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "m-1 flex items-center rounded-xl border px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react8.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var CommandInput = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "m-1 flex items-center rounded-xl border px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react8.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     import_cmdk.Command.Input,
     {
       ref,
@@ -635,7 +657,7 @@ var CommandInput = React4.forwardRef(({ className, ...props }, ref) => /* @__PUR
   )
 ] }));
 CommandInput.displayName = import_cmdk.Command.Input.displayName;
-var CommandList = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var CommandList = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   import_cmdk.Command.List,
   {
     ref,
@@ -644,9 +666,9 @@ var CommandList = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CommandList.displayName = import_cmdk.Command.List.displayName;
-var CommandEmpty = React4.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_cmdk.Command.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
+var CommandEmpty = React4.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_cmdk.Command.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
 CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
-var CommandGroup = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var CommandGroup = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   import_cmdk.Command.Group,
   {
     ref,
@@ -658,7 +680,7 @@ var CommandGroup = React4.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandGroup.displayName = import_cmdk.Command.Group.displayName;
-var CommandSeparator = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var CommandSeparator = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   import_cmdk.Command.Separator,
   {
     ref,
@@ -667,7 +689,7 @@ var CommandSeparator = React4.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
-var CommandItem = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var CommandItem = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   import_cmdk.Command.Item,
   {
     ref,
@@ -680,7 +702,7 @@ var CommandItem = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE
 ));
 CommandItem.displayName = import_cmdk.Command.Item.displayName;
 var CommandShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "span",
     {
       className: cn("ml-auto text-xs tracking-widest text-neutral-500", className),
@@ -703,11 +725,47 @@ var autocomplete = async (input, key) => {
     console.error(error);
   }
 };
+var fetchLocation = async (place, key) => {
+  try {
+    if (place.place_id) {
+      const placeDetails = await getPlaceDetails(place.place_id, key);
+      if (placeDetails) return placeDetails;
+    }
+    if (place.address) {
+      const result = await geocode(place.address, key);
+      const firstAddress = result?.[0];
+      return firstAddress;
+    }
+    return void 0;
+  } catch (error) {
+    console.error("Error fetching location:", error);
+  }
+};
+var getPlaceDetails = async (place_id, key) => {
+  try {
+    const response = await client.placeDetails({
+      params: { place_id, key }
+    });
+    return response.data.result;
+  } catch (error) {
+    console.error(error);
+  }
+};
+var geocode = async (address, key) => {
+  try {
+    const response = await client.geocode({
+      params: { address, key }
+    });
+    return response.data.results;
+  } catch (error) {
+    console.error(error);
+  }
+};
 
 // src/components/ui/PlacesQueryInput.tsx
 var import_lucide_react9 = require("lucide-react");
 var import_react4 = require("react");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function PlacesQueryInput({
   apiKey,
   selected,
@@ -762,9 +820,9 @@ function PlacesQueryInput({
     window.addEventListener("resize", checkDropdownPosition);
     return () => window.removeEventListener("resize", checkDropdownPosition);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: cn("relative w-full", className), ref: inputRef, onBlur: handleBlur, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Command, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "relative w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: cn("relative w-full", className), ref: inputRef, onBlur: handleBlur, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Command, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "relative w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         CommandInput,
         {
           placeholder: "Type an address to search...",
@@ -773,18 +831,18 @@ function PlacesQueryInput({
           className: "truncate pr-8"
         }
       ),
-      isLoadingPredictions && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react9.LoaderCircle, { className: "absolute inset-y-0 right-2 my-auto flex h-8 w-8 animate-spin items-center justify-center rounded-full text-green-100" }),
-      input && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      isLoadingPredictions && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react9.LoaderCircle, { className: "absolute inset-y-0 right-2 my-auto flex h-8 w-8 animate-spin items-center justify-center rounded-full text-green-100" }),
+      input && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         "button",
         {
           type: "button",
           className: "absolute inset-y-0 right-2 my-auto flex h-8 w-8 cursor-pointer items-center justify-center rounded-full hover:bg-pickle-20",
           onClick: handleClear,
-          children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react9.CircleX, { className: "h-4 w-4 text-green-100" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react9.CircleX, { className: "h-4 w-4 text-green-100" })
         }
       )
     ] }),
-    predictions && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    predictions && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
       CommandList,
       {
         className: cn(
@@ -792,8 +850,8 @@ function PlacesQueryInput({
           shouldOpenUpward ? "bottom-full" : "top-full"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CommandEmpty, { children: "No results" }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CommandGroup, { children: predictions.map((prediction) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CommandEmpty, { children: "No results" }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CommandGroup, { children: predictions.map((prediction) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             CommandItem,
             {
               onSelect: () => handleSelect(prediction),
@@ -813,11 +871,11 @@ var PlacesQueryInput_default = PlacesQueryInput;
 var import_react_slot = require("@radix-ui/react-slot");
 var import_cva3 = require("cva");
 var import_react5 = require("react");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var Button = (0, import_react5.forwardRef)(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Component = asChild ? import_react_slot.Slot : "button";
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       Component,
       {
         className: cn(buttonVariants({ variant, size, className })),
@@ -926,10 +984,10 @@ var import_cva5 = require("cva");
 // src/components/primitives/popover.tsx
 var React6 = __toESM(require("react"), 1);
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React6.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var PopoverContent = React6.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   PopoverPrimitive.Content,
   {
     ref,
@@ -946,7 +1004,7 @@ PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 // src/components/ui/Badge.tsx
 var import_cva4 = require("cva");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var badgeVariants = (0, import_cva4.cva)("rounded-full px-2 py-0.5 text-xs font-semibold", {
   variants: {
     variant: {
@@ -960,11 +1018,11 @@ var badgeVariants = (0, import_cva4.cva)("rounded-full px-2 py-0.5 text-xs font-
   }
 });
 function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: cn(badgeVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: cn(badgeVariants({ variant }), className), ...props });
 }
 
 // src/components/ui/Combobox.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var Combobox = (0, import_react6.forwardRef)((props, ref) => {
   const {
     id,
@@ -1021,8 +1079,8 @@ var Combobox = (0, import_react6.forwardRef)((props, ref) => {
     const defaultLabel = !isEmpty ? selected.map((s) => s.title).join(", ") : placeholder;
     return isDefault ? defaultLabel : label;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: cn("flex flex-col gap-1", className), children: [
-    isDefault && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: cn("flex flex-col gap-1", className), children: [
+    isDefault && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       Label_default,
       {
         text: label,
@@ -1032,15 +1090,15 @@ var Combobox = (0, import_react6.forwardRef)((props, ref) => {
         className: classNames?.label
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "relative flex", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "relative flex", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           PopoverTrigger,
           {
             asChild: true,
             disabled: options.length === 0,
             "data-testid": `${id ?? name}-combobox-trigger`,
-            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
               "div",
               {
                 ref,
@@ -1051,9 +1109,9 @@ var Combobox = (0, import_react6.forwardRef)((props, ref) => {
                 ),
                 "aria-expanded": open,
                 children: [
-                  isDefault && IconComponent && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(IconComponent, { className: "h-4 w-4 shrink-0" }),
-                  isChip && !isEmpty && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Badge, { variant: "purple", children: selected.length }),
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  isDefault && IconComponent && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(IconComponent, { className: "h-4 w-4 shrink-0" }),
+                  isChip && !isEmpty && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Badge, { variant: "purple", children: selected.length }),
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                     "span",
                     {
                       className: cn(
@@ -1063,7 +1121,7 @@ var Combobox = (0, import_react6.forwardRef)((props, ref) => {
                       children: handleDisplayValue()
                     }
                   ),
-                  showChevron && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  showChevron && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                     import_lucide_react10.ChevronDownIcon,
                     {
                       className: "shrink-0 transform group-data-[state=open]:rotate-180",
@@ -1075,7 +1133,7 @@ var Combobox = (0, import_react6.forwardRef)((props, ref) => {
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           PopoverContent,
           {
             className: cn(
@@ -1086,16 +1144,16 @@ var Combobox = (0, import_react6.forwardRef)((props, ref) => {
             collisionPadding: 8,
             sideOffset: 4,
             align: "start",
-            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Command, { children: [
-              !hideSearchBox && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CommandInput, { placeholder: "Search..." }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(CommandList, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CommandEmpty, { children: "No results" }),
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CommandGroup, { children: options.map(({ id: id2, ...option }) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Command, { children: [
+              !hideSearchBox && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CommandInput, { placeholder: "Search..." }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(CommandList, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CommandEmpty, { children: "No results" }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CommandGroup, { children: options.map(({ id: id2, ...option }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                   CommandItem,
                   {
                     value: option.title,
                     onSelect: () => handleSelect(option.value),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                       ListItem_default,
                       {
                         className: cn(classNames?.items, "truncate py-1"),
@@ -1108,19 +1166,19 @@ var Combobox = (0, import_react6.forwardRef)((props, ref) => {
                   id2
                 )) })
               ] }),
-              !!footer && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Separator, {}),
+              !!footer && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Separator, {}),
               footer && footer({ close })
             ] })
           }
         )
       ] }),
-      isDefault && !isEmpty && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+      isDefault && !isEmpty && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
         "button",
         {
           type: "button",
           className: "absolute inset-y-0 right-1 my-auto flex h-8 w-8 cursor-pointer items-center justify-center rounded-full hover:bg-pickle-20",
           onClick: handleClear,
-          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react10.CircleX, { className: "h-4 w-4 text-green-100" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react10.CircleX, { className: "h-4 w-4 text-green-100" })
         }
       )
     ] })
@@ -1157,7 +1215,7 @@ var triggerVariants = (0, import_cva5.cva)(
 var import_cva6 = require("cva");
 var import_lucide_react11 = require("lucide-react");
 var import_react7 = require("react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var Counter = (0, import_react7.forwardRef)(
   ({ label, error, min, max, step = 1, description, theme, value, classNames, onChange, ...props }, ref) => {
     const [count, setCount] = (0, import_react7.useState)(0);
@@ -1192,13 +1250,13 @@ var Counter = (0, import_react7.forwardRef)(
       onChange?.(newValue);
       setCount(newValue);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
       "div",
       {
         className: cn("flex w-auto flex-col gap-1", classNames?.root),
         "data-testid": `counter-wrapper-${props.id}`,
         children: [
-          label && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          label && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             Label_default,
             {
               text: label,
@@ -1208,17 +1266,17 @@ var Counter = (0, import_react7.forwardRef)(
               className: classNames?.label
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "relative flex w-[122px] flex-row items-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "relative flex w-[122px] flex-row items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
               "button",
               {
                 type: "button",
                 className: "absolute inset-y-0 left-1 my-auto flex h-8 w-8 cursor-pointer items-center justify-center rounded-full hover:bg-pickle-20",
                 onClick: decrement,
-                children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react11.Minus, { className: "h-4 w-4 text-green-100" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react11.Minus, { className: "h-4 w-4 text-green-100" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
               "input",
               {
                 className: cn(counterVariants({ theme }), classNames?.input),
@@ -1229,17 +1287,17 @@ var Counter = (0, import_react7.forwardRef)(
                 ...props
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
               "button",
               {
                 type: "button",
                 className: "absolute inset-y-0 right-1 my-auto flex h-8 w-8 cursor-pointer items-center justify-center rounded-full hover:bg-pickle-20",
                 onClick: increment,
-                children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react11.Plus, { className: "h-4 w-4 text-green-100" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react11.Plus, { className: "h-4 w-4 text-green-100" })
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ErrorMessage_default, { message: error })
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ErrorMessage_default, { message: error })
         ]
       }
     );
@@ -1306,8 +1364,10 @@ var counterVariants = (0, import_cva6.cva)(
   Input,
   Label,
   ListItem,
+  MapComponent,
   PlacesQueryInput,
   Select,
-  cn
+  cn,
+  fetchLocation
 });
 //# sourceMappingURL=index.cjs.map