@stableflow/pay-ui 0.0.1-beta-82ede460a5-20260923

package/dist/chunk-RUOUGZWI.js

@@ -0,0 +1,73 @@
+// src/overlay/config.ts
+var OVERLAY_BASE_Z_INDEX = 1e3;
+var OVERLAY_Z_INDEX_STEP = 10;
+var FLOATING_LAYER_Z_INDEX = 1100;
+var WALLET_PORTAL_Z_INDEX = 1e4;
+var DESKTOP_MEDIA_QUERY = "(min-width: 768px)";
+var OVERLAY_MASK_FADE_SECONDS = 0.1;
+var OVERLAY_DIALOG_PANEL_FADE_SECONDS = 0.1;
+var OVERLAY_PANEL_SLIDE_SECONDS = 0.2;
+var OVERLAY_EXIT_SECONDS = OVERLAY_MASK_FADE_SECONDS + OVERLAY_PANEL_SLIDE_SECONDS;
+
+// src/overlay/stack.ts
+var layerSeq = 0;
+var openLayers = [];
+var previousBodyOverflow = null;
+function lockBodyScroll() {
+  if (typeof document === "undefined") return;
+  previousBodyOverflow = document.body.style.overflow;
+  document.body.style.overflow = "hidden";
+}
+function unlockBodyScroll() {
+  if (typeof document === "undefined") return;
+  document.body.style.overflow = previousBodyOverflow ?? "";
+  previousBodyOverflow = null;
+}
+function acquireOverlayLayer() {
+  layerSeq += 1;
+  const zIndex = OVERLAY_BASE_Z_INDEX + layerSeq * OVERLAY_Z_INDEX_STEP;
+  openLayers.push(zIndex);
+  if (openLayers.length === 1) {
+    lockBodyScroll();
+  }
+  return zIndex;
+}
+function releaseOverlayLayer(zIndex) {
+  const index = openLayers.lastIndexOf(zIndex);
+  if (index >= 0) {
+    openLayers.splice(index, 1);
+  }
+  if (openLayers.length === 0) {
+    layerSeq = 0;
+    unlockBodyScroll();
+  }
+}
+function isTopOverlay(zIndex) {
+  return openLayers[openLayers.length - 1] === zIndex;
+}
+function floatingLayerZIndex() {
+  const top = openLayers[openLayers.length - 1];
+  if (top == null) return FLOATING_LAYER_Z_INDEX;
+  return top + OVERLAY_Z_INDEX_STEP;
+}
+function elevatedOverlayZIndex(acquired) {
+  return WALLET_PORTAL_Z_INDEX + (acquired - OVERLAY_BASE_Z_INDEX);
+}
+
+export {
+  OVERLAY_BASE_Z_INDEX,
+  OVERLAY_Z_INDEX_STEP,
+  FLOATING_LAYER_Z_INDEX,
+  WALLET_PORTAL_Z_INDEX,
+  DESKTOP_MEDIA_QUERY,
+  OVERLAY_MASK_FADE_SECONDS,
+  OVERLAY_DIALOG_PANEL_FADE_SECONDS,
+  OVERLAY_PANEL_SLIDE_SECONDS,
+  OVERLAY_EXIT_SECONDS,
+  acquireOverlayLayer,
+  releaseOverlayLayer,
+  isTopOverlay,
+  floatingLayerZIndex,
+  elevatedOverlayZIndex
+};
+//# sourceMappingURL=chunk-RUOUGZWI.js.map

package/dist/chunk-RUOUGZWI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/overlay/config.ts","../src/overlay/stack.ts"],"sourcesContent":["export const OVERLAY_BASE_Z_INDEX = 1000;\nexport const OVERLAY_Z_INDEX_STEP = 10;\n/** Portalled menus and tooltips when no overlay is open. */\nexport const FLOATING_LAYER_Z_INDEX = 1100;\n/** Wallet portals must sit above Overlay. */\nexport const WALLET_PORTAL_Z_INDEX = 10000;\n\nexport const DESKTOP_MEDIA_QUERY = \"(min-width: 768px)\";\n\n/** Mask fade in and out. The panel enter waits so the mask shows first. */\nexport const OVERLAY_MASK_FADE_SECONDS = 0.1;\n/** Dialog panel fade on open and close. */\nexport const OVERLAY_DIALOG_PANEL_FADE_SECONDS = 0.1;\n/** Drawer panel slide. */\nexport const OVERLAY_PANEL_SLIDE_SECONDS = 0.2;\nexport const OVERLAY_EXIT_SECONDS = OVERLAY_MASK_FADE_SECONDS + OVERLAY_PANEL_SLIDE_SECONDS;\n","import {\n  FLOATING_LAYER_Z_INDEX,\n  OVERLAY_BASE_Z_INDEX,\n  OVERLAY_Z_INDEX_STEP,\n  WALLET_PORTAL_Z_INDEX,\n} from \"./config\";\n\nlet layerSeq = 0;\nconst openLayers: number[] = [];\nlet previousBodyOverflow: string | null = null;\n\nfunction lockBodyScroll() {\n  if (typeof document === \"undefined\") return;\n  previousBodyOverflow = document.body.style.overflow;\n  document.body.style.overflow = \"hidden\";\n}\n\nfunction unlockBodyScroll() {\n  if (typeof document === \"undefined\") return;\n  document.body.style.overflow = previousBodyOverflow ?? \"\";\n  previousBodyOverflow = null;\n}\n\nexport function acquireOverlayLayer(): number {\n  layerSeq += 1;\n  const zIndex = OVERLAY_BASE_Z_INDEX + layerSeq * OVERLAY_Z_INDEX_STEP;\n  openLayers.push(zIndex);\n  if (openLayers.length === 1) {\n    lockBodyScroll();\n  }\n  return zIndex;\n}\n\nexport function releaseOverlayLayer(zIndex: number) {\n  const index = openLayers.lastIndexOf(zIndex);\n  if (index >= 0) {\n    openLayers.splice(index, 1);\n  }\n  if (openLayers.length === 0) {\n    layerSeq = 0;\n    unlockBodyScroll();\n  }\n}\n\nexport function isTopOverlay(zIndex: number) {\n  return openLayers[openLayers.length - 1] === zIndex;\n}\n\nexport function floatingLayerZIndex(): number {\n  const top = openLayers[openLayers.length - 1];\n  if (top == null) return FLOATING_LAYER_Z_INDEX;\n  return top + OVERLAY_Z_INDEX_STEP;\n}\n\nexport function elevatedOverlayZIndex(acquired: number): number {\n  return WALLET_PORTAL_Z_INDEX + (acquired - OVERLAY_BASE_Z_INDEX);\n}\n"],"mappings":";AAAO,IAAM,uBAAuB;AAC7B,IAAM,uBAAuB;AAE7B,IAAM,yBAAyB;AAE/B,IAAM,wBAAwB;AAE9B,IAAM,sBAAsB;AAG5B,IAAM,4BAA4B;AAElC,IAAM,oCAAoC;AAE1C,IAAM,8BAA8B;AACpC,IAAM,uBAAuB,4BAA4B;;;ACRhE,IAAI,WAAW;AACf,IAAM,aAAuB,CAAC;AAC9B,IAAI,uBAAsC;AAE1C,SAAS,iBAAiB;AACxB,MAAI,OAAO,aAAa,YAAa;AACrC,yBAAuB,SAAS,KAAK,MAAM;AAC3C,WAAS,KAAK,MAAM,WAAW;AACjC;AAEA,SAAS,mBAAmB;AAC1B,MAAI,OAAO,aAAa,YAAa;AACrC,WAAS,KAAK,MAAM,WAAW,wBAAwB;AACvD,yBAAuB;AACzB;AAEO,SAAS,sBAA8B;AAC5C,cAAY;AACZ,QAAM,SAAS,uBAAuB,WAAW;AACjD,aAAW,KAAK,MAAM;AACtB,MAAI,WAAW,WAAW,GAAG;AAC3B,mBAAe;AAAA,EACjB;AACA,SAAO;AACT;AAEO,SAAS,oBAAoB,QAAgB;AAClD,QAAM,QAAQ,WAAW,YAAY,MAAM;AAC3C,MAAI,SAAS,GAAG;AACd,eAAW,OAAO,OAAO,CAAC;AAAA,EAC5B;AACA,MAAI,WAAW,WAAW,GAAG;AAC3B,eAAW;AACX,qBAAiB;AAAA,EACnB;AACF;AAEO,SAAS,aAAa,QAAgB;AAC3C,SAAO,WAAW,WAAW,SAAS,CAAC,MAAM;AAC/C;AAEO,SAAS,sBAA8B;AAC5C,QAAM,MAAM,WAAW,WAAW,SAAS,CAAC;AAC5C,MAAI,OAAO,KAAM,QAAO;AACxB,SAAO,MAAM;AACf;AAEO,SAAS,sBAAsB,UAA0B;AAC9D,SAAO,yBAAyB,WAAW;AAC7C;","names":[]}

package/dist/chunk-SE7Z4ZYP.js

@@ -0,0 +1,34 @@
+// src/icons/loading.tsx
+import { jsx } from "react/jsx-runtime";
+var IconLoading = (props) => {
+  const {
+    className,
+    style
+  } = props;
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "13",
+      height: "13",
+      viewBox: "0 0 13 13",
+      fill: "none",
+      className: className ? `sfp-icon ${className}` : "sfp-icon",
+      style,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M10.9474 6.5C10.9474 4.04379 8.95621 2.05263 6.5 2.05263C4.04379 2.05263 2.05263 4.04379 2.05263 6.5C2.05263 7.06682 1.59313 7.52632 1.02632 7.52632C0.459497 7.52632 0 7.06682 0 6.5C0 2.91015 2.91015 0 6.5 0C10.0899 0 13 2.91015 13 6.5C13 10.0899 10.0899 13 6.5 13C5.93318 13 5.47368 12.5405 5.47368 11.9737C5.47368 11.4069 5.93318 10.9474 6.5 10.9474C8.95621 10.9474 10.9474 8.95621 10.9474 6.5Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+};
+var loading_default = IconLoading;
+
+export {
+  IconLoading,
+  loading_default
+};
+//# sourceMappingURL=chunk-SE7Z4ZYP.js.map

package/dist/chunk-SE7Z4ZYP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/icons/loading.tsx"],"sourcesContent":["import type { IconProps } from \"./types\";\n\nexport const IconLoading = (props: IconProps) => {\n  const {\n    className,\n    style,\n  } = props;\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"13\"\n      height=\"13\"\n      viewBox=\"0 0 13 13\"\n      fill=\"none\"\n      className={className ? `sfp-icon ${className}` : \"sfp-icon\"}\n      style={style}\n    >\n      <path\n        d=\"M10.9474 6.5C10.9474 4.04379 8.95621 2.05263 6.5 2.05263C4.04379 2.05263 2.05263 4.04379 2.05263 6.5C2.05263 7.06682 1.59313 7.52632 1.02632 7.52632C0.459497 7.52632 0 7.06682 0 6.5C0 2.91015 2.91015 0 6.5 0C10.0899 0 13 2.91015 13 6.5C13 10.0899 10.0899 13 6.5 13C5.93318 13 5.47368 12.5405 5.47368 11.9737C5.47368 11.4069 5.93318 10.9474 6.5 10.9474C8.95621 10.9474 10.9474 8.95621 10.9474 6.5Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n};\n\nexport default IconLoading;\n"],"mappings":";AAkBM;AAhBC,IAAM,cAAc,CAAC,UAAqB;AAC/C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,WAAW,YAAY,YAAY,SAAS,KAAK;AAAA,MACjD;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,kBAAQ;","names":[]}

package/dist/chunk-TUEV2KLC.js

@@ -0,0 +1,11 @@
+// src/lib/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export {
+  cn
+};
+//# sourceMappingURL=chunk-TUEV2KLC.js.map

package/dist/chunk-TUEV2KLC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/cn.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";AAAA,SAAS,YAA6B;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;","names":[]}

package/dist/chunk-VAPGLPZ5.js

@@ -0,0 +1,184 @@
+// src/overlay/use-floating-position.ts
+import { useCallback, useLayoutEffect, useState } from "react";
+var FLOATING_SIDE = {
+  Top: "top",
+  TopLeft: "top-left",
+  TopRight: "top-right",
+  Right: "right",
+  RightTop: "right-top",
+  RightBottom: "right-bottom",
+  Bottom: "bottom",
+  BottomLeft: "bottom-left",
+  BottomRight: "bottom-right",
+  Left: "left",
+  LeftTop: "left-top",
+  LeftBottom: "left-bottom"
+};
+var FLOATING_ALIGN = {
+  Start: "start",
+  Center: "center",
+  End: "end"
+};
+var CARDINAL_SIDE = {
+  Top: FLOATING_SIDE.Top,
+  Right: FLOATING_SIDE.Right,
+  Bottom: FLOATING_SIDE.Bottom,
+  Left: FLOATING_SIDE.Left
+};
+var VIEWPORT_PADDING = 8;
+var HIDDEN_STYLE = {
+  position: "fixed",
+  top: 0,
+  left: 0,
+  visibility: "hidden",
+  pointerEvents: "none"
+};
+function useFloatingPosition(options) {
+  const {
+    open,
+    triggerRef,
+    panelRef,
+    side = FLOATING_SIDE.Bottom,
+    align = FLOATING_ALIGN.Start,
+    offset = 8
+  } = options;
+  const [style, setStyle] = useState(HIDDEN_STYLE);
+  const update = useCallback(() => {
+    const trigger = triggerRef.current;
+    const panel = panelRef.current;
+    if (!trigger || !panel) return false;
+    const triggerRect = trigger.getBoundingClientRect();
+    const panelRect = measurePanelRect(panel);
+    setStyle(getClampedFloatingStyle(triggerRect, panelRect, side, align, offset));
+    return true;
+  }, [align, offset, panelRef, side, triggerRef]);
+  useLayoutEffect(() => {
+    if (!open) {
+      setStyle(HIDDEN_STYLE);
+      return;
+    }
+    if (update()) return;
+    const frame = window.requestAnimationFrame(() => {
+      update();
+    });
+    return () => window.cancelAnimationFrame(frame);
+  }, [open, update]);
+  useLayoutEffect(() => {
+    if (!open) return;
+    window.addEventListener("resize", update);
+    return () => window.removeEventListener("resize", update);
+  }, [open, update]);
+  return style;
+}
+function measurePanelRect(panel) {
+  const previous = {
+    position: panel.style.position,
+    top: panel.style.top,
+    left: panel.style.left,
+    width: panel.style.width,
+    visibility: panel.style.visibility,
+    pointerEvents: panel.style.pointerEvents
+  };
+  panel.style.position = "fixed";
+  panel.style.top = "0px";
+  panel.style.left = "0px";
+  panel.style.visibility = "hidden";
+  panel.style.pointerEvents = "none";
+  panel.style.width = "";
+  const rect = panel.getBoundingClientRect();
+  panel.style.position = previous.position;
+  panel.style.top = previous.top;
+  panel.style.left = previous.left;
+  panel.style.width = previous.width;
+  panel.style.visibility = previous.visibility;
+  panel.style.pointerEvents = previous.pointerEvents;
+  return rect;
+}
+function resolveFloatingPlacement(side, align) {
+  switch (side) {
+    case FLOATING_SIDE.TopLeft:
+      return { side: CARDINAL_SIDE.Top, align: FLOATING_ALIGN.Start };
+    case FLOATING_SIDE.TopRight:
+      return { side: CARDINAL_SIDE.Top, align: FLOATING_ALIGN.End };
+    case FLOATING_SIDE.BottomLeft:
+      return { side: CARDINAL_SIDE.Bottom, align: FLOATING_ALIGN.Start };
+    case FLOATING_SIDE.BottomRight:
+      return { side: CARDINAL_SIDE.Bottom, align: FLOATING_ALIGN.End };
+    case FLOATING_SIDE.LeftTop:
+      return { side: CARDINAL_SIDE.Left, align: FLOATING_ALIGN.Start };
+    case FLOATING_SIDE.LeftBottom:
+      return { side: CARDINAL_SIDE.Left, align: FLOATING_ALIGN.End };
+    case FLOATING_SIDE.RightTop:
+      return { side: CARDINAL_SIDE.Right, align: FLOATING_ALIGN.Start };
+    case FLOATING_SIDE.RightBottom:
+      return { side: CARDINAL_SIDE.Right, align: FLOATING_ALIGN.End };
+    default:
+      return { side, align };
+  }
+}
+function getFloatingCoords(trigger, panel, side, align, offset) {
+  const placement = resolveFloatingPlacement(side, align);
+  if (placement.side === CARDINAL_SIDE.Bottom) {
+    return {
+      top: trigger.bottom + offset,
+      left: getAlignedLeft(trigger, panel.width, placement.align)
+    };
+  }
+  if (placement.side === CARDINAL_SIDE.Top) {
+    return {
+      top: trigger.top - panel.height - offset,
+      left: getAlignedLeft(trigger, panel.width, placement.align)
+    };
+  }
+  if (placement.side === CARDINAL_SIDE.Left) {
+    return {
+      top: getAlignedTop(trigger, panel.height, placement.align),
+      left: trigger.left - panel.width - offset
+    };
+  }
+  return {
+    top: getAlignedTop(trigger, panel.height, placement.align),
+    left: trigger.right + offset
+  };
+}
+function getClampedFloatingStyle(trigger, panel, side, align, offset) {
+  let { top, left } = getFloatingCoords(trigger, panel, side, align, offset);
+  const maxLeft = window.innerWidth - panel.width - VIEWPORT_PADDING;
+  const maxTop = window.innerHeight - panel.height - VIEWPORT_PADDING;
+  left = clamp(left, VIEWPORT_PADDING, Math.max(VIEWPORT_PADDING, maxLeft));
+  top = clamp(top, VIEWPORT_PADDING, Math.max(VIEWPORT_PADDING, maxTop));
+  return {
+    position: "fixed",
+    top,
+    left,
+    visibility: "visible"
+  };
+}
+function getAlignedLeft(trigger, panelWidth, align) {
+  if (align === FLOATING_ALIGN.Center) {
+    return trigger.left + trigger.width / 2 - panelWidth / 2;
+  }
+  if (align === FLOATING_ALIGN.End) {
+    return trigger.right - panelWidth;
+  }
+  return trigger.left;
+}
+function getAlignedTop(trigger, panelHeight, align) {
+  if (align === FLOATING_ALIGN.Center) {
+    return trigger.top + trigger.height / 2 - panelHeight / 2;
+  }
+  if (align === FLOATING_ALIGN.End) {
+    return trigger.bottom - panelHeight;
+  }
+  return trigger.top;
+}
+function clamp(value, min, max) {
+  return Math.min(max, Math.max(min, value));
+}
+
+export {
+  FLOATING_SIDE,
+  FLOATING_ALIGN,
+  useFloatingPosition
+};
+//# sourceMappingURL=chunk-VAPGLPZ5.js.map

package/dist/chunk-VAPGLPZ5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/overlay/use-floating-position.ts"],"sourcesContent":["import type { CSSProperties, RefObject } from \"react\";\nimport { useCallback, useLayoutEffect, useState } from \"react\";\n\nexport const FLOATING_SIDE = {\n  Top: \"top\",\n  TopLeft: \"top-left\",\n  TopRight: \"top-right\",\n  Right: \"right\",\n  RightTop: \"right-top\",\n  RightBottom: \"right-bottom\",\n  Bottom: \"bottom\",\n  BottomLeft: \"bottom-left\",\n  BottomRight: \"bottom-right\",\n  Left: \"left\",\n  LeftTop: \"left-top\",\n  LeftBottom: \"left-bottom\",\n} as const;\n\nexport type FloatingSide = (typeof FLOATING_SIDE)[keyof typeof FLOATING_SIDE];\n\nexport const FLOATING_ALIGN = {\n  Start: \"start\",\n  Center: \"center\",\n  End: \"end\",\n} as const;\n\nexport type FloatingAlign = (typeof FLOATING_ALIGN)[keyof typeof FLOATING_ALIGN];\n\nconst CARDINAL_SIDE = {\n  Top: FLOATING_SIDE.Top,\n  Right: FLOATING_SIDE.Right,\n  Bottom: FLOATING_SIDE.Bottom,\n  Left: FLOATING_SIDE.Left,\n} as const;\n\nexport type CardinalSide = (typeof CARDINAL_SIDE)[keyof typeof CARDINAL_SIDE];\n\nconst VIEWPORT_PADDING = 8;\n\nconst HIDDEN_STYLE: CSSProperties = {\n  position: \"fixed\",\n  top: 0,\n  left: 0,\n  visibility: \"hidden\",\n  pointerEvents: \"none\",\n};\n\nexport function useFloatingPosition(options: {\n  open: boolean;\n  triggerRef: RefObject<HTMLElement | null>;\n  panelRef: RefObject<HTMLElement | null>;\n  side?: FloatingSide;\n  align?: FloatingAlign;\n  offset?: number;\n}) {\n  const {\n    open,\n    triggerRef,\n    panelRef,\n    side = FLOATING_SIDE.Bottom,\n    align = FLOATING_ALIGN.Start,\n    offset = 8,\n  } = options;\n  const [style, setStyle] = useState<CSSProperties>(HIDDEN_STYLE);\n\n  const update = useCallback(() => {\n    const trigger = triggerRef.current;\n    const panel = panelRef.current;\n    if (!trigger || !panel) return false;\n\n    const triggerRect = trigger.getBoundingClientRect();\n    const panelRect = measurePanelRect(panel);\n    setStyle(getClampedFloatingStyle(triggerRect, panelRect, side, align, offset));\n    return true;\n  }, [align, offset, panelRef, side, triggerRef]);\n\n  useLayoutEffect(() => {\n    if (!open) {\n      setStyle(HIDDEN_STYLE);\n      return;\n    }\n    if (update()) return;\n    const frame = window.requestAnimationFrame(() => {\n      update();\n    });\n    return () => window.cancelAnimationFrame(frame);\n  }, [open, update]);\n\n  useLayoutEffect(() => {\n    if (!open) return;\n    window.addEventListener(\"resize\", update);\n    return () => window.removeEventListener(\"resize\", update);\n  }, [open, update]);\n\n  return style;\n}\n\nfunction measurePanelRect(panel: HTMLElement): DOMRect {\n  const previous = {\n    position: panel.style.position,\n    top: panel.style.top,\n    left: panel.style.left,\n    width: panel.style.width,\n    visibility: panel.style.visibility,\n    pointerEvents: panel.style.pointerEvents,\n  };\n  panel.style.position = \"fixed\";\n  panel.style.top = \"0px\";\n  panel.style.left = \"0px\";\n  panel.style.visibility = \"hidden\";\n  panel.style.pointerEvents = \"none\";\n  // Drop the helper's inline width so className constraints (e.g. w-[285px]) apply.\n  panel.style.width = \"\";\n  const rect = panel.getBoundingClientRect();\n  panel.style.position = previous.position;\n  panel.style.top = previous.top;\n  panel.style.left = previous.left;\n  panel.style.width = previous.width;\n  panel.style.visibility = previous.visibility;\n  panel.style.pointerEvents = previous.pointerEvents;\n  return rect;\n}\n\nexport function resolveFloatingPlacement(\n  side: FloatingSide,\n  align: FloatingAlign,\n): { side: CardinalSide; align: FloatingAlign } {\n  switch (side) {\n    case FLOATING_SIDE.TopLeft:\n      return { side: CARDINAL_SIDE.Top, align: FLOATING_ALIGN.Start };\n    case FLOATING_SIDE.TopRight:\n      return { side: CARDINAL_SIDE.Top, align: FLOATING_ALIGN.End };\n    case FLOATING_SIDE.BottomLeft:\n      return { side: CARDINAL_SIDE.Bottom, align: FLOATING_ALIGN.Start };\n    case FLOATING_SIDE.BottomRight:\n      return { side: CARDINAL_SIDE.Bottom, align: FLOATING_ALIGN.End };\n    case FLOATING_SIDE.LeftTop:\n      return { side: CARDINAL_SIDE.Left, align: FLOATING_ALIGN.Start };\n    case FLOATING_SIDE.LeftBottom:\n      return { side: CARDINAL_SIDE.Left, align: FLOATING_ALIGN.End };\n    case FLOATING_SIDE.RightTop:\n      return { side: CARDINAL_SIDE.Right, align: FLOATING_ALIGN.Start };\n    case FLOATING_SIDE.RightBottom:\n      return { side: CARDINAL_SIDE.Right, align: FLOATING_ALIGN.End };\n    default:\n      return { side, align };\n  }\n}\n\nexport function getFloatingCoords(\n  trigger: Pick<DOMRect, \"top\" | \"right\" | \"bottom\" | \"left\" | \"width\" | \"height\">,\n  panel: Pick<DOMRect, \"width\" | \"height\">,\n  side: FloatingSide,\n  align: FloatingAlign,\n  offset: number,\n): { top: number; left: number } {\n  const placement = resolveFloatingPlacement(side, align);\n\n  if (placement.side === CARDINAL_SIDE.Bottom) {\n    return {\n      top: trigger.bottom + offset,\n      left: getAlignedLeft(trigger, panel.width, placement.align),\n    };\n  }\n  if (placement.side === CARDINAL_SIDE.Top) {\n    return {\n      top: trigger.top - panel.height - offset,\n      left: getAlignedLeft(trigger, panel.width, placement.align),\n    };\n  }\n  if (placement.side === CARDINAL_SIDE.Left) {\n    return {\n      top: getAlignedTop(trigger, panel.height, placement.align),\n      left: trigger.left - panel.width - offset,\n    };\n  }\n  return {\n    top: getAlignedTop(trigger, panel.height, placement.align),\n    left: trigger.right + offset,\n  };\n}\n\nfunction getClampedFloatingStyle(\n  trigger: DOMRect,\n  panel: DOMRect,\n  side: FloatingSide,\n  align: FloatingAlign,\n  offset: number,\n): CSSProperties {\n  let { top, left } = getFloatingCoords(trigger, panel, side, align, offset);\n  const maxLeft = window.innerWidth - panel.width - VIEWPORT_PADDING;\n  const maxTop = window.innerHeight - panel.height - VIEWPORT_PADDING;\n  left = clamp(left, VIEWPORT_PADDING, Math.max(VIEWPORT_PADDING, maxLeft));\n  top = clamp(top, VIEWPORT_PADDING, Math.max(VIEWPORT_PADDING, maxTop));\n\n  return {\n    position: \"fixed\",\n    top,\n    left,\n    visibility: \"visible\",\n  };\n}\n\ntype Box = Pick<DOMRect, \"top\" | \"right\" | \"bottom\" | \"left\" | \"width\" | \"height\">;\n\nfunction getAlignedLeft(trigger: Box, panelWidth: number, align: FloatingAlign) {\n  if (align === FLOATING_ALIGN.Center) {\n    return trigger.left + trigger.width / 2 - panelWidth / 2;\n  }\n  if (align === FLOATING_ALIGN.End) {\n    return trigger.right - panelWidth;\n  }\n  return trigger.left;\n}\n\nfunction getAlignedTop(trigger: Box, panelHeight: number, align: FloatingAlign) {\n  if (align === FLOATING_ALIGN.Center) {\n    return trigger.top + trigger.height / 2 - panelHeight / 2;\n  }\n  if (align === FLOATING_ALIGN.End) {\n    return trigger.bottom - panelHeight;\n  }\n  return trigger.top;\n}\n\nfunction clamp(value: number, min: number, max: number) {\n  return Math.min(max, Math.max(min, value));\n}\n"],"mappings":"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","names":[]}

package/dist/date-range-picker/index.d.ts

@@ -0,0 +1,42 @@
+import * as react from 'react';
+
+type DateRangeValue = {
+    from: Date;
+    to: Date;
+};
+declare function calendarRangeFromPicks(start: Date, end: Date): DateRangeValue;
+declare function lastNDaysRange(days: number, now?: Date): DateRangeValue;
+declare function matchesLastNDays(range: DateRangeValue, days: number, now?: Date): boolean;
+declare function formatDateRangeLabel(range: DateRangeValue, now?: Date): string;
+declare function isInDateRange(iso: string, range: DateRangeValue): boolean;
+declare function rangeToUnixSeconds(range: DateRangeValue): {
+    start_time: number;
+    end_time: number;
+};
+declare function dateRangeDayCount(range: DateRangeValue): number;
+
+declare function DateRangePicker(props: {
+    value: DateRangeValue;
+    onChange: (range: DateRangeValue) => void;
+    className?: string;
+    triggerClassName?: string;
+}): react.JSX.Element;
+
+declare const DATE_RANGE_WEEKDAY_LABELS: readonly ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+declare const DATE_RANGE_PRESET: {
+    readonly Days30: 30;
+    readonly Days7: 7;
+    readonly Days1: 1;
+};
+declare const DATE_RANGE_PRESET_OPTIONS: readonly [{
+    readonly days: 30;
+    readonly label: "Last 30 days";
+}, {
+    readonly days: 7;
+    readonly label: "Last 7 days";
+}, {
+    readonly days: 1;
+    readonly label: "Last 1 day";
+}];
+
+export { DATE_RANGE_PRESET, DATE_RANGE_PRESET_OPTIONS, DATE_RANGE_WEEKDAY_LABELS, DateRangePicker, type DateRangeValue, calendarRangeFromPicks, dateRangeDayCount, formatDateRangeLabel, isInDateRange, lastNDaysRange, matchesLastNDays, rangeToUnixSeconds };

package/dist/date-range-picker/index.js

@@ -0,0 +1,272 @@
+import {
+  IconArrowDown
+} from "../chunk-OGSFVQK2.js";
+import {
+  FLOATING_ALIGN,
+  FLOATING_SIDE,
+  useFloatingPosition
+} from "../chunk-VAPGLPZ5.js";
+import {
+  floatingLayerZIndex
+} from "../chunk-RUOUGZWI.js";
+import {
+  fontSans
+} from "../chunk-FXENEWNN.js";
+import {
+  cn
+} from "../chunk-TUEV2KLC.js";
+
+// src/date-range-picker/DateRangePicker.tsx
+import { useEffect, useMemo, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import {
+  addMonths,
+  eachDayOfInterval,
+  endOfMonth,
+  endOfWeek,
+  format as format2,
+  isSameDay as isSameDay2,
+  isSameMonth,
+  isWithinInterval,
+  startOfMonth,
+  startOfWeek
+} from "date-fns";
+
+// src/date-range-picker/config.ts
+var DATE_RANGE_WEEKDAY_LABELS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+var DATE_RANGE_PRESET = {
+  Days30: 30,
+  Days7: 7,
+  Days1: 1
+};
+var DATE_RANGE_PRESET_OPTIONS = [
+  { days: DATE_RANGE_PRESET.Days30, label: "Last 30 days" },
+  { days: DATE_RANGE_PRESET.Days7, label: "Last 7 days" },
+  { days: DATE_RANGE_PRESET.Days1, label: "Last 1 day" }
+];
+
+// src/date-range-picker/utils.ts
+import {
+  differenceInCalendarDays,
+  endOfDay,
+  format,
+  isSameDay,
+  startOfDay,
+  subDays
+} from "date-fns";
+function calendarRangeFromPicks(start, end) {
+  if (isSameDay(start, end)) {
+    return { from: startOfDay(end), to: endOfDay(end) };
+  }
+  const from = start.getTime() <= end.getTime() ? start : end;
+  const to = start.getTime() <= end.getTime() ? end : start;
+  return { from: startOfDay(from), to: endOfDay(to) };
+}
+function lastNDaysRange(days, now = /* @__PURE__ */ new Date()) {
+  return {
+    from: startOfDay(subDays(now, days - 1)),
+    to: endOfDay(now)
+  };
+}
+function matchesLastNDays(range, days, now = /* @__PURE__ */ new Date()) {
+  const expected = lastNDaysRange(days, now);
+  return isSameDay(range.from, expected.from) && isSameDay(range.to, expected.to);
+}
+function formatDateRangeLabel(range, now = /* @__PURE__ */ new Date()) {
+  const preset = DATE_RANGE_PRESET_OPTIONS.find(
+    (option) => matchesLastNDays(range, option.days, now)
+  );
+  if (preset) return preset.label;
+  if (isSameDay(range.from, range.to)) return format(range.from, "MMM d, yyyy");
+  return `${format(range.from, "MMM d, yyyy")} \u2013 ${format(range.to, "MMM d, yyyy")}`;
+}
+function isInDateRange(iso, range) {
+  const time = new Date(iso).getTime();
+  if (Number.isNaN(time)) return true;
+  return time >= range.from.getTime() && time <= range.to.getTime();
+}
+function rangeToUnixSeconds(range) {
+  return {
+    start_time: Math.floor(range.from.getTime() / 1e3),
+    end_time: Math.floor(range.to.getTime() / 1e3)
+  };
+}
+function dateRangeDayCount(range) {
+  return differenceInCalendarDays(range.to, range.from) + 1;
+}
+
+// src/date-range-picker/DateRangePicker.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function DateRangePicker(props) {
+  const { value, onChange, className, triggerClassName } = props;
+  const triggerRef = useRef(null);
+  const panelRef = useRef(null);
+  const [open, setOpen] = useState(false);
+  const [viewMonth, setViewMonth] = useState(() => startOfMonth(value.to));
+  const [draftStart, setDraftStart] = useState(null);
+  const panelStyle = useFloatingPosition({
+    open,
+    triggerRef,
+    panelRef,
+    side: FLOATING_SIDE.Bottom,
+    align: FLOATING_ALIGN.Start,
+    offset: 6
+  });
+  useEffect(() => {
+    if (open) setViewMonth(startOfMonth(value.to));
+  }, [open, value.to]);
+  useEffect(() => {
+    if (!open) return;
+    const onPointerDown = (event) => {
+      const target = event.target;
+      if (!target) return;
+      if (triggerRef.current?.contains(target)) return;
+      if (panelRef.current?.contains(target)) return;
+      setOpen(false);
+      setDraftStart(null);
+    };
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") {
+        setOpen(false);
+        setDraftStart(null);
+      }
+    };
+    document.addEventListener("mousedown", onPointerDown);
+    document.addEventListener("keydown", onKeyDown);
+    return () => {
+      document.removeEventListener("mousedown", onPointerDown);
+      document.removeEventListener("keydown", onKeyDown);
+    };
+  }, [open]);
+  const days = useMemo(() => {
+    const monthStart = startOfMonth(viewMonth);
+    return eachDayOfInterval({
+      start: startOfWeek(monthStart),
+      end: endOfWeek(endOfMonth(monthStart))
+    });
+  }, [viewMonth]);
+  const commit = (range) => {
+    onChange(range);
+    setDraftStart(null);
+    setOpen(false);
+  };
+  const pickDay = (day) => {
+    if (!draftStart) {
+      setDraftStart(day);
+      return;
+    }
+    commit(calendarRangeFromPicks(draftStart, day));
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative inline-block min-w-0", className), children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref: triggerRef,
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": open,
+        "aria-label": "Select time range",
+        onClick: () => {
+          setOpen((current) => !current);
+          setDraftStart(null);
+        },
+        className: cn(
+          "inline-flex cursor-pointer h-9 w-full min-w-0 items-center justify-between gap-2 overflow-hidden rounded-[6px] border border-[#E3E3E3] bg-white px-3 text-sm font-medium text-black outline-none",
+          fontSans,
+          triggerClassName
+        ),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "min-w-0 shrink truncate text-[#aaa]", children: "Time" }),
+          /* @__PURE__ */ jsx("span", { className: "flex min-w-0 flex-1 items-center justify-end gap-2 truncate text-right", children: formatDateRangeLabel(value) }),
+          /* @__PURE__ */ jsx(IconArrowDown, { className: cn("h-1.5 w-2.75 shrink-0 text-black transition-transform", open && "rotate-180") })
+        ]
+      }
+    ),
+    open && typeof document !== "undefined" ? createPortal(
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref: panelRef,
+          role: "dialog",
+          "aria-label": "Date range",
+          style: { ...panelStyle, zIndex: floatingLayerZIndex() },
+          className: cn(
+            "w-[min(320px,calc(100vw-32px))] rounded-[16px] border border-black/10 bg-white p-4 shadow-[0_8px_24px_rgba(0,0,0,0.08)]",
+            fontSans
+          ),
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-between", children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": "Previous month",
+                  onClick: () => setViewMonth((month) => addMonths(month, -1)),
+                  className: "inline-flex size-8 cursor-pointer items-center justify-center rounded-full border-0 bg-transparent p-0 text-[#606060] hover:bg-black/5",
+                  children: /* @__PURE__ */ jsx(IconArrowDown, { className: "h-1.5 w-2.75 rotate-90" })
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-black", children: format2(viewMonth, "yyyy MMM") }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": "Next month",
+                  onClick: () => setViewMonth((month) => addMonths(month, 1)),
+                  className: "inline-flex size-8 cursor-pointer items-center justify-center rounded-full border-0 bg-transparent p-0 text-[#606060] hover:bg-black/5",
+                  children: /* @__PURE__ */ jsx(IconArrowDown, { className: "h-1.5 w-2.75 -rotate-90" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-1", children: DATE_RANGE_WEEKDAY_LABELS.map((label) => /* @__PURE__ */ jsx("div", { className: "text-center text-[11px] font-medium text-[#aaa]", children: label }, label)) }),
+            /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-1", children: days.map((day) => {
+              const inMonth = isSameMonth(day, viewMonth);
+              const selected = isSameDay2(day, value.from) || isSameDay2(day, value.to) || (draftStart ? isSameDay2(day, draftStart) : false);
+              const inRange = !draftStart && isWithinInterval(day, { start: value.from, end: value.to });
+              return /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => pickDay(day),
+                  className: cn(
+                    "h-8 cursor-pointer rounded-[8px] border-0 bg-transparent text-[13px] font-medium text-black hover:bg-black/5",
+                    !inMonth && "text-[#ccc]",
+                    inRange && !selected && "bg-black/5",
+                    selected && "bg-black text-white hover:bg-black"
+                  ),
+                  children: format2(day, "d")
+                },
+                day.toISOString()
+              );
+            }) }),
+            /* @__PURE__ */ jsx("div", { className: "mt-3 flex flex-col gap-1 border-t border-black/10 pt-2", children: DATE_RANGE_PRESET_OPTIONS.map((option) => /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => commit(lastNDaysRange(option.days)),
+                className: "cursor-pointer rounded-[8px] border-0 bg-transparent px-2 py-1.5 text-left text-sm font-medium text-black hover:bg-black/5",
+                children: option.label
+              },
+              option.days
+            )) })
+          ]
+        }
+      ),
+      document.body
+    ) : null
+  ] });
+}
+export {
+  DATE_RANGE_PRESET,
+  DATE_RANGE_PRESET_OPTIONS,
+  DATE_RANGE_WEEKDAY_LABELS,
+  DateRangePicker,
+  calendarRangeFromPicks,
+  dateRangeDayCount,
+  formatDateRangeLabel,
+  isInDateRange,
+  lastNDaysRange,
+  matchesLastNDays,
+  rangeToUnixSeconds
+};
+//# sourceMappingURL=index.js.map