@waveso/ui 0.0.10 → 0.1.0

package/dist/count.d.ts

@@ -1,34 +1,35 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactElement } from 'react';
+import { ReactElement } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
+//#region src/count.d.ts
 interface CountProps {
-    /** Target number or Date to count to */
-    to: number | Date;
-    /** Starting number. Default: 0. Ignored when `to` is a Date. */
-    from?: number;
-    /** Animation duration in milliseconds. Default: 900. Ignored when `to` is a Date. */
-    duration?: number;
-    /** Delay before starting in seconds. Default: 0 */
-    delay?: number;
-    /**
-     * Format the value for display.
-     * - For numbers: receives the current interpolated number.
-     * - For dates: receives remaining milliseconds.
-     * Default: toLocaleString() for numbers, dd:hh:mm:ss for dates.
-     */
-    format?: (value: number) => string;
-    /** Prefix string (e.g., "$"). Default: '' */
-    prefix?: string;
-    /** Suffix string (e.g., "%", "+"). Default: '' */
-    suffix?: string;
-    /** Element to render into. Receives the formatted value as children. */
-    children: ReactElement;
-    /** Trigger once. Default: true */
-    once?: boolean;
-    /** Easing function. Default: easeOut. Ignored when `to` is a Date. */
-    easing?: (t: number) => number;
-    /** Called when the count finishes (reaches target or date passes). */
-    onComplete?: () => void;
+  /** Target number or Date to count to */
+  to: number | Date;
+  /** Starting number. Default: 0. Ignored when `to` is a Date. */
+  from?: number;
+  /** Animation duration in milliseconds. Default: 900. Ignored when `to` is a Date. */
+  duration?: number;
+  /** Delay before starting in seconds. Default: 0 */
+  delay?: number;
+  /**
+   * Format the value for display.
+   * - For numbers: receives the current interpolated number.
+   * - For dates: receives remaining milliseconds.
+   * Default: toLocaleString() for numbers, dd:hh:mm:ss for dates.
+   */
+  format?: (value: number) => string;
+  /** Prefix string (e.g., "$"). Default: '' */
+  prefix?: string;
+  /** Suffix string (e.g., "%", "+"). Default: '' */
+  suffix?: string;
+  /** Element to render into. Receives the formatted value as children. */
+  children: ReactElement;
+  /** Trigger once. Default: true */
+  once?: boolean;
+  /** Easing function. Default: easeOut. Ignored when `to` is a Date. */
+  easing?: (t: number) => number;
+  /** Called when the count finishes (reaches target or date passes). */
+  onComplete?: () => void;
 }
 /** @deprecated Use `Count` instead. `CountUp` is an alias kept for backwards compatibility. */
 type CountUpProps = CountProps;
@@ -66,8 +67,21 @@ declare function easeOut(t: number): number;
  * </Count>
  * ```
  */
-declare function Count({ to, from: start, duration, delay, format, prefix, suffix, children, once, easing, onComplete, }: CountProps): react_jsx_runtime.JSX.Element;
+declare function Count({
+  to,
+  from: start,
+  duration,
+  delay,
+  format,
+  prefix,
+  suffix,
+  children,
+  once,
+  easing,
+  onComplete
+}: CountProps): _$react_jsx_runtime0.JSX.Element;
 /** @deprecated Use `Count` instead */
 declare const CountUp: typeof Count;
-
+//#endregion
 export { Count, type CountProps, CountUp, type CountUpProps, easeOut };
+//# sourceMappingURL=count.d.ts.map

package/dist/count.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"count.d.ts","names":[],"sources":["../src/count.tsx"],"mappings":";;;;UAeU,UAAA;;EAER,EAAA,WAAa,IAAA;EAFL;EAIR,IAAA;;EAEA,QAAA;EAJA;EAMA,KAAA;EAJA;;;;;;EAWA,MAAA,IAAU,KAAA;EAMV;EAJA,MAAA;EAMA;EAJA,MAAA;EAMU;EAJV,QAAA,EAAU,YAAA;EAMA;EAJV,IAAA;EAQG;EANH,MAAA,IAAU,CAAA;;EAEV,UAAA;AAAA;AAI4B;AAAA,KAAzB,YAAA,GAAe,UAAA;;iBAKX,OAAA,CAAQ,CAAA;;AAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAwEjB,KAAA,CAAA;EACP,EAAA;EACA,IAAA,EAAM,KAAA;EACN,QAAA;EACA,KAAA;EACA,MAAA;EACA,MAAA;EACA,MAAA;EACA,QAAA;EACA,IAAA;EACA,MAAA;EACA;AAAA,GACC,UAAA,GAAU,oBAAA,CAAA,GAAA,CAAA,OAAA;;cAyLP,OAAA,SAAO,KAAA"}

package/dist/count.js

@@ -1,176 +1,181 @@
-import { useRef, useState, useEffect, isValidElement, cloneElement } from 'react';
-import { useInView } from 'motion/react';
-import { jsx } from 'react/jsx-runtime';
-
+"use client";
+import { cloneElement, isValidElement, useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useInView } from "motion/react";
+//#region src/count.tsx
+/** Cubic ease-out: fast start, smooth deceleration */
 function easeOut(t) {
-  return 1 - Math.pow(1 - t, 3);
+	return 1 - Math.pow(1 - t, 3);
 }
 function formatCountdown(ms) {
-  if (ms <= 0) return "00:00:00";
-  const totalSeconds = Math.floor(ms / 1e3);
-  const days = Math.floor(totalSeconds / 86400);
-  const hours = Math.floor(totalSeconds % 86400 / 3600);
-  const minutes = Math.floor(totalSeconds % 3600 / 60);
-  const seconds = totalSeconds % 60;
-  const pad = (n) => String(n).padStart(2, "0");
-  if (days > 0) {
-    return `${days}d ${pad(hours)}:${pad(minutes)}:${pad(seconds)}`;
-  }
-  return `${pad(hours)}:${pad(minutes)}:${pad(seconds)}`;
+	if (ms <= 0) return "00:00:00";
+	const totalSeconds = Math.floor(ms / 1e3);
+	const days = Math.floor(totalSeconds / 86400);
+	const hours = Math.floor(totalSeconds % 86400 / 3600);
+	const minutes = Math.floor(totalSeconds % 3600 / 60);
+	const seconds = totalSeconds % 60;
+	const pad = (n) => String(n).padStart(2, "0");
+	if (days > 0) return `${days}d ${pad(hours)}:${pad(minutes)}:${pad(seconds)}`;
+	return `${pad(hours)}:${pad(minutes)}:${pad(seconds)}`;
 }
 function mergeRef(internalRef, externalRef) {
-  return (el) => {
-    internalRef.current = el;
-    if (typeof externalRef === "function") externalRef(el);
-    else if (externalRef && typeof externalRef === "object") {
-      externalRef.current = el;
-    }
-  };
+	return (el) => {
+		internalRef.current = el;
+		if (typeof externalRef === "function") externalRef(el);
+		else if (externalRef && typeof externalRef === "object") externalRef.current = el;
+	};
 }
-function Count({
-  to,
-  from: start = 0,
-  duration = 900,
-  delay = 0,
-  format,
-  prefix = "",
-  suffix = "",
-  children,
-  once = true,
-  easing = easeOut,
-  onComplete
-}) {
-  const isDate = to instanceof Date;
-  if (isDate) {
-    return /* @__PURE__ */ jsx(
-      DateCount,
-      {
-        to,
-        delay,
-        format,
-        prefix,
-        suffix,
-        once,
-        onComplete,
-        children
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    NumberCount,
-    {
-      to,
-      from: start,
-      duration,
-      delay,
-      format,
-      prefix,
-      suffix,
-      once,
-      easing,
-      onComplete,
-      children
-    }
-  );
+/**
+* Animated number counter. Counts up, counts down, or live-counts to a date.
+*
+* Direction is automatic — if `from < to` it counts up, if `from > to` it
+* counts down. When `to` is a Date, it becomes a live countdown that ticks
+* every second.
+*
+* Zero wrapper — injects the formatted value as children via cloneElement.
+*
+* @example
+* ```tsx
+* // Count up
+* <Count to={1234}>
+*   <span className="text-4xl font-bold tabular-nums" />
+* </Count>
+*
+* // Count down
+* <Count from={100} to={0} onComplete={() => alert("Done!")}>
+*   <span className="text-4xl font-bold tabular-nums" />
+* </Count>
+*
+* // Live countdown to a date
+* <Count to={new Date("2026-04-01T00:00:00")}>
+*   <span className="text-2xl font-mono tabular-nums" />
+* </Count>
+*
+* // Custom date format
+* <Count to={launchDate} format={(ms) => `${Math.ceil(ms / 86400000)} days left`}>
+*   <span className="text-xl" />
+* </Count>
+* ```
+*/
+function Count({ to, from: start = 0, duration = 900, delay = 0, format, prefix = "", suffix = "", children, once = true, easing = easeOut, onComplete }) {
+	if (to instanceof Date) return /* @__PURE__ */ jsx(DateCount, {
+		to,
+		delay,
+		format,
+		prefix,
+		suffix,
+		once,
+		onComplete,
+		children
+	});
+	return /* @__PURE__ */ jsx(NumberCount, {
+		to,
+		from: start,
+		duration,
+		delay,
+		format,
+		prefix,
+		suffix,
+		once,
+		easing,
+		onComplete,
+		children
+	});
 }
-function NumberCount({
-  to,
-  from: start,
-  duration,
-  delay,
-  format,
-  prefix,
-  suffix,
-  children,
-  once,
-  easing,
-  onComplete
-}) {
-  const ref = useRef(null);
-  const isInView = useInView(ref, { once, margin: "-50px" });
-  const [display, setDisplay] = useState(start);
-  const hasAnimated = useRef(false);
-  const formatFn = format ?? ((n) => Number.isInteger(to) ? Math.round(n).toLocaleString() : n.toLocaleString());
-  useEffect(() => {
-    if (!isInView || hasAnimated.current) return;
-    hasAnimated.current = true;
-    const delayMs = delay * 1e3;
-    let raf;
-    let startTime;
-    const timer = setTimeout(() => {
-      const animate = (timestamp) => {
-        if (!startTime) startTime = timestamp;
-        const elapsed = timestamp - startTime;
-        const progress = Math.min(elapsed / duration, 1);
-        const easedProgress = easing(progress);
-        const current = start + (to - start) * easedProgress;
-        setDisplay(current);
-        if (progress < 1) {
-          raf = requestAnimationFrame(animate);
-        } else {
-          onComplete?.();
-        }
-      };
-      raf = requestAnimationFrame(animate);
-    }, delayMs);
-    return () => {
-      clearTimeout(timer);
-      cancelAnimationFrame(raf);
-    };
-  }, [isInView, to, start, duration, delay, easing, onComplete]);
-  if (!isValidElement(children)) return children;
-  const childProps = children.props;
-  const existingRef = childProps.ref;
-  return cloneElement(children, {
-    ref: mergeRef(ref, existingRef),
-    children: `${prefix}${formatFn(display)}${suffix}`
-  });
+function NumberCount({ to, from: start, duration, delay, format, prefix, suffix, children, once, easing, onComplete }) {
+	const ref = useRef(null);
+	const isInView = useInView(ref, {
+		once,
+		margin: "-50px"
+	});
+	const [display, setDisplay] = useState(start);
+	const hasAnimated = useRef(false);
+	const formatFn = format ?? ((n) => Number.isInteger(to) ? Math.round(n).toLocaleString() : n.toLocaleString());
+	useEffect(() => {
+		if (!isInView || hasAnimated.current) return;
+		hasAnimated.current = true;
+		const delayMs = delay * 1e3;
+		let raf;
+		let startTime;
+		const timer = setTimeout(() => {
+			const animate = (timestamp) => {
+				if (!startTime) startTime = timestamp;
+				const elapsed = timestamp - startTime;
+				const progress = Math.min(elapsed / duration, 1);
+				const easedProgress = easing(progress);
+				setDisplay(start + (to - start) * easedProgress);
+				if (progress < 1) raf = requestAnimationFrame(animate);
+				else onComplete?.();
+			};
+			raf = requestAnimationFrame(animate);
+		}, delayMs);
+		return () => {
+			clearTimeout(timer);
+			cancelAnimationFrame(raf);
+		};
+	}, [
+		isInView,
+		to,
+		start,
+		duration,
+		delay,
+		easing,
+		onComplete
+	]);
+	if (!isValidElement(children)) return children;
+	const existingRef = children.props.ref;
+	return cloneElement(children, {
+		ref: mergeRef(ref, existingRef),
+		children: `${prefix}${formatFn(display)}${suffix}`
+	});
 }
-function DateCount({
-  to,
-  delay,
-  format,
-  prefix,
-  suffix,
-  children,
-  once,
-  onComplete
-}) {
-  const ref = useRef(null);
-  const isInView = useInView(ref, { once, margin: "-50px" });
-  const [remaining, setRemaining] = useState(() => Math.max(0, to.getTime() - Date.now()));
-  const [started, setStarted] = useState(false);
-  const completedRef = useRef(false);
-  const formatFn = format ?? formatCountdown;
-  useEffect(() => {
-    if (!isInView || started) return;
-    const timer = setTimeout(() => setStarted(true), delay * 1e3);
-    return () => clearTimeout(timer);
-  }, [isInView, delay, started]);
-  useEffect(() => {
-    if (!started) return;
-    const tick = () => {
-      const ms = Math.max(0, to.getTime() - Date.now());
-      setRemaining(ms);
-      if (ms <= 0 && !completedRef.current) {
-        completedRef.current = true;
-        onComplete?.();
-      }
-    };
-    tick();
-    const interval = setInterval(tick, 1e3);
-    return () => clearInterval(interval);
-  }, [started, to, onComplete]);
-  if (!isValidElement(children)) return children;
-  const childProps = children.props;
-  const existingRef = childProps.ref;
-  return cloneElement(children, {
-    ref: mergeRef(ref, existingRef),
-    children: `${prefix}${formatFn(remaining)}${suffix}`
-  });
+function DateCount({ to, delay, format, prefix, suffix, children, once, onComplete }) {
+	const ref = useRef(null);
+	const isInView = useInView(ref, {
+		once,
+		margin: "-50px"
+	});
+	const [remaining, setRemaining] = useState(() => Math.max(0, to.getTime() - Date.now()));
+	const [started, setStarted] = useState(false);
+	const completedRef = useRef(false);
+	const formatFn = format ?? formatCountdown;
+	useEffect(() => {
+		if (!isInView || started) return;
+		const timer = setTimeout(() => setStarted(true), delay * 1e3);
+		return () => clearTimeout(timer);
+	}, [
+		isInView,
+		delay,
+		started
+	]);
+	useEffect(() => {
+		if (!started) return;
+		const tick = () => {
+			const ms = Math.max(0, to.getTime() - Date.now());
+			setRemaining(ms);
+			if (ms <= 0 && !completedRef.current) {
+				completedRef.current = true;
+				onComplete?.();
+			}
+		};
+		tick();
+		const interval = setInterval(tick, 1e3);
+		return () => clearInterval(interval);
+	}, [
+		started,
+		to,
+		onComplete
+	]);
+	if (!isValidElement(children)) return children;
+	const existingRef = children.props.ref;
+	return cloneElement(children, {
+		ref: mergeRef(ref, existingRef),
+		children: `${prefix}${formatFn(remaining)}${suffix}`
+	});
 }
-var CountUp = Count;
-
+/** @deprecated Use `Count` instead */
+const CountUp = Count;
+//#endregion
 export { Count, CountUp, easeOut };
-//# sourceMappingURL=count.js.map
+
 //# sourceMappingURL=count.js.map

package/dist/count.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/count.tsx"],"names":[],"mappings":";;;;AAmDA,SAAS,QAAQ,CAAA,EAAmB;AAClC,EAAA,OAAO,CAAA,GAAI,IAAA,CAAK,GAAA,CAAI,CAAA,GAAI,GAAG,CAAC,CAAA;AAC9B;AAIA,SAAS,gBAAgB,EAAA,EAAoB;AAC3C,EAAA,IAAI,EAAA,IAAM,GAAG,OAAO,UAAA;AAEpB,EAAA,MAAM,YAAA,GAAe,IAAA,CAAK,KAAA,CAAM,EAAA,GAAK,GAAI,CAAA;AACzC,EAAA,MAAM,IAAA,GAAO,IAAA,CAAK,KAAA,CAAM,YAAA,GAAe,KAAK,CAAA;AAC5C,EAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,KAAA,CAAO,YAAA,GAAe,QAAS,IAAI,CAAA;AACtD,EAAA,MAAM,OAAA,GAAU,IAAA,CAAK,KAAA,CAAO,YAAA,GAAe,OAAQ,EAAE,CAAA;AACrD,EAAA,MAAM,UAAU,YAAA,GAAe,EAAA;AAE/B,EAAA,MAAM,GAAA,GAAM,CAAC,CAAA,KAAc,MAAA,CAAO,CAAC,CAAA,CAAE,QAAA,CAAS,GAAG,GAAG,CAAA;AAEpD,EAAA,IAAI,OAAO,CAAA,EAAG;AACZ,IAAA,OAAO,CAAA,EAAG,IAAI,CAAA,EAAA,EAAK,GAAA,CAAI,KAAK,CAAC,CAAA,CAAA,EAAI,GAAA,CAAI,OAAO,CAAC,CAAA,CAAA,EAAI,GAAA,CAAI,OAAO,CAAC,CAAA,CAAA;AAAA,EAC/D;AACA,EAAA,OAAO,CAAA,EAAG,GAAA,CAAI,KAAK,CAAC,CAAA,CAAA,EAAI,GAAA,CAAI,OAAO,CAAC,CAAA,CAAA,EAAI,GAAA,CAAI,OAAO,CAAC,CAAA,CAAA;AACtD;AAIA,SAAS,QAAA,CACP,aACA,WAAA,EACA;AACA,EAAA,OAAO,CAAC,EAAA,KAA2B;AAChC,IAAC,YAAgD,OAAA,GAAU,EAAA;AAC5D,IAAA,IAAI,OAAO,WAAA,KAAgB,UAAA,EAAY,WAAA,CAAY,EAAE,CAAA;AAAA,SAAA,IAC5C,WAAA,IAAe,OAAO,WAAA,KAAgB,QAAA,EAAU;AACtD,MAAC,YAAgD,OAAA,GAAU,EAAA;AAAA,IAC9D;AAAA,EACF,CAAA;AACF;AAoCA,SAAS,KAAA,CAAM;AAAA,EACb,EAAA;AAAA,EACA,MAAM,KAAA,GAAQ,CAAA;AAAA,EACd,QAAA,GAAW,GAAA;AAAA,EACX,KAAA,GAAQ,CAAA;AAAA,EACR,MAAA;AAAA,EACA,MAAA,GAAS,EAAA;AAAA,EACT,MAAA,GAAS,EAAA;AAAA,EACT,QAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,MAAA,GAAS,OAAA;AAAA,EACT;AACF,CAAA,EAAe;AACb,EAAA,MAAM,SAAS,EAAA,YAAc,IAAA;AAE7B,EAAA,IAAI,MAAA,EAAQ;AACV,IAAA,uBACE,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,EAAA;AAAA,QACA,KAAA;AAAA,QACA,MAAA;AAAA,QACA,MAAA;AAAA,QACA,MAAA;AAAA,QACA,IAAA;AAAA,QACA,UAAA;AAAA,QAEC;AAAA;AAAA,KACH;AAAA,EAEJ;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,IAAA,EAAM,KAAA;AAAA,MACN,QAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAIA,SAAS,WAAA,CAAY;AAAA,EACnB,EAAA;AAAA,EACA,IAAA,EAAM,KAAA;AAAA,EACN,QAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAYG;AACD,EAAA,MAAM,GAAA,GAAM,OAAoB,IAAI,CAAA;AACpC,EAAA,MAAM,WAAW,SAAA,CAAU,GAAA,EAAK,EAAE,IAAA,EAAM,MAAA,EAAQ,SAAS,CAAA;AACzD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,WAAA,GAAc,OAAO,KAAK,CAAA;AAEhC,EAAA,MAAM,QAAA,GAAW,MAAA,KAAW,CAAC,CAAA,KAC3B,OAAO,SAAA,CAAU,EAAE,CAAA,GAAI,IAAA,CAAK,MAAM,CAAC,CAAA,CAAE,cAAA,EAAe,GAAI,EAAE,cAAA,EAAe,CAAA;AAG3E,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,QAAA,IAAY,WAAA,CAAY,OAAA,EAAS;AACtC,IAAA,WAAA,CAAY,OAAA,GAAU,IAAA;AAEtB,IAAA,MAAM,UAAU,KAAA,GAAQ,GAAA;AACxB,IAAA,IAAI,GAAA;AACJ,IAAA,IAAI,SAAA;AAEJ,IAAA,MAAM,KAAA,GAAQ,WAAW,MAAM;AAC7B,MAAA,MAAM,OAAA,GAAU,CAAC,SAAA,KAAsB;AACrC,QAAA,IAAI,CAAC,WAAW,SAAA,GAAY,SAAA;AAC5B,QAAA,MAAM,UAAU,SAAA,GAAY,SAAA;AAC5B,QAAA,MAAM,QAAA,GAAW,IAAA,CAAK,GAAA,CAAI,OAAA,GAAU,UAAU,CAAC,CAAA;AAC/C,QAAA,MAAM,aAAA,GAAgB,OAAO,QAAQ,CAAA;AACrC,QAAA,MAAM,OAAA,GAAU,KAAA,GAAA,CAAS,EAAA,GAAK,KAAA,IAAS,aAAA;AAEvC,QAAA,UAAA,CAAW,OAAO,CAAA;AAElB,QAAA,IAAI,WAAW,CAAA,EAAG;AAChB,UAAA,GAAA,GAAM,sBAAsB,OAAO,CAAA;AAAA,QACrC,CAAA,MAAO;AACL,UAAA,UAAA,IAAa;AAAA,QACf;AAAA,MACF,CAAA;AAEA,MAAA,GAAA,GAAM,sBAAsB,OAAO,CAAA;AAAA,IACrC,GAAG,OAAO,CAAA;AAEV,IAAA,OAAO,MAAM;AACX,MAAA,YAAA,CAAa,KAAK,CAAA;AAClB,MAAA,oBAAA,CAAqB,GAAG,CAAA;AAAA,IAC1B,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,QAAA,EAAU,EAAA,EAAI,OAAO,QAAA,EAAU,KAAA,EAAO,MAAA,EAAQ,UAAU,CAAC,CAAA;AAE7D,EAAA,IAAI,CAAC,cAAA,CAAe,QAAQ,CAAA,EAAG,OAAO,QAAA;AAEtC,EAAA,MAAM,aAAa,QAAA,CAAS,KAAA;AAC5B,EAAA,MAAM,cAAe,UAAA,CAA0C,GAAA;AAE/D,EAAA,OAAO,aAAa,QAAA,EAAU;AAAA,IAC5B,GAAA,EAAK,QAAA,CAAS,GAAA,EAAK,WAAW,CAAA;AAAA,IAC9B,QAAA,EAAU,GAAG,MAAM,CAAA,EAAG,SAAS,OAAO,CAAC,GAAG,MAAM,CAAA;AAAA,GACtB,CAAA;AAC9B;AAIA,SAAS,SAAA,CAAU;AAAA,EACjB,EAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,EASG;AACD,EAAA,MAAM,GAAA,GAAM,OAAoB,IAAI,CAAA;AACpC,EAAA,MAAM,WAAW,SAAA,CAAU,GAAA,EAAK,EAAE,IAAA,EAAM,MAAA,EAAQ,SAAS,CAAA;AACzD,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,MAAM,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,GAAG,OAAA,EAAQ,GAAI,IAAA,CAAK,GAAA,EAAK,CAAC,CAAA;AACvF,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,YAAA,GAAe,OAAO,KAAK,CAAA;AAEjC,EAAA,MAAM,WAAW,MAAA,IAAU,eAAA;AAE3B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,YAAY,OAAA,EAAS;AAC1B,IAAA,MAAM,QAAQ,UAAA,CAAW,MAAM,WAAW,IAAI,CAAA,EAAG,QAAQ,GAAI,CAAA;AAC7D,IAAA,OAAO,MAAM,aAAa,KAAK,CAAA;AAAA,EACjC,CAAA,EAAG,CAAC,QAAA,EAAU,KAAA,EAAO,OAAO,CAAC,CAAA;AAE7B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,OAAA,EAAS;AAEd,IAAA,MAAM,OAAO,MAAM;AACjB,MAAA,MAAM,EAAA,GAAK,KAAK,GAAA,CAAI,CAAA,EAAG,GAAG,OAAA,EAAQ,GAAI,IAAA,CAAK,GAAA,EAAK,CAAA;AAChD,MAAA,YAAA,CAAa,EAAE,CAAA;AAEf,MAAA,IAAI,EAAA,IAAM,CAAA,IAAK,CAAC,YAAA,CAAa,OAAA,EAAS;AACpC,QAAA,YAAA,CAAa,OAAA,GAAU,IAAA;AACvB,QAAA,UAAA,IAAa;AAAA,MACf;AAAA,IACF,CAAA;AAEA,IAAA,IAAA,EAAK;AACL,IAAA,MAAM,QAAA,GAAW,WAAA,CAAY,IAAA,EAAM,GAAI,CAAA;AACvC,IAAA,OAAO,MAAM,cAAc,QAAQ,CAAA;AAAA,EACrC,CAAA,EAAG,CAAC,OAAA,EAAS,EAAA,EAAI,UAAU,CAAC,CAAA;AAE5B,EAAA,IAAI,CAAC,cAAA,CAAe,QAAQ,CAAA,EAAG,OAAO,QAAA;AAEtC,EAAA,MAAM,aAAa,QAAA,CAAS,KAAA;AAC5B,EAAA,MAAM,cAAe,UAAA,CAA0C,GAAA;AAE/D,EAAA,OAAO,aAAa,QAAA,EAAU;AAAA,IAC5B,GAAA,EAAK,QAAA,CAAS,GAAA,EAAK,WAAW,CAAA;AAAA,IAC9B,QAAA,EAAU,GAAG,MAAM,CAAA,EAAG,SAAS,SAAS,CAAC,GAAG,MAAM,CAAA;AAAA,GACxB,CAAA;AAC9B;AAKA,IAAM,OAAA,GAAU","file":"count.js","sourcesContent":["\"use client\"\n\nimport {\n  type ReactElement,\n  type Ref,\n  cloneElement,\n  isValidElement,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\"\nimport { useInView } from \"motion/react\"\n\n// ── Types ────────────────────────────────────────────────────────────\n\ninterface CountProps {\n  /** Target number or Date to count to */\n  to: number | Date\n  /** Starting number. Default: 0. Ignored when `to` is a Date. */\n  from?: number\n  /** Animation duration in milliseconds. Default: 900. Ignored when `to` is a Date. */\n  duration?: number\n  /** Delay before starting in seconds. Default: 0 */\n  delay?: number\n  /**\n   * Format the value for display.\n   * - For numbers: receives the current interpolated number.\n   * - For dates: receives remaining milliseconds.\n   * Default: toLocaleString() for numbers, dd:hh:mm:ss for dates.\n   */\n  format?: (value: number) => string\n  /** Prefix string (e.g., \"$\"). Default: '' */\n  prefix?: string\n  /** Suffix string (e.g., \"%\", \"+\"). Default: '' */\n  suffix?: string\n  /** Element to render into. Receives the formatted value as children. */\n  children: ReactElement\n  /** Trigger once. Default: true */\n  once?: boolean\n  /** Easing function. Default: easeOut. Ignored when `to` is a Date. */\n  easing?: (t: number) => number\n  /** Called when the count finishes (reaches target or date passes). */\n  onComplete?: () => void\n}\n\n/** @deprecated Use `Count` instead. `CountUp` is an alias kept for backwards compatibility. */\ntype CountUpProps = CountProps\n\n// ── Easing ───────────────────────────────────────────────────────────\n\n/** Cubic ease-out: fast start, smooth deceleration */\nfunction easeOut(t: number): number {\n  return 1 - Math.pow(1 - t, 3)\n}\n\n// ── Date Formatting ──────────────────────────────────────────────────\n\nfunction formatCountdown(ms: number): string {\n  if (ms <= 0) return \"00:00:00\"\n\n  const totalSeconds = Math.floor(ms / 1000)\n  const days = Math.floor(totalSeconds / 86400)\n  const hours = Math.floor((totalSeconds % 86400) / 3600)\n  const minutes = Math.floor((totalSeconds % 3600) / 60)\n  const seconds = totalSeconds % 60\n\n  const pad = (n: number) => String(n).padStart(2, \"0\")\n\n  if (days > 0) {\n    return `${days}d ${pad(hours)}:${pad(minutes)}:${pad(seconds)}`\n  }\n  return `${pad(hours)}:${pad(minutes)}:${pad(seconds)}`\n}\n\n// ── Ref Merge ────────────────────────────────────────────────────────\n\nfunction mergeRef(\n  internalRef: React.RefObject<HTMLElement | null>,\n  externalRef?: Ref<HTMLElement>,\n) {\n  return (el: HTMLElement | null) => {\n    ;(internalRef as { current: HTMLElement | null }).current = el\n    if (typeof externalRef === \"function\") externalRef(el)\n    else if (externalRef && typeof externalRef === \"object\") {\n      ;(externalRef as { current: HTMLElement | null }).current = el\n    }\n  }\n}\n\n// ── Count ────────────────────────────────────────────────────────────\n\n/**\n * Animated number counter. Counts up, counts down, or live-counts to a date.\n *\n * Direction is automatic — if `from < to` it counts up, if `from > to` it\n * counts down. When `to` is a Date, it becomes a live countdown that ticks\n * every second.\n *\n * Zero wrapper — injects the formatted value as children via cloneElement.\n *\n * @example\n * ```tsx\n * // Count up\n * <Count to={1234}>\n *   <span className=\"text-4xl font-bold tabular-nums\" />\n * </Count>\n *\n * // Count down\n * <Count from={100} to={0} onComplete={() => alert(\"Done!\")}>\n *   <span className=\"text-4xl font-bold tabular-nums\" />\n * </Count>\n *\n * // Live countdown to a date\n * <Count to={new Date(\"2026-04-01T00:00:00\")}>\n *   <span className=\"text-2xl font-mono tabular-nums\" />\n * </Count>\n *\n * // Custom date format\n * <Count to={launchDate} format={(ms) => `${Math.ceil(ms / 86400000)} days left`}>\n *   <span className=\"text-xl\" />\n * </Count>\n * ```\n */\nfunction Count({\n  to,\n  from: start = 0,\n  duration = 900,\n  delay = 0,\n  format,\n  prefix = \"\",\n  suffix = \"\",\n  children,\n  once = true,\n  easing = easeOut,\n  onComplete,\n}: CountProps) {\n  const isDate = to instanceof Date\n\n  if (isDate) {\n    return (\n      <DateCount\n        to={to}\n        delay={delay}\n        format={format}\n        prefix={prefix}\n        suffix={suffix}\n        once={once}\n        onComplete={onComplete}\n      >\n        {children}\n      </DateCount>\n    )\n  }\n\n  return (\n    <NumberCount\n      to={to}\n      from={start}\n      duration={duration}\n      delay={delay}\n      format={format}\n      prefix={prefix}\n      suffix={suffix}\n      once={once}\n      easing={easing}\n      onComplete={onComplete}\n    >\n      {children}\n    </NumberCount>\n  )\n}\n\n// ── Number Count (up or down) ────────────────────────────────────────\n\nfunction NumberCount({\n  to,\n  from: start,\n  duration,\n  delay,\n  format,\n  prefix,\n  suffix,\n  children,\n  once,\n  easing,\n  onComplete,\n}: {\n  to: number\n  from: number\n  duration: number\n  delay: number\n  format?: (value: number) => string\n  prefix: string\n  suffix: string\n  children: ReactElement\n  once: boolean\n  easing: (t: number) => number\n  onComplete?: () => void\n}) {\n  const ref = useRef<HTMLElement>(null)\n  const isInView = useInView(ref, { once, margin: \"-50px\" })\n  const [display, setDisplay] = useState(start)\n  const hasAnimated = useRef(false)\n\n  const formatFn = format ?? ((n: number) =>\n    Number.isInteger(to) ? Math.round(n).toLocaleString() : n.toLocaleString()\n  )\n\n  useEffect(() => {\n    if (!isInView || hasAnimated.current) return\n    hasAnimated.current = true\n\n    const delayMs = delay * 1000\n    let raf: number\n    let startTime: number\n\n    const timer = setTimeout(() => {\n      const animate = (timestamp: number) => {\n        if (!startTime) startTime = timestamp\n        const elapsed = timestamp - startTime\n        const progress = Math.min(elapsed / duration, 1)\n        const easedProgress = easing(progress)\n        const current = start + (to - start) * easedProgress\n\n        setDisplay(current)\n\n        if (progress < 1) {\n          raf = requestAnimationFrame(animate)\n        } else {\n          onComplete?.()\n        }\n      }\n\n      raf = requestAnimationFrame(animate)\n    }, delayMs)\n\n    return () => {\n      clearTimeout(timer)\n      cancelAnimationFrame(raf)\n    }\n  }, [isInView, to, start, duration, delay, easing, onComplete])\n\n  if (!isValidElement(children)) return children\n\n  const childProps = children.props as Record<string, unknown>\n  const existingRef = (childProps as { ref?: Ref<HTMLElement> }).ref\n\n  return cloneElement(children, {\n    ref: mergeRef(ref, existingRef),\n    children: `${prefix}${formatFn(display)}${suffix}`,\n  } as Record<string, unknown>)\n}\n\n// ── Date Count (live countdown) ──────────────────────────────────────\n\nfunction DateCount({\n  to,\n  delay,\n  format,\n  prefix,\n  suffix,\n  children,\n  once,\n  onComplete,\n}: {\n  to: Date\n  delay: number\n  format?: (value: number) => string\n  prefix: string\n  suffix: string\n  children: ReactElement\n  once: boolean\n  onComplete?: () => void\n}) {\n  const ref = useRef<HTMLElement>(null)\n  const isInView = useInView(ref, { once, margin: \"-50px\" })\n  const [remaining, setRemaining] = useState(() => Math.max(0, to.getTime() - Date.now()))\n  const [started, setStarted] = useState(false)\n  const completedRef = useRef(false)\n\n  const formatFn = format ?? formatCountdown\n\n  useEffect(() => {\n    if (!isInView || started) return\n    const timer = setTimeout(() => setStarted(true), delay * 1000)\n    return () => clearTimeout(timer)\n  }, [isInView, delay, started])\n\n  useEffect(() => {\n    if (!started) return\n\n    const tick = () => {\n      const ms = Math.max(0, to.getTime() - Date.now())\n      setRemaining(ms)\n\n      if (ms <= 0 && !completedRef.current) {\n        completedRef.current = true\n        onComplete?.()\n      }\n    }\n\n    tick()\n    const interval = setInterval(tick, 1000)\n    return () => clearInterval(interval)\n  }, [started, to, onComplete])\n\n  if (!isValidElement(children)) return children\n\n  const childProps = children.props as Record<string, unknown>\n  const existingRef = (childProps as { ref?: Ref<HTMLElement> }).ref\n\n  return cloneElement(children, {\n    ref: mergeRef(ref, existingRef),\n    children: `${prefix}${formatFn(remaining)}${suffix}`,\n  } as Record<string, unknown>)\n}\n\n// ── Exports ──────────────────────────────────────────────────────────\n\n/** @deprecated Use `Count` instead */\nconst CountUp = Count\n\nexport { Count, CountUp, easeOut }\nexport type { CountProps, CountUpProps }\n"]}
+{"version":3,"file":"count.js","names":[],"sources":["../src/count.tsx"],"sourcesContent":["\"use client\"\n\nimport {\n  type ReactElement,\n  type Ref,\n  cloneElement,\n  isValidElement,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\"\nimport { useInView } from \"motion/react\"\n\n// ── Types ────────────────────────────────────────────────────────────\n\ninterface CountProps {\n  /** Target number or Date to count to */\n  to: number | Date\n  /** Starting number. Default: 0. Ignored when `to` is a Date. */\n  from?: number\n  /** Animation duration in milliseconds. Default: 900. Ignored when `to` is a Date. */\n  duration?: number\n  /** Delay before starting in seconds. Default: 0 */\n  delay?: number\n  /**\n   * Format the value for display.\n   * - For numbers: receives the current interpolated number.\n   * - For dates: receives remaining milliseconds.\n   * Default: toLocaleString() for numbers, dd:hh:mm:ss for dates.\n   */\n  format?: (value: number) => string\n  /** Prefix string (e.g., \"$\"). Default: '' */\n  prefix?: string\n  /** Suffix string (e.g., \"%\", \"+\"). Default: '' */\n  suffix?: string\n  /** Element to render into. Receives the formatted value as children. */\n  children: ReactElement\n  /** Trigger once. Default: true */\n  once?: boolean\n  /** Easing function. Default: easeOut. Ignored when `to` is a Date. */\n  easing?: (t: number) => number\n  /** Called when the count finishes (reaches target or date passes). */\n  onComplete?: () => void\n}\n\n/** @deprecated Use `Count` instead. `CountUp` is an alias kept for backwards compatibility. */\ntype CountUpProps = CountProps\n\n// ── Easing ───────────────────────────────────────────────────────────\n\n/** Cubic ease-out: fast start, smooth deceleration */\nfunction easeOut(t: number): number {\n  return 1 - Math.pow(1 - t, 3)\n}\n\n// ── Date Formatting ──────────────────────────────────────────────────\n\nfunction formatCountdown(ms: number): string {\n  if (ms <= 0) return \"00:00:00\"\n\n  const totalSeconds = Math.floor(ms / 1000)\n  const days = Math.floor(totalSeconds / 86400)\n  const hours = Math.floor((totalSeconds % 86400) / 3600)\n  const minutes = Math.floor((totalSeconds % 3600) / 60)\n  const seconds = totalSeconds % 60\n\n  const pad = (n: number) => String(n).padStart(2, \"0\")\n\n  if (days > 0) {\n    return `${days}d ${pad(hours)}:${pad(minutes)}:${pad(seconds)}`\n  }\n  return `${pad(hours)}:${pad(minutes)}:${pad(seconds)}`\n}\n\n// ── Ref Merge ────────────────────────────────────────────────────────\n\nfunction mergeRef(\n  internalRef: React.RefObject<HTMLElement | null>,\n  externalRef?: Ref<HTMLElement>,\n) {\n  return (el: HTMLElement | null) => {\n    ;(internalRef as { current: HTMLElement | null }).current = el\n    if (typeof externalRef === \"function\") externalRef(el)\n    else if (externalRef && typeof externalRef === \"object\") {\n      ;(externalRef as { current: HTMLElement | null }).current = el\n    }\n  }\n}\n\n// ── Count ────────────────────────────────────────────────────────────\n\n/**\n * Animated number counter. Counts up, counts down, or live-counts to a date.\n *\n * Direction is automatic — if `from < to` it counts up, if `from > to` it\n * counts down. When `to` is a Date, it becomes a live countdown that ticks\n * every second.\n *\n * Zero wrapper — injects the formatted value as children via cloneElement.\n *\n * @example\n * ```tsx\n * // Count up\n * <Count to={1234}>\n *   <span className=\"text-4xl font-bold tabular-nums\" />\n * </Count>\n *\n * // Count down\n * <Count from={100} to={0} onComplete={() => alert(\"Done!\")}>\n *   <span className=\"text-4xl font-bold tabular-nums\" />\n * </Count>\n *\n * // Live countdown to a date\n * <Count to={new Date(\"2026-04-01T00:00:00\")}>\n *   <span className=\"text-2xl font-mono tabular-nums\" />\n * </Count>\n *\n * // Custom date format\n * <Count to={launchDate} format={(ms) => `${Math.ceil(ms / 86400000)} days left`}>\n *   <span className=\"text-xl\" />\n * </Count>\n * ```\n */\nfunction Count({\n  to,\n  from: start = 0,\n  duration = 900,\n  delay = 0,\n  format,\n  prefix = \"\",\n  suffix = \"\",\n  children,\n  once = true,\n  easing = easeOut,\n  onComplete,\n}: CountProps) {\n  const isDate = to instanceof Date\n\n  if (isDate) {\n    return (\n      <DateCount\n        to={to}\n        delay={delay}\n        format={format}\n        prefix={prefix}\n        suffix={suffix}\n        once={once}\n        onComplete={onComplete}\n      >\n        {children}\n      </DateCount>\n    )\n  }\n\n  return (\n    <NumberCount\n      to={to}\n      from={start}\n      duration={duration}\n      delay={delay}\n      format={format}\n      prefix={prefix}\n      suffix={suffix}\n      once={once}\n      easing={easing}\n      onComplete={onComplete}\n    >\n      {children}\n    </NumberCount>\n  )\n}\n\n// ── Number Count (up or down) ────────────────────────────────────────\n\nfunction NumberCount({\n  to,\n  from: start,\n  duration,\n  delay,\n  format,\n  prefix,\n  suffix,\n  children,\n  once,\n  easing,\n  onComplete,\n}: {\n  to: number\n  from: number\n  duration: number\n  delay: number\n  format?: (value: number) => string\n  prefix: string\n  suffix: string\n  children: ReactElement\n  once: boolean\n  easing: (t: number) => number\n  onComplete?: () => void\n}) {\n  const ref = useRef<HTMLElement>(null)\n  const isInView = useInView(ref, { once, margin: \"-50px\" })\n  const [display, setDisplay] = useState(start)\n  const hasAnimated = useRef(false)\n\n  const formatFn = format ?? ((n: number) =>\n    Number.isInteger(to) ? Math.round(n).toLocaleString() : n.toLocaleString()\n  )\n\n  useEffect(() => {\n    if (!isInView || hasAnimated.current) return\n    hasAnimated.current = true\n\n    const delayMs = delay * 1000\n    let raf: number\n    let startTime: number\n\n    const timer = setTimeout(() => {\n      const animate = (timestamp: number) => {\n        if (!startTime) startTime = timestamp\n        const elapsed = timestamp - startTime\n        const progress = Math.min(elapsed / duration, 1)\n        const easedProgress = easing(progress)\n        const current = start + (to - start) * easedProgress\n\n        setDisplay(current)\n\n        if (progress < 1) {\n          raf = requestAnimationFrame(animate)\n        } else {\n          onComplete?.()\n        }\n      }\n\n      raf = requestAnimationFrame(animate)\n    }, delayMs)\n\n    return () => {\n      clearTimeout(timer)\n      cancelAnimationFrame(raf)\n    }\n  }, [isInView, to, start, duration, delay, easing, onComplete])\n\n  if (!isValidElement(children)) return children\n\n  const childProps = children.props as Record<string, unknown>\n  const existingRef = (childProps as { ref?: Ref<HTMLElement> }).ref\n\n  return cloneElement(children, {\n    ref: mergeRef(ref, existingRef),\n    children: `${prefix}${formatFn(display)}${suffix}`,\n  } as Record<string, unknown>)\n}\n\n// ── Date Count (live countdown) ──────────────────────────────────────\n\nfunction DateCount({\n  to,\n  delay,\n  format,\n  prefix,\n  suffix,\n  children,\n  once,\n  onComplete,\n}: {\n  to: Date\n  delay: number\n  format?: (value: number) => string\n  prefix: string\n  suffix: string\n  children: ReactElement\n  once: boolean\n  onComplete?: () => void\n}) {\n  const ref = useRef<HTMLElement>(null)\n  const isInView = useInView(ref, { once, margin: \"-50px\" })\n  const [remaining, setRemaining] = useState(() => Math.max(0, to.getTime() - Date.now()))\n  const [started, setStarted] = useState(false)\n  const completedRef = useRef(false)\n\n  const formatFn = format ?? formatCountdown\n\n  useEffect(() => {\n    if (!isInView || started) return\n    const timer = setTimeout(() => setStarted(true), delay * 1000)\n    return () => clearTimeout(timer)\n  }, [isInView, delay, started])\n\n  useEffect(() => {\n    if (!started) return\n\n    const tick = () => {\n      const ms = Math.max(0, to.getTime() - Date.now())\n      setRemaining(ms)\n\n      if (ms <= 0 && !completedRef.current) {\n        completedRef.current = true\n        onComplete?.()\n      }\n    }\n\n    tick()\n    const interval = setInterval(tick, 1000)\n    return () => clearInterval(interval)\n  }, [started, to, onComplete])\n\n  if (!isValidElement(children)) return children\n\n  const childProps = children.props as Record<string, unknown>\n  const existingRef = (childProps as { ref?: Ref<HTMLElement> }).ref\n\n  return cloneElement(children, {\n    ref: mergeRef(ref, existingRef),\n    children: `${prefix}${formatFn(remaining)}${suffix}`,\n  } as Record<string, unknown>)\n}\n\n// ── Exports ──────────────────────────────────────────────────────────\n\n/** @deprecated Use `Count` instead */\nconst CountUp = Count\n\nexport { Count, CountUp, easeOut }\nexport type { CountProps, CountUpProps }\n"],"mappings":"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"}

package/dist/dialog.d.ts

@@ -1,20 +1,21 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
+import * as React from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { Dialog as Dialog$1 } from "@base-ui/react/dialog";
 
+//#region src/dialog.d.ts
 type DialogProps = React.ComponentProps<typeof Dialog$1.Root> & {
-    /**
-     * When `true`, clicking outside the dialog does not close it and
-     * `FloatingFocusManager` sets `closeOnFocusOut: false`.
-     * This prevents the focus-manager from swallowing click events on
-     * interactive elements inside the popup (buttons, switches, etc.).
-     *
-     * Use this for dialogs that contain forms, wizards, or other complex
-     * interactive content.
-     *
-     * @default false
-     */
-    disablePointerDismissal?: boolean;
+  /**
+   * When `true`, clicking outside the dialog does not close it and
+   * `FloatingFocusManager` sets `closeOnFocusOut: false`.
+   * This prevents the focus-manager from swallowing click events on
+   * interactive elements inside the popup (buttons, switches, etc.).
+   *
+   * Use this for dialogs that contain forms, wizards, or other complex
+   * interactive content.
+   *
+   * @default false
+   */
+  disablePointerDismissal?: boolean;
 };
 type DialogTriggerProps = React.ComponentProps<typeof Dialog$1.Trigger>;
 type DialogPortalProps = React.ComponentProps<typeof Dialog$1.Portal>;
@@ -24,20 +25,52 @@ type DialogPopupProps = React.ComponentProps<typeof Dialog$1.Popup>;
 type DialogTitleProps = React.ComponentProps<typeof Dialog$1.Title>;
 type DialogDescriptionProps = React.ComponentProps<typeof Dialog$1.Description>;
 type DialogContentProps = DialogPopupProps & {
-    showCloseButton?: boolean;
+  showCloseButton?: boolean;
 };
 type DialogFooterProps = React.ComponentProps<"div"> & {
-    showCloseButton?: boolean;
+  showCloseButton?: boolean;
 };
-declare function Dialog({ disablePointerDismissal, ...props }: DialogProps): react_jsx_runtime.JSX.Element;
-declare function DialogTrigger({ ...props }: DialogTriggerProps): react_jsx_runtime.JSX.Element;
-declare function DialogPortal({ ...props }: DialogPortalProps): react_jsx_runtime.JSX.Element;
-declare function DialogClose({ ...props }: DialogCloseProps): react_jsx_runtime.JSX.Element;
-declare function DialogOverlay({ className, ...props }: DialogOverlayProps): react_jsx_runtime.JSX.Element;
-declare function DialogContent({ className, children, showCloseButton, ...props }: DialogContentProps): react_jsx_runtime.JSX.Element;
-declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function DialogFooter({ className, showCloseButton, children, ...props }: DialogFooterProps): react_jsx_runtime.JSX.Element;
-declare function DialogTitle({ className, ...props }: DialogTitleProps): react_jsx_runtime.JSX.Element;
-declare function DialogDescription({ className, ...props }: DialogDescriptionProps): react_jsx_runtime.JSX.Element;
-
+declare function Dialog({
+  disablePointerDismissal,
+  ...props
+}: DialogProps): _$react_jsx_runtime0.JSX.Element;
+declare function DialogTrigger({
+  ...props
+}: DialogTriggerProps): _$react_jsx_runtime0.JSX.Element;
+declare function DialogPortal({
+  ...props
+}: DialogPortalProps): _$react_jsx_runtime0.JSX.Element;
+declare function DialogClose({
+  ...props
+}: DialogCloseProps): _$react_jsx_runtime0.JSX.Element;
+declare function DialogOverlay({
+  className,
+  ...props
+}: DialogOverlayProps): _$react_jsx_runtime0.JSX.Element;
+declare function DialogContent({
+  className,
+  children,
+  showCloseButton,
+  ...props
+}: DialogContentProps): _$react_jsx_runtime0.JSX.Element;
+declare function DialogHeader({
+  className,
+  ...props
+}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+declare function DialogFooter({
+  className,
+  showCloseButton,
+  children,
+  ...props
+}: DialogFooterProps): _$react_jsx_runtime0.JSX.Element;
+declare function DialogTitle({
+  className,
+  ...props
+}: DialogTitleProps): _$react_jsx_runtime0.JSX.Element;
+declare function DialogDescription({
+  className,
+  ...props
+}: DialogDescriptionProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
+//# sourceMappingURL=dialog.d.ts.map

package/dist/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","names":[],"sources":["../src/dialog.tsx"],"mappings":";;;;;KASK,WAAA,GAAc,KAAA,CAAM,cAAA,QAAsB,QAAA,CAAgB,IAAA;;;AANE;;;;;;;;;EAkB/D,uBAAA;AAAA;AAAA,KAEG,kBAAA,GAAqB,KAAA,CAAM,cAAA,QAAsB,QAAA,CAAgB,OAAA;AAAA,KACjE,iBAAA,GAAoB,KAAA,CAAM,cAAA,QAAsB,QAAA,CAAgB,MAAA;AAAA,KAChE,gBAAA,GAAmB,KAAA,CAAM,cAAA,QAAsB,QAAA,CAAgB,KAAA;AAAA,KAC/D,kBAAA,GAAqB,KAAA,CAAM,cAAA,QAAsB,QAAA,CAAgB,QAAA;AAAA,KACjE,gBAAA,GAAmB,KAAA,CAAM,cAAA,QAAsB,QAAA,CAAgB,KAAA;AAAA,KAC/D,gBAAA,GAAmB,KAAA,CAAM,cAAA,QAAsB,QAAA,CAAgB,KAAA;AAAA,KAC/D,sBAAA,GAAyB,KAAA,CAAM,cAAA,QAAsB,QAAA,CAAgB,WAAA;AAAA,KAErE,kBAAA,GAAqB,gBAAA;EACxB,eAAA;AAAA;AAAA,KAGG,iBAAA,GAAoB,KAAA,CAAM,cAAA;EAC7B,eAAA;AAAA;AAAA,iBAGO,MAAA,CAAA;EAAS,uBAAA;EAAA,GAA4B;AAAA,GAAS,WAAA,GAAW,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAIzD,aAAA,CAAA;EAAA,GAAmB;AAAA,GAAS,kBAAA,GAAkB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAI9C,YAAA,CAAA;EAAA,GAAkB;AAAA,GAAS,iBAAA,GAAiB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAI5C,WAAA,CAAA;EAAA,GAAiB;AAAA,GAAS,gBAAA,GAAgB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAI1C,aAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,kBAAA,GAAkB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAaZ,aAAA,CAAA;EACP,SAAA;EACA,QAAA;EACA,eAAA;EAAA,GACG;AAAA,GACF,kBAAA,GAAkB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAiCZ,YAAA,CAAA;EAAe,SAAA;EAAA,GAAc;AAAA,GAAS,KAAA,CAAM,cAAA,UAAqB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUjE,YAAA,CAAA;EACP,SAAA;EACA,eAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,iBAAA,GAAiB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAoBX,WAAA,CAAA;EAAc,SAAA;EAAA,GAAc;AAAA,GAAS,gBAAA,GAAgB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUrD,iBAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,sBAAA,GAAsB,oBAAA,CAAA,GAAA,CAAA,OAAA"}