@bearmenu/ui 0.7.0 → 0.7.1

package/dist/chunk-LEAYBICI.js

@@ -0,0 +1,84 @@
+import { __spreadValues } from './chunk-3GWWZKX7.js';
+
+// src/lib/motion.ts
+var duration = {
+  instant: 0.12,
+  quick: 0.18,
+  standard: 0.26,
+  deliberate: 0.36,
+  narrative: 0.5,
+  exitQuick: 0.11,
+  exitStandard: 0.21
+};
+var ease = {
+  enter: [0, 0, 0.2, 1],
+  standard: [0.4, 0, 0.2, 1],
+  exit: [0.55, 0, 1, 0.45]
+};
+var springSnappy = {
+  type: "spring",
+  damping: 30,
+  stiffness: 380
+};
+var springSmooth = {
+  type: "spring",
+  damping: 30,
+  stiffness: 220
+};
+var springSoft = {
+  type: "spring",
+  damping: 35,
+  stiffness: 140
+};
+var springGentle = springSoft;
+var archetype = {
+  /** Drawer / Sheet / Dialog entrance. Surface arrives first; content layers after. */
+  surfaceOpen: __spreadValues({}, springSmooth),
+  surfaceClose: { duration: duration.exitStandard, ease: ease.exit },
+  /** First-reveal stagger for card grids. Per-item spring. Cap stagger at 8 items. */
+  listReveal: __spreadValues({}, springSoft),
+  listRevealStagger: 0.04,
+  listRevealMaxItems: 8,
+  /** Tab content swap, skeleton → data swap. Opacity-only — no transform. */
+  contentSwap: { duration: duration.quick, ease: ease.standard },
+  contentSwapExit: { duration: duration.exitQuick, ease: ease.exit },
+  /** Bottom-sheet / side-drawer entry. */
+  edgeEnter: __spreadValues({}, springSmooth),
+  edgeExit: { duration: duration.exitStandard, ease: ease.exit },
+  /** Card / button tap feedback. */
+  pressResponse: { duration: duration.instant, ease: ease.enter },
+  /** Active tab pill, active filter chip — use with Framer Motion `layoutId`. */
+  indicatorMorph: __spreadValues({}, springSnappy),
+  /** Image enter — slight scale on load. */
+  imageEnter: { duration: 0.3, ease: ease.standard }
+};
+var stagger = {
+  tight: 0.03,
+  standard: 0.04,
+  loose: 0.06
+};
+var listRevealVariants = {
+  container: {
+    hidden: { opacity: 1 },
+    show: {
+      opacity: 1,
+      transition: { staggerChildren: stagger.standard }
+    }
+  },
+  item: {
+    hidden: { opacity: 0, y: 8 },
+    show: { opacity: 1, y: 0, transition: archetype.listReveal }
+  }
+};
+var contentSwapVariants = {
+  hidden: { opacity: 0, y: 6 },
+  show: { opacity: 1, y: 0, transition: archetype.contentSwap },
+  exit: { opacity: 0, y: -4, transition: archetype.contentSwapExit }
+};
+var skeletonSwapVariants = {
+  hidden: { opacity: 0 },
+  show: { opacity: 1, transition: archetype.contentSwap },
+  exit: { opacity: 0, transition: archetype.contentSwapExit }
+};
+
+export { archetype, contentSwapVariants, duration, ease, listRevealVariants, skeletonSwapVariants, springGentle, springSmooth, springSnappy, springSoft, stagger };

package/dist/components/tabs.js

@@ -1,34 +1,11 @@
+import { archetype } from '../chunk-LEAYBICI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
-import { __spreadValues, __objRest, __spreadProps } from '../chunk-3GWWZKX7.js';
+import { __objRest, __spreadValues, __spreadProps } from '../chunk-3GWWZKX7.js';
 import * as React from 'react';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import { motion } from 'framer-motion';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var springSnappy = {
-  type: "spring",
-  damping: 30,
-  stiffness: 380
-};
-var springSmooth = {
-  type: "spring",
-  damping: 30,
-  stiffness: 220
-};
-var springSoft = {
-  type: "spring",
-  damping: 35,
-  stiffness: 140
-};
-var archetype = {
-  /** Drawer / Sheet / Dialog entrance. Surface arrives first; content layers after. */
-  surfaceOpen: __spreadValues({}, springSmooth),
-  /** First-reveal stagger for card grids. Per-item spring. Cap stagger at 8 items. */
-  listReveal: __spreadValues({}, springSoft),
-  /** Bottom-sheet / side-drawer entry. */
-  edgeEnter: __spreadValues({}, springSmooth),
-  /** Active tab pill, active filter chip — use with Framer Motion `layoutId`. */
-  indicatorMorph: __spreadValues({}, springSnappy)};
 var TabsContext = React.createContext({
   variant: "pill",
   orientation: "horizontal",

package/dist/lib/motion.d.ts

@@ -0,0 +1,83 @@
+import { Transition, Variants } from 'framer-motion';
+
+/**
+ * BearMenu Motion System — v1.0
+ *
+ * Three layers:
+ *   1. Primitives — durations + easing curves (raw values)
+ *   2. Springs    — Framer Motion spring configs (named)
+ *   3. Archetypes — compound presets that compose primitives + springs
+ *
+ * Feature code reaches for archetypes, never primitives.
+ * Adding a new archetype is a DS-maintainer task.
+ *
+ * Companion CSS custom properties live in `./globals.css`:
+ *   --duration-instant / --duration-quick / --duration-standard /
+ *   --duration-deliberate / --duration-narrative /
+ *   --duration-exit-quick / --duration-exit-standard
+ *   --ease-enter / --ease-standard / --ease-exit
+ */
+declare const duration: {
+    readonly instant: 0.12;
+    readonly quick: 0.18;
+    readonly standard: 0.26;
+    readonly deliberate: 0.36;
+    readonly narrative: 0.5;
+    readonly exitQuick: 0.11;
+    readonly exitStandard: 0.21;
+};
+declare const ease: {
+    readonly enter: readonly [0, 0, 0.2, 1];
+    readonly standard: readonly [0.4, 0, 0.2, 1];
+    readonly exit: readonly [0.55, 0, 1, 0.45];
+};
+declare const springSnappy: Transition;
+declare const springSmooth: Transition;
+declare const springSoft: Transition;
+/** @deprecated use `springSoft`. Kept as alias during migration. */
+declare const springGentle: Transition;
+declare const archetype: {
+    /** Drawer / Sheet / Dialog entrance. Surface arrives first; content layers after. */
+    readonly surfaceOpen: Transition;
+    readonly surfaceClose: Transition;
+    /** First-reveal stagger for card grids. Per-item spring. Cap stagger at 8 items. */
+    readonly listReveal: Transition;
+    readonly listRevealStagger: 0.04;
+    readonly listRevealMaxItems: 8;
+    /** Tab content swap, skeleton → data swap. Opacity-only — no transform. */
+    readonly contentSwap: Transition;
+    readonly contentSwapExit: Transition;
+    /** Bottom-sheet / side-drawer entry. */
+    readonly edgeEnter: Transition;
+    readonly edgeExit: Transition;
+    /** Card / button tap feedback. */
+    readonly pressResponse: Transition;
+    /** Active tab pill, active filter chip — use with Framer Motion `layoutId`. */
+    readonly indicatorMorph: Transition;
+    /** Image enter — slight scale on load. */
+    readonly imageEnter: Transition;
+};
+declare const stagger: {
+    readonly tight: 0.03;
+    readonly standard: 0.04;
+    readonly loose: 0.06;
+};
+/**
+ * List-reveal container + item variants. Pair with Framer Motion `motion.ul`/`motion.div`.
+ * Container drives stagger; item handles the actual fade + Y-shift.
+ */
+declare const listRevealVariants: {
+    container: Variants;
+    item: Variants;
+};
+/**
+ * Content-swap variants for `AnimatePresence mode="wait"`. Opacity + tiny Y shift.
+ * Use for tab panels.
+ */
+declare const contentSwapVariants: Variants;
+/**
+ * Skeleton → data swap. Opacity-only to prevent layout shift on slow networks.
+ */
+declare const skeletonSwapVariants: Variants;
+
+export { archetype, contentSwapVariants, duration, ease, listRevealVariants, skeletonSwapVariants, springGentle, springSmooth, springSnappy, springSoft, stagger };

package/dist/lib/motion.js

@@ -0,0 +1,2 @@
+export { archetype, contentSwapVariants, duration, ease, listRevealVariants, skeletonSwapVariants, springGentle, springSmooth, springSnappy, springSoft, stagger } from '../chunk-LEAYBICI.js';
+import '../chunk-3GWWZKX7.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bearmenu/ui",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "description": "BearMenu design system — shared UI tokens, primitives, and components",
   "license": "UNLICENSED",
   "repository": {