@nebutra/ui 0.2.1 → 0.2.2

package/dist/shared/animation/css/index.d.ts

@@ -0,0 +1 @@
+export { C as CssTransition, c as cssTransition, a as interactiveCssTransition } from '../../../index-CKLIGfiU.js';

package/dist/shared/animation/css/index.js

@@ -0,0 +1,14 @@
+// src/shared/animation/css/index.ts
+var cssTransition = {
+  color: "transition-colors duration-micro ease-out motion-reduce:transition-none",
+  background: "transition-colors duration-micro ease-out motion-reduce:transition-none",
+  border: "transition-colors duration-micro ease-out motion-reduce:transition-none",
+  shadow: "transition-shadow duration-flow ease-out motion-reduce:transition-none",
+  opacity: "transition-opacity duration-micro ease-out motion-reduce:transition-none",
+  transform: "transition-transform duration-flow ease-out motion-reduce:transition-none"
+};
+var interactiveCssTransition = "transition-[color,background-color,border-color,box-shadow,opacity,transform] duration-flow ease-out motion-reduce:transition-none";
+
+export { cssTransition, interactiveCssTransition };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/shared/animation/css/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/shared/animation/css/index.ts"],"names":[],"mappings":";AAAO,IAAM,aAAA,GAAgB;AAAA,EAC3B,KAAA,EAAO,yEAAA;AAAA,EACP,UAAA,EAAY,yEAAA;AAAA,EACZ,MAAA,EAAQ,yEAAA;AAAA,EACR,MAAA,EAAQ,wEAAA;AAAA,EACR,OAAA,EAAS,0EAAA;AAAA,EACT,SAAA,EAAW;AACb;AAEO,IAAM,wBAAA,GACX","file":"index.js","sourcesContent":["export const cssTransition = {\n  color: \"transition-colors duration-micro ease-out motion-reduce:transition-none\",\n  background: \"transition-colors duration-micro ease-out motion-reduce:transition-none\",\n  border: \"transition-colors duration-micro ease-out motion-reduce:transition-none\",\n  shadow: \"transition-shadow duration-flow ease-out motion-reduce:transition-none\",\n  opacity: \"transition-opacity duration-micro ease-out motion-reduce:transition-none\",\n  transform: \"transition-transform duration-flow ease-out motion-reduce:transition-none\",\n} as const;\n\nexport const interactiveCssTransition =\n  \"transition-[color,background-color,border-color,box-shadow,opacity,transform] duration-flow ease-out motion-reduce:transition-none\";\n\nexport type CssTransition = keyof typeof cssTransition;\n"]}

package/dist/shared/animation/index.d.ts

@@ -0,0 +1,6 @@
+export { i as cssAnimation } from '../../index-CKLIGfiU.js';
+export { i as productMotion } from '../../index-Dg4jRJV2.js';
+import 'framer-motion';
+import '../../tokens-EAC6uPem.js';
+import 'react/jsx-runtime';
+import 'react';

package/dist/shared/animation/index.js

@@ -0,0 +1,272 @@
+"use client";
+import { useVelocity, useTransform, useSpring, useScroll, useReducedMotion, useMotionValue, useMotionTemplate, useInView, useAnimationFrame, motion, m, domAnimation, animate, MotionConfig, LazyMotion, LayoutGroup, AnimatePresence } from 'framer-motion';
+import { jsx } from 'react/jsx-runtime';
+
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/shared/animation/css/index.ts
+var css_exports = {};
+__export(css_exports, {
+  cssTransition: () => cssTransition,
+  interactiveCssTransition: () => interactiveCssTransition
+});
+var cssTransition = {
+  color: "transition-colors duration-micro ease-out motion-reduce:transition-none",
+  background: "transition-colors duration-micro ease-out motion-reduce:transition-none",
+  border: "transition-colors duration-micro ease-out motion-reduce:transition-none",
+  shadow: "transition-shadow duration-flow ease-out motion-reduce:transition-none",
+  opacity: "transition-opacity duration-micro ease-out motion-reduce:transition-none",
+  transform: "transition-transform duration-flow ease-out motion-reduce:transition-none"
+};
+var interactiveCssTransition = "transition-[color,background-color,border-color,box-shadow,opacity,transform] duration-flow ease-out motion-reduce:transition-none";
+
+// src/shared/animation/motion/index.ts
+var motion_exports = {};
+__export(motion_exports, {
+  AnimatePresence: () => AnimatePresence,
+  AnimatedCard: () => AnimatedCard,
+  AnimatedDrawer: () => AnimatedDrawer,
+  AnimatedList: () => AnimatedList,
+  AnimatedModal: () => AnimatedModal,
+  AnimatedPopover: () => AnimatedPopover,
+  FadeIn: () => FadeIn,
+  LayoutGroup: () => LayoutGroup,
+  LazyMotion: () => LazyMotion,
+  MotionConfig: () => MotionConfig,
+  PageTransition: () => PageTransition,
+  ScaleIn: () => ScaleIn,
+  SlideIn: () => SlideIn,
+  animate: () => animate,
+  animatedList: () => animatedList,
+  animatedListItem: () => animatedListItem,
+  animationDistances: () => animationDistances,
+  animationDurations: () => animationDurations,
+  animationEasings: () => animationEasings,
+  animationSprings: () => animationSprings,
+  animationTransitions: () => animationTransitions,
+  domAnimation: () => domAnimation,
+  drawerSurface: () => drawerSurface,
+  fadeIn: () => fadeIn,
+  m: () => m,
+  modalSurface: () => modalSurface,
+  motion: () => motion,
+  pageTransition: () => pageTransition,
+  popoverSurface: () => popoverSurface,
+  reducedMotionVariants: () => reducedMotionVariants,
+  scaleIn: () => scaleIn,
+  slideIn: () => slideIn,
+  useAnimationFrame: () => useAnimationFrame,
+  useInView: () => useInView,
+  useMotionTemplate: () => useMotionTemplate,
+  useMotionValue: () => useMotionValue,
+  useReducedMotion: () => useReducedMotion,
+  useScroll: () => useScroll,
+  useSpring: () => useSpring,
+  useTransform: () => useTransform,
+  useVelocity: () => useVelocity
+});
+
+// src/shared/animation/motion/tokens.ts
+var animationDurations = {
+  instant: 0,
+  micro: 0.1,
+  fast: 0.16,
+  standard: 0.2,
+  reveal: 0.3,
+  page: 0.44
+};
+var animationEasings = {
+  linear: "linear",
+  enter: [0, 0, 0.2, 1],
+  exit: [0.4, 0, 1, 1],
+  standard: [0.4, 0, 0.2, 1],
+  emphasized: [0.16, 1, 0.3, 1]
+};
+var animationSprings = {
+  interactive: { type: "spring", stiffness: 380, damping: 34, mass: 0.8 },
+  layout: { type: "spring", stiffness: 480, damping: 42, mass: 1 },
+  panel: { type: "spring", stiffness: 320, damping: 36, mass: 1 }
+};
+var animationDistances = {
+  xs: 4,
+  sm: 8,
+  md: 16,
+  lg: 24,
+  panel: 32
+};
+var animationTransitions = {
+  instant: { duration: animationDurations.instant },
+  micro: { duration: animationDurations.micro, ease: animationEasings.enter },
+  standard: { duration: animationDurations.standard, ease: animationEasings.enter },
+  reveal: { duration: animationDurations.reveal, ease: animationEasings.emphasized },
+  page: { duration: animationDurations.page, ease: animationEasings.emphasized },
+  layout: animationSprings.layout,
+  panel: animationSprings.panel
+};
+
+// src/shared/animation/motion/variants.ts
+var fadeIn = {
+  initial: { opacity: 0 },
+  animate: { opacity: 1, transition: animationTransitions.standard },
+  exit: { opacity: 0, transition: animationTransitions.micro }
+};
+var scaleIn = {
+  initial: { opacity: 0, scale: 0.96 },
+  animate: { opacity: 1, scale: 1, transition: animationTransitions.reveal },
+  exit: { opacity: 0, scale: 0.98, transition: animationTransitions.micro }
+};
+var slideIn = {
+  up: {
+    initial: { opacity: 0, y: animationDistances.md },
+    animate: { opacity: 1, y: 0, transition: animationTransitions.reveal },
+    exit: { opacity: 0, y: animationDistances.sm, transition: animationTransitions.micro }
+  },
+  down: {
+    initial: { opacity: 0, y: -16 },
+    animate: { opacity: 1, y: 0, transition: animationTransitions.reveal },
+    exit: { opacity: 0, y: -8, transition: animationTransitions.micro }
+  },
+  left: {
+    initial: { opacity: 0, x: animationDistances.md },
+    animate: { opacity: 1, x: 0, transition: animationTransitions.reveal },
+    exit: { opacity: 0, x: animationDistances.sm, transition: animationTransitions.micro }
+  },
+  right: {
+    initial: { opacity: 0, x: -16 },
+    animate: { opacity: 1, x: 0, transition: animationTransitions.reveal },
+    exit: { opacity: 0, x: -8, transition: animationTransitions.micro }
+  }
+};
+var animatedList = {
+  initial: {},
+  animate: { transition: { staggerChildren: 0.06, delayChildren: 0.02 } },
+  exit: { transition: { staggerChildren: 0.03, staggerDirection: -1 } }
+};
+var animatedListItem = {
+  initial: { opacity: 0, y: animationDistances.sm },
+  animate: { opacity: 1, y: 0, transition: animationTransitions.standard },
+  exit: { opacity: 0, y: animationDistances.xs, transition: animationTransitions.micro }
+};
+var modalSurface = {
+  initial: { opacity: 0, scale: 0.98, y: animationDistances.sm },
+  animate: { opacity: 1, scale: 1, y: 0, transition: animationTransitions.panel },
+  exit: {
+    opacity: 0,
+    scale: 0.98,
+    y: animationDistances.xs,
+    transition: animationTransitions.micro
+  }
+};
+var drawerSurface = {
+  left: {
+    initial: { opacity: 0, x: "-100%" },
+    animate: { opacity: 1, x: 0, transition: animationTransitions.panel },
+    exit: { opacity: 0, x: "-100%", transition: animationTransitions.micro }
+  },
+  right: {
+    initial: { opacity: 0, x: "100%" },
+    animate: { opacity: 1, x: 0, transition: animationTransitions.panel },
+    exit: { opacity: 0, x: "100%", transition: animationTransitions.micro }
+  },
+  top: {
+    initial: { opacity: 0, y: "-100%" },
+    animate: { opacity: 1, y: 0, transition: animationTransitions.panel },
+    exit: { opacity: 0, y: "-100%", transition: animationTransitions.micro }
+  },
+  bottom: {
+    initial: { opacity: 0, y: "100%" },
+    animate: { opacity: 1, y: 0, transition: animationTransitions.panel },
+    exit: { opacity: 0, y: "100%", transition: animationTransitions.micro }
+  }
+};
+var popoverSurface = {
+  initial: { opacity: 0, scale: 0.98, y: animationDistances.xs },
+  animate: { opacity: 1, scale: 1, y: 0, transition: animationTransitions.standard },
+  exit: {
+    opacity: 0,
+    scale: 0.98,
+    y: animationDistances.xs,
+    transition: animationTransitions.micro
+  }
+};
+var pageTransition = {
+  initial: { opacity: 0, y: animationDistances.sm },
+  animate: { opacity: 1, y: 0, transition: animationTransitions.page },
+  exit: { opacity: 0, y: -4, transition: animationTransitions.standard }
+};
+var reducedMotionVariants = {
+  initial: { opacity: 0 },
+  animate: { opacity: 1, transition: animationTransitions.instant },
+  exit: { opacity: 0, transition: animationTransitions.instant }
+};
+function useAccessibleVariants(variants, allowTransform = false) {
+  const shouldReduceMotion = useReducedMotion();
+  return shouldReduceMotion && !allowTransform ? reducedMotionVariants : variants;
+}
+function FadeIn({ children, ...props }) {
+  const variants = useAccessibleVariants(fadeIn);
+  return /* @__PURE__ */ jsx(motion.div, { initial: "initial", animate: "animate", exit: "exit", variants, ...props, children });
+}
+function SlideIn({
+  children,
+  direction = "up",
+  ...props
+}) {
+  const variants = useAccessibleVariants(slideIn[direction]);
+  return /* @__PURE__ */ jsx(motion.div, { initial: "initial", animate: "animate", exit: "exit", variants, ...props, children });
+}
+function ScaleIn({ children, ...props }) {
+  const variants = useAccessibleVariants(scaleIn);
+  return /* @__PURE__ */ jsx(motion.div, { initial: "initial", animate: "animate", exit: "exit", variants, ...props, children });
+}
+function AnimatedCard({ children, ...props }) {
+  return /* @__PURE__ */ jsx(ScaleIn, { whileHover: { y: -2 }, whileTap: { scale: 0.99 }, ...props, children });
+}
+function AnimatedList({ children, ...props }) {
+  const containerVariants = useAccessibleVariants(animatedList);
+  const itemVariants = useAccessibleVariants(animatedListItem);
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      initial: "initial",
+      animate: "animate",
+      exit: "exit",
+      variants: containerVariants,
+      ...props,
+      children: Array.isArray(children) ? children.map((child, index) => /* @__PURE__ */ jsx(motion.div, { variants: itemVariants, children: child }, index)) : children
+    }
+  );
+}
+function AnimatedModal({ children, open, ...props }) {
+  const variants = useAccessibleVariants(modalSurface);
+  return /* @__PURE__ */ jsx(AnimatePresence, { children: open ? /* @__PURE__ */ jsx(motion.div, { initial: "initial", animate: "animate", exit: "exit", variants, ...props, children }) : null });
+}
+function AnimatedDrawer({
+  children,
+  open,
+  side = "right",
+  ...props
+}) {
+  const variants = useAccessibleVariants(drawerSurface[side]);
+  return /* @__PURE__ */ jsx(AnimatePresence, { children: open ? /* @__PURE__ */ jsx(motion.div, { initial: "initial", animate: "animate", exit: "exit", variants, ...props, children }) : null });
+}
+function AnimatedPopover({
+  children,
+  open,
+  ...props
+}) {
+  const variants = useAccessibleVariants(popoverSurface);
+  return /* @__PURE__ */ jsx(AnimatePresence, { children: open ? /* @__PURE__ */ jsx(motion.div, { initial: "initial", animate: "animate", exit: "exit", variants, ...props, children }) : null });
+}
+function PageTransition({ children, ...props }) {
+  const variants = useAccessibleVariants(pageTransition);
+  return /* @__PURE__ */ jsx(motion.div, { initial: "initial", animate: "animate", exit: "exit", variants, ...props, children });
+}
+
+export { css_exports as cssAnimation, motion_exports as productMotion };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/shared/animation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/shared/animation/css/index.ts","../../../src/shared/animation/motion/index.ts","../../../src/shared/animation/motion/tokens.ts","../../../src/shared/animation/motion/variants.ts","../../../src/shared/animation/motion/primitives/index.tsx"],"names":["AnimatePresence","motion","useReducedMotion"],"mappings":"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","file":"index.js","sourcesContent":["export const cssTransition = {\n  color: \"transition-colors duration-micro ease-out motion-reduce:transition-none\",\n  background: \"transition-colors duration-micro ease-out motion-reduce:transition-none\",\n  border: \"transition-colors duration-micro ease-out motion-reduce:transition-none\",\n  shadow: \"transition-shadow duration-flow ease-out motion-reduce:transition-none\",\n  opacity: \"transition-opacity duration-micro ease-out motion-reduce:transition-none\",\n  transform: \"transition-transform duration-flow ease-out motion-reduce:transition-none\",\n} as const;\n\nexport const interactiveCssTransition =\n  \"transition-[color,background-color,border-color,box-shadow,opacity,transform] duration-flow ease-out motion-reduce:transition-none\";\n\nexport type CssTransition = keyof typeof cssTransition;\n","\"use client\";\n\nexport type {\n  HTMLMotionProps,\n  MotionProps,\n  MotionStyle,\n  MotionValue,\n  Transition,\n  Variants,\n} from \"framer-motion\";\nexport {\n  AnimatePresence,\n  animate,\n  domAnimation,\n  LayoutGroup,\n  LazyMotion,\n  MotionConfig,\n  m,\n  motion,\n  useAnimationFrame,\n  useInView,\n  useMotionTemplate,\n  useMotionValue,\n  useReducedMotion,\n  useScroll,\n  useSpring,\n  useTransform,\n  useVelocity,\n} from \"framer-motion\";\n\nexport * from \"./primitives\";\nexport * from \"./tokens\";\nexport * from \"./variants\";\n","import type { Transition } from \"framer-motion\";\n\nexport const animationDurations = {\n  instant: 0,\n  micro: 0.1,\n  fast: 0.16,\n  standard: 0.2,\n  reveal: 0.3,\n  page: 0.44,\n} as const;\n\nexport const animationEasings = {\n  linear: \"linear\",\n  enter: [0, 0, 0.2, 1] as [number, number, number, number],\n  exit: [0.4, 0, 1, 1] as [number, number, number, number],\n  standard: [0.4, 0, 0.2, 1] as [number, number, number, number],\n  emphasized: [0.16, 1, 0.3, 1] as [number, number, number, number],\n} as const;\n\nexport const animationSprings = {\n  interactive: { type: \"spring\", stiffness: 380, damping: 34, mass: 0.8 },\n  layout: { type: \"spring\", stiffness: 480, damping: 42, mass: 1 },\n  panel: { type: \"spring\", stiffness: 320, damping: 36, mass: 1 },\n} as const satisfies Record<string, Transition>;\n\nexport const animationDistances = {\n  xs: 4,\n  sm: 8,\n  md: 16,\n  lg: 24,\n  panel: 32,\n} as const;\n\nexport const animationTransitions = {\n  instant: { duration: animationDurations.instant },\n  micro: { duration: animationDurations.micro, ease: animationEasings.enter },\n  standard: { duration: animationDurations.standard, ease: animationEasings.enter },\n  reveal: { duration: animationDurations.reveal, ease: animationEasings.emphasized },\n  page: { duration: animationDurations.page, ease: animationEasings.emphasized },\n  layout: animationSprings.layout,\n  panel: animationSprings.panel,\n} as const satisfies Record<string, Transition>;\n\nexport type AnimationDuration = keyof typeof animationDurations;\nexport type AnimationTransition = keyof typeof animationTransitions;\n","import type { Variants } from \"framer-motion\";\nimport { animationDistances, animationTransitions } from \"./tokens\";\n\nexport const fadeIn: Variants = {\n  initial: { opacity: 0 },\n  animate: { opacity: 1, transition: animationTransitions.standard },\n  exit: { opacity: 0, transition: animationTransitions.micro },\n};\n\nexport const scaleIn: Variants = {\n  initial: { opacity: 0, scale: 0.96 },\n  animate: { opacity: 1, scale: 1, transition: animationTransitions.reveal },\n  exit: { opacity: 0, scale: 0.98, transition: animationTransitions.micro },\n};\n\nexport const slideIn = {\n  up: {\n    initial: { opacity: 0, y: animationDistances.md },\n    animate: { opacity: 1, y: 0, transition: animationTransitions.reveal },\n    exit: { opacity: 0, y: animationDistances.sm, transition: animationTransitions.micro },\n  },\n  down: {\n    initial: { opacity: 0, y: -animationDistances.md },\n    animate: { opacity: 1, y: 0, transition: animationTransitions.reveal },\n    exit: { opacity: 0, y: -animationDistances.sm, transition: animationTransitions.micro },\n  },\n  left: {\n    initial: { opacity: 0, x: animationDistances.md },\n    animate: { opacity: 1, x: 0, transition: animationTransitions.reveal },\n    exit: { opacity: 0, x: animationDistances.sm, transition: animationTransitions.micro },\n  },\n  right: {\n    initial: { opacity: 0, x: -animationDistances.md },\n    animate: { opacity: 1, x: 0, transition: animationTransitions.reveal },\n    exit: { opacity: 0, x: -animationDistances.sm, transition: animationTransitions.micro },\n  },\n} as const satisfies Record<string, Variants>;\n\nexport const animatedList: Variants = {\n  initial: {},\n  animate: { transition: { staggerChildren: 0.06, delayChildren: 0.02 } },\n  exit: { transition: { staggerChildren: 0.03, staggerDirection: -1 } },\n};\n\nexport const animatedListItem: Variants = {\n  initial: { opacity: 0, y: animationDistances.sm },\n  animate: { opacity: 1, y: 0, transition: animationTransitions.standard },\n  exit: { opacity: 0, y: animationDistances.xs, transition: animationTransitions.micro },\n};\n\nexport const modalSurface: Variants = {\n  initial: { opacity: 0, scale: 0.98, y: animationDistances.sm },\n  animate: { opacity: 1, scale: 1, y: 0, transition: animationTransitions.panel },\n  exit: {\n    opacity: 0,\n    scale: 0.98,\n    y: animationDistances.xs,\n    transition: animationTransitions.micro,\n  },\n};\n\nexport const drawerSurface = {\n  left: {\n    initial: { opacity: 0, x: \"-100%\" },\n    animate: { opacity: 1, x: 0, transition: animationTransitions.panel },\n    exit: { opacity: 0, x: \"-100%\", transition: animationTransitions.micro },\n  },\n  right: {\n    initial: { opacity: 0, x: \"100%\" },\n    animate: { opacity: 1, x: 0, transition: animationTransitions.panel },\n    exit: { opacity: 0, x: \"100%\", transition: animationTransitions.micro },\n  },\n  top: {\n    initial: { opacity: 0, y: \"-100%\" },\n    animate: { opacity: 1, y: 0, transition: animationTransitions.panel },\n    exit: { opacity: 0, y: \"-100%\", transition: animationTransitions.micro },\n  },\n  bottom: {\n    initial: { opacity: 0, y: \"100%\" },\n    animate: { opacity: 1, y: 0, transition: animationTransitions.panel },\n    exit: { opacity: 0, y: \"100%\", transition: animationTransitions.micro },\n  },\n} as const satisfies Record<string, Variants>;\n\nexport const popoverSurface: Variants = {\n  initial: { opacity: 0, scale: 0.98, y: animationDistances.xs },\n  animate: { opacity: 1, scale: 1, y: 0, transition: animationTransitions.standard },\n  exit: {\n    opacity: 0,\n    scale: 0.98,\n    y: animationDistances.xs,\n    transition: animationTransitions.micro,\n  },\n};\n\nexport const pageTransition: Variants = {\n  initial: { opacity: 0, y: animationDistances.sm },\n  animate: { opacity: 1, y: 0, transition: animationTransitions.page },\n  exit: { opacity: 0, y: -animationDistances.xs, transition: animationTransitions.standard },\n};\n\nexport const reducedMotionVariants: Variants = {\n  initial: { opacity: 0 },\n  animate: { opacity: 1, transition: animationTransitions.instant },\n  exit: { opacity: 0, transition: animationTransitions.instant },\n};\n","\"use client\";\n\nimport {\n  AnimatePresence,\n  type HTMLMotionProps,\n  motion,\n  useReducedMotion,\n  type Variants,\n} from \"framer-motion\";\nimport type { ReactNode } from \"react\";\nimport {\n  animatedList,\n  animatedListItem,\n  drawerSurface,\n  fadeIn,\n  modalSurface,\n  pageTransition,\n  popoverSurface,\n  reducedMotionVariants,\n  scaleIn,\n  slideIn,\n} from \"../variants\";\n\ntype AnimatedDivProps = HTMLMotionProps<\"div\"> & {\n  children: ReactNode;\n};\n\nfunction useAccessibleVariants(variants: Variants, allowTransform = false) {\n  const shouldReduceMotion = useReducedMotion();\n  return shouldReduceMotion && !allowTransform ? reducedMotionVariants : variants;\n}\n\nexport function FadeIn({ children, ...props }: AnimatedDivProps) {\n  const variants = useAccessibleVariants(fadeIn);\n\n  return (\n    <motion.div initial=\"initial\" animate=\"animate\" exit=\"exit\" variants={variants} {...props}>\n      {children}\n    </motion.div>\n  );\n}\n\nexport function SlideIn({\n  children,\n  direction = \"up\",\n  ...props\n}: AnimatedDivProps & { direction?: keyof typeof slideIn }) {\n  const variants = useAccessibleVariants(slideIn[direction]);\n\n  return (\n    <motion.div initial=\"initial\" animate=\"animate\" exit=\"exit\" variants={variants} {...props}>\n      {children}\n    </motion.div>\n  );\n}\n\nexport function ScaleIn({ children, ...props }: AnimatedDivProps) {\n  const variants = useAccessibleVariants(scaleIn);\n\n  return (\n    <motion.div initial=\"initial\" animate=\"animate\" exit=\"exit\" variants={variants} {...props}>\n      {children}\n    </motion.div>\n  );\n}\n\nexport function AnimatedCard({ children, ...props }: AnimatedDivProps) {\n  return (\n    <ScaleIn whileHover={{ y: -2 }} whileTap={{ scale: 0.99 }} {...props}>\n      {children}\n    </ScaleIn>\n  );\n}\n\nexport function AnimatedList({ children, ...props }: AnimatedDivProps) {\n  const containerVariants = useAccessibleVariants(animatedList);\n  const itemVariants = useAccessibleVariants(animatedListItem);\n\n  return (\n    <motion.div\n      initial=\"initial\"\n      animate=\"animate\"\n      exit=\"exit\"\n      variants={containerVariants}\n      {...props}\n    >\n      {Array.isArray(children)\n        ? children.map((child, index) => (\n            <motion.div key={index} variants={itemVariants}>\n              {child}\n            </motion.div>\n          ))\n        : children}\n    </motion.div>\n  );\n}\n\nexport function AnimatedModal({ children, open, ...props }: AnimatedDivProps & { open: boolean }) {\n  const variants = useAccessibleVariants(modalSurface);\n\n  return (\n    <AnimatePresence>\n      {open ? (\n        <motion.div initial=\"initial\" animate=\"animate\" exit=\"exit\" variants={variants} {...props}>\n          {children}\n        </motion.div>\n      ) : null}\n    </AnimatePresence>\n  );\n}\n\nexport function AnimatedDrawer({\n  children,\n  open,\n  side = \"right\",\n  ...props\n}: AnimatedDivProps & { open: boolean; side?: keyof typeof drawerSurface }) {\n  const variants = useAccessibleVariants(drawerSurface[side]);\n\n  return (\n    <AnimatePresence>\n      {open ? (\n        <motion.div initial=\"initial\" animate=\"animate\" exit=\"exit\" variants={variants} {...props}>\n          {children}\n        </motion.div>\n      ) : null}\n    </AnimatePresence>\n  );\n}\n\nexport function AnimatedPopover({\n  children,\n  open,\n  ...props\n}: AnimatedDivProps & { open: boolean }) {\n  const variants = useAccessibleVariants(popoverSurface);\n\n  return (\n    <AnimatePresence>\n      {open ? (\n        <motion.div initial=\"initial\" animate=\"animate\" exit=\"exit\" variants={variants} {...props}>\n          {children}\n        </motion.div>\n      ) : null}\n    </AnimatePresence>\n  );\n}\n\nexport function PageTransition({ children, ...props }: AnimatedDivProps) {\n  const variants = useAccessibleVariants(pageTransition);\n\n  return (\n    <motion.div initial=\"initial\" animate=\"animate\" exit=\"exit\" variants={variants} {...props}>\n      {children}\n    </motion.div>\n  );\n}\n"]}

package/dist/shared/animation/motion/index.d.ts

@@ -0,0 +1,4 @@
+export { AnimatePresence, HTMLMotionProps, LayoutGroup, LazyMotion, MotionConfig, MotionProps, MotionStyle, MotionValue, Transition, Variants, animate, domAnimation, m, motion, useAnimationFrame, useInView, useMotionTemplate, useMotionValue, useReducedMotion, useScroll, useSpring, useTransform, useVelocity } from 'framer-motion';
+export { A as AnimatedCard, a as AnimatedDrawer, b as AnimatedList, c as AnimatedModal, d as AnimatedPopover, e as AnimationDuration, f as AnimationTransition, F as FadeIn, P as PageTransition, S as ScaleIn, g as SlideIn, h as animatedList, i as animatedListItem, j as animationDistances, k as animationDurations, l as animationEasings, m as animationSprings, n as animationTransitions, o as drawerSurface, p as fadeIn, q as modalSurface, r as pageTransition, s as popoverSurface, t as reducedMotionVariants, u as scaleIn, v as slideIn } from '../../../tokens-EAC6uPem.js';
+import 'react/jsx-runtime';
+import 'react';

package/dist/shared/animation/motion/index.js

@@ -0,0 +1,205 @@
+"use client";
+import { motion, AnimatePresence, useReducedMotion } from 'framer-motion';
+export { AnimatePresence, LayoutGroup, LazyMotion, MotionConfig, animate, domAnimation, m, motion, useAnimationFrame, useInView, useMotionTemplate, useMotionValue, useReducedMotion, useScroll, useSpring, useTransform, useVelocity } from 'framer-motion';
+import { jsx } from 'react/jsx-runtime';
+
+// src/shared/animation/motion/tokens.ts
+var animationDurations = {
+  instant: 0,
+  micro: 0.1,
+  fast: 0.16,
+  standard: 0.2,
+  reveal: 0.3,
+  page: 0.44
+};
+var animationEasings = {
+  linear: "linear",
+  enter: [0, 0, 0.2, 1],
+  exit: [0.4, 0, 1, 1],
+  standard: [0.4, 0, 0.2, 1],
+  emphasized: [0.16, 1, 0.3, 1]
+};
+var animationSprings = {
+  interactive: { type: "spring", stiffness: 380, damping: 34, mass: 0.8 },
+  layout: { type: "spring", stiffness: 480, damping: 42, mass: 1 },
+  panel: { type: "spring", stiffness: 320, damping: 36, mass: 1 }
+};
+var animationDistances = {
+  xs: 4,
+  sm: 8,
+  md: 16,
+  lg: 24,
+  panel: 32
+};
+var animationTransitions = {
+  instant: { duration: animationDurations.instant },
+  micro: { duration: animationDurations.micro, ease: animationEasings.enter },
+  standard: { duration: animationDurations.standard, ease: animationEasings.enter },
+  reveal: { duration: animationDurations.reveal, ease: animationEasings.emphasized },
+  page: { duration: animationDurations.page, ease: animationEasings.emphasized },
+  layout: animationSprings.layout,
+  panel: animationSprings.panel
+};
+
+// src/shared/animation/motion/variants.ts
+var fadeIn = {
+  initial: { opacity: 0 },
+  animate: { opacity: 1, transition: animationTransitions.standard },
+  exit: { opacity: 0, transition: animationTransitions.micro }
+};
+var scaleIn = {
+  initial: { opacity: 0, scale: 0.96 },
+  animate: { opacity: 1, scale: 1, transition: animationTransitions.reveal },
+  exit: { opacity: 0, scale: 0.98, transition: animationTransitions.micro }
+};
+var slideIn = {
+  up: {
+    initial: { opacity: 0, y: animationDistances.md },
+    animate: { opacity: 1, y: 0, transition: animationTransitions.reveal },
+    exit: { opacity: 0, y: animationDistances.sm, transition: animationTransitions.micro }
+  },
+  down: {
+    initial: { opacity: 0, y: -animationDistances.md },
+    animate: { opacity: 1, y: 0, transition: animationTransitions.reveal },
+    exit: { opacity: 0, y: -animationDistances.sm, transition: animationTransitions.micro }
+  },
+  left: {
+    initial: { opacity: 0, x: animationDistances.md },
+    animate: { opacity: 1, x: 0, transition: animationTransitions.reveal },
+    exit: { opacity: 0, x: animationDistances.sm, transition: animationTransitions.micro }
+  },
+  right: {
+    initial: { opacity: 0, x: -animationDistances.md },
+    animate: { opacity: 1, x: 0, transition: animationTransitions.reveal },
+    exit: { opacity: 0, x: -animationDistances.sm, transition: animationTransitions.micro }
+  }
+};
+var animatedList = {
+  initial: {},
+  animate: { transition: { staggerChildren: 0.06, delayChildren: 0.02 } },
+  exit: { transition: { staggerChildren: 0.03, staggerDirection: -1 } }
+};
+var animatedListItem = {
+  initial: { opacity: 0, y: animationDistances.sm },
+  animate: { opacity: 1, y: 0, transition: animationTransitions.standard },
+  exit: { opacity: 0, y: animationDistances.xs, transition: animationTransitions.micro }
+};
+var modalSurface = {
+  initial: { opacity: 0, scale: 0.98, y: animationDistances.sm },
+  animate: { opacity: 1, scale: 1, y: 0, transition: animationTransitions.panel },
+  exit: {
+    opacity: 0,
+    scale: 0.98,
+    y: animationDistances.xs,
+    transition: animationTransitions.micro
+  }
+};
+var drawerSurface = {
+  left: {
+    initial: { opacity: 0, x: "-100%" },
+    animate: { opacity: 1, x: 0, transition: animationTransitions.panel },
+    exit: { opacity: 0, x: "-100%", transition: animationTransitions.micro }
+  },
+  right: {
+    initial: { opacity: 0, x: "100%" },
+    animate: { opacity: 1, x: 0, transition: animationTransitions.panel },
+    exit: { opacity: 0, x: "100%", transition: animationTransitions.micro }
+  },
+  top: {
+    initial: { opacity: 0, y: "-100%" },
+    animate: { opacity: 1, y: 0, transition: animationTransitions.panel },
+    exit: { opacity: 0, y: "-100%", transition: animationTransitions.micro }
+  },
+  bottom: {
+    initial: { opacity: 0, y: "100%" },
+    animate: { opacity: 1, y: 0, transition: animationTransitions.panel },
+    exit: { opacity: 0, y: "100%", transition: animationTransitions.micro }
+  }
+};
+var popoverSurface = {
+  initial: { opacity: 0, scale: 0.98, y: animationDistances.xs },
+  animate: { opacity: 1, scale: 1, y: 0, transition: animationTransitions.standard },
+  exit: {
+    opacity: 0,
+    scale: 0.98,
+    y: animationDistances.xs,
+    transition: animationTransitions.micro
+  }
+};
+var pageTransition = {
+  initial: { opacity: 0, y: animationDistances.sm },
+  animate: { opacity: 1, y: 0, transition: animationTransitions.page },
+  exit: { opacity: 0, y: -animationDistances.xs, transition: animationTransitions.standard }
+};
+var reducedMotionVariants = {
+  initial: { opacity: 0 },
+  animate: { opacity: 1, transition: animationTransitions.instant },
+  exit: { opacity: 0, transition: animationTransitions.instant }
+};
+function useAccessibleVariants(variants, allowTransform = false) {
+  const shouldReduceMotion = useReducedMotion();
+  return shouldReduceMotion && !allowTransform ? reducedMotionVariants : variants;
+}
+function FadeIn({ children, ...props }) {
+  const variants = useAccessibleVariants(fadeIn);
+  return /* @__PURE__ */ jsx(motion.div, { initial: "initial", animate: "animate", exit: "exit", variants, ...props, children });
+}
+function SlideIn({
+  children,
+  direction = "up",
+  ...props
+}) {
+  const variants = useAccessibleVariants(slideIn[direction]);
+  return /* @__PURE__ */ jsx(motion.div, { initial: "initial", animate: "animate", exit: "exit", variants, ...props, children });
+}
+function ScaleIn({ children, ...props }) {
+  const variants = useAccessibleVariants(scaleIn);
+  return /* @__PURE__ */ jsx(motion.div, { initial: "initial", animate: "animate", exit: "exit", variants, ...props, children });
+}
+function AnimatedCard({ children, ...props }) {
+  return /* @__PURE__ */ jsx(ScaleIn, { whileHover: { y: -2 }, whileTap: { scale: 0.99 }, ...props, children });
+}
+function AnimatedList({ children, ...props }) {
+  const containerVariants = useAccessibleVariants(animatedList);
+  const itemVariants = useAccessibleVariants(animatedListItem);
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      initial: "initial",
+      animate: "animate",
+      exit: "exit",
+      variants: containerVariants,
+      ...props,
+      children: Array.isArray(children) ? children.map((child, index) => /* @__PURE__ */ jsx(motion.div, { variants: itemVariants, children: child }, index)) : children
+    }
+  );
+}
+function AnimatedModal({ children, open, ...props }) {
+  const variants = useAccessibleVariants(modalSurface);
+  return /* @__PURE__ */ jsx(AnimatePresence, { children: open ? /* @__PURE__ */ jsx(motion.div, { initial: "initial", animate: "animate", exit: "exit", variants, ...props, children }) : null });
+}
+function AnimatedDrawer({
+  children,
+  open,
+  side = "right",
+  ...props
+}) {
+  const variants = useAccessibleVariants(drawerSurface[side]);
+  return /* @__PURE__ */ jsx(AnimatePresence, { children: open ? /* @__PURE__ */ jsx(motion.div, { initial: "initial", animate: "animate", exit: "exit", variants, ...props, children }) : null });
+}
+function AnimatedPopover({
+  children,
+  open,
+  ...props
+}) {
+  const variants = useAccessibleVariants(popoverSurface);
+  return /* @__PURE__ */ jsx(AnimatePresence, { children: open ? /* @__PURE__ */ jsx(motion.div, { initial: "initial", animate: "animate", exit: "exit", variants, ...props, children }) : null });
+}
+function PageTransition({ children, ...props }) {
+  const variants = useAccessibleVariants(pageTransition);
+  return /* @__PURE__ */ jsx(motion.div, { initial: "initial", animate: "animate", exit: "exit", variants, ...props, children });
+}
+
+export { AnimatedCard, AnimatedDrawer, AnimatedList, AnimatedModal, AnimatedPopover, FadeIn, PageTransition, ScaleIn, SlideIn, animatedList, animatedListItem, animationDistances, animationDurations, animationEasings, animationSprings, animationTransitions, drawerSurface, fadeIn, modalSurface, pageTransition, popoverSurface, reducedMotionVariants, scaleIn, slideIn };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/shared/animation/motion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/shared/animation/motion/tokens.ts","../../../../src/shared/animation/motion/variants.ts","../../../../src/shared/animation/motion/primitives/index.tsx"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import type { Transition } from \"framer-motion\";\n\nexport const animationDurations = {\n  instant: 0,\n  micro: 0.1,\n  fast: 0.16,\n  standard: 0.2,\n  reveal: 0.3,\n  page: 0.44,\n} as const;\n\nexport const animationEasings = {\n  linear: \"linear\",\n  enter: [0, 0, 0.2, 1] as [number, number, number, number],\n  exit: [0.4, 0, 1, 1] as [number, number, number, number],\n  standard: [0.4, 0, 0.2, 1] as [number, number, number, number],\n  emphasized: [0.16, 1, 0.3, 1] as [number, number, number, number],\n} as const;\n\nexport const animationSprings = {\n  interactive: { type: \"spring\", stiffness: 380, damping: 34, mass: 0.8 },\n  layout: { type: \"spring\", stiffness: 480, damping: 42, mass: 1 },\n  panel: { type: \"spring\", stiffness: 320, damping: 36, mass: 1 },\n} as const satisfies Record<string, Transition>;\n\nexport const animationDistances = {\n  xs: 4,\n  sm: 8,\n  md: 16,\n  lg: 24,\n  panel: 32,\n} as const;\n\nexport const animationTransitions = {\n  instant: { duration: animationDurations.instant },\n  micro: { duration: animationDurations.micro, ease: animationEasings.enter },\n  standard: { duration: animationDurations.standard, ease: animationEasings.enter },\n  reveal: { duration: animationDurations.reveal, ease: animationEasings.emphasized },\n  page: { duration: animationDurations.page, ease: animationEasings.emphasized },\n  layout: animationSprings.layout,\n  panel: animationSprings.panel,\n} as const satisfies Record<string, Transition>;\n\nexport type AnimationDuration = keyof typeof animationDurations;\nexport type AnimationTransition = keyof typeof animationTransitions;\n","import type { Variants } from \"framer-motion\";\nimport { animationDistances, animationTransitions } from \"./tokens\";\n\nexport const fadeIn: Variants = {\n  initial: { opacity: 0 },\n  animate: { opacity: 1, transition: animationTransitions.standard },\n  exit: { opacity: 0, transition: animationTransitions.micro },\n};\n\nexport const scaleIn: Variants = {\n  initial: { opacity: 0, scale: 0.96 },\n  animate: { opacity: 1, scale: 1, transition: animationTransitions.reveal },\n  exit: { opacity: 0, scale: 0.98, transition: animationTransitions.micro },\n};\n\nexport const slideIn = {\n  up: {\n    initial: { opacity: 0, y: animationDistances.md },\n    animate: { opacity: 1, y: 0, transition: animationTransitions.reveal },\n    exit: { opacity: 0, y: animationDistances.sm, transition: animationTransitions.micro },\n  },\n  down: {\n    initial: { opacity: 0, y: -animationDistances.md },\n    animate: { opacity: 1, y: 0, transition: animationTransitions.reveal },\n    exit: { opacity: 0, y: -animationDistances.sm, transition: animationTransitions.micro },\n  },\n  left: {\n    initial: { opacity: 0, x: animationDistances.md },\n    animate: { opacity: 1, x: 0, transition: animationTransitions.reveal },\n    exit: { opacity: 0, x: animationDistances.sm, transition: animationTransitions.micro },\n  },\n  right: {\n    initial: { opacity: 0, x: -animationDistances.md },\n    animate: { opacity: 1, x: 0, transition: animationTransitions.reveal },\n    exit: { opacity: 0, x: -animationDistances.sm, transition: animationTransitions.micro },\n  },\n} as const satisfies Record<string, Variants>;\n\nexport const animatedList: Variants = {\n  initial: {},\n  animate: { transition: { staggerChildren: 0.06, delayChildren: 0.02 } },\n  exit: { transition: { staggerChildren: 0.03, staggerDirection: -1 } },\n};\n\nexport const animatedListItem: Variants = {\n  initial: { opacity: 0, y: animationDistances.sm },\n  animate: { opacity: 1, y: 0, transition: animationTransitions.standard },\n  exit: { opacity: 0, y: animationDistances.xs, transition: animationTransitions.micro },\n};\n\nexport const modalSurface: Variants = {\n  initial: { opacity: 0, scale: 0.98, y: animationDistances.sm },\n  animate: { opacity: 1, scale: 1, y: 0, transition: animationTransitions.panel },\n  exit: {\n    opacity: 0,\n    scale: 0.98,\n    y: animationDistances.xs,\n    transition: animationTransitions.micro,\n  },\n};\n\nexport const drawerSurface = {\n  left: {\n    initial: { opacity: 0, x: \"-100%\" },\n    animate: { opacity: 1, x: 0, transition: animationTransitions.panel },\n    exit: { opacity: 0, x: \"-100%\", transition: animationTransitions.micro },\n  },\n  right: {\n    initial: { opacity: 0, x: \"100%\" },\n    animate: { opacity: 1, x: 0, transition: animationTransitions.panel },\n    exit: { opacity: 0, x: \"100%\", transition: animationTransitions.micro },\n  },\n  top: {\n    initial: { opacity: 0, y: \"-100%\" },\n    animate: { opacity: 1, y: 0, transition: animationTransitions.panel },\n    exit: { opacity: 0, y: \"-100%\", transition: animationTransitions.micro },\n  },\n  bottom: {\n    initial: { opacity: 0, y: \"100%\" },\n    animate: { opacity: 1, y: 0, transition: animationTransitions.panel },\n    exit: { opacity: 0, y: \"100%\", transition: animationTransitions.micro },\n  },\n} as const satisfies Record<string, Variants>;\n\nexport const popoverSurface: Variants = {\n  initial: { opacity: 0, scale: 0.98, y: animationDistances.xs },\n  animate: { opacity: 1, scale: 1, y: 0, transition: animationTransitions.standard },\n  exit: {\n    opacity: 0,\n    scale: 0.98,\n    y: animationDistances.xs,\n    transition: animationTransitions.micro,\n  },\n};\n\nexport const pageTransition: Variants = {\n  initial: { opacity: 0, y: animationDistances.sm },\n  animate: { opacity: 1, y: 0, transition: animationTransitions.page },\n  exit: { opacity: 0, y: -animationDistances.xs, transition: animationTransitions.standard },\n};\n\nexport const reducedMotionVariants: Variants = {\n  initial: { opacity: 0 },\n  animate: { opacity: 1, transition: animationTransitions.instant },\n  exit: { opacity: 0, transition: animationTransitions.instant },\n};\n","\"use client\";\n\nimport {\n  AnimatePresence,\n  type HTMLMotionProps,\n  motion,\n  useReducedMotion,\n  type Variants,\n} from \"framer-motion\";\nimport type { ReactNode } from \"react\";\nimport {\n  animatedList,\n  animatedListItem,\n  drawerSurface,\n  fadeIn,\n  modalSurface,\n  pageTransition,\n  popoverSurface,\n  reducedMotionVariants,\n  scaleIn,\n  slideIn,\n} from \"../variants\";\n\ntype AnimatedDivProps = HTMLMotionProps<\"div\"> & {\n  children: ReactNode;\n};\n\nfunction useAccessibleVariants(variants: Variants, allowTransform = false) {\n  const shouldReduceMotion = useReducedMotion();\n  return shouldReduceMotion && !allowTransform ? reducedMotionVariants : variants;\n}\n\nexport function FadeIn({ children, ...props }: AnimatedDivProps) {\n  const variants = useAccessibleVariants(fadeIn);\n\n  return (\n    <motion.div initial=\"initial\" animate=\"animate\" exit=\"exit\" variants={variants} {...props}>\n      {children}\n    </motion.div>\n  );\n}\n\nexport function SlideIn({\n  children,\n  direction = \"up\",\n  ...props\n}: AnimatedDivProps & { direction?: keyof typeof slideIn }) {\n  const variants = useAccessibleVariants(slideIn[direction]);\n\n  return (\n    <motion.div initial=\"initial\" animate=\"animate\" exit=\"exit\" variants={variants} {...props}>\n      {children}\n    </motion.div>\n  );\n}\n\nexport function ScaleIn({ children, ...props }: AnimatedDivProps) {\n  const variants = useAccessibleVariants(scaleIn);\n\n  return (\n    <motion.div initial=\"initial\" animate=\"animate\" exit=\"exit\" variants={variants} {...props}>\n      {children}\n    </motion.div>\n  );\n}\n\nexport function AnimatedCard({ children, ...props }: AnimatedDivProps) {\n  return (\n    <ScaleIn whileHover={{ y: -2 }} whileTap={{ scale: 0.99 }} {...props}>\n      {children}\n    </ScaleIn>\n  );\n}\n\nexport function AnimatedList({ children, ...props }: AnimatedDivProps) {\n  const containerVariants = useAccessibleVariants(animatedList);\n  const itemVariants = useAccessibleVariants(animatedListItem);\n\n  return (\n    <motion.div\n      initial=\"initial\"\n      animate=\"animate\"\n      exit=\"exit\"\n      variants={containerVariants}\n      {...props}\n    >\n      {Array.isArray(children)\n        ? children.map((child, index) => (\n            <motion.div key={index} variants={itemVariants}>\n              {child}\n            </motion.div>\n          ))\n        : children}\n    </motion.div>\n  );\n}\n\nexport function AnimatedModal({ children, open, ...props }: AnimatedDivProps & { open: boolean }) {\n  const variants = useAccessibleVariants(modalSurface);\n\n  return (\n    <AnimatePresence>\n      {open ? (\n        <motion.div initial=\"initial\" animate=\"animate\" exit=\"exit\" variants={variants} {...props}>\n          {children}\n        </motion.div>\n      ) : null}\n    </AnimatePresence>\n  );\n}\n\nexport function AnimatedDrawer({\n  children,\n  open,\n  side = \"right\",\n  ...props\n}: AnimatedDivProps & { open: boolean; side?: keyof typeof drawerSurface }) {\n  const variants = useAccessibleVariants(drawerSurface[side]);\n\n  return (\n    <AnimatePresence>\n      {open ? (\n        <motion.div initial=\"initial\" animate=\"animate\" exit=\"exit\" variants={variants} {...props}>\n          {children}\n        </motion.div>\n      ) : null}\n    </AnimatePresence>\n  );\n}\n\nexport function AnimatedPopover({\n  children,\n  open,\n  ...props\n}: AnimatedDivProps & { open: boolean }) {\n  const variants = useAccessibleVariants(popoverSurface);\n\n  return (\n    <AnimatePresence>\n      {open ? (\n        <motion.div initial=\"initial\" animate=\"animate\" exit=\"exit\" variants={variants} {...props}>\n          {children}\n        </motion.div>\n      ) : null}\n    </AnimatePresence>\n  );\n}\n\nexport function PageTransition({ children, ...props }: AnimatedDivProps) {\n  const variants = useAccessibleVariants(pageTransition);\n\n  return (\n    <motion.div initial=\"initial\" animate=\"animate\" exit=\"exit\" variants={variants} {...props}>\n      {children}\n    </motion.div>\n  );\n}\n"]}

package/dist/styles/brand-override.css

@@ -1,10 +1,15 @@
 /**
- * brand-override.css — Custom Brand Configuration
+ * brand-override.css — Custom Brand Configuration (legacy scale remap)
  *
- * Drop this file into your app's globals.css with:
- *   @import "@nebutra/ui/styles/brand-override.css";
+ * Prefer the skin surface for product chrome:
+ *   @import "@nebutra/tokens/skins/<name>.css";
+ *   @see packages/design/tokens/skins/README.md
+ *
+ * This file remaps the **blue scale** only (residual `bg-blue-9` call sites).
+ * New code should use semantic tokens (`bg-primary`, `border-border`).
  *
- * Then edit the two color scales below to match your brand.
+ * Drop into globals.css after tokens if you still need scale remapping:
+ *   @import "@nebutra/ui/styles/brand-override.css";
  *
  * ────────────────────────────────────────────────────────────
  * HOW THE CASCADE WORKS
@@ -12,13 +17,8 @@
  *   1. You define: --your-primary-* (11 steps)
  *   2. System maps: --blue-9 → --your-primary-500 (solid fill)
  *                  --blue-3 → --your-primary-200 (component bg)
- *                  ... etc
- *   3. Every component automatically uses your brand color.
- *
- * QUICK START (2 minutes)
- *   Replace the hex values below with your brand colors.
- *   Use a tool like https://uicolors.app to generate 11 steps
- *   from a single hex value.
+ *   3. Residual blue-N utilities follow your brand; semantic CSS still wins
+ *      for Button / Input that already use --primary.
  * ────────────────────────────────────────────────────────────
  */