@waveso/ui 0.0.8 → 0.0.10

package/dist/animate.d.ts

@@ -0,0 +1,148 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { ReactElement } from 'react';
+import { Transition } from 'motion/react';
+
+type Direction = "up" | "down" | "left" | "right";
+interface AnimateOnViewProps {
+    children: ReactElement;
+    /** Delay in seconds before animation starts. Default: 0 */
+    delay?: number;
+    /** Direction to animate from. Default: 'down' */
+    from?: Direction;
+    /** Distance in px. Default: 20 */
+    distance?: number;
+    /** Also scale in (0.85 → 1). Default: false */
+    scale?: boolean;
+    /** Blur in from a given amount in px. Default: false */
+    blur?: boolean | number;
+    /** Rotate in from a given angle in degrees. Default: 0 */
+    rotate?: number;
+    /** 3D flip entrance along the axis matching `from`. Default: false */
+    flip?: boolean;
+    /** Spring easing with overshoot. Default: false */
+    spring?: boolean;
+    /** Trigger once or every time it enters view. Default: true */
+    once?: boolean;
+    /** Custom transition override */
+    transition?: Transition;
+}
+interface AnimateInProps {
+    children: ReactElement;
+    /** Delay in seconds before animation starts. Default: 0 */
+    delay?: number;
+    /** Direction to animate from. Default: 'down' */
+    from?: Direction;
+    /** Distance in px. Default: 20 */
+    distance?: number;
+    /** Also scale in (0.85 → 1). Default: false */
+    scale?: boolean;
+    /** Blur in from a given amount in px. Default: false */
+    blur?: boolean | number;
+    /** Rotate in from a given angle in degrees. Default: 0 */
+    rotate?: number;
+    /** 3D flip entrance along the axis matching `from`. Default: false */
+    flip?: boolean;
+    /** Spring easing with overshoot. Default: false */
+    spring?: boolean;
+    /** Custom transition override */
+    transition?: Transition;
+}
+interface StaggerProps {
+    children: ReactElement[];
+    /** Delay increment between each child in seconds. Default: 0.08 */
+    interval?: number;
+    /** Base delay before the first child animates in seconds. Default: 0 */
+    baseDelay?: number;
+}
+interface PulseProps {
+    children: ReactElement;
+    /** Min scale factor. Default: 0.97 */
+    min?: number;
+    /** Max scale factor. Default: 1.03 */
+    max?: number;
+    /** Animation duration in seconds. Default: 2 */
+    duration?: number;
+    /** Also pulse opacity between these bounds [min, max]. Off by default. */
+    opacity?: [number, number];
+    /** Pause animation. Default: false */
+    paused?: boolean;
+}
+interface FloatProps {
+    children: ReactElement;
+    /** Vertical float distance in px. Default: 6 */
+    distance?: number;
+    /** Animation duration in seconds. Default: 3 */
+    duration?: number;
+    /** Also rotate slightly while floating (degrees). Default: 0 */
+    rotate?: number;
+    /** Pause animation. Default: false */
+    paused?: boolean;
+}
+/**
+ * Animates a child element when it scrolls into view.
+ *
+ * Zero DOM overhead — applies styles directly to the child via cloneElement.
+ * Renders children unchanged on server to avoid hydration mismatch.
+ *
+ * @example
+ * ```tsx
+ * <AnimateOnView from="up" blur scale>
+ *   <Card>Hello</Card>
+ * </AnimateOnView>
+ * ```
+ */
+declare function AnimateOnView({ children, delay, from, distance, scale, blur, rotate, flip, spring, once, transition, }: AnimateOnViewProps): ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/**
+ * Animates a child element immediately on mount.
+ *
+ * Zero DOM overhead — applies styles directly to the child via cloneElement.
+ * Uses a two-phase approach: hidden → visible with requestAnimationFrame.
+ *
+ * @example
+ * ```tsx
+ * <AnimateIn from="up" blur spring>
+ *   <h1>Welcome</h1>
+ * </AnimateIn>
+ * ```
+ */
+declare function AnimateIn({ children, delay, from, distance, scale, blur, rotate, flip, spring, transition, }: AnimateInProps): ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+/**
+ * Auto-staggers delay on child AnimateIn/AnimateOnView elements.
+ * Eliminates manual `delay={i * 0.08}` math.
+ *
+ * @example
+ * ```tsx
+ * <Stagger interval={0.1}>
+ *   <AnimateIn from="up"><Card>One</Card></AnimateIn>
+ *   <AnimateIn from="up"><Card>Two</Card></AnimateIn>
+ * </Stagger>
+ * ```
+ */
+declare function Stagger({ children, interval, baseDelay, }: StaggerProps): react_jsx_runtime.JSX.Element;
+/**
+ * Continuous, subtle scale pulse. Great for live indicators and CTAs.
+ * Zero DOM overhead — injects a scoped keyframe via `<style>`.
+ *
+ * @example
+ * ```tsx
+ * <Pulse>
+ *   <span className="size-3 rounded-full bg-green-500" />
+ * </Pulse>
+ * ```
+ */
+declare function Pulse({ children, min, max, duration, opacity, paused, }: PulseProps): react_jsx_runtime.JSX.Element;
+/**
+ * Gentle continuous up/down float. Perfect for decorative elements.
+ * Zero DOM overhead — injects a scoped keyframe via `<style>`.
+ *
+ * @example
+ * ```tsx
+ * <Float distance={10} duration={4}>
+ *   <Card>Floating</Card>
+ * </Float>
+ * ```
+ */
+declare function Float({ children, distance, duration, rotate, paused, }: FloatProps): react_jsx_runtime.JSX.Element;
+
+export { AnimateIn, type AnimateInProps, AnimateOnView, type AnimateOnViewProps, type Direction, Float, type FloatProps, Pulse, type PulseProps, Stagger, type StaggerProps };

package/dist/animate.js

@@ -0,0 +1,244 @@
+import { useRef, useState, useEffect, isValidElement, cloneElement, Children, useId } from 'react';
+import { useInView } from 'motion/react';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+var DIRECTION_MAP = {
+  up: { prop: "translateY", value: -1 },
+  down: { prop: "translateY", value: 1 },
+  left: { prop: "translateX", value: -1 },
+  right: { prop: "translateX", value: 1 }
+};
+var FLIP_MAP = {
+  up: "rotateX(90deg)",
+  down: "rotateX(-90deg)",
+  left: "rotateY(-90deg)",
+  right: "rotateY(90deg)"
+};
+var SPRING_EASE = "cubic-bezier(0.34, 1.56, 0.64, 1)";
+function buildStyles(opts) {
+  const { from, distance, doScale, blur, rotate, flip } = opts;
+  const dir = DIRECTION_MAP[from];
+  const hiddenParts = [];
+  if (flip) hiddenParts.push("perspective(800px)");
+  hiddenParts.push(`${dir.prop}(${dir.value * distance}px)`);
+  if (doScale) hiddenParts.push("scale(0.85)");
+  if (rotate) hiddenParts.push(`rotate(${rotate}deg)`);
+  if (flip) hiddenParts.push(FLIP_MAP[from]);
+  const visibleParts = [];
+  if (flip) visibleParts.push("perspective(800px)");
+  visibleParts.push("translateX(0) translateY(0)");
+  if (doScale) visibleParts.push("scale(1)");
+  if (rotate) visibleParts.push("rotate(0deg)");
+  if (flip) visibleParts.push(from === "up" || from === "down" ? "rotateX(0deg)" : "rotateY(0deg)");
+  const blurPx = blur === true ? 10 : typeof blur === "number" ? blur : 0;
+  const hidden = {
+    opacity: "0",
+    transform: hiddenParts.join(" ")
+  };
+  const visible = {
+    opacity: "1",
+    transform: visibleParts.join(" ")
+  };
+  if (blurPx > 0) {
+    hidden.filter = `blur(${blurPx}px)`;
+    visible.filter = "blur(0px)";
+  }
+  return { hidden, visible, hasFilter: blurPx > 0 };
+}
+function mergeRefs(...refs) {
+  return (el) => {
+    refs.forEach((ref) => {
+      if (typeof ref === "function") ref(el);
+      else if (ref && typeof ref === "object") {
+        ref.current = el;
+      }
+    });
+  };
+}
+function getTransitionParams(transition, useSpring) {
+  const duration = transition?.duration ?? 0.5;
+  const ease = useSpring ? SPRING_EASE : transition?.ease ?? "ease-out";
+  return { duration, ease };
+}
+function buildTransitionStr(duration, ease, delay, hasFilter) {
+  const parts = [
+    `opacity ${duration}s ${ease} ${delay}s`,
+    `transform ${duration}s ${ease} ${delay}s`
+  ];
+  if (hasFilter) parts.push(`filter ${duration}s ${ease} ${delay}s`);
+  return parts.join(", ");
+}
+function AnimateOnView({
+  children,
+  delay = 0,
+  from = "down",
+  distance = 20,
+  scale = false,
+  blur = false,
+  rotate = 0,
+  flip = false,
+  spring = false,
+  once = true,
+  transition
+}) {
+  const ref = useRef(null);
+  const [hydrated, setHydrated] = useState(false);
+  const isInView = useInView(ref, { once, margin: "-50px" });
+  useEffect(() => {
+    setHydrated(true);
+  }, []);
+  if (!isValidElement(children)) return children;
+  const childProps = children.props;
+  const existingStyle = childProps.style ?? {};
+  const existingRef = childProps.ref;
+  if (!hydrated) {
+    return cloneElement(children, {
+      ref: mergeRefs(ref, existingRef)
+    });
+  }
+  const styles = buildStyles({ from, distance, doScale: scale, blur, rotate, flip });
+  const { duration, ease } = getTransitionParams(transition, spring);
+  const currentStyle = isInView ? styles.visible : styles.hidden;
+  const transitionStr = buildTransitionStr(duration, ease, delay, styles.hasFilter);
+  return cloneElement(children, {
+    ref: mergeRefs(ref, existingRef),
+    style: {
+      ...existingStyle,
+      ...currentStyle,
+      ...isInView ? { transition: transitionStr } : {},
+      willChange: "opacity, transform"
+    }
+  });
+}
+function AnimateIn({
+  children,
+  delay = 0,
+  from = "down",
+  distance = 20,
+  scale = false,
+  blur = false,
+  rotate = 0,
+  flip = false,
+  spring = false,
+  transition
+}) {
+  const ref = useRef(null);
+  const [phase, setPhase] = useState("server");
+  useEffect(() => {
+    setPhase("hidden");
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => setPhase("visible"));
+    });
+  }, []);
+  if (!isValidElement(children)) return children;
+  const childProps = children.props;
+  const existingStyle = childProps.style ?? {};
+  const existingRef = childProps.ref;
+  if (phase === "server") {
+    return cloneElement(children, {
+      ref: mergeRefs(ref, existingRef)
+    });
+  }
+  const styles = buildStyles({ from, distance, doScale: scale, blur, rotate, flip });
+  const { duration, ease } = getTransitionParams(transition, spring);
+  const currentStyle = phase === "visible" ? styles.visible : styles.hidden;
+  const transitionStr = buildTransitionStr(duration, ease, delay, styles.hasFilter);
+  return cloneElement(children, {
+    ref: mergeRefs(ref, existingRef),
+    style: {
+      ...existingStyle,
+      ...currentStyle,
+      ...phase === "visible" ? { transition: transitionStr } : {},
+      willChange: "opacity, transform"
+    }
+  });
+}
+function Stagger({
+  children,
+  interval = 0.08,
+  baseDelay = 0
+}) {
+  return /* @__PURE__ */ jsx(Fragment, { children: Children.map(children, (child, index) => {
+    if (!isValidElement(child)) return child;
+    return cloneElement(child, {
+      delay: baseDelay + index * interval
+    });
+  }) });
+}
+function Pulse({
+  children,
+  min = 0.97,
+  max = 1.03,
+  duration = 2,
+  opacity,
+  paused = false
+}) {
+  const id = useId().replace(/:/g, "");
+  const [hydrated, setHydrated] = useState(false);
+  useEffect(() => {
+    setHydrated(true);
+  }, []);
+  if (!isValidElement(children)) return children;
+  if (!hydrated) return children;
+  const name = `pulse-${id}`;
+  const opacityFrom = opacity?.[0] ?? 1;
+  const opacityTo = opacity?.[1] ?? 1;
+  const keyframes = `@keyframes ${name} {
+  0%, 100% { transform: scale(${min}); opacity: ${opacityFrom}; }
+  50% { transform: scale(${max}); opacity: ${opacityTo}; }
+}`;
+  const childProps = children.props;
+  const existingStyle = childProps.style ?? {};
+  const existingRef = childProps.ref;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("style", { children: keyframes }),
+    cloneElement(children, {
+      ref: existingRef ? mergeRefs(existingRef) : void 0,
+      style: {
+        ...existingStyle,
+        animation: `${name} ${duration}s ease-in-out infinite`,
+        animationPlayState: paused ? "paused" : "running"
+      }
+    })
+  ] });
+}
+function Float({
+  children,
+  distance = 6,
+  duration = 3,
+  rotate = 0,
+  paused = false
+}) {
+  const id = useId().replace(/:/g, "");
+  const [hydrated, setHydrated] = useState(false);
+  useEffect(() => {
+    setHydrated(true);
+  }, []);
+  if (!isValidElement(children)) return children;
+  if (!hydrated) return children;
+  const name = `float-${id}`;
+  const rotA = rotate ? ` rotate(${-rotate}deg)` : "";
+  const rotB = rotate ? ` rotate(${rotate}deg)` : "";
+  const keyframes = `@keyframes ${name} {
+  0%, 100% { transform: translateY(0px)${rotA}; }
+  50% { transform: translateY(${-distance}px)${rotB}; }
+}`;
+  const childProps = children.props;
+  const existingStyle = childProps.style ?? {};
+  const existingRef = childProps.ref;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("style", { children: keyframes }),
+    cloneElement(children, {
+      ...existingRef ? { ref: existingRef } : {},
+      style: {
+        ...existingStyle,
+        animation: `${name} ${duration}s ease-in-out infinite`,
+        animationPlayState: paused ? "paused" : "running"
+      }
+    })
+  ] });
+}
+
+export { AnimateIn, AnimateOnView, Float, Pulse, Stagger };
+//# sourceMappingURL=animate.js.map
+//# sourceMappingURL=animate.js.map

package/dist/animate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/animate.tsx"],"names":[],"mappings":"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","file":"animate.js","sourcesContent":["\"use client\"\n\nimport {\n  Children,\n  type CSSProperties,\n  type ReactElement,\n  type Ref,\n  cloneElement,\n  isValidElement,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from \"react\"\nimport { useInView, type Transition } from \"motion/react\"\n\n// ── Types ────────────────────────────────────────────────────────────\n\ntype Direction = \"up\" | \"down\" | \"left\" | \"right\"\n\ninterface AnimateOnViewProps {\n  children: ReactElement\n  /** Delay in seconds before animation starts. Default: 0 */\n  delay?: number\n  /** Direction to animate from. Default: 'down' */\n  from?: Direction\n  /** Distance in px. Default: 20 */\n  distance?: number\n  /** Also scale in (0.85 → 1). Default: false */\n  scale?: boolean\n  /** Blur in from a given amount in px. Default: false */\n  blur?: boolean | number\n  /** Rotate in from a given angle in degrees. Default: 0 */\n  rotate?: number\n  /** 3D flip entrance along the axis matching `from`. Default: false */\n  flip?: boolean\n  /** Spring easing with overshoot. Default: false */\n  spring?: boolean\n  /** Trigger once or every time it enters view. Default: true */\n  once?: boolean\n  /** Custom transition override */\n  transition?: Transition\n}\n\ninterface AnimateInProps {\n  children: ReactElement\n  /** Delay in seconds before animation starts. Default: 0 */\n  delay?: number\n  /** Direction to animate from. Default: 'down' */\n  from?: Direction\n  /** Distance in px. Default: 20 */\n  distance?: number\n  /** Also scale in (0.85 → 1). Default: false */\n  scale?: boolean\n  /** Blur in from a given amount in px. Default: false */\n  blur?: boolean | number\n  /** Rotate in from a given angle in degrees. Default: 0 */\n  rotate?: number\n  /** 3D flip entrance along the axis matching `from`. Default: false */\n  flip?: boolean\n  /** Spring easing with overshoot. Default: false */\n  spring?: boolean\n  /** Custom transition override */\n  transition?: Transition\n}\n\ninterface StaggerProps {\n  children: ReactElement[]\n  /** Delay increment between each child in seconds. Default: 0.08 */\n  interval?: number\n  /** Base delay before the first child animates in seconds. Default: 0 */\n  baseDelay?: number\n}\n\ninterface PulseProps {\n  children: ReactElement\n  /** Min scale factor. Default: 0.97 */\n  min?: number\n  /** Max scale factor. Default: 1.03 */\n  max?: number\n  /** Animation duration in seconds. Default: 2 */\n  duration?: number\n  /** Also pulse opacity between these bounds [min, max]. Off by default. */\n  opacity?: [number, number]\n  /** Pause animation. Default: false */\n  paused?: boolean\n}\n\ninterface FloatProps {\n  children: ReactElement\n  /** Vertical float distance in px. Default: 6 */\n  distance?: number\n  /** Animation duration in seconds. Default: 3 */\n  duration?: number\n  /** Also rotate slightly while floating (degrees). Default: 0 */\n  rotate?: number\n  /** Pause animation. Default: false */\n  paused?: boolean\n}\n\n// ── Internals ────────────────────────────────────────────────────────\n\n/**\n * Direction map: `from` means where the element COMES FROM.\n * `from=\"left\"` = starts to the left, slides right into place.\n */\nconst DIRECTION_MAP = {\n  up: { prop: \"translateY\", value: -1 },\n  down: { prop: \"translateY\", value: 1 },\n  left: { prop: \"translateX\", value: -1 },\n  right: { prop: \"translateX\", value: 1 },\n} as const\n\n/** Flip axis: vertical directions flip around X, horizontal around Y */\nconst FLIP_MAP = {\n  up: \"rotateX(90deg)\",\n  down: \"rotateX(-90deg)\",\n  left: \"rotateY(-90deg)\",\n  right: \"rotateY(90deg)\",\n} as const\n\n/** CSS cubic-bezier that overshoots then settles — feels like a spring */\nconst SPRING_EASE = \"cubic-bezier(0.34, 1.56, 0.64, 1)\"\n\ninterface BuildStylesOptions {\n  from: Direction\n  distance: number\n  doScale: boolean\n  blur: boolean | number\n  rotate: number\n  flip: boolean\n}\n\nfunction buildStyles(opts: BuildStylesOptions) {\n  const { from, distance, doScale, blur, rotate, flip } = opts\n  const dir = DIRECTION_MAP[from]\n\n  const hiddenParts: string[] = []\n  if (flip) hiddenParts.push(\"perspective(800px)\")\n  hiddenParts.push(`${dir.prop}(${dir.value * distance}px)`)\n  if (doScale) hiddenParts.push(\"scale(0.85)\")\n  if (rotate) hiddenParts.push(`rotate(${rotate}deg)`)\n  if (flip) hiddenParts.push(FLIP_MAP[from])\n\n  const visibleParts: string[] = []\n  if (flip) visibleParts.push(\"perspective(800px)\")\n  visibleParts.push(\"translateX(0) translateY(0)\")\n  if (doScale) visibleParts.push(\"scale(1)\")\n  if (rotate) visibleParts.push(\"rotate(0deg)\")\n  if (flip) visibleParts.push(from === \"up\" || from === \"down\" ? \"rotateX(0deg)\" : \"rotateY(0deg)\")\n\n  const blurPx = blur === true ? 10 : typeof blur === \"number\" ? blur : 0\n\n  const hidden: CSSProperties = {\n    opacity: \"0\",\n    transform: hiddenParts.join(\" \"),\n  }\n\n  const visible: CSSProperties = {\n    opacity: \"1\",\n    transform: visibleParts.join(\" \"),\n  }\n\n  if (blurPx > 0) {\n    hidden.filter = `blur(${blurPx}px)`\n    visible.filter = \"blur(0px)\"\n  }\n\n  return { hidden, visible, hasFilter: blurPx > 0 }\n}\n\nfunction mergeRefs<T>(...refs: (Ref<T> | undefined)[]) {\n  return (el: T | null) => {\n    refs.forEach((ref) => {\n      if (typeof ref === \"function\") ref(el)\n      else if (ref && typeof ref === \"object\") {\n        ;(ref as { current: T | null }).current = el\n      }\n    })\n  }\n}\n\nfunction getTransitionParams(transition?: Transition, useSpring?: boolean) {\n  const duration =\n    (transition as Record<string, number>)?.duration ?? 0.5\n  const ease =\n    useSpring ? SPRING_EASE : ((transition as Record<string, string>)?.ease ?? \"ease-out\")\n  return { duration, ease }\n}\n\nfunction buildTransitionStr(\n  duration: number,\n  ease: string,\n  delay: number,\n  hasFilter: boolean,\n) {\n  const parts = [\n    `opacity ${duration}s ${ease} ${delay}s`,\n    `transform ${duration}s ${ease} ${delay}s`,\n  ]\n  if (hasFilter) parts.push(`filter ${duration}s ${ease} ${delay}s`)\n  return parts.join(\", \")\n}\n\n// ── AnimateOnView ────────────────────────────────────────────────────\n\n/**\n * Animates a child element when it scrolls into view.\n *\n * Zero DOM overhead — applies styles directly to the child via cloneElement.\n * Renders children unchanged on server to avoid hydration mismatch.\n *\n * @example\n * ```tsx\n * <AnimateOnView from=\"up\" blur scale>\n *   <Card>Hello</Card>\n * </AnimateOnView>\n * ```\n */\nfunction AnimateOnView({\n  children,\n  delay = 0,\n  from = \"down\",\n  distance = 20,\n  scale = false,\n  blur = false,\n  rotate = 0,\n  flip = false,\n  spring = false,\n  once = true,\n  transition,\n}: AnimateOnViewProps) {\n  const ref = useRef<HTMLElement>(null)\n  const [hydrated, setHydrated] = useState(false)\n  const isInView = useInView(ref, { once, margin: \"-50px\" })\n\n  useEffect(() => {\n    setHydrated(true)\n  }, [])\n\n  if (!isValidElement(children)) return children\n\n  const childProps = children.props as Record<string, unknown>\n  const existingStyle = (childProps.style ?? {}) as CSSProperties\n  const existingRef = (childProps as { ref?: Ref<HTMLElement> }).ref\n\n  if (!hydrated) {\n    return cloneElement(children, {\n      ref: mergeRefs(ref, existingRef),\n    } as Record<string, unknown>)\n  }\n\n  const styles = buildStyles({ from, distance, doScale: scale, blur, rotate, flip })\n  const { duration, ease } = getTransitionParams(transition, spring)\n  const currentStyle = isInView ? styles.visible : styles.hidden\n  const transitionStr = buildTransitionStr(duration, ease, delay, styles.hasFilter)\n\n  return cloneElement(children, {\n    ref: mergeRefs(ref, existingRef),\n    style: {\n      ...existingStyle,\n      ...currentStyle,\n      ...(isInView ? { transition: transitionStr } : {}),\n      willChange: \"opacity, transform\",\n    },\n  } as Record<string, unknown>)\n}\n\n// ── AnimateIn ────────────────────────────────────────────────────────\n\n/**\n * Animates a child element immediately on mount.\n *\n * Zero DOM overhead — applies styles directly to the child via cloneElement.\n * Uses a two-phase approach: hidden → visible with requestAnimationFrame.\n *\n * @example\n * ```tsx\n * <AnimateIn from=\"up\" blur spring>\n *   <h1>Welcome</h1>\n * </AnimateIn>\n * ```\n */\nfunction AnimateIn({\n  children,\n  delay = 0,\n  from = \"down\",\n  distance = 20,\n  scale = false,\n  blur = false,\n  rotate = 0,\n  flip = false,\n  spring = false,\n  transition,\n}: AnimateInProps) {\n  const ref = useRef<HTMLElement>(null)\n  const [phase, setPhase] = useState<\"server\" | \"hidden\" | \"visible\">(\"server\")\n\n  useEffect(() => {\n    setPhase(\"hidden\")\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => setPhase(\"visible\"))\n    })\n  }, [])\n\n  if (!isValidElement(children)) return children\n\n  const childProps = children.props as Record<string, unknown>\n  const existingStyle = (childProps.style ?? {}) as CSSProperties\n  const existingRef = (childProps as { ref?: Ref<HTMLElement> }).ref\n\n  if (phase === \"server\") {\n    return cloneElement(children, {\n      ref: mergeRefs(ref, existingRef),\n    } as Record<string, unknown>)\n  }\n\n  const styles = buildStyles({ from, distance, doScale: scale, blur, rotate, flip })\n  const { duration, ease } = getTransitionParams(transition, spring)\n  const currentStyle = phase === \"visible\" ? styles.visible : styles.hidden\n  const transitionStr = buildTransitionStr(duration, ease, delay, styles.hasFilter)\n\n  return cloneElement(children, {\n    ref: mergeRefs(ref, existingRef),\n    style: {\n      ...existingStyle,\n      ...currentStyle,\n      ...(phase === \"visible\" ? { transition: transitionStr } : {}),\n      willChange: \"opacity, transform\",\n    },\n  } as Record<string, unknown>)\n}\n\n// ── Stagger ──────────────────────────────────────────────────────────\n\n/**\n * Auto-staggers delay on child AnimateIn/AnimateOnView elements.\n * Eliminates manual `delay={i * 0.08}` math.\n *\n * @example\n * ```tsx\n * <Stagger interval={0.1}>\n *   <AnimateIn from=\"up\"><Card>One</Card></AnimateIn>\n *   <AnimateIn from=\"up\"><Card>Two</Card></AnimateIn>\n * </Stagger>\n * ```\n */\nfunction Stagger({\n  children,\n  interval = 0.08,\n  baseDelay = 0,\n}: StaggerProps) {\n  return (\n    <>\n      {Children.map(children, (child, index) => {\n        if (!isValidElement(child)) return child\n        return cloneElement(child as ReactElement<{ delay?: number }>, {\n          delay: baseDelay + index * interval,\n        })\n      })}\n    </>\n  )\n}\n\n// ── Pulse ────────────────────────────────────────────────────────────\n\n/**\n * Continuous, subtle scale pulse. Great for live indicators and CTAs.\n * Zero DOM overhead — injects a scoped keyframe via `<style>`.\n *\n * @example\n * ```tsx\n * <Pulse>\n *   <span className=\"size-3 rounded-full bg-green-500\" />\n * </Pulse>\n * ```\n */\nfunction Pulse({\n  children,\n  min = 0.97,\n  max = 1.03,\n  duration = 2,\n  opacity,\n  paused = false,\n}: PulseProps) {\n  const id = useId().replace(/:/g, \"\")\n  const [hydrated, setHydrated] = useState(false)\n\n  useEffect(() => {\n    setHydrated(true)\n  }, [])\n\n  if (!isValidElement(children)) return children\n  if (!hydrated) return children\n\n  const name = `pulse-${id}`\n  const opacityFrom = opacity?.[0] ?? 1\n  const opacityTo = opacity?.[1] ?? 1\n\n  const keyframes = `@keyframes ${name} {\n  0%, 100% { transform: scale(${min}); opacity: ${opacityFrom}; }\n  50% { transform: scale(${max}); opacity: ${opacityTo}; }\n}`\n\n  const childProps = children.props as Record<string, unknown>\n  const existingStyle = (childProps.style ?? {}) as CSSProperties\n  const existingRef = (childProps as { ref?: Ref<HTMLElement> }).ref\n\n  return (\n    <>\n      <style>{keyframes}</style>\n      {cloneElement(children, {\n        ref: existingRef ? mergeRefs(existingRef) : undefined,\n        style: {\n          ...existingStyle,\n          animation: `${name} ${duration}s ease-in-out infinite`,\n          animationPlayState: paused ? \"paused\" : \"running\",\n        },\n      } as Record<string, unknown>)}\n    </>\n  )\n}\n\n// ── Float ────────────────────────────────────────────────────────────\n\n/**\n * Gentle continuous up/down float. Perfect for decorative elements.\n * Zero DOM overhead — injects a scoped keyframe via `<style>`.\n *\n * @example\n * ```tsx\n * <Float distance={10} duration={4}>\n *   <Card>Floating</Card>\n * </Float>\n * ```\n */\nfunction Float({\n  children,\n  distance = 6,\n  duration = 3,\n  rotate = 0,\n  paused = false,\n}: FloatProps) {\n  const id = useId().replace(/:/g, \"\")\n  const [hydrated, setHydrated] = useState(false)\n\n  useEffect(() => {\n    setHydrated(true)\n  }, [])\n\n  if (!isValidElement(children)) return children\n  if (!hydrated) return children\n\n  const name = `float-${id}`\n  const rotA = rotate ? ` rotate(${-rotate}deg)` : \"\"\n  const rotB = rotate ? ` rotate(${rotate}deg)` : \"\"\n\n  const keyframes = `@keyframes ${name} {\n  0%, 100% { transform: translateY(0px)${rotA}; }\n  50% { transform: translateY(${-distance}px)${rotB}; }\n}`\n\n  const childProps = children.props as Record<string, unknown>\n  const existingStyle = (childProps.style ?? {}) as CSSProperties\n  const existingRef = (childProps as { ref?: Ref<HTMLElement> }).ref\n\n  return (\n    <>\n      <style>{keyframes}</style>\n      {cloneElement(children, {\n        ...(existingRef ? { ref: existingRef } : {}),\n        style: {\n          ...existingStyle,\n          animation: `${name} ${duration}s ease-in-out infinite`,\n          animationPlayState: paused ? \"paused\" : \"running\",\n        },\n      } as Record<string, unknown>)}\n    </>\n  )\n}\n\n// ── Exports ──────────────────────────────────────────────────────────\n\nexport { AnimateOnView, AnimateIn, Stagger, Pulse, Float }\nexport type {\n  AnimateOnViewProps,\n  AnimateInProps,\n  StaggerProps,\n  PulseProps,\n  FloatProps,\n  Direction,\n}\n"]}

package/dist/badge.d.ts

@@ -4,7 +4,7 @@ import { useRender } from '@base-ui/react/use-render';
 import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
-    variant?: "link" | "default" | "solid" | "outline" | "secondary" | "ghost" | "success" | "destructive" | "warning" | null | undefined;
+    variant?: "default" | "destructive" | "link" | "solid" | "outline" | "secondary" | "ghost" | "success" | "warning" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type BadgeProps = useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>;
 declare function Badge({ className, variant, render, ...props }: BadgeProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;

package/dist/button.d.ts

@@ -5,8 +5,8 @@ import { Button as Button$1 } from '@base-ui/react/button';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "solid" | "outline" | "secondary" | "ghost" | "success" | "destructive" | null | undefined;
-    size?: "default" | "sm" | "lg" | "xs" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+    variant?: "default" | "destructive" | "link" | "solid" | "outline" | "secondary" | "ghost" | "success" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ButtonProps = React.ComponentProps<typeof Button$1> & VariantProps<typeof buttonVariants>;
 declare function Button({ className, variant, size, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;

package/dist/{chunk-MO4KRZFJ.js → chunk-BKTJYX4M.js}

@@ -1,5 +1,5 @@
-import { Button } from './chunk-OUFYQLVN.js';
 import { CloseIcon } from './chunk-DIGOLJIR.js';
+import { Button } from './chunk-OUFYQLVN.js';
 import { cn } from './chunk-76UQO56T.js';
 import { Drawer as Drawer$1 } from '@base-ui/react/drawer';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -139,5 +139,5 @@ function DrawerDescription({
 }
 
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };
-//# sourceMappingURL=chunk-MO4KRZFJ.js.map
-//# sourceMappingURL=chunk-MO4KRZFJ.js.map
+//# sourceMappingURL=chunk-BKTJYX4M.js.map
+//# sourceMappingURL=chunk-BKTJYX4M.js.map

package/dist/{chunk-MO4KRZFJ.js.map → chunk-BKTJYX4M.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/drawer.tsx"],"names":["DrawerPrimitive"],"mappings":"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","file":"chunk-MO4KRZFJ.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Drawer as DrawerPrimitive } from \"@base-ui/react/drawer\"\n\nimport { cn } from \"./lib/utils\"\nimport { Button } from \"./button\"\nimport { CloseIcon } from \"./lib/internal-icons\"\n\ntype DrawerProps = React.ComponentProps<typeof DrawerPrimitive.Root>\ntype DrawerTriggerProps = React.ComponentProps<typeof DrawerPrimitive.Trigger>\ntype DrawerPortalProps = React.ComponentProps<typeof DrawerPrimitive.Portal>\ntype DrawerCloseProps = React.ComponentProps<typeof DrawerPrimitive.Close>\ntype DrawerOverlayProps = React.ComponentProps<typeof DrawerPrimitive.Backdrop>\ntype DrawerPopupProps = React.ComponentProps<typeof DrawerPrimitive.Popup>\ntype DrawerTitleProps = React.ComponentProps<typeof DrawerPrimitive.Title>\ntype DrawerDescriptionProps = React.ComponentProps<typeof DrawerPrimitive.Description>\ntype DrawerHeaderProps = React.ComponentProps<\"div\">\ntype DrawerFooterProps = React.ComponentProps<\"div\">\n\ntype DrawerContentProps = DrawerPopupProps & {\n  showCloseButton?: boolean\n}\n\nfunction Drawer({ ...props }: DrawerProps) {\n  return <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />\n}\n\nfunction DrawerTrigger({ ...props }: DrawerTriggerProps) {\n  return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />\n}\n\nfunction DrawerPortal({ ...props }: DrawerPortalProps) {\n  return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />\n}\n\nfunction DrawerClose({ ...props }: DrawerCloseProps) {\n  return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />\n}\n\nfunction DrawerOverlay({ className, ...props }: DrawerOverlayProps) {\n  return (\n    <DrawerPrimitive.Backdrop\n      data-slot=\"drawer-overlay\"\n      className={cn(\n        \"fixed inset-0 z-50 bg-black/10 transition-opacity duration-300 data-[starting-style]:opacity-0 data-[ending-style]:opacity-0 supports-backdrop-filter:backdrop-blur-xs\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerContent({\n  className,\n  children,\n  showCloseButton = false,\n  ...props\n}: DrawerContentProps) {\n  return (\n    <DrawerPortal>\n      <DrawerOverlay />\n      <DrawerPrimitive.Popup\n        data-slot=\"drawer-content\"\n        className={cn(\n          // Base layout & appearance\n          \"group/drawer-content bg-background fixed z-50 flex flex-col overflow-y-auto text-sm shadow-lg outline-none\",\n          // Transition — animate translate, disable during swipe\n          \"transition-[translate] duration-300 ease-out data-[swiping]:duration-0\",\n          // Bottom drawer (swipeDirection=\"down\")\n          \"data-[swipe-direction=down]:inset-x-0 data-[swipe-direction=down]:bottom-0 data-[swipe-direction=down]:mt-24 data-[swipe-direction=down]:max-h-[80vh] data-[swipe-direction=down]:rounded-t-xl data-[swipe-direction=down]:border-t\",\n          // Top drawer (swipeDirection=\"up\")\n          \"data-[swipe-direction=up]:inset-x-0 data-[swipe-direction=up]:top-0 data-[swipe-direction=up]:mb-24 data-[swipe-direction=up]:max-h-[80vh] data-[swipe-direction=up]:rounded-b-xl data-[swipe-direction=up]:border-b\",\n          // Left drawer (swipeDirection=\"left\")\n          \"data-[swipe-direction=left]:inset-y-0 data-[swipe-direction=left]:left-0 data-[swipe-direction=left]:w-3/4 data-[swipe-direction=left]:rounded-r-xl data-[swipe-direction=left]:border-r data-[swipe-direction=left]:sm:max-w-sm\",\n          // Right drawer (swipeDirection=\"right\")\n          \"data-[swipe-direction=right]:inset-y-0 data-[swipe-direction=right]:right-0 data-[swipe-direction=right]:w-3/4 data-[swipe-direction=right]:rounded-l-xl data-[swipe-direction=right]:border-l data-[swipe-direction=right]:sm:max-w-sm\",\n          // Enter/exit slide — bottom\n          \"data-[swipe-direction=down]:data-[starting-style]:translate-y-full data-[swipe-direction=down]:data-[ending-style]:translate-y-full\",\n          // Enter/exit slide — top\n          \"data-[swipe-direction=up]:data-[starting-style]:-translate-y-full data-[swipe-direction=up]:data-[ending-style]:-translate-y-full\",\n          // Enter/exit slide — left\n          \"data-[swipe-direction=left]:data-[starting-style]:-translate-x-full data-[swipe-direction=left]:data-[ending-style]:-translate-x-full\",\n          // Enter/exit slide — right\n          \"data-[swipe-direction=right]:data-[starting-style]:translate-x-full data-[swipe-direction=right]:data-[ending-style]:translate-x-full\",\n          className,\n        )}\n        {...props}\n      >\n        {/* Drag handle — visible only for bottom drawers */}\n        <div className=\"bg-muted mx-auto mt-4 hidden h-1 w-[100px] shrink-0 rounded-full group-data-[swipe-direction=down]/drawer-content:block\" />\n        {children}\n        {showCloseButton && (\n          <DrawerPrimitive.Close\n            data-slot=\"drawer-close\"\n            render={\n              <Button\n                variant=\"ghost\"\n                className=\"absolute top-2 right-2\"\n                size=\"icon-sm\"\n              />\n            }\n          >\n            <CloseIcon />\n            <span className=\"sr-only\">Close</span>\n          </DrawerPrimitive.Close>\n        )}\n      </DrawerPrimitive.Popup>\n    </DrawerPortal>\n  )\n}\n\nfunction DrawerHeader({ className, ...props }: DrawerHeaderProps) {\n  return (\n    <div\n      data-slot=\"drawer-header\"\n      className={cn(\n        \"flex flex-col gap-0.5 p-4 group-data-[swipe-direction=down]/drawer-content:text-center group-data-[swipe-direction=up]/drawer-content:text-center md:text-left\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerFooter({ className, ...props }: DrawerFooterProps) {\n  return (\n    <div\n      data-slot=\"drawer-footer\"\n      className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerTitle({ className, ...props }: DrawerTitleProps) {\n  return (\n    <DrawerPrimitive.Title\n      data-slot=\"drawer-title\"\n      className={cn(\"text-foreground text-base font-medium\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerDescription({\n  className,\n  ...props\n}: DrawerDescriptionProps) {\n  return (\n    <DrawerPrimitive.Description\n      data-slot=\"drawer-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n}\n"]}
+{"version":3,"sources":["../src/drawer.tsx"],"names":["DrawerPrimitive"],"mappings":"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","file":"chunk-BKTJYX4M.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Drawer as DrawerPrimitive } from \"@base-ui/react/drawer\"\n\nimport { cn } from \"./lib/utils\"\nimport { Button } from \"./button\"\nimport { CloseIcon } from \"./lib/internal-icons\"\n\ntype DrawerProps = React.ComponentProps<typeof DrawerPrimitive.Root>\ntype DrawerTriggerProps = React.ComponentProps<typeof DrawerPrimitive.Trigger>\ntype DrawerPortalProps = React.ComponentProps<typeof DrawerPrimitive.Portal>\ntype DrawerCloseProps = React.ComponentProps<typeof DrawerPrimitive.Close>\ntype DrawerOverlayProps = React.ComponentProps<typeof DrawerPrimitive.Backdrop>\ntype DrawerPopupProps = React.ComponentProps<typeof DrawerPrimitive.Popup>\ntype DrawerTitleProps = React.ComponentProps<typeof DrawerPrimitive.Title>\ntype DrawerDescriptionProps = React.ComponentProps<typeof DrawerPrimitive.Description>\ntype DrawerHeaderProps = React.ComponentProps<\"div\">\ntype DrawerFooterProps = React.ComponentProps<\"div\">\n\ntype DrawerContentProps = DrawerPopupProps & {\n  showCloseButton?: boolean\n}\n\nfunction Drawer({ ...props }: DrawerProps) {\n  return <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />\n}\n\nfunction DrawerTrigger({ ...props }: DrawerTriggerProps) {\n  return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />\n}\n\nfunction DrawerPortal({ ...props }: DrawerPortalProps) {\n  return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />\n}\n\nfunction DrawerClose({ ...props }: DrawerCloseProps) {\n  return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />\n}\n\nfunction DrawerOverlay({ className, ...props }: DrawerOverlayProps) {\n  return (\n    <DrawerPrimitive.Backdrop\n      data-slot=\"drawer-overlay\"\n      className={cn(\n        \"fixed inset-0 z-50 bg-black/10 transition-opacity duration-300 data-[starting-style]:opacity-0 data-[ending-style]:opacity-0 supports-backdrop-filter:backdrop-blur-xs\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerContent({\n  className,\n  children,\n  showCloseButton = false,\n  ...props\n}: DrawerContentProps) {\n  return (\n    <DrawerPortal>\n      <DrawerOverlay />\n      <DrawerPrimitive.Popup\n        data-slot=\"drawer-content\"\n        className={cn(\n          // Base layout & appearance\n          \"group/drawer-content bg-background fixed z-50 flex flex-col overflow-y-auto text-sm shadow-lg outline-none\",\n          // Transition — animate translate, disable during swipe\n          \"transition-[translate] duration-300 ease-out data-[swiping]:duration-0\",\n          // Bottom drawer (swipeDirection=\"down\")\n          \"data-[swipe-direction=down]:inset-x-0 data-[swipe-direction=down]:bottom-0 data-[swipe-direction=down]:mt-24 data-[swipe-direction=down]:max-h-[80vh] data-[swipe-direction=down]:rounded-t-xl data-[swipe-direction=down]:border-t\",\n          // Top drawer (swipeDirection=\"up\")\n          \"data-[swipe-direction=up]:inset-x-0 data-[swipe-direction=up]:top-0 data-[swipe-direction=up]:mb-24 data-[swipe-direction=up]:max-h-[80vh] data-[swipe-direction=up]:rounded-b-xl data-[swipe-direction=up]:border-b\",\n          // Left drawer (swipeDirection=\"left\")\n          \"data-[swipe-direction=left]:inset-y-0 data-[swipe-direction=left]:left-0 data-[swipe-direction=left]:w-3/4 data-[swipe-direction=left]:rounded-r-xl data-[swipe-direction=left]:border-r data-[swipe-direction=left]:sm:max-w-sm\",\n          // Right drawer (swipeDirection=\"right\")\n          \"data-[swipe-direction=right]:inset-y-0 data-[swipe-direction=right]:right-0 data-[swipe-direction=right]:w-3/4 data-[swipe-direction=right]:rounded-l-xl data-[swipe-direction=right]:border-l data-[swipe-direction=right]:sm:max-w-sm\",\n          // Enter/exit slide — bottom\n          \"data-[swipe-direction=down]:data-[starting-style]:translate-y-full data-[swipe-direction=down]:data-[ending-style]:translate-y-full\",\n          // Enter/exit slide — top\n          \"data-[swipe-direction=up]:data-[starting-style]:-translate-y-full data-[swipe-direction=up]:data-[ending-style]:-translate-y-full\",\n          // Enter/exit slide — left\n          \"data-[swipe-direction=left]:data-[starting-style]:-translate-x-full data-[swipe-direction=left]:data-[ending-style]:-translate-x-full\",\n          // Enter/exit slide — right\n          \"data-[swipe-direction=right]:data-[starting-style]:translate-x-full data-[swipe-direction=right]:data-[ending-style]:translate-x-full\",\n          className,\n        )}\n        {...props}\n      >\n        {/* Drag handle — visible only for bottom drawers */}\n        <div className=\"bg-muted mx-auto mt-4 hidden h-1 w-[100px] shrink-0 rounded-full group-data-[swipe-direction=down]/drawer-content:block\" />\n        {children}\n        {showCloseButton && (\n          <DrawerPrimitive.Close\n            data-slot=\"drawer-close\"\n            render={\n              <Button\n                variant=\"ghost\"\n                className=\"absolute top-2 right-2\"\n                size=\"icon-sm\"\n              />\n            }\n          >\n            <CloseIcon />\n            <span className=\"sr-only\">Close</span>\n          </DrawerPrimitive.Close>\n        )}\n      </DrawerPrimitive.Popup>\n    </DrawerPortal>\n  )\n}\n\nfunction DrawerHeader({ className, ...props }: DrawerHeaderProps) {\n  return (\n    <div\n      data-slot=\"drawer-header\"\n      className={cn(\n        \"flex flex-col gap-0.5 p-4 group-data-[swipe-direction=down]/drawer-content:text-center group-data-[swipe-direction=up]/drawer-content:text-center md:text-left\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerFooter({ className, ...props }: DrawerFooterProps) {\n  return (\n    <div\n      data-slot=\"drawer-footer\"\n      className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerTitle({ className, ...props }: DrawerTitleProps) {\n  return (\n    <DrawerPrimitive.Title\n      data-slot=\"drawer-title\"\n      className={cn(\"text-foreground text-base font-medium\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerDescription({\n  className,\n  ...props\n}: DrawerDescriptionProps) {\n  return (\n    <DrawerPrimitive.Description\n      data-slot=\"drawer-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n}\n"]}

package/dist/combobox.js

@@ -1,8 +1,8 @@
 import { InputGroupButton, InputGroup, InputGroupInput, InputGroupAddon } from './chunk-IQ7YQ5XA.js';
 import './chunk-QRW37LRP.js';
 import './chunk-QFSEK4M6.js';
-import { Button } from './chunk-OUFYQLVN.js';
 import { ChevronDownIcon, CloseIcon, CheckIcon } from './chunk-DIGOLJIR.js';
+import { Button } from './chunk-OUFYQLVN.js';
 import { cn } from './chunk-76UQO56T.js';
 import * as React from 'react';
 import { Combobox as Combobox$1 } from '@base-ui/react/combobox';

package/dist/count.d.ts

@@ -0,0 +1,73 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactElement } from 'react';
+
+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;
+}
+/** @deprecated Use `Count` instead. `CountUp` is an alias kept for backwards compatibility. */
+type CountUpProps = CountProps;
+/** Cubic ease-out: fast start, smooth deceleration */
+declare function easeOut(t: number): number;
+/**
+ * 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>
+ * ```
+ */
+declare function Count({ to, from: start, duration, delay, format, prefix, suffix, children, once, easing, onComplete, }: CountProps): react_jsx_runtime.JSX.Element;
+/** @deprecated Use `Count` instead */
+declare const CountUp: typeof Count;
+
+export { Count, type CountProps, CountUp, type CountUpProps, easeOut };