@bearmenu/ui 0.8.4 → 0.8.6

package/dist/chunk-637L7XQ3.js

@@ -0,0 +1,85 @@
+import { Separator } from './chunk-WSRWFA6K.js';
+import { Skeleton } from './chunk-QXHMPJ35.js';
+import { cn } from './chunk-FEK5XGZW.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var LIVE_PUCK_PULSE_CLASS = "bm-timeline-live-puck-pulse";
+function TimelineHourPuck({ time, isLive, liveLabel, className }) {
+  return /* @__PURE__ */ jsxs("span", { className: cn("relative flex justify-center", className), children: [
+    isLive && /* @__PURE__ */ jsx("style", { children: `
+          @keyframes ${LIVE_PUCK_PULSE_CLASS} {
+            0%, 100% { box-shadow: 0 0 0 0 color-mix(in oklch, var(--success) 40%, transparent); }
+            50% { box-shadow: 0 0 0 4px color-mix(in oklch, var(--success) 0%, transparent); }
+          }
+          .${LIVE_PUCK_PULSE_CLASS} {
+            animation: ${LIVE_PUCK_PULSE_CLASS} 2.4s ease-in-out infinite;
+          }
+          @media (prefers-reduced-motion: reduce) {
+            .${LIVE_PUCK_PULSE_CLASS} { animation: none; }
+          }
+        ` }),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "whitespace-nowrap rounded-[7px] border bg-background px-[7px] py-[3px]",
+          "font-mono text-[12.5px] font-medium tabular-nums",
+          isLive ? cn("border-success/40 text-success", LIVE_PUCK_PULSE_CLASS) : "border-border text-foreground"
+        ),
+        children: time
+      }
+    ),
+    isLive && !!liveLabel && /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "absolute top-[calc(100%+6px)] whitespace-nowrap bg-background px-1",
+          "text-[9.5px] font-extrabold tracking-[0.08em] text-success"
+        ),
+        children: liveLabel
+      }
+    )
+  ] });
+}
+function TimelineBand({ lane, children, className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-stretch", className), children: [
+    /* @__PURE__ */ jsx("div", { className: "w-[var(--timeline-lane)] shrink-0", children: lane }),
+    /* @__PURE__ */ jsx("div", { className: "relative flex w-[var(--timeline-spine)] shrink-0 justify-center self-stretch", children: /* @__PURE__ */ jsx(Separator, { orientation: "vertical", className: "h-full" }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-1 flex-col", children })
+  ] });
+}
+function sk(width, height, radiusPx = 12) {
+  return /* @__PURE__ */ jsx(
+    Skeleton,
+    {
+      style: { width, height: `${height}px`, borderRadius: `${radiusPx}px` }
+    }
+  );
+}
+function TimelineBandSkeleton({ className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-stretch", className), "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex w-[var(--timeline-lane)] shrink-0 flex-col gap-3", children: [
+      sk("100%", 297, 12),
+      sk("70%", 18),
+      sk("45%", 13)
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "relative flex w-[var(--timeline-spine)] shrink-0 justify-center self-stretch", children: /* @__PURE__ */ jsx(Separator, { orientation: "vertical", className: "h-full" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-[10px]", children: Array.from({ length: 3 }, (_, index) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+        sk("100%", 190, 12),
+        sk("85%", 15),
+        sk("55%", 12)
+      ] }, index)) }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: Array.from({ length: 3 }, (_, index) => /* @__PURE__ */ jsxs("div", { className: "relative flex items-center gap-[11px] py-2", children: [
+        /* @__PURE__ */ jsx(Separator, { className: "absolute inset-x-0 top-0" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-[34px] w-[34px] shrink-0 rounded-md" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1.5", children: [
+          sk("60%", 13),
+          sk("40%", 11.5)
+        ] })
+      ] }, index)) })
+    ] })
+  ] });
+}
+
+export { TimelineBand, TimelineBandSkeleton, TimelineHourPuck };

package/dist/chunk-6XMYEZVR.js

@@ -0,0 +1,26 @@
+import { cn } from './chunk-FEK5XGZW.js';
+import { __objRest, __spreadProps, __spreadValues } from './chunk-3GWWZKX7.js';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var TagGroup = React.forwardRef((_a, ref) => {
+  var _b = _a, { className, label, srLabel = true, children } = _b, props = __objRest(_b, ["className", "label", "srLabel", "children"]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    __spreadProps(__spreadValues({
+      ref,
+      role: "group",
+      "aria-label": label,
+      "data-slot": "tag-group",
+      className: cn("flex flex-wrap items-center gap-1.5", className)
+    }, props), {
+      children: [
+        label && !srLabel && /* @__PURE__ */ jsx("span", { className: "mr-1 text-xs font-semibold text-muted-foreground", children: label }),
+        children
+      ]
+    })
+  );
+});
+TagGroup.displayName = "TagGroup";
+
+export { TagGroup };

package/dist/chunk-DNSXMHYX.js

@@ -0,0 +1,8 @@
+// src/components/event-types.ts
+function resolveEventEntryFee(event) {
+  if (event.entry_fee === void 0) return { kind: "unknown" };
+  if (event.entry_fee === 0) return { kind: "free" };
+  return { kind: "paid", amountRon: event.entry_fee };
+}
+
+export { resolveEventEntryFee };

package/dist/chunk-FDITZ2VM.js

@@ -0,0 +1,16 @@
+import { cn } from './chunk-FEK5XGZW.js';
+import { CalendarDays } from 'lucide-react';
+import { jsx } from 'react/jsx-runtime';
+
+function EventPosterFallback({ icon, className }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("flex h-full w-full items-center justify-center", className),
+      style: { background: "var(--gradient-primary)" },
+      children: /* @__PURE__ */ jsx("span", { className: "text-primary-foreground/85 drop-shadow-[0_2px_6px_oklch(0_0_0/0.35)]", children: icon != null ? icon : /* @__PURE__ */ jsx(CalendarDays, { className: "h-10 w-10", "aria-hidden": true }) })
+    }
+  );
+}
+
+export { EventPosterFallback };

package/dist/chunk-GPH6L4DX.js

@@ -0,0 +1,55 @@
+import { cn } from './chunk-FEK5XGZW.js';
+import { useId, useRef, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var DRIFT_RAIL_DEFAULT_DURATION_SECONDS = 42;
+function DriftRail({
+  children,
+  reverse = false,
+  durationSeconds = DRIFT_RAIL_DEFAULT_DURATION_SECONDS,
+  pauseOnHover = true,
+  className
+}) {
+  const scopeId = useId().replace(/[^a-zA-Z0-9]/g, "");
+  const scopeClass = `drift-rail-${scopeId}`;
+  const containerRef = useRef(null);
+  useEffect(() => {
+    const node = containerRef.current;
+    if (!node || typeof IntersectionObserver === "undefined") return void 0;
+    const observer = new IntersectionObserver(
+      ([entry]) => {
+        node.dataset.offscreen = entry.isIntersecting ? "false" : "true";
+      },
+      { threshold: 0 }
+    );
+    observer.observe(node);
+    return () => observer.disconnect();
+  }, []);
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: cn(scopeClass, "overflow-hidden py-1.5", className), children: [
+    /* @__PURE__ */ jsx("style", { children: `
+        .${scopeClass} .drift-rail-run {
+          animation: ${scopeClass}-run ${durationSeconds}s linear infinite;
+          animation-direction: ${reverse ? "reverse" : "normal"};
+        }
+        .${scopeClass}[data-offscreen="true"] .drift-rail-run {
+          animation-play-state: paused;
+        }
+        @keyframes ${scopeClass}-run {
+          from { transform: translateX(0); }
+          to { transform: translateX(-50%); }
+        }
+        @media (prefers-reduced-motion: reduce) {
+          .${scopeClass} .drift-rail-run {
+            animation: none;
+          }
+        }
+        ${pauseOnHover ? `.${scopeClass}:hover .drift-rail-run { animation-play-state: paused; }` : ""}
+      ` }),
+    /* @__PURE__ */ jsxs("div", { className: "drift-rail-run flex w-max items-stretch gap-3.5 motion-reduce:[animation:none]", children: [
+      children,
+      /* @__PURE__ */ jsx("div", { className: "contents", "aria-hidden": "true", children })
+    ] })
+  ] });
+}
+
+export { DriftRail };

package/dist/{chunk-N2KNBPAQ.js → chunk-QXHMPJ35.js}

@@ -11,6 +11,7 @@ function Skeleton(_a) {
       className: cn(
         "relative overflow-hidden rounded-xl bg-muted",
         "before:absolute before:inset-0 before:-translate-x-full before:animate-[shimmer_2s_infinite] before:bg-gradient-to-r before:from-transparent before:via-foreground/[0.04] before:to-transparent",
+        "motion-reduce:before:animate-none motion-reduce:before:hidden",
         className
       )
     }, props)

package/dist/chunk-TT3WFS6S.js

@@ -0,0 +1,379 @@
+import { beats, returnTransition, MotionIcon } from './chunk-2WDJR6K7.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 };