@plexui/ui 0.2.0

package/dist/es/components/Popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport clsx from \"clsx\"\nimport { Popover as RadixPopover } from \"radix-ui\"\nimport {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type KeyboardEventHandler,\n  type MouseEventHandler,\n  type PointerEventHandler,\n  type ReactNode,\n} from \"react\"\nimport { useTimeout } from \"usehooks-ts\"\nimport { useEscCloseStack } from \"../../hooks/useEscCloseStack\"\nimport { useLatestValue } from \"../../hooks/useLatestValue\"\nimport { focusableElements, preventDefaultHandler, toCssVariables } from \"../../lib/helpers\"\nimport { TransitionGroup } from \"../Transition\"\nimport { createPointerIntentArea, isPointInPolygon, type Polygon } from \"./pointerIntent\"\nimport s from \"./Popover.module.css\"\nimport { PopoverContext, usePopoverContext, type PopoverContextValue } from \"./usePopoverContext\"\n\nexport type PopoverProps = {\n  /** Sets controlled visibility state */\n  open?: boolean\n  /** Callback invoked when visibility state changes */\n  onOpenChange?: (nextState: boolean) => void\n  showOnHover?: boolean\n  hoverOpenDelay?: number\n  children: React.ReactNode\n}\n\nexport const Popover = ({\n  open: controlledOpen,\n  onOpenChange: controlledOnOpenChange,\n  showOnHover = false,\n  hoverOpenDelay = 150,\n  children,\n}: PopoverProps) => {\n  const [open, setOpen] = useState<boolean>(false)\n  const [shake, setShake] = useState<boolean>(false)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n  const openTimerRef = useRef<ReturnType<typeof setTimeout>>(undefined)\n  const hoverOpenFocusedWithTab = useRef<boolean>(false)\n  const isPointerInTransitRef = useRef<boolean>(false)\n  const isOpen = controlledOpen ?? open\n\n  const [temporarilyPreventClickToClose, setTemporarilyPreventClickToClose] =\n    useState<boolean>(false)\n  useTimeout(\n    () => setTemporarilyPreventClickToClose(false),\n    temporarilyPreventClickToClose ? 500 : null,\n  )\n\n  const latestOpenChange = useLatestValue(controlledOnOpenChange)\n\n  const handleOpenChangeImpl = useLatestValue((nextState: boolean) => {\n    clearTimeout(openTimerRef.current)\n\n    // No-op if the state is not changing\n    if (isOpen === nextState) {\n      return\n    }\n\n    if (!nextState) {\n      // clear any running shake animation on close\n      setShake(false)\n\n      // Check for specific hover conditions where focus should be\n      // immediately restored to the trigger before closing\n      if (showOnHover && hoverOpenFocusedWithTab.current) {\n        triggerRef.current?.focus()\n      }\n\n      // Always cleanup this state\n      hoverOpenFocusedWithTab.current = false\n    }\n\n    latestOpenChange.current?.(nextState)\n    setOpen(nextState)\n\n    if (showOnHover) {\n      setTemporarilyPreventClickToClose(nextState)\n    }\n  })\n\n  const handleOpenChange = useCallback(\n    (nextState: boolean) => {\n      handleOpenChangeImpl.current(nextState)\n    },\n    [handleOpenChangeImpl],\n  )\n\n  const handleTriggerEnter = useCallback(() => {\n    openTimerRef.current = setTimeout(() => handleOpenChange(true), hoverOpenDelay)\n  }, [handleOpenChange, hoverOpenDelay])\n\n  const handleTriggerLeave = useCallback(() => {\n    clearTimeout(openTimerRef.current)\n  }, [])\n\n  useEffect(() => {\n    return () => {\n      clearTimeout(openTimerRef.current)\n    }\n  }, [])\n\n  const store = useMemo<PopoverContextValue>(\n    () => ({\n      open: isOpen,\n      setOpen: handleOpenChange,\n      shake,\n      setShake,\n      showOnHover,\n      temporarilyPreventClickToClose,\n      onTriggerEnter: handleTriggerEnter,\n      onTriggerLeave: handleTriggerLeave,\n      isPointerInTransitRef,\n      triggerRef,\n      contentRef,\n      hoverOpenFocusedWithTab,\n    }),\n    [\n      isOpen,\n      handleOpenChange,\n      shake,\n      setShake,\n      showOnHover,\n      temporarilyPreventClickToClose,\n      hoverOpenFocusedWithTab,\n      isPointerInTransitRef,\n      handleTriggerEnter,\n      handleTriggerLeave,\n    ],\n  )\n\n  return (\n    <PopoverContext value={store}>\n      <RadixPopover.Root open={isOpen} onOpenChange={handleOpenChange} modal={false}>\n        {children}\n      </RadixPopover.Root>\n    </PopoverContext>\n  )\n}\n\nconst Trigger = ({\n  children,\n  onPointerDown,\n  onClick,\n}: {\n  children: React.ReactNode\n  onPointerDown?: PointerEventHandler\n  onClick?: MouseEventHandler\n}) => {\n  const {\n    setOpen,\n    showOnHover,\n    temporarilyPreventClickToClose,\n    onTriggerEnter,\n    onTriggerLeave,\n    isPointerInTransitRef,\n    triggerRef,\n    contentRef,\n  } = usePopoverContext()\n  const hasPointerMoveOpenedRef = useRef<boolean>(false)\n\n  const maybePreventClickClose = (evt: React.MouseEvent) => {\n    // Don't prevent temporary close if the trigger is an anchor tag itself\n    const isLink = evt.currentTarget.nodeName.toLocaleLowerCase() === \"a\"\n\n    if (!isLink && temporarilyPreventClickToClose) {\n      // Prevents tooltip listeners from closing\n      evt.preventDefault()\n      evt.stopPropagation()\n    }\n  }\n\n  const handlePointerMove = (evt: React.PointerEvent) => {\n    if (evt.pointerType === \"touch\") {\n      return\n    }\n\n    if (!hasPointerMoveOpenedRef.current && !isPointerInTransitRef.current) {\n      onTriggerEnter()\n      hasPointerMoveOpenedRef.current = true\n    }\n  }\n\n  const handlePointerLeave = () => {\n    if (!hasPointerMoveOpenedRef.current) {\n      return\n    }\n\n    onTriggerLeave()\n    hasPointerMoveOpenedRef.current = false\n  }\n\n  return (\n    <RadixPopover.Trigger\n      asChild\n      ref={triggerRef}\n      onPointerDown={(evt) => {\n        maybePreventClickClose(evt)\n        onPointerDown?.(evt)\n      }}\n      onClick={(evt) => {\n        maybePreventClickClose(evt)\n        onClick?.(evt)\n      }}\n      onPointerMove={showOnHover ? handlePointerMove : undefined}\n      onPointerLeave={showOnHover ? handlePointerLeave : undefined}\n      onFocus={showOnHover ? () => setOpen(true) : undefined}\n      onBlur={\n        showOnHover\n          ? () => {\n              setTimeout(() => {\n                // Ignore this handler if focus has moved into the popover\n                if (contentRef.current?.contains(document.activeElement)) {\n                  return\n                }\n\n                setOpen(false)\n              }, 50)\n            }\n          : undefined\n      }\n    >\n      {children}\n    </RadixPopover.Trigger>\n  )\n}\n\nexport type PopoverContentProps = {\n  children: ReactNode\n  /**\n   * Whether to avoid collisions with vieport/scroll containersw.\n   * @default true\n   */\n  avoidCollisions?: boolean\n  /**\n   * Set the `width` of the popover, in pixels.\n   * @default auto\n   */\n  width?: number | \"auto\"\n  /**\n   * Set the `min-width` of the popover, in pixels.\n   * @default 300\n   */\n  minWidth?: number | \"auto\"\n  /**\n   * Set the `max-width` of the popover, in pixels.\n   */\n  maxWidth?: number\n  /**\n   * Background style for the popover\n   * @default default\n   */\n  /**\n   * The preferred side of the trigger to render against when open. Will be reversed when collisions occur.\n   * @default bottom\n   */\n  side?: RadixPopover.PopoverContentProps[\"side\"]\n  /**\n   * The distance in pixels from the trigger.\n   * @default 8\n   */\n  sideOffset?: RadixPopover.PopoverContentProps[\"sideOffset\"]\n  /**\n   * The preferred alignment against the trigger. May change when collisions occur.\n   * @default center\n   */\n  align?: RadixPopover.PopoverContentProps[\"align\"]\n  /**\n   * An offset in pixels from the \"start\" or \"end\" alignment options.\n   * @default 0\n   */\n  alignOffset?: RadixPopover.PopoverContentProps[\"alignOffset\"]\n  /**\n   * Whether the popover surface should be translucent.\n   * @default false\n   */\n  translucent?: boolean\n  /** Additional class name to apply to the popover content, you usually don't want to set this, but ag-grid needs it to render a custom editor properly */\n  className?: string\n  /**\n   * Auto focus the popover content when it is opened.\n   * @default true\n   */\n  autoFocus?: boolean\n}\n\nconst ContentImpl = ({\n  children,\n  avoidCollisions,\n  width,\n  minWidth,\n  maxWidth,\n  side,\n  sideOffset = 8,\n  align,\n  alignOffset,\n  translucent,\n  className,\n  autoFocus = true,\n}: PopoverContentProps) => {\n  const { showOnHover, shake, contentRef } = usePopoverContext()\n\n  const handleKeyDown: KeyboardEventHandler<HTMLDivElement> = (evt) => {\n    const contentElement = contentRef.current\n\n    if (\n      // When the current target is our container\n      contentElement &&\n      evt.target === contentElement &&\n      // We know that shift key tabs will lead to closing the popover (because we don't use `modal`)\n      evt.key === \"Tab\" &&\n      evt.shiftKey\n    ) {\n      // Prevent that from happening\n      evt.preventDefault()\n      evt.stopPropagation()\n\n      // Move focus to the last focusable element, placing the user in the focus loop\n      const focusable = focusableElements(contentElement)\n      const lastFocusable = focusable[focusable.length - 1]\n      lastFocusable?.focus()\n    }\n  }\n\n  // Important that we send initial focus into the popover, placing it onto the container.\n  // This allows focus looping to begin, as well as capturing scoped key presses.\n  // We prevent Radix's default behavior of focusing an element, because this can have adverse side-effects.\n  useEffect(() => {\n    const contentElement = contentRef.current\n\n    if (!contentElement || !autoFocus) {\n      return\n    }\n\n    // If we're already focused within the content area, no-op.\n    // This would be true if some inner component declares autoFocus\n    if (contentElement?.contains(document.activeElement)) {\n      return\n    }\n\n    // Our focus isn't in the content area - move it there.\n    // NOTE: Don't automatically shift focus on hover popovers\n    if (!showOnHover) {\n      contentElement.focus({ preventScroll: true })\n    }\n  }, [contentRef, showOnHover, autoFocus])\n\n  return (\n    <RadixPopover.Content\n      forceMount\n      ref={contentRef}\n      className={clsx(s.Popover, className)}\n      style={toCssVariables({\n        \"popover-width\": width,\n        \"popover-min-width\": minWidth,\n        \"popover-max-width\": maxWidth,\n      })}\n      onCloseAutoFocus={showOnHover ? preventDefaultHandler : undefined}\n      // data-surface={surface}\n      data-animate={shake ? \"shake\" : undefined}\n      data-translucent={translucent ? \"true\" : undefined}\n      side={side}\n      sideOffset={sideOffset}\n      align={align}\n      alignOffset={alignOffset ?? (align === \"center\" ? 0 : -5)}\n      avoidCollisions={avoidCollisions ?? true}\n      hideWhenDetached\n      collisionPadding={20}\n      onOpenAutoFocus={preventDefaultHandler}\n      // Use custom esc listener because default Radix is bound to the document\n      // and cannot have propagation stopped.\n      onEscapeKeyDown={preventDefaultHandler}\n      onKeyDown={handleKeyDown}\n    >\n      {children}\n    </RadixPopover.Content>\n  )\n}\n\nconst ContentHoverable = (props: PopoverContentProps) => {\n  const { setOpen, triggerRef, contentRef, isPointerInTransitRef, hoverOpenFocusedWithTab } =\n    usePopoverContext()\n  const [pointerGraceArea, setPointerGraceArea] = useState<Polygon | null>(null)\n\n  const handleRemoveGraceArea = useCallback(() => {\n    setPointerGraceArea(null)\n    isPointerInTransitRef.current = false\n  }, [isPointerInTransitRef])\n\n  const handleCreateGraceArea = useCallback(\n    (event: PointerEvent, hoverTarget: HTMLElement) => {\n      const graceArea = createPointerIntentArea(event, hoverTarget)\n      setPointerGraceArea(graceArea)\n      isPointerInTransitRef.current = true\n    },\n    [isPointerInTransitRef],\n  )\n\n  useEffect(() => {\n    return () => handleRemoveGraceArea()\n  }, [handleRemoveGraceArea])\n\n  useEffect(() => {\n    const trigger = triggerRef.current\n    const content = contentRef.current\n\n    if (!trigger || !content) {\n      return\n    }\n\n    const handleTriggerLeave = (event: PointerEvent) => handleCreateGraceArea(event, content)\n    const handleContentLeave = (event: PointerEvent) => handleCreateGraceArea(event, trigger)\n\n    trigger.addEventListener(\"pointerleave\", handleTriggerLeave)\n    content.addEventListener(\"pointerleave\", handleContentLeave)\n    return () => {\n      trigger.removeEventListener(\"pointerleave\", handleTriggerLeave)\n      content.removeEventListener(\"pointerleave\", handleContentLeave)\n    }\n  }, [contentRef, triggerRef, handleCreateGraceArea, handleRemoveGraceArea])\n\n  useEffect(() => {\n    if (!pointerGraceArea) {\n      return\n    }\n\n    const handleTrackPointerGrace = (event: PointerEvent) => {\n      const trigger = triggerRef.current\n      const content = contentRef.current\n      const target = event.target as HTMLElement\n      const pointerPosition = { x: event.clientX, y: event.clientY }\n      const hasEnteredTarget = trigger?.contains(target) || content?.contains(target)\n      const isPointerOutsideGraceArea = !isPointInPolygon(pointerPosition, pointerGraceArea)\n      // Stop considering grace areas when the pointer runs into other control triggers\n      const targetHasPopup = target.hasAttribute(\"aria-haspopup\")\n\n      if (hasEnteredTarget) {\n        handleRemoveGraceArea()\n      } else if (isPointerOutsideGraceArea || targetHasPopup) {\n        handleRemoveGraceArea()\n        setOpen(false)\n      }\n    }\n    document.addEventListener(\"pointermove\", handleTrackPointerGrace)\n    return () => document.removeEventListener(\"pointermove\", handleTrackPointerGrace)\n  }, [pointerGraceArea, setOpen, handleRemoveGraceArea, triggerRef, contentRef])\n\n  // Hoverable doesn't place focus in the popover by default\n  // If this is open, and tab is pressed, and focusableElements() has an element, prevent default behavior and focus it\n  // Then set a flag (probably in context) that tells us to restore focus to the trigger on close (e.g., not execute the onCloseAutoFocus handler)\n\n  useEffect(() => {\n    const handleKeyDown = (evt: KeyboardEvent) => {\n      if (!contentRef.current) {\n        return\n      }\n\n      // Only assume forward tab is attempting to move into the popup\n      if (evt.key === \"Tab\" && !evt.shiftKey) {\n        const [firstFocusable] = focusableElements(contentRef.current)\n        if (firstFocusable) {\n          evt.preventDefault()\n          firstFocusable.focus()\n          hoverOpenFocusedWithTab.current = true\n          document.removeEventListener(\"keydown\", handleKeyDown)\n        }\n      }\n    }\n    document.addEventListener(\"keydown\", handleKeyDown)\n    return () => {\n      document.removeEventListener(\"keydown\", handleKeyDown)\n    }\n  }, [contentRef, hoverOpenFocusedWithTab])\n\n  return <ContentImpl {...props} />\n}\n\nconst Content = (props: PopoverContentProps) => {\n  const { open, showOnHover, setOpen } = usePopoverContext()\n\n  useEscCloseStack(open, () => {\n    setOpen(false)\n  })\n\n  return (\n    <RadixPopover.Portal forceMount>\n      <TransitionGroup\n        enterDuration={600}\n        exitDuration={300}\n        className={s.Transition}\n        disableAnimations\n      >\n        {open &&\n          (showOnHover ? (\n            <ContentHoverable key=\"popover-hover\" {...props} />\n          ) : (\n            <ContentImpl key=\"popover\" {...props} />\n          ))}\n      </TransitionGroup>\n    </RadixPopover.Portal>\n  )\n}\n\nPopover.Trigger = Trigger\nPopover.Content = Content\n"]}

package/dist/es/components/Popover/Popover.module.css

@@ -0,0 +1,82 @@
+@layer components {.Transition {
+  /* CSS Modules requires a top-level class to create the string map entry */
+}.Popover {
+  z-index: 50;
+  overflow: auto;
+  width: var(--popover-width, auto);
+  min-width: var(--popover-min-width, 300px);
+  max-width: min(var(--popover-max-width, 700px), var(--radix-popover-content-available-width));
+  max-height: var(--radix-popover-content-available-height);
+  border-radius: var(--popover-radius);
+  background: var(--color-surface-elevated);
+  box-shadow: var(--shadow), var(--shadow-hairline);
+  -webkit-overflow-scrolling: touch;
+  transform-origin: var(--radix-popover-content-transform-origin);
+  will-change: transform;
+}
+
+  .Popover:focus {
+    outline: none;
+  }
+
+  .Popover[data-translucent] {
+    backdrop-filter: blur(16px);
+    background: linear-gradient(360deg, rgb(247 247 248 / 50%) 0%, rgb(247 247 248 / 100%) 100%);
+  }
+
+    :where([data-theme="dark"]) .Popover[data-translucent] {
+      background: linear-gradient(360deg, rgb(86 88 105 / 25%) 0%, rgb(86 88 105 / 49%) 100%);
+}
+
+  /* One-off animations */
+  .Popover[data-animate="shake"] {
+    animation: shake 0.4s ease;
+  }
+
+  /* Visibility transitions */
+  .Transition[data-entering] .Popover {
+    opacity: 0;
+    transform: scale(0.95);
+  }
+
+  .Transition[data-entering-active] .Popover,
+  .Transition[data-entering][data-interrupted] .Popover {
+    opacity: 1;
+    transform: scale(1);
+    transition-duration: 0.35s;
+    transition-property: opacity, transform;
+    transition-timing-function: var(--cubic-enter);
+  }
+
+  .Transition[data-exiting] .Popover {
+    opacity: 1;
+    transform: scale(1);
+  }
+
+  .Transition[data-exiting-active] .Popover,
+  .Transition[data-exiting][data-interrupted] .Popover {
+    opacity: 0;
+    transform: scale(0.95);
+    transition-duration: 0.2s;
+    transition-property: opacity, transform;
+    transition-timing-function: var(--cubic-exit);
+  }@keyframes shake {
+  0% {
+    transform: translateX(0);
+  }
+
+  20%,
+  60% {
+    transform: translateX(-5px);
+  }
+
+  40%,
+  80% {
+    transform: translateX(5px);
+  }
+
+  100% {
+    transform: translateX(0);
+  }
+}
+}

package/dist/es/components/Popover/index.js

@@ -0,0 +1,4 @@
+export { Popover } from "./Popover";
+// eslint-disable-next-line react-refresh/only-export-components
+export { usePopoverController } from "./usePopoverController";
+//# sourceMappingURL=index.js.map

package/dist/es/components/Popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAA+C,MAAM,WAAW,CAAA;AAChF,gEAAgE;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA","sourcesContent":["export { Popover, type PopoverContentProps, type PopoverProps } from \"./Popover\"\n// eslint-disable-next-line react-refresh/only-export-components\nexport { usePopoverController } from \"./usePopoverController\"\n"]}

package/dist/es/components/Popover/pointerIntent.js

@@ -0,0 +1,134 @@
+// Based on https://github.com/radix-ui/primitives/blob/main/packages/react/tooltip/src/tooltip.tsx
+export const createPointerIntentArea = (event, hoverTarget) => {
+    const currentTarget = event.currentTarget;
+    const exitPoint = { x: event.clientX, y: event.clientY };
+    const exitSide = getExitSideFromRect(exitPoint, currentTarget.getBoundingClientRect());
+    const paddedExitPoints = getPaddedExitPoints(exitPoint, exitSide);
+    const hoverTargetPoints = getPointsFromRect(hoverTarget.getBoundingClientRect());
+    const graceArea = getHull([...paddedExitPoints, ...hoverTargetPoints]);
+    return graceArea;
+};
+function getExitSideFromRect(point, rect) {
+    const top = Math.abs(rect.top - point.y);
+    const bottom = Math.abs(rect.bottom - point.y);
+    const right = Math.abs(rect.right - point.x);
+    const left = Math.abs(rect.left - point.x);
+    switch (Math.min(top, bottom, right, left)) {
+        case left:
+            return "left";
+        case right:
+            return "right";
+        case top:
+            return "top";
+        case bottom:
+            return "bottom";
+        default:
+            throw new Error("unreachable");
+    }
+}
+function getPaddedExitPoints(exitPoint, exitSide, padding = 5) {
+    const paddedExitPoints = [];
+    switch (exitSide) {
+        case "top":
+            paddedExitPoints.push({ x: exitPoint.x - padding, y: exitPoint.y + padding }, { x: exitPoint.x + padding, y: exitPoint.y + padding });
+            break;
+        case "bottom":
+            paddedExitPoints.push({ x: exitPoint.x - padding, y: exitPoint.y - padding }, { x: exitPoint.x + padding, y: exitPoint.y - padding });
+            break;
+        case "left":
+            paddedExitPoints.push({ x: exitPoint.x + padding, y: exitPoint.y - padding }, { x: exitPoint.x + padding, y: exitPoint.y + padding });
+            break;
+        case "right":
+            paddedExitPoints.push({ x: exitPoint.x - padding, y: exitPoint.y - padding }, { x: exitPoint.x - padding, y: exitPoint.y + padding });
+            break;
+    }
+    return paddedExitPoints;
+}
+function getPointsFromRect(rect) {
+    const { top, right, bottom, left } = rect;
+    return [
+        { x: left, y: top },
+        { x: right, y: top },
+        { x: right, y: bottom },
+        { x: left, y: bottom },
+    ];
+}
+// Determine if a point is inside of a polygon.
+export function isPointInPolygon(point, polygon) {
+    const { x, y } = point;
+    let inside = false;
+    for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {
+        const ii = polygon[i];
+        const jj = polygon[j];
+        const xi = ii.x;
+        const yi = ii.y;
+        const xj = jj.x;
+        const yj = jj.y;
+        // prettier-ignore
+        const intersect = ((yi > y) !== (yj > y)) && (x < (xj - xi) * (y - yi) / (yj - yi) + xi);
+        if (intersect)
+            inside = !inside;
+    }
+    return inside;
+}
+// Returns a new array of points representing the convex hull of the given set of points.
+// https://www.nayuki.io/page/convex-hull-algorithm
+function getHull(points) {
+    const newPoints = points.slice();
+    newPoints.sort((a, b) => {
+        if (a.x < b.x)
+            return -1;
+        else if (a.x > b.x)
+            return +1;
+        else if (a.y < b.y)
+            return -1;
+        else if (a.y > b.y)
+            return +1;
+        else
+            return 0;
+    });
+    return getHullPresorted(newPoints);
+}
+// Returns the convex hull, assuming that each points[i] <= points[i + 1]. Runs in O(n) time.
+function getHullPresorted(points) {
+    if (points.length <= 1)
+        return points.slice();
+    const upperHull = [];
+    for (let i = 0; i < points.length; i++) {
+        const p = points[i];
+        while (upperHull.length >= 2) {
+            const q = upperHull[upperHull.length - 1];
+            const r = upperHull[upperHull.length - 2];
+            if ((q.x - r.x) * (p.y - r.y) >= (q.y - r.y) * (p.x - r.x))
+                upperHull.pop();
+            else
+                break;
+        }
+        upperHull.push(p);
+    }
+    upperHull.pop();
+    const lowerHull = [];
+    for (let i = points.length - 1; i >= 0; i--) {
+        const p = points[i];
+        while (lowerHull.length >= 2) {
+            const q = lowerHull[lowerHull.length - 1];
+            const r = lowerHull[lowerHull.length - 2];
+            if ((q.x - r.x) * (p.y - r.y) >= (q.y - r.y) * (p.x - r.x))
+                lowerHull.pop();
+            else
+                break;
+        }
+        lowerHull.push(p);
+    }
+    lowerHull.pop();
+    if (upperHull.length === 1 &&
+        lowerHull.length === 1 &&
+        upperHull[0].x === lowerHull[0].x &&
+        upperHull[0].y === lowerHull[0].y) {
+        return upperHull;
+    }
+    else {
+        return upperHull.concat(lowerHull);
+    }
+}
+//# sourceMappingURL=pointerIntent.js.map

package/dist/es/components/Popover/pointerIntent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pointerIntent.js","sourceRoot":"","sources":["../../../../src/components/Popover/pointerIntent.ts"],"names":[],"mappings":"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","sourcesContent":["// Based on https://github.com/radix-ui/primitives/blob/main/packages/react/tooltip/src/tooltip.tsx\n\nexport type Polygon = Point[]\ntype Point = { x: number; y: number }\ntype Side = \"left\" | \"right\" | \"top\" | \"bottom\"\n\nexport const createPointerIntentArea = (event: PointerEvent, hoverTarget: HTMLElement) => {\n  const currentTarget = event.currentTarget as HTMLElement\n  const exitPoint = { x: event.clientX, y: event.clientY }\n  const exitSide = getExitSideFromRect(exitPoint, currentTarget.getBoundingClientRect())\n  const paddedExitPoints = getPaddedExitPoints(exitPoint, exitSide)\n  const hoverTargetPoints = getPointsFromRect(hoverTarget.getBoundingClientRect())\n  const graceArea = getHull([...paddedExitPoints, ...hoverTargetPoints])\n  return graceArea\n}\n\nfunction getExitSideFromRect(point: Point, rect: DOMRect): Side {\n  const top = Math.abs(rect.top - point.y)\n  const bottom = Math.abs(rect.bottom - point.y)\n  const right = Math.abs(rect.right - point.x)\n  const left = Math.abs(rect.left - point.x)\n\n  switch (Math.min(top, bottom, right, left)) {\n    case left:\n      return \"left\"\n    case right:\n      return \"right\"\n    case top:\n      return \"top\"\n    case bottom:\n      return \"bottom\"\n    default:\n      throw new Error(\"unreachable\")\n  }\n}\n\nfunction getPaddedExitPoints(exitPoint: Point, exitSide: Side, padding = 5) {\n  const paddedExitPoints: Point[] = []\n  switch (exitSide) {\n    case \"top\":\n      paddedExitPoints.push(\n        { x: exitPoint.x - padding, y: exitPoint.y + padding },\n        { x: exitPoint.x + padding, y: exitPoint.y + padding },\n      )\n      break\n    case \"bottom\":\n      paddedExitPoints.push(\n        { x: exitPoint.x - padding, y: exitPoint.y - padding },\n        { x: exitPoint.x + padding, y: exitPoint.y - padding },\n      )\n      break\n    case \"left\":\n      paddedExitPoints.push(\n        { x: exitPoint.x + padding, y: exitPoint.y - padding },\n        { x: exitPoint.x + padding, y: exitPoint.y + padding },\n      )\n      break\n    case \"right\":\n      paddedExitPoints.push(\n        { x: exitPoint.x - padding, y: exitPoint.y - padding },\n        { x: exitPoint.x - padding, y: exitPoint.y + padding },\n      )\n      break\n  }\n  return paddedExitPoints\n}\n\nfunction getPointsFromRect(rect: DOMRect) {\n  const { top, right, bottom, left } = rect\n  return [\n    { x: left, y: top },\n    { x: right, y: top },\n    { x: right, y: bottom },\n    { x: left, y: bottom },\n  ]\n}\n\n// Determine if a point is inside of a polygon.\nexport function isPointInPolygon(point: Point, polygon: Polygon) {\n  const { x, y } = point\n  let inside = false\n  for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) {\n    const ii = polygon[i]!\n    const jj = polygon[j]!\n    const xi = ii.x\n    const yi = ii.y\n    const xj = jj.x\n    const yj = jj.y\n\n    // prettier-ignore\n    const intersect = ((yi > y) !== (yj > y)) && (x < (xj - xi) * (y - yi) / (yj - yi) + xi);\n    if (intersect) inside = !inside\n  }\n\n  return inside\n}\n\n// Returns a new array of points representing the convex hull of the given set of points.\n// https://www.nayuki.io/page/convex-hull-algorithm\nfunction getHull<P extends Point>(points: Readonly<Array<P>>): Array<P> {\n  const newPoints: Array<P> = points.slice()\n  newPoints.sort((a: Point, b: Point) => {\n    if (a.x < b.x) return -1\n    else if (a.x > b.x) return +1\n    else if (a.y < b.y) return -1\n    else if (a.y > b.y) return +1\n    else return 0\n  })\n  return getHullPresorted(newPoints)\n}\n\n// Returns the convex hull, assuming that each points[i] <= points[i + 1]. Runs in O(n) time.\nfunction getHullPresorted<P extends Point>(points: Readonly<Array<P>>): Array<P> {\n  if (points.length <= 1) return points.slice()\n\n  const upperHull: Array<P> = []\n  for (let i = 0; i < points.length; i++) {\n    const p = points[i]!\n    while (upperHull.length >= 2) {\n      const q = upperHull[upperHull.length - 1]!\n      const r = upperHull[upperHull.length - 2]!\n      if ((q.x - r.x) * (p.y - r.y) >= (q.y - r.y) * (p.x - r.x)) upperHull.pop()\n      else break\n    }\n    upperHull.push(p)\n  }\n  upperHull.pop()\n\n  const lowerHull: Array<P> = []\n  for (let i = points.length - 1; i >= 0; i--) {\n    const p = points[i]!\n    while (lowerHull.length >= 2) {\n      const q = lowerHull[lowerHull.length - 1]!\n      const r = lowerHull[lowerHull.length - 2]!\n      if ((q.x - r.x) * (p.y - r.y) >= (q.y - r.y) * (p.x - r.x)) lowerHull.pop()\n      else break\n    }\n    lowerHull.push(p)\n  }\n  lowerHull.pop()\n\n  if (\n    upperHull.length === 1 &&\n    lowerHull.length === 1 &&\n    upperHull[0]!.x === lowerHull[0]!.x &&\n    upperHull[0]!.y === lowerHull[0]!.y\n  ) {\n    return upperHull\n  } else {\n    return upperHull.concat(lowerHull)\n  }\n}\n"]}

package/dist/es/components/Popover/usePopoverContext.js

@@ -0,0 +1,11 @@
+"use client";
+import { createContext, use } from "react";
+export const PopoverContext = createContext(null);
+export const usePopoverContext = () => {
+    const context = use(PopoverContext);
+    if (!context) {
+        throw new Error("Popover components must be wrapped in <Popover />");
+    }
+    return context;
+};
+//# sourceMappingURL=usePopoverContext.js.map

package/dist/es/components/Popover/usePopoverContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePopoverContext.js","sourceRoot":"","sources":["../../../../src/components/Popover/usePopoverContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,aAAa,EAAE,GAAG,EAAkB,MAAM,OAAO,CAAA;AAiB1D,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAA6B,IAAI,CAAC,CAAA;AAE7E,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,OAAO,GAAG,GAAG,CAAC,cAAc,CAAC,CAAA;IAEnC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAA;IACtE,CAAC;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA","sourcesContent":["\"use client\"\n\nimport { createContext, use, type RefObject } from \"react\"\n\nexport type PopoverContextValue = {\n  open: boolean\n  setOpen: (next: boolean) => void\n  shake: boolean\n  setShake: (next: boolean) => void\n  showOnHover: boolean\n  temporarilyPreventClickToClose: boolean\n  onTriggerEnter: () => void\n  onTriggerLeave: () => void\n  hoverOpenFocusedWithTab: RefObject<boolean>\n  isPointerInTransitRef: RefObject<boolean>\n  triggerRef: RefObject<HTMLButtonElement | null>\n  contentRef: RefObject<HTMLDivElement | null>\n}\n\nexport const PopoverContext = createContext<PopoverContextValue | null>(null)\n\nexport const usePopoverContext = () => {\n  const context = use(PopoverContext)\n\n  if (!context) {\n    throw new Error(\"Popover components must be wrapped in <Popover />\")\n  }\n\n  return context\n}\n"]}

package/dist/es/components/Popover/usePopoverController.js

@@ -0,0 +1,25 @@
+"use client";
+import { useCallback } from "react";
+import { flushSync } from "react-dom";
+import { waitForAnimationFrame } from "../../lib/helpers";
+import { usePopoverContext } from "./usePopoverContext";
+export const usePopoverClose = () => {
+    const { setOpen } = usePopoverContext();
+    return useCallback(() => setOpen(false), [setOpen]);
+};
+export const usePopoverShake = () => {
+    const { setShake } = usePopoverContext();
+    return useCallback(() => {
+        // Sequence: (1) ensure shake is cleared, then (2) set on the next tick
+        flushSync(() => {
+            setShake(false);
+        });
+        waitForAnimationFrame(() => setShake(true));
+    }, [setShake]);
+};
+export const usePopoverController = () => {
+    const shake = usePopoverShake();
+    const close = usePopoverClose();
+    return { close, shake };
+};
+//# sourceMappingURL=usePopoverController.js.map

package/dist/es/components/Popover/usePopoverController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePopoverController.js","sourceRoot":"","sources":["../../../../src/components/Popover/usePopoverController.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,EAAE,OAAO,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACvC,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;AACrD,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,EAAE,QAAQ,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACxC,OAAO,WAAW,CAAC,GAAG,EAAE;QACtB,uEAAuE;QACvE,SAAS,CAAC,GAAG,EAAE;YACb,QAAQ,CAAC,KAAK,CAAC,CAAA;QACjB,CAAC,CAAC,CAAA;QACF,qBAAqB,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAA;IAC7C,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;AAChB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAKlC,EAAE;IACF,MAAM,KAAK,GAAG,eAAe,EAAE,CAAA;IAC/B,MAAM,KAAK,GAAG,eAAe,EAAE,CAAA;IAC/B,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAA;AACzB,CAAC,CAAA","sourcesContent":["\"use client\"\n\nimport { useCallback } from \"react\"\nimport { flushSync } from \"react-dom\"\nimport { waitForAnimationFrame } from \"../../lib/helpers\"\nimport { usePopoverContext } from \"./usePopoverContext\"\n\nexport const usePopoverClose = () => {\n  const { setOpen } = usePopoverContext()\n  return useCallback(() => setOpen(false), [setOpen])\n}\n\nexport const usePopoverShake = () => {\n  const { setShake } = usePopoverContext()\n  return useCallback(() => {\n    // Sequence: (1) ensure shake is cleared, then (2) set on the next tick\n    flushSync(() => {\n      setShake(false)\n    })\n    waitForAnimationFrame(() => setShake(true))\n  }, [setShake])\n}\n\nexport const usePopoverController = (): {\n  /** Plays a short shake animation on the modal. */\n  shake: () => void\n  /** Imperatively closes the modal. */\n  close: () => void\n} => {\n  const shake = usePopoverShake()\n  const close = usePopoverClose()\n  return { close, shake }\n}\n"]}

package/dist/es/components/ProgressSteps/ProgressSteps.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import React, { createContext, use, useMemo, useRef } from "react";
+import { isDev } from "../../lib/environment";
+import { CheckMd } from "../Icon";
+import s from "./ProgressSteps.module.css";
+const ProgressStepsContext = createContext(null);
+const useProgressStepsContext = () => {
+    const context = use(ProgressStepsContext);
+    if (!context) {
+        throw new Error("ProgressSteps components must be wrapped in <ProgressSteps />");
+    }
+    return context;
+};
+export const ProgressSteps = ({ current, total, variant = "default", color = "default", orientation = "horizontal", size = "md", connectorStyle = "solid", children, className, }) => {
+    const totalSteps = variant === "minimal" ? total ?? 0 : React.Children.count(children);
+    const warnedRef = useRef(false);
+    if (isDev && variant === "minimal" && (total == null || total <= 0) && !warnedRef.current) {
+        warnedRef.current = true;
+        // eslint-disable-next-line no-console
+        console.warn('[ProgressSteps] variant="minimal" requires a positive `total` prop. Received:', total);
+    }
+    const store = useMemo(() => ({ current, orientation, size, connectorStyle, variant, color, totalSteps }), [current, orientation, size, connectorStyle, variant, color, totalSteps]);
+    // Minimal variant: render horizontal bar segments
+    if (variant === "minimal") {
+        return (_jsx("nav", { "aria-label": "Progress", role: "progressbar", "aria-valuenow": current, "aria-valuemin": 1, "aria-valuemax": totalSteps, className: clsx(s.ProgressSteps, s.Minimal, className), "data-size": size, "data-color": color, "data-variant": "minimal", children: _jsx("div", { className: s.MinimalList, children: Array.from({ length: totalSteps }, (_, i) => (_jsx("div", { className: s.MinimalSegment, "data-state": i < current ? "completed" : "upcoming" }, i))) }) }));
+    }
+    return (_jsx(ProgressStepsContext, { value: store, children: _jsx("nav", { "aria-label": "Progress", className: clsx(s.ProgressSteps, className), "data-size": size, "data-color": color, "data-variant": variant, children: _jsx("ol", { className: s.List, "data-orientation": orientation, "data-connector": connectorStyle, "data-variant": variant, children: React.Children.map(children, (child, index) => React.isValidElement(child)
+                    ? React.cloneElement(child, { _index: index })
+                    : child) }) }) }));
+};
+const Step = ({ children, icon, _index = 0 }) => {
+    const { current, totalSteps } = useProgressStepsContext();
+    const state = _index < current - 1 ? "completed" : _index === current - 1 ? "active" : "inactive";
+    const isLast = _index === totalSteps - 1;
+    return (_jsxs("li", { className: s.Step, "data-state": state, "aria-current": state === "active" ? "step" : undefined, children: [_jsx("div", { className: s.StepIndicator, children: state === "completed" ? _jsx(CheckMd, { "data-no-autosize": true }) : icon ?? _index + 1 }), !isLast && _jsx("div", { className: s.StepConnector }), _jsx("div", { className: s.StepContent, children: children })] }));
+};
+const Title = ({ children, className }) => (_jsx("div", { className: clsx(s.StepTitle, className), children: children }));
+const Description = ({ children, className }) => (_jsx("div", { className: clsx(s.StepDescription, className), children: children }));
+ProgressSteps.Step = Step;
+ProgressSteps.Title = Title;
+ProgressSteps.Description = Description;
+//# sourceMappingURL=ProgressSteps.js.map

package/dist/es/components/ProgressSteps/ProgressSteps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressSteps.js","sourceRoot":"","sources":["../../../../src/components/ProgressSteps/ProgressSteps.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport clsx from \"clsx\"\nimport React, { createContext, use, useMemo, useRef, type ReactNode } from \"react\"\nimport { isDev } from \"../../lib/environment\"\nimport type { Sizes } from \"../../types\"\nimport { CheckMd } from \"../Icon\"\nimport s from \"./ProgressSteps.module.css\"\n\ntype Orientation = \"horizontal\" | \"vertical\"\ntype StepState = \"completed\" | \"active\" | \"inactive\"\ntype ConnectorStyle = \"solid\" | \"dashed\"\ntype Variant = \"default\" | \"minimal\"\ntype Color = \"default\" | \"success\"\n\ntype ProgressStepsContextValue = {\n  current: number\n  orientation: Orientation\n  size: Sizes<\"sm\" | \"md\" | \"lg\">\n  connectorStyle: ConnectorStyle\n  variant: Variant\n  color: Color\n  totalSteps: number\n}\n\nconst ProgressStepsContext = createContext<ProgressStepsContextValue | null>(null)\n\nconst useProgressStepsContext = () => {\n  const context = use(ProgressStepsContext)\n  if (!context) {\n    throw new Error(\"ProgressSteps components must be wrapped in <ProgressSteps />\")\n  }\n  return context\n}\n\nexport type ProgressStepsProps = {\n  /** Current active step (1-indexed, starts from 1) */\n  current: number\n  /**\n   * Total number of steps (required for minimal variant)\n   */\n  total?: number\n  /**\n   * Visual variant\n   * @default default\n   */\n  variant?: Variant\n  /**\n   * Color scheme\n   * @default default\n   */\n  color?: Color\n  /**\n   * Layout orientation\n   * @default horizontal\n   */\n  orientation?: Orientation\n  /**\n   * Size of step indicators\n   * @default md\n   */\n  size?: Sizes<\"sm\" | \"md\" | \"lg\">\n  /**\n   * Connector line style\n   * @default solid\n   */\n  connectorStyle?: ConnectorStyle\n  /** Class applied to the container */\n  className?: string\n  children?: ReactNode\n}\n\nexport const ProgressSteps = ({\n  current,\n  total,\n  variant = \"default\",\n  color = \"default\",\n  orientation = \"horizontal\",\n  size = \"md\",\n  connectorStyle = \"solid\",\n  children,\n  className,\n}: ProgressStepsProps) => {\n  const totalSteps = variant === \"minimal\" ? total ?? 0 : React.Children.count(children)\n\n  const warnedRef = useRef(false)\n  if (isDev && variant === \"minimal\" && (total == null || total <= 0) && !warnedRef.current) {\n    warnedRef.current = true\n    // eslint-disable-next-line no-console\n    console.warn(\n      '[ProgressSteps] variant=\"minimal\" requires a positive `total` prop. Received:',\n      total,\n    )\n  }\n\n  const store = useMemo<ProgressStepsContextValue>(\n    () => ({ current, orientation, size, connectorStyle, variant, color, totalSteps }),\n    [current, orientation, size, connectorStyle, variant, color, totalSteps],\n  )\n\n  // Minimal variant: render horizontal bar segments\n  if (variant === \"minimal\") {\n    return (\n      <nav\n        aria-label=\"Progress\"\n        role=\"progressbar\"\n        aria-valuenow={current}\n        aria-valuemin={1}\n        aria-valuemax={totalSteps}\n        className={clsx(s.ProgressSteps, s.Minimal, className)}\n        data-size={size}\n        data-color={color}\n        data-variant=\"minimal\"\n      >\n        <div className={s.MinimalList}>\n          {Array.from({ length: totalSteps }, (_, i) => (\n            <div\n              key={i}\n              className={s.MinimalSegment}\n              data-state={i < current ? \"completed\" : \"upcoming\"}\n            />\n          ))}\n        </div>\n      </nav>\n    )\n  }\n\n  return (\n    <ProgressStepsContext value={store}>\n      <nav\n        aria-label=\"Progress\"\n        className={clsx(s.ProgressSteps, className)}\n        data-size={size}\n        data-color={color}\n        data-variant={variant}\n      >\n        <ol\n          className={s.List}\n          data-orientation={orientation}\n          data-connector={connectorStyle}\n          data-variant={variant}\n        >\n          {React.Children.map(children, (child, index) =>\n            React.isValidElement(child)\n              ? React.cloneElement(child, { _index: index } as Record<string, unknown>)\n              : child,\n          )}\n        </ol>\n      </nav>\n    </ProgressStepsContext>\n  )\n}\n\nexport type StepProps = {\n  /** Custom icon (replaces step number) */\n  icon?: ReactNode\n  /** Step content (Title and/or Description) */\n  children?: ReactNode\n  /** @internal - injected by parent */\n  _index?: number\n}\n\nconst Step = ({ children, icon, _index = 0 }: StepProps) => {\n  const { current, totalSteps } = useProgressStepsContext()\n\n  const state: StepState =\n    _index < current - 1 ? \"completed\" : _index === current - 1 ? \"active\" : \"inactive\"\n\n  const isLast = _index === totalSteps - 1\n\n  return (\n    <li\n      className={s.Step}\n      data-state={state}\n      aria-current={state === \"active\" ? \"step\" : undefined}\n    >\n      <div className={s.StepIndicator}>\n        {state === \"completed\" ? <CheckMd data-no-autosize /> : icon ?? _index + 1}\n      </div>\n      {!isLast && <div className={s.StepConnector} />}\n      <div className={s.StepContent}>{children}</div>\n    </li>\n  )\n}\n\nconst Title = ({ children, className }: { children: ReactNode; className?: string }) => (\n  <div className={clsx(s.StepTitle, className)}>{children}</div>\n)\n\nconst Description = ({ children, className }: { children: ReactNode; className?: string }) => (\n  <div className={clsx(s.StepDescription, className)}>{children}</div>\n)\n\nProgressSteps.Step = Step\nProgressSteps.Title = Title\nProgressSteps.Description = Description\n"]}