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

package/dist/index.js

@@ -492,132 +492,38 @@ var inputVariants = cva2(
 );
 var Input_default = Input;
 
-// src/components/ui/Button.tsx
-import { Slot } from "@radix-ui/react-slot";
-import { cva as cva3 } from "cva";
-import { forwardRef as forwardRef6 } from "react";
+// src/components/ui/MapComponent.tsx
+import { APIProvider, Map, AdvancedMarker, Pin } from "@vis.gl/react-google-maps";
 import { jsx as jsx10 } from "react/jsx-runtime";
-var Button = forwardRef6(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Component = asChild ? Slot : "button";
-    return /* @__PURE__ */ jsx10(
-      Component,
-      {
-        className: cn(buttonVariants({ variant, size, className })),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-var buttonVariants = cva3(
-  [
-    "flex",
-    "items-center",
-    "justify-center",
-    "gap-2",
-    "rounded-full",
-    "font-bold",
-    "outline-2",
-    "outline-offset-2",
-    "outline-dashed",
-    "outline-transparent"
-  ],
-  {
-    variants: {
-      variant: {
-        neutral: [
-          "bg-black",
-          "text-white",
-          "hover:bg-grey-90",
-          "active:bg-grey-80",
-          "focus:outline-purple-100",
-          "disabled:text-grey-40",
-          "disabled:bg-grey-10"
-        ],
-        primary: [
-          "bg-pickle-100",
-          "text-black",
-          "hover:bg-pickle-80",
-          "active:bg-pickle-60",
-          "focus:outline-purple-100",
-          "disabled:text-grey-40",
-          "disabled:bg-grey-10"
-        ],
-        secondary: [
-          "bg-green-80",
-          "text-white",
-          "hover:bg-green-90",
-          "active:bg-green-100",
-          "focus:outline-pickle-100",
-          "disabled:text-grey-40",
-          "disabled:bg-grey-10"
-        ],
-        transparent: [
-          "text-white",
-          "hover:bg-green-80",
-          "active:bg-green-100",
-          "focus:outline-pickle-100",
-          "disabled:text-grey-40"
-        ],
-        link: [
-          "leading-tight",
-          "text-black",
-          "underline",
-          "hover:text-purple-100",
-          "focus:text-black",
-          "focus:outline-purple-100",
-          "active:text-purple-80"
-        ]
-      },
-      size: {
-        small: ["h-10", "text-sm", "px-4", "py-2"],
-        medium: ["h-12", "text-base", "px-6", "py-3"],
-        large: ["h-14", "text-lg", "px-8", "py-4"]
-      }
-    },
-    defaultVariants: {
-      variant: "neutral",
-      size: "medium"
-    },
-    compoundVariants: [
-      {
-        variant: "link",
-        size: "small",
-        class: ["h-3", "text-xs", "p-0"]
-      },
-      {
-        variant: "link",
-        size: "medium",
-        class: ["h-4", "text-sm", "p-0"]
-      },
-      {
-        variant: "link",
-        size: "large",
-        class: ["h-6", "text-base", "p-0"]
-      }
-    ]
-  }
-);
-
-// src/components/ui/Combobox.tsx
-import { forwardRef as forwardRef10, useEffect as useEffect2, useState as useState2 } from "react";
-import { ChevronDownIcon as ChevronDownIcon2, CircleX, icons as icons3 } from "lucide-react";
-import { cva as cva5 } from "cva";
+function MapComponent({ apiKey, mapId, position, className, zoom = 15 }) {
+  const defaultPosition = { lat: 40.715021, lng: -74.00459 };
+  const defaultZoom = 11;
+  return /* @__PURE__ */ jsx10(APIProvider, { apiKey, children: /* @__PURE__ */ jsx10("div", { className: cn("h-screen max-w-full", className), children: /* @__PURE__ */ jsx10(
+    Map,
+    {
+      zoom: position ? zoom : defaultZoom,
+      center: position || defaultPosition,
+      mapId,
+      keyboardShortcuts: false,
+      disableDefaultUI: true,
+      children: position && /* @__PURE__ */ jsx10(AdvancedMarker, { position, children: /* @__PURE__ */ jsx10(Pin, { background: "#0B5441", borderColor: "#EBFDF1", glyphColor: "#D4F500" }) })
+    }
+  ) }) });
+}
+var MapComponent_default = MapComponent;
 
 // src/components/primitives/command.tsx
 import { Command as CommandPrimitive } from "cmdk";
 import { Search } from "lucide-react";
-import * as React5 from "react";
+import * as React4 from "react";
 
 // src/components/primitives/dialog.tsx
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X as X3 } from "lucide-react";
-import * as React4 from "react";
+import * as React3 from "react";
 import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
 var DialogPortal = DialogPrimitive.Portal;
-var DialogOverlay = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+var DialogOverlay = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -629,7 +535,7 @@ var DialogOverlay = React4.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React4.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs6(DialogPortal, { children: [
+var DialogContent = React3.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs6(DialogPortal, { children: [
   /* @__PURE__ */ jsx11(DialogOverlay, {}),
   /* @__PURE__ */ jsxs6(
     DialogPrimitive.Content,
@@ -661,7 +567,7 @@ var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx11(
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+var DialogTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   DialogPrimitive.Title,
   {
     ref,
@@ -670,7 +576,7 @@ var DialogTitle = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+var DialogDescription = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   DialogPrimitive.Description,
   {
     ref,
@@ -682,7 +588,7 @@ DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/primitives/command.tsx
 import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
-var Command = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+var Command = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   CommandPrimitive,
   {
     ref,
@@ -694,7 +600,7 @@ var Command = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   }
 ));
 Command.displayName = CommandPrimitive.displayName;
-var CommandInput = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs7("div", { className: "m-1 flex items-center rounded-xl border px-3", "cmdk-input-wrapper": "", children: [
+var CommandInput = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs7("div", { className: "m-1 flex items-center rounded-xl border px-3", "cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ jsx12(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
   /* @__PURE__ */ jsx12(
     CommandPrimitive.Input,
@@ -709,7 +615,7 @@ var CommandInput = React5.forwardRef(({ className, ...props }, ref) => /* @__PUR
   )
 ] }));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+var CommandList = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   CommandPrimitive.List,
   {
     ref,
@@ -718,9 +624,9 @@ var CommandList = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React5.forwardRef((props, ref) => /* @__PURE__ */ jsx12(CommandPrimitive.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
+var CommandEmpty = React4.forwardRef((props, ref) => /* @__PURE__ */ jsx12(CommandPrimitive.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+var CommandGroup = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   CommandPrimitive.Group,
   {
     ref,
@@ -732,7 +638,7 @@ var CommandGroup = React5.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+var CommandSeparator = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   CommandPrimitive.Separator,
   {
     ref,
@@ -741,7 +647,7 @@ var CommandSeparator = React5.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+var CommandItem = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   CommandPrimitive.Item,
   {
     ref,
@@ -764,13 +670,282 @@ var CommandShortcut = ({ className, ...props }) => {
 };
 CommandShortcut.displayName = "CommandShortcut";
 
+// src/lib/google.ts
+import { Client, PlaceAutocompleteType } from "@googlemaps/google-maps-services-js";
+var client = new Client();
+var autocomplete = async (input, key) => {
+  try {
+    const response = await client.placeAutocomplete({
+      params: { input, key, types: PlaceAutocompleteType.address }
+    });
+    return response.data.predictions;
+  } catch (error) {
+    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
+import { CircleX, LoaderCircle } from "lucide-react";
+import { useState as useState2, useCallback, useRef as useRef2, useEffect as useEffect2 } from "react";
+import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+function PlacesQueryInput({
+  apiKey,
+  selected,
+  onSelect,
+  className
+}) {
+  const [predictions, setPredictions] = useState2(null);
+  const [input, setInput] = useState2(selected?.description ?? "");
+  const [isLoadingPredictions, setIsLoadingPredictions] = useState2(false);
+  const [shouldOpenUpward, setShouldOpenUpward] = useState2(false);
+  const timeoutRef = useRef2(null);
+  const inputRef = useRef2(null);
+  const debouncedAutocomplete = useCallback((value) => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+    }
+    timeoutRef.current = setTimeout(async () => {
+      if (value.length > 2) {
+        setIsLoadingPredictions(true);
+        const fetchedPredictions = await autocomplete(value, apiKey);
+        fetchedPredictions && setIsLoadingPredictions(false);
+        setPredictions(fetchedPredictions ?? []);
+      } else {
+        setPredictions(null);
+      }
+    }, 300);
+  }, []);
+  const handleInputChange = (value) => {
+    setInput(value);
+    debouncedAutocomplete(value);
+  };
+  const handleSelect = (prediction) => {
+    onSelect(prediction);
+    setPredictions(null);
+    setInput(prediction.description);
+  };
+  const handleClear = () => {
+    onSelect();
+    setPredictions(null);
+    setInput("");
+  };
+  const handleBlur = () => setTimeout(() => setPredictions(null), 200);
+  useEffect2(() => {
+    const checkDropdownPosition = () => {
+      if (inputRef.current) {
+        const rect = inputRef.current.getBoundingClientRect();
+        const windowHeight = window.innerHeight;
+        setShouldOpenUpward(rect.bottom + 200 > windowHeight);
+      }
+    };
+    checkDropdownPosition();
+    window.addEventListener("resize", checkDropdownPosition);
+    return () => window.removeEventListener("resize", checkDropdownPosition);
+  }, []);
+  return /* @__PURE__ */ jsx13("div", { className: cn("relative w-full", className), ref: inputRef, onBlur: handleBlur, children: /* @__PURE__ */ jsxs8(Command, { children: [
+    /* @__PURE__ */ jsxs8("div", { className: "relative w-full", children: [
+      /* @__PURE__ */ jsx13(
+        CommandInput,
+        {
+          placeholder: "Type an address to search...",
+          value: input,
+          onValueChange: handleInputChange,
+          className: "truncate pr-8"
+        }
+      ),
+      isLoadingPredictions && /* @__PURE__ */ jsx13(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__ */ jsx13(
+        "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__ */ jsx13(CircleX, { className: "h-4 w-4 text-green-100" })
+        }
+      )
+    ] }),
+    predictions && /* @__PURE__ */ jsxs8(
+      CommandList,
+      {
+        className: cn(
+          "absolute z-50 w-full rounded-md border bg-white shadow-lg",
+          shouldOpenUpward ? "bottom-full" : "top-full"
+        ),
+        children: [
+          /* @__PURE__ */ jsx13(CommandEmpty, { children: "No results" }),
+          /* @__PURE__ */ jsx13(CommandGroup, { children: predictions.map((prediction) => /* @__PURE__ */ jsx13(
+            CommandItem,
+            {
+              onSelect: () => handleSelect(prediction),
+              className: "truncate",
+              children: prediction.description
+            },
+            prediction.place_id
+          )) })
+        ]
+      }
+    )
+  ] }) });
+}
+var PlacesQueryInput_default = PlacesQueryInput;
+
+// src/components/ui/Button.tsx
+import { Slot } from "@radix-ui/react-slot";
+import { cva as cva3 } from "cva";
+import { forwardRef as forwardRef8 } from "react";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var Button = forwardRef8(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Component = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx14(
+      Component,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+var buttonVariants = cva3(
+  [
+    "flex",
+    "items-center",
+    "justify-center",
+    "gap-2",
+    "rounded-full",
+    "font-bold",
+    "outline-2",
+    "outline-offset-2",
+    "outline-dashed",
+    "outline-transparent"
+  ],
+  {
+    variants: {
+      variant: {
+        neutral: [
+          "bg-black",
+          "text-white",
+          "hover:bg-grey-90",
+          "active:bg-grey-80",
+          "focus:outline-purple-100",
+          "disabled:text-grey-40",
+          "disabled:bg-grey-10"
+        ],
+        primary: [
+          "bg-pickle-100",
+          "text-black",
+          "hover:bg-pickle-80",
+          "active:bg-pickle-60",
+          "focus:outline-purple-100",
+          "disabled:text-grey-40",
+          "disabled:bg-grey-10"
+        ],
+        secondary: [
+          "bg-green-80",
+          "text-white",
+          "hover:bg-green-90",
+          "active:bg-green-100",
+          "focus:outline-pickle-100",
+          "disabled:text-grey-40",
+          "disabled:bg-grey-10"
+        ],
+        transparent: [
+          "text-white",
+          "hover:bg-green-80",
+          "active:bg-green-100",
+          "focus:outline-pickle-100",
+          "disabled:text-grey-40"
+        ],
+        link: [
+          "leading-tight",
+          "text-black",
+          "underline",
+          "hover:text-purple-100",
+          "focus:text-black",
+          "focus:outline-purple-100",
+          "active:text-purple-80"
+        ]
+      },
+      size: {
+        small: ["h-10", "text-sm", "px-4", "py-2"],
+        medium: ["h-12", "text-base", "px-6", "py-3"],
+        large: ["h-14", "text-lg", "px-8", "py-4"]
+      }
+    },
+    defaultVariants: {
+      variant: "neutral",
+      size: "medium"
+    },
+    compoundVariants: [
+      {
+        variant: "link",
+        size: "small",
+        class: ["h-3", "text-xs", "p-0"]
+      },
+      {
+        variant: "link",
+        size: "medium",
+        class: ["h-4", "text-sm", "p-0"]
+      },
+      {
+        variant: "link",
+        size: "large",
+        class: ["h-6", "text-base", "p-0"]
+      }
+    ]
+  }
+);
+
+// src/components/ui/Combobox.tsx
+import { forwardRef as forwardRef10, useEffect as useEffect3, useState as useState3 } from "react";
+import { ChevronDownIcon as ChevronDownIcon2, CircleX as CircleX2, icons as icons3 } from "lucide-react";
+import { cva as cva5 } from "cva";
+
 // src/components/primitives/popover.tsx
 import * as React6 from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React6.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx13(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx13(
+var PopoverContent = React6.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx15(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx15(
   PopoverPrimitive.Content,
   {
     ref,
@@ -787,7 +962,7 @@ PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 // src/components/ui/Badge.tsx
 import { cva as cva4 } from "cva";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var badgeVariants = cva4("rounded-full px-2 py-0.5 text-xs font-semibold", {
   variants: {
     variant: {
@@ -801,11 +976,11 @@ var badgeVariants = cva4("rounded-full px-2 py-0.5 text-xs font-semibold", {
   }
 });
 function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsx14("div", { className: cn(badgeVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ jsx16("div", { className: cn(badgeVariants({ variant }), className), ...props });
 }
 
 // src/components/ui/Combobox.tsx
-import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
 var Combobox = forwardRef10((props, ref) => {
   const {
     id,
@@ -825,8 +1000,8 @@ var Combobox = forwardRef10((props, ref) => {
     onChange: handleChange,
     children: footer
   } = props;
-  const [selected, setSelected] = useState2([]);
-  const [open, setOpen] = useState2(false);
+  const [selected, setSelected] = useState3([]);
+  const [open, setOpen] = useState3(false);
   const IconComponent = icon && icons3[icon];
   const hideSearchBox = options?.length <= 5;
   const isDefault = variant === "default";
@@ -834,7 +1009,7 @@ var Combobox = forwardRef10((props, ref) => {
   const isEmpty = selected.length == 0;
   const showChevron = isDefault ? isEmpty : true;
   const close = () => setOpen(false);
-  useEffect2(() => {
+  useEffect3(() => {
     const valueArray = multiselect ? value ?? [] : value ? [value] : [];
     setSelected(
       valueArray.map((v) => options.find((o) => o.value === v)).filter((v) => v !== void 0)
@@ -862,8 +1037,8 @@ var Combobox = forwardRef10((props, ref) => {
     const defaultLabel = !isEmpty ? selected.map((s) => s.title).join(", ") : placeholder;
     return isDefault ? defaultLabel : label;
   };
-  return /* @__PURE__ */ jsxs8("div", { className: cn("flex flex-col gap-1", className), children: [
-    isDefault && /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsxs9("div", { className: cn("flex flex-col gap-1", className), children: [
+    isDefault && /* @__PURE__ */ jsx17(
       Label_default,
       {
         text: label,
@@ -873,15 +1048,15 @@ var Combobox = forwardRef10((props, ref) => {
         className: classNames?.label
       }
     ),
-    /* @__PURE__ */ jsxs8("div", { className: "relative flex", children: [
-      /* @__PURE__ */ jsxs8(Popover, { open, onOpenChange: setOpen, children: [
-        /* @__PURE__ */ jsx15(
+    /* @__PURE__ */ jsxs9("div", { className: "relative flex", children: [
+      /* @__PURE__ */ jsxs9(Popover, { open, onOpenChange: setOpen, children: [
+        /* @__PURE__ */ jsx17(
           PopoverTrigger,
           {
             asChild: true,
             disabled: options.length === 0,
             "data-testid": `${id ?? name}-combobox-trigger`,
-            children: /* @__PURE__ */ jsxs8(
+            children: /* @__PURE__ */ jsxs9(
               "div",
               {
                 ref,
@@ -892,9 +1067,9 @@ var Combobox = forwardRef10((props, ref) => {
                 ),
                 "aria-expanded": open,
                 children: [
-                  isDefault && IconComponent && /* @__PURE__ */ jsx15(IconComponent, { className: "h-4 w-4 shrink-0" }),
-                  isChip && !isEmpty && /* @__PURE__ */ jsx15(Badge, { variant: "purple", children: selected.length }),
-                  /* @__PURE__ */ jsx15(
+                  isDefault && IconComponent && /* @__PURE__ */ jsx17(IconComponent, { className: "h-4 w-4 shrink-0" }),
+                  isChip && !isEmpty && /* @__PURE__ */ jsx17(Badge, { variant: "purple", children: selected.length }),
+                  /* @__PURE__ */ jsx17(
                     "span",
                     {
                       className: cn(
@@ -904,7 +1079,7 @@ var Combobox = forwardRef10((props, ref) => {
                       children: handleDisplayValue()
                     }
                   ),
-                  showChevron && /* @__PURE__ */ jsx15(
+                  showChevron && /* @__PURE__ */ jsx17(
                     ChevronDownIcon2,
                     {
                       className: "shrink-0 transform group-data-[state=open]:rotate-180",
@@ -916,7 +1091,7 @@ var Combobox = forwardRef10((props, ref) => {
             )
           }
         ),
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx17(
           PopoverContent,
           {
             className: cn(
@@ -927,16 +1102,16 @@ var Combobox = forwardRef10((props, ref) => {
             collisionPadding: 8,
             sideOffset: 4,
             align: "start",
-            children: /* @__PURE__ */ jsxs8(Command, { children: [
-              !hideSearchBox && /* @__PURE__ */ jsx15(CommandInput, { placeholder: "Search..." }),
-              /* @__PURE__ */ jsxs8(CommandList, { children: [
-                /* @__PURE__ */ jsx15(CommandEmpty, { children: "No results" }),
-                /* @__PURE__ */ jsx15(CommandGroup, { children: options.map(({ id: id2, ...option }) => /* @__PURE__ */ jsx15(
+            children: /* @__PURE__ */ jsxs9(Command, { children: [
+              !hideSearchBox && /* @__PURE__ */ jsx17(CommandInput, { placeholder: "Search..." }),
+              /* @__PURE__ */ jsxs9(CommandList, { children: [
+                /* @__PURE__ */ jsx17(CommandEmpty, { children: "No results" }),
+                /* @__PURE__ */ jsx17(CommandGroup, { children: options.map(({ id: id2, ...option }) => /* @__PURE__ */ jsx17(
                   CommandItem,
                   {
                     value: option.title,
                     onSelect: () => handleSelect(option.value),
-                    children: /* @__PURE__ */ jsx15(
+                    children: /* @__PURE__ */ jsx17(
                       ListItem_default,
                       {
                         className: cn(classNames?.items, "truncate py-1"),
@@ -949,19 +1124,19 @@ var Combobox = forwardRef10((props, ref) => {
                   id2
                 )) })
               ] }),
-              !!footer && /* @__PURE__ */ jsx15(Separator, {}),
+              !!footer && /* @__PURE__ */ jsx17(Separator, {}),
               footer && footer({ close })
             ] })
           }
         )
       ] }),
-      isDefault && !isEmpty && /* @__PURE__ */ jsx15(
+      isDefault && !isEmpty && /* @__PURE__ */ jsx17(
         "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__ */ jsx15(CircleX, { className: "h-4 w-4 text-green-100" })
+          children: /* @__PURE__ */ jsx17(CircleX2, { className: "h-4 w-4 text-green-100" })
         }
       )
     ] })
@@ -997,12 +1172,12 @@ var triggerVariants = cva5(
 // src/components/ui/Counter.tsx
 import { cva as cva6 } from "cva";
 import { Minus as Minus2, Plus } from "lucide-react";
-import { forwardRef as forwardRef11, useEffect as useEffect3, useState as useState3 } from "react";
-import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
+import { forwardRef as forwardRef11, useEffect as useEffect4, useState as useState4 } from "react";
+import { jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
 var Counter = forwardRef11(
   ({ label, error, min, max, step = 1, description, theme, value, classNames, onChange, ...props }, ref) => {
-    const [count, setCount] = useState3(0);
-    useEffect3(() => {
+    const [count, setCount] = useState4(0);
+    useEffect4(() => {
       setCount(value ?? 0);
     }, [value]);
     const handleChange = (e) => {
@@ -1033,13 +1208,13 @@ var Counter = forwardRef11(
       onChange?.(newValue);
       setCount(newValue);
     };
-    return /* @__PURE__ */ jsxs9(
+    return /* @__PURE__ */ jsxs10(
       "div",
       {
         className: cn("flex w-auto flex-col gap-1", classNames?.root),
         "data-testid": `counter-wrapper-${props.id}`,
         children: [
-          label && /* @__PURE__ */ jsx16(
+          label && /* @__PURE__ */ jsx18(
             Label_default,
             {
               text: label,
@@ -1049,17 +1224,17 @@ var Counter = forwardRef11(
               className: classNames?.label
             }
           ),
-          /* @__PURE__ */ jsxs9("div", { className: "relative flex w-[122px] flex-row items-center", children: [
-            /* @__PURE__ */ jsx16(
+          /* @__PURE__ */ jsxs10("div", { className: "relative flex w-[122px] flex-row items-center", children: [
+            /* @__PURE__ */ jsx18(
               "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__ */ jsx16(Minus2, { className: "h-4 w-4 text-green-100" })
+                children: /* @__PURE__ */ jsx18(Minus2, { className: "h-4 w-4 text-green-100" })
               }
             ),
-            /* @__PURE__ */ jsx16(
+            /* @__PURE__ */ jsx18(
               "input",
               {
                 className: cn(counterVariants({ theme }), classNames?.input),
@@ -1070,17 +1245,17 @@ var Counter = forwardRef11(
                 ...props
               }
             ),
-            /* @__PURE__ */ jsx16(
+            /* @__PURE__ */ jsx18(
               "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__ */ jsx16(Plus, { className: "h-4 w-4 text-green-100" })
+                children: /* @__PURE__ */ jsx18(Plus, { className: "h-4 w-4 text-green-100" })
               }
             )
           ] }),
-          /* @__PURE__ */ jsx16(ErrorMessage_default, { message: error })
+          /* @__PURE__ */ jsx18(ErrorMessage_default, { message: error })
         ]
       }
     );
@@ -1146,7 +1321,10 @@ export {
   Input_default as Input,
   Label_default as Label,
   ListItem_default as ListItem,
+  MapComponent_default as MapComponent,
+  PlacesQueryInput_default as PlacesQueryInput,
   Select_default as Select,
-  cn
+  cn,
+  fetchLocation
 };
 //# sourceMappingURL=index.js.map