qstd 0.3.75 → 0.3.77

package/dist/block/drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/block/drawer.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AA6a9B,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,2CAMxD;AAID,wBAAgB,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,mBAAmB,2CAYrD;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,mBAAmB,uDAkDrD"}
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/block/drawer.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AA+a9B,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,2CAMxD;AAID,wBAAgB,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,mBAAmB,2CAYrD;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,mBAAmB,uDAkDrD"}

package/dist/client/index.cjs

@@ -265,6 +265,7 @@ __export(time_exports, {
   formatDateRange: () => formatDateRange,
   formatDuration: () => formatDuration,
   formatThreadDateRange: () => formatThreadDateRange,
+  formatTimeAgo: () => formatTimeAgo,
   now: () => now,
   sleep: () => sleep,
   startTimer: () => startTimer,
@@ -389,14 +390,43 @@ var formatDate = (input, options = {}) => {
       return includeTime ? dateFns.format(date2, "MMM d, yyyy h:mm a") : dateFns.format(date2, "MMM d, yyyy");
     case "long":
       return includeTime ? dateFns.format(date2, "MMMM d, yyyy 'at' h:mm a") : dateFns.format(date2, "MMMM d, yyyy");
-    case "relative":
-      return dateFns.formatDistanceToNow(date2, { addSuffix: true });
     case "year":
       return dateFns.format(date2, "yyyy");
     default:
       return includeTime ? dateFns.format(date2, "MMM d, yyyy h:mm a") : dateFns.format(date2, "MMM d, yyyy");
   }
 };
+var formatTimeAgo = (input, options = {}) => {
+  const { verbose = false } = options;
+  let date2;
+  if (typeof input === "string") {
+    date2 = new Date(input);
+  } else if (typeof input === "number") {
+    date2 = new Date(input);
+  } else {
+    date2 = input;
+  }
+  if (isNaN(date2.getTime())) {
+    return "Invalid Date";
+  }
+  if (verbose) {
+    return dateFns.formatDistanceToNow(date2, { addSuffix: true });
+  }
+  const diffMs = Date.now() - date2.getTime();
+  const diffSeconds = Math.floor(diffMs / 1e3);
+  const diffMinutes = Math.floor(diffSeconds / 60);
+  const diffHours = Math.floor(diffMinutes / 60);
+  const diffDays = Math.floor(diffHours / 24);
+  const diffWeeks = Math.floor(diffDays / 7);
+  const diffMonths = Math.floor(diffDays / 30);
+  const diffYears = Math.floor(diffDays / 365);
+  if (diffYears > 0) return `${diffYears}y ago`;
+  if (diffMonths > 0) return `${diffMonths}mo ago`;
+  if (diffWeeks > 0) return `${diffWeeks}w ago`;
+  if (diffDays > 0) return `${diffDays}d ago`;
+  if (diffHours > 0) return `${diffHours}h ago`;
+  return "just now";
+};
 var toDate = (input) => typeof input === "string" || typeof input === "number" ? new Date(input) : input;
 var formatDateRange = (startInput, endInput, options = {}) => {
   const now2 = options.now ?? /* @__PURE__ */ new Date();

package/dist/client/index.js

@@ -1,4 +1,4 @@
-import { format, formatDistanceToNow, formatISO, isSameYear, isSameMonth, isSameDay, addSeconds, addMinutes, addHours, addDays, addWeeks, addBusinessDays, addMonths, addYears } from 'date-fns';
+import { format, formatISO, formatDistanceToNow, isSameYear, isSameMonth, isSameDay, addSeconds, addMinutes, addHours, addDays, addWeeks, addBusinessDays, addMonths, addYears } from 'date-fns';
 import React from 'react';
 
 var __defProp = Object.defineProperty;
@@ -258,6 +258,7 @@ __export(time_exports, {
   formatDateRange: () => formatDateRange,
   formatDuration: () => formatDuration,
   formatThreadDateRange: () => formatThreadDateRange,
+  formatTimeAgo: () => formatTimeAgo,
   now: () => now,
   sleep: () => sleep,
   startTimer: () => startTimer,
@@ -382,14 +383,43 @@ var formatDate = (input, options = {}) => {
       return includeTime ? format(date2, "MMM d, yyyy h:mm a") : format(date2, "MMM d, yyyy");
     case "long":
       return includeTime ? format(date2, "MMMM d, yyyy 'at' h:mm a") : format(date2, "MMMM d, yyyy");
-    case "relative":
-      return formatDistanceToNow(date2, { addSuffix: true });
     case "year":
       return format(date2, "yyyy");
     default:
       return includeTime ? format(date2, "MMM d, yyyy h:mm a") : format(date2, "MMM d, yyyy");
   }
 };
+var formatTimeAgo = (input, options = {}) => {
+  const { verbose = false } = options;
+  let date2;
+  if (typeof input === "string") {
+    date2 = new Date(input);
+  } else if (typeof input === "number") {
+    date2 = new Date(input);
+  } else {
+    date2 = input;
+  }
+  if (isNaN(date2.getTime())) {
+    return "Invalid Date";
+  }
+  if (verbose) {
+    return formatDistanceToNow(date2, { addSuffix: true });
+  }
+  const diffMs = Date.now() - date2.getTime();
+  const diffSeconds = Math.floor(diffMs / 1e3);
+  const diffMinutes = Math.floor(diffSeconds / 60);
+  const diffHours = Math.floor(diffMinutes / 60);
+  const diffDays = Math.floor(diffHours / 24);
+  const diffWeeks = Math.floor(diffDays / 7);
+  const diffMonths = Math.floor(diffDays / 30);
+  const diffYears = Math.floor(diffDays / 365);
+  if (diffYears > 0) return `${diffYears}y ago`;
+  if (diffMonths > 0) return `${diffMonths}mo ago`;
+  if (diffWeeks > 0) return `${diffWeeks}w ago`;
+  if (diffDays > 0) return `${diffDays}d ago`;
+  if (diffHours > 0) return `${diffHours}h ago`;
+  return "just now";
+};
 var toDate = (input) => typeof input === "string" || typeof input === "number" ? new Date(input) : input;
 var formatDateRange = (startInput, endInput, options = {}) => {
   const now2 = options.now ?? /* @__PURE__ */ new Date();

package/dist/react/index.cjs

@@ -2670,7 +2670,6 @@ var accordion_default = Accordion;
 var MotionDiv4 = motionTags.div;
 var MotionBtn2 = motionTags.button;
 var breakpoint = ["(min-width: 600px)"];
-var mobileOvershootCoverPx = 96;
 function requirePortalRootForDrawer() {
   if (typeof document === "undefined") {
     throw new Error(
@@ -2709,6 +2708,52 @@ function DrawerComponent(props) {
   const { open, setOpen } = useDrawer();
   const { onClose, onExitComplete, ...rest } = props;
   const drawerBg = rest.bg ?? { base: "neutral.100", _dark: "neutral.900" };
+  const hasMobileHeight = props.height !== void 0;
+  const mobileVariants = hasMobileHeight ? {
+    initial: { height: 0, opacity: 0.5 },
+    animate: {
+      height: props.height,
+      opacity: 1,
+      transition: {
+        type: "spring",
+        damping: 22,
+        stiffness: 400,
+        mass: 0.7
+      }
+    },
+    exit: {
+      height: 0,
+      opacity: 0,
+      transition: {
+        type: "tween",
+        duration: 0.2,
+        ease: [0.4, 0, 1, 1]
+        // ease-in for quick exit
+      }
+    }
+  } : {
+    initial: { transform: "translateY(100%)", opacity: 0.5 },
+    animate: {
+      transform: "translateY(0%)",
+      opacity: 1,
+      transition: {
+        type: "spring",
+        damping: 22,
+        stiffness: 400,
+        mass: 0.7
+      }
+    },
+    exit: {
+      transform: "translateY(100%)",
+      opacity: 0,
+      transition: {
+        type: "tween",
+        duration: 0.2,
+        ease: [0.4, 0, 1, 1]
+        // ease-in for quick exit
+      }
+    }
+  };
   const [mounted, setMounted] = React3__namespace.default.useState(false);
   React3__namespace.default.useEffect(() => {
     setMounted(true);
@@ -2803,155 +2848,116 @@ function DrawerComponent(props) {
         initial: false,
         mode: "wait",
         onExitComplete,
-        children: open && /* @__PURE__ */ jsxRuntime.jsxs(
+        children: open && /* @__PURE__ */ jsxRuntime.jsx(
           Backdrop,
           {
             onClick: () => onBackdropClick(),
-            children: [
-              !isDesktop && /* @__PURE__ */ jsxRuntime.jsx(
-                MotionDiv4,
-                {
-                  fixed: true,
-                  left: 0,
-                  right: 0,
-                  bottom: 0,
-                  h: mobileOvershootCoverPx,
-                  pointerEvents: "none",
-                  bg: drawerBg
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                MotionDiv4,
-                {
-                  grid: true,
-                  onClick: (e) => e.stopPropagation(),
-                  position: "fixed",
-                  initial: "initial",
-                  animate: "animate",
-                  exit: "exit",
-                  ...isDesktop ? {
-                    drag: false,
-                    style: void 0,
-                    dragControls: null,
-                    dragConstraints: void 0,
-                    // style: null,
-                    // dragConstraints: null,
-                    height: props.height ?? "max-content!",
-                    // "min(50%, 300px)",
-                    width: props.width ?? "clamp(50%, 700px, 90%)",
-                    pt: 6,
-                    // px: 4,
-                    margin: "auto",
-                    borderRadius: 12,
-                    zIndex: 1,
-                    variants: {
-                      initial: { opacity: 0, scale: 0.5 },
-                      animate: {
-                        opacity: 1,
-                        scale: 1,
-                        transition: {
-                          type: "spring",
-                          damping: 20,
-                          stiffness: 300
-                        }
-                      },
-                      exit: {
-                        opacity: 0,
-                        scale: 0.3,
-                        transition: { type: "spring", duration: 0.45 }
-                      }
-                    }
-                  } : {
-                    w: "100vw",
-                    left: 0,
-                    right: 0,
-                    bottom: 0,
-                    borderTopLeftRadius: 12,
-                    borderTopRightRadius: 12,
-                    overflow: "hidden",
-                    // Note: Can't use framer-motion's `y` prop because it conflicts
-                    // with the drag motion value. Use CSS transform instead.
-                    variants: {
-                      initial: {
-                        transform: "translateY(100%)",
-                        opacity: 0.5
-                      },
-                      animate: {
-                        transform: "translateY(0%)",
-                        opacity: 1,
-                        transition: {
-                          type: "spring",
-                          damping: 22,
-                          stiffness: 400,
-                          mass: 0.7
-                        }
-                      },
-                      exit: {
-                        transform: "translateY(100%)",
-                        opacity: 0,
-                        transition: {
-                          type: "tween",
-                          duration: 0.2,
-                          ease: [0.4, 0, 1, 1]
-                          // ease-in for quick exit
-                        }
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              MotionDiv4,
+              {
+                grid: true,
+                onClick: (e) => e.stopPropagation(),
+                position: "fixed",
+                initial: "initial",
+                animate: "animate",
+                exit: "exit",
+                ...isDesktop ? {
+                  drag: false,
+                  style: void 0,
+                  dragControls: null,
+                  dragConstraints: void 0,
+                  // style: null,
+                  // dragConstraints: null,
+                  height: props.height ?? "max-content!",
+                  // "min(50%, 300px)",
+                  width: props.width ?? "clamp(50%, 700px, 90%)",
+                  pt: 6,
+                  // px: 4,
+                  margin: "auto",
+                  borderRadius: 12,
+                  zIndex: 1,
+                  variants: {
+                    initial: { opacity: 0, scale: 0.5 },
+                    animate: {
+                      opacity: 1,
+                      scale: 1,
+                      transition: {
+                        type: "spring",
+                        damping: 20,
+                        stiffness: 300
                       }
                     },
-                    drag: "y",
-                    style: { y },
-                    dragControls,
-                    onPointerDown: (e) => onDragStart(e),
-                    //   drag={hasBackdrop ? "y" : false}
-                    dragElastic: 0,
-                    // prevent drawer from being dragged higher than what its opened to
-                    dragConstraints: { top: 0 },
-                    onDragEnd: (_, drag) => {
-                      if (props.drag === false) return;
-                      const pageHeight = document.documentElement.scrollHeight;
-                      const yCoord = drag.point.y;
-                      const velocity = drag.velocity.y;
-                      const releaseThreshold = 0.8;
-                      const releasePct = yCoord / pageHeight;
-                      if (velocity > 25 && releasePct >= releaseThreshold || velocity > 750) {
-                        props.onClose?.();
-                      }
+                    exit: {
+                      opacity: 0,
+                      scale: 0.3,
+                      transition: { type: "spring", duration: 0.45 }
                     }
-                  },
-                  boxSizing: "border-box",
-                  boxShadow: "hsl(0deg 0% 0% / 60%) 0px -4px 20px",
-                  bg: { base: "neutral.100", _dark: "neutral.900" },
-                  color: "text-primary",
-                  ref,
-                  ...rest,
-                  children: /* @__PURE__ */ jsxRuntime.jsxs(
-                    MotionDiv4,
-                    {
-                      grid: true,
-                      ...isDesktop ? { position: "relative" } : { rows: "max-content 1fr" },
-                      children: [
-                        !isDesktop && props.hideHandle !== false && /* @__PURE__ */ jsxRuntime.jsx(
-                          MotionDiv4,
-                          {
-                            grid: true,
-                            justifySelf: "center",
-                            h: 6,
-                            w: 34,
-                            mt: "16px",
-                            mb: 4,
-                            br: 20,
-                            bg: { base: "neutral.400", _dark: "neutral.600" },
-                            cursor: props.drag ? "row-resize" : "default",
-                            ref: dragHandleRef
-                          }
-                        ),
-                        props.children
-                      ]
+                  }
+                } : {
+                  w: "100vw",
+                  left: 0,
+                  right: 0,
+                  bottom: 0,
+                  borderTopLeftRadius: 12,
+                  borderTopRightRadius: 12,
+                  overflow: "hidden",
+                  // Note: Can't use framer-motion's `y` prop because it conflicts
+                  // with the drag motion value. Use CSS transform instead.
+                  drag: "y",
+                  style: { y },
+                  dragControls,
+                  variants: mobileVariants,
+                  onPointerDown: (e) => onDragStart(e),
+                  //   drag={hasBackdrop ? "y" : false}
+                  dragElastic: 0,
+                  // prevent drawer from being dragged higher than what its opened to
+                  dragConstraints: { top: 0 },
+                  onDragEnd: (_, drag) => {
+                    if (props.drag === false) return;
+                    const pageHeight = document.documentElement.scrollHeight;
+                    const yCoord = drag.point.y;
+                    const velocity = drag.velocity.y;
+                    const releaseThreshold = 0.8;
+                    const releasePct = yCoord / pageHeight;
+                    if (velocity > 25 && releasePct >= releaseThreshold || velocity > 750) {
+                      props.onClose?.();
                     }
-                  )
+                  }
                 },
-                "drawer"
-              )
-            ]
+                boxSizing: "border-box",
+                boxShadow: "hsl(0deg 0% 0% / 60%) 0px -4px 20px",
+                color: "text-primary",
+                bg: drawerBg,
+                ref,
+                ...rest,
+                children: /* @__PURE__ */ jsxRuntime.jsxs(
+                  MotionDiv4,
+                  {
+                    grid: true,
+                    ...isDesktop ? { position: "relative" } : { rows: "max-content 1fr" },
+                    children: [
+                      !isDesktop && props.hideHandle !== false && /* @__PURE__ */ jsxRuntime.jsx(
+                        MotionDiv4,
+                        {
+                          grid: true,
+                          justifySelf: "center",
+                          h: 6,
+                          w: 34,
+                          mt: "16px",
+                          mb: 4,
+                          br: 20,
+                          bg: { base: "neutral.400", _dark: "neutral.600" },
+                          cursor: props.drag ? "row-resize" : "default",
+                          ref: dragHandleRef
+                        }
+                      ),
+                      props.children
+                    ]
+                  }
+                )
+              },
+              "drawer"
+            )
           }
         )
       }

package/dist/react/index.css

@@ -996,12 +996,6 @@
   .stk-w_4 path {
     stroke-width: 4;
   }
-  .fixed_true {
-    position: fixed;
-  }
-  .pointer-events_none {
-    pointer-events: none;
-  }
   .pos_fixed {
     position: fixed;
   }
@@ -1115,6 +1109,9 @@
   .grid-af_column {
     grid-auto-flow: column;
   }
+  .pointer-events_none {
+    pointer-events: none;
+  }
   .trf-o_top_left {
     transform-origin: top left;
   }
@@ -1239,18 +1236,6 @@
   .w_100\% {
     width: 100%;
   }
-  .left_0 {
-    left: var(--spacing-0);
-  }
-  .right_0 {
-    right: var(--spacing-0);
-  }
-  .bottom_0 {
-    bottom: var(--spacing-0);
-  }
-  .h_96 {
-    height: 96px;
-  }
   .h_max-content\! {
     height: max-content !important;
   }
@@ -1263,6 +1248,15 @@
   .w_100vw {
     width: 100vw;
   }
+  .left_0 {
+    left: var(--spacing-0);
+  }
+  .right_0 {
+    right: var(--spacing-0);
+  }
+  .bottom_0 {
+    bottom: var(--spacing-0);
+  }
   .bdr-tl_12 {
     border-top-left-radius: 12px;
   }

package/dist/react/index.js

@@ -2647,7 +2647,6 @@ var accordion_default = Accordion;
 var MotionDiv4 = motionTags.div;
 var MotionBtn2 = motionTags.button;
 var breakpoint = ["(min-width: 600px)"];
-var mobileOvershootCoverPx = 96;
 function requirePortalRootForDrawer() {
   if (typeof document === "undefined") {
     throw new Error(
@@ -2686,6 +2685,52 @@ function DrawerComponent(props) {
   const { open, setOpen } = useDrawer();
   const { onClose, onExitComplete, ...rest } = props;
   const drawerBg = rest.bg ?? { base: "neutral.100", _dark: "neutral.900" };
+  const hasMobileHeight = props.height !== void 0;
+  const mobileVariants = hasMobileHeight ? {
+    initial: { height: 0, opacity: 0.5 },
+    animate: {
+      height: props.height,
+      opacity: 1,
+      transition: {
+        type: "spring",
+        damping: 22,
+        stiffness: 400,
+        mass: 0.7
+      }
+    },
+    exit: {
+      height: 0,
+      opacity: 0,
+      transition: {
+        type: "tween",
+        duration: 0.2,
+        ease: [0.4, 0, 1, 1]
+        // ease-in for quick exit
+      }
+    }
+  } : {
+    initial: { transform: "translateY(100%)", opacity: 0.5 },
+    animate: {
+      transform: "translateY(0%)",
+      opacity: 1,
+      transition: {
+        type: "spring",
+        damping: 22,
+        stiffness: 400,
+        mass: 0.7
+      }
+    },
+    exit: {
+      transform: "translateY(100%)",
+      opacity: 0,
+      transition: {
+        type: "tween",
+        duration: 0.2,
+        ease: [0.4, 0, 1, 1]
+        // ease-in for quick exit
+      }
+    }
+  };
   const [mounted, setMounted] = React3__default.useState(false);
   React3__default.useEffect(() => {
     setMounted(true);
@@ -2780,155 +2825,116 @@ function DrawerComponent(props) {
         initial: false,
         mode: "wait",
         onExitComplete,
-        children: open && /* @__PURE__ */ jsxs(
+        children: open && /* @__PURE__ */ jsx(
           Backdrop,
           {
             onClick: () => onBackdropClick(),
-            children: [
-              !isDesktop && /* @__PURE__ */ jsx(
-                MotionDiv4,
-                {
-                  fixed: true,
-                  left: 0,
-                  right: 0,
-                  bottom: 0,
-                  h: mobileOvershootCoverPx,
-                  pointerEvents: "none",
-                  bg: drawerBg
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                MotionDiv4,
-                {
-                  grid: true,
-                  onClick: (e) => e.stopPropagation(),
-                  position: "fixed",
-                  initial: "initial",
-                  animate: "animate",
-                  exit: "exit",
-                  ...isDesktop ? {
-                    drag: false,
-                    style: void 0,
-                    dragControls: null,
-                    dragConstraints: void 0,
-                    // style: null,
-                    // dragConstraints: null,
-                    height: props.height ?? "max-content!",
-                    // "min(50%, 300px)",
-                    width: props.width ?? "clamp(50%, 700px, 90%)",
-                    pt: 6,
-                    // px: 4,
-                    margin: "auto",
-                    borderRadius: 12,
-                    zIndex: 1,
-                    variants: {
-                      initial: { opacity: 0, scale: 0.5 },
-                      animate: {
-                        opacity: 1,
-                        scale: 1,
-                        transition: {
-                          type: "spring",
-                          damping: 20,
-                          stiffness: 300
-                        }
-                      },
-                      exit: {
-                        opacity: 0,
-                        scale: 0.3,
-                        transition: { type: "spring", duration: 0.45 }
-                      }
-                    }
-                  } : {
-                    w: "100vw",
-                    left: 0,
-                    right: 0,
-                    bottom: 0,
-                    borderTopLeftRadius: 12,
-                    borderTopRightRadius: 12,
-                    overflow: "hidden",
-                    // Note: Can't use framer-motion's `y` prop because it conflicts
-                    // with the drag motion value. Use CSS transform instead.
-                    variants: {
-                      initial: {
-                        transform: "translateY(100%)",
-                        opacity: 0.5
-                      },
-                      animate: {
-                        transform: "translateY(0%)",
-                        opacity: 1,
-                        transition: {
-                          type: "spring",
-                          damping: 22,
-                          stiffness: 400,
-                          mass: 0.7
-                        }
-                      },
-                      exit: {
-                        transform: "translateY(100%)",
-                        opacity: 0,
-                        transition: {
-                          type: "tween",
-                          duration: 0.2,
-                          ease: [0.4, 0, 1, 1]
-                          // ease-in for quick exit
-                        }
+            children: /* @__PURE__ */ jsx(
+              MotionDiv4,
+              {
+                grid: true,
+                onClick: (e) => e.stopPropagation(),
+                position: "fixed",
+                initial: "initial",
+                animate: "animate",
+                exit: "exit",
+                ...isDesktop ? {
+                  drag: false,
+                  style: void 0,
+                  dragControls: null,
+                  dragConstraints: void 0,
+                  // style: null,
+                  // dragConstraints: null,
+                  height: props.height ?? "max-content!",
+                  // "min(50%, 300px)",
+                  width: props.width ?? "clamp(50%, 700px, 90%)",
+                  pt: 6,
+                  // px: 4,
+                  margin: "auto",
+                  borderRadius: 12,
+                  zIndex: 1,
+                  variants: {
+                    initial: { opacity: 0, scale: 0.5 },
+                    animate: {
+                      opacity: 1,
+                      scale: 1,
+                      transition: {
+                        type: "spring",
+                        damping: 20,
+                        stiffness: 300
                       }
                     },
-                    drag: "y",
-                    style: { y },
-                    dragControls,
-                    onPointerDown: (e) => onDragStart(e),
-                    //   drag={hasBackdrop ? "y" : false}
-                    dragElastic: 0,
-                    // prevent drawer from being dragged higher than what its opened to
-                    dragConstraints: { top: 0 },
-                    onDragEnd: (_, drag) => {
-                      if (props.drag === false) return;
-                      const pageHeight = document.documentElement.scrollHeight;
-                      const yCoord = drag.point.y;
-                      const velocity = drag.velocity.y;
-                      const releaseThreshold = 0.8;
-                      const releasePct = yCoord / pageHeight;
-                      if (velocity > 25 && releasePct >= releaseThreshold || velocity > 750) {
-                        props.onClose?.();
-                      }
+                    exit: {
+                      opacity: 0,
+                      scale: 0.3,
+                      transition: { type: "spring", duration: 0.45 }
                     }
-                  },
-                  boxSizing: "border-box",
-                  boxShadow: "hsl(0deg 0% 0% / 60%) 0px -4px 20px",
-                  bg: { base: "neutral.100", _dark: "neutral.900" },
-                  color: "text-primary",
-                  ref,
-                  ...rest,
-                  children: /* @__PURE__ */ jsxs(
-                    MotionDiv4,
-                    {
-                      grid: true,
-                      ...isDesktop ? { position: "relative" } : { rows: "max-content 1fr" },
-                      children: [
-                        !isDesktop && props.hideHandle !== false && /* @__PURE__ */ jsx(
-                          MotionDiv4,
-                          {
-                            grid: true,
-                            justifySelf: "center",
-                            h: 6,
-                            w: 34,
-                            mt: "16px",
-                            mb: 4,
-                            br: 20,
-                            bg: { base: "neutral.400", _dark: "neutral.600" },
-                            cursor: props.drag ? "row-resize" : "default",
-                            ref: dragHandleRef
-                          }
-                        ),
-                        props.children
-                      ]
+                  }
+                } : {
+                  w: "100vw",
+                  left: 0,
+                  right: 0,
+                  bottom: 0,
+                  borderTopLeftRadius: 12,
+                  borderTopRightRadius: 12,
+                  overflow: "hidden",
+                  // Note: Can't use framer-motion's `y` prop because it conflicts
+                  // with the drag motion value. Use CSS transform instead.
+                  drag: "y",
+                  style: { y },
+                  dragControls,
+                  variants: mobileVariants,
+                  onPointerDown: (e) => onDragStart(e),
+                  //   drag={hasBackdrop ? "y" : false}
+                  dragElastic: 0,
+                  // prevent drawer from being dragged higher than what its opened to
+                  dragConstraints: { top: 0 },
+                  onDragEnd: (_, drag) => {
+                    if (props.drag === false) return;
+                    const pageHeight = document.documentElement.scrollHeight;
+                    const yCoord = drag.point.y;
+                    const velocity = drag.velocity.y;
+                    const releaseThreshold = 0.8;
+                    const releasePct = yCoord / pageHeight;
+                    if (velocity > 25 && releasePct >= releaseThreshold || velocity > 750) {
+                      props.onClose?.();
                     }
-                  )
+                  }
                 },
-                "drawer"
-              )
-            ]
+                boxSizing: "border-box",
+                boxShadow: "hsl(0deg 0% 0% / 60%) 0px -4px 20px",
+                color: "text-primary",
+                bg: drawerBg,
+                ref,
+                ...rest,
+                children: /* @__PURE__ */ jsxs(
+                  MotionDiv4,
+                  {
+                    grid: true,
+                    ...isDesktop ? { position: "relative" } : { rows: "max-content 1fr" },
+                    children: [
+                      !isDesktop && props.hideHandle !== false && /* @__PURE__ */ jsx(
+                        MotionDiv4,
+                        {
+                          grid: true,
+                          justifySelf: "center",
+                          h: 6,
+                          w: 34,
+                          mt: "16px",
+                          mb: 4,
+                          br: 20,
+                          bg: { base: "neutral.400", _dark: "neutral.600" },
+                          cursor: props.drag ? "row-resize" : "default",
+                          ref: dragHandleRef
+                        }
+                      ),
+                      props.children
+                    ]
+                  }
+                )
+              },
+              "drawer"
+            )
           }
         )
       }

package/dist/server/index.cjs

@@ -277,6 +277,7 @@ __export(time_exports, {
   formatDateRange: () => formatDateRange,
   formatDuration: () => formatDuration,
   formatThreadDateRange: () => formatThreadDateRange,
+  formatTimeAgo: () => formatTimeAgo,
   now: () => now,
   sleep: () => sleep,
   startTimer: () => startTimer,
@@ -401,14 +402,43 @@ var formatDate = (input, options = {}) => {
       return includeTime ? dateFns.format(date2, "MMM d, yyyy h:mm a") : dateFns.format(date2, "MMM d, yyyy");
     case "long":
       return includeTime ? dateFns.format(date2, "MMMM d, yyyy 'at' h:mm a") : dateFns.format(date2, "MMMM d, yyyy");
-    case "relative":
-      return dateFns.formatDistanceToNow(date2, { addSuffix: true });
     case "year":
       return dateFns.format(date2, "yyyy");
     default:
       return includeTime ? dateFns.format(date2, "MMM d, yyyy h:mm a") : dateFns.format(date2, "MMM d, yyyy");
   }
 };
+var formatTimeAgo = (input, options = {}) => {
+  const { verbose = false } = options;
+  let date2;
+  if (typeof input === "string") {
+    date2 = new Date(input);
+  } else if (typeof input === "number") {
+    date2 = new Date(input);
+  } else {
+    date2 = input;
+  }
+  if (isNaN(date2.getTime())) {
+    return "Invalid Date";
+  }
+  if (verbose) {
+    return dateFns.formatDistanceToNow(date2, { addSuffix: true });
+  }
+  const diffMs = Date.now() - date2.getTime();
+  const diffSeconds = Math.floor(diffMs / 1e3);
+  const diffMinutes = Math.floor(diffSeconds / 60);
+  const diffHours = Math.floor(diffMinutes / 60);
+  const diffDays = Math.floor(diffHours / 24);
+  const diffWeeks = Math.floor(diffDays / 7);
+  const diffMonths = Math.floor(diffDays / 30);
+  const diffYears = Math.floor(diffDays / 365);
+  if (diffYears > 0) return `${diffYears}y ago`;
+  if (diffMonths > 0) return `${diffMonths}mo ago`;
+  if (diffWeeks > 0) return `${diffWeeks}w ago`;
+  if (diffDays > 0) return `${diffDays}d ago`;
+  if (diffHours > 0) return `${diffHours}h ago`;
+  return "just now";
+};
 var toDate = (input) => typeof input === "string" || typeof input === "number" ? new Date(input) : input;
 var formatDateRange = (startInput, endInput, options = {}) => {
   const now2 = options.now ?? /* @__PURE__ */ new Date();

package/dist/server/index.js

@@ -1,4 +1,4 @@
-import { format, formatDistanceToNow, formatISO, isSameYear, isSameMonth, isSameDay, addSeconds, addMinutes, addHours, addDays, addWeeks, addBusinessDays, addMonths, addYears } from 'date-fns';
+import { format, formatISO, formatDistanceToNow, isSameYear, isSameMonth, isSameDay, addSeconds, addMinutes, addHours, addDays, addWeeks, addBusinessDays, addMonths, addYears } from 'date-fns';
 import awaitSpawn from 'await-spawn';
 import { promises } from 'fs';
 import { ArkErrors } from 'arktype';
@@ -269,6 +269,7 @@ __export(time_exports, {
   formatDateRange: () => formatDateRange,
   formatDuration: () => formatDuration,
   formatThreadDateRange: () => formatThreadDateRange,
+  formatTimeAgo: () => formatTimeAgo,
   now: () => now,
   sleep: () => sleep,
   startTimer: () => startTimer,
@@ -393,14 +394,43 @@ var formatDate = (input, options = {}) => {
       return includeTime ? format(date2, "MMM d, yyyy h:mm a") : format(date2, "MMM d, yyyy");
     case "long":
       return includeTime ? format(date2, "MMMM d, yyyy 'at' h:mm a") : format(date2, "MMMM d, yyyy");
-    case "relative":
-      return formatDistanceToNow(date2, { addSuffix: true });
     case "year":
       return format(date2, "yyyy");
     default:
       return includeTime ? format(date2, "MMM d, yyyy h:mm a") : format(date2, "MMM d, yyyy");
   }
 };
+var formatTimeAgo = (input, options = {}) => {
+  const { verbose = false } = options;
+  let date2;
+  if (typeof input === "string") {
+    date2 = new Date(input);
+  } else if (typeof input === "number") {
+    date2 = new Date(input);
+  } else {
+    date2 = input;
+  }
+  if (isNaN(date2.getTime())) {
+    return "Invalid Date";
+  }
+  if (verbose) {
+    return formatDistanceToNow(date2, { addSuffix: true });
+  }
+  const diffMs = Date.now() - date2.getTime();
+  const diffSeconds = Math.floor(diffMs / 1e3);
+  const diffMinutes = Math.floor(diffSeconds / 60);
+  const diffHours = Math.floor(diffMinutes / 60);
+  const diffDays = Math.floor(diffHours / 24);
+  const diffWeeks = Math.floor(diffDays / 7);
+  const diffMonths = Math.floor(diffDays / 30);
+  const diffYears = Math.floor(diffDays / 365);
+  if (diffYears > 0) return `${diffYears}y ago`;
+  if (diffMonths > 0) return `${diffMonths}mo ago`;
+  if (diffWeeks > 0) return `${diffWeeks}w ago`;
+  if (diffDays > 0) return `${diffDays}d ago`;
+  if (diffHours > 0) return `${diffHours}h ago`;
+  return "just now";
+};
 var toDate = (input) => typeof input === "string" || typeof input === "number" ? new Date(input) : input;
 var formatDateRange = (startInput, endInput, options = {}) => {
   const now2 = options.now ?? /* @__PURE__ */ new Date();

package/dist/shared/time.d.ts

@@ -98,7 +98,7 @@ type DurationOptions = {
  */
 export declare const formatDuration: (value: number | null | undefined, options?: DurationOptions) => string;
 type DateInput = Date | string | number;
-type DateFormatStyle = "iso" | "short" | "medium" | "long" | "relative" | "year";
+type DateFormatStyle = "iso" | "short" | "medium" | "long" | "year";
 type DateOptions = {
     /** Predefined format style */
     style?: DateFormatStyle;
@@ -121,6 +121,49 @@ type DateOptions = {
  * formatDate(date, { pattern: "yyyy-MM-dd" }) // Custom format
  */
 export declare const formatDate: (input: DateInput, options?: DateOptions) => string;
+type TimeAgoInput = Date | string | number;
+type TimeAgoOptions = {
+    /** Use verbose format ("about 3 hours ago") instead of compact ("3h ago"). Default: false */
+    verbose?: boolean;
+};
+/**
+ * Formats a past date as relative elapsed time ("3h ago", "1d ago", "just now").
+ *
+ * Compact by default for UI badges, sync indicators, and timestamps.
+ * Use `verbose: true` for accessibility or screen readers.
+ *
+ * @param input - Date to format (Date object, ISO string, or Unix timestamp)
+ * @param options - Configuration options
+ * @param options.verbose - Use verbose format ("about 3 hours ago") instead of compact ("3h ago")
+ *
+ * @example
+ * ```ts
+ * // COMPACT FORMAT (default) - Best for UI badges, sync indicators
+ *
+ * formatTimeAgo(new Date())                           // "just now"
+ * formatTimeAgo(Date.now() - 1000 * 60 * 30)          // "just now" (< 1 hour)
+ * formatTimeAgo(Date.now() - 1000 * 60 * 60 * 3)      // "3h ago"
+ * formatTimeAgo(Date.now() - 1000 * 60 * 60 * 24)     // "1d ago"
+ * formatTimeAgo(Date.now() - 1000 * 60 * 60 * 24 * 5) // "5d ago"
+ *
+ * // VERBOSE FORMAT - Best for accessibility, screen readers
+ *
+ * formatTimeAgo(date, { verbose: true })              // "about 3 hours ago"
+ * formatTimeAgo(date, { verbose: true })              // "5 days ago"
+ *
+ * // COMMON USE CASES
+ *
+ * // Search index freshness indicator
+ * `${count} songs indexed · ${formatTimeAgo(buildTime)}`  // "1,234 songs indexed · 3h ago"
+ *
+ * // Last sync timestamp
+ * `Last synced ${formatTimeAgo(lastSync)}`                // "Last synced 5d ago"
+ *
+ * // Comment timestamps
+ * `Posted ${formatTimeAgo(createdAt)}`                    // "Posted just now"
+ * ```
+ */
+export declare const formatTimeAgo: (input: TimeAgoInput, options?: TimeAgoOptions) => string;
 type DateRangeInput = Date | string | number;
 type DateRangeOptions = {
     /** Reference date for today checks (defaults to new Date()) */

package/dist/shared/time.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../src/shared/time.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../src/shared/time.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qstd",
-  "version": "0.3.75",
+  "version": "0.3.77",
   "description": "Standard Block component and utilities library with Panda CSS",
   "author": "malin1",
   "license": "MIT",

package/styled-system/styles.css

@@ -1017,14 +1017,6 @@
     stroke-width: 4;
 }
 
-  .fixed_true {
-    position: fixed;
-}
-
-  .pointer-events_none {
-    pointer-events: none;
-}
-
   .pos_fixed {
     position: fixed;
 }
@@ -1167,6 +1159,10 @@
     grid-auto-flow: column;
 }
 
+  .pointer-events_none {
+    pointer-events: none;
+}
+
   .trf-o_top_left {
     transform-origin: top left;
 }
@@ -1331,22 +1327,6 @@
     width: 100%;
 }
 
-  .left_0 {
-    left: var(--spacing-0);
-}
-
-  .right_0 {
-    right: var(--spacing-0);
-}
-
-  .bottom_0 {
-    bottom: var(--spacing-0);
-}
-
-  .h_96 {
-    height: 96px;
-}
-
   .h_max-content\! {
     height: max-content !important;
 }
@@ -1363,6 +1343,18 @@
     width: 100vw;
 }
 
+  .left_0 {
+    left: var(--spacing-0);
+}
+
+  .right_0 {
+    right: var(--spacing-0);
+}
+
+  .bottom_0 {
+    bottom: var(--spacing-0);
+}
+
   .bdr-tl_12 {
     border-top-left-radius: 12px;
 }