@drawnagency/primitives 0.1.118 → 0.1.119

package/dist/chunk-JCDZAFX2.js

@@ -1,224 +0,0 @@
-import {
-  cn
-} from "./chunk-7EOSDFS3.js";
-
-// src/components/shared/Tooltip.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var sideClasses = {
-  bottom: "left-1/2 top-full mt-1.5 -translate-x-1/2",
-  right: "left-full top-1/2 ml-1.5 -translate-y-1/2",
-  "bottom-clamp": "top-full mt-1.5 left-1/2 -translate-x-1/2 max-xl:left-auto max-xl:right-0 max-xl:translate-x-0"
-};
-function Tooltip({ content, children, className, side = "bottom" }) {
-  return /* @__PURE__ */ jsxs("div", { className: cn("group/tooltip relative inline-flex", className), children: [
-    children,
-    /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: cn(
-          "pointer-events-none absolute z-50 opacity-0 transition-opacity delay-300 group-hover/tooltip:opacity-100",
-          sideClasses[side]
-        ),
-        role: "tooltip",
-        children: /* @__PURE__ */ jsx("span", { className: "block whitespace-nowrap rounded bg-tooltip px-2 py-1 text-center text-xs leading-relaxed text-tooltip-muted", children: content })
-      }
-    )
-  ] });
-}
-function Kbd({ children }) {
-  return /* @__PURE__ */ jsx("strong", { className: "text-tooltip-contrast", children });
-}
-
-// src/components/shared/Popover.tsx
-import { useEffect as useEffect3, useLayoutEffect, useRef as useRef2, useState } from "react";
-import { createPortal } from "react-dom";
-
-// src/hooks/useFocusTrap.ts
-import { useEffect } from "react";
-var FOCUSABLE_SELECTOR = [
-  "a[href]",
-  "button:not([disabled])",
-  "input:not([disabled])",
-  "select:not([disabled])",
-  "textarea:not([disabled])",
-  '[tabindex]:not([tabindex="-1"])'
-].join(", ");
-function useInitialFocus(ref, active) {
-  useEffect(() => {
-    if (!active || !ref.current) return;
-    const previouslyFocused = document.activeElement;
-    ref.current.querySelector(FOCUSABLE_SELECTOR)?.focus();
-    return () => {
-      if (previouslyFocused && document.body.contains(previouslyFocused)) {
-        previouslyFocused.focus();
-      }
-    };
-  }, [active, ref]);
-}
-
-// src/hooks/useStackedEscape.ts
-import { useEffect as useEffect2, useRef } from "react";
-function useStackedEscape(onEscape, { enabled, before }) {
-  const layerRef = useRef(null);
-  useEffect2(() => {
-    if (!enabled) return;
-    const onKeyDown = (e) => {
-      if (e.key !== "Escape") return;
-      const own = layerRef.current;
-      const layers = document.querySelectorAll("[data-modal-layer]");
-      const above = Array.from(layers).some((el) => {
-        if (el === own) return false;
-        if (!own) return true;
-        return Boolean(own.compareDocumentPosition(el) & Node.DOCUMENT_POSITION_FOLLOWING);
-      });
-      if (above) return;
-      if (before?.(e)) return;
-      e.preventDefault();
-      onEscape();
-    };
-    document.addEventListener("keydown", onKeyDown);
-    return () => document.removeEventListener("keydown", onKeyDown);
-  }, [enabled, onEscape, before]);
-  return layerRef;
-}
-
-// src/components/shared/Popover.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-function Popover({
-  isOpen,
-  onClose,
-  anchorRef,
-  children,
-  align = "auto",
-  className,
-  portal = false,
-  placement = "bottom"
-}) {
-  const panelRef = useRef2(null);
-  const [resolvedAlign, setResolvedAlign] = useState("start");
-  const [fixedPos, setFixedPos] = useState(null);
-  useInitialFocus(panelRef, isOpen && (!portal || fixedPos !== null));
-  useLayoutEffect(() => {
-    if (!portal) return;
-    if (!isOpen) {
-      setFixedPos(null);
-      return;
-    }
-    const anchor = anchorRef.current;
-    if (!anchor) return;
-    const update = () => {
-      const r = anchor.getBoundingClientRect();
-      const next = placement === "top" ? { left: r.left, bottom: window.innerHeight - r.top + 4 } : { left: r.left, top: r.bottom + 4 };
-      setFixedPos(
-        (prev) => prev && prev.left === next.left && prev.top === next.top && prev.bottom === next.bottom ? prev : next
-      );
-    };
-    update();
-    window.addEventListener("resize", update);
-    window.addEventListener("scroll", update, true);
-    return () => {
-      window.removeEventListener("resize", update);
-      window.removeEventListener("scroll", update, true);
-    };
-  }, [isOpen, portal, placement, anchorRef]);
-  useLayoutEffect(() => {
-    if (portal) return;
-    if (!isOpen || align !== "auto") {
-      if (!isOpen) setResolvedAlign("start");
-      return;
-    }
-    const panel = panelRef.current;
-    if (!panel) return;
-    panel.style.left = "0";
-    panel.style.right = "auto";
-    const rect = panel.getBoundingClientRect();
-    if (rect.right > window.innerWidth) {
-      setResolvedAlign("end");
-    } else {
-      setResolvedAlign("start");
-    }
-    panel.style.left = "";
-    panel.style.right = "";
-  }, [isOpen, align]);
-  useStackedEscape(onClose, { enabled: isOpen });
-  useEffect3(() => {
-    if (!isOpen) return;
-    function onMouseDown(e) {
-      const target = e.target;
-      if (panelRef.current?.contains(target)) return;
-      if (anchorRef.current?.contains(target)) return;
-      if (target instanceof Element && target.closest("[data-modal-layer]")) return;
-      onClose();
-    }
-    document.addEventListener("mousedown", onMouseDown);
-    return () => {
-      document.removeEventListener("mousedown", onMouseDown);
-    };
-  }, [isOpen, onClose, anchorRef]);
-  if (!isOpen) return null;
-  const effectiveAlign = align === "auto" ? resolvedAlign : align;
-  if (portal) {
-    if (!fixedPos) return null;
-    return createPortal(
-      /* @__PURE__ */ jsx2(
-        "div",
-        {
-          ref: panelRef,
-          role: "dialog",
-          "aria-modal": "false",
-          style: {
-            position: "fixed",
-            left: `${fixedPos.left}px`,
-            ...fixedPos.top !== void 0 ? { top: `${fixedPos.top}px` } : {},
-            ...fixedPos.bottom !== void 0 ? { bottom: `${fixedPos.bottom}px` } : {}
-          },
-          className: cn("z-50 rounded-md border border-base-200 bg-base shadow-lg", className),
-          children
-        }
-      ),
-      document.body
-    );
-  }
-  return /* @__PURE__ */ jsx2(
-    "div",
-    {
-      ref: panelRef,
-      role: "dialog",
-      "aria-modal": "false",
-      className: cn(
-        "absolute top-full z-50 mt-1 rounded-md border border-base-200 bg-base shadow-lg",
-        effectiveAlign === "end" ? "right-0" : "left-0",
-        className
-      ),
-      children
-    }
-  );
-}
-
-// src/components/shared/PopoverItem.tsx
-import { forwardRef } from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var PopoverItem = forwardRef(
-  function PopoverItem2({ className, children, ...rest }, ref) {
-    return /* @__PURE__ */ jsx3(
-      "button",
-      {
-        ref,
-        type: "button",
-        className: cn(
-          "flex w-full cursor-pointer items-center gap-3 px-3 py-1.5 text-left text-xs hover:bg-base-accent",
-          className
-        ),
-        ...rest,
-        children
-      }
-    );
-  }
-);
-
-export {
-  Tooltip,
-  Kbd,
-  Popover,
-  PopoverItem
-};

package/dist/chunk-MM7KZS5C.js

@@ -1,30 +0,0 @@
-// src/lib/timestamp.ts
-function formatTimestamp(iso) {
-  const date = new Date(iso);
-  const now = /* @__PURE__ */ new Date();
-  const diffMs = now.getTime() - date.getTime();
-  const diffMinutes = Math.floor(diffMs / 6e4);
-  const diffHours = Math.floor(diffMs / 36e5);
-  const sameDay = date.getUTCFullYear() === now.getUTCFullYear() && date.getUTCMonth() === now.getUTCMonth() && date.getUTCDate() === now.getUTCDate();
-  if (diffMinutes < 1) return "just now";
-  if (diffMinutes < 60) {
-    return `${diffMinutes} ${diffMinutes === 1 ? "minute" : "minutes"} ago`;
-  }
-  if (sameDay) {
-    return `${diffHours} ${diffHours === 1 ? "hour" : "hours"} ago`;
-  }
-  return date.toLocaleDateString("en-US", {
-    month: "short",
-    day: "numeric",
-    timeZone: "UTC"
-  }) + " at " + date.toLocaleTimeString("en-US", {
-    hour: "numeric",
-    minute: "2-digit",
-    hour12: true,
-    timeZone: "UTC"
-  });
-}
-
-export {
-  formatTimestamp
-};

package/dist/chunk-QQ3S3P5P.js

@@ -1,38 +0,0 @@
-// src/lib/sanitize.ts
-var purifierPromise = null;
-var purifier = null;
-if (typeof window !== "undefined") {
-  purifierPromise = import("dompurify").then((mod) => {
-    const DOMPurify = mod.default ?? mod;
-    purifier = (html) => DOMPurify.sanitize(html);
-    return mod;
-  });
-}
-var sanitizeCache = /* @__PURE__ */ new Map();
-var SANITIZE_CACHE_LIMIT = 500;
-function sanitizeHtml(html) {
-  if (!html) return "";
-  if (!purifier) return html;
-  const cached = sanitizeCache.get(html);
-  if (cached !== void 0) return cached;
-  const clean = purifier(html);
-  if (sanitizeCache.size >= SANITIZE_CACHE_LIMIT) {
-    const oldest = sanitizeCache.keys().next().value;
-    if (oldest !== void 0) sanitizeCache.delete(oldest);
-  }
-  sanitizeCache.set(html, clean);
-  return clean;
-}
-function isSanitizerReady() {
-  return typeof window === "undefined" || purifier !== null;
-}
-async function ensureSanitizer() {
-  if (typeof window === "undefined") return;
-  if (!purifier && purifierPromise) await purifierPromise;
-}
-
-export {
-  sanitizeHtml,
-  isSanitizerReady,
-  ensureSanitizer
-};