@waveso/ui 0.0.2 → 0.0.4

package/dist/direction.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"direction.js","sourcesContent":[]}

package/dist/drawer.d.ts

@@ -0,0 +1,29 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { DrawerPreview } from '@base-ui/react/drawer';
+
+type DrawerProps = React.ComponentProps<typeof DrawerPreview.Root>;
+type DrawerTriggerProps = React.ComponentProps<typeof DrawerPreview.Trigger>;
+type DrawerPortalProps = React.ComponentProps<typeof DrawerPreview.Portal>;
+type DrawerCloseProps = React.ComponentProps<typeof DrawerPreview.Close>;
+type DrawerOverlayProps = React.ComponentProps<typeof DrawerPreview.Backdrop>;
+type DrawerPopupProps = React.ComponentProps<typeof DrawerPreview.Popup>;
+type DrawerTitleProps = React.ComponentProps<typeof DrawerPreview.Title>;
+type DrawerDescriptionProps = React.ComponentProps<typeof DrawerPreview.Description>;
+type DrawerHeaderProps = React.ComponentProps<"div">;
+type DrawerFooterProps = React.ComponentProps<"div">;
+type DrawerContentProps = DrawerPopupProps & {
+    showCloseButton?: boolean;
+};
+declare function Drawer({ ...props }: DrawerProps): react_jsx_runtime.JSX.Element;
+declare function DrawerTrigger({ ...props }: DrawerTriggerProps): react_jsx_runtime.JSX.Element;
+declare function DrawerPortal({ ...props }: DrawerPortalProps): react_jsx_runtime.JSX.Element;
+declare function DrawerClose({ ...props }: DrawerCloseProps): react_jsx_runtime.JSX.Element;
+declare function DrawerOverlay({ className, ...props }: DrawerOverlayProps): react_jsx_runtime.JSX.Element;
+declare function DrawerContent({ className, children, showCloseButton, ...props }: DrawerContentProps): react_jsx_runtime.JSX.Element;
+declare function DrawerHeader({ className, ...props }: DrawerHeaderProps): react_jsx_runtime.JSX.Element;
+declare function DrawerFooter({ className, ...props }: DrawerFooterProps): react_jsx_runtime.JSX.Element;
+declare function DrawerTitle({ className, ...props }: DrawerTitleProps): react_jsx_runtime.JSX.Element;
+declare function DrawerDescription({ className, ...props }: DrawerDescriptionProps): react_jsx_runtime.JSX.Element;
+
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };

package/dist/drawer.js

@@ -0,0 +1,6 @@
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './chunk-PVX4VQFJ.js';
+import './chunk-OUFYQLVN.js';
+import './chunk-DIGOLJIR.js';
+import './chunk-76UQO56T.js';
+//# sourceMappingURL=drawer.js.map
+//# sourceMappingURL=drawer.js.map

package/dist/drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"drawer.js"}

package/dist/encrypted-text.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type EncryptedTextProps = React.ComponentProps<"span"> & {
+    text: string;
+    revealDelayMs?: number;
+    charset?: string;
+    flipDelayMs?: number;
+    encryptedClassName?: string;
+    revealedClassName?: string;
+    scrambleOnly?: boolean;
+    scrambleOneChar?: boolean;
+};
+declare function EncryptedText({ text, className, revealDelayMs, charset, flipDelayMs, encryptedClassName, revealedClassName, scrambleOnly, scrambleOneChar, ...props }: EncryptedTextProps): react_jsx_runtime.JSX.Element | null;
+
+export { EncryptedText };

package/dist/encrypted-text.js

@@ -0,0 +1,141 @@
+import { cn } from './chunk-76UQO56T.js';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var DEFAULT_CHARSET = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()_+-={}[];:,.<>/?";
+function randomChar(charset) {
+  return charset.charAt(Math.floor(Math.random() * charset.length));
+}
+function scramblePreservingSpaces(original, charset) {
+  if (!original) return "";
+  let result = "";
+  for (let i = 0; i < original.length; i += 1) {
+    result += original[i] === " " ? " " : randomChar(charset);
+  }
+  return result;
+}
+function EncryptedText({
+  text,
+  className,
+  revealDelayMs = 50,
+  charset = DEFAULT_CHARSET,
+  flipDelayMs = 50,
+  encryptedClassName,
+  revealedClassName,
+  scrambleOnly = false,
+  scrambleOneChar = false,
+  ...props
+}) {
+  const ref = React.useRef(null);
+  const [isInView, setIsInView] = React.useState(false);
+  const [revealCount, setRevealCount] = React.useState(0);
+  const [, setFlipTick] = React.useState(0);
+  const animationFrameRef = React.useRef(null);
+  const startTimeRef = React.useRef(0);
+  const lastFlipTimeRef = React.useRef(0);
+  const scrambleCharsRef = React.useRef(
+    text ? scramblePreservingSpaces(text, charset).split("") : []
+  );
+  React.useEffect(() => {
+    const el = ref.current;
+    if (!el) return;
+    const observer = new IntersectionObserver(
+      ([entry]) => {
+        if (entry?.isIntersecting) {
+          setIsInView(true);
+          observer.disconnect();
+        }
+      },
+      { threshold: 0 }
+    );
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, []);
+  React.useEffect(() => {
+    if (!isInView) return;
+    const initial = text ? scramblePreservingSpaces(text, charset) : "";
+    scrambleCharsRef.current = initial.split("");
+    startTimeRef.current = performance.now();
+    lastFlipTimeRef.current = startTimeRef.current;
+    setRevealCount(0);
+    let isCancelled = false;
+    const update = (now) => {
+      if (isCancelled) return;
+      const totalLength = text.length;
+      if (scrambleOnly) {
+        const timeSinceLastFlip2 = now - lastFlipTimeRef.current;
+        if (timeSinceLastFlip2 >= Math.max(0, flipDelayMs)) {
+          if (scrambleOneChar) {
+            const indices = [];
+            for (let i = 0; i < totalLength; i++) {
+              if (text[i] !== " ") indices.push(i);
+            }
+            if (indices.length > 0) {
+              const idx = indices[Math.floor(Math.random() * indices.length)];
+              scrambleCharsRef.current[idx] = randomChar(charset);
+            }
+          } else {
+            for (let index = 0; index < totalLength; index += 1) {
+              scrambleCharsRef.current[index] = text[index] === " " ? " " : randomChar(charset);
+            }
+          }
+          lastFlipTimeRef.current = now;
+          setFlipTick((t) => t + 1 & 65535);
+        }
+        animationFrameRef.current = requestAnimationFrame(update);
+        return;
+      }
+      const elapsedMs = now - startTimeRef.current;
+      const currentRevealCount = Math.min(
+        totalLength,
+        Math.floor(elapsedMs / Math.max(1, revealDelayMs))
+      );
+      setRevealCount(currentRevealCount);
+      if (currentRevealCount >= totalLength) return;
+      const timeSinceLastFlip = now - lastFlipTimeRef.current;
+      if (timeSinceLastFlip >= Math.max(0, flipDelayMs)) {
+        for (let index = currentRevealCount; index < totalLength; index += 1) {
+          scrambleCharsRef.current[index] = text[index] === " " ? " " : randomChar(charset);
+        }
+        lastFlipTimeRef.current = now;
+      }
+      animationFrameRef.current = requestAnimationFrame(update);
+    };
+    animationFrameRef.current = requestAnimationFrame(update);
+    return () => {
+      isCancelled = true;
+      if (animationFrameRef.current !== null) {
+        cancelAnimationFrame(animationFrameRef.current);
+      }
+    };
+  }, [isInView, text, revealDelayMs, charset, flipDelayMs, scrambleOnly, scrambleOneChar]);
+  if (!text) return null;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref,
+      "data-slot": "encrypted-text",
+      className,
+      "aria-label": text,
+      ...props,
+      children: text.split("").map((char, index) => {
+        const isRevealed = !scrambleOnly && index < revealCount;
+        const displayChar = isRevealed ? char : char === " " ? " " : scrambleCharsRef.current[index] ?? randomChar(charset);
+        return /* @__PURE__ */ jsx(
+          "span",
+          {
+            "data-slot": "encrypted-text-char",
+            "data-revealed": isRevealed || void 0,
+            className: cn(isRevealed ? revealedClassName : encryptedClassName),
+            children: displayChar
+          },
+          index
+        );
+      })
+    }
+  );
+}
+
+export { EncryptedText };
+//# sourceMappingURL=encrypted-text.js.map
+//# sourceMappingURL=encrypted-text.js.map

package/dist/encrypted-text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/encrypted-text.tsx"],"names":["timeSinceLastFlip"],"mappings":";;;;AAiBA,IAAM,eAAA,GACJ,0FAAA;AAEF,SAAS,WAAW,OAAA,EAAyB;AAC3C,EAAA,OAAO,OAAA,CAAQ,OAAO,IAAA,CAAK,KAAA,CAAM,KAAK,MAAA,EAAO,GAAI,OAAA,CAAQ,MAAM,CAAC,CAAA;AAClE;AAEA,SAAS,wBAAA,CAAyB,UAAkB,OAAA,EAAyB;AAC3E,EAAA,IAAI,CAAC,UAAU,OAAO,EAAA;AACtB,EAAA,IAAI,MAAA,GAAS,EAAA;AACb,EAAA,KAAA,IAAS,IAAI,CAAA,EAAG,CAAA,GAAI,QAAA,CAAS,MAAA,EAAQ,KAAK,CAAA,EAAG;AAC3C,IAAA,MAAA,IAAU,SAAS,CAAC,CAAA,KAAM,GAAA,GAAM,GAAA,GAAM,WAAW,OAAO,CAAA;AAAA,EAC1D;AACA,EAAA,OAAO,MAAA;AACT;AAEA,SAAS,aAAA,CAAc;AAAA,EACrB,IAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,GAAgB,EAAA;AAAA,EAChB,OAAA,GAAU,eAAA;AAAA,EACV,WAAA,GAAc,EAAA;AAAA,EACd,kBAAA;AAAA,EACA,iBAAA;AAAA,EACA,YAAA,GAAe,KAAA;AAAA,EACf,eAAA,GAAkB,KAAA;AAAA,EAClB,GAAG;AACL,CAAA,EAAuB;AACrB,EAAA,MAAM,GAAA,GAAY,aAAwB,IAAI,CAAA;AAC9C,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAU,eAAS,KAAK,CAAA;AACpD,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAU,eAAS,CAAC,CAAA;AACtD,EAAA,MAAM,GAAG,WAAW,CAAA,GAAU,eAAS,CAAC,CAAA;AAExC,EAAA,MAAM,iBAAA,GAA0B,aAAsB,IAAI,CAAA;AAC1D,EAAA,MAAM,YAAA,GAAqB,aAAO,CAAC,CAAA;AACnC,EAAA,MAAM,eAAA,GAAwB,aAAO,CAAC,CAAA;AACtC,EAAA,MAAM,gBAAA,GAAyB,KAAA,CAAA,MAAA;AAAA,IAC7B,IAAA,GAAO,yBAAyB,IAAA,EAAM,OAAO,EAAE,KAAA,CAAM,EAAE,IAAI;AAAC,GAC9D;AAEA,EAAM,gBAAU,MAAM;AACpB,IAAA,MAAM,KAAK,GAAA,CAAI,OAAA;AACf,IAAA,IAAI,CAAC,EAAA,EAAI;AAET,IAAA,MAAM,WAAW,IAAI,oBAAA;AAAA,MACnB,CAAC,CAAC,KAAK,CAAA,KAAM;AACX,QAAA,IAAI,OAAO,cAAA,EAAgB;AACzB,UAAA,WAAA,CAAY,IAAI,CAAA;AAChB,UAAA,QAAA,CAAS,UAAA,EAAW;AAAA,QACtB;AAAA,MACF,CAAA;AAAA,MACA,EAAE,WAAW,CAAA;AAAE,KACjB;AAEA,IAAA,QAAA,CAAS,QAAQ,EAAE,CAAA;AACnB,IAAA,OAAO,MAAM,SAAS,UAAA,EAAW;AAAA,EACnC,CAAA,EAAG,EAAE,CAAA;AAEL,EAAM,gBAAU,MAAM;AACpB,IAAA,IAAI,CAAC,QAAA,EAAU;AAEf,IAAA,MAAM,OAAA,GAAU,IAAA,GACZ,wBAAA,CAAyB,IAAA,EAAM,OAAO,CAAA,GACtC,EAAA;AACJ,IAAA,gBAAA,CAAiB,OAAA,GAAU,OAAA,CAAQ,KAAA,CAAM,EAAE,CAAA;AAC3C,IAAA,YAAA,CAAa,OAAA,GAAU,YAAY,GAAA,EAAI;AACvC,IAAA,eAAA,CAAgB,UAAU,YAAA,CAAa,OAAA;AACvC,IAAA,cAAA,CAAe,CAAC,CAAA;AAEhB,IAAA,IAAI,WAAA,GAAc,KAAA;AAElB,IAAA,MAAM,MAAA,GAAS,CAAC,GAAA,KAAgB;AAC9B,MAAA,IAAI,WAAA,EAAa;AAEjB,MAAA,MAAM,cAAc,IAAA,CAAK,MAAA;AAEzB,MAAA,IAAI,YAAA,EAAc;AAChB,QAAA,MAAMA,kBAAAA,GAAoB,MAAM,eAAA,CAAgB,OAAA;AAChD,QAAA,IAAIA,kBAAAA,IAAqB,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,WAAW,CAAA,EAAG;AACjD,UAAA,IAAI,eAAA,EAAiB;AACnB,YAAA,MAAM,UAAoB,EAAC;AAC3B,YAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,WAAA,EAAa,CAAA,EAAA,EAAK;AACpC,cAAA,IAAI,KAAK,CAAC,CAAA,KAAM,GAAA,EAAK,OAAA,CAAQ,KAAK,CAAC,CAAA;AAAA,YACrC;AACA,YAAA,IAAI,OAAA,CAAQ,SAAS,CAAA,EAAG;AACtB,cAAA,MAAM,GAAA,GAAM,QAAQ,IAAA,CAAK,KAAA,CAAM,KAAK,MAAA,EAAO,GAAI,OAAA,CAAQ,MAAM,CAAC,CAAA;AAC9D,cAAA,gBAAA,CAAiB,OAAA,CAAQ,GAAG,CAAA,GAAI,UAAA,CAAW,OAAO,CAAA;AAAA,YACpD;AAAA,UACF,CAAA,MAAO;AACL,YAAA,KAAA,IAAS,KAAA,GAAQ,CAAA,EAAG,KAAA,GAAQ,WAAA,EAAa,SAAS,CAAA,EAAG;AACnD,cAAA,gBAAA,CAAiB,OAAA,CAAQ,KAAK,CAAA,GAC5B,IAAA,CAAK,KAAK,CAAA,KAAM,GAAA,GAAM,GAAA,GAAM,UAAA,CAAW,OAAO,CAAA;AAAA,YAClD;AAAA,UACF;AACA,UAAA,eAAA,CAAgB,OAAA,GAAU,GAAA;AAC1B,UAAA,WAAA,CAAY,CAAC,CAAA,KAAO,CAAA,GAAI,CAAA,GAAK,KAAM,CAAA;AAAA,QACrC;AACA,QAAA,iBAAA,CAAkB,OAAA,GAAU,sBAAsB,MAAM,CAAA;AACxD,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,SAAA,GAAY,MAAM,YAAA,CAAa,OAAA;AACrC,MAAA,MAAM,qBAAqB,IAAA,CAAK,GAAA;AAAA,QAC9B,WAAA;AAAA,QACA,KAAK,KAAA,CAAM,SAAA,GAAY,KAAK,GAAA,CAAI,CAAA,EAAG,aAAa,CAAC;AAAA,OACnD;AAEA,MAAA,cAAA,CAAe,kBAAkB,CAAA;AAEjC,MAAA,IAAI,sBAAsB,WAAA,EAAa;AAEvC,MAAA,MAAM,iBAAA,GAAoB,MAAM,eAAA,CAAgB,OAAA;AAChD,MAAA,IAAI,iBAAA,IAAqB,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,WAAW,CAAA,EAAG;AACjD,QAAA,KAAA,IAAS,KAAA,GAAQ,kBAAA,EAAoB,KAAA,GAAQ,WAAA,EAAa,SAAS,CAAA,EAAG;AACpE,UAAA,gBAAA,CAAiB,OAAA,CAAQ,KAAK,CAAA,GAC5B,IAAA,CAAK,KAAK,CAAA,KAAM,GAAA,GAAM,GAAA,GAAM,UAAA,CAAW,OAAO,CAAA;AAAA,QAClD;AACA,QAAA,eAAA,CAAgB,OAAA,GAAU,GAAA;AAAA,MAC5B;AAEA,MAAA,iBAAA,CAAkB,OAAA,GAAU,sBAAsB,MAAM,CAAA;AAAA,IAC1D,CAAA;AAEA,IAAA,iBAAA,CAAkB,OAAA,GAAU,sBAAsB,MAAM,CAAA;AAExD,IAAA,OAAO,MAAM;AACX,MAAA,WAAA,GAAc,IAAA;AACd,MAAA,IAAI,iBAAA,CAAkB,YAAY,IAAA,EAAM;AACtC,QAAA,oBAAA,CAAqB,kBAAkB,OAAO,CAAA;AAAA,MAChD;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,QAAA,EAAU,IAAA,EAAM,eAAe,OAAA,EAAS,WAAA,EAAa,YAAA,EAAc,eAAe,CAAC,CAAA;AAEvF,EAAA,IAAI,CAAC,MAAM,OAAO,IAAA;AAElB,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,gBAAA;AAAA,MACV,SAAA;AAAA,MACA,YAAA,EAAY,IAAA;AAAA,MACX,GAAG,KAAA;AAAA,MAEH,eAAK,KAAA,CAAM,EAAE,EAAE,GAAA,CAAI,CAAC,MAAM,KAAA,KAAU;AACnC,QAAA,MAAM,UAAA,GAAa,CAAC,YAAA,IAAgB,KAAA,GAAQ,WAAA;AAC5C,QAAA,MAAM,WAAA,GAAc,UAAA,GAChB,IAAA,GACA,IAAA,KAAS,GAAA,GACP,GAAA,GACC,gBAAA,CAAiB,OAAA,CAAQ,KAAK,CAAA,IAAK,UAAA,CAAW,OAAO,CAAA;AAE5D,QAAA,uBACE,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YAEC,WAAA,EAAU,qBAAA;AAAA,YACV,iBAAe,UAAA,IAAc,MAAA;AAAA,YAC7B,SAAA,EAAW,EAAA,CAAG,UAAA,GAAa,iBAAA,GAAoB,kBAAkB,CAAA;AAAA,YAEhE,QAAA,EAAA;AAAA,WAAA;AAAA,UALI;AAAA,SAMP;AAAA,MAEJ,CAAC;AAAA;AAAA,GACH;AAEJ","file":"encrypted-text.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"./lib/utils\"\n\ntype EncryptedTextProps = React.ComponentProps<\"span\"> & {\n  text: string\n  revealDelayMs?: number\n  charset?: string\n  flipDelayMs?: number\n  encryptedClassName?: string\n  revealedClassName?: string\n  scrambleOnly?: boolean\n  scrambleOneChar?: boolean\n}\n\nconst DEFAULT_CHARSET =\n  \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()_+-={}[];:,.<>/?\"\n\nfunction randomChar(charset: string): string {\n  return charset.charAt(Math.floor(Math.random() * charset.length))\n}\n\nfunction scramblePreservingSpaces(original: string, charset: string): string {\n  if (!original) return \"\"\n  let result = \"\"\n  for (let i = 0; i < original.length; i += 1) {\n    result += original[i] === \" \" ? \" \" : randomChar(charset)\n  }\n  return result\n}\n\nfunction EncryptedText({\n  text,\n  className,\n  revealDelayMs = 50,\n  charset = DEFAULT_CHARSET,\n  flipDelayMs = 50,\n  encryptedClassName,\n  revealedClassName,\n  scrambleOnly = false,\n  scrambleOneChar = false,\n  ...props\n}: EncryptedTextProps) {\n  const ref = React.useRef<HTMLSpanElement>(null)\n  const [isInView, setIsInView] = React.useState(false)\n  const [revealCount, setRevealCount] = React.useState(0)\n  const [, setFlipTick] = React.useState(0)\n\n  const animationFrameRef = React.useRef<number | null>(null)\n  const startTimeRef = React.useRef(0)\n  const lastFlipTimeRef = React.useRef(0)\n  const scrambleCharsRef = React.useRef<string[]>(\n    text ? scramblePreservingSpaces(text, charset).split(\"\") : []\n  )\n\n  React.useEffect(() => {\n    const el = ref.current\n    if (!el) return\n\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        if (entry?.isIntersecting) {\n          setIsInView(true)\n          observer.disconnect()\n        }\n      },\n      { threshold: 0 }\n    )\n\n    observer.observe(el)\n    return () => observer.disconnect()\n  }, [])\n\n  React.useEffect(() => {\n    if (!isInView) return\n\n    const initial = text\n      ? scramblePreservingSpaces(text, charset)\n      : \"\"\n    scrambleCharsRef.current = initial.split(\"\")\n    startTimeRef.current = performance.now()\n    lastFlipTimeRef.current = startTimeRef.current\n    setRevealCount(0)\n\n    let isCancelled = false\n\n    const update = (now: number) => {\n      if (isCancelled) return\n\n      const totalLength = text.length\n\n      if (scrambleOnly) {\n        const timeSinceLastFlip = now - lastFlipTimeRef.current\n        if (timeSinceLastFlip >= Math.max(0, flipDelayMs)) {\n          if (scrambleOneChar) {\n            const indices: number[] = []\n            for (let i = 0; i < totalLength; i++) {\n              if (text[i] !== \" \") indices.push(i)\n            }\n            if (indices.length > 0) {\n              const idx = indices[Math.floor(Math.random() * indices.length)]!\n              scrambleCharsRef.current[idx] = randomChar(charset)\n            }\n          } else {\n            for (let index = 0; index < totalLength; index += 1) {\n              scrambleCharsRef.current[index] =\n                text[index] === \" \" ? \" \" : randomChar(charset)\n            }\n          }\n          lastFlipTimeRef.current = now\n          setFlipTick((t) => (t + 1) & 0xffff)\n        }\n        animationFrameRef.current = requestAnimationFrame(update)\n        return\n      }\n\n      const elapsedMs = now - startTimeRef.current\n      const currentRevealCount = Math.min(\n        totalLength,\n        Math.floor(elapsedMs / Math.max(1, revealDelayMs))\n      )\n\n      setRevealCount(currentRevealCount)\n\n      if (currentRevealCount >= totalLength) return\n\n      const timeSinceLastFlip = now - lastFlipTimeRef.current\n      if (timeSinceLastFlip >= Math.max(0, flipDelayMs)) {\n        for (let index = currentRevealCount; index < totalLength; index += 1) {\n          scrambleCharsRef.current[index] =\n            text[index] === \" \" ? \" \" : randomChar(charset)\n        }\n        lastFlipTimeRef.current = now\n      }\n\n      animationFrameRef.current = requestAnimationFrame(update)\n    }\n\n    animationFrameRef.current = requestAnimationFrame(update)\n\n    return () => {\n      isCancelled = true\n      if (animationFrameRef.current !== null) {\n        cancelAnimationFrame(animationFrameRef.current)\n      }\n    }\n  }, [isInView, text, revealDelayMs, charset, flipDelayMs, scrambleOnly, scrambleOneChar])\n\n  if (!text) return null\n\n  return (\n    <span\n      ref={ref}\n      data-slot=\"encrypted-text\"\n      className={className}\n      aria-label={text}\n      {...props}\n    >\n      {text.split(\"\").map((char, index) => {\n        const isRevealed = !scrambleOnly && index < revealCount\n        const displayChar = isRevealed\n          ? char\n          : char === \" \"\n            ? \" \"\n            : (scrambleCharsRef.current[index] ?? randomChar(charset))\n\n        return (\n          <span\n            key={index}\n            data-slot=\"encrypted-text-char\"\n            data-revealed={isRevealed || undefined}\n            className={cn(isRevealed ? revealedClassName : encryptedClassName)}\n          >\n            {displayChar}\n          </span>\n        )\n      })}\n    </span>\n  )\n}\n\nexport { EncryptedText }\n"]}

package/dist/field.d.ts

@@ -0,0 +1,22 @@
+import * as _base_ui_react from '@base-ui/react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Field as Field$1 } from '@base-ui/react/field';
+export { Field as FieldPrimitive } from '@base-ui/react/field';
+
+type FieldProps = React.ComponentProps<typeof Field$1.Root>;
+type FieldLabelProps = React.ComponentProps<typeof Field$1.Label>;
+type FieldDescriptionProps = React.ComponentProps<typeof Field$1.Description>;
+type FieldItemProps = React.ComponentProps<typeof Field$1.Item>;
+type FieldErrorProps = React.ComponentProps<typeof Field$1.Error>;
+type FieldValidityProps = React.ComponentProps<typeof Field$1.Validity>;
+type FieldControlProps = React.ComponentPropsWithoutRef<typeof Field$1.Control>;
+declare function Field({ className, ...props }: FieldProps): react_jsx_runtime.JSX.Element;
+declare function FieldLabel({ className, ...props }: FieldLabelProps): react_jsx_runtime.JSX.Element;
+declare const FieldControl: React.ForwardRefExoticComponent<Omit<Omit<_base_ui_react.FieldControlProps, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare function FieldDescription({ className, ...props }: FieldDescriptionProps): react_jsx_runtime.JSX.Element;
+declare function FieldItem({ className, ...props }: FieldItemProps): react_jsx_runtime.JSX.Element;
+declare function FieldError({ className, ...props }: FieldErrorProps): react_jsx_runtime.JSX.Element;
+declare const FieldValidity: React.FC<_base_ui_react.FieldValidityProps>;
+
+export { Field, FieldControl, type FieldControlProps, FieldDescription, type FieldDescriptionProps, FieldError, type FieldErrorProps, FieldItem, type FieldItemProps, FieldLabel, type FieldLabelProps, type FieldProps, FieldValidity, type FieldValidityProps };

package/dist/field.js

@@ -0,0 +1,4 @@
+export { Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldPrimitive, FieldValidity } from './chunk-NCHHHWTB.js';
+import './chunk-76UQO56T.js';
+//# sourceMappingURL=field.js.map
+//# sourceMappingURL=field.js.map

package/dist/field.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"field.js"}

package/dist/form.d.ts

@@ -0,0 +1,80 @@
+import * as react_hook_form from 'react-hook-form';
+import { FieldValues, UseFormReturn, SubmitHandler, FieldPath, RegisterOptions, ControllerRenderProps, ControllerFieldState } from 'react-hook-form';
+export { useForm } from 'react-hook-form';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { Form as Form$1 } from '@base-ui/react/form';
+import { Field } from './field.js';
+import '@base-ui/react';
+import '@base-ui/react/field';
+
+type FormProps<TFieldValues extends FieldValues> = {
+    form: UseFormReturn<TFieldValues>;
+    onSubmit: SubmitHandler<TFieldValues>;
+} & Omit<React.ComponentProps<typeof Form$1>, "onSubmit">;
+type FormRootProps = React.ComponentProps<typeof Form$1>;
+type FormErrorProps = React.ComponentProps<"p">;
+type FormActionsProps = React.ComponentProps<"div">;
+type FormMessageProps = React.ComponentProps<"p">;
+declare function Form<TFieldValues extends FieldValues>({ form, onSubmit, ...props }: FormProps<TFieldValues>): react_jsx_runtime.JSX.Element;
+/**
+ * Base UI form element.
+ *
+ * This is the element that actually renders the <form> tag.
+ */
+declare function FormRoot({ className, ...props }: FormRootProps): react_jsx_runtime.JSX.Element;
+type FormFieldRenderArgs<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
+    id: string;
+    field: ControllerRenderProps<TFieldValues, TName>;
+    fieldState: ControllerFieldState;
+};
+type FormFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> = {
+    name: TName;
+    id?: string;
+    required?: boolean;
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    rules?: RegisterOptions<TFieldValues, TName>;
+    /**
+     * Render the actual control.
+     *
+     * - For Base UI controls, prefer `onValueChange`.
+     * - For native/standard inputs, use `onChange`.
+     *
+     * Use `fieldControlProps(field)` to get both.
+     */
+    render: (args: FormFieldRenderArgs<TFieldValues, TName>) => React.ReactNode;
+} & Omit<React.ComponentProps<typeof Field>, "children" | "name" | "invalid" | "touched" | "dirty" | "render">;
+/**
+ * Base UI + React Hook Form field helper.
+ *
+ * It maps RHF Controller state onto Base UI's <Field> state so styling can
+ * rely on `data-[invalid]`, `data-[touched]`, `data-[dirty]`, etc.
+ */
+declare function FormField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>(props: FormFieldProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
+declare function FormError({ className, ...props }: FormErrorProps): react_jsx_runtime.JSX.Element | null;
+declare function FormActions({ className, ...props }: FormActionsProps): react_jsx_runtime.JSX.Element;
+declare function FormMessage({ className, ...props }: FormMessageProps): react_jsx_runtime.JSX.Element;
+/**
+ * Convenience helper for mapping RHF field props onto either:
+ * - Base UI controls (use `onValueChange`)
+ * - Native/standard inputs (use `onChange`)
+ */
+declare function fieldControlProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>(field: ControllerRenderProps<TFieldValues, TName>, opts?: {
+    id?: string;
+    describedBy?: string;
+    invalid?: boolean;
+    native?: boolean;
+}): {
+    "aria-describedby": string | undefined;
+    "aria-invalid": boolean | undefined;
+    onValueChange?: ((...event: any[]) => void) | undefined;
+    id: string | undefined;
+    name: TName;
+    ref: react_hook_form.RefCallBack;
+    value: string;
+    onBlur: react_hook_form.Noop;
+    onChange: (...event: any[]) => void;
+};
+
+export { Form, FormActions, FormError, FormField, type FormFieldProps, type FormFieldRenderArgs, FormMessage, FormRoot, fieldControlProps };

package/dist/form.js

@@ -0,0 +1,108 @@
+import { Field, FieldLabel, FieldDescription, FieldError } from './chunk-NCHHHWTB.js';
+import { cn } from './chunk-76UQO56T.js';
+import * as React from 'react';
+import { Form as Form$1 } from '@base-ui/react/form';
+import { FormProvider, useFormContext, Controller } from 'react-hook-form';
+export { useForm } from 'react-hook-form';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function Form({ form, onSubmit, ...props }) {
+  return /* @__PURE__ */ jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsx(FormRoot, { ...props, onSubmit: form.handleSubmit(onSubmit) }) });
+}
+function FormRoot({ className, ...props }) {
+  return /* @__PURE__ */ jsx(Form$1, { "data-slot": "form", className: cn("flex flex-col gap-6", className), ...props });
+}
+function FormField(props) {
+  const { name, id, required, label, description, rules, render, ...rootProps } = props;
+  const { control } = useFormContext();
+  const reactId = React.useId();
+  const safeName = String(name).replace(/[^a-zA-Z0-9_-]/g, "-");
+  const controlId = id ?? `field-${safeName}-${reactId}`;
+  const inferredRequired = (() => {
+    if (!rules || !("required" in rules)) return false;
+    const req = rules.required;
+    if (typeof req === "boolean") return req;
+    if (typeof req === "string") return true;
+    if (req && typeof req === "object" && "value" in req) {
+      return Boolean(req.value);
+    }
+    return Boolean(req);
+  })();
+  const isRequired = required ?? inferredRequired;
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      name,
+      control,
+      rules,
+      render: ({ field, fieldState }) => /* @__PURE__ */ jsxs(
+        Field,
+        {
+          ...rootProps,
+          name: field.name,
+          invalid: fieldState.invalid,
+          touched: fieldState.isTouched,
+          dirty: fieldState.isDirty,
+          children: [
+            label ? /* @__PURE__ */ jsxs(FieldLabel, { children: [
+              label,
+              isRequired ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-destructive ml-1", children: "*" }) : null
+            ] }) : null,
+            description ? /* @__PURE__ */ jsx(FieldDescription, { children: description }) : null,
+            render({ id: controlId, field, fieldState }),
+            fieldState.error ? /* @__PURE__ */ jsx(FieldError, { children: fieldState.error.message }) : null
+          ]
+        }
+      )
+    }
+  );
+}
+function FormError({ className, ...props }) {
+  const {
+    formState: { errors }
+  } = useFormContext();
+  const message = errors?.root && typeof errors.root?.message === "string" ? String(errors.root?.message) : null;
+  if (!message) return null;
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      "data-slot": "form-error",
+      className: cn(
+        "text-destructive rounded-2xl border border-destructive/30 bg-destructive/5 p-4 text-sm",
+        className
+      ),
+      ...props,
+      children: message
+    }
+  );
+}
+function FormActions({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "form-actions",
+      className: cn("flex flex-wrap items-center gap-2", className),
+      ...props
+    }
+  );
+}
+function FormMessage({ className, ...props }) {
+  return /* @__PURE__ */ jsx("p", { "data-slot": "form-message", className: cn("text-sm text-foreground/80", className), ...props });
+}
+function fieldControlProps(field, opts) {
+  return {
+    id: opts?.id,
+    name: field.name,
+    ref: field.ref,
+    value: field.value ?? "",
+    onBlur: field.onBlur,
+    onChange: field.onChange,
+    ...opts?.native ? {} : { onValueChange: field.onChange },
+    "aria-describedby": opts?.describedBy,
+    "aria-invalid": opts?.invalid
+  };
+}
+
+export { Form, FormActions, FormError, FormField, FormMessage, FormRoot, fieldControlProps };
+//# sourceMappingURL=form.js.map
+//# sourceMappingURL=form.js.map

package/dist/form.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/form.tsx"],"names":["FormPrimitive"],"mappings":"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","file":"form.js","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Form as FormPrimitive } from \"@base-ui/react/form\";\nimport {\n  Controller,\n  FormProvider,\n  useFormContext,\n  useForm,\n  type SubmitHandler,\n  type UseFormReturn,\n  type ControllerFieldState,\n  type ControllerRenderProps,\n  type FieldPath,\n  type FieldValues,\n  type RegisterOptions,\n} from \"react-hook-form\";\n\nimport { Field, FieldDescription, FieldError, FieldLabel } from \"./field\";\n\nimport { cn } from \"./lib/utils\";\n\ntype FormProps<TFieldValues extends FieldValues> = {\n  form: UseFormReturn<TFieldValues>;\n  onSubmit: SubmitHandler<TFieldValues>;\n} & Omit<React.ComponentProps<typeof FormPrimitive>, \"onSubmit\">;\n\ntype FormRootProps = React.ComponentProps<typeof FormPrimitive>;\ntype FormErrorProps = React.ComponentProps<\"p\">;\ntype FormActionsProps = React.ComponentProps<\"div\">;\ntype FormMessageProps = React.ComponentProps<\"p\">;\n\nfunction Form<TFieldValues extends FieldValues>({ form, onSubmit, ...props }: FormProps<TFieldValues>) {\n  return (\n    <FormProvider {...form}>\n      <FormRoot {...props} onSubmit={form.handleSubmit(onSubmit)} />\n    </FormProvider>\n  );\n}\n\n/**\n * Base UI form element.\n *\n * This is the element that actually renders the <form> tag.\n */\nfunction FormRoot({ className, ...props }: FormRootProps) {\n  return (\n    <FormPrimitive data-slot=\"form\" className={cn(\"flex flex-col gap-6\", className)} {...props} />\n  );\n}\n\ntype FormFieldRenderArgs<\n  TFieldValues extends FieldValues,\n  TName extends FieldPath<TFieldValues>,\n> = {\n  id: string;\n  field: ControllerRenderProps<TFieldValues, TName>;\n  fieldState: ControllerFieldState;\n};\n\ntype FormFieldProps<\n  TFieldValues extends FieldValues,\n  TName extends FieldPath<TFieldValues>,\n> = {\n  name: TName;\n  id?: string;\n  required?: boolean;\n  label?: React.ReactNode;\n  description?: React.ReactNode;\n  rules?: RegisterOptions<TFieldValues, TName>;\n  /**\n   * Render the actual control.\n   *\n   * - For Base UI controls, prefer `onValueChange`.\n   * - For native/standard inputs, use `onChange`.\n   *\n   * Use `fieldControlProps(field)` to get both.\n   */\n  render: (args: FormFieldRenderArgs<TFieldValues, TName>) => React.ReactNode;\n} & Omit<\n  React.ComponentProps<typeof Field>,\n  \"children\" | \"name\" | \"invalid\" | \"touched\" | \"dirty\" | \"render\"\n>;\n\n/**\n * Base UI + React Hook Form field helper.\n *\n * It maps RHF Controller state onto Base UI's <Field> state so styling can\n * rely on `data-[invalid]`, `data-[touched]`, `data-[dirty]`, etc.\n */\nfunction FormField<\n  TFieldValues extends FieldValues,\n  TName extends FieldPath<TFieldValues>,\n>(props: FormFieldProps<TFieldValues, TName>) {\n  const { name, id, required, label, description, rules, render, ...rootProps } = props;\n  const { control } = useFormContext<TFieldValues>();\n\n  const reactId = React.useId();\n  const safeName = String(name).replace(/[^a-zA-Z0-9_-]/g, \"-\");\n  const controlId = id ?? `field-${safeName}-${reactId}`;\n\n  const inferredRequired = (() => {\n    if (!rules || !(\"required\" in rules)) return false;\n    const req = (rules as { required?: unknown }).required;\n    if (typeof req === \"boolean\") return req;\n    if (typeof req === \"string\") return true;\n    if (req && typeof req === \"object\" && \"value\" in (req as Record<string, unknown>)) {\n      return Boolean((req as { value?: unknown }).value);\n    }\n    return Boolean(req);\n  })();\n\n  const isRequired = required ?? inferredRequired;\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      rules={rules}\n      render={({ field, fieldState }) => (\n        <Field\n          {...rootProps}\n          name={field.name}\n          invalid={fieldState.invalid}\n          touched={fieldState.isTouched}\n          dirty={fieldState.isDirty}\n        >\n          {label ? (\n            <FieldLabel>\n              {label}\n              {isRequired ? (\n                <span aria-hidden=\"true\" className=\"text-destructive ml-1\">\n                  *\n                </span>\n              ) : null}\n            </FieldLabel>\n          ) : null}\n          {description ? <FieldDescription>{description}</FieldDescription> : null}\n\n          {render({ id: controlId, field, fieldState })}\n\n          {fieldState.error ? (\n            <FieldError>{fieldState.error.message}</FieldError>\n          ) : null}\n        </Field>\n      )}\n    />\n  );\n}\n\nfunction FormError({ className, ...props }: FormErrorProps) {\n  const {\n    formState: { errors },\n  } = useFormContext();\n\n  const message =\n    (errors as Record<string, unknown>)?.root &&\n    typeof (errors as { root?: { message?: unknown } }).root?.message === \"string\"\n      ? String((errors as { root?: { message?: unknown } }).root?.message)\n      : null;\n\n  if (!message) return null;\n\n  return (\n    <p\n      data-slot=\"form-error\"\n      className={cn(\n        \"text-destructive rounded-2xl border border-destructive/30 bg-destructive/5 p-4 text-sm\",\n        className,\n      )}\n      {...props}\n    >\n      {message}\n    </p>\n  );\n}\n\nfunction FormActions({ className, ...props }: FormActionsProps) {\n  return (\n    <div\n      data-slot=\"form-actions\"\n      className={cn(\"flex flex-wrap items-center gap-2\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction FormMessage({ className, ...props }: FormMessageProps) {\n  return (\n    <p data-slot=\"form-message\" className={cn(\"text-sm text-foreground/80\", className)} {...props} />\n  );\n}\n\n/**\n * Convenience helper for mapping RHF field props onto either:\n * - Base UI controls (use `onValueChange`)\n * - Native/standard inputs (use `onChange`)\n */\nfunction fieldControlProps<\n  TFieldValues extends FieldValues,\n  TName extends FieldPath<TFieldValues>,\n>(\n  field: ControllerRenderProps<TFieldValues, TName>,\n  opts?: {\n    id?: string;\n    describedBy?: string;\n    invalid?: boolean;\n    native?: boolean;\n  },\n) {\n  return {\n    id: opts?.id,\n    name: field.name,\n    ref: field.ref,\n    value: field.value ?? \"\",\n    onBlur: field.onBlur,\n    onChange: field.onChange,\n    ...(opts?.native ? {} : { onValueChange: field.onChange }),\n    \"aria-describedby\": opts?.describedBy,\n    \"aria-invalid\": opts?.invalid,\n  };\n}\n\nexport {\n  Form,\n  FormRoot,\n  FormField,\n  FormError,\n  FormActions,\n  FormMessage,\n  fieldControlProps,\n  useForm,\n  type FormFieldRenderArgs,\n  type FormFieldProps,\n};\n"]}

package/dist/hooks/use-mobile.d.ts

@@ -1,3 +1,8 @@
-declare function useIsMobile(): boolean;
+/**
+ * Returns `true` when the viewport is below the given breakpoint.
+ *
+ * @param breakpoint - Width in pixels. Defaults to 768.
+ */
+declare function useIsMobile(breakpoint?: number): boolean;
 
 export { useIsMobile };

package/dist/hooks/use-mobile.js

@@ -1,20 +1,3 @@
-import * as React from 'react';
-
-var MOBILE_BREAKPOINT = 768;
-function useIsMobile() {
-  const [isMobile, setIsMobile] = React.useState(void 0);
-  React.useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
-    const onChange = () => {
-      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    };
-    mql.addEventListener("change", onChange);
-    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    return () => mql.removeEventListener("change", onChange);
-  }, []);
-  return !!isMobile;
-}
-
-export { useIsMobile };
+export { useIsMobile } from '../chunk-ZZZH3JGW.js';
 //# sourceMappingURL=use-mobile.js.map
 //# sourceMappingURL=use-mobile.js.map

package/dist/hooks/use-mobile.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/use-mobile.ts"],"names":[],"mappings":";;AAIA,IAAM,iBAAA,GAAoB,GAAA;AAEnB,SAAS,WAAA,GAAc;AAC5B,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAU,eAA8B,MAAS,CAAA;AAE7E,EAAM,gBAAU,MAAM;AACpB,IAAA,MAAM,MAAM,MAAA,CAAO,UAAA,CAAW,CAAA,YAAA,EAAe,iBAAA,GAAoB,CAAC,CAAA,GAAA,CAAK,CAAA;AACvE,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,WAAA,CAAY,MAAA,CAAO,aAAa,iBAAiB,CAAA;AAAA,IACnD,CAAA;AACA,IAAA,GAAA,CAAI,gBAAA,CAAiB,UAAU,QAAQ,CAAA;AACvC,IAAA,WAAA,CAAY,MAAA,CAAO,aAAa,iBAAiB,CAAA;AACjD,IAAA,OAAO,MAAM,GAAA,CAAI,mBAAA,CAAoB,QAAA,EAAU,QAAQ,CAAA;AAAA,EACzD,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,CAAC,CAAC,QAAA;AACX","file":"use-mobile.js","sourcesContent":["'use client';\n\nimport * as React from \"react\";\n\nconst MOBILE_BREAKPOINT = 768;\n\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined);\n\n  React.useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    };\n    mql.addEventListener(\"change\", onChange);\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    return () => mql.removeEventListener(\"change\", onChange);\n  }, []);\n\n  return !!isMobile;\n}\n"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"use-mobile.js"}

package/dist/infinite-scroll.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type InfiniteScrollProps = {
+    onLoadMore: () => void;
+    hasMore: boolean;
+    isLoading?: boolean;
+    direction?: "down" | "up";
+    root?: React.RefObject<Element | null>;
+    rootMargin?: string;
+    threshold?: number;
+    loader?: React.ReactNode;
+    endMessage?: React.ReactNode;
+    className?: string;
+    children?: React.ReactNode;
+};
+declare function InfiniteScroll({ onLoadMore, hasMore, isLoading, direction, root, rootMargin, threshold, loader, endMessage, className, children, }: InfiniteScrollProps): react_jsx_runtime.JSX.Element;
+
+export { InfiniteScroll, type InfiniteScrollProps };

package/dist/infinite-scroll.js

@@ -0,0 +1,102 @@
+import { Spinner } from './chunk-6Y7LPQMO.js';
+import './chunk-DIGOLJIR.js';
+import { cn } from './chunk-76UQO56T.js';
+import * as React from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function InfiniteScroll({
+  onLoadMore,
+  hasMore,
+  isLoading = false,
+  direction = "down",
+  root,
+  rootMargin = "200px",
+  threshold = 0,
+  loader,
+  endMessage,
+  className,
+  children
+}) {
+  const sentinelRef = React.useRef(null);
+  const loadingRef = React.useRef(false);
+  const onLoadMoreRef = React.useRef(onLoadMore);
+  React.useEffect(() => {
+    onLoadMoreRef.current = onLoadMore;
+  }, [onLoadMore]);
+  React.useEffect(() => {
+    if (!isLoading) {
+      loadingRef.current = false;
+    }
+  }, [isLoading]);
+  React.useEffect(() => {
+    const sentinel2 = sentinelRef.current;
+    if (!sentinel2 || !hasMore) return;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        const [entry] = entries;
+        if (entry?.isIntersecting && !loadingRef.current) {
+          loadingRef.current = true;
+          onLoadMoreRef.current();
+        }
+      },
+      {
+        root: root?.current ?? null,
+        rootMargin,
+        threshold
+      }
+    );
+    observer.observe(sentinel2);
+    return () => {
+      observer.disconnect();
+    };
+  }, [hasMore, root, rootMargin, threshold]);
+  const loaderContent = isLoading && /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "infinite-scroll-loader",
+      className: "flex items-center justify-center py-6",
+      children: loader ?? /* @__PURE__ */ jsx(Spinner, { className: "size-6 text-muted-foreground" })
+    }
+  );
+  const endContent = !hasMore && !isLoading && endMessage && /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "infinite-scroll-end",
+      className: "flex items-center justify-center py-6 text-sm text-muted-foreground",
+      children: endMessage
+    }
+  );
+  const sentinel = /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: sentinelRef,
+      "data-slot": "infinite-scroll-sentinel",
+      "aria-hidden": "true",
+      className: "h-px"
+    }
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "infinite-scroll",
+      "aria-busy": isLoading,
+      className: cn("flex flex-col", className),
+      children: [
+        direction === "up" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          sentinel,
+          loaderContent
+        ] }),
+        children,
+        direction === "down" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          sentinel,
+          loaderContent
+        ] }),
+        endContent
+      ]
+    }
+  );
+}
+
+export { InfiniteScroll };
+//# sourceMappingURL=infinite-scroll.js.map
+//# sourceMappingURL=infinite-scroll.js.map

package/dist/infinite-scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/infinite-scroll.tsx"],"names":["sentinel"],"mappings":"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","file":"infinite-scroll.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { cn } from \"./lib/utils\"\nimport { Spinner } from \"./spinner\"\n\ntype InfiniteScrollProps = {\n  onLoadMore: () => void\n  hasMore: boolean\n  isLoading?: boolean\n  direction?: \"down\" | \"up\"\n  root?: React.RefObject<Element | null>\n  rootMargin?: string\n  threshold?: number\n  loader?: React.ReactNode\n  endMessage?: React.ReactNode\n  className?: string\n  children?: React.ReactNode\n}\n\nfunction InfiniteScroll({\n  onLoadMore,\n  hasMore,\n  isLoading = false,\n  direction = \"down\",\n  root,\n  rootMargin = \"200px\",\n  threshold = 0,\n  loader,\n  endMessage,\n  className,\n  children,\n}: InfiniteScrollProps) {\n  const sentinelRef = React.useRef<HTMLDivElement>(null)\n  const loadingRef = React.useRef(false)\n\n  const onLoadMoreRef = React.useRef(onLoadMore)\n  React.useEffect(() => {\n    onLoadMoreRef.current = onLoadMore\n  }, [onLoadMore])\n\n  React.useEffect(() => {\n    if (!isLoading) {\n      loadingRef.current = false\n    }\n  }, [isLoading])\n\n  React.useEffect(() => {\n    const sentinel = sentinelRef.current\n    if (!sentinel || !hasMore) return\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        const [entry] = entries\n        if (entry?.isIntersecting && !loadingRef.current) {\n          loadingRef.current = true\n          onLoadMoreRef.current()\n        }\n      },\n      {\n        root: root?.current ?? null,\n        rootMargin,\n        threshold,\n      }\n    )\n\n    observer.observe(sentinel)\n\n    return () => {\n      observer.disconnect()\n    }\n  }, [hasMore, root, rootMargin, threshold])\n\n  const loaderContent = isLoading && (\n    <div\n      data-slot=\"infinite-scroll-loader\"\n      className=\"flex items-center justify-center py-6\"\n    >\n      {loader ?? <Spinner className=\"size-6 text-muted-foreground\" />}\n    </div>\n  )\n\n  const endContent = !hasMore && !isLoading && endMessage && (\n    <div\n      data-slot=\"infinite-scroll-end\"\n      className=\"flex items-center justify-center py-6 text-sm text-muted-foreground\"\n    >\n      {endMessage}\n    </div>\n  )\n\n  const sentinel = (\n    <div\n      ref={sentinelRef}\n      data-slot=\"infinite-scroll-sentinel\"\n      aria-hidden=\"true\"\n      className=\"h-px\"\n    />\n  )\n\n  return (\n    <div\n      data-slot=\"infinite-scroll\"\n      aria-busy={isLoading}\n      className={cn(\"flex flex-col\", className)}\n    >\n      {direction === \"up\" && (\n        <>\n          {sentinel}\n          {loaderContent}\n        </>\n      )}\n\n      {children}\n\n      {direction === \"down\" && (\n        <>\n          {sentinel}\n          {loaderContent}\n        </>\n      )}\n\n      {endContent}\n    </div>\n  )\n}\n\nexport { InfiniteScroll, type InfiniteScrollProps }\n"]}