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

package/dist/components/demos/InputDemo.js

@@ -1,192 +0,0 @@
-// src/components/ui/Input.tsx
-import { cva } from "cva";
-import { icons, X } from "lucide-react";
-import { forwardRef as forwardRef2 } from "react";
-
-// src/lib/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/components/ui/ErrorMessage.tsx
-import { jsx } from "react/jsx-runtime";
-function ErrorMessage({ message, className, ...props }) {
-  if (!message) return null;
-  return /* @__PURE__ */ jsx("p", { className: cn("px-1 text-xs text-red-600", className), ...props, children: message });
-}
-var ErrorMessage_default = ErrorMessage;
-
-// src/components/primitives/tooltip.tsx
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import * as React from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var TooltipProvider = TooltipPrimitive.Provider;
-var Tooltip = TooltipPrimitive.Root;
-var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx2(
-  TooltipPrimitive.Content,
-  {
-    ref,
-    sideOffset,
-    className: cn(
-      "z-50 overflow-hidden rounded-md border border-neutral-200 bg-white px-3 py-1.5 text-sm text-neutral-950 shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50",
-      className
-    ),
-    ...props
-  }
-));
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-
-// src/components/ui/Label.tsx
-import { InfoIcon } from "lucide-react";
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
-function Label({ text, required, description, className, ...props }) {
-  if (!text) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-row gap-1", children: [
-    /* @__PURE__ */ jsxs(
-      "label",
-      {
-        className: cn(
-          "text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-          className
-        ),
-        ...props,
-        children: [
-          text,
-          required && /* @__PURE__ */ jsx3("span", { className: "text-red-600", children: "\xA0*" })
-        ]
-      }
-    ),
-    !!description && /* @__PURE__ */ jsx3(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsx3(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx3(InfoIcon, { className: "h-4 w-4" }) }),
-      /* @__PURE__ */ jsx3(TooltipContent, { className: "max-w-48", children: description })
-    ] }) })
-  ] });
-}
-var Label_default = Label;
-
-// src/components/ui/Input.tsx
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-var Input = forwardRef2(
-  ({ label, error, description, theme, icon, onClear, value, onChange, classNames, ...props }, ref) => {
-    const handleClear = () => {
-      onChange?.({ target: { value: "" } });
-      onClear?.();
-    };
-    const IconComponent = icon && icons[icon];
-    const placeholder = props.placeholder ?? (icon === "Search" ? "Search..." : "");
-    const hasIcon = !!icon;
-    const iconColor = theme === "dark" ? "text-white" : "text-grey-80";
-    return /* @__PURE__ */ jsxs2("div", { className: "group flex w-full flex-col gap-1", "data-testid": `input-wrapper-${props.id}`, children: [
-      label && /* @__PURE__ */ jsx4(
-        Label_default,
-        {
-          text: label,
-          htmlFor: props.name,
-          required: props.required,
-          description,
-          className: classNames?.label
-        }
-      ),
-      /* @__PURE__ */ jsxs2("div", { className: "relative flex flex-row items-center", children: [
-        IconComponent && /* @__PURE__ */ jsx4(
-          IconComponent,
-          {
-            className: `absolute left-3 h-4 w-4 ${iconColor} opacity-50 group-hover:opacity-100`
-          }
-        ),
-        /* @__PURE__ */ jsx4(
-          "input",
-          {
-            className: cn(inputVariants({ theme, hasIcon })),
-            ref,
-            placeholder,
-            value,
-            onChange,
-            "data-testid": `input-element-${props.id}`,
-            ...props
-          }
-        ),
-        hasIcon && value && /* @__PURE__ */ jsx4(
-          X,
-          {
-            className: `absolute right-3 h-4 w-4 cursor-pointer ${iconColor}`,
-            onClick: handleClear,
-            "data-testid": "clear-button"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx4(ErrorMessage_default, { message: error })
-    ] });
-  }
-);
-Input.displayName = "Input";
-var inputVariants = cva(
-  [
-    "border-input",
-    "placeholder:text-muted-foreground",
-    "focus-visible:ring-ring",
-    "inline-flex",
-    "w-full",
-    "h-11",
-    "items-center",
-    "justify-start",
-    "gap-3",
-    "rounded-lg",
-    "bg-transparent",
-    "px-3",
-    "pt-0.5",
-    "text-sm",
-    "shadow-sm",
-    "ring-grey-50",
-    "transition-colors",
-    "focus-visible:outline-none",
-    "focus-visible:ring-1",
-    "disabled:cursor-not-allowed",
-    "disabled:opacity-50",
-    "appearance-none",
-    "[&::-webkit-search-cancel-button]:appearance-none",
-    "[&::-webkit-search-decoration]:appearance-none",
-    "[&::-webkit-search-results-button]:appearance-none",
-    "[&::-webkit-search-results-decoration]:appearance-none",
-    "[&::-ms-clear]:display-none",
-    "[&::-ms-reveal]:display-none"
-  ],
-  {
-    variants: {
-      theme: {
-        light: "text-grey-80 border",
-        dark: "text-white"
-      },
-      hasIcon: {
-        false: "pl-3",
-        true: "pl-8"
-      }
-    },
-    defaultVariants: {
-      theme: "light",
-      hasIcon: false
-    }
-  }
-);
-var Input_default = Input;
-
-// src/components/demos/InputDemo.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-function InputDemo() {
-  return /* @__PURE__ */ jsxs3("div", { className: "m-4", children: [
-    /* @__PURE__ */ jsx5("h3", { children: "Input" }),
-    /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-2 md:flex-row", children: [
-      /* @__PURE__ */ jsx5("div", { className: "bg-green-80 p-2", children: /* @__PURE__ */ jsx5(Input_default, { theme: "dark", icon: "Search" }) }),
-      /* @__PURE__ */ jsx5("div", { className: "p-2", children: /* @__PURE__ */ jsx5(Input_default, { label: "Required input", required: true, description: "This is a tooltip" }) }),
-      /* @__PURE__ */ jsx5("div", { className: "p-2", children: /* @__PURE__ */ jsx5(Input_default, { icon: "MapPin" }) })
-    ] })
-  ] });
-}
-var InputDemo_default = InputDemo;
-export {
-  InputDemo_default as default
-};
-//# sourceMappingURL=InputDemo.js.map

package/dist/components/demos/InputDemo.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/ui/Input.tsx","../../../src/lib/utils.ts","../../../src/components/ui/ErrorMessage.tsx","../../../src/components/primitives/tooltip.tsx","../../../src/components/ui/Label.tsx","../../../src/components/demos/InputDemo.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'cva'\nimport { icons, X } from 'lucide-react'\nimport { type ChangeEvent, forwardRef, type InputHTMLAttributes } from 'react'\n\nimport ErrorMessage from '@/components/ui/ErrorMessage'\nimport Label from '@/components/ui/Label'\nimport { cn } from '@/lib/utils'\n\ninterface Props extends InputHTMLAttributes<HTMLInputElement>, VariantProps<typeof inputVariants> {\n  label?: string\n  error?: string\n  icon?: keyof typeof icons\n  description?: string\n  classNames?: { label?: string }\n  onClear?: () => void\n}\n\nconst Input = forwardRef<HTMLInputElement, Props>(\n  (\n    { label, error, description, theme, icon, onClear, value, onChange, classNames, ...props },\n    ref\n  ) => {\n    const handleClear = () => {\n      onChange?.({ target: { value: '' } } as ChangeEvent<HTMLInputElement>)\n      onClear?.()\n    }\n\n    const IconComponent = icon && icons[icon]\n\n    const placeholder = props.placeholder ?? (icon === 'Search' ? 'Search...' : '')\n    const hasIcon = !!icon\n\n    const iconColor = theme === 'dark' ? 'text-white' : 'text-grey-80'\n\n    return (\n      <div className=\"group flex w-full flex-col gap-1\" data-testid={`input-wrapper-${props.id}`}>\n        {label && (\n          <Label\n            text={label}\n            htmlFor={props.name}\n            required={props.required}\n            description={description}\n            className={classNames?.label}\n          />\n        )}\n        <div className=\"relative flex flex-row items-center\">\n          {IconComponent && (\n            <IconComponent\n              className={`absolute left-3 h-4 w-4 ${iconColor} opacity-50 group-hover:opacity-100`}\n            />\n          )}\n          <input\n            className={cn(inputVariants({ theme, hasIcon }))}\n            ref={ref}\n            placeholder={placeholder}\n            value={value}\n            onChange={onChange}\n            data-testid={`input-element-${props.id}`}\n            {...props}\n          />\n          {hasIcon && value && (\n            <X\n              className={`absolute right-3 h-4 w-4 cursor-pointer ${iconColor}`}\n              onClick={handleClear}\n              data-testid=\"clear-button\"\n            />\n          )}\n        </div>\n\n        <ErrorMessage message={error} />\n      </div>\n    )\n  }\n)\nInput.displayName = 'Input'\n\nconst inputVariants = cva(\n  [\n    'border-input',\n    'placeholder:text-muted-foreground',\n    'focus-visible:ring-ring',\n    'inline-flex',\n    'w-full',\n    'h-11',\n    'items-center',\n    'justify-start',\n    'gap-3',\n    'rounded-lg',\n    'bg-transparent',\n    'px-3',\n    'pt-0.5',\n    'text-sm',\n    'shadow-sm',\n    'ring-grey-50',\n    'transition-colors',\n    'focus-visible:outline-none',\n    'focus-visible:ring-1',\n    'disabled:cursor-not-allowed',\n    'disabled:opacity-50',\n    'appearance-none',\n    '[&::-webkit-search-cancel-button]:appearance-none',\n    '[&::-webkit-search-decoration]:appearance-none',\n    '[&::-webkit-search-results-button]:appearance-none',\n    '[&::-webkit-search-results-decoration]:appearance-none',\n    '[&::-ms-clear]:display-none',\n    '[&::-ms-reveal]:display-none',\n  ],\n  {\n    variants: {\n      theme: {\n        light: 'text-grey-80 border',\n        dark: 'text-white',\n      },\n      hasIcon: {\n        false: 'pl-3',\n        true: 'pl-8',\n      },\n    },\n    defaultVariants: {\n      theme: 'light',\n      hasIcon: false,\n    },\n  }\n)\n\nexport default Input\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import { type ComponentPropsWithoutRef } from 'react'\n\nimport { cn } from '@/lib/utils'\n\ninterface Props extends ComponentPropsWithoutRef<'p'> {\n  message?: string\n}\n\nfunction ErrorMessage({ message, className, ...props }: Readonly<Props>) {\n  if (!message) return null\n\n  return (\n    <p className={cn('px-1 text-xs text-red-600', className)} {...props}>\n      {message}\n    </p>\n  )\n}\n\nexport default ErrorMessage\n","'use client'\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport * as React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst TooltipProvider = TooltipPrimitive.Provider\n\nconst Tooltip = TooltipPrimitive.Root\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <TooltipPrimitive.Content\n    ref={ref}\n    sideOffset={sideOffset}\n    className={cn(\n      'z-50 overflow-hidden rounded-md border border-neutral-200 bg-white px-3 py-1.5 text-sm text-neutral-950 shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50',\n      className\n    )}\n    {...props}\n  />\n))\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }\n","import { type ComponentPropsWithoutRef } from 'react'\n\nimport { cn } from '@/lib/utils'\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from '@/components/primitives/tooltip'\nimport { InfoIcon } from 'lucide-react'\n\ninterface Props extends ComponentPropsWithoutRef<'label'> {\n  text?: string\n  required?: boolean\n  description?: string\n}\n\nfunction Label({ text, required, description, className, ...props }: Readonly<Props>) {\n  if (!text) return null\n\n  return (\n    <div className=\"flex w-full flex-row gap-1\">\n      <label\n        className={cn(\n          'text-xs text-grey-80 peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n          className\n        )}\n        {...props}\n      >\n        {text}\n        {required && <span className=\"text-red-600\">&nbsp;*</span>}\n      </label>\n\n      {!!description && (\n        <TooltipProvider>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <InfoIcon className=\"h-4 w-4\" />\n            </TooltipTrigger>\n            <TooltipContent className=\"max-w-48\">{description}</TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      )}\n    </div>\n  )\n}\n\nexport default Label\n","import Input from '@/components/ui/Input'\n\nfunction InputDemo() {\n  return (\n    <div className=\"m-4\">\n      <h3>Input</h3>\n      <div className=\"flex flex-col gap-2 md:flex-row\">\n        <div className=\"bg-green-80 p-2\">\n          <Input theme=\"dark\" icon=\"Search\" />\n        </div>\n        <div className=\"p-2\">\n          <Input label=\"Required input\" required description=\"This is a tooltip\" />\n        </div>\n        <div className=\"p-2\">\n          <Input icon=\"MapPin\" />\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default InputDemo\n"],"mappings":"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","names":["forwardRef","jsx","jsx","jsx","jsxs","forwardRef","jsx","jsxs"]}

package/dist/components/demos/MapComponentDemo.cjs

@@ -1,129 +0,0 @@
-"use strict";
-"use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/demos/MapComponentDemo.tsx
-var MapComponentDemo_exports = {};
-__export(MapComponentDemo_exports, {
-  default: () => MapComponentDemo_default
-});
-module.exports = __toCommonJS(MapComponentDemo_exports);
-
-// src/components/ui/MapComponent.tsx
-var import_react_google_maps = require("@vis.gl/react-google-maps");
-
-// src/lib/utils.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-function cn(...inputs) {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
-}
-
-// src/components/ui/MapComponent.tsx
-var import_jsx_runtime = 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_runtime.jsx)(import_react_google_maps.APIProvider, { apiKey, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: cn("h-screen max-w-full", className), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_react_google_maps.Map,
-    {
-      zoom: position ? zoom : defaultZoom,
-      center: position || defaultPosition,
-      mapId,
-      keyboardShortcuts: false,
-      disableDefaultUI: true,
-      children: position && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_google_maps.AdvancedMarker, { position, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_google_maps.Pin, { background: "#0B5441", borderColor: "#EBFDF1", glyphColor: "#D4F500" }) })
-    }
-  ) }) });
-}
-var MapComponent_default = MapComponent;
-
-// src/lib/google.ts
-var import_google_maps_services_js = require("@googlemaps/google-maps-services-js");
-var client = new import_google_maps_services_js.Client();
-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/demos/MapComponentDemo.tsx
-var import_react = require("react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var API_KEY = process.env.NEXT_PUBLIC_GOOGLE_API_KEY ?? "";
-var MAP_ID = process.env.NEXT_PUBLIC_GOOGLE_MAP_ID ?? "";
-function MapComponentDemo() {
-  const [position, setPosition] = (0, import_react.useState)();
-  const place = {
-    place_id: "ChIJaXQRs6lZwokRY6EFpJnhNNE",
-    // Empire State Building Place ID
-    address: "Empire State Building, New York, NY, USA"
-  };
-  (0, import_react.useEffect)(() => {
-    fetchLocation(place, API_KEY).then((location) => {
-      if (location) {
-        const { lat, lng } = location.geometry?.location ?? {};
-        if (!lat || !lng) return;
-        setPosition({ lat, lng });
-      }
-    });
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    MapComponent_default,
-    {
-      apiKey: API_KEY,
-      mapId: MAP_ID,
-      className: "h-[36rem] w-[36rem] p-4",
-      position
-    }
-  );
-}
-var MapComponentDemo_default = MapComponentDemo;
-//# sourceMappingURL=MapComponentDemo.cjs.map

package/dist/components/demos/MapComponentDemo.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/demos/MapComponentDemo.tsx","../../../src/components/ui/MapComponent.tsx","../../../src/lib/utils.ts","../../../src/lib/google.ts"],"sourcesContent":["'use client'\n\nimport MapComponent from '@/components/ui/MapComponent'\nimport { fetchLocation } from '@/lib/google'\nimport { useEffect, useState } from 'react'\n\nconst API_KEY = process.env.NEXT_PUBLIC_GOOGLE_API_KEY ?? ''\nconst MAP_ID = process.env.NEXT_PUBLIC_GOOGLE_MAP_ID ?? ''\n\nfunction MapComponentDemo() {\n  const [position, setPosition] = useState<{ lat: number; lng: number } | undefined>()\n\n  const place = {\n    place_id: 'ChIJaXQRs6lZwokRY6EFpJnhNNE', // Empire State Building Place ID\n    address: 'Empire State Building, New York, NY, USA',\n  }\n\n  useEffect(() => {\n    fetchLocation(place, API_KEY).then((location) => {\n      if (location) {\n        const { lat, lng } = location.geometry?.location ?? {}\n        if (!lat || !lng) return\n\n        setPosition({ lat, lng })\n      }\n    })\n  }, [])\n\n  return (\n    <MapComponent\n      apiKey={API_KEY}\n      mapId={MAP_ID}\n      className=\"h-[36rem] w-[36rem] p-4\"\n      position={position}\n    />\n  )\n}\n\nexport default MapComponentDemo\n","'use client'\n\nimport { APIProvider, Map, AdvancedMarker, Pin } from '@vis.gl/react-google-maps'\nimport { cn } from '@/lib/utils'\n\ninterface MapComponentProps {\n  apiKey: string\n  mapId: string // Check your map ID at https://console.cloud.google.com/google/maps-apis/studio/maps\n  position?: { lat: number; lng: number }\n  className?: string\n  zoom?: number\n}\n\nfunction MapComponent({ apiKey, mapId, position, className, zoom = 15 }: Readonly<MapComponentProps>) {\n  const defaultPosition = { lat: 40.715021, lng: -74.004590 }\n  const defaultZoom = 11\n\n  return (\n    <APIProvider apiKey={apiKey}>\n      <div className={cn('h-screen max-w-full', className)}>\n        <Map\n          zoom={position ? zoom : defaultZoom}\n          center={position || defaultPosition}\n          mapId={mapId}\n          keyboardShortcuts={false}\n          disableDefaultUI\n        >\n          {position && (\n            <AdvancedMarker position={position}>\n              <Pin background=\"#0B5441\" borderColor=\"#EBFDF1\" glyphColor=\"#D4F500\" />\n            </AdvancedMarker>\n          )}\n        </Map>\n      </div>\n    </APIProvider>\n  )\n}\n\nexport default MapComponent\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","'use server'\n\nimport { Client, PlaceAutocompleteType, PlaceData } from '@googlemaps/google-maps-services-js'\n\nconst client = new Client()\n\nexport const autocomplete = async (input: string, key: string) => {\n  try {\n    const response = await client.placeAutocomplete({\n      params: { input, key, types: PlaceAutocompleteType.address },\n    })\n\n    return response.data.predictions\n  } catch (error) {\n    console.error(error)\n  }\n}\n\ntype Place = {\n  place_id?: string\n  address?: string\n}\n/**\n * This is the exported function that calls the Google api to fetch the location based on the place_id or address.\n */\nexport const fetchLocation = async (\n  place: Place,\n  key: string\n): Promise<Partial<PlaceData> | undefined> => {\n  try {\n    if (place.place_id) {\n      const placeDetails = await getPlaceDetails(place.place_id, key)\n      if (placeDetails) return placeDetails\n    }\n    if (place.address) {\n      const result = await geocode(place.address, key)\n      const firstAddress = result?.[0]\n      return firstAddress\n    }\n\n    return undefined\n  } catch (error) {\n    console.error('Error fetching location:', error)\n  }\n}\n\n/**\n * If you have a place ID, you can use the placeDetails method to get more information about a place.\n * The advantage over an address is that there will be no ambiguity about the location.\n * @param place_id\n * @param key\n * @returns\n */\nexport const getPlaceDetails = async (place_id: string, key: string) => {\n  try {\n    const response = await client.placeDetails({\n      params: { place_id, key },\n    })\n\n    return response.data.result\n  } catch (error) {\n    console.error(error)\n  }\n}\n\n/**\n * The geocode method is used to convert an address into actual location(s) with lat/long.\n */\nexport const geocode = async (address: string, key: string) => {\n  try {\n    const response = await client.geocode({\n      params: { address, key },\n    })\n\n    return response.data.results\n  } catch (error) {\n    console.error(error)\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,+BAAsD;;;ACFtD,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADwBc;AAhBd,SAAS,aAAa,EAAE,QAAQ,OAAO,UAAU,WAAW,OAAO,GAAG,GAAgC;AACpG,QAAM,kBAAkB,EAAE,KAAK,WAAW,KAAK,UAAW;AAC1D,QAAM,cAAc;AAEpB,SACE,4CAAC,wCAAY,QACX,sDAAC,SAAI,WAAW,GAAG,uBAAuB,SAAS,GACjD;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,WAAW,OAAO;AAAA,MACxB,QAAQ,YAAY;AAAA,MACpB;AAAA,MACA,mBAAmB;AAAA,MACnB,kBAAgB;AAAA,MAEf,sBACC,4CAAC,2CAAe,UACd,sDAAC,gCAAI,YAAW,WAAU,aAAY,WAAU,YAAW,WAAU,GACvE;AAAA;AAAA,EAEJ,GACF,GACF;AAEJ;AAEA,IAAO,uBAAQ;;;AEpCf,qCAAyD;AAEzD,IAAM,SAAS,IAAI,sCAAO;AAqBnB,IAAM,gBAAgB,OAC3B,OACA,QAC4C;AAC5C,MAAI;AACF,QAAI,MAAM,UAAU;AAClB,YAAM,eAAe,MAAM,gBAAgB,MAAM,UAAU,GAAG;AAC9D,UAAI,aAAc,QAAO;AAAA,IAC3B;AACA,QAAI,MAAM,SAAS;AACjB,YAAM,SAAS,MAAM,QAAQ,MAAM,SAAS,GAAG;AAC/C,YAAM,eAAe,SAAS,CAAC;AAC/B,aAAO;AAAA,IACT;AAEA,WAAO;AAAA,EACT,SAAS,OAAO;AACd,YAAQ,MAAM,4BAA4B,KAAK;AAAA,EACjD;AACF;AASO,IAAM,kBAAkB,OAAO,UAAkB,QAAgB;AACtE,MAAI;AACF,UAAM,WAAW,MAAM,OAAO,aAAa;AAAA,MACzC,QAAQ,EAAE,UAAU,IAAI;AAAA,IAC1B,CAAC;AAED,WAAO,SAAS,KAAK;AAAA,EACvB,SAAS,OAAO;AACd,YAAQ,MAAM,KAAK;AAAA,EACrB;AACF;AAKO,IAAM,UAAU,OAAO,SAAiB,QAAgB;AAC7D,MAAI;AACF,UAAM,WAAW,MAAM,OAAO,QAAQ;AAAA,MACpC,QAAQ,EAAE,SAAS,IAAI;AAAA,IACzB,CAAC;AAED,WAAO,SAAS,KAAK;AAAA,EACvB,SAAS,OAAO;AACd,YAAQ,MAAM,KAAK;AAAA,EACrB;AACF;;;AH1EA,mBAAoC;AAyBhC,IAAAA,sBAAA;AAvBJ,IAAM,UAAU,QAAQ,IAAI,8BAA8B;AAC1D,IAAM,SAAS,QAAQ,IAAI,6BAA6B;AAExD,SAAS,mBAAmB;AAC1B,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAmD;AAEnF,QAAM,QAAQ;AAAA,IACZ,UAAU;AAAA;AAAA,IACV,SAAS;AAAA,EACX;AAEA,8BAAU,MAAM;AACd,kBAAc,OAAO,OAAO,EAAE,KAAK,CAAC,aAAa;AAC/C,UAAI,UAAU;AACZ,cAAM,EAAE,KAAK,IAAI,IAAI,SAAS,UAAU,YAAY,CAAC;AACrD,YAAI,CAAC,OAAO,CAAC,IAAK;AAElB,oBAAY,EAAE,KAAK,IAAI,CAAC;AAAA,MAC1B;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,WAAU;AAAA,MACV;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,2BAAQ;","names":["import_jsx_runtime"]}

package/dist/components/demos/MapComponentDemo.d.cts

@@ -1,5 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare function MapComponentDemo(): react_jsx_runtime.JSX.Element;
-
-export { MapComponentDemo as default };

package/dist/components/demos/MapComponentDemo.d.ts

@@ -1,5 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare function MapComponentDemo(): react_jsx_runtime.JSX.Element;
-
-export { MapComponentDemo as default };

package/dist/components/demos/MapComponentDemo.js

@@ -1,107 +0,0 @@
-"use client";
-
-// src/components/ui/MapComponent.tsx
-import { APIProvider, Map, AdvancedMarker, Pin } from "@vis.gl/react-google-maps";
-
-// src/lib/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/components/ui/MapComponent.tsx
-import { jsx } from "react/jsx-runtime";
-function MapComponent({ apiKey, mapId, position, className, zoom = 15 }) {
-  const defaultPosition = { lat: 40.715021, lng: -74.00459 };
-  const defaultZoom = 11;
-  return /* @__PURE__ */ jsx(APIProvider, { apiKey, children: /* @__PURE__ */ jsx("div", { className: cn("h-screen max-w-full", className), children: /* @__PURE__ */ jsx(
-    Map,
-    {
-      zoom: position ? zoom : defaultZoom,
-      center: position || defaultPosition,
-      mapId,
-      keyboardShortcuts: false,
-      disableDefaultUI: true,
-      children: position && /* @__PURE__ */ jsx(AdvancedMarker, { position, children: /* @__PURE__ */ jsx(Pin, { background: "#0B5441", borderColor: "#EBFDF1", glyphColor: "#D4F500" }) })
-    }
-  ) }) });
-}
-var MapComponent_default = MapComponent;
-
-// src/lib/google.ts
-import { Client, PlaceAutocompleteType } from "@googlemaps/google-maps-services-js";
-var client = new Client();
-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/demos/MapComponentDemo.tsx
-import { useEffect, useState } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var API_KEY = process.env.NEXT_PUBLIC_GOOGLE_API_KEY ?? "";
-var MAP_ID = process.env.NEXT_PUBLIC_GOOGLE_MAP_ID ?? "";
-function MapComponentDemo() {
-  const [position, setPosition] = useState();
-  const place = {
-    place_id: "ChIJaXQRs6lZwokRY6EFpJnhNNE",
-    // Empire State Building Place ID
-    address: "Empire State Building, New York, NY, USA"
-  };
-  useEffect(() => {
-    fetchLocation(place, API_KEY).then((location) => {
-      if (location) {
-        const { lat, lng } = location.geometry?.location ?? {};
-        if (!lat || !lng) return;
-        setPosition({ lat, lng });
-      }
-    });
-  }, []);
-  return /* @__PURE__ */ jsx2(
-    MapComponent_default,
-    {
-      apiKey: API_KEY,
-      mapId: MAP_ID,
-      className: "h-[36rem] w-[36rem] p-4",
-      position
-    }
-  );
-}
-var MapComponentDemo_default = MapComponentDemo;
-export {
-  MapComponentDemo_default as default
-};
-//# sourceMappingURL=MapComponentDemo.js.map

package/dist/components/demos/MapComponentDemo.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/ui/MapComponent.tsx","../../../src/lib/utils.ts","../../../src/lib/google.ts","../../../src/components/demos/MapComponentDemo.tsx"],"sourcesContent":["'use client'\n\nimport { APIProvider, Map, AdvancedMarker, Pin } from '@vis.gl/react-google-maps'\nimport { cn } from '@/lib/utils'\n\ninterface MapComponentProps {\n  apiKey: string\n  mapId: string // Check your map ID at https://console.cloud.google.com/google/maps-apis/studio/maps\n  position?: { lat: number; lng: number }\n  className?: string\n  zoom?: number\n}\n\nfunction MapComponent({ apiKey, mapId, position, className, zoom = 15 }: Readonly<MapComponentProps>) {\n  const defaultPosition = { lat: 40.715021, lng: -74.004590 }\n  const defaultZoom = 11\n\n  return (\n    <APIProvider apiKey={apiKey}>\n      <div className={cn('h-screen max-w-full', className)}>\n        <Map\n          zoom={position ? zoom : defaultZoom}\n          center={position || defaultPosition}\n          mapId={mapId}\n          keyboardShortcuts={false}\n          disableDefaultUI\n        >\n          {position && (\n            <AdvancedMarker position={position}>\n              <Pin background=\"#0B5441\" borderColor=\"#EBFDF1\" glyphColor=\"#D4F500\" />\n            </AdvancedMarker>\n          )}\n        </Map>\n      </div>\n    </APIProvider>\n  )\n}\n\nexport default MapComponent\n","import { type ClassValue, clsx } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","'use server'\n\nimport { Client, PlaceAutocompleteType, PlaceData } from '@googlemaps/google-maps-services-js'\n\nconst client = new Client()\n\nexport const autocomplete = async (input: string, key: string) => {\n  try {\n    const response = await client.placeAutocomplete({\n      params: { input, key, types: PlaceAutocompleteType.address },\n    })\n\n    return response.data.predictions\n  } catch (error) {\n    console.error(error)\n  }\n}\n\ntype Place = {\n  place_id?: string\n  address?: string\n}\n/**\n * This is the exported function that calls the Google api to fetch the location based on the place_id or address.\n */\nexport const fetchLocation = async (\n  place: Place,\n  key: string\n): Promise<Partial<PlaceData> | undefined> => {\n  try {\n    if (place.place_id) {\n      const placeDetails = await getPlaceDetails(place.place_id, key)\n      if (placeDetails) return placeDetails\n    }\n    if (place.address) {\n      const result = await geocode(place.address, key)\n      const firstAddress = result?.[0]\n      return firstAddress\n    }\n\n    return undefined\n  } catch (error) {\n    console.error('Error fetching location:', error)\n  }\n}\n\n/**\n * If you have a place ID, you can use the placeDetails method to get more information about a place.\n * The advantage over an address is that there will be no ambiguity about the location.\n * @param place_id\n * @param key\n * @returns\n */\nexport const getPlaceDetails = async (place_id: string, key: string) => {\n  try {\n    const response = await client.placeDetails({\n      params: { place_id, key },\n    })\n\n    return response.data.result\n  } catch (error) {\n    console.error(error)\n  }\n}\n\n/**\n * The geocode method is used to convert an address into actual location(s) with lat/long.\n */\nexport const geocode = async (address: string, key: string) => {\n  try {\n    const response = await client.geocode({\n      params: { address, key },\n    })\n\n    return response.data.results\n  } catch (error) {\n    console.error(error)\n  }\n}\n","'use client'\n\nimport MapComponent from '@/components/ui/MapComponent'\nimport { fetchLocation } from '@/lib/google'\nimport { useEffect, useState } from 'react'\n\nconst API_KEY = process.env.NEXT_PUBLIC_GOOGLE_API_KEY ?? ''\nconst MAP_ID = process.env.NEXT_PUBLIC_GOOGLE_MAP_ID ?? ''\n\nfunction MapComponentDemo() {\n  const [position, setPosition] = useState<{ lat: number; lng: number } | undefined>()\n\n  const place = {\n    place_id: 'ChIJaXQRs6lZwokRY6EFpJnhNNE', // Empire State Building Place ID\n    address: 'Empire State Building, New York, NY, USA',\n  }\n\n  useEffect(() => {\n    fetchLocation(place, API_KEY).then((location) => {\n      if (location) {\n        const { lat, lng } = location.geometry?.location ?? {}\n        if (!lat || !lng) return\n\n        setPosition({ lat, lng })\n      }\n    })\n  }, [])\n\n  return (\n    <MapComponent\n      apiKey={API_KEY}\n      mapId={MAP_ID}\n      className=\"h-[36rem] w-[36rem] p-4\"\n      position={position}\n    />\n  )\n}\n\nexport default MapComponentDemo\n"],"mappings":";;;AAEA,SAAS,aAAa,KAAK,gBAAgB,WAAW;;;ACFtD,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ADwBc;AAhBd,SAAS,aAAa,EAAE,QAAQ,OAAO,UAAU,WAAW,OAAO,GAAG,GAAgC;AACpG,QAAM,kBAAkB,EAAE,KAAK,WAAW,KAAK,UAAW;AAC1D,QAAM,cAAc;AAEpB,SACE,oBAAC,eAAY,QACX,8BAAC,SAAI,WAAW,GAAG,uBAAuB,SAAS,GACjD;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,WAAW,OAAO;AAAA,MACxB,QAAQ,YAAY;AAAA,MACpB;AAAA,MACA,mBAAmB;AAAA,MACnB,kBAAgB;AAAA,MAEf,sBACC,oBAAC,kBAAe,UACd,8BAAC,OAAI,YAAW,WAAU,aAAY,WAAU,YAAW,WAAU,GACvE;AAAA;AAAA,EAEJ,GACF,GACF;AAEJ;AAEA,IAAO,uBAAQ;;;AEpCf,SAAS,QAAQ,6BAAwC;AAEzD,IAAM,SAAS,IAAI,OAAO;AAqBnB,IAAM,gBAAgB,OAC3B,OACA,QAC4C;AAC5C,MAAI;AACF,QAAI,MAAM,UAAU;AAClB,YAAM,eAAe,MAAM,gBAAgB,MAAM,UAAU,GAAG;AAC9D,UAAI,aAAc,QAAO;AAAA,IAC3B;AACA,QAAI,MAAM,SAAS;AACjB,YAAM,SAAS,MAAM,QAAQ,MAAM,SAAS,GAAG;AAC/C,YAAM,eAAe,SAAS,CAAC;AAC/B,aAAO;AAAA,IACT;AAEA,WAAO;AAAA,EACT,SAAS,OAAO;AACd,YAAQ,MAAM,4BAA4B,KAAK;AAAA,EACjD;AACF;AASO,IAAM,kBAAkB,OAAO,UAAkB,QAAgB;AACtE,MAAI;AACF,UAAM,WAAW,MAAM,OAAO,aAAa;AAAA,MACzC,QAAQ,EAAE,UAAU,IAAI;AAAA,IAC1B,CAAC;AAED,WAAO,SAAS,KAAK;AAAA,EACvB,SAAS,OAAO;AACd,YAAQ,MAAM,KAAK;AAAA,EACrB;AACF;AAKO,IAAM,UAAU,OAAO,SAAiB,QAAgB;AAC7D,MAAI;AACF,UAAM,WAAW,MAAM,OAAO,QAAQ;AAAA,MACpC,QAAQ,EAAE,SAAS,IAAI;AAAA,IACzB,CAAC;AAED,WAAO,SAAS,KAAK;AAAA,EACvB,SAAS,OAAO;AACd,YAAQ,MAAM,KAAK;AAAA,EACrB;AACF;;;AC1EA,SAAS,WAAW,gBAAgB;AAyBhC,gBAAAA,YAAA;AAvBJ,IAAM,UAAU,QAAQ,IAAI,8BAA8B;AAC1D,IAAM,SAAS,QAAQ,IAAI,6BAA6B;AAExD,SAAS,mBAAmB;AAC1B,QAAM,CAAC,UAAU,WAAW,IAAI,SAAmD;AAEnF,QAAM,QAAQ;AAAA,IACZ,UAAU;AAAA;AAAA,IACV,SAAS;AAAA,EACX;AAEA,YAAU,MAAM;AACd,kBAAc,OAAO,OAAO,EAAE,KAAK,CAAC,aAAa;AAC/C,UAAI,UAAU;AACZ,cAAM,EAAE,KAAK,IAAI,IAAI,SAAS,UAAU,YAAY,CAAC;AACrD,YAAI,CAAC,OAAO,CAAC,IAAK;AAElB,oBAAY,EAAE,KAAK,IAAI,CAAC;AAAA,MAC1B;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,WAAU;AAAA,MACV;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,2BAAQ;","names":["jsx"]}