@omnitron-dev/prism 0.3.1 → 0.3.2

package/dist/chunk-2KG2NI73.js

@@ -0,0 +1,84 @@
+import TableContainer from '@mui/material/TableContainer';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/table/table-viewport.tsx
+var rowControls = 'input,textarea,select,button,a,[contenteditable="true"],[role="button"],[role="checkbox"]';
+function isRowActionTarget(target) {
+  return target instanceof Element && !target.closest(rowControls);
+}
+function browseRows(event) {
+  if (event.defaultPrevented || event.nativeEvent.isComposing || event.ctrlKey || event.metaKey || event.altKey) return;
+  const target = event.target;
+  if (!isRowActionTarget(target)) return;
+  const viewport = event.currentTarget;
+  const rows = Array.from(viewport.querySelectorAll("tbody > tr")).filter(
+    (row2) => !row2.querySelector('[role="progressbar"],.MuiSkeleton-root')
+  );
+  const row = target.closest("tbody > tr");
+  const index = row ? rows.indexOf(row) : -1;
+  const page = Math.max(1, Math.floor(viewport.clientHeight / (row?.getBoundingClientRect().height || 40)) || 10);
+  const movement = {
+    ArrowDown: index + 1,
+    ArrowUp: index < 0 ? rows.length - 1 : index - 1,
+    Home: 0,
+    End: rows.length - 1,
+    PageDown: index + page,
+    PageUp: index - page
+  };
+  if (event.key in movement && rows.length) {
+    event.preventDefault();
+    const next = rows[Math.max(0, Math.min(rows.length - 1, movement[event.key]))];
+    next.tabIndex = -1;
+    next.focus({ preventScroll: true });
+    next.scrollIntoView?.({ block: "nearest" });
+  } else if (event.key === "Escape" && row) {
+    event.preventDefault();
+    event.stopPropagation();
+    viewport.focus({ preventScroll: true });
+  } else if (row && (event.key === "Enter" || event.key === " ")) {
+    const selection = event.key === " " ? row.querySelector('input[type="checkbox"]:not(:disabled)') : null;
+    if (selection || event.key === "Enter" || row.hasAttribute("data-row-action")) {
+      event.preventDefault();
+      (selection ?? row).click();
+    }
+  }
+}
+function TableViewport({
+  label = "Table",
+  maxHeight,
+  keyboardNavigation = true,
+  onKeyDown,
+  sx,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TableContainer,
+    {
+      role: "region",
+      "aria-label": label,
+      tabIndex: 0,
+      "data-keyboard-region": keyboardNavigation ? label : void 0,
+      onKeyDown: (event) => {
+        onKeyDown?.(event);
+        if (keyboardNavigation) browseRows(event);
+      },
+      ...props,
+      sx: [
+        {
+          minWidth: 0,
+          maxWidth: "100%",
+          maxHeight,
+          overflow: "auto",
+          overscrollBehaviorX: "contain",
+          "&:focus-visible": { outline: "2px solid", outlineColor: "primary.main", outlineOffset: -2 },
+          "& tbody > tr:focus-visible": { outline: "2px solid", outlineColor: "primary.main", outlineOffset: -2 }
+        },
+        ...Array.isArray(sx) ? sx : [sx]
+      ]
+    }
+  );
+}
+
+export { TableViewport, isRowActionTarget };
+//# sourceMappingURL=chunk-2KG2NI73.js.map
+//# sourceMappingURL=chunk-2KG2NI73.js.map

package/dist/chunk-2KG2NI73.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/table/table-viewport.tsx"],"names":["row"],"mappings":"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","file":"chunk-2KG2NI73.js","sourcesContent":["'use client';\n\nimport TableContainer from '@mui/material/TableContainer';\nimport type { TableContainerProps } from '@mui/material/TableContainer';\nimport type { KeyboardEvent } from 'react';\n\nexport interface TableViewportProps extends TableContainerProps {\n  /** Accessible name of the keyboard-scrollable table region. */\n  label?: string;\n  /** Constrain the rows, keeping pagination outside the scroll region. */\n  maxHeight?: number | string;\n  /** Arrow/Home/End/Page keys browse rows; Escape returns to the viewport. */\n  keyboardNavigation?: boolean;\n}\n\nconst rowControls = 'input,textarea,select,button,a,[contenteditable=\"true\"],[role=\"button\"],[role=\"checkbox\"]';\n\nexport function isRowActionTarget(target: EventTarget) {\n  return target instanceof Element && !target.closest(rowControls);\n}\n\nfunction browseRows(event: KeyboardEvent<HTMLDivElement>): void {\n  if (event.defaultPrevented || event.nativeEvent.isComposing || event.ctrlKey || event.metaKey || event.altKey) return;\n  const target = event.target as HTMLElement;\n  if (!isRowActionTarget(target)) return;\n  const viewport = event.currentTarget;\n  const rows = Array.from(viewport.querySelectorAll<HTMLElement>('tbody > tr')).filter(\n    (row) => !row.querySelector('[role=\"progressbar\"],.MuiSkeleton-root')\n  );\n  const row = target.closest('tbody > tr') as HTMLElement | null;\n  const index = row ? rows.indexOf(row) : -1;\n  const page = Math.max(1, Math.floor(viewport.clientHeight / (row?.getBoundingClientRect().height || 40)) || 10);\n  const movement: Record<string, number> = {\n    ArrowDown: index + 1,\n    ArrowUp: index < 0 ? rows.length - 1 : index - 1,\n    Home: 0,\n    End: rows.length - 1,\n    PageDown: index + page,\n    PageUp: index - page,\n  };\n  if (event.key in movement && rows.length) {\n    event.preventDefault();\n    const next = rows[Math.max(0, Math.min(rows.length - 1, movement[event.key]!))]!;\n    next.tabIndex = -1;\n    next.focus({ preventScroll: true });\n    next.scrollIntoView?.({ block: 'nearest' });\n  } else if (event.key === 'Escape' && row) {\n    event.preventDefault();\n    event.stopPropagation();\n    viewport.focus({ preventScroll: true });\n  } else if (row && (event.key === 'Enter' || event.key === ' ')) {\n    const selection = event.key === ' ' ? row.querySelector<HTMLInputElement>('input[type=\"checkbox\"]:not(:disabled)') : null;\n    if (selection || event.key === 'Enter' || row.hasAttribute('data-row-action')) {\n      event.preventDefault();\n      (selection ?? row).click();\n    }\n  }\n}\n\n/** A bounded, keyboard-accessible viewport for wide or tall native MUI tables. */\nexport function TableViewport({\n  label = 'Table',\n  maxHeight,\n  keyboardNavigation = true,\n  onKeyDown,\n  sx,\n  ...props\n}: TableViewportProps) {\n  return (\n    <TableContainer\n      role=\"region\"\n      aria-label={label}\n      tabIndex={0}\n      data-keyboard-region={keyboardNavigation ? label : undefined}\n      onKeyDown={(event) => {\n        onKeyDown?.(event);\n        if (keyboardNavigation) browseRows(event);\n      }}\n      {...props}\n      sx={[\n        {\n          minWidth: 0,\n          maxWidth: '100%',\n          maxHeight,\n          overflow: 'auto',\n          overscrollBehaviorX: 'contain',\n          '&:focus-visible': { outline: '2px solid', outlineColor: 'primary.main', outlineOffset: -2 },\n          '& tbody > tr:focus-visible': { outline: '2px solid', outlineColor: 'primary.main', outlineOffset: -2 },\n        },\n        ...(Array.isArray(sx) ? sx : [sx]),\n      ]}\n    />\n  );\n}\n"]}

package/dist/chunk-2UYRW6X3.js

@@ -0,0 +1,44 @@
+import { Children } from 'react';
+import Stack from '@mui/material/Stack';
+import Grid from '@mui/material/Grid';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/page-content/page-content.tsx
+var PAGE_GAP = 3;
+var GRID_GAP = 3;
+function PageContent({
+  children,
+  gap = PAGE_GAP,
+  fill,
+  sx,
+  ref,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx(
+    Stack,
+    {
+      ref,
+      spacing: gap,
+      sx: { ...fill && { flex: 1 }, ...sx },
+      ...rest,
+      children
+    }
+  );
+}
+var COLUMN_SIZE = {
+  1: { xs: 12, md: 12 },
+  2: { xs: 12, md: 6 },
+  3: { xs: 12, sm: 6, md: 4 },
+  4: { xs: 12, sm: 6, md: 3 }
+};
+function CardGrid({ children, columns = 2, gap = GRID_GAP, sx }) {
+  const size = COLUMN_SIZE[columns] ?? COLUMN_SIZE[2];
+  return /* @__PURE__ */ jsx(Grid, { container: true, spacing: gap, sx, children: Children.map(
+    children,
+    (child) => child != null ? /* @__PURE__ */ jsx(Grid, { size, sx: { display: "flex" }, children: child }) : null
+  ) });
+}
+
+export { CardGrid, PageContent };
+//# sourceMappingURL=chunk-2UYRW6X3.js.map
+//# sourceMappingURL=chunk-2UYRW6X3.js.map

package/dist/chunk-2UYRW6X3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/page-content/page-content.tsx"],"names":[],"mappings":";;;;;;AAgCA,IAAM,QAAA,GAAW,CAAA;AAGjB,IAAM,QAAA,GAAW,CAAA;AAqBV,SAAS,WAAA,CAAY;AAAA,EAC1B,QAAA;AAAA,EACA,GAAA,GAAM,QAAA;AAAA,EACN,IAAA;AAAA,EACA,EAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAqD;AACnD,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,OAAA,EAAS,GAAA;AAAA,MACT,EAAA,EAAI,EAAE,GAAI,IAAA,IAAQ,EAAE,IAAA,EAAM,CAAA,EAAE,EAAI,GAAG,EAAA,EAAU;AAAA,MAC5C,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;AAeA,IAAM,WAAA,GAAuE;AAAA,EAC3E,CAAA,EAAG,EAAE,EAAA,EAAI,EAAA,EAAI,IAAI,EAAA,EAAG;AAAA,EACpB,CAAA,EAAG,EAAE,EAAA,EAAI,EAAA,EAAI,IAAI,CAAA,EAAE;AAAA,EACnB,GAAG,EAAE,EAAA,EAAI,IAAI,EAAA,EAAI,CAAA,EAAG,IAAI,CAAA,EAAE;AAAA,EAC1B,GAAG,EAAE,EAAA,EAAI,IAAI,EAAA,EAAI,CAAA,EAAG,IAAI,CAAA;AAC1B,CAAA;AAUO,SAAS,QAAA,CAAS,EAAE,QAAA,EAAU,OAAA,GAAU,GAAG,GAAA,GAAM,QAAA,EAAU,IAAG,EAAkB;AACrF,EAAA,MAAM,IAAA,GAAO,WAAA,CAAY,OAAO,CAAA,IAAK,YAAY,CAAC,CAAA;AAElD,EAAA,2BACG,IAAA,EAAA,EAAK,SAAA,EAAS,MAAC,OAAA,EAAS,GAAA,EAAK,IAC3B,QAAA,EAAA,QAAA,CAAS,GAAA;AAAA,IAAI,QAAA;AAAA,IAAU,CAAC,KAAA,KACvB,KAAA,IAAS,IAAA,mBACP,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAY,EAAA,EAAI,EAAE,OAAA,EAAS,MAAA,EAAO,EACrC,iBACH,CAAA,GACE;AAAA,GACN,EACF,CAAA;AAEJ","file":"chunk-2UYRW6X3.js","sourcesContent":["'use client';\n\n/**\n * PageContent — Unified page layout primitives\n *\n * Provides consistent spacing across all pages:\n * - PageContent: vertical stack with standardized gap\n * - PageContent.CardGrid: responsive grid for cards with equal height\n *\n * @example\n * <PageContent>\n *   <Breadcrumbs ... />\n *   <PageContent.CardGrid columns={2}>\n *     <Card>...</Card>\n *     <Card>...</Card>\n *   </PageContent.CardGrid>\n * </PageContent>\n *\n * @module components/page-content\n */\n\nimport type { ReactNode, Ref } from 'react';\nimport { Children } from 'react';\nimport Stack from '@mui/material/Stack';\nimport Grid from '@mui/material/Grid';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\n// =============================================================================\n// CONSTANTS\n// =============================================================================\n\n/** Default spacing between top-level page sections (theme spacing units) */\nconst PAGE_GAP = 3;\n\n/** Default spacing between grid items (theme spacing units) */\nconst GRID_GAP = 3;\n\n// =============================================================================\n// PageContent\n// =============================================================================\n\nexport interface PageContentProps {\n  children: ReactNode;\n  /** Override gap between sections. Default: 3 (24px). */\n  gap?: number;\n  /** Stretch to fill available height (for centered empty states). */\n  fill?: boolean;\n  sx?: SxProps<Theme>;\n}\n\n/**\n * Page-level vertical layout with consistent spacing.\n *\n * Wraps children in a `Stack` with standardized gap.\n * Use `fill` to stretch for empty-state centering.\n */\nexport function PageContent({\n  children,\n  gap = PAGE_GAP,\n  fill,\n  sx,\n  ref,\n  ...rest\n}: PageContentProps & { ref?: Ref<HTMLDivElement> }) {\n  return (\n    <Stack\n      ref={ref}\n      spacing={gap}\n      sx={{ ...(fill && { flex: 1 }), ...sx as any }}\n      {...rest}\n    >\n      {children}\n    </Stack>\n  );\n}\n\n// =============================================================================\n// CardGrid\n// =============================================================================\n\nexport interface CardGridProps {\n  children: ReactNode;\n  /** Number of columns at `md` breakpoint. Default: 2. */\n  columns?: 1 | 2 | 3 | 4;\n  /** Override gap between cards. Default: 3 (24px). */\n  gap?: number;\n  sx?: SxProps<Theme>;\n}\n\nconst COLUMN_SIZE: Record<number, { xs: number; sm?: number; md: number }> = {\n  1: { xs: 12, md: 12 },\n  2: { xs: 12, md: 6 },\n  3: { xs: 12, sm: 6, md: 4 },\n  4: { xs: 12, sm: 6, md: 3 },\n};\n\n/**\n * Responsive card grid with equal-height items.\n *\n * Each direct child is wrapped in a Grid cell sized by `columns`.\n * Cards should use `height: '100%'` or be wrapped in a full-height container.\n * (MUI v9 unified Grid — sizing is via `size={{ xs, sm, md, ... }}` rather\n * than the deprecated `<Grid item>` shorthand from v1.)\n */\nexport function CardGrid({ children, columns = 2, gap = GRID_GAP, sx }: CardGridProps) {\n  const size = COLUMN_SIZE[columns] ?? COLUMN_SIZE[2];\n\n  return (\n    <Grid container spacing={gap} sx={sx}>\n      {Children.map(children, (child) =>\n        child != null ? (\n          <Grid size={size} sx={{ display: 'flex' }}>\n            {child}\n          </Grid>\n        ) : null,\n      )}\n    </Grid>\n  );\n}\n"]}

package/dist/chunk-36C5H56C.js

@@ -0,0 +1,208 @@
+import { createClasses } from './chunk-LH4ZZZYB.js';
+import { useRef, useState, useEffect } from 'react';
+import { LazyMotion, domMax, useMotionValue, useAnimationFrame, useTransform, useMotionTemplate, m } from 'framer-motion';
+import Box from '@mui/material/Box';
+import { useTheme } from '@mui/material/styles';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var animateBorderClasses = {
+  root: createClasses("animate__border__root"),
+  primaryBorder: createClasses("animate__border__primary"),
+  secondaryBorder: createClasses("animate__border__secondary"),
+  svgWrapper: createClasses("animate__border__svg__wrapper"),
+  movingShape: createClasses("animate__border__moving__shape")
+};
+function borderGradient(props) {
+  const { color, padding = "2px" } = props ?? {};
+  return {
+    padding,
+    inset: 0,
+    width: "100%",
+    content: '""',
+    height: "100%",
+    margin: "auto",
+    position: "absolute",
+    borderRadius: "inherit",
+    mask: "linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0)",
+    WebkitMask: "linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0)",
+    maskComposite: "exclude",
+    WebkitMaskComposite: "xor",
+    ...color && { background: color }
+  };
+}
+function AnimateBorder({ sx, children, duration, slotProps, className, ...other }) {
+  const theme = useTheme();
+  const rootRef = useRef(null);
+  const primaryBorderRef = useRef(null);
+  const [isHidden, setIsHidden] = useState(false);
+  const secondaryBorderStyles = useComputedElementStyles(theme, primaryBorderRef);
+  useEffect(() => {
+    const handleVisibility = () => {
+      if (rootRef.current) {
+        const displayStyle = getComputedStyle(rootRef.current).display;
+        setIsHidden(displayStyle === "none");
+      }
+    };
+    handleVisibility();
+    window.addEventListener("resize", handleVisibility);
+    return () => {
+      window.removeEventListener("resize", handleVisibility);
+    };
+  }, []);
+  const outlineColor = typeof slotProps?.outlineColor === "function" ? slotProps?.outlineColor(theme) : slotProps?.outlineColor;
+  const borderProps = {
+    duration,
+    isHidden,
+    rx: slotProps?.svgSettings?.rx,
+    ry: slotProps?.svgSettings?.ry
+  };
+  const renderPrimaryBorder = () => /* @__PURE__ */ jsx(
+    MovingBorder,
+    {
+      ...borderProps,
+      ref: primaryBorderRef,
+      size: slotProps?.primaryBorder?.size,
+      sx: [
+        {
+          ...borderGradient({ padding: slotProps?.primaryBorder?.width })
+        },
+        ...Array.isArray(slotProps?.primaryBorder?.sx) ? slotProps.primaryBorder.sx : [slotProps?.primaryBorder?.sx]
+      ]
+    }
+  );
+  const renderSecondaryBorder = () => slotProps?.secondaryBorder && /* @__PURE__ */ jsx(
+    MovingBorder,
+    {
+      ...borderProps,
+      size: slotProps?.secondaryBorder?.size ?? slotProps?.primaryBorder?.size,
+      sx: [
+        {
+          ...borderGradient({
+            padding: slotProps?.secondaryBorder?.width ?? secondaryBorderStyles.padding
+          }),
+          borderRadius: secondaryBorderStyles.borderRadius,
+          transform: "scale(-1, -1)"
+        },
+        ...Array.isArray(slotProps?.secondaryBorder?.sx) ? slotProps.secondaryBorder.sx : [slotProps?.secondaryBorder?.sx]
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      dir: "ltr",
+      ref: rootRef,
+      className: [animateBorderClasses.root, className].filter(Boolean).join(" "),
+      sx: [
+        {
+          minWidth: 40,
+          minHeight: 40,
+          overflow: "hidden",
+          position: "relative",
+          width: "fit-content",
+          "&::before": borderGradient({
+            color: outlineColor,
+            padding: slotProps?.primaryBorder?.width
+          }),
+          ...!!children && {
+            minWidth: "unset",
+            minHeight: "unset"
+          }
+        },
+        ...Array.isArray(sx) ? sx : [sx]
+      ],
+      ...other,
+      children: [
+        renderPrimaryBorder(),
+        renderSecondaryBorder(),
+        children
+      ]
+    }
+  );
+}
+function MovingBorder({ sx, size, isHidden, rx = "30%", ry = "30%", duration = 8, ...other }) {
+  const svgRectRef = useRef(null);
+  const progress = useMotionValue(0);
+  const updateAnimationFrame = (time) => {
+    if (!svgRectRef.current) return;
+    try {
+      const pathLength = svgRectRef.current.getTotalLength();
+      const pixelsPerMs = pathLength / (duration * 1e3);
+      progress.set(time * pixelsPerMs % pathLength);
+    } catch {
+      return;
+    }
+  };
+  const calculateTransform = (val) => {
+    if (!svgRectRef.current) return { x: 0, y: 0 };
+    try {
+      const point = svgRectRef.current.getPointAtLength(val);
+      return point ? { x: point.x, y: point.y } : { x: 0, y: 0 };
+    } catch {
+      return { x: 0, y: 0 };
+    }
+  };
+  useAnimationFrame((time) => !isHidden ? updateAnimationFrame(time) : void 0);
+  const x = useTransform(progress, (val) => calculateTransform(val).x);
+  const y = useTransform(progress, (val) => calculateTransform(val).y);
+  const transform = useMotionTemplate`translateX(${x}px) translateY(${y}px) translateX(-50%) translateY(-50%)`;
+  return /* @__PURE__ */ jsxs(Box, { component: "span", sx: [{ textAlign: "initial" }, ...Array.isArray(sx) ? sx : [sx]], ...other, children: [
+    /* @__PURE__ */ jsx(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        preserveAspectRatio: "none",
+        width: "100%",
+        height: "100%",
+        className: animateBorderClasses.svgWrapper,
+        style: { position: "absolute" },
+        children: /* @__PURE__ */ jsx("rect", { ref: svgRectRef, fill: "none", width: "100%", height: "100%", rx, ry })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        component: m.span,
+        style: { transform },
+        className: animateBorderClasses.movingShape,
+        sx: {
+          width: size,
+          height: size,
+          filter: "blur(8px)",
+          position: "absolute",
+          background: "radial-gradient(currentColor 40%, transparent 80%)"
+        }
+      }
+    )
+  ] });
+}
+function useComputedElementStyles(theme, ref) {
+  const [computedStyles, setComputedStyles] = useState(null);
+  const isRtl = theme.direction === "rtl";
+  useEffect(() => {
+    if (ref.current) {
+      const style = getComputedStyle(ref.current);
+      setComputedStyles({
+        paddingTop: style.paddingBottom,
+        paddingBottom: style.paddingTop,
+        paddingLeft: isRtl ? style.paddingLeft : style.paddingRight,
+        paddingRight: isRtl ? style.paddingRight : style.paddingLeft,
+        borderTopLeftRadius: isRtl ? style.borderBottomLeftRadius : style.borderBottomRightRadius,
+        borderTopRightRadius: isRtl ? style.borderBottomRightRadius : style.borderBottomLeftRadius,
+        borderBottomLeftRadius: isRtl ? style.borderTopLeftRadius : style.borderTopRightRadius,
+        borderBottomRightRadius: isRtl ? style.borderTopRightRadius : style.borderTopLeftRadius
+      });
+    }
+  }, [ref, isRtl]);
+  return {
+    padding: `${computedStyles?.paddingTop} ${computedStyles?.paddingRight} ${computedStyles?.paddingBottom} ${computedStyles?.paddingLeft}`,
+    borderRadius: `${computedStyles?.borderTopLeftRadius} ${computedStyles?.borderTopRightRadius} ${computedStyles?.borderBottomRightRadius} ${computedStyles?.borderBottomLeftRadius}`
+  };
+}
+function MotionLazy({ children }) {
+  return /* @__PURE__ */ jsx(LazyMotion, { strict: true, features: domMax, children });
+}
+
+export { AnimateBorder, MotionLazy, animateBorderClasses };
+//# sourceMappingURL=chunk-36C5H56C.js.map
+//# sourceMappingURL=chunk-36C5H56C.js.map

package/dist/chunk-36C5H56C.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/animate/animate-border.tsx","../src/components/animate/motion-lazy.tsx"],"names":["jsx"],"mappings":"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","file":"chunk-36C5H56C.js","sourcesContent":["import type { BoxProps } from '@mui/material/Box';\nimport type { Theme, SxProps, CSSObject } from '@mui/material/styles';\n\nimport { useRef, useState, useEffect } from 'react';\nimport { m, useTransform, useMotionValue, useAnimationFrame, useMotionTemplate } from 'framer-motion';\n\nimport Box from '@mui/material/Box';\nimport { useTheme } from '@mui/material/styles';\n\nimport { createClasses } from '../../utils/create-classes.js';\n\n// ----------------------------------------------------------------------\n\nexport const animateBorderClasses = {\n  root: createClasses('animate__border__root'),\n  primaryBorder: createClasses('animate__border__primary'),\n  secondaryBorder: createClasses('animate__border__secondary'),\n  svgWrapper: createClasses('animate__border__svg__wrapper'),\n  movingShape: createClasses('animate__border__moving__shape'),\n};\n\n// ----------------------------------------------------------------------\n\n/**\n * Portal-old compatible borderGradient mixin.\n * Uses CSS mask to create a ring from the padding area.\n * `currentColor` controls the ring color when no explicit color is given.\n */\nfunction borderGradient(props?: { color?: string; padding?: string }): CSSObject {\n  const { color, padding = '2px' } = props ?? {};\n\n  return {\n    padding,\n    inset: 0,\n    width: '100%',\n    content: '\"\"',\n    height: '100%',\n    margin: 'auto',\n    position: 'absolute',\n    borderRadius: 'inherit',\n    mask: 'linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0)',\n    WebkitMask: 'linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0)',\n    maskComposite: 'exclude',\n    WebkitMaskComposite: 'xor',\n    ...(color && { background: color }),\n  };\n}\n\n// ----------------------------------------------------------------------\n\ntype BorderStyleProps = {\n  /** Border stroke width as CSS string (e.g. '1px', '2px'). Default '2px'. */\n  width?: string;\n  /** Size (px) of the radial gradient glow that moves along the border. */\n  size?: number;\n  sx?: SxProps<Theme>;\n};\n\nexport type AnimateBorderProps = BoxProps & {\n  /** Animation duration in seconds. Default 8. */\n  duration?: number;\n  slotProps?: {\n    primaryBorder?: BorderStyleProps;\n    secondaryBorder?: BorderStyleProps;\n    /** Static outline color behind the animation. */\n    outlineColor?: string | ((theme: Theme) => string);\n    svgSettings?: {\n      rx?: string;\n      ry?: string;\n    };\n  };\n};\n\n// ----------------------------------------------------------------------\n\nexport function AnimateBorder({ sx, children, duration, slotProps, className, ...other }: AnimateBorderProps) {\n  const theme = useTheme();\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const primaryBorderRef = useRef<HTMLSpanElement>(null);\n\n  const [isHidden, setIsHidden] = useState(false);\n\n  const secondaryBorderStyles = useComputedElementStyles(theme, primaryBorderRef);\n\n  useEffect(() => {\n    const handleVisibility = () => {\n      if (rootRef.current) {\n        const displayStyle = getComputedStyle(rootRef.current).display;\n        setIsHidden(displayStyle === 'none');\n      }\n    };\n\n    handleVisibility();\n\n    window.addEventListener('resize', handleVisibility);\n\n    return () => {\n      window.removeEventListener('resize', handleVisibility);\n    };\n  }, []);\n\n  const outlineColor =\n    typeof slotProps?.outlineColor === 'function' ? slotProps?.outlineColor(theme) : slotProps?.outlineColor;\n\n  const borderProps = {\n    duration,\n    isHidden,\n    rx: slotProps?.svgSettings?.rx,\n    ry: slotProps?.svgSettings?.ry,\n  };\n\n  const renderPrimaryBorder = () => (\n    <MovingBorder\n      {...borderProps}\n      ref={primaryBorderRef}\n      size={slotProps?.primaryBorder?.size}\n      sx={[\n        {\n          ...borderGradient({ padding: slotProps?.primaryBorder?.width }),\n        },\n        ...(Array.isArray(slotProps?.primaryBorder?.sx)\n          ? (slotProps!.primaryBorder!.sx as any[])\n          : [slotProps?.primaryBorder?.sx]),\n      ]}\n    />\n  );\n\n  const renderSecondaryBorder = () =>\n    slotProps?.secondaryBorder && (\n      <MovingBorder\n        {...borderProps}\n        size={slotProps?.secondaryBorder?.size ?? slotProps?.primaryBorder?.size}\n        sx={[\n          {\n            ...borderGradient({\n              padding: slotProps?.secondaryBorder?.width ?? secondaryBorderStyles.padding,\n            }),\n            borderRadius: secondaryBorderStyles.borderRadius,\n            transform: 'scale(-1, -1)',\n          },\n          ...(Array.isArray(slotProps?.secondaryBorder?.sx)\n            ? (slotProps!.secondaryBorder!.sx as any[])\n            : [slotProps?.secondaryBorder?.sx]),\n        ]}\n      />\n    );\n\n  return (\n    <Box\n      dir=\"ltr\"\n      ref={rootRef}\n      className={[animateBorderClasses.root, className].filter(Boolean).join(' ')}\n      sx={[\n        {\n          minWidth: 40,\n          minHeight: 40,\n          overflow: 'hidden',\n          position: 'relative',\n          width: 'fit-content',\n          '&::before': borderGradient({\n            color: outlineColor,\n            padding: slotProps?.primaryBorder?.width,\n          }),\n          ...(!!children && {\n            minWidth: 'unset',\n            minHeight: 'unset',\n          }),\n        },\n        ...(Array.isArray(sx) ? sx : [sx]),\n      ]}\n      {...other}\n    >\n      {renderPrimaryBorder()}\n      {renderSecondaryBorder()}\n      {children}\n    </Box>\n  );\n}\n\n// ----------------------------------------------------------------------\n\ntype MovingBorderProps = BoxProps<'span'> & {\n  rx?: string;\n  ry?: string;\n  duration?: number;\n  isHidden?: boolean;\n  size?: BorderStyleProps['size'];\n};\n\nfunction MovingBorder({ sx, size, isHidden, rx = '30%', ry = '30%', duration = 8, ...other }: MovingBorderProps) {\n  const svgRectRef = useRef<SVGRectElement>(null);\n  const progress = useMotionValue<number>(0);\n\n  const updateAnimationFrame = (time: number) => {\n    if (!svgRectRef.current) return;\n    try {\n      const pathLength = svgRectRef.current.getTotalLength();\n      const pixelsPerMs = pathLength / (duration * 1000);\n      progress.set((time * pixelsPerMs) % pathLength);\n    } catch {\n      return;\n    }\n  };\n\n  const calculateTransform = (val: number) => {\n    if (!svgRectRef.current) return { x: 0, y: 0 };\n    try {\n      const point = svgRectRef.current.getPointAtLength(val);\n      return point ? { x: point.x, y: point.y } : { x: 0, y: 0 };\n    } catch {\n      return { x: 0, y: 0 };\n    }\n  };\n\n  useAnimationFrame((time) => (!isHidden ? updateAnimationFrame(time) : undefined));\n\n  const x = useTransform(progress, (val) => calculateTransform(val).x);\n  const y = useTransform(progress, (val) => calculateTransform(val).y);\n  const transform = useMotionTemplate`translateX(${x}px) translateY(${y}px) translateX(-50%) translateY(-50%)`;\n\n  return (\n    <Box component=\"span\" sx={[{ textAlign: 'initial' }, ...(Array.isArray(sx) ? sx : [sx])]} {...other}>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        preserveAspectRatio=\"none\"\n        width=\"100%\"\n        height=\"100%\"\n        className={animateBorderClasses.svgWrapper}\n        style={{ position: 'absolute' }}\n      >\n        <rect ref={svgRectRef} fill=\"none\" width=\"100%\" height=\"100%\" rx={rx} ry={ry} />\n      </svg>\n\n      <Box\n        component={m.span}\n        style={{ transform }}\n        className={animateBorderClasses.movingShape}\n        sx={{\n          width: size,\n          height: size,\n          filter: 'blur(8px)',\n          position: 'absolute',\n          background: 'radial-gradient(currentColor 40%, transparent 80%)',\n        }}\n      />\n    </Box>\n  );\n}\n\n// ----------------------------------------------------------------------\n\nfunction useComputedElementStyles(theme: Theme, ref: React.RefObject<HTMLSpanElement | null>) {\n  const [computedStyles, setComputedStyles] = useState<CSSObject | null>(null);\n\n  const isRtl = theme.direction === 'rtl';\n\n  useEffect(() => {\n    if (ref.current) {\n      const style = getComputedStyle(ref.current);\n      setComputedStyles({\n        paddingTop: style.paddingBottom,\n        paddingBottom: style.paddingTop,\n        paddingLeft: isRtl ? style.paddingLeft : style.paddingRight,\n        paddingRight: isRtl ? style.paddingRight : style.paddingLeft,\n        borderTopLeftRadius: isRtl ? style.borderBottomLeftRadius : style.borderBottomRightRadius,\n        borderTopRightRadius: isRtl ? style.borderBottomRightRadius : style.borderBottomLeftRadius,\n        borderBottomLeftRadius: isRtl ? style.borderTopLeftRadius : style.borderTopRightRadius,\n        borderBottomRightRadius: isRtl ? style.borderTopRightRadius : style.borderTopLeftRadius,\n      });\n    }\n  }, [ref, isRtl]);\n\n  return {\n    padding: `${computedStyles?.paddingTop} ${computedStyles?.paddingRight} ${computedStyles?.paddingBottom} ${computedStyles?.paddingLeft}`,\n    borderRadius: `${computedStyles?.borderTopLeftRadius} ${computedStyles?.borderTopRightRadius} ${computedStyles?.borderBottomRightRadius} ${computedStyles?.borderBottomLeftRadius}`,\n  };\n}\n","import { domMax, LazyMotion } from 'framer-motion';\n\n// ----------------------------------------------------------------------\n\nexport type MotionLazyProps = {\n  children: React.ReactNode;\n};\n\nexport function MotionLazy({ children }: MotionLazyProps) {\n  return (\n    <LazyMotion strict features={domMax}>\n      {children}\n    </LazyMotion>\n  );\n}\n"]}

package/dist/chunk-36FOXX25.js

@@ -0,0 +1,73 @@
+import { useId, useState } from 'react';
+import Dialog from '@mui/material/Dialog';
+import DialogTitle from '@mui/material/DialogTitle';
+import DialogContent from '@mui/material/DialogContent';
+import DialogContentText from '@mui/material/DialogContentText';
+import DialogActions from '@mui/material/DialogActions';
+import Button from '@mui/material/Button';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/confirm-dialog/confirm-dialog.tsx
+function ConfirmDialog({
+  open,
+  onClose,
+  onConfirm,
+  title = "Confirm",
+  content,
+  confirmLabel = "Confirm",
+  cancelLabel = "Cancel",
+  confirmColor = "primary",
+  loading = false,
+  disabled = false,
+  maxWidth = "xs",
+  sx
+}) {
+  const titleId = useId();
+  const descriptionId = useId();
+  const [confirming, setConfirming] = useState(false);
+  const busy = loading || confirming;
+  const handleConfirm = () => {
+    if (busy) return;
+    const result = onConfirm();
+    if (!(result instanceof Promise)) return;
+    setConfirming(true);
+    result.catch(() => {
+    }).finally(() => setConfirming(false));
+  };
+  return /* @__PURE__ */ jsxs(
+    Dialog,
+    {
+      open,
+      onClose: busy ? void 0 : onClose,
+      maxWidth,
+      fullWidth: true,
+      "aria-labelledby": titleId,
+      "aria-describedby": content ? descriptionId : void 0,
+      sx,
+      children: [
+        /* @__PURE__ */ jsx(DialogTitle, { id: titleId, children: title }),
+        content && /* @__PURE__ */ jsx(DialogContent, { children: typeof content === "string" ? /* @__PURE__ */ jsx(DialogContentText, { id: descriptionId, children: content }) : /* @__PURE__ */ jsx("div", { id: descriptionId, children: content }) }),
+        /* @__PURE__ */ jsxs(DialogActions, { sx: { px: 3, pb: 2 }, children: [
+          /* @__PURE__ */ jsx(Button, { onClick: onClose, color: "inherit", disabled: busy, variant: "outlined", children: cancelLabel }),
+          /* @__PURE__ */ jsx(Button, { onClick: handleConfirm, color: confirmColor, variant: "contained", loading: busy, disabled, children: confirmLabel })
+        ] })
+      ]
+    }
+  );
+}
+function DeleteDialog({ itemName, content, ...props }) {
+  return /* @__PURE__ */ jsx(
+    ConfirmDialog,
+    {
+      title: itemName ? `Delete "${itemName}"?` : "Delete item?",
+      content: content ?? "This action cannot be undone. Are you sure you want to proceed?",
+      confirmLabel: "Delete",
+      confirmColor: "error",
+      ...props
+    }
+  );
+}
+
+export { ConfirmDialog, DeleteDialog };
+//# sourceMappingURL=chunk-36FOXX25.js.map
+//# sourceMappingURL=chunk-36FOXX25.js.map

package/dist/chunk-36FOXX25.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/confirm-dialog/confirm-dialog.tsx"],"names":[],"mappings":";;;;;;;;;;AAwFO,SAAS,aAAA,CAAc;AAAA,EAC5B,IAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA,GAAQ,SAAA;AAAA,EACR,OAAA;AAAA,EACA,YAAA,GAAe,SAAA;AAAA,EACf,WAAA,GAAc,QAAA;AAAA,EACd,YAAA,GAAe,SAAA;AAAA,EACf,OAAA,GAAU,KAAA;AAAA,EACV,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,IAAA;AAAA,EACX;AACF,CAAA,EAAkC;AAChC,EAAA,MAAM,UAAU,KAAA,EAAM;AACtB,EAAA,MAAM,gBAAgB,KAAA,EAAM;AAW5B,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAClD,EAAA,MAAM,OAAO,OAAA,IAAW,UAAA;AAExB,EAAA,MAAM,gBAAgB,MAAM;AAC1B,IAAA,IAAI,IAAA,EAAM;AAEV,IAAA,MAAM,SAAS,SAAA,EAAU;AACzB,IAAA,IAAI,EAAE,kBAAkB,OAAA,CAAA,EAAU;AAElC,IAAA,aAAA,CAAc,IAAI,CAAA;AAClB,IAAA,MAAA,CACG,MAAM,MAAM;AAAA,IAKb,CAAC,CAAA,CACA,OAAA,CAAQ,MAAM,aAAA,CAAc,KAAK,CAAC,CAAA;AAAA,EACvC,CAAA;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,OAAA,EAAS,OAAO,MAAA,GAAY,OAAA;AAAA,MAC5B,QAAA;AAAA,MACA,SAAA,EAAS,IAAA;AAAA,MACT,iBAAA,EAAiB,OAAA;AAAA,MACjB,kBAAA,EAAkB,UAAU,aAAA,GAAgB,MAAA;AAAA,MAC5C,EAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,EAAA,EAAI,OAAA,EAAU,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,QAEhC,2BACC,GAAA,CAAC,aAAA,EAAA,EACE,QAAA,EAAA,OAAO,OAAA,KAAY,2BAClB,GAAA,CAAC,iBAAA,EAAA,EAAkB,EAAA,EAAI,aAAA,EAAgB,mBAAQ,CAAA,mBAE/C,GAAA,CAAC,SAAI,EAAA,EAAI,aAAA,EAAgB,mBAAQ,CAAA,EAErC,CAAA;AAAA,wBAGF,IAAA,CAAC,iBAAc,EAAA,EAAI,EAAE,IAAI,CAAA,EAAG,EAAA,EAAI,GAAE,EAChC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAO,SAAS,OAAA,EAAS,KAAA,EAAM,WAAU,QAAA,EAAU,IAAA,EAAM,OAAA,EAAQ,UAAA,EAC/D,QAAA,EAAA,WAAA,EACH,CAAA;AAAA,0BAEA,GAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAS,aAAA,EAAe,KAAA,EAAO,YAAA,EAAc,OAAA,EAAQ,WAAA,EAAY,OAAA,EAAS,IAAA,EAAM,QAAA,EACrF,QAAA,EAAA,YAAA,EACH;AAAA,SAAA,EACF;AAAA;AAAA;AAAA,GACF;AAEJ;AAwBO,SAAS,aAAa,EAAE,QAAA,EAAU,OAAA,EAAS,GAAG,OAAM,EAAiC;AAC1F,EAAA,uBACE,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,QAAA,GAAW,CAAA,QAAA,EAAW,QAAQ,CAAA,EAAA,CAAA,GAAO,cAAA;AAAA,MAC5C,SAAS,OAAA,IAAW,iEAAA;AAAA,MACpB,YAAA,EAAa,QAAA;AAAA,MACb,YAAA,EAAa,OAAA;AAAA,MACZ,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-36FOXX25.js","sourcesContent":["'use client';\n\n/**\n * Confirm Dialog Component\n *\n * Reusable confirmation dialog with customizable actions.\n * Implements WCAG 2.1 accessibility with proper ARIA attributes.\n *\n * @module components/confirm-dialog\n */\n\nimport { useId, useState, type ReactNode } from 'react';\nimport Dialog from '@mui/material/Dialog';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogContentText from '@mui/material/DialogContentText';\nimport DialogActions from '@mui/material/DialogActions';\nimport Button from '@mui/material/Button';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\n// =============================================================================\n// TYPES\n// =============================================================================\n\nexport interface ConfirmDialogProps {\n  /** Whether the dialog is open */\n  open: boolean;\n  /** Called when dialog should close */\n  onClose: () => void;\n  /** Called when user confirms */\n  onConfirm: () => void | Promise<void>;\n  /** Dialog title */\n  title?: string;\n  /** Dialog content/message */\n  content?: ReactNode;\n  /** Confirm button text */\n  confirmLabel?: string;\n  /** Cancel button text */\n  cancelLabel?: string;\n  /** Confirm button color */\n  confirmColor?: 'primary' | 'secondary' | 'error' | 'warning' | 'info' | 'success';\n  /** Loading state for async confirm */\n  loading?: boolean;\n  /** Disable confirm button */\n  disabled?: boolean;\n  /** Maximum width of dialog */\n  maxWidth?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | false;\n  /** Additional styles for dialog */\n  sx?: SxProps<Theme>;\n}\n\n// =============================================================================\n// COMPONENT\n// =============================================================================\n\n/**\n * ConfirmDialog - Reusable confirmation dialog.\n *\n * @example\n * ```tsx\n * const [open, setOpen] = useState(false);\n *\n * <ConfirmDialog\n *   open={open}\n *   onClose={() => setOpen(false)}\n *   onConfirm={handleDelete}\n *   title=\"Delete item?\"\n *   content=\"This action cannot be undone.\"\n *   confirmColor=\"error\"\n *   confirmLabel=\"Delete\"\n * />\n * ```\n *\n * @example\n * ```tsx\n * // With async confirm\n * <ConfirmDialog\n *   open={open}\n *   onClose={() => setOpen(false)}\n *   onConfirm={async () => {\n *     await deleteItem();\n *     setOpen(false);\n *   }}\n *   loading={isDeleting}\n *   title=\"Confirm deletion\"\n * />\n * ```\n */\nexport function ConfirmDialog({\n  open,\n  onClose,\n  onConfirm,\n  title = 'Confirm',\n  content,\n  confirmLabel = 'Confirm',\n  cancelLabel = 'Cancel',\n  confirmColor = 'primary',\n  loading = false,\n  disabled = false,\n  maxWidth = 'xs',\n  sx,\n}: ConfirmDialogProps): ReactNode {\n  const titleId = useId();\n  const descriptionId = useId();\n\n  // Re-entry guard for the destructive action.\n  //\n  // The only thing standing between a double-click and two deletions used to\n  // be the caller's `loading` prop — and most callers don't thread one\n  // through, because the dialog's own example doesn't. An impatient operator\n  // clicking twice fired `onConfirm` twice.\n  //\n  // Tracked here rather than relying on the caller: this component knows when\n  // the action it started is still running.\n  const [confirming, setConfirming] = useState(false);\n  const busy = loading || confirming;\n\n  const handleConfirm = () => {\n    if (busy) return;\n\n    const result = onConfirm();\n    if (!(result instanceof Promise)) return;\n\n    setConfirming(true);\n    result\n      .catch(() => {\n        // The parent owns error reporting; the dialog only owns the button\n        // state. Swallowing here prevents an unhandled rejection, and the\n        // `finally` below makes sure a failure leaves the operator able to\n        // retry instead of stuck behind a spinner.\n      })\n      .finally(() => setConfirming(false));\n  };\n\n  return (\n    <Dialog\n      open={open}\n      onClose={busy ? undefined : onClose}\n      maxWidth={maxWidth}\n      fullWidth\n      aria-labelledby={titleId}\n      aria-describedby={content ? descriptionId : undefined}\n      sx={sx}\n    >\n      <DialogTitle id={titleId}>{title}</DialogTitle>\n\n      {content && (\n        <DialogContent>\n          {typeof content === 'string' ? (\n            <DialogContentText id={descriptionId}>{content}</DialogContentText>\n          ) : (\n            <div id={descriptionId}>{content}</div>\n          )}\n        </DialogContent>\n      )}\n\n      <DialogActions sx={{ px: 3, pb: 2 }}>\n        <Button onClick={onClose} color=\"inherit\" disabled={busy} variant=\"outlined\">\n          {cancelLabel}\n        </Button>\n\n        <Button onClick={handleConfirm} color={confirmColor} variant=\"contained\" loading={busy} disabled={disabled}>\n          {confirmLabel}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n}\n\n// =============================================================================\n// DELETE DIALOG\n// =============================================================================\n\nexport interface DeleteDialogProps extends Omit<ConfirmDialogProps, 'title' | 'confirmLabel' | 'confirmColor'> {\n  /** Name of the item being deleted */\n  itemName?: string;\n}\n\n/**\n * DeleteDialog - Specialized confirmation for delete actions.\n *\n * @example\n * ```tsx\n * <DeleteDialog\n *   open={open}\n *   onClose={() => setOpen(false)}\n *   onConfirm={handleDelete}\n *   itemName=\"Project Alpha\"\n * />\n * ```\n */\nexport function DeleteDialog({ itemName, content, ...props }: DeleteDialogProps): ReactNode {\n  return (\n    <ConfirmDialog\n      title={itemName ? `Delete \"${itemName}\"?` : 'Delete item?'}\n      content={content ?? 'This action cannot be undone. Are you sure you want to proceed?'}\n      confirmLabel=\"Delete\"\n      confirmColor=\"error\"\n      {...props}\n    />\n  );\n}\n"]}

package/dist/{chunk-52PQL67Q.js → chunk-3VSM7NZG.js}

@@ -7,6 +7,7 @@ import { addProtocol } from 'maplibre-gl';
 import { Protocol } from 'pmtiles';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
+// src/components/map/Map.tsx
 var protocol = new Protocol();
 addProtocol("pmtiles", protocol.tile);
 var messages = {
@@ -52,7 +53,7 @@ var Map = forwardRef(function MapView({
     [forwardedRef]
   );
   useEffect(() => {
-    if (!host.current || typeof ResizeObserver === "undefined") return;
+    if (!host.current || typeof ResizeObserver === "undefined") return void 0;
     const observer = new ResizeObserver(() => map.current?.resize());
     observer.observe(host.current);
     return () => observer.disconnect();
@@ -221,15 +222,17 @@ function MapPointPicker({
     ...initialViewport
   }));
   const [loaded, setLoaded] = useState(false);
+  const longitude = valid?.lng;
+  const latitude = valid?.lat;
   useEffect(() => {
-    if (value && isMapPoint(value))
+    if (longitude !== void 0 && latitude !== void 0)
       setCamera((old) => ({
         ...old,
-        longitude: value.lng,
-        latitude: mapCameraLatitude(value.lat),
+        longitude,
+        latitude: mapCameraLatitude(latitude),
         zoom: Math.max(old.zoom, selectionZoom)
       }));
-  }, [value?.lng, value?.lat, selectionZoom]);
+  }, [longitude, latitude, selectionZoom]);
   function choose(lng, lat) {
     const point = normalizeMapPoint(lng, lat);
     if (point && !readOnly) onChange(point);
@@ -411,12 +414,12 @@ function MapPlaceSearch({
   const provider = useRef(search);
   provider.current = search;
   const validQuery = query.trim().length >= minLength && query.length <= 200;
-  function cancel() {
+  const cancel = useCallback(() => {
     generation.current++;
     active.current?.abort();
     active.current = null;
-  }
-  async function run() {
+  }, []);
+  const run = useCallback(async () => {
     cancel();
     if (!validQuery || disabled) return;
     const id = generation.current;
@@ -448,20 +451,20 @@ function MapPlaceSearch({
     } finally {
       if (id === generation.current) setLoading(false);
     }
-  }
+  }, [cancel, validQuery, disabled, query, limit]);
   useEffect(() => {
-    if (mode !== "autocomplete" || !validQuery || disabled || selected) return;
+    if (mode !== "autocomplete" || !validQuery || disabled || selected) return void 0;
     const timer = setTimeout(() => void run(), debounceMs);
     return () => clearTimeout(timer);
-  }, [query, mode, debounceMs, disabled, selected]);
+  }, [run, validQuery, mode, debounceMs, disabled, selected]);
   useEffect(() => {
     if (disabled) {
       cancel();
       setLoading(false);
       setOpen(false);
     }
-  }, [disabled]);
-  useEffect(() => () => cancel(), []);
+  }, [disabled, cancel]);
+  useEffect(() => () => cancel(), [cancel]);
   function input(value) {
     cancel();
     setQuery(value);
@@ -555,5 +558,5 @@ function MapPlaceSearch({
 }
 
 export { Map, MapCoverageLayer, MapMarker, MapPlaceSearch, MapPointPicker, isMapPoint, normalizeMapPoint };
-//# sourceMappingURL=chunk-52PQL67Q.js.map
-//# sourceMappingURL=chunk-52PQL67Q.js.map
+//# sourceMappingURL=chunk-3VSM7NZG.js.map
+//# sourceMappingURL=chunk-3VSM7NZG.js.map