{"version":3,"file":"transitions.cjs","sources":["../../../src/components/Transition/transitions.ts"],"sourcesContent":["import { rem } from '../../core';\n\nexport interface RaikouTransitionStyles {\n  common?: React.CSSProperties;\n  in: React.CSSProperties;\n  out: React.CSSProperties;\n  transitionProperty: React.CSSProperties['transitionProperty'];\n}\n\nexport type RaikouTransitionName =\n  | 'fade'\n  | 'fade-down'\n  | 'fade-up'\n  | 'fade-left'\n  | 'fade-right'\n  | 'skew-up'\n  | 'skew-down'\n  | 'rotate-right'\n  | 'rotate-left'\n  | 'slide-down'\n  | 'slide-up'\n  | 'slide-right'\n  | 'slide-left'\n  | 'scale-y'\n  | 'scale-x'\n  | 'scale'\n  | 'pop'\n  | 'pop-top-left'\n  | 'pop-top-right'\n  | 'pop-bottom-left'\n  | 'pop-bottom-right';\n\nexport type RaikouTransition = RaikouTransitionName | RaikouTransitionStyles;\n\nconst popIn = (from: 'top' | 'bottom') => ({\n  in: { opacity: 1, transform: 'scale(1)' },\n  out: { opacity: 0, transform: `scale(.9) translateY(${rem(from === 'bottom' ? 10 : -10)})` },\n  transitionProperty: 'transform, opacity',\n});\n\nexport const transitions: Record<RaikouTransitionName, RaikouTransitionStyles> = {\n  fade: {\n    in: { opacity: 1 },\n    out: { opacity: 0 },\n    transitionProperty: 'opacity',\n  },\n\n  'fade-up': {\n    in: { opacity: 1, transform: 'translateY(0)' },\n    out: { opacity: 0, transform: `translateY(${rem(30)}` },\n    transitionProperty: 'opacity, transform',\n  },\n\n  'fade-down': {\n    in: { opacity: 1, transform: 'translateY(0)' },\n    out: { opacity: 0, transform: `translateY(${rem(-30)}` },\n    transitionProperty: 'opacity, transform',\n  },\n\n  'fade-left': {\n    in: { opacity: 1, transform: 'translateX(0)' },\n    out: { opacity: 0, transform: `translateX(${rem(30)}` },\n    transitionProperty: 'opacity, transform',\n  },\n\n  'fade-right': {\n    in: { opacity: 1, transform: 'translateX(0)' },\n    out: { opacity: 0, transform: `translateX(${rem(-30)}` },\n    transitionProperty: 'opacity, transform',\n  },\n\n  scale: {\n    in: { opacity: 1, transform: 'scale(1)' },\n    out: { opacity: 0, transform: 'scale(0)' },\n    common: { transformOrigin: 'top' },\n    transitionProperty: 'transform, opacity',\n  },\n\n  'scale-y': {\n    in: { opacity: 1, transform: 'scaleY(1)' },\n    out: { opacity: 0, transform: 'scaleY(0)' },\n    common: { transformOrigin: 'top' },\n    transitionProperty: 'transform, opacity',\n  },\n\n  'scale-x': {\n    in: { opacity: 1, transform: 'scaleX(1)' },\n    out: { opacity: 0, transform: 'scaleX(0)' },\n    common: { transformOrigin: 'left' },\n    transitionProperty: 'transform, opacity',\n  },\n\n  'skew-up': {\n    in: { opacity: 1, transform: 'translateY(0) skew(0deg, 0deg)' },\n    out: { opacity: 0, transform: `translateY(${rem(-20)}) skew(-10deg, -5deg)` },\n    common: { transformOrigin: 'top' },\n    transitionProperty: 'transform, opacity',\n  },\n\n  'skew-down': {\n    in: { opacity: 1, transform: 'translateY(0) skew(0deg, 0deg)' },\n    out: { opacity: 0, transform: `translateY(${rem(20)}) skew(-10deg, -5deg)` },\n    common: { transformOrigin: 'bottom' },\n    transitionProperty: 'transform, opacity',\n  },\n\n  'rotate-left': {\n    in: { opacity: 1, transform: 'translateY(0) rotate(0deg)' },\n    out: { opacity: 0, transform: `translateY(${rem(20)}) rotate(-5deg)` },\n    common: { transformOrigin: 'bottom' },\n    transitionProperty: 'transform, opacity',\n  },\n\n  'rotate-right': {\n    in: { opacity: 1, transform: 'translateY(0) rotate(0deg)' },\n    out: { opacity: 0, transform: `translateY(${rem(20)}) rotate(5deg)` },\n    common: { transformOrigin: 'top' },\n    transitionProperty: 'transform, opacity',\n  },\n\n  'slide-down': {\n    in: { opacity: 1, transform: 'translateY(0)' },\n    out: { opacity: 0, transform: 'translateY(-100%)' },\n    common: { transformOrigin: 'top' },\n    transitionProperty: 'transform, opacity',\n  },\n\n  'slide-up': {\n    in: { opacity: 1, transform: 'translateY(0)' },\n    out: { opacity: 0, transform: 'translateY(100%)' },\n    common: { transformOrigin: 'bottom' },\n    transitionProperty: 'transform, opacity',\n  },\n\n  'slide-left': {\n    in: { opacity: 1, transform: 'translateX(0)' },\n    out: { opacity: 0, transform: 'translateX(100%)' },\n    common: { transformOrigin: 'left' },\n    transitionProperty: 'transform, opacity',\n  },\n\n  'slide-right': {\n    in: { opacity: 1, transform: 'translateX(0)' },\n    out: { opacity: 0, transform: 'translateX(-100%)' },\n    common: { transformOrigin: 'right' },\n    transitionProperty: 'transform, opacity',\n  },\n\n  pop: {\n    ...popIn('bottom'),\n    common: { transformOrigin: 'center center' },\n  },\n\n  'pop-bottom-left': {\n    ...popIn('bottom'),\n    common: { transformOrigin: 'bottom left' },\n  },\n\n  'pop-bottom-right': {\n    ...popIn('bottom'),\n    common: { transformOrigin: 'bottom right' },\n  },\n\n  'pop-top-left': {\n    ...popIn('top'),\n    common: { transformOrigin: 'top left' },\n  },\n\n  'pop-top-right': {\n    ...popIn('top'),\n    common: { transformOrigin: 'top right' },\n  },\n};\n"],"names":["rem"],"mappings":"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"}