@bearmenu/ui 0.8.3 → 0.8.4

package/dist/chunk-2WDJR6K7.js

@@ -0,0 +1,76 @@
+import { cn } from './chunk-FEK5XGZW.js';
+import { __spreadProps, __spreadValues } from './chunk-3GWWZKX7.js';
+import * as React from 'react';
+import { useAnimationControls, motion } from 'framer-motion';
+import { jsx } from 'react/jsx-runtime';
+
+function beats(times, duration = 0.62) {
+  return { duration, times, ease: "easeInOut" };
+}
+var returnTransition = { type: "spring", stiffness: 320, damping: 26 };
+function poses(rest, active, play, transition) {
+  return {
+    rest: __spreadProps(__spreadValues({}, rest), { transition: returnTransition }),
+    active: __spreadProps(__spreadValues({}, active), { transition: returnTransition }),
+    play: __spreadProps(__spreadValues({}, play), { transition })
+  };
+}
+var rootVariants = {
+  rest: { strokeWidth: 1.75, transition: { duration: 0.18 } },
+  active: { strokeWidth: 2.25, transition: { duration: 0.18 } },
+  play: { strokeWidth: 2.25, transition: { duration: 0.12 } }
+};
+function useIconGesture(active, replayToken) {
+  const controls = useAnimationControls();
+  const lastPlayAt = React.useRef(0);
+  const seenToken = React.useRef(0);
+  const seenActive = React.useRef(null);
+  React.useEffect(() => {
+    controls.set(active ? "active" : "rest");
+    seenActive.current = active;
+  }, []);
+  React.useEffect(() => {
+    if (replayToken === seenToken.current) return;
+    seenToken.current = replayToken;
+    lastPlayAt.current = Date.now();
+    void controls.start("play");
+  }, [replayToken, controls]);
+  React.useEffect(() => {
+    if (seenActive.current === null || seenActive.current === active) return;
+    seenActive.current = active;
+    if (!active) {
+      void controls.start("rest");
+      return;
+    }
+    if (Date.now() - lastPlayAt.current < 600) return;
+    void controls.start("play");
+  }, [active, controls]);
+  return controls;
+}
+function MotionIcon({
+  active = false,
+  replayToken = 0,
+  className,
+  children
+}) {
+  const controls = useIconGesture(active, replayToken);
+  return /* @__PURE__ */ jsx(
+    motion.svg,
+    {
+      viewBox: "0 0 24 24",
+      overflow: "visible",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      variants: rootVariants,
+      initial: false,
+      animate: controls,
+      className: cn("size-6", className),
+      "aria-hidden": true,
+      children
+    }
+  );
+}
+
+export { MotionIcon, beats, poses, returnTransition, useIconGesture };

package/dist/components/icon.d.ts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { LucideProps, LucideIcon } from 'lucide-react';
+
+declare const SIZE_CLASSES: {
+    readonly xs: "w-3 h-3";
+    readonly sm: "w-4 h-4";
+    readonly md: "w-5 h-5";
+};
+type IconSize = keyof typeof SIZE_CLASSES;
+type IconProps = Omit<LucideProps, "size"> & {
+    /** The lucide icon component to render. */
+    icon: LucideIcon;
+    /** Canonical size stop. "xs" = 12px | "sm" = 16px (default) | "md" = 20px */
+    size?: IconSize;
+};
+declare function Icon({ icon: LucideIconComponent, size, strokeWidth, className, ...props }: IconProps): react_jsx_runtime.JSX.Element;
+
+export { Icon, type IconProps, type IconSize };

package/dist/components/icon.js

@@ -0,0 +1,31 @@
+import { cn } from '../chunk-FEK5XGZW.js';
+import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
+import { jsx } from 'react/jsx-runtime';
+
+var SIZE_CLASSES = {
+  xs: "w-3 h-3",
+  sm: "w-4 h-4",
+  md: "w-5 h-5"
+};
+function Icon(_a) {
+  var _b = _a, {
+    icon: LucideIconComponent,
+    size = "sm",
+    strokeWidth = 1.75,
+    className
+  } = _b, props = __objRest(_b, [
+    "icon",
+    "size",
+    "strokeWidth",
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    LucideIconComponent,
+    __spreadValues({
+      strokeWidth,
+      className: cn(SIZE_CLASSES[size], className)
+    }, props)
+  );
+}
+
+export { Icon };

package/dist/components/motion-icon-controls.d.ts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MotionIconProps } from './motion-icon.js';
+import 'framer-motion';
+import 'react';
+
+declare function MotionHeart(props: MotionIconProps): react_jsx_runtime.JSX.Element;
+declare function MotionBookmark(props: MotionIconProps): react_jsx_runtime.JSX.Element;
+declare function MotionSliders(props: MotionIconProps): react_jsx_runtime.JSX.Element;
+declare function MotionSearch(props: MotionIconProps): react_jsx_runtime.JSX.Element;
+declare function MotionShare(props: MotionIconProps): react_jsx_runtime.JSX.Element;
+declare function MotionSort(props: MotionIconProps): react_jsx_runtime.JSX.Element;
+declare function MotionCheck(props: MotionIconProps): react_jsx_runtime.JSX.Element;
+/**
+ * `active` is dark mode. The sun does not fade into the moon — its rays pull
+ * into the disc first, then the crescent swings in, so the two shapes never
+ * cross-dissolve into visual mush at 20px.
+ */
+declare function MotionTheme(props: MotionIconProps): react_jsx_runtime.JSX.Element;
+declare function MotionChevron(props: MotionIconProps): react_jsx_runtime.JSX.Element;
+declare function MotionPlayPause(props: MotionIconProps): react_jsx_runtime.JSX.Element;
+declare function MotionEye(props: MotionIconProps): react_jsx_runtime.JSX.Element;
+declare function MotionStar(props: MotionIconProps): react_jsx_runtime.JSX.Element;
+declare function MotionCopy(props: MotionIconProps): react_jsx_runtime.JSX.Element;
+declare function MotionRefresh(props: MotionIconProps): react_jsx_runtime.JSX.Element;
+
+export { MotionBookmark, MotionCheck, MotionChevron, MotionCopy, MotionEye, MotionHeart, MotionPlayPause, MotionRefresh, MotionSearch, MotionShare, MotionSliders, MotionSort, MotionStar, MotionTheme };

package/dist/components/motion-icon-controls.js

@@ -0,0 +1,380 @@
+import { beats, returnTransition, MotionIcon } from '../chunk-2WDJR6K7.js';
+import '../chunk-FEK5XGZW.js';
+import { __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';
+import { motion } from 'framer-motion';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var HEART_TIMES = [0, 0.18, 0.5, 0.76, 1];
+var heartBody = {
+  rest: { scaleX: 1, scaleY: 1, fillOpacity: 0, transition: returnTransition },
+  active: { scaleX: 1, scaleY: 1, fillOpacity: 1, transition: returnTransition },
+  play: {
+    scaleX: [1, 1.14, 0.9, 1.03, 1],
+    scaleY: [1, 0.82, 1.26, 0.96, 1],
+    fillOpacity: [0, 0, 1, 1, 1],
+    transition: beats(HEART_TIMES, 0.58)
+  }
+};
+function MotionHeart(props) {
+  return /* @__PURE__ */ jsx(MotionIcon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx(
+    motion.path,
+    {
+      variants: heartBody,
+      style: { originX: "12px", originY: "13px" },
+      fill: "currentColor",
+      fillOpacity: 0,
+      d: "M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"
+    }
+  ) }));
+}
+var BOOKMARK_TIMES = [0, 0.2, 0.56, 0.8, 1];
+var bookmarkBody = {
+  rest: { y: 0, scaleY: 1, fillOpacity: 0, transition: returnTransition },
+  active: { y: 0, scaleY: 1, fillOpacity: 1, transition: returnTransition },
+  play: {
+    // Lifts clear, drops, compresses against the notch, settles filled.
+    y: [0, -7, 1.5, 0, 0],
+    scaleY: [1, 1.07, 0.88, 1.02, 1],
+    fillOpacity: [0, 0, 0, 1, 1],
+    transition: beats(BOOKMARK_TIMES, 0.6)
+  }
+};
+function MotionBookmark(props) {
+  return /* @__PURE__ */ jsx(MotionIcon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx(
+    motion.path,
+    {
+      variants: bookmarkBody,
+      style: { originX: "12px", originY: "21px" },
+      fill: "currentColor",
+      fillOpacity: 0,
+      d: "M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z"
+    }
+  ) }));
+}
+var SLIDER_ROWS = [5, 12, 19];
+var HANDLE_X = [14, 8, 16];
+var HANDLE_ACTIVE_DX = [-6, 7, -4];
+function sliderHandle(index) {
+  const dx = HANDLE_ACTIVE_DX[index];
+  return {
+    rest: { x: 0, transition: returnTransition },
+    active: { x: dx, transition: returnTransition },
+    play: {
+      x: [0, -dx * 0.12, dx * 1.12, dx],
+      transition: beats([0, 0.16, 0.72, 1], 0.55 + index * 0.04)
+    }
+  };
+}
+function MotionSliders(props) {
+  return /* @__PURE__ */ jsxs(MotionIcon, __spreadProps(__spreadValues({}, props), { children: [
+    SLIDER_ROWS.map((y) => /* @__PURE__ */ jsx("path", { d: `M3 ${y}h18`, opacity: 0.45 }, `track-${y}`)),
+    SLIDER_ROWS.map((y, i) => /* @__PURE__ */ jsx(motion.path, { variants: sliderHandle(i), d: `M${HANDLE_X[i]} ${y - 2}v4` }, `handle-${y}`))
+  ] }));
+}
+var lens = {
+  rest: { rotate: 0, transition: returnTransition },
+  active: { rotate: 0, transition: returnTransition },
+  play: {
+    // Pivots on the handle end, so the glass sweeps an arc like someone scanning.
+    rotate: [0, 9, -16, 4, 0],
+    transition: beats([0, 0.16, 0.48, 0.78, 1], 0.6)
+  }
+};
+var found = {
+  rest: { scale: 0, opacity: 0, transition: { duration: 0.15 } },
+  active: { scale: 1, opacity: 1, transition: { duration: 0.15 } },
+  play: {
+    scale: [0, 0, 0, 1.3, 1],
+    opacity: [0, 0, 0, 1, 1],
+    transition: beats([0, 0.16, 0.48, 0.78, 1], 0.6)
+  }
+};
+function MotionSearch(props) {
+  return /* @__PURE__ */ jsx(MotionIcon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsxs(motion.g, { variants: lens, style: { originX: "21px", originY: "21px" }, children: [
+    /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ jsx("path", { d: "m21 21-4.34-4.34" }),
+    /* @__PURE__ */ jsx(
+      motion.circle,
+      {
+        variants: found,
+        opacity: 0,
+        style: { originX: "11px", originY: "11px" },
+        fill: "currentColor",
+        cx: "11",
+        cy: "11",
+        r: "2.5"
+      }
+    )
+  ] }) }));
+}
+var SHARE_TIMES = [0, 0.2, 0.62, 1];
+function shareNode(dx, dy) {
+  return {
+    rest: { x: 0, y: 0, opacity: 1, transition: returnTransition },
+    active: { x: 0, y: 0, opacity: 1, transition: returnTransition },
+    play: {
+      x: [0, -dx * 0.18, dx, 0],
+      y: [0, -dy * 0.18, dy, 0],
+      opacity: [1, 1, 0.15, 1],
+      transition: beats(SHARE_TIMES, 0.58)
+    }
+  };
+}
+var shareTop = shareNode(7, -4);
+var shareBottom = shareNode(7, 4);
+function MotionShare(props) {
+  return /* @__PURE__ */ jsxs(MotionIcon, __spreadProps(__spreadValues({}, props), { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "6", cy: "12", r: "3" }),
+    /* @__PURE__ */ jsxs(motion.g, { variants: shareTop, children: [
+      /* @__PURE__ */ jsx("circle", { cx: "18", cy: "5", r: "3" }),
+      /* @__PURE__ */ jsx("line", { x1: "15.41", x2: "8.59", y1: "6.51", y2: "10.49" })
+    ] }),
+    /* @__PURE__ */ jsxs(motion.g, { variants: shareBottom, children: [
+      /* @__PURE__ */ jsx("circle", { cx: "18", cy: "19", r: "3" }),
+      /* @__PURE__ */ jsx("line", { x1: "8.59", x2: "15.42", y1: "13.51", y2: "17.49" })
+    ] })
+  ] }));
+}
+var SORT_TIMES = [0, 0.18, 0.6, 1];
+function sortArm(dy) {
+  return {
+    rest: { y: 0, transition: returnTransition },
+    active: { y: 0, transition: returnTransition },
+    play: {
+      y: [0, -dy * 0.2, dy, 0],
+      transition: beats(SORT_TIMES, 0.56)
+    }
+  };
+}
+var sortDown = sortArm(6);
+var sortUp = sortArm(-6);
+function MotionSort(props) {
+  return /* @__PURE__ */ jsxs(MotionIcon, __spreadProps(__spreadValues({}, props), { children: [
+    /* @__PURE__ */ jsxs(motion.g, { variants: sortDown, children: [
+      /* @__PURE__ */ jsx("path", { d: "m21 16-4 4-4-4" }),
+      /* @__PURE__ */ jsx("path", { d: "M17 20V4" })
+    ] }),
+    /* @__PURE__ */ jsxs(motion.g, { variants: sortUp, children: [
+      /* @__PURE__ */ jsx("path", { d: "m3 8 4-4 4 4" }),
+      /* @__PURE__ */ jsx("path", { d: "M7 4v16" })
+    ] })
+  ] }));
+}
+var checkStroke = {
+  rest: { pathLength: 0, opacity: 0, transition: { duration: 0.15 } },
+  active: { pathLength: 1, opacity: 1, transition: { duration: 0.15 } },
+  play: {
+    pathLength: [0, 1],
+    opacity: [1, 1],
+    transition: { duration: 0.26, ease: "easeOut" }
+  }
+};
+function MotionCheck(props) {
+  return /* @__PURE__ */ jsx(MotionIcon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx(motion.path, { variants: checkStroke, opacity: 0, d: "M20 6 9 17l-5-5" }) }));
+}
+var SUN_RAYS = [
+  "M12 2v2",
+  "M12 20v2",
+  "m4.93 4.93 1.41 1.41",
+  "m17.66 17.66 1.41 1.41",
+  "M2 12h2",
+  "M20 12h2",
+  "m6.34 17.66-1.41 1.41",
+  "m19.07 4.93-1.41 1.41"
+];
+var THEME_TIMES = [0, 0.3, 0.7, 1];
+var rays = {
+  rest: { scale: 1, opacity: 1, transition: returnTransition },
+  active: { scale: 0, opacity: 0, transition: returnTransition },
+  play: {
+    scale: [1, 0.4, 0, 0],
+    opacity: [1, 0.5, 0, 0],
+    transition: beats(THEME_TIMES, 0.5)
+  }
+};
+var disc = {
+  rest: { scale: 1, opacity: 1, transition: returnTransition },
+  active: { scale: 0.6, opacity: 0, transition: returnTransition },
+  play: { scale: [1, 0.85, 0.6, 0.6], opacity: [1, 1, 0, 0], transition: beats(THEME_TIMES, 0.5) }
+};
+var crescent = {
+  rest: { scale: 0.6, opacity: 0, rotate: -35, transition: returnTransition },
+  active: { scale: 1, opacity: 1, rotate: 0, transition: returnTransition },
+  play: {
+    scale: [0.6, 0.7, 1.06, 1],
+    opacity: [0, 0, 1, 1],
+    rotate: [-35, -22, 4, 0],
+    transition: beats(THEME_TIMES, 0.5)
+  }
+};
+function MotionTheme(props) {
+  const origin = { originX: "12px", originY: "12px" };
+  return /* @__PURE__ */ jsxs(MotionIcon, __spreadProps(__spreadValues({}, props), { children: [
+    /* @__PURE__ */ jsx(motion.g, { variants: rays, style: origin, children: SUN_RAYS.map((d) => /* @__PURE__ */ jsx("path", { d }, d)) }),
+    /* @__PURE__ */ jsx(motion.circle, { variants: disc, style: origin, cx: "12", cy: "12", r: "4" }),
+    /* @__PURE__ */ jsx(
+      motion.path,
+      {
+        variants: crescent,
+        opacity: 0,
+        style: origin,
+        d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"
+      }
+    )
+  ] }));
+}
+var chevron = {
+  rest: { rotate: 0, y: 0, transition: returnTransition },
+  active: { rotate: 180, y: 0, transition: returnTransition },
+  play: {
+    rotate: [0, -12, 196, 180],
+    y: [0, 1, -1, 0],
+    transition: beats([0, 0.16, 0.72, 1], 0.44)
+  }
+};
+function MotionChevron(props) {
+  return /* @__PURE__ */ jsx(MotionIcon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx(motion.path, { variants: chevron, style: { originX: "12px", originY: "12px" }, d: "m6 9 6 6 6-6" }) }));
+}
+var PLAYPAUSE_TIMES = [0, 0.24, 0.72, 1];
+var playHead = {
+  rest: { scale: 1, opacity: 1, transition: returnTransition },
+  active: { scale: 0.2, opacity: 0, transition: returnTransition },
+  play: { scale: [1, 1.1, 0.2, 0.2], opacity: [1, 1, 0, 0], transition: beats(PLAYPAUSE_TIMES, 0.46) }
+};
+function pauseBar(dx) {
+  return {
+    rest: { x: dx, scaleY: 0.2, opacity: 0, transition: returnTransition },
+    active: { x: 0, scaleY: 1, opacity: 1, transition: returnTransition },
+    play: {
+      x: [dx, dx * 0.7, -dx * 0.08, 0],
+      scaleY: [0.2, 0.4, 1.08, 1],
+      opacity: [0, 0.4, 1, 1],
+      transition: beats(PLAYPAUSE_TIMES, 0.46)
+    }
+  };
+}
+var barLeft = pauseBar(5);
+var barRight = pauseBar(-5);
+function MotionPlayPause(props) {
+  const origin = { originX: "12px", originY: "12px" };
+  return /* @__PURE__ */ jsxs(MotionIcon, __spreadProps(__spreadValues({}, props), { children: [
+    /* @__PURE__ */ jsx(
+      motion.path,
+      {
+        variants: playHead,
+        style: origin,
+        d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z"
+      }
+    ),
+    /* @__PURE__ */ jsx(motion.rect, { variants: barLeft, opacity: 0, style: origin, x: "5", y: "3", width: "5", height: "18", rx: "1" }),
+    /* @__PURE__ */ jsx(motion.rect, { variants: barRight, opacity: 0, style: origin, x: "14", y: "3", width: "5", height: "18", rx: "1" })
+  ] }));
+}
+var EYE_TIMES = [0, 0.3, 0.74, 1];
+var lid = {
+  rest: { scaleY: 1, transition: returnTransition },
+  active: { scaleY: 0.18, transition: returnTransition },
+  play: { scaleY: [1, 1.06, 0.14, 0.18], transition: beats(EYE_TIMES, 0.46) }
+};
+var pupil = {
+  rest: { scale: 1, opacity: 1, transition: returnTransition },
+  active: { scale: 0.2, opacity: 0, transition: returnTransition },
+  play: { scale: [1, 1, 0.2, 0.2], opacity: [1, 1, 0, 0], transition: beats(EYE_TIMES, 0.46) }
+};
+var slash = {
+  rest: { pathLength: 0, opacity: 0, transition: { duration: 0.16 } },
+  active: { pathLength: 1, opacity: 1, transition: { duration: 0.16 } },
+  play: {
+    pathLength: [0, 0, 1, 1],
+    opacity: [0, 1, 1, 1],
+    transition: beats(EYE_TIMES, 0.46)
+  }
+};
+function MotionEye(props) {
+  const origin = { originX: "12px", originY: "12px" };
+  return /* @__PURE__ */ jsxs(MotionIcon, __spreadProps(__spreadValues({}, props), { children: [
+    /* @__PURE__ */ jsx(
+      motion.path,
+      {
+        variants: lid,
+        style: origin,
+        d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"
+      }
+    ),
+    /* @__PURE__ */ jsx(motion.circle, { variants: pupil, style: origin, cx: "12", cy: "12", r: "3" }),
+    /* @__PURE__ */ jsx(motion.path, { variants: slash, opacity: 0, d: "m2 2 20 20" })
+  ] }));
+}
+var STAR_TIMES = [0, 0.2, 0.62, 1];
+var starBody = {
+  rest: { scale: 1, rotate: 0, fillOpacity: 0, transition: returnTransition },
+  active: { scale: 1, rotate: 0, fillOpacity: 1, transition: returnTransition },
+  play: {
+    scale: [1, 0.72, 1.22, 1],
+    rotate: [0, -14, 6, 0],
+    fillOpacity: [0, 0, 1, 1],
+    transition: beats(STAR_TIMES, 0.5)
+  }
+};
+function MotionStar(props) {
+  return /* @__PURE__ */ jsx(MotionIcon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx(
+    motion.path,
+    {
+      variants: starBody,
+      style: { originX: "12px", originY: "12px" },
+      fill: "currentColor",
+      fillOpacity: 0,
+      d: "M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"
+    }
+  ) }));
+}
+var COPY_TIMES = [0, 0.22, 0.5, 0.76, 1];
+var copySheet = {
+  rest: { x: 0, y: 0, opacity: 1, transition: returnTransition },
+  active: { x: 0, y: 0, opacity: 0, transition: returnTransition },
+  play: {
+    x: [0, 2.5, 4, 0, 0],
+    y: [0, -2.5, -4, 0, 0],
+    opacity: [1, 1, 1, 0, 0],
+    transition: beats(COPY_TIMES, 0.6)
+  }
+};
+var copyBack = {
+  rest: { opacity: 1, transition: returnTransition },
+  active: { opacity: 0, transition: returnTransition },
+  play: { opacity: [1, 1, 1, 0, 0], transition: beats(COPY_TIMES, 0.6) }
+};
+var copyCheck = {
+  rest: { pathLength: 0, opacity: 0, transition: { duration: 0.14 } },
+  active: { pathLength: 1, opacity: 1, transition: { duration: 0.14 } },
+  play: {
+    pathLength: [0, 0, 0, 0, 1],
+    opacity: [0, 0, 0, 1, 1],
+    transition: beats(COPY_TIMES, 0.6)
+  }
+};
+function MotionCopy(props) {
+  return /* @__PURE__ */ jsxs(MotionIcon, __spreadProps(__spreadValues({}, props), { children: [
+    /* @__PURE__ */ jsx(motion.path, { variants: copyBack, d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" }),
+    /* @__PURE__ */ jsx(motion.rect, { variants: copySheet, width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+    /* @__PURE__ */ jsx(motion.path, { variants: copyCheck, opacity: 0, d: "M20 6 9 17l-5-5" })
+  ] }));
+}
+var refreshRing = {
+  rest: { rotate: 0, transition: returnTransition },
+  active: { rotate: 0, transition: returnTransition },
+  play: {
+    rotate: [0, -18, 372, 360],
+    transition: beats([0, 0.14, 0.8, 1], 0.66)
+  }
+};
+function MotionRefresh(props) {
+  return /* @__PURE__ */ jsx(MotionIcon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsxs(motion.g, { variants: refreshRing, style: { originX: "12px", originY: "12px" }, children: [
+    /* @__PURE__ */ jsx("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }),
+    /* @__PURE__ */ jsx("path", { d: "M21 3v5h-5" }),
+    /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }),
+    /* @__PURE__ */ jsx("path", { d: "M8 16H3v5" })
+  ] }) }));
+}
+
+export { MotionBookmark, MotionCheck, MotionChevron, MotionCopy, MotionEye, MotionHeart, MotionPlayPause, MotionRefresh, MotionSearch, MotionShare, MotionSliders, MotionSort, MotionStar, MotionTheme };

package/dist/components/motion-icon-set.d.ts

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { MotionIconProps } from './motion-icon.js';
+import 'framer-motion';
+import 'react';
+
+/**
+ * Lucide draws roof and walls as one closed path; it is cut at the eaves
+ * (y=10) so the roof can leave. At rest the round caps of the two open paths
+ * overlap and the seam is invisible.
+ */
+declare function MotionHouse(props: MotionIconProps): react_jsx_runtime.JSX.Element;
+/**
+ * The one gesture that HOLDS: uncrossed is the active pose. ~89° of relative
+ * separation, so the outline changes completely and the state is readable from
+ * the silhouette alone.
+ */
+declare function MotionUtensils(props: MotionIconProps): react_jsx_runtime.JSX.Element;
+declare function MotionMapPin(props: MotionIconProps): react_jsx_runtime.JSX.Element;
+/**
+ * Lucide's calendar has no pages — it is a box, a rule and six dots, and
+ * nothing in that geometry can roll. So the day dots become the page content,
+ * clipped to the body interior. The frame and binder rings hold perfectly
+ * still, which is what sells the contents moving.
+ */
+declare function MotionCalendar(props: MotionIconProps): react_jsx_runtime.JSX.Element;
+
+export { MotionCalendar, MotionHouse, MotionMapPin, MotionUtensils };