@next-degree/pickle-shared-js 0.13.1 → 0.13.5

package/dist/components/ui/ListItem.cjs

@@ -1,155 +1,13 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+'use strict';
 
-// src/components/ui/ListItem.tsx
-var ListItem_exports = {};
-__export(ListItem_exports, {
-  default: () => ListItem_default
-});
-module.exports = __toCommonJS(ListItem_exports);
-var import_lucide_react2 = require("lucide-react");
-var import_lucide_react3 = require("lucide-react");
+var chunkXKLOANYB_cjs = require('../../chunk-XKLOANYB.cjs');
+require('../../chunk-PTNATMEI.cjs');
+require('../../chunk-LTJXX7NG.cjs');
+require('../../chunk-MGWZXPMF.cjs');
+require('../../chunk-Q7SFCCGT.cjs');
 
-// src/components/ui/Checkbox.tsx
-var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"), 1);
-var import_lucide_react = require("lucide-react");
-var import_react = require("react");
 
-// 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/ErrorMessage.tsx
-function ErrorMessage({ message, className, ...props }) {
-  if (!message) return null;
-  return /* @__PURE__ */ React.createElement("p", { className: cn("px-1 text-xs text-red-600", className), ...props }, message);
-}
-var ErrorMessage_default = ErrorMessage;
-
-// src/components/ui/Checkbox.tsx
-var CheckboxToggle = (0, import_react.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  CheckboxPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "group",
-      "peer",
-      "h-5",
-      "w-5",
-      "shrink-0",
-      "rounded-md",
-      "border",
-      "border-grey-10",
-      "outline",
-      "outline-1",
-      "outline-offset-2",
-      "outline-transparent",
-      "hover:border-grey-20",
-      "focus:outline-purple-100",
-      "active:border-green-80",
-      "disabled:cursor-not-allowed",
-      "disabled:opacity-50",
-      "data-[state=checked]:bg-green-80",
-      "data-[state=indeterminate]:bg-green-80",
-      "data-[state=checked]:text-white",
-      "data-[state=indeterminate]:text-primary-foreground",
-      props.disabled && "bg-grey-20 data-[state=checked]:bg-grey-20 data-[state=checked]:text-foreground",
-      className
-    ),
-    ...props
-  },
-  /* @__PURE__ */ React.createElement(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center text-current" }, /* @__PURE__ */ React.createElement(import_lucide_react.Check, { className: "hidden h-4 w-4 group-data-[state=checked]:block" }), /* @__PURE__ */ React.createElement(import_lucide_react.Minus, { className: "hidden h-4 w-4 group-data-[state=indeterminate]:block" }))
-));
-CheckboxToggle.displayName = CheckboxPrimitive.Root.displayName;
-var Checkbox = (0, import_react.forwardRef)(
-  ({ error, classNames, children, ...props }, ref) => {
-    const id = props.id ?? `${props.name ?? props.value?.toString()}-checkbox`;
-    return /* @__PURE__ */ React.createElement("div", { className: cn("flex space-x-2", classNames?.wrapper) }, /* @__PURE__ */ React.createElement(CheckboxToggle, { id, ref, ...props }), /* @__PURE__ */ React.createElement(
-      "label",
-      {
-        htmlFor: id,
-        className: cn(
-          "text-sm",
-          props.disabled && "pointer-events-none text-grey-40",
-          classNames?.label
-        )
-      },
-      children,
-      /* @__PURE__ */ React.createElement(ErrorMessage_default, { message: error, className: "mt-1" })
-    ));
-  }
-);
-Checkbox.displayName = "Checkbox";
-
-// src/components/ui/ListItem.tsx
-function ListItem({
-  icon,
-  hasCheckbox,
-  isSelected,
-  className,
-  title,
-  value,
-  description,
-  ...props
-}) {
-  const getIconIfValid = (icon2) => {
-    if (icon2 in import_lucide_react3.icons) {
-      const IconComponent = import_lucide_react3.icons[icon2];
-      return /* @__PURE__ */ React.createElement(IconComponent, { size: 14 });
-    }
-    return null;
-  };
-  const optionIcon = icon ? getIconIfValid(icon) : void 0;
-  return /* @__PURE__ */ React.createElement(
-    "li",
-    {
-      className: cn(
-        "group relative flex w-72 cursor-pointer flex-row items-center text-left text-sm",
-        className
-      ),
-      ...props,
-      "data-state": isSelected ? "checked" : "unchecked"
-    },
-    optionIcon && /* @__PURE__ */ React.createElement("span", { className: "mr-2" }, optionIcon),
-    hasCheckbox && /* @__PURE__ */ React.createElement(Checkbox, { id: value, checked: isSelected, onClick: (e) => e.preventDefault() }),
-    /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", null, title), /* @__PURE__ */ React.createElement("p", { className: "text-xs text-grey-80" }, description)),
-    /* @__PURE__ */ React.createElement(
-      import_lucide_react2.CheckIcon,
-      {
-        className: "absolute inset-y-0 right-0 my-auto hidden w-6 text-green-100 group-data-[state=checked]:block",
-        size: 16
-      }
-    )
-  );
-}
-var ListItem_default = ListItem;
+module.exports = chunkXKLOANYB_cjs.ListItem_default;
+//# sourceMappingURL=ListItem.cjs.map
 //# sourceMappingURL=ListItem.cjs.map

package/dist/components/ui/ListItem.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/ListItem.tsx","../../../src/components/ui/Checkbox.tsx","../../../src/lib/utils.ts","../../../src/components/ui/ErrorMessage.tsx"],"sourcesContent":["import { CheckIcon } from 'lucide-react'\nimport { icons } from 'lucide-react'\nimport { type ComponentPropsWithoutRef, type ReactNode } from 'react'\n\nimport { Checkbox } from '@/components/ui/Checkbox'\nimport { cn } from '@/lib/utils'\n\ntype IconKey = keyof typeof icons\n\ninterface ListItemProps extends ComponentPropsWithoutRef<'li'> {\n  icon?: string\n  hasCheckbox?: boolean\n  isSelected?: boolean\n  title: string\n  value: string\n  description?: string\n}\n\nfunction ListItem({\n  icon,\n  hasCheckbox,\n  isSelected,\n  className,\n  title,\n  value,\n  description,\n  ...props\n}: ListItemProps) {\n  const getIconIfValid = (icon: string): ReactNode => {\n    if (icon in icons) {\n      const IconComponent = icons[icon as IconKey]\n      return <IconComponent size={14} />\n    }\n    return null\n  }\n\n  const optionIcon = icon ? getIconIfValid(icon) : undefined\n\n  return (\n    <li\n      className={cn(\n        'group relative flex w-72 cursor-pointer flex-row items-center text-left text-sm',\n        className\n      )}\n      {...props}\n      data-state={isSelected ? 'checked' : 'unchecked'}\n    >\n      {optionIcon && <span className=\"mr-2\">{optionIcon}</span>}\n      {hasCheckbox && (\n        <Checkbox id={value} checked={isSelected} onClick={(e) => e.preventDefault()} />\n      )}\n      <div>\n        <p>{title}</p>\n        <p className=\"text-xs text-grey-80\">{description}</p>\n      </div>\n\n      <CheckIcon\n        className=\"absolute inset-y-0 right-0 my-auto hidden w-6 text-green-100 group-data-[state=checked]:block\"\n        size={16}\n      />\n    </li>\n  )\n}\n\nexport default ListItem\n","'use client'\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport { Check, Minus } from 'lucide-react'\nimport {\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  forwardRef,\n  type PropsWithChildren,\n} from 'react'\n\nimport ErrorMessage from '@/components/ui/ErrorMessage'\nimport { cn } from '@/lib/utils'\n\nexport const CheckboxToggle = forwardRef<\n  ElementRef<typeof CheckboxPrimitive.Root>,\n  ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={cn(\n      'group',\n      'peer',\n      'h-5',\n      'w-5',\n      'shrink-0',\n      'rounded-md',\n      'border',\n      'border-grey-10',\n      'outline',\n      'outline-1',\n      'outline-offset-2',\n      'outline-transparent',\n      'hover:border-grey-20',\n      'focus:outline-purple-100',\n      'active:border-green-80',\n      'disabled:cursor-not-allowed',\n      'disabled:opacity-50',\n      'data-[state=checked]:bg-green-80',\n      'data-[state=indeterminate]:bg-green-80',\n      'data-[state=checked]:text-white',\n      'data-[state=indeterminate]:text-primary-foreground',\n      props.disabled &&\n        'bg-grey-20 data-[state=checked]:bg-grey-20 data-[state=checked]:text-foreground',\n      className\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator className=\"flex items-center justify-center text-current\">\n      <Check className=\"hidden h-4 w-4 group-data-[state=checked]:block\" />\n      <Minus className=\"hidden h-4 w-4 group-data-[state=indeterminate]:block\" />\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n))\nCheckboxToggle.displayName = CheckboxPrimitive.Root.displayName\n\ninterface Props extends CheckboxPrimitive.CheckboxProps, PropsWithChildren {\n  error?: string\n  classNames?: {\n    wrapper?: string\n    label?: string\n  }\n}\n\nexport const Checkbox = forwardRef<ElementRef<typeof CheckboxPrimitive.Root>, Props>(\n  ({ error, classNames, children, ...props }, ref) => {\n    const id = props.id ?? `${props.name ?? props.value?.toString()}-checkbox`\n    return (\n      <div className={cn('flex space-x-2', classNames?.wrapper)}>\n        <CheckboxToggle id={id} ref={ref} {...props} />\n        <label\n          htmlFor={id}\n          className={cn(\n            'text-sm',\n            props.disabled && 'pointer-events-none text-grey-40',\n            classNames?.label\n          )}\n        >\n          {children}\n\n          <ErrorMessage message={error} className=\"mt-1\" />\n        </label>\n      </div>\n    )\n  }\n)\nCheckbox.displayName = 'Checkbox'\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"],"mappings":"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","names":["import_lucide_react","icon"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ListItem.cjs"}

package/dist/components/ui/ListItem.d.cts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ComponentPropsWithoutRef } from 'react';
 
 interface ListItemProps extends ComponentPropsWithoutRef<'li'> {
@@ -9,6 +9,6 @@ interface ListItemProps extends ComponentPropsWithoutRef<'li'> {
     value: string;
     description?: string;
 }
-declare function ListItem({ icon, hasCheckbox, isSelected, className, title, value, description, ...props }: ListItemProps): React.JSX.Element;
+declare function ListItem({ icon, hasCheckbox, isSelected, className, title, value, description, ...props }: ListItemProps): react_jsx_runtime.JSX.Element;
 
 export { ListItem as default };

package/dist/components/ui/ListItem.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ComponentPropsWithoutRef } from 'react';
 
 interface ListItemProps extends ComponentPropsWithoutRef<'li'> {
@@ -9,6 +9,6 @@ interface ListItemProps extends ComponentPropsWithoutRef<'li'> {
     value: string;
     description?: string;
 }
-declare function ListItem({ icon, hasCheckbox, isSelected, className, title, value, description, ...props }: ListItemProps): React.JSX.Element;
+declare function ListItem({ icon, hasCheckbox, isSelected, className, title, value, description, ...props }: ListItemProps): react_jsx_runtime.JSX.Element;
 
 export { ListItem as default };

package/dist/components/ui/ListItem.js

@@ -1,126 +1,7 @@
-// src/components/ui/ListItem.tsx
-import { CheckIcon } from "lucide-react";
-import { icons } from "lucide-react";
-
-// src/components/ui/Checkbox.tsx
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { Check, Minus } from "lucide-react";
-import {
-  forwardRef
-} 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
-function ErrorMessage({ message, className, ...props }) {
-  if (!message) return null;
-  return /* @__PURE__ */ React.createElement("p", { className: cn("px-1 text-xs text-red-600", className), ...props }, message);
-}
-var ErrorMessage_default = ErrorMessage;
-
-// src/components/ui/Checkbox.tsx
-var CheckboxToggle = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  CheckboxPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "group",
-      "peer",
-      "h-5",
-      "w-5",
-      "shrink-0",
-      "rounded-md",
-      "border",
-      "border-grey-10",
-      "outline",
-      "outline-1",
-      "outline-offset-2",
-      "outline-transparent",
-      "hover:border-grey-20",
-      "focus:outline-purple-100",
-      "active:border-green-80",
-      "disabled:cursor-not-allowed",
-      "disabled:opacity-50",
-      "data-[state=checked]:bg-green-80",
-      "data-[state=indeterminate]:bg-green-80",
-      "data-[state=checked]:text-white",
-      "data-[state=indeterminate]:text-primary-foreground",
-      props.disabled && "bg-grey-20 data-[state=checked]:bg-grey-20 data-[state=checked]:text-foreground",
-      className
-    ),
-    ...props
-  },
-  /* @__PURE__ */ React.createElement(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center text-current" }, /* @__PURE__ */ React.createElement(Check, { className: "hidden h-4 w-4 group-data-[state=checked]:block" }), /* @__PURE__ */ React.createElement(Minus, { className: "hidden h-4 w-4 group-data-[state=indeterminate]:block" }))
-));
-CheckboxToggle.displayName = CheckboxPrimitive.Root.displayName;
-var Checkbox = forwardRef(
-  ({ error, classNames, children, ...props }, ref) => {
-    const id = props.id ?? `${props.name ?? props.value?.toString()}-checkbox`;
-    return /* @__PURE__ */ React.createElement("div", { className: cn("flex space-x-2", classNames?.wrapper) }, /* @__PURE__ */ React.createElement(CheckboxToggle, { id, ref, ...props }), /* @__PURE__ */ React.createElement(
-      "label",
-      {
-        htmlFor: id,
-        className: cn(
-          "text-sm",
-          props.disabled && "pointer-events-none text-grey-40",
-          classNames?.label
-        )
-      },
-      children,
-      /* @__PURE__ */ React.createElement(ErrorMessage_default, { message: error, className: "mt-1" })
-    ));
-  }
-);
-Checkbox.displayName = "Checkbox";
-
-// src/components/ui/ListItem.tsx
-function ListItem({
-  icon,
-  hasCheckbox,
-  isSelected,
-  className,
-  title,
-  value,
-  description,
-  ...props
-}) {
-  const getIconIfValid = (icon2) => {
-    if (icon2 in icons) {
-      const IconComponent = icons[icon2];
-      return /* @__PURE__ */ React.createElement(IconComponent, { size: 14 });
-    }
-    return null;
-  };
-  const optionIcon = icon ? getIconIfValid(icon) : void 0;
-  return /* @__PURE__ */ React.createElement(
-    "li",
-    {
-      className: cn(
-        "group relative flex w-72 cursor-pointer flex-row items-center text-left text-sm",
-        className
-      ),
-      ...props,
-      "data-state": isSelected ? "checked" : "unchecked"
-    },
-    optionIcon && /* @__PURE__ */ React.createElement("span", { className: "mr-2" }, optionIcon),
-    hasCheckbox && /* @__PURE__ */ React.createElement(Checkbox, { id: value, checked: isSelected, onClick: (e) => e.preventDefault() }),
-    /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", null, title), /* @__PURE__ */ React.createElement("p", { className: "text-xs text-grey-80" }, description)),
-    /* @__PURE__ */ React.createElement(
-      CheckIcon,
-      {
-        className: "absolute inset-y-0 right-0 my-auto hidden w-6 text-green-100 group-data-[state=checked]:block",
-        size: 16
-      }
-    )
-  );
-}
-var ListItem_default = ListItem;
-export {
-  ListItem_default as default
-};
+export { ListItem_default as default } from '../../chunk-QURNDLRE.js';
+import '../../chunk-4VYXUFJA.js';
+import '../../chunk-CWTO3NXW.js';
+import '../../chunk-2FGZQI42.js';
+import '../../chunk-PZ5AY32C.js';
+//# sourceMappingURL=ListItem.js.map
 //# sourceMappingURL=ListItem.js.map

package/dist/components/ui/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ui/ListItem.tsx","../../../src/components/ui/Checkbox.tsx","../../../src/lib/utils.ts","../../../src/components/ui/ErrorMessage.tsx"],"sourcesContent":["import { CheckIcon } from 'lucide-react'\nimport { icons } from 'lucide-react'\nimport { type ComponentPropsWithoutRef, type ReactNode } from 'react'\n\nimport { Checkbox } from '@/components/ui/Checkbox'\nimport { cn } from '@/lib/utils'\n\ntype IconKey = keyof typeof icons\n\ninterface ListItemProps extends ComponentPropsWithoutRef<'li'> {\n  icon?: string\n  hasCheckbox?: boolean\n  isSelected?: boolean\n  title: string\n  value: string\n  description?: string\n}\n\nfunction ListItem({\n  icon,\n  hasCheckbox,\n  isSelected,\n  className,\n  title,\n  value,\n  description,\n  ...props\n}: ListItemProps) {\n  const getIconIfValid = (icon: string): ReactNode => {\n    if (icon in icons) {\n      const IconComponent = icons[icon as IconKey]\n      return <IconComponent size={14} />\n    }\n    return null\n  }\n\n  const optionIcon = icon ? getIconIfValid(icon) : undefined\n\n  return (\n    <li\n      className={cn(\n        'group relative flex w-72 cursor-pointer flex-row items-center text-left text-sm',\n        className\n      )}\n      {...props}\n      data-state={isSelected ? 'checked' : 'unchecked'}\n    >\n      {optionIcon && <span className=\"mr-2\">{optionIcon}</span>}\n      {hasCheckbox && (\n        <Checkbox id={value} checked={isSelected} onClick={(e) => e.preventDefault()} />\n      )}\n      <div>\n        <p>{title}</p>\n        <p className=\"text-xs text-grey-80\">{description}</p>\n      </div>\n\n      <CheckIcon\n        className=\"absolute inset-y-0 right-0 my-auto hidden w-6 text-green-100 group-data-[state=checked]:block\"\n        size={16}\n      />\n    </li>\n  )\n}\n\nexport default ListItem\n","'use client'\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\nimport { Check, Minus } from 'lucide-react'\nimport {\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n  forwardRef,\n  type PropsWithChildren,\n} from 'react'\n\nimport ErrorMessage from '@/components/ui/ErrorMessage'\nimport { cn } from '@/lib/utils'\n\nexport const CheckboxToggle = forwardRef<\n  ElementRef<typeof CheckboxPrimitive.Root>,\n  ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={cn(\n      'group',\n      'peer',\n      'h-5',\n      'w-5',\n      'shrink-0',\n      'rounded-md',\n      'border',\n      'border-grey-10',\n      'outline',\n      'outline-1',\n      'outline-offset-2',\n      'outline-transparent',\n      'hover:border-grey-20',\n      'focus:outline-purple-100',\n      'active:border-green-80',\n      'disabled:cursor-not-allowed',\n      'disabled:opacity-50',\n      'data-[state=checked]:bg-green-80',\n      'data-[state=indeterminate]:bg-green-80',\n      'data-[state=checked]:text-white',\n      'data-[state=indeterminate]:text-primary-foreground',\n      props.disabled &&\n        'bg-grey-20 data-[state=checked]:bg-grey-20 data-[state=checked]:text-foreground',\n      className\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator className=\"flex items-center justify-center text-current\">\n      <Check className=\"hidden h-4 w-4 group-data-[state=checked]:block\" />\n      <Minus className=\"hidden h-4 w-4 group-data-[state=indeterminate]:block\" />\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n))\nCheckboxToggle.displayName = CheckboxPrimitive.Root.displayName\n\ninterface Props extends CheckboxPrimitive.CheckboxProps, PropsWithChildren {\n  error?: string\n  classNames?: {\n    wrapper?: string\n    label?: string\n  }\n}\n\nexport const Checkbox = forwardRef<ElementRef<typeof CheckboxPrimitive.Root>, Props>(\n  ({ error, classNames, children, ...props }, ref) => {\n    const id = props.id ?? `${props.name ?? props.value?.toString()}-checkbox`\n    return (\n      <div className={cn('flex space-x-2', classNames?.wrapper)}>\n        <CheckboxToggle id={id} ref={ref} {...props} />\n        <label\n          htmlFor={id}\n          className={cn(\n            'text-sm',\n            props.disabled && 'pointer-events-none text-grey-40',\n            classNames?.label\n          )}\n        >\n          {children}\n\n          <ErrorMessage message={error} className=\"mt-1\" />\n        </label>\n      </div>\n    )\n  }\n)\nCheckbox.displayName = 'Checkbox'\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"],"mappings":"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","names":["icon"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ListItem.js"}

package/dist/components/ui/Map/ClusterMarker.cjs

@@ -1,80 +1,15 @@
-"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);
+'use strict';
 
-// src/components/ui/Map/ClusterMarker.tsx
-var ClusterMarker_exports = {};
-__export(ClusterMarker_exports, {
-  ClusterMarker: () => ClusterMarker
-});
-module.exports = __toCommonJS(ClusterMarker_exports);
-var import_react_google_maps = require("@vis.gl/react-google-maps");
+var chunk4JSV7KA3_cjs = require('../../../chunk-4JSV7KA3.cjs');
+require('../../../chunk-DU5OQA67.cjs');
+require('../../../chunk-NLGWU2KI.cjs');
+require('../../../chunk-Q7SFCCGT.cjs');
 
-// src/components/ui/Map/constants.ts
-var CLUSTER_DISTANCE_THRESHOLD = 1e-3;
 
-// src/components/ui/Map/utils.ts
-function filterClusterCoordinates(coordinates, clusterLat, clusterLng) {
-  return coordinates.filter((coord) => {
-    const latDiff = Math.abs(coord.lat - clusterLat);
-    const lngDiff = Math.abs(coord.lng - clusterLng);
-    const distance = Math.sqrt(latDiff * latDiff + lngDiff * lngDiff);
-    return distance < CLUSTER_DISTANCE_THRESHOLD;
-  });
-}
 
-// src/components/ui/Map/ClusterMarker.tsx
-function ClusterMarker({
-  cluster,
-  coordinates,
-  onPinClick,
-  onPinHover,
-  zoomToLevel,
-  supercluster
-}) {
-  const [lng, lat] = cluster.geometry.coordinates;
-  const { point_count: pointCount } = cluster.properties;
-  const handleClick = () => {
-    const clusterCoordinates = filterClusterCoordinates(coordinates, lat, lng);
-    onPinClick?.(clusterCoordinates);
-    const expansionZoom = supercluster.getClusterExpansionZoom(cluster.id);
-    zoomToLevel(expansionZoom);
-  };
-  const handleMouseEnter = () => {
-    const clusterCoordinates = filterClusterCoordinates(coordinates, lat, lng);
-    onPinHover?.(clusterCoordinates);
-  };
-  const handleMouseLeave = () => onPinHover?.(null);
-  return /* @__PURE__ */ React.createElement(
-    import_react_google_maps.AdvancedMarker,
-    {
-      key: `cluster-${cluster.id}`,
-      position: { lat, lng },
-      onClick: handleClick,
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "relative flex items-center justify-center", id: "CLUSTER_MARKER" }, /* @__PURE__ */ React.createElement("div", { className: "flex h-8 w-8 items-center justify-center rounded-full border-2 border-white bg-red-500 text-sm font-bold text-white shadow-lg" }, pointCount || "?"))
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ClusterMarker
+Object.defineProperty(exports, "ClusterMarker", {
+  enumerable: true,
+  get: function () { return chunk4JSV7KA3_cjs.ClusterMarker; }
 });
+//# sourceMappingURL=ClusterMarker.cjs.map
 //# sourceMappingURL=ClusterMarker.cjs.map

package/dist/components/ui/Map/ClusterMarker.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ui/Map/ClusterMarker.tsx","../../../../src/components/ui/Map/constants.ts","../../../../src/components/ui/Map/utils.ts"],"sourcesContent":["'use client'\n\nimport { AdvancedMarker } from '@vis.gl/react-google-maps'\n\nimport type { ClusterMarkerProps, PinData } from '@/components/ui/Map/types'\nimport { filterClusterCoordinates } from '@/components/ui/Map/utils'\n\nexport function ClusterMarker<T = PinData>({\n  cluster,\n  coordinates,\n  onPinClick,\n  onPinHover,\n  zoomToLevel,\n  supercluster,\n}: ClusterMarkerProps<T>) {\n  const [lng, lat] = cluster.geometry.coordinates\n  const { point_count: pointCount } = cluster.properties\n\n  const handleClick = () => {\n    const clusterCoordinates = filterClusterCoordinates(coordinates, lat, lng)\n    onPinClick?.(clusterCoordinates)\n\n    const expansionZoom = supercluster.getClusterExpansionZoom(cluster.id)\n    zoomToLevel(expansionZoom)\n  }\n\n  const handleMouseEnter = () => {\n    const clusterCoordinates = filterClusterCoordinates(coordinates, lat, lng)\n    onPinHover?.(clusterCoordinates)\n  }\n\n  const handleMouseLeave = () => onPinHover?.(null)\n\n  return (\n    <AdvancedMarker\n      key={`cluster-${cluster.id}`}\n      position={{ lat, lng }}\n      onClick={handleClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      <div className=\"relative flex items-center justify-center\" id=\"CLUSTER_MARKER\">\n        <div className=\"flex h-8 w-8 items-center justify-center rounded-full border-2 border-white bg-red-500 text-sm font-bold text-white shadow-lg\">\n          {pointCount || '?'}\n        </div>\n      </div>\n    </AdvancedMarker>\n  )\n}\n","export const DEFAULT_POSITION = { lat: 40.715021, lng: -74.00459 }\nexport const DEFAULT_ZOOM = 10\nexport const CLUSTER_PIN_SCALE = 1.5\nexport const CLUSTER_DISTANCE_THRESHOLD = 0.001\n\nexport const PIN_COLORS = {\n  background: '#0B5441',\n  borderColor: '#EBFDF1',\n  glyphColor: '#D4F500',\n} as const\n\nexport const FOCUS_CIRCLE_STYLES = {\n  strokeColor: '#0B5441',\n  strokeOpacity: 0.8,\n  strokeWeight: 2,\n  fillColor: '#0B5441',\n  fillOpacity: 0.1,\n  clickable: false,\n  zIndex: 1,\n} as const\n\nexport const CLUSTERING_CONFIG = {\n  radius: 60,\n  maxZoom: 16,\n  minPoints: 2,\n} as const\n","import { CLUSTER_DISTANCE_THRESHOLD, DEFAULT_POSITION } from '@/components/ui/Map/constants'\nimport type { Coordinate, PinData } from '@/components/ui/Map/types'\n\nexport function getCenterForCoordinates<T = PinData>(coords: Coordinate<T>[]): Coordinate<T> {\n  if (coords.length === 0) return DEFAULT_POSITION as Coordinate<T>\n\n  const avgLat = coords.reduce((sum, coord) => sum + coord.lat, 0) / coords.length\n  const avgLng = coords.reduce((sum, coord) => sum + coord.lng, 0) / coords.length\n\n  return { lat: avgLat, lng: avgLng }\n}\n\nexport function getZoomForCoordinates<T = PinData>(\n  coords: Coordinate<T>[],\n  defaultZoom: number\n): number {\n  if (coords.length <= 1) return defaultZoom\n\n  const lats = coords.map((coord) => coord.lat)\n  const lngs = coords.map((coord) => coord.lng)\n\n  const latDiff = Math.max(...lats) - Math.min(...lats)\n  const lngDiff = Math.max(...lngs) - Math.min(...lngs)\n  const maxDiff = Math.max(latDiff, lngDiff)\n\n  if (maxDiff > 0.1) return 8\n  if (maxDiff > 0.05) return 10\n  if (maxDiff > 0.01) return 12\n  return 14\n}\n\nexport function getClusteringRadius(zoom: number): number {\n  if (zoom <= 8) return 200\n  if (zoom <= 12) return 150\n  return 100\n}\n\nexport function filterClusterCoordinates<T = PinData>(\n  coordinates: Coordinate<T>[],\n  clusterLat: number,\n  clusterLng: number\n): Coordinate<T>[] {\n  return coordinates.filter((coord) => {\n    const latDiff = Math.abs(coord.lat - clusterLat)\n    const lngDiff = Math.abs(coord.lng - clusterLng)\n    const distance = Math.sqrt(latDiff * latDiff + lngDiff * lngDiff)\n    return distance < CLUSTER_DISTANCE_THRESHOLD\n  })\n}\n\nexport function calculateDistance<T = PinData>(\n  coord1: Coordinate<T>,\n  coord2: Coordinate<T>\n): number {\n  const latDiff = Math.abs(coord1.lat - coord2.lat)\n  const lngDiff = Math.abs(coord1.lng - coord2.lng)\n  return Math.sqrt(latDiff * latDiff + lngDiff * lngDiff)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,+BAA+B;;;ACCxB,IAAM,6BAA6B;;;ACkCnC,SAAS,yBACd,aACA,YACA,YACiB;AACjB,SAAO,YAAY,OAAO,CAAC,UAAU;AACnC,UAAM,UAAU,KAAK,IAAI,MAAM,MAAM,UAAU;AAC/C,UAAM,UAAU,KAAK,IAAI,MAAM,MAAM,UAAU;AAC/C,UAAM,WAAW,KAAK,KAAK,UAAU,UAAU,UAAU,OAAO;AAChE,WAAO,WAAW;AAAA,EACpB,CAAC;AACH;;;AFzCO,SAAS,cAA2B;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0B;AACxB,QAAM,CAAC,KAAK,GAAG,IAAI,QAAQ,SAAS;AACpC,QAAM,EAAE,aAAa,WAAW,IAAI,QAAQ;AAE5C,QAAM,cAAc,MAAM;AACxB,UAAM,qBAAqB,yBAAyB,aAAa,KAAK,GAAG;AACzE,iBAAa,kBAAkB;AAE/B,UAAM,gBAAgB,aAAa,wBAAwB,QAAQ,EAAE;AACrE,gBAAY,aAAa;AAAA,EAC3B;AAEA,QAAM,mBAAmB,MAAM;AAC7B,UAAM,qBAAqB,yBAAyB,aAAa,KAAK,GAAG;AACzE,iBAAa,kBAAkB;AAAA,EACjC;AAEA,QAAM,mBAAmB,MAAM,aAAa,IAAI;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,WAAW,QAAQ,EAAE;AAAA,MAC1B,UAAU,EAAE,KAAK,IAAI;AAAA,MACrB,SAAS;AAAA,MACT,cAAc;AAAA,MACd,cAAc;AAAA;AAAA,IAEd,oCAAC,SAAI,WAAU,6CAA4C,IAAG,oBAC5D,oCAAC,SAAI,WAAU,mIACZ,cAAc,GACjB,CACF;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ClusterMarker.cjs"}

package/dist/components/ui/Map/ClusterMarker.d.cts

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { PinData, ClusterMarkerProps } from './types.cjs';
 
-declare function ClusterMarker<T = PinData>({ cluster, coordinates, onPinClick, onPinHover, zoomToLevel, supercluster, }: ClusterMarkerProps<T>): React.JSX.Element;
+declare function ClusterMarker<T = PinData>({ cluster, coordinates, onPinClick, onPinHover, zoomToLevel, supercluster, }: ClusterMarkerProps<T>): react_jsx_runtime.JSX.Element;
 
 export { ClusterMarker };

package/dist/components/ui/Map/ClusterMarker.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { PinData, ClusterMarkerProps } from './types.js';
 
-declare function ClusterMarker<T = PinData>({ cluster, coordinates, onPinClick, onPinHover, zoomToLevel, supercluster, }: ClusterMarkerProps<T>): React.JSX.Element;
+declare function ClusterMarker<T = PinData>({ cluster, coordinates, onPinClick, onPinHover, zoomToLevel, supercluster, }: ClusterMarkerProps<T>): react_jsx_runtime.JSX.Element;
 
 export { ClusterMarker };

package/dist/components/ui/Map/ClusterMarker.js

@@ -1,56 +1,6 @@
-"use client";
-
-// src/components/ui/Map/ClusterMarker.tsx
-import { AdvancedMarker } from "@vis.gl/react-google-maps";
-
-// src/components/ui/Map/constants.ts
-var CLUSTER_DISTANCE_THRESHOLD = 1e-3;
-
-// src/components/ui/Map/utils.ts
-function filterClusterCoordinates(coordinates, clusterLat, clusterLng) {
-  return coordinates.filter((coord) => {
-    const latDiff = Math.abs(coord.lat - clusterLat);
-    const lngDiff = Math.abs(coord.lng - clusterLng);
-    const distance = Math.sqrt(latDiff * latDiff + lngDiff * lngDiff);
-    return distance < CLUSTER_DISTANCE_THRESHOLD;
-  });
-}
-
-// src/components/ui/Map/ClusterMarker.tsx
-function ClusterMarker({
-  cluster,
-  coordinates,
-  onPinClick,
-  onPinHover,
-  zoomToLevel,
-  supercluster
-}) {
-  const [lng, lat] = cluster.geometry.coordinates;
-  const { point_count: pointCount } = cluster.properties;
-  const handleClick = () => {
-    const clusterCoordinates = filterClusterCoordinates(coordinates, lat, lng);
-    onPinClick?.(clusterCoordinates);
-    const expansionZoom = supercluster.getClusterExpansionZoom(cluster.id);
-    zoomToLevel(expansionZoom);
-  };
-  const handleMouseEnter = () => {
-    const clusterCoordinates = filterClusterCoordinates(coordinates, lat, lng);
-    onPinHover?.(clusterCoordinates);
-  };
-  const handleMouseLeave = () => onPinHover?.(null);
-  return /* @__PURE__ */ React.createElement(
-    AdvancedMarker,
-    {
-      key: `cluster-${cluster.id}`,
-      position: { lat, lng },
-      onClick: handleClick,
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "relative flex items-center justify-center", id: "CLUSTER_MARKER" }, /* @__PURE__ */ React.createElement("div", { className: "flex h-8 w-8 items-center justify-center rounded-full border-2 border-white bg-red-500 text-sm font-bold text-white shadow-lg" }, pointCount || "?"))
-  );
-}
-export {
-  ClusterMarker
-};
+export { ClusterMarker } from '../../../chunk-EBZRXX6P.js';
+import '../../../chunk-5H35ZVLR.js';
+import '../../../chunk-LQQ244AY.js';
+import '../../../chunk-PZ5AY32C.js';
+//# sourceMappingURL=ClusterMarker.js.map
 //# sourceMappingURL=ClusterMarker.js.map

package/dist/components/ui/Map/ClusterMarker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ui/Map/ClusterMarker.tsx","../../../../src/components/ui/Map/constants.ts","../../../../src/components/ui/Map/utils.ts"],"sourcesContent":["'use client'\n\nimport { AdvancedMarker } from '@vis.gl/react-google-maps'\n\nimport type { ClusterMarkerProps, PinData } from '@/components/ui/Map/types'\nimport { filterClusterCoordinates } from '@/components/ui/Map/utils'\n\nexport function ClusterMarker<T = PinData>({\n  cluster,\n  coordinates,\n  onPinClick,\n  onPinHover,\n  zoomToLevel,\n  supercluster,\n}: ClusterMarkerProps<T>) {\n  const [lng, lat] = cluster.geometry.coordinates\n  const { point_count: pointCount } = cluster.properties\n\n  const handleClick = () => {\n    const clusterCoordinates = filterClusterCoordinates(coordinates, lat, lng)\n    onPinClick?.(clusterCoordinates)\n\n    const expansionZoom = supercluster.getClusterExpansionZoom(cluster.id)\n    zoomToLevel(expansionZoom)\n  }\n\n  const handleMouseEnter = () => {\n    const clusterCoordinates = filterClusterCoordinates(coordinates, lat, lng)\n    onPinHover?.(clusterCoordinates)\n  }\n\n  const handleMouseLeave = () => onPinHover?.(null)\n\n  return (\n    <AdvancedMarker\n      key={`cluster-${cluster.id}`}\n      position={{ lat, lng }}\n      onClick={handleClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      <div className=\"relative flex items-center justify-center\" id=\"CLUSTER_MARKER\">\n        <div className=\"flex h-8 w-8 items-center justify-center rounded-full border-2 border-white bg-red-500 text-sm font-bold text-white shadow-lg\">\n          {pointCount || '?'}\n        </div>\n      </div>\n    </AdvancedMarker>\n  )\n}\n","export const DEFAULT_POSITION = { lat: 40.715021, lng: -74.00459 }\nexport const DEFAULT_ZOOM = 10\nexport const CLUSTER_PIN_SCALE = 1.5\nexport const CLUSTER_DISTANCE_THRESHOLD = 0.001\n\nexport const PIN_COLORS = {\n  background: '#0B5441',\n  borderColor: '#EBFDF1',\n  glyphColor: '#D4F500',\n} as const\n\nexport const FOCUS_CIRCLE_STYLES = {\n  strokeColor: '#0B5441',\n  strokeOpacity: 0.8,\n  strokeWeight: 2,\n  fillColor: '#0B5441',\n  fillOpacity: 0.1,\n  clickable: false,\n  zIndex: 1,\n} as const\n\nexport const CLUSTERING_CONFIG = {\n  radius: 60,\n  maxZoom: 16,\n  minPoints: 2,\n} as const\n","import { CLUSTER_DISTANCE_THRESHOLD, DEFAULT_POSITION } from '@/components/ui/Map/constants'\nimport type { Coordinate, PinData } from '@/components/ui/Map/types'\n\nexport function getCenterForCoordinates<T = PinData>(coords: Coordinate<T>[]): Coordinate<T> {\n  if (coords.length === 0) return DEFAULT_POSITION as Coordinate<T>\n\n  const avgLat = coords.reduce((sum, coord) => sum + coord.lat, 0) / coords.length\n  const avgLng = coords.reduce((sum, coord) => sum + coord.lng, 0) / coords.length\n\n  return { lat: avgLat, lng: avgLng }\n}\n\nexport function getZoomForCoordinates<T = PinData>(\n  coords: Coordinate<T>[],\n  defaultZoom: number\n): number {\n  if (coords.length <= 1) return defaultZoom\n\n  const lats = coords.map((coord) => coord.lat)\n  const lngs = coords.map((coord) => coord.lng)\n\n  const latDiff = Math.max(...lats) - Math.min(...lats)\n  const lngDiff = Math.max(...lngs) - Math.min(...lngs)\n  const maxDiff = Math.max(latDiff, lngDiff)\n\n  if (maxDiff > 0.1) return 8\n  if (maxDiff > 0.05) return 10\n  if (maxDiff > 0.01) return 12\n  return 14\n}\n\nexport function getClusteringRadius(zoom: number): number {\n  if (zoom <= 8) return 200\n  if (zoom <= 12) return 150\n  return 100\n}\n\nexport function filterClusterCoordinates<T = PinData>(\n  coordinates: Coordinate<T>[],\n  clusterLat: number,\n  clusterLng: number\n): Coordinate<T>[] {\n  return coordinates.filter((coord) => {\n    const latDiff = Math.abs(coord.lat - clusterLat)\n    const lngDiff = Math.abs(coord.lng - clusterLng)\n    const distance = Math.sqrt(latDiff * latDiff + lngDiff * lngDiff)\n    return distance < CLUSTER_DISTANCE_THRESHOLD\n  })\n}\n\nexport function calculateDistance<T = PinData>(\n  coord1: Coordinate<T>,\n  coord2: Coordinate<T>\n): number {\n  const latDiff = Math.abs(coord1.lat - coord2.lat)\n  const lngDiff = Math.abs(coord1.lng - coord2.lng)\n  return Math.sqrt(latDiff * latDiff + lngDiff * lngDiff)\n}\n"],"mappings":";;;AAEA,SAAS,sBAAsB;;;ACCxB,IAAM,6BAA6B;;;ACkCnC,SAAS,yBACd,aACA,YACA,YACiB;AACjB,SAAO,YAAY,OAAO,CAAC,UAAU;AACnC,UAAM,UAAU,KAAK,IAAI,MAAM,MAAM,UAAU;AAC/C,UAAM,UAAU,KAAK,IAAI,MAAM,MAAM,UAAU;AAC/C,UAAM,WAAW,KAAK,KAAK,UAAU,UAAU,UAAU,OAAO;AAChE,WAAO,WAAW;AAAA,EACpB,CAAC;AACH;;;AFzCO,SAAS,cAA2B;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0B;AACxB,QAAM,CAAC,KAAK,GAAG,IAAI,QAAQ,SAAS;AACpC,QAAM,EAAE,aAAa,WAAW,IAAI,QAAQ;AAE5C,QAAM,cAAc,MAAM;AACxB,UAAM,qBAAqB,yBAAyB,aAAa,KAAK,GAAG;AACzE,iBAAa,kBAAkB;AAE/B,UAAM,gBAAgB,aAAa,wBAAwB,QAAQ,EAAE;AACrE,gBAAY,aAAa;AAAA,EAC3B;AAEA,QAAM,mBAAmB,MAAM;AAC7B,UAAM,qBAAqB,yBAAyB,aAAa,KAAK,GAAG;AACzE,iBAAa,kBAAkB;AAAA,EACjC;AAEA,QAAM,mBAAmB,MAAM,aAAa,IAAI;AAEhD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,WAAW,QAAQ,EAAE;AAAA,MAC1B,UAAU,EAAE,KAAK,IAAI;AAAA,MACrB,SAAS;AAAA,MACT,cAAc;AAAA,MACd,cAAc;AAAA;AAAA,IAEd,oCAAC,SAAI,WAAU,6CAA4C,IAAG,oBAC5D,oCAAC,SAAI,WAAU,mIACZ,cAAc,GACjB,CACF;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ClusterMarker.js"}